@media screen and (max-width: 1440px) {
    .container{max-width: calc(100% - 100px);}
}
@media screen and (max-width: 1350px) {
    #newsletter-form{max-width: 370px;}
    .fs-32{font-size: 28px;}
}
@media screen and (max-width: 1250px) {
    .menu-pc{display: none!important;}
    .menu-mobile{display: flex!important;}
    .container{max-width: 100%;}
    .map_footer iframe{margin-top: 3rem;}
    #arcontactus{display: block;}
    .widget-desktop,.img-footer::before{display: none;}
    .item-register{flex-direction: column;}
    .img-footer{position: relative;max-width: inherit;width: auto;}
    .img-footer div{clip-path: none;background-color: inherit;}
}

@media screen and (max-width:992px) {
    .news__grid{grid-template-columns: repeat(3,1fr);}
    .table-wishlist{min-width: 900px;}
    .grid-service{gap: 10px;}
    .fs-32,.fs-28{font-size: 24px;}
    .fs-20{font-size: 16px;}
    .name-list p{margin-left: -12px;}
    .name-list img{max-height: 44px;}
    .flex-about .img-about{text-align: right;}
}

@media screen and (max-width:768px) {
    .banner{height: 250px;}
    .name-list p{width: calc(100% - 38px); margin-left: -13px;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 2.8% 50%);}
    .news__grid{grid-template-columns: repeat(2,1fr);}
    .fs-20{font-size: 14px;}
    .fs-32, .fs-28{font-size: 20px;}
    .name-list img{max-height: 38px;}
    body{font-size: 15px;}
    .fs-24{font-size: 20px;}
    .item-service .name{padding: .5rem .5rem;padding-top: 3rem;height: auto;text-align: center;}
    .news__grid{gap: 10px;}
}

@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;}
    .grid-service a:nth-child(1){grid-column: 1/4;}
    .grid-service a:nth-child(2){grid-column: 1/4;grid-row: 3/4;}
    .grid-service a:nth-child(3){grid-column: 4/7;grid-row: 3/4;}
    .grid-service a:nth-child(4){grid-column: 4/7;}
    .grid-service a:nth-child(5){grid-row: 4/5;}
    .grid-service a:nth-child(6){grid-row: 4/5;}
    body{font-size: 14px;}
    .text-3line{height: 60px;}
    .name-list p{margin-left: -10px;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 3% 50%);}
    .menu::before{clip-path: inherit;}
    .fs-24{font-size: 16px;}
    .item-project .name{width: 95%;height: 95%;padding: .5rem .5rem;}
}

@media screen and (max-width:450px) {
   .banner{height: 180px;}
   .fs-20{font-size: 13px;}
   .name-list img{max-height: 32px;}
   .name-list p{width: calc(100% - 32px);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 3.4% 50%);margin-left: -9px;}
   .fs-32, .fs-28{font-size: 16px;}
   body{font-size: 13px;}
   .name-list p{margin-left: -8px;}
}

@media screen and (max-width:350px) {
    .news__grid{grid-template-columns: 100%;}
    .breadcrumb-item{font-size: 9px;}
    .fs-20{font-size: 12px;}
    .name-list p{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 4.4% 50%);}
}