@media screen and (max-width: 1440px) {
    .container {max-width: min(1440px, calc(100% - 10vw));}
}
@media screen and (max-width: 1366px) {
    .fs-75{font-size: 65px;}
}
@media screen and (max-width: 1250px) {
    .menu-pc,.widget-desktop,.form-search{display: none!important;}
    .menu-mobile{display: flex!important;}
    .container{max-width: 100%;}
    #arcontactus{display: block;}
    .fs-24{font-size: 22px;}
    .fs-32,.ug-tile .ug-textpanel-title{font-size: 28px;}
    .fs-36{font-size: 30px;}
    .fs-45{font-size: 40px;}
    .fs-75{font-size: 58px;}
    .logo{text-align: center;display: block;}
    .name-service{max-width: 50%;}
    .owl-prev{left: 0;}
    .owl-next{right: 0;}
}

@media screen and (max-width:992px) {
    .fs-,.breadcrumb li a{font-size: 18px;}
    .fs-22{font-size: 20px;}
    .fs-24{font-size: 20px;}
    .fs-25{font-size: 21px;}
    .fs-26{font-size: 22px;}
    .fs-32,.ug-tile .ug-textpanel-title{font-size: 24px;}
    .fs-36{font-size: 26px;}
    .fs-45{font-size: 35px;}
    .fs-75{font-size: 50px;}
    .table-wishlist{min-width: 900px;}
    .name-service{max-width: 60%;}
    .left-footer, .right-footer{max-width: 250px;}
    .map-footer iframe{height: inherit;}
}

@media screen and (max-width:768px) {
    body{font-size: 15px;}
    .content-ckeditor span{font-size: 15px!important;}
    .fs-18{font-size: 16px;}
    .fs-20,.breadcrumb li a{font-size: 16px;}
    .fs-22{font-size: 18px;}
    .fs-24{font-size: 18px;}
    .fs-25{font-size: 19px;}
    .fs-26{font-size: 20px;}
    .fs-32,.ug-tile .ug-textpanel-title{font-size: 20px;}
    .fs-36{font-size: 22px;}
    .fs-45{font-size: 31px;}
    .fs-75{font-size: 40px;}
    .content-slide{max-width: 75%;}
    .left-footer, .right-footer{max-width: 150px;}
    .name-service{max-width: 80%;}
}

@media screen and (max-width:576px) {
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 12px;}
    input,textarea{font-size: 15px!important;}
    .fs-18{font-size: 15px;}
    .fs-20,.breadcrumb li a{font-size: 15px;}
    .fs-22{font-size: 16px;}
    .fs-24{font-size: 16px;}
    .fs-25{font-size: 17px;}
    .fs-26{font-size: 18px;}
    .fs-32,.ug-tile .ug-textpanel-title{font-size: 18px;}
    .fs-36{font-size: 20px;}
    .fs-45{font-size: 26px;}
    .fs-75{font-size: 32px;}
    .content-slide{max-width: 100%;left: 0;padding: 0 .75rem;}
    .left-footer, .right-footer{max-width: 100px;}
    .owl-prev, .owl-next{width: 30px;height: 30px;top: 40%;}
    body{font-size: 14px;}
    .content-ckeditor span{font-size: 14px!important;}
    .text-2line{height: 43px;}
    .text-3line{height: 63px;}
    .text-5line{height: 105px;}
    .name-service{max-width: 100%;padding: 0 .75rem;}
}

@media screen and (max-width:450px) {
   input,textarea{font-size: 14px!important;}
    .fs-20,.breadcrumb li a{font-size: 14px;}
    .fs-22{font-size: 14px;}
    .fs-24{font-size: 14px;}
    .fs-25{font-size: 15px;}
    .fs-26{font-size: 16px;}
    .fs-32,.ug-tile .ug-textpanel-title{font-size: 16px;}
    .fs-36{font-size: 18px;}
    .fs-45{font-size: 22px;}
    .fs-75{font-size: 24px;}
}

@media screen and (max-width:320px) {
    .fs-20,.breadcrumb li a{font-size: 12px;}
    body{font-size: 13px;}
    .fs-24,.fs-22{font-size: 12px;}
    .fs-25{font-size: 13px;}
    .fs-26{font-size: 13px;}
    .fs-32,.ug-tile .ug-textpanel-title{font-size: 13px;}
    .content-ckeditor span{font-size: 13px!important;}
    .fs-36{font-size: 14px;}
    .fs-45{font-size: 18px;}
    .fs-75{font-size: 20px;}
    .text-2line{height: 40px;}
    .text-3line{height: 57px;}
}