@media (min-width: 1920px) {.container {max-width: 1560px;}}
@media (min-width: 1680px) {.container {max-width: 1440px;}}
@media (min-width: 1440px) {.container {max-width: 1320px;}}
@media (min-width: 1250px) {.container {max-width: 1250px;}}
@media screen and (max-width: 1250px) {
    .menu-pc,.widget-desktop{display: none!important;}
    .menu-mobile{display: flex!important;width: 140px;}
    .container{max-width: 100%;}
    #arcontactus{display: block;}
    .fs-26{font-size: 22px;}
    .fs-28{font-size: 24px;}
    .fs-32{font-size: 28px;}
    .fs-36{font-size: 32px;}
}

@media screen and (max-width:992px) {
    .table-wishlist{min-width: 900px;}
    .fs-26{font-size: 20px;}
    .fs-28{font-size: 22px;}
    .fs-32{font-size: 24px;}
    .fs-36{font-size: 28px;}
    .product__grid{grid-template-columns: repeat(3, calc(33.33% - (20px * 2 / 3)));}
    .recruitment__grid{grid-template-columns: 100%;}
}

@media screen and (max-width:768px) {
    .fs-26{font-size: 18px;}
    .fs-20{font-size: 18px;}
    .fs-28{font-size: 20px;}
    .fs-32{font-size: 22px;}
    .fs-36{font-size: 26px;}
    .banner{height: 260px;}
    .service-grid{grid-template-columns: repeat(4,1fr);}
    .item-service-1{grid-column: 1/3;}
    .item-service-2{grid-column: 3/5;}
    .item-service-3,.item-service-4{grid-column: span 2;}
    .item-service:nth-child(n+4){grid-column: span 2;}
    .item-service:nth-child(n+5) {grid-column: span 4;}
    .product__grid,.news__grid{grid-template-columns: repeat(2, calc(50% - (20px / 2)));}
    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: 220px;}
    .menu-mobile{ width: auto; position: absolute; top: 50%; left: 10px; transform:translate(0,-50%) ; -webkit-transform:translate(0,-50%) ; -moz-transform:translate(0,-50%) ; -ms-transform:translate(0,-50%) ; -o-transform:translate(0,-50%) ; }
    .service-grid{grid-auto-rows: 250px;gap: 10px;}
    body{font-size: 14px;}
    .fs-18{font-size: 15px;}
    .fs-26{font-size: 16px;}
    .fs-20{font-size: 16px;}
    .fs-28{font-size: 18px;}
    .fs-32{font-size: 20px;}
    .fs-36{font-size: 24px;}
    .text-2line{height: 40px;}
    .recruitment__grid{grid-template-columns: repeat(2, calc(50% - (10px / 2)));grid-gap: 10px}
    .product__grid, .news__grid {grid-template-columns: repeat(2, calc(50% - (10px / 2)));grid-gap: 10px;}
}

@media screen and (max-width:450px) {
   .banner{height: 180px;}
   .fs-18{font-size: 14px;}
    .fs-26{font-size: 15px;}
    .fs-20{font-size: 15px;}
    .fs-28{font-size: 16px;}
    .fs-32{font-size: 18px;}
    .fs-36{font-size: 22px;}
    .service-grid{grid-auto-rows: 200px;}
}

@media screen and (max-width:320px) {
    .breadcrumb-item{font-size: 9px;}
    .service-grid{grid-auto-rows: 150px;}
    .fs-18{font-size: 13px;}
    .fs-26{font-size: 14px;}
    .fs-20{font-size: 14px;}
    .fs-28{font-size: 15px;}
    .fs-32{font-size: 16px;}
    .fs-36{font-size: 20px;}
    body{font-size: 13px;}
    .text-4line{height: 85px;}
}