@media screen and (max-width: 1250px) {
    .menu-pc, .form-search,.widget-desktop,.logo-desktop,.header svg,footer svg{display: none!important;}
    .menu-mobile{ display: flex!important; position: absolute; left: 20px; 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%;}
    #arcontactus{display: block;}
    .header .col-xl-10{width: 100%!important;padding-left: initial!important;}
    .header-top{padding-right: .7rem;padding-left: 1.5rem;}
    .menu .container{padding: .5rem 1.5rem;}
    .logo-res{display: block!important;}
    .header.fixed .logo-res img{max-width: 60px!important;}
    .form-footer{position: relative;top: initial;max-width: 100%;}
    .fs-32{font-size: 28px;}
}

@media screen and (max-width:992px) {
    .fs-32{font-size: 26px;}
    .fs-24{font-size: 22px;}
    .item-why{max-width: 60%;margin: 0 auto;}
    .item-why:first-child{margin-bottom: 2rem;}
    .news__grid{grid-template-columns: repeat(2, calc(50% - (20px / 2)));}
    .product__grid{grid-template-columns: repeat(3, calc(33.33% - (20px * 2 / 3)));}
}

@media screen and (max-width:768px) {
    .banner{height: 200px;}
    .fs-32{font-size: 24px;}
    .fs-24{font-size: 20px;}
    .fs-20{font-size: 17px;}
    .project-grid{grid-template-columns: repeat(2,1fr);}
    .item-project-1{grid-column: 1/2;grid-row: 1/2;}
    .item-project-2{grid-column: 2/3;grid-row: 1/2;}
    .item-project-3{grid-column: 1/3;grid-row: 2/3;}
    .item-project-4{grid-column: 1/2;grid-row: 3/4;}
    .item-project-5{grid-column: 2/3;grid-row: 3/4;}
    .item-project-6{grid-column: 1/2;grid-row: 4/5;}
    .item-project-7{grid-column: 2/3;grid-row: 4/5;}
    .product__grid{grid-template-columns: repeat(2, calc(50% - (20px / 2)));}
    .item-why{max-width: 80%;}
    body{font-size: 15px;}
    .fs-18{font-size: 16px;}
}

@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: 180px;}
    body{font-size: 14px;}
    .news__grid,.product__grid{grid-template-columns: repeat(2, calc(50% - (10px / 2)));grid-gap: 25px 10px;}
    .fs-20{font-size: 15px;}
    .text-2line{height: 40px;}
    .fs-32{font-size: 22px;}
    input,textarea{font-size: 14px!important;}
    .line img{max-width: 230px!important;}
    .fs-24{font-size: 18px;}
    .header .top{height: 36px;}
}

@media screen and (max-width:450px) {
   .banner{height: 160px;}
   .fs-18,.fs-20{font-size: 14px;}
   body{font-size: 13px;}
   .item-why{max-width: 100%;}
   .fs-32{font-size: 20px;}
   .line img{max-width: 180px!important;}
   .fs-24{font-size: 16px;}
}

@media screen and (max-width:320px) {
    .fs-18, .fs-20{font-size: 13px;}
    .breadcrumb-item{font-size: 9px;}
    .fs-32{font-size: 18px;}
    .line img{max-width: 150px!important;}
}