@media screen and (max-width: 1350px) {
    .logo{left: 1rem;}
    .fs-45{font-size: 32px;}
}
@media screen and (max-width: 1250px) {
    .container{max-width: 100%;}
    #arcontactus{display: block;}
    .widget-desktop{display: none;}
    .logo-footer{left: 1rem;}
    .fs-32{font-size: 28px;}
    .fs-20{font-size: 18px;}
}
@media screen and (max-width: 1150px) {
    .logo{left: inherit;position: relative;bottom: inherit;}
    .fs-18{font-size: 15px;}
}

@media screen and (max-width:992px) {
    .product__grid{grid-template-columns: repeat(2,1fr);}
    .table-wishlist{min-width: 900px;}
    .form-search,.menu-pc{display: none!important;}
    .top-header{padding: 2rem .5rem !important;}
    .menu-mobile{display: flex!important;position: absolute;left: .5rem;top: 50%;transform: translate(0,-50%);}
    .header{padding: .5rem 0;}
    .svg{display: none;}
    .fs-32{font-size: 25px;}
    .grid-project{grid-gap:20px}
    .fs-20{font-size: 16px;}
    .logo-footer{display: none;}
    footer .container{display: flex;flex-direction: column;}
    .clipped{border-radius: 1rem;}
}

@media screen and (max-width:768px) {
    .banner{height: 250px;}
    .fs-32{font-size: 22px;}
    .desc-index{max-width: 80%;}
    .content-project{position: relative!important;bottom: inherit;left: inherit;width: 100%;transform: inherit;}
    .news__grid{grid-template-columns: repeat(2,1fr);gap: 15px;}
    .grid-project{grid-gap:15px}
    .swiper-button-next, .swiper-button-prev{width: 30px;height: 30px;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: 12px;}
    .fs-45{font-size: 25px;}
    .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;}
    .banner{height: 210px;}
    body{font-size: 15px;}
    .fs-18,.more-product{font-size: 14px;}
    .fs-20{font-size: 15px;}
    .fs-32{font-size: 20px;}
    .fs-14{font-size: 12px;}
    .grid-project{grid-gap:10px}
    .news__grid{gap: 10px;}
    #newsletter-form input{font-size: 15px;}
    .fs-24{font-size: 18px;}
}

@media screen and (max-width:450px) {
   .banner{height: 180px;}
   body{font-size: 14px;}
   .fs-18,.more-product{font-size: 13px;}
   .fs-32{font-size: 18px;}
   .more-product{padding: .3rem .5rem!important;}
   .fs-20{font-size: 14px;}
   .fs-14{font-size: 10px;}
   .fs-32{font-size: 18px;}
   .fs-45{font-size: 20px;}
}
@media screen and (max-width:375px) {
    .more-product{font-size: 11px;}
    .fs-20{font-size: 13px;}
    .content-project .name, .name-new{line-height: 20px;height: 40px;}
    body{font-size: 13px;}
    .text-2line{height: 38px;}
    #newsletter-form input{font-size: 13px;}
    .more-new{flex-direction: column;justify-content: start!important;align-items: start!important;}
    .more-new a{width: 100%;text-align: right;}
    .more-product{padding: .3rem .2rem!important;}
    .fs-24{font-size: 15px;}
}

@media screen and (max-width:320px) {
    .breadcrumb-item{font-size: 9px;}
    .swiper-button-next, .swiper-button-prev{width: 20px;height: 20px;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: 10px;}
    .fs-20{font-size: 12px;}
}