@media all and (max-width: 1300px) {
    .box-wp {
        padding: 0 16px;
    }
    .footer .ft-col1 {
        width: 32%;
    }
    .footer .ft-col2.sm {
        width: 22%;
        padding-left: 60px;
    }
}
@media screen and (max-width: 1200px) {
    .contact-detail {
        width: 100%;
    }
    .header .header-left {
        width: 12%;
    }
    .main {
        margin-top: 65px;
    }
    #_res.owl-carousel .owl-item .img img{
        height: 500px;
        object-fit: cover;
        width: 100%;
    }

    .form-b-l {
        width: 100%;
        float: none;
    }

    .form-b-r {
        width: 400px;
        float: none;
        margin: 0 auto;
    }
    .form-booking .btn-book, #_restaurant .btn-book {
        margin-top: 10px;
    }
}
@media screen and (min-width: 840px)and (max-width: 1000px) {
    .footer .f-title {
        font-size: 16px;
    }
    .footer .ft-col1 {
        width: 29%;
    }
    .footer .ft-col2.sm {
        width: 24%;
        padding-left: 38px;
    }
    .footer .ft-col2.lg {
        width: 23%;
    }
    .main {
        margin-top: 45px;
    }
    .text-if p {
        font-size: 16px;
    }
    .content-t-sl .text {
        padding-right: 60px;
    }
    .hd-search {
        width: 50%;
    }
    .restaurant .des {
        gap: 160px;
    }
}@media all and (max-width: 1024px) {
}
@media all and (max-width: 1000px) {

}


@media all and (max-width: 840px) {
    #hamburger {
        display: block;
    }
    .header .header-flex{
        padding-right: 60px;
    }
    .header .header-left{
        width: 50%;
    }
    .header .header-right{
        display: none;
    }
    .slider-h img {
        height: auto;
    }
    .content-t-sl{
        display: block;
    }
    .text-sl {
        position: relative;
        left: 0;
        width: 100%;
        z-index: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        top: 0;
        right: 0;
        padding: 0 20px;
        margin-top: -300px;
    }
    .content-t-sl .text {
        width: 100%;
        padding-right: 0;
    }
    .hd-search {
        width: 64%;
        margin-top: 32px;
        box-shadow: 0px 0px 8px 0px #00000029;
        border-radius: 8px;
    }
    .content-t-sl .text h2{
        font-size: 26px;
        text-overflow: ellipsis;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .content-sl {
        font-size: 18px;
    }

    .introduction-h .thl-title {
        font-size: 22px;
    }
    .pdt-item .box .txt h3 {
        font-size: 18px;
        line-height: 30px;
    }
    .pdt-item .box .txt .brown-btn {
        display: block;
        width: 100%;
        text-align: center;
    }
    .thl-title{
        font-size: 24px;
    }
    .restaurant {
        margin: 40px 0 40px;
    }
    .restaurant .des{
        gap: 100px;
    }
    .restaurant .res-list, .thl-services .service-list, .bb-room-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .thl-services {
        margin: 80px 0 0;
    }
    .feedback {
        padding: 80px 0 100px;
    }
    .footer .ft-col1 {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .footer .ft-col2.sm, .footer .ft-col2.lg {
        width: calc(30% - 15px);
        margin: 0 15px 0 0;
        padding-left: 0;
    }
    .footer .ft-col3 {
        width: calc(40%);
        margin: 0;
    }
    .news-h{
        margin-block: 40px;
    }
    .main {
        margin-top: 63px;
    }
    .breadcrumb{
        padding: 60px 0;
    }
    .feedback .thl-title {
        margin-bottom: 35px;
    }
    .room-left {
        width: 100%;
        padding-right: 0;
        float: none;
    }
    .room-infor p img {
        margin-right: 5px;
        margin-top: -5px;
    }
    .room-right {
        width: 70%;
        float: none;
        margin-top: 32px;
    }
    .room-relative .bb-room-list .pdt-item:nth-child(3) {
        display: none;
    }
    .form-b-l{
        width: 100%;
        float: none;
    }
    /* .xp__guests__count span {
        padding-left: 0;
    } */
    .form .form-item .xp__guests__count img{
        display: none;
    }
    .form-b-c{
        padding: 20px 5px;
    }
    .form-b-r {
        width: 300px;
        float: none;
        margin: 0 auto;
    }
    .form-booking .btn-book, #_restaurant .btn-book {
        margin-top: 10px;
    }
    .res-slider .text{
        padding: 20px;
    }
    .comment-res.txt-crop-5{
        -webkit-line-clamp: 2;
    }
    .list-td-res {
        gap: 22px 50px;
    }
    .price-menu{
        font-size: 16px;
    }
    .list-img {
        grid-template-rows: repeat(9, 70px);
    }
    .event-room-c,.event-room:nth-child(even) .event-room-c, .service-item, .service-list .service-item:nth-child(even) {
        flex-direction: column;
    }
    .service-item{
        margin-bottom: 32px;
    }
    .ser-l {
        width: 80%;
    }
    .ser-r {
        width: 100%;
    }
    .title-detail-news{
        font-size: 26px;
    }
    .content-right.room-right {
        width: 100%;
    }
    .news-s .img img {
        height: 160px;
    }
    .img-news-c img {
        height: 300px;
    }
    .contact-detail {
        width: 100%;
    }
    .info-contact {
        grid-template-columns: 1fr;
    }
    .bb-about .character{
        display: block;
    }
    .thl-services .service-item{
        margin-bottom: 0;
    }
    #res.owl-carousel .owl-item .img img{
        height: 400px;
    }

    
    .event-p2 .event-p1-c{
        max-width: 625px;
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .event-p2 .event-p1-c .event-p1-c-r{
        transform: scale(1.02);
    }

}@media all and (max-width: 768px) {
    .footer .footer-copyright .box-wp{
        text-align: center;
    }
    .footer .footer-copyright .copyright{
        float: none;
    }
    .footer .footer-copyright .dnw{
        float: none;
        margin-top: 5px;
    }
}

