@media (max-width: 1500px) {
    .container {
        width: 100%;
        padding: 0 80px;

    }
    .description_hotel {
        padding: 50px 0;
    }

}

@media (max-width: 1440px) {

    #maximage,.banner_history {
        height: 70vh !important;
    }
}
@media (max-width: 1366px) {
    .find_hotel .list_hotel {
        left: -45px;
    }
    .find_hotel .list_hotel:before {
        left: 116px;
    }
}
@media (max-width: 1280px) {
    .container {
        padding: 0 50px;
    }
    .find_hotel .list_hotel {
        left: -70px;
    }
    .find_hotel .list_hotel:before {
        left: 175px;
    }
}
@media (max-width: 1200px) {
    header {
        font-size: 18px;
    }
    .container {
        width: 100%;
    }

    .description_hotel {
        padding: 50px 0;
    }
    .content_timeline {
        width: 60%;
        left: 80px;
    }
    .detail_highlight img {
        height: 250px;
    }
}

@media (max-width: 1024px) {
    /* RESERVATION BOX */
    .reservation-box {
        position: relative;
        bottom: 0;
        background: var(--grey);
        padding: 50px;
        z-index: 1;
    }
    .reservation-box .container {
        padding: 0;
    }
    .reservation {
        background: none;
        height: auto;
        padding: 0;
    }
    .choose {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    .choose:after {
        display: none;
    }
    .choose_hotel select,
    .reservation-check select{
        padding: 10px 15px;
        border: 1px solid #e0e0e0;
        background: none;
        margin-top: 10px;
        border-radius: 20px;
    }
    .box_inout {
        margin-left: -5px;
        margin-right: -5px;
    }

    .box_inout .text_ibe {
        padding: 0 5px;
    }
    .box_inout .calender {
        margin-top: 0;
        width: 100%;
    }
    .box_inout .calender > div {
        width: 50%;
        padding: 0 5px;
        float: left;

    }
    .t-check-in,.t-check-out {
        width: 100%;
        padding: 10px 15px;
        border: 1px solid #e0e0e0;
        background: none;
        border-radius: 20px;
    }
    .box_inout label {
        display: none;
    }
    .promocode input {
        width: 100%;
        padding: 10px 15px;
        border: 1px solid #e0e0e0;
        background: none;
        margin-top: 10px;
        border-radius: 20px;
    }
    .up .t-datepicker-day {
        bottom: 60px !important;
    }
    .up .t-arrow-top {
        top: 30px !important;
    }
    .t-check-out .t-datepicker-day {
        left: 14%;
    }
    .t-datepicker-day {
        top: 69px;
    }
    .show_check {
        display: none;
    }
    .check {
        display: block;
        margin-bottom: 10px;
    }
    .arrow-down {
        right: 15px;
        bottom: 11px;
    }

    .reservation .col-xs-9 {
        width: 100%;
        padding: 0;
    }
    .reservation .col-xs-9 > [class*=col-xs-] {
        position: relative;
        width: 100%;
        padding: 0;
        margin: 0 0 15px;
    }
    .reservation .col-xs-9 > [class*=col-xs-]:last-child {
        margin: 15px 0 0;
    }
    /* HEADER */
    /* HEADER */

    header {
        z-index: 3;
    }
    .menu {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #fff;
        z-index: 9;
        opacity: 0;
        pointer-events: none;
        transform: translateX(300px);
        transition: all 500ms ease-in-out;
    }
    .menu.menu_active {
        opacity: 1;
        pointer-events: auto;
        transform: translateX(0);
        display: block;
    }
    .find_hotel label {
        margin: 11px 10px;
    }
    .scroll_header {
        top: 0;
        height: 70px;
    }
    .scroll_header .hamburger {
        top: 24px;
    }
    .scroll_header .find_hotel label {
        margin: 14px 10px;
    }
    .scroll_header nav .nav_fixed li a {
        line-height: unset;
    }
    .scroll_header .nav-lang ul li {
        line-height: 70px;
    }
    .navbar .find_hotel ,
    .navbar .hamburger  {
        display: inline-block !important;
    }
    .navbar ul li {
        list-style: none;
    }
    nav {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 100px 50px;
    }
    nav .nav_fixed li a {
        color: var(--dark-grey);
        line-height: unset;
    }
    nav .nav_fixed li {
        float: none;
        padding: 7px 0;
    }
    nav .nav_fixed li:nth-child(1){
        padding: 7px 0;
    }
    .find_hotel .list_hotel,.nav-lang .lang_parent {
        top: 30px;
    }
    .find_hotel .list_hotel.open,
    .nav-lang .lang_parent.open{
        top: 57px;
    }
    .find_hotel.pull-right {
        float: left !important;
    }

    .scroll_header .find_hotel .list_hotel.open {
        top: 85px;
    }

    /* BODY */
    main,.highlight {
        padding: 50px 0;
    }
    .menu_footer {
        padding: 50px 0;
    }
    .travel_guide {
        padding: 50px 0 0;
    }
    .container {
        padding: 0 50px;
    }

    .detail_highlight img {
        height: 230px;
    }
    .images_event img {
        height: 200px;
    }
    .highlight .slick-arrow {
        width: 40px;
        height: 40px;
    }
    .highlight .slick-arrow {
        top: 90px;
    }
    .detail_event  .slick-arrow {
        top: 70px;
    }

    .slick-slide {
        margin: 0 20px;
    }
    .slick-slide {
        margin: 0 20px;
    }
    .content_timeline {
        left: 50px;
        padding: 30px;
    }
    .timeline_history .slick-dots-container {
        width: 800px;
        left: 65px;
    }
    .box_history {
        padding-top: 50px;
    }
    .child_review [class*=col-xs-] {
        width: 50%;
    }
    .child_review [class*=col-xs-]:nth-child(3){
        padding: 15px;
    }
    .child_review .clearfix {
        display: none;
    }
}

@media (max-height: 600px) {
    #maximage,.banner_history {
        height: 80vh !important;
    }
    .scroll_header {
        z-index: 5;
    }
    .reservation-box.z-index {
        z-index: 4;
    }
    #popup_room_list.popup_content {
        max-height: 300px;
        overflow: scroll;
    }

}

