@media screen and (max-width: 1350px) {
    .fs-36{font-size: 28px;}
}

@media screen and (max-width: 1250px) {
    .menu{display: none!important;}
    .menu-mobile{display: flex!important;position: absolute;top: 50%;left: 10px;transform: translate(0,-50%);}
    .container{max-width: 100%;}
    .bar-header{height: 30px;}
    .widget-mb{display: grid;grid-template-columns: repeat(4, 1fr);gap:2px}
    .widget-desktop{display: none;}
    .scrollToTop{bottom: 50px;}
    footer{padding-bottom: 50px;}
}

@media screen and (max-width: 1100px) {
    footer .col-xl-5{justify-content: center!important;}
}

@media screen and (max-width:992px) {
    .product__grid,.news__grid{grid-template-columns: repeat(2, calc(50% - (10px / 2)));}
    .table-wishlist{min-width: 900px;}
    .grid-pin{display: grid;grid-template-columns: repeat(2, calc(50% - (20px / 2))); gap: 20px;}
    .grid-pin > a{margin-bottom: 0!important;}
    .modal-dialog {max-width: 90%;margin: auto;}
}

@media screen and (max-width:768px) {
    .fs-32{font-size: 25px;}
    .fs-24{font-size: 20px;}
    .fs-36{font-size: 25px;}
    .item-pin{position: relative!important;background-color: #2F62EB;}
    .item-pin .fs-20{font-size: 16px;}
    .text-3line{font-size: 14px;height: 65px;}
    .title-list span::after, .title-list span::before{width: 80px;}
    .banner_full .background{height: 180px;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: 20px;}
    .swiper-button-next, .swiper-button-prev{height: 50px;}
}

@media screen and (max-width:700px) {
    .img-register{display: none!important;}
}

@media screen and (max-width:576px) {
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .fs-36,.items-share:first-child .name{font-size: 17px;}
    .fs-20{font-size: 13px;}
    .fs-18{font-size: 15px;}
    .breadcrumb-item{font-size: 12px;}
    .img-modal{display: none;}
    .share_grid{grid-template-columns: repeat(2, 1fr);}
    .fs-32{font-size: 18px;}
    .fs-24{font-size: 15px;}
    .price{font-size: 13px;}
    .title-list span::after, .title-list span::before{width: 40px;}
}

@media screen and (max-width:450px) {
   .fs-32{font-size: 20px;}
   .text-line{font-size: 28px;}
   .fs-36{font-size: 20px;}
   .banner_full .background{height: 130px;}
   .icon-cart{display: none!important;}
   .header .col-3{padding: 0;}
   .header .col-6{max-width: 25%;}
   .fs-12{font-size: 12px;}
   .swiper-button-next:after, .swiper-button-prev:after{font-size: 15px;}
   .swiper-button-next, .swiper-button-prev{height: 30px;}
   .fs-20{font-size: 12px;}
   body,.form-control{font-size: 13px;}
   .text-2line{height: 40px;}
   .grid-pin{grid-template-columns: 100%}
   .fs-24{font-size: 14px;}
   .line:after{right: -.5rem;}
}

@media screen and (max-width:320px) {
    .product__grid,.news__grid,.service_grid,.video-grid{grid-template-columns: 100%;}
    .fs-36{font-size: 10px;}
    .breadcrumb-item{font-size: 9px;}
}