@media screen and (max-width: 1250px) {
    .menu-pc,.header-logo{display: none!important;}
    .menu-mobile{ display: flex!important; position: absolute; left: 10px; top: 50%; transform:translate(0,-50%) ; -webkit-transform:translate(0,-50%) ; -moz-transform:translate(0,-50%) ; -ms-transform:translate(0,-50%) ; -o-transform:translate(0,-50%) ; }
    .container{max-width: 100%;}
    .logo-res{display: block;}
    .header .col-lg-10{width: 100%;}
    .menu .container{justify-content: center!important;}
    .menu.fixed .logo-res{max-width: 60px;}
    .fs-16{font-size: 14px;}
}

@media screen and (max-width:992px) {
    .table-wishlist{min-width: 900px;}
    .video-grid,.news__grid{grid-template-columns: repeat(3,1fr);}
    .header-top{padding-right: 1rem;}
    .fs-32{font-size: 28px;}
}

@media screen and (max-width:768px) {
    .banner{height: 180px;}
    .video-grid,.news__grid{grid-template-columns: repeat(2,1fr);}
    .swiper-button-next, .swiper-button-prev{width: 35px;height: 35px;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: 15px;}
    body{font-size: 15px;}
    .fs-20{font-size: 18px;}
    .fs-18{font-size: 16px;}
    .fs-32{font-size: 26px;}
    .fs-24{font-size: 20px;}
}

@media screen and (max-width:576px) {
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 12px;}
    .fs-20{font-size: 16px;}
    .swiper-button-next, .swiper-button-prev{width: 25px;height: 25px;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: 12px;}
    .fs-32{font-size: 22px;}
    .form-search button{max-width: 120px;}
    .fs-16{font-size: 13px;}
    .fs-18{font-size: 14px;}
    .text-2line{height: 40px;}
    body{font-size: 14px;}
    .text-3line{height: 60px;}
    .fs-14{font-size: 12px;}
    .video-grid,.news__grid{gap: 10px;}
    .page-link{font-size: 15px;line-height: 30px;}
    .fs-24{font-size: 18px;}
}

@media screen and (max-width:450px) {
   .banner{height: 150px;}
   .fs-32{font-size: 20px;}
   .fs-16{font-size: 12px;}
   .form-search input{font-size: 14px;}
   .form-search button{font-size: 14px;}
   .form-search button img{max-width: 18px;}
}

@media screen and (max-width:320px) {
    .breadcrumb-item{font-size: 9px;}
    .form-search button{max-width: 100px;}
}