@media (max-width: 991px) {


}

@media (max-width: 820px) {
    /* BODY */
    #maximage, .banner_history {
        height: 45vh !important;
    }

    main [class*=col-xs-]{
        width: 100%;
    }
    .row_review [class*=col-xs-] {
        width: 50%;
    }

    .group_hotel {
        padding: 50px 0;
    }

    .item_group {
        margin-top: 30px;
    }
    .child_review {
        padding: 30px 0 0;
    }
    .item_group .col-xs-7 {
        height: auto;
        padding: 30px 0 0;
    }
    .description_hotel ,
    .description_hotel h2{
        height: auto;
    }
    .description_hotel {
        text-align: center;
    }
    .group_hotel .item_group .col-xs-7 {
        padding: 15px 0 0;
    }
    .explore .item_group .col-xs-7 {
        padding: 30px;
    }

    .timeline_history img {
        height: 650px;
    }
    .content_timeline {
        width: 80%;
    }
    .content_timeline h2 {
        font-size: 30px;
    }
    .timeline_history .slick-dots-container {
        left: 50px;
        width: 530px;
    }
    .sisterhotel .iconsisterhotel {
        width: 100%;
    }

}
@media (max-width: 768px) {
    /* BODY */
    main {
        overflow: hidden;
    }

    .review_content {
        height: auto;
    }
    .child_review [class*=col-xs-] {
        width: 100%;
    }
    .btn_review {
        position: relative;
        bottom: auto;
    }

    .slide_info img{
        height: auto;
    }
    .child_review [class*=col-xs-]:nth-child(2),
    .child_review [class*=col-xs-]:nth-child(3){
        padding: 15px;
    }
    .child_review [class*=col-xs-]:last-child {
        padding: 15px 15px 0;
    }
    .lSSlideOuter .lSPager.lSGallery img {
        height: 90px !important;
    }

}
@media (max-width: 600px) {
    /* HEADER */
    .scroll_header {
        height: 60px;
    }
    .scroll_header .nav-lang ul li {
        line-height: 60px;
    }
    header {
        z-index: 6;
        font-size: 16px;
    }
    .navbar-brand {
        width: 133px;

    }
    .navbar-brand,.scroll_header .navbar-brand {
        height: 70px;
        padding: 18px 10px;
    }
    .scroll_header .find_hotel label {
        margin: 13px 10px;
    }
    .navbar ul.nav_menu {
        padding-left: 170px;
    }
    .navbar-brand a:nth-child(1) {
        padding-right: 8px;
    }
    .navbar-brand img {
        height: 20px;
    }
    .navbar-brand a:nth-child(2) img {
        height: 33px;
    }
    .scroll_header .hamburger {
        top: 19px;
    }
    .navbar ul.nav_menu {
        padding-left: 100px;
    }
    .scroll_header {
        z-index: 7;
    }
    nav {
        padding: 80px 25px;
    }
    .name_lang {
        display: none;
    }
    /* RESERVATION BOX */
    .reservation-box.z-index {
        z-index: 5;
    }

    .reservation-box {
        z-index: 4;
    }
    .choose_hotel select, .reservation-check select,
    .box_inout .calender, .promocode input{
       margin-top: 6px;
    }
    .choose {
        margin-bottom: 12px;
    }
    .up .t-datepicker-day {
        top: auto !important;
        bottom: 66px !important;
    }
    .t-check-out .t-datepicker-day {
        left: -58%;
    }


    /* BODY */
    h1 {
        text-align: center;
    }
    .row_review [class*=col-xs-] {
        width: 100%;
    }
    .images_review img {
        height: auto;
    }
    .overlay_slide:before {
        height: 150px;
        background: rgba(0, 0, 0, 0.65);
        background: -webkit-linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));
        background: -o-linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));
        background: -moz-linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));
        background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));
    }
    .text_banner {
        display: none;
    }

    .text_slide {
        top: auto;
        height: 100px;
    }
    .text_slide h2 {
        color: var(--white);
        font-size: 40px;
        line-height: 40px;
    }

    .container {
        padding: 0 30px;
    }

    .reservation-box {
        padding: 30px;
    }

    .detail_highlight img,.images_event img,.item_group figure img, .item_group .col-xs-7,
    .box_review img{
        height: 250px;
    }
    .item_group .col-xs-7 {
        display: block;
        padding: 15px 0 0;
        height: auto;
    }
    .item_group {
        margin-top: 20px;
    }
    .detail_highlight {
        margin-top: 30px;
    }
    .content_event {
        padding: 15px;
    }

    .timeline_history {
        position: relative;
        overflow: hidden;
    }
    .timeline_history .item:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 700px;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.8);
        background: -webkit-linear-gradient(rgba(0, 0, 0,0.8), rgba(0, 0, 0, 0));
        background: -o-linear-gradient(rgba(0, 0, 0,0.8), rgba(0, 0, 0, 0));
        background: -moz-linear-gradient(rgba(0, 0, 0,0.8), rgba(0, 0, 0, 0));
        background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
        z-index: 1;
    }
    .timeline_history .slick-dots li {
        margin: 0 50px 0 0;
    }
    .timeline_history .slick-dots li:nth-child(1) {
        margin: 0 50px 0 25px;
    }
    .content_timeline {
        width: 100%;
        padding: 50px 25px;
        top: 0;
        left: 0;
        background: none;
    }
    .timeline_history .slick-dots-container {
        left: 0;
        bottom: 9px;
        width: 100%;
    }
    .arrows_history .slick-next, .timeline_history .slick-arrow .slick-next {
        bottom: auto;
    }
    .timeline_history:after {
        left: 0;
        bottom: 54px;
    }
    .timeline_history .slick-arrow {
        bottom: 90px;
    }
    .highlight .slick-arrow {
        top: 100px;

    }
    .highlight .slick-next {
        right: 40px;
    }
    .highlight .slick-prev {
        left: 40px;
    }
    .find_hotel .list_hotel {
        width: 215px;
    }
    .find_hotel .list_hotel {
        left: -35px
    }
    .find_hotel .list_hotel:before {
        left: 110px;
    }
    .nav-lang .lang_parent {
        left: -25px;
        width: 75px;
    }
    /* FOOTER */
    .menu_footer [class*=col-xs-] {
        width: 100%;
        text-align: center;
        padding: 0 0 15px;
    }
    .menu_footer [class*=col-xs-]:last-child {
        padding: 0;
    }
    .title_footer {
        margin: 0 0 15px !important;
    }
    .highlight h2 {
        display: block;
    }
    .go_beyond {
        float: none;
        margin: 0;
    }

}

