@media all and (max-width: 1300px) {
    .box-wp {
        padding: 0 16px;
    }
    .header-top-c {
        gap: 5%;
        grid-template-columns: 10% 45% 35%;
    }

    .header-right .call-t{
        width: 55%;
    }
    .ft-t-lg {
        width: 40%;
        padding-right: 5%;
    }
    .ft-text {
        width: 60%;
    }
    .ft-copyright .box-wp{
        padding: 24px 16px;
    }
}
@media all and (max-width: 1200px) {
    .info-ct-ft{
        gap: 3%;
    }
    .ft-t-lg {
        width: 35%;
    }
    .ft-text {
        width: 65%;
    }
    .ft-ct-t {
        gap: 2%
    }
}

@media screen and (max-width: 1100px) {
    .header-top-c {
        grid-template-columns: 10% 36% 44%;
    }
    .abp2-content {
        gap: 40px;
    }
    .comment-abp1 {
        font-size: 28px;
    }
    .content-product, .content-product-2, .content-product-3 {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin-bottom: 32px;
    }
    .content-product-3{
        margin-left: 0;
    }
    .td-img-fs{
        display: none;
    }
    .content-product-2 .td-img-fs {
        display: block;
    }
}
@media all and (max-width: 840px) {
    .list-thucdon {
        grid-template-columns: repeat(1, 1fr);
    }
    .banner .text .lg-text{
        font-size: 32px;
    }
    .title-pu {
        font-size: 30px;
    }
    .header-flex.box-wp {
        padding: 0;
    }

    .navigation.box-wp {
        padding: 0;
    }

    .slider, .main {
        margin-top: 0;
    }

    .slider img {
        height: auto;
    }
    .header-top-c {
        gap: 1%;
        grid-template-columns: 15% 36% 48%;
    }
    .header-top {
        padding: 8px 0;
    }
    .abp2.abp2-h .abp2-content{
        gap: 0;
    }
    .abp2-content {
        gap: 30px;
    }
    .abp2.abp2-h:before {
        top: -24%;
        height: 25%;
    }
    .abp2.abp2-h:after {
        bottom: -23%;
        height: 25%;
    }
    .abp2.abp2-h {
        padding: 10px 0;
    }
    .abp2-item h4 {
        font-size: 18px;
    }
    .abp1-h-cont {
        gap: 30px;
        align-items: center;
    }
    .comment-abp1, .comment-c-prdh {
        font-size: 22px;
    }
    .name-prdh label {
        font-size: 28px;
    }
    .thucdon-h-img {
        display: none;
    }
    .thucdon-h {
        grid-template-columns: 1fr 1fr;
    }
    .service-h-c,  .list-new{
        grid-template-columns: 1fr;
    }
    .service-h-l img {
        height: 360px;
        object-fit: cover;
    }
    .service-h-l {
        width: 70%;
    }
    .service-h-r .title-abp1, .service-h-r .comment-abp1 {
        text-align: center;
    }
    .service-h-r .title-abp1.motgach span:before{
        content: '';
    }
    .title-abp1 span:after, .title-abp1 span:before {
        width: 60px;
    }
    .title-abp1 {
        font-size: 18px;
    }
    .i-sr-l h4 a {
        font-size: 20px;
    }
    .footer-top {
        flex-direction: column;
        gap: 16px;
    }
    .footer-top .ft-t-lg {
        width: 60%;
        padding-right: 0;
        text-align: center;
        margin: 0 auto;
    }
    .ft-t-lg .logo, .ft-text {
        width: 100%;
    }
    #_register {
        width: 60%;
    }
    .ft-ct-t {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
    .ft-copyright .box-wp {
        padding: 24px 16px;
    }
    .ab-p1-cont {
         gap: 2%;
         grid-template-columns: 24% 48% 24%;
     }
    .breadcrumb {
        padding: 85px 0 70px;
    }
    .list-img .item img{
        height: 170px;
    }

    .servicon-content, .post-content{
        width: 100%;
    }
    .contact-info .form-contact {
        padding: 40px 20px;
    }
    .footer-list {
        display: block;
    }
    .ft-col.big{
        margin-bottom: 40px;
    }
    .footer-list .ft-col.small {
        width: 50%;
        float: left;
    }
    .footer-copyright{
        font-size: 14px;
    }
    .mw-text .s-title{
        font-size: 30px;
    }
    .mm-listview > li.book-table a {
        color: white;
        text-align: center;
    }
    .bb-td {

        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
    }
}@media all and (max-width: 768px) {

}

