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

    .servico-h-r-po {
        width: 110%;
    }
}

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


}

@media all and (max-width: 900px) {
    #hamburger {
        display: block;
        position: relative;
    }

    .box-wp {
        padding: 0 12px;
    }

    .menuitem {
        display: none;
    }

    .contact-menu {
        display: none;
    }

    .menu-hover {
        width: 60%;
    }

    .lang {
        padding: 10px 17px;
    }

    .book {
        padding: 10px 0;
    }

    .f-itm-1 {
        width: 100%;
        margin-bottom: 15px;
    }

    .f-itm-2 {
        width: 25%;
    }

    .button-book button {
        padding: 10px 17px;
        width: 100%;
    }

    .item-slider .img img {
        height: 500px;
        object-fit: cover;
    }

    .form-home {
        margin-top: -95px;
    }

    .slider .owl-theme .owl-dots {
        bottom: 110px;
    }

    .img-p1-h {
        width: 60%;
        float: none;
        margin-bottom: 125px;
    }

    .pdt70 {
        padding-top: 35px;
    }

    .comment-p1-h {
        width: 100%;
    }

    .text-p1-h {
        width: 100%;
        padding-left: 0;
    }

    .page1-h {
        padding-bottom: 45px;
    }

    .khung_pro_sys_home_info {
        padding: 17px 12px 20px;
    }

    .link-b-r {
        display: block;
    }

    .link-b-r a {
        display: block;
        margin-bottom: 10px;
        width: 100%;
    }

    .btn-book-room {
        margin-left: 0;
    }

    .title-room a {
        height: 40px;
    }

    .nhanxet-content {
        width: 85%;
        float: none;
    }

    .amthuc-item-h {
        width: calc(50% - 20px);
        margin: 0 10px 20px;
    }

    .service-h-r {
        width: 100%;
        position: relative;
        float: none;
    }

    .servico-h-r-po {
        position: relative;
        width: 100%;
        left: 0;
        height: 100%;
    }

    .service-h .box-wp {
        padding: 0;
    }

    .service-h-l {
        margin-top: 30px;
        width: 100%;
        float: none;
        padding: 35px 15px;
    }

    .pd70 {
        padding: 35px 0;
    }

    .logo_footer {
        width: 50%;
        float: none;
        padding-right: 0;
        text-align: center;
        margin-bottom: 20px;
    }

    .address p {
        text-align: left;
    }

    .right_ft {
        width: 50%;
        padding-right: 30px;
    }

    .right-ft-map {
        width: 50%;
    }

    .menu-footer .contact-menu {
        display: block;
        padding: 10px 0;
    }

    .menu-mobile p {
        top: 12px;
        position: absolute;
        left: -53px;
    }

    .title-slider {
        font-size: 35px;
    }

    .info_sp_home {
        width: 55%;
    }

    .bb-service-item .img {
       
    }

    .bb-service-item .text {
        width: 50%;
        padding-left: 30px;
    }

    .gallery-amthuc-l {
        width: 100%;
    }

    .content-amthuc {
        width: 100%;
        padding-left: 0;
    }

    .item-gallery:nth-child(3) img,
    .item-gallery:nth-child(1) img,
    .item-gallery:nth-child(5) img,
    .item-gallery:nth-child(6) img,
    .item-gallery:nth-child(8) img,
    .item-gallery:nth-child(7) img {
        height: 400px;
    }

    .item-gallery:nth-child(2) img,
    .item-gallery:nth-child(4) img {
        height: 195px;
    }

    .mm-menu {
        width: 100%;
        min-width: 140px;
        max-width: 100%;
    }

    div#mm-blocker {
        display: none !important;
    }

    html.mm-effect-slide-menu.mm-opening .mm-menu.mm-offcanvas {
        background-image: url("../image/bg_menu.png");
        background-size: cover;
    }

    .mm-menu .mm-listview>li:after {
        content: none;
    }

    .mm-listview>li>a,
    .mm-listview>li>span {
        padding: 25px 12px 25px 25px;
        font-size: 20px;
    }

    .mm-prev:before,
    .mm-next:after,
    .mm-arrow:after {
        width: 13px;
        height: 13px;
    }

    .mm-menu .mm-listview>li .mm-prev:before,
    .mm-menu .mm-listview>li .mm-next:after,
    .mm-menu .mm-listview>li .mm-arrow:after {
        border-color: black;
    }

    .mm-menu>.mm-panel>.mm-listview.mm-last {
        padding-top: 30px;
    }

    .mm-menu .mm-search input {
        background-color: rgba(217, 217, 217, 0.5) !important;
        color: #444854;
    }

    .mm-search input {
        border-radius: 5px;
        font-size: 16px;
        height: auto;
        font-style: italic;
        padding: 11px 34px !important;
    }

    .mm-menu .mm-navbar .mm-btn:before,
    .mm-menu .mm-navbar .mm-btn:after {
        border-color: #444854;
        color: #444854;
    }

    .mm-close:after {
        content: 'x';
        font-size: 52px;
        line-height: 0;
    }

    .mm-navbar {
        height: 0;
    }

    .mm-navbar-top-1 {
        top: 0;
    }

    .mm-hasnavbar-top-2 .mm-panel {
        top: 140px;
    }

    .mm-navbar .mm-title {
        font-size: 17px;
    }

    .mm-navbar .mm-btn {
        top: -25px;
    }

    form.form-search {
        position: absolute;
        width: 100%;
        z-index: 1;
        padding: 0 15px 40px;
        top: 70px;
        border-bottom: 1px solid #E1E1E1;
    }

    button.b-search {
        position: absolute;
        background: transparent;
        top: 6px;
        right: 23px;
    }

    form.form-search input {
        width: 100%;
        padding: 11px 18px;
        background: rgba(217, 217, 217, 0.5);
        border-radius: 5px;
        font-style: italic;
        font-weight: 300;
        font-size: 16px;
        color: #444854;
    }

    .mm-menu .mm-navbar {
        border: none;
    }

    .modal {
        max-width: 700px;
    }

    .form-contact-ft-f input {
        border-radius: inherit !important;
    }

    a.mm-title {
        top: 85px;
        position: absolute;
        left: 0;
        right: 0;
    }

    .slider-room.owl-theme .owl-nav .owl-prev {
        left: -29px;
        width: 22px !important;
        height: 22px !important;
    }

    .slider-room.owl-theme .owl-nav .owl-next {
        right: -10px;
        width: 22px !important;
        height: 22px !important;
    }

    .modal-content.a {
        width: 70%;
    }

    .service-h-l.pd70 {
        padding: 35px 15px;
    }

    .slider-banner .img_slide img {
        width: 100%;
        height: 100%;
    }

    .video_slide.slide_hinh_home_h {
        display: block;
    }

    .video-container {
        display: none;
    }

    .rtopVideoHolder.hasFAIcons video {
        position: relative;
        width: 100%;
        height: 320px;
        overflow: hidden;
        left: 0;
        object-fit: cover;
    }
}@media all and (max-width: 768px) {


}