@media (max-width: 414px) {
    .find_hotel .list_hotel {
        left: -25px;
    }
    .find_hotel .list_hotel:before {
        left: 80px;
    }

}
@media (max-width: 393px) {
    /* RESERVATION BOX */
    .up .t-arrow-top {
        top: 36px !important;
    }
    .up .t-datepicker-day {
        bottom: 60px !important;
    }
    .t-check-out .t-datepicker-day {
        left: -75%;
    }
    #popup_room_list.popup_content {
        max-height: 300px;
        overflow: scroll;
    }
    /* HEADER */
    header {
        font-size: 14px;
    }
    .navbar-brand {
        width: 120px;
        padding: 18px 10px;
    }
    .find_hotel label {
        margin: 13px 10px;
    }
    .find_hotel .list_hotel {
        width: 192px;
    }
    
    .navbar ul.nav_menu {
        padding-left: 0;
    }
    .navbar-brand a:nth-child(2) img {
        height: 26px;
    }
    .nav-lang svg {
        width: 15px;
        height: 15px;
    }
    .navbar-brand a:nth-child(1) {
        padding-right: 0;
    }
    /* BODY */
    .explore .item_group .col-xs-7 {
        padding: 25px;
    }
    .content_timeline h2 {
        font-size: 22px;
    }
    /* FOOTER */
    .menu_footer [class*=col-xs-] {
        width: 100%;
    }
}
@media (max-width: 375px) {
    .find_hotel label {
        padding: 5px 10px;
    }
}
@media (max-width: 360px) {
    .navbar-brand {
        left: -30px;
    }

    nav {
        padding: 80px 30px;
    }

    .find_hotel .list_hotel {
        width: 200px;
    }

    .t-check-out .t-datepicker-day {
        left: -97%;
    }
}
@media (max-width: 320px) {
    .navbar-brand {
        width: 113px;
    }
    .nav-lang {
        left: 3px;
    }
    .container {
        padding: 0 25px;
    }
    .reservation-box {
        padding: 30px 25px;
    }
    .find_hotel label {
        padding: 5px 10px;
    }
    .find_hotel .list_hotel {
        left: -50px;
    }
    .find_hotel .list_hotel:before {
        left: 100px;
    }
    .box_inout .calender > div {
        width: 100%;
    }
    .item_group figure img,.detail_highlight img {
        height: 180px;
    }
    .t-check-out .t-datepicker-day {
        left: -115%;
    }
}