@media screen and (max-width: 1366px) {
    .menu ul.menu-pc{gap: 1rem!important;}
}
@media screen and (max-width: 1250px) {
    .menu ul.menu-pc{gap: .5rem!important;}
    .menu ul.menu-pc li a{font-size: 18px;}
    .fs-36{font-size: 34px;}
    .fs-55{font-size: 50px;}
}
@media screen and (max-width: 1199px) {
    .container{max-width: 100%;}
    .fs-24{font-size: 22px;}
    .fs-26{font-size: 24px;}
    .fs-32{font-size: 28px;}
    .fs-36{font-size: 30px;}
    .fs-55{font-size: 40px;}
    .swiper-certica-prev{left: 0;}
    .swiper-certica-next{right: 0;}
    .content-slider .fs-45{font-size: 40px;}
    .sub-product{display: none!important;}
}

@media screen and (max-width:992px) {
    .fs-18{font-size: 16px;}
    .fs-20{font-size: 18px;}
    .fs-24{font-size: 20px;}
    .fs-26{font-size: 22px;}
    .fs-32{font-size: 24px;}
    .fs-36{font-size: 26px;}
    .fs-55{font-size: 30px;}
    .table-wishlist{min-width: 900px;}
    [data-aos] {opacity: 1 !important;transform: none !important;transition: none !important;}
    .banner{height: 350px;}
    .content-slider .fs-45{font-size: 35px;}
    .vision-items-1::before,.vision-items-1::after{display: none;}
    .header.fixed .logo{ transform: translateX(15px); -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); }
}

@media screen and (max-width:768px) {
     body,.fs-18{font-size: 15px;}
    .banner{height: 250px;}
    .fs-20{font-size: 16px;}
    .fs-24{font-size: 18px;}
    .fs-26{font-size: 20px;}
    .fs-32{font-size: 20px;}
    .fs-36{font-size: 22px;}
    .fs-55{font-size: 25px;}
    .content-slider .fs-45{font-size: 30px;}
    .widget-desktop-items__icon{width: 30px;height: 30px;}
    .content-ckeditor table{display: block;}
    .list-items{width: 100%;height: auto;max-height: 70px;}
    .list-items.active{width: 100%;max-height: 300px;min-height: 300px;}
    .list-items .name{ transform:rotate(0) ; -webkit-transform:rotate(0) ; -moz-transform:rotate(0) ; -ms-transform:rotate(0) ; -o-transform:rotate(0) ;margin-bottom: 0; }
    .swiper-certica-prev,.swiper-certica-next{width: 30px;height: 30px;}
    .banner h2{line-height: 35px;}
    .sub-product{position: static;width: 100%;height: 90%;aspect-ratio: auto;background: none !important;opacity: 1;visibility: visible;transform: none;display: grid;gap: 6px;top: 0;padding: 1rem; grid-template-columns: repeat(2, 1fr);}
    .sub-product--count-1{grid-template-columns: 1fr;}
    .sub-product .item,
    .sub-product .item.item-center{position: static;width: 100%;height: 100%;aspect-ratio: 1 / 1;margin: 0;transform: none !important;border-radius: 12px;background: var(--color);display: flex;align-items: center;justify-content: center;overflow: hidden;}
    .sub-product .item img{max-width: 70%;max-height: 70%;object-fit: contain;}
    .sub-product .slice-glow{ display: none; }
    .sub-product .item.active{outline: 3px solid var(--main);outline-offset: -3px;box-shadow: none;}
    .sub-product .item img{filter: brightness(0) invert(1);}
    footer{padding-bottom: 60px;}
}
@media screen and (max-width:576px) {
    body,.fs-18{font-size: 14px;}
    input,textarea,select{font-size: 15px!important;}
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 12px;}
    .banner{height: 170px;}
    .fs-14{font-size: 12px;}
    .fs-20{font-size: 15px;}
    .fs-24{font-size: 16px;}
    .fs-26{font-size: 18px;}
    .fs-32{font-size: 18px;}
    .fs-36{font-size: 20px;}
    .fs-55{font-size: 22px;}
    .fs-14{font-size: 13px;}
    .content-ckeditor span {font-size: inherit !important;}
    .content-slider .fs-45{font-size: 25px;}
    .Swiper_spct2 .bg-product-detail{height: 350px;}
    .swiper-certica .swiper-slide.swiper-slide-prev,.swiper-certica .swiper-slide.swiper-slide-next{width: calc(30% - 13.33px) !important;opacity: 1;}
    .swiper-certica .swiper-slide.prev-2,.swiper-certica .swiper-slide.next-2{ width: calc(33.33% - 13.33px)!important;opacity: 1;}
    .swiper-certica .swiper-slide.swiper-slide-active{width: calc(40% - 13.33px) !important;opacity: 1;}
    .banner h2{line-height: 30px;}
    .text-3line{height: 65px;}
    .owl-dots button span{width: 8px;height: 8px;}
    .sub-product{height: 80%;padding: 2rem;}
    .sub-product .item img{max-height: 20px;}
    .header-top svg{display: none;}
    .menu::before{width: 50px;}
    .menu{padding-left: 50px;}
    .header-top a img{max-width: 24px!important;}
}

@media screen and (max-width:450px) {
    input,textarea,select{font-size: 14px!important;}
   .banner{height: 120px;}
    .fs-20{font-size: 14px;}
    .fs-24{font-size: 15px;}
    .fs-26{font-size: 16px;}
    .fs-32{font-size: 16px;}
    .fs-36{font-size: 18px;}
    .fs-55{font-size: 20px;}
    .content-slider .fs-45{font-size: 20px;}
    .list-items.active{width: 100%;max-height: 350px;min-height: 350px;}
    .dropdown-lang{min-width: 140px;}
    .dropdown-lang .dropdown-item{padding: 4px 8px;}
    .header-top a img{max-width: 20px!important;}
}

@media screen and (max-width:320px) {
     body{font-size: 13px;}
    .banner{height: 100px;}
    .breadcrumb-item{font-size: 10px;}
    .fs-14{font-size: 10px;}
    .fs-20{font-size: 13px;}
    .fs-24{font-size: 14px;}
    .fs-26{font-size: 15px;}
    .fs-32{font-size: 15px;}
    .fs-36{font-size: 16px;}
    .fs-55{font-size: 18px;}
    .content-slider .fs-45{font-size: 16px;}
    .text-3line{height: 58px;}
    .sub-product{padding: 1rem;}
    .dropdown-lang{min-width: 120px;}
}