@media all and (max-width: 680px) {
    .header-left .logo {
        max-width: 158px;
    }

    .header .header-left {
        width: 158px;
    }

    .header .header-right {
        width: calc(100% - 158px);
    }

    .menu-hover {
        width: 75%;
    }

    .header .header-flex {
        padding: 0;
    }

    .book {
        padding: 10px 0 10px 10px;
        text-align: left;
        line-height: 1;
        width: 50px;
    }

    .caret2 {
        display: none;
    }

    .btn-booking {
        font-size: 12px;
        line-height: 1;
    }

    .lang {
        padding: 0px 10px;
        margin: 10px 0;
    }

    .slider {
        margin-top: 70px;
    }

    .item-slider .img img {
        height: 320px;
    }

    .title-slider {
        font-size: 28px;
        width: 100%;
    }

    .form-home {
        margin-top: -60px;
    }

    .f-itm-1 {
        padding: 0 10px;
    }

    .f-itm-2 {
        width: 50%;
        padding: 0 10px;
    }

    .f-itm-2.qty-h {
        width: 100%;
        margin-top: 20px;
    }

    .f-itm-2.booksb {
        width: 100%;
        text-align: center;
    }

    .button-book button {
        width: auto;
    }

    .link-booking {
        margin-top: 10px;
    }

    .img-p1-h {
        width: 100%;
    }

    .title-ab {
        font-size: 20px;
        line-height: 1.3;
    }

    .descover.span {
        font-size: 16px;
    }

    .title_home-h1 {
        font-size: 20px;
    }

    .link-b-r {
        display: flex;
    }

    .comment-nx {
        font-size: 14px;
    }

    .nhanxet-content {
        width: 100%;
    }

    .nhanxet-content {
        padding: 30px 16px;
    }

    .title-nx {
        font-size: 20px;
        margin-bottom: 0;
    }

    .nhanxet-content .owl-theme .owl-dots {
        bottom: -10px;
    }

    .img-nx-b {
        height: calc(100% - 90px);
        top: 102px;
    }

    .nhanxet-home {
        margin-bottom: 55px;
    }

    .comment-amthuc-h {
        font-size: 14px;
        width: 100%;
    }

    .amthuc-item-h {
        width: 100%;
        margin: 0 0 20px;
    }

    .list-amthuc-h {
        margin: 0;
    }

    .amthuc-h {
        padding-bottom: 35px;
    }

    .service-h-l.pd70 {
        padding: 0 15px;
    }

    .service-h-l {
        margin-bottom: 30px;
    }

    .item-gallery-h {
        width: calc(50% - 6px);
        margin: 0 3px 6px 3px;
    }

    .item-gallery-h:first-child {
        width: calc(100% - 3px);
        margin: 0 3px 6px 0;
    }

    .logo_footer {
        width: 100%;
    }

    .name-company {
        text-align: left;
    }

    .right_ft {
        width: 100%;
        padding-right: 0;
    }

    .right-ft-map {
        width: 100%;
    }

    .ft-bottom-item1.bb-company {
        position: relative;
    }

    .google-rating {
        position: absolute;
        right: 0;
        top: 0;
    }

    .menu-footer .book {
        width: auto;
    }

    .menu-footer .menu-hover {
        width: 100%;
        float: none;
    }

    .menu-footer .menu-mobile {
        width: 100px;
    }

    .menu-footer #hamburger {
        float: right;
    }

    .mm-listview>li>a,
    .mm-listview>li>span {
        padding: 18px 12px 18px 25px;
        font-size: 14px;
    }

    .slider-banner img {
        height: 320px;
        object-fit: cover;
    }

    .comment-trainghiem-t {
        width: 100%;
    }

    .item-trainghiem {
        width: 100%;
        margin: 0 0 20px;
    }

    .list-trainghiem {
        margin: 30px 0 0;
    }

    .khung_acc {
        width: 100%;
        margin: 0 0 20px;
    }

    .list-accomodation {
        margin: 30px 0 0;
    }

    .gallery-room {
        width: 100%;
    }

    .content-room {
        width: 100%;
        float: none;
        padding-left: 0;
        margin-top: 30px;
    }

    .title-detail,
    .title-detail a {
        font-size: 20px;
    }

    .send_detail-staff {
        width: 348px !important;
    }

    .trainghiem-top {
        font-size: 14px;
    }

    .amthuc-item .img img {
        height: 500px;
        object-fit: cover;
    }

    .info_sp_home {
        width: 80%;
        padding: 20px;
    }

    .title-amthuc a {
        font-size: 20px;
    }

    .amthuc-item {
        margin-bottom: 30px;
    }

    .main {
        margin-top: 70px;
    }

    .img-amthuc {
        width: calc(50% - 10px);
        float: left;
        margin: 0 5px 10px;
    }

    .list-gallery-t {
        margin: 15px -5px 0;
    }

    .button-room {
        margin-top: 15px;
    }

    .bb-service-item .img {
        width: 100%;
    }

    .bb-service-item .text {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }

    .content-service {
        font-size: 14px;
    }

    .bb-service-item:nth-child(even) .box .text {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .item-info-con {
        width: 100%;
        float: left;
        padding: 0 30px;
        text-align: center;
        border-left: none;
        border-right: none;
        height: auto;
        margin-bottom: 20px;
    }

    .contact-info {
        padding: 20px 0 35px;
    }

    .comment-contact {
        width: 100%;
    }

    #_contact {
        width: 80%;
    }

    .form-sm {
        width: 100%;
    }

    .mm-close:after {
        font-size: 38px;
    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 100% !important;
    }

    #ui-datepicker-div {
        width: 340px !important;
        left: 20px !important;
    }

    .code-promo {
        margin-right: 0;
        width: 100%;
    }

    .code-promo input {
        width: 100%;
        text-align: center;
    }

    .slider .owl-theme .owl-dots {
        bottom: 70px;
    }

    .btn-book-room {
        padding: 6px 9px;
    }

    .modal {
        max-width: 360px;
        width: 100%;
    }

    .utilities-lest {
        width: 100%;
        position: relative;
    }

    .product-utilities {
        width: 100%;
        padding: 17px 15px;
    }

    .item-gallery:nth-child(1) {
        width: 30%;
    }

    .item-gallery:nth-child(2) {
        width: 70%;
    }

    .item-gallery:nth-child(3),
    .item-gallery:nth-child(4) {
        width: 50%;
        float: left;
    }

    .item-gallery:nth-child(5) {
        width: 50%;
        float: right;
    }

    .item-gallery:nth-child(6) {
        width: 50%;
        float: right;
    }

    .item-gallery:nth-child(7),
    .item-gallery:nth-child(8) {
        width: 50%;
    }

    .item-gallery:nth-child(1) img,
    .item-gallery:nth-child(2) img {
        height: 125px;
    }

    .item-gallery:nth-child(3) img {
        height: 220px;
    }

    .item-gallery:nth-child(4) img,
    .item-gallery:nth-child(5) img {
        height: 104px;
    }

    .item-gallery:nth-child(7) img,
    .item-gallery:nth-child(8) img {
        height: 104px;
    }

    .item-gallery:nth-child(6) img {
        height: 220px;
    }

    .list-gallery {
        margin: 0 -10px;
    }

    .btn-view-all-off {
        font-size: 14px;
    }

    .ft-cpr-item,
    .ft-cpr-item.danaweb {
        float: none;
        font-size: 13px;
    }

    .name-company {
        width: 100%;
    }

    .address.mobi {
        text-align: left;
    }

    .slider-room.swiper {
        overflow: unset;
    }

    .swiper-button-prev-2 {
        left: -12px;
    }

    .swiper-button-next-2 {
        right: -12px;
    }

    .nhanxet-content .owl-theme .owl-dots .owl-dot span {
        width: 25px;
    }
}@media all and (max-width: 480px) {

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

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


}
@media (width: 1920px) {
    .servico-h-r-po {
        width: 150%;
    }
    }