@media screen and (max-width: 1366px) {
    .fs-32{font-size: 30px;}
    .fs-44{font-size: 40px;}
    .fs-48{font-size: 44px;}
    .fs-50{font-size: 46px;}
}
@media screen and (max-width: 1250px) {
    .menu-pc,.quote-menu a span{display: none!important;}
    .menu-mobile{display: flex!important;}
    .container{max-width: 100%;}
    .clipped-footer{padding-left: .75rem;}
    .quote-menu a i{display: block;}
    .quote-menu a{padding-top: .5rem!important;padding-bottom: .5rem!important;}
    .fs-24{font-size: 22px;}
    .fs-32{font-size: 28px;}
    .fs-44{font-size: 36px;}
    .fs-48{font-size: 40px;}
    .fs-50{font-size: 42px;}
    .owl-service .owl-prev{left: -10px;}
    .owl-service .owl-next{right: -10px;}
}

@media screen and (max-width:992px) {
    .fs-18{font-size: 17px;}
    .fs-20,.table-find thead tr th{font-size: 18px;}
    .fs-24{font-size: 20px;}
    .fs-32{font-size: 26px;}
    .fs-44{font-size: 32px;}
    .fs-48{font-size: 36px;}
    .fs-50{font-size: 38px;}
    .table-wishlist{min-width: 900px;}
    .content-slide,.content-slide-about{max-width: 95%;}
    .file-grid{grid-template-columns: repeat(2, calc(50% - (20px / 2)));}
    .item-service:hover a .name{font-size: 20px;}
    .item-service:hover a .desc{font-size: 18px;}
}

@media screen and (max-width:768px) {
    .owl-service .owl-prev,.owl-service .owl-next{font-size: 15px;}
    .banner{height: 250px;}
    body{font-size: 15px;}
    .fs-18{font-size: 16px;}
    .fs-20,.table-find thead tr th{font-size: 17px;}
    .fs-24{font-size: 15px;}
    .fs-32{font-size: 23px;}
    .fs-44{font-size: 20px;}
    .fs-48{font-size: 33px;}
    .fs-50{font-size: 35px;}
    .container-out-process::before{left: calc(16.66666667% + (8.33333333% / 2 ) - .55rem);}
    .item-list-top::before,.item-list-green::before{display: none;}
    .item-list-top{background: var(--blue);}
    .item-list-green{background: var(--mint-green);}
    .content-list-bottom{position: relative;padding-top: 1rem;background-color: var(--blue);height: auto;}
    .product__grid{grid-template-columns: repeat(2, calc(50% - (20px / 2)));}
    .news__grid{grid-template-columns: repeat(2, calc(50% - (20px / 2)));}
    .industries-grid{grid-template-columns: repeat(2,1fr);}
    .list-bottom-grid{grid-template-columns: 100%}
    .why-work-grid{grid-template-columns: 100%;}
    .how-grid{grid-template-columns: repeat(2,1fr);}
    .item-how-3{padding-left: 1rem;}
    .item-how-2::before{left: 99.80%;}
    .item-service:hover a .name{font-size: 18px;}
    .item-service:hover a .desc{font-size: 16px;}
    .content-our-process::after{left: 3px;}
    .career-grid{grid-template-columns: repeat(2, calc(50% - (10px / 2)));gap: 10px;}
    .section-register{min-height: 370px;}
    .bg-webeleve{background-size: cover!important;}
}

@media screen and (max-width:576px) {
    .owl-service .owl-prev,.owl-service .owl-next{width: 30px;height: 30px;}
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 12px;}
    .banner{height: 210px;background-size: cover!important;}
    body{font-size: 14px;}
    .fs-18{font-size: 15px;}
    .fs-20,.table-find thead tr th{font-size: 16px;}
    .fs-24{font-size: 15px;}
    .fs-32{font-size: 20px;}
    .fs-44{font-size: 18px;}
    .fs-48{font-size: 25px;}
    .fs-50{font-size: 27px;}
    .footer-top-right{padding-left: .65rem;padding-right: .65rem;}
    .product__grid{grid-template-columns: repeat(2, calc(50% - (10px / 2)));grid-gap:10px}
    .news__grid{grid-template-columns: repeat(2, calc(50% - (10px / 2)));grid-gap:10px}
    .text-3line{height: 60px;}
    .desc.w-75{width: 100%!important;}
    .item-service:hover a .name{font-size: 16px;}
    .item-service:hover a .desc{font-size: 15px;}
    .file-grid{grid-template-columns: 100%;}
    input,textarea{font-size: 15px!important;}
    .border-file{border-right: 0;}
    .section-register{min-height: 340px;}
}

@media screen and (max-width:450px) {
    .fs-15{font-size: 14px;}
   .banner{height: 180px;}
   .fs-48{font-size: 22px;}
   .fs-50{font-size: 24px;}
   .fs-32{font-size: 18px;}
   .fs-20,.table-find thead tr th{font-size: 15px;}
    input,textarea{font-size: 14px!important;}
    .out-area-grid{grid-template-columns: 100%;}
    .news__grid{grid-template-columns: 100%;}
    .content-slide .fs-44{font-size: 15px;}
    .content-slide .fs-24{font-size: 13px;}
}

@media screen and (max-width:320px) {
    .breadcrumb-item{font-size: 9px;}
    .quote-menu a{padding: .3rem .5rem!important;}
    .logo{max-width: 150px;}
    .fs-32{font-size: 16px;}
    .fs-48{font-size: 18px;}
    .fs-50{font-size: 20px;}
    .fs-44{font-size: 16px;}
}