@media all and (max-width: 660px) {
    .content-t-sl .text{
        display: none;
    }
    .slider-h img {
        height: 300px;
    }
    .header .header-left .logo img {
        max-height: 40px;
    }
    .hd-search{
        width: 100%;
    }
    .text-sl {
        margin-top: -150px;
    }
    .t-datepicker .form-item {
        margin-bottom: 0;
    }
    .hd-search h3 {
        margin-bottom: 0px;
    }
    #myModal.modal, #_modal.modal .send-tour {
        padding: 32px 16px;
    }
    .modal a.close-modal {
        top: 9px;
        right: 9px;
        background: url('/images/close-d.svg') center top no-repeat;
    }
    .abp1 {
        display: grid;
        grid-template-columns: 1fr;
    }
    .thl-pdt-hot.thl-pdt.pd40 {
        padding-top: 0;
    }
    .thl-pdt-hot .thl-title {
        margin-bottom: 10px;
    }
    .thl-title {
        font-size: 24px;
    }
    .pdt-item .txt h3 a {
        font-size: 16px;
        height: auto;
    }
    .restaurant .des {
        flex-direction: column;
        gap: 20px;
    }
    body{
        font-size: 14px;
    }
     .thl-services .service-list, .bb-room-list, .news-list {
        grid-template-columns: repeat(1, 1fr);
    }
    .owl-theme .owl-nav .owl-prev {
        left: -15px;
    }
    .owl-theme .owl-nav .owl-next {
        right: -15px;
    }
    
    .news-h .news-item:first-child {
        grid-column: span 1;
    }
    .news-h .news-item:first-child .img{
        width: 100%;
        float: none;
        position: absolute;
        border-radius: 5px;
    }
    .news-h .news-item:first-child .right-news{
        width: 100%;
        float: none;
    }
    .news-item .img{
        opacity: 1;
    }
    .news-item .text{
        background: transparent;
    }
    .news-item .text h3, .news-item .text .comment-news, .news-item .text .dt-news {
        color: #E2E2E2;
    }
    .news-item .text .time .day {
        font-size: 20px;
        margin-bottom: 0;
    }
    .news-item .text h3{
        font-size: 18px;
    }
    .feedback{
        margin: 40px 0;
    }
    .fb-item {
        padding: 0 30px;
    }
    .footer .footer-sitemap .info li {
        margin-bottom: 10px;
    }
    .footer .ft-col2.sm, .footer .ft-col2.lg {
        width: calc(50% - 15px);
    }
    .footer .ft-col3 {
        width: 100%;
        margin: 32px 0 0;
    }
    #_register {
        width: 100%;
    }
    .footer .footer-copyright .dnw{
        margin-top: 10px;
    }
    .main {
        margin-top: 60px;
    }
    .breadcrumb{
        padding: 40px 0;
    }
    .breadcrumb .title {
        font-size: 24px;
    }
    .bb-partner.pdb40 {
        padding-bottom: 0;
    }
    .mm-close:after {
        font-size: 40px;
    }
    .room-page .pdt-item .txt h3 a {
        font-size: 18px;
    }
    .form .form-b-l .form-item.form-sm {
        width: 100%;
    }
    .form-b-r {
        width: calc(100% - 7px);
    }
    .form-booking, .form-res {
        padding: 70px 0;
    }
    .title-r {
        width: 100%;
        font-size: 26px;
        margin-bottom: 10px;
    }
    .title-room{
        flex-direction: column;
    }
    .price {
        width: 100%;
        text-align: left;
        font-size: 18px;
    }
    .room-infor p {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .room-content {
        text-align: justify;
    }
    .room-right {
        width: 100%;
    }
    .room-content-b {
        margin-bottom: 40px;
    }
    .room-relative .bb-room-list .pdt-item:nth-child(3) {
        display: block;
    }
    .breadcrumb a {
        font-size: 14px;
    }
    .res-slider .img {
        width: 100%;
        float: none;
    }
    .res-slider .text {
        position: relative;
        width: 100%;
        top: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .owl-item:nth-child(even) .res-slider .img {
        float: none;
    }
    .res-slider .text h4 a {
        font-size: 18px;
    }
    .room-left .list-res-if p {
        margin: 0 24px 10px 0;
    }
    .room-content {
        margin-top: 20px;
    }
    .list-td-res{
        grid-template-columns: 1fr;
    }
    .list-img {
        grid-template-rows: repeat(9, 50px);
        grid-template-columns: 1fr 1fr;
    }
    .container--library {
        margin-top: 40px;
    }
    .list-img .item:nth-child(9n + 7) {
        grid-row: span 5;
    }
    .event-p1-c{
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .event-p2.pd40{
        padding-top: 0;
    }
    .evet-vide img {
        height: 250px;
        object-fit: cover;
    }
    .event-room-c-l {
        padding: 16px 16px 32px 16px;
    }
    .event-room-c-l h4 {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .form .form-item.form-sm, .ser-l {
        width: 100%;
    }
    .img-news-c img {
        height: 200px;
    }
    .title-detail-news {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .news-s .img img {
        height: 100px;
    }
    .bottom-post .more-ps {
        display: block;
        margin-bottom: 10px;
    }
    .bottom-post .social-share {
        float: none;
        margin-top: 10px;
    }
    .item-social:first-child {
        margin-left: 0;
    }
    .item-r-news:last-child {
        margin-bottom: 0;
    }
    .list-img .item.sfsfs:nth-child(9n + 7) {
        grid-row: auto;
    }
    .text-if p {
        font-size: 16px;
    }
    .text-if h4 {
        font-size: 18px;
    }
    .map-c iframe {
        height: 300px;
    }
    .map-c {
        margin-top: 40px;
    }
    .thl-services {
        margin: 40px 0 0;
    }
    .feedback {
        padding: 50px 0 50px;
    }
    #myModal_p .close-modal.block {
        right:0;
        top: 0;
    }
    #res.owl-carousel .owl-item .img img {
        height: auto;
    }
}@media all and (min-width: 481px) {

}
@media all and (max-width: 480px) {

}@media all and (width: 414px) {
}
@media all and (width: 375px) {
}

@media (min-width: 1400px) {
    

}
@media (width: 1920px) {
   
}