@media all and (max-width: 680px) {
    .box-wp{
        padding: 0 10px;
    }
    body{
        font-size: 14px;
    }
    .header .search, .header .header-right .call-t{
        display: none;
    }
    .book-table {
        width: 100%;
    }
    .header-right {
        position: absolute;
        right: 10px;
        width: auto;
    }
    .book-table img {
        display: none;
    }
    .mobile{
        display: block;
    }
    .hd-search2 {
        position: absolute;
        right: 10px;
        top: calc(50% - 25px);
    }
    .hd-search2 .b-search {
        background: none;
        border-radius: 50%;
        border: none;
        display: inline-block;
        font-size: 20px;
        padding: 8px 0;
        outline: none;
        color: white;
    }
    .hd-search2 .form-search {
        box-shadow: 0 2px 5px 0 rgba(33, 33, 33, 0.3);
        display: none;
        position: absolute;
        top: calc(100% + 7px);
        right: 0;
        z-index: 1;
        border-radius: 8px;
        background-color: #fff;
        min-width: 200px;
        z-index: 9;
    }
    .hd-search2 .form-search .i-search {
        display: block;
        line-height: 22px;
        border-radius: 8px;
        font-size: 13px;
    }
    .hd-search2 .form-search .b-search {
        position: absolute;
        top: 0;
        right: 0;
    }
    .header-bottom{
        display: none;
    }
    .header-top-c {
        gap: 0;
        grid-template-columns: 1fr;
    }
    .abp2-content, .abp1-h-cont, .thucdon-h{
        grid-template-columns: 1fr;
    }
    .abp2.abp2-h:before {
        top: -54px;
        height: 55px;
    }
    .abp2.abp2-h:after{
        bottom: -54px;
        height: 55px;
    }
    .pd40{
        padding: 20px 0;
    }
    .title-abp2h{
        font-size: 18px;
    }
    .abp1-h-r .policy ul {
        font-size: 14px;
    }
    .pdmenuh-l {
        width: 70%;
    }
    .name-prdh label {
        font-size: 18px;
    }
    .name-prdh {
        margin-bottom: 5px;
    }
    .pd-menu-r-tt {
        width: 100%;
    }
    .pdmenuh-img {
        position: absolute;
        width: 65%;
        left: auto;
        height: 100%;
        bottom: 100%;
        right: 0;
        top: auto;
    }
    .pdmenuh-r {
        margin-top: 32px;
        float: right;
        width: 100%;
    }
    .p-home-menu {
        overflow: hidden;
    }
    .name-prdh label span.name {
        line-height: 1.3;
    }
    .service-h-l {
        width: 100%;
    }
    .item-service-h .img {
        width: 100%;
        float: left;
        position: relative;
        height: 100%;
        top: 0;
    }
    .item-service-h .img img {
        position: relative;
        border-radius: 8px 8px 0 0;
    }
    .item-service-h .text {
        width: 100%;
        border-left: none;
        border-top: 1px solid #FFFCF6;
    }
    .item-post .text h3 a {
        font-size: 16px;
    }
    .list-new {
        gap: 16px;
    }
    .item-post .box{
        gap: 0;
    }
    .item-post .img img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .item-post .img {
        position: absolute;
        width: calc(40% - 16px);
        left: 0;
        height: 100%;
    }
    .item-post {
        position: relative;
    }
    .item-post .text{
        margin:  0 0 0 auto;
    }
    .title-abp1 {
        font-size: 15px;
    }
    .i-sr-l h4 a {
        font-size: 18px;
    }
    .i-sr-l p {
        margin: 12px 0;
    }
    .gg-c {
        flex-direction: column;
    }
    .gallery-l {
        width: 100%;
    }
    .gallery-l .list-img .item img {
        height: 125px;
    }
    .gallery-r, .footer-top .ft-t-lg {
        width: 100%;
    }
    .comment-c-prdh {
        margin-bottom: 16px;
    }
    #_register {
        width: 100%;
        margin-bottom: 16px;
    }
    .info-ct-ft {
        gap: 16px;
        flex-direction: column;
    }
    .ft-ct-t {
        gap: 24px;
    }
    .ft-ct-t div.policy {
        grid-column: span 2;
    }
    .ft-copyright .box-wp {
        flex-direction: column;
        padding: 16px 16px;
    }
    .ft-cpr-item {
        width: 100%;
    }
    .ft-cpr-item.danaweb {
        text-align: center;
        margin-top: 10px;
    }
    .ab-p1-cont {
        gap: 32px;
        grid-template-columns: 1fr;
    }
    .ab-pr-l {
        width: 100%;
    }
    .ab-pr-l img {
        height: 300px;
        object-fit: cover;
    }
    .breadcrumb {
        padding: 55px 0 50px;
    }
    .header.fixed {
        position: fixed;
        width: 100%;
        z-index: 9;
        background: white;
    }
    .content-product, .content-product-2, .content-product-3, .list-new-ot, .bb-form-page {
        grid-template-columns: 1fr;
    }
    .menu-service ul{
        display: block;
        text-align: center;
    }
    .menu-service ul li {
        margin: 0 0 5px 0;
        display: inline-block;
        width: auto;
    }
    #_modal.modal {
        padding: 20px;
    }
    .title-book {
        font-size: 22px;
        margin-bottom: 12px;
    }
    .form .form-item input, .form .form-item select, .form .form-item textarea{
        font-size: 14px;
    }
    .breadcrumb .title {
        font-size: 25px;
        line-height: 1.5;
    }
    .breadcrumb a{
        font-size: 14px;
    }
    .wrap-detail .title-detail {
        margin-bottom: 24px;
    }
    .title-p {
        margin-bottom: 16px;
    }
    .list-img {
        grid-template-columns: repeat(2, 1fr);
    }
    .list-img .item img {
        height: 130px;
    }
    .item-infocntact h4 {
        font-size: 28px;
    }
    .logo {
        text-align: center;
    }
    .title-pu {
        font-size: 18px;
        top: -10px;
        width: 200px;
    }
    .link-pu {
        font-size: 14px;
    }
    .link-p-b{
        bottom: -10px;
    }
    .modal a.close-modal {
        top: -40px;
    }
    .call-t {
        display: none;
    }
    .book-table a {
        font-size: 12px;
    }
    .slider .text{
        display: none;
    }
    .abp1-h-cont{
        flex-direction: column;
    }
    .abp1-h-l, .abp1-h-r{
        width: 100%;
    }
    .thl-title{
        font-size: 28px;
    }
    .p-home-hotprd .thl-title {
        margin-bottom: 22px;
    }
    .item-prdh .text{
        height: auto;
    }
    .thl-title{
        margin-bottom: 10px;
    }
    .banner .content .text {
        margin: 60px 0;
        width: 50%;
    }
    .banner .text .lg-text {
        font-size: 18px;
    }
    .news-list {
        grid-template-columns: repeat(1, 1fr);
    }
    .contact-info{
        grid-template-columns: 1fr
    }
    .footer-list .ft-col.small{
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-list .ft-col.small:last-child{
        margin-bottom: 0;
    }
    .footer .footer-copyright .copyright {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }
    .ft-info {
        font-size: 14px;
    }
    .form .form-item.form-sm {
        width: 100%;
    }
    .gtn {
        font-size: 11px;
        margin-top: 0px;
    }
    .gtn img {
        width: 20px;
        margin-right: 6px;
    }
    .content-booking .gtn {
        font-size: 14px;
    }
    #menu .gtn {
        padding: 10px;
        font-size: 16px;
        text-align: center;
    }
    #menu .gtn img {
        width: 26px;
    }
    .bb-td {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}@media all and (max-width: 480px) {

}


@media all and (width: 414px) {

}
@media (min-width: 1400px) and (max-width: 1600px){

}


@media (min-width: 1600px) {

}