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

@media screen and (max-width: 1440px) {

}


@media screen and (max-width: 1366px) {


}

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1200px) {
    .container{
        width: 100%;
        padding: 0 50px;
    }
    .logo_brand{
        left: 50px;
    }
    .reservation .col-xs-2.select-room{
        width: 14%;
    }
    .reservation .col-xs-4{
        width: 36%;
    }
    .details_ourbrand{
        padding: 0 50px;
    }
    .section_description{
        padding: 50px 0;
    }
    .section_ourbrand .col-xs-6:nth-last-child(1) {
        padding-top: 50px;
    }
    .section_ourbrand .col-xs-6:nth-last-child(1) .details_ourbrand {
        height: calc(600px - 50px);
    }
    .sister_hotel{
        padding: 50px 0;
    }
    .section_promotion{
        padding: 50px 0 0;
    }
    .list_promotion {
        margin-top: 50px;
    }
    .section_accommodation{
        padding: 50px 0 0;
    }
    .timeline-container{
        padding: 50px 0;
    }
    .video_layer{
        right: 50px!important;
    }
    .nav_menu li{
        padding: 0 10px;
    }
    .sister_hotel .col-xs-1{
        width: 100%;
    }
    .sister_hotel .col-xs-11{
        width: 100%;
        padding: 0;
    }
    .sister_hotel .col-xs-11:before{
        content: none;
    }
}

@media screen and (max-width: 1024px) {
    .reservation_box .container{
        padding: 0 30px;
    }
    .box_book .images_icon{
        left: 10px;
    }
    .details_ourbrand_info h3{
        margin: 15px 0;
    }
    .images_otherhotel {
        height: 400px;
    }
    .row_news .col-xs-4{
        width: 50%;
    }
    .box_career .col-xs-4{
        width: 100%;
    }

}

@media screen and (max-width: 991px) {
    .nav_menu{
        display: none;
    }
    .reservation_box{
        position: relative;
    }
    .reservation .col-xs-2.choosehotel{
        width: 100%;
        padding: 0 10px;
    }
    .reservation .col-xs-4{
        width: 70%;
        padding: 10px;
        position: relative;

    }
    .reservation .col-xs-2.select-room{
        width: 30%;
        padding: 10px;
        position: relative;
    }
    .reservation .col-xs-2.box_promocode{
        width: 50%;
    }
    .reservation .col-xs-2.box_submit{
        width: 50%;
    }
    .box_inout {
        margin: 0;
        border: 1px solid;
        display: inline-flex;
        width: 100%;
        padding: 10px;
    }
    .reservation-check{
        border: 1px solid;
        padding: 10px;
    }
    .box_inout .col-xs-6:nth-last-child(1){
        border: none;
    }
    .copy_right{
        text-align: center;
    }
    .copy_right .col-xs-8{
        width: 100%;
    }
    .copy_right .col-xs-4{
        width: 100%;
        margin-top: 15px;
    }
    .social_media ul {
        margin: 0 auto;
        float: none;
        display: inline-table;
    }
    .menu_mobile{
        display: block;
    }
    .scroll_menu .box_lang, .scroll_menu .btn_booknow {
        line-height: 70px;
    }
    .scroll_menu .menu_mobile{
        height: 70px;
    }
    .scroll_menu .button_container span{
        background: var(--second);
    }
    .scroll_menu .logo_brand{
        height: 55px;
    }
    .box_ourbrand .col-xs-6{
        width: 100%;
    }
    .details_ourbrand_info{
        height: auto!important;
    }
    .tab-pane .box_ourbrand{
        margin-bottom: 50px;
        display: inline-table;
        width: 100%;
    }
    .tab-pane .box_ourbrand:nth-last-child(1){
        margin-bottom: 0;
    }
    .box_promotion .box_ourbrand{
        margin-bottom: 50px;
        display: inline-table;
        width: 100%;
    }
    .box_promotion .box_ourbrand:nth-last-child(1){
        margin-bottom: 0;
    }
    .row_otherhotel .col-xs-6{
        width: 100%;
    }
    .images_otherhotel {
        height: 500px;
    }
    .row_otherhotel {
        margin: 0 -25px 0;
    }
    .row_otherhotel .col-xs-6:nth-last-child(1){
        padding-bottom: 0;
    }
    .scroll_menu .main_menu {
        width: calc(100% - 70px);
    }
    .row_contact .col-xs-5{
        width: 100%;
    }
    .row_contact .col-xs-7{
        width: 100%;
        padding: 0;
    }

    .row_sitemap{
        width: 100%;
    }
    .section_header{
        z-index: 6;
    }
    .up .t-datepicker-day {
        top: -332px !important;
        left: 0;
    }
    .t-datepicker-day{
        top: 60px!important;
    }
    .box_inout .col-xs-6:nth-child(2){
        border: none;
    }
    #popup_room_list.popup_content{
        margin: 0 0 30px;
    }
    .t-check-out .t-datepicker-day {
        left: auto;
        right: 0;
    }
    .box_book .images_icon {
        left: 35%;
    }
    .button_container{
        right: 50px;
    }
    .btn_booknow{
        position: relative;
        right: 50px;
    }
    .box_career .box_news .col-xs-4{
        width: 100%;
        margin-bottom: 0!important;
    }
    .box_career .box_news .col-xs-8{
        width: 100%;
    }
    .box_career .details_news{
        width: 100%;
        height: auto!important;
    }

}
@media only screen and (max-width: 991px) {
    .timeline-item {
        align-self: baseline !important;
        width: 100%;
        padding: 0 0 150px 130px;
    }
    .timeline-item:before {
        left: 0 !important;
        padding: 0 !important;
        text-align: left!important;
        border: none !important;
        width: 100px;
        border-right: 2px solid var(--second)!important;
    }
    .timeline-item:last-child {
        padding-bottom: 0;
    }
    .timeline:before {
        left: 100px;
    }
    .timeline__img{
        height: 400px;
    }
    .timeline__content-desc{
        margin-bottom: 50px;
    }
    .timeline .timeline-item:nth-last-child(1) .timeline__content-desc{
        margin-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    .box_description .col-xs-4{
        width: 100%;
    }
    .box_description .col-xs-8{
        width: 100%;
        margin-top: 50px;
    }
    .section_ourbrand .col-xs-6{
        width: 100%;
    }
    .section_ourbrand .col-xs-6:nth-last-child(1) {
        padding-top: 0;
    }
    .section_ourbrand .col-xs-6:nth-last-child(1) .details_ourbrand{
        height: auto;
        padding: 50px;
    }
    .box_accommodation .col-xs-6{
        width: 100%;
    }
    .details_accommodation{
        height: auto!important;
        padding: 50px;
    }
    .slide_accommodation .slick-arrow{
        bottom: auto;
        top: 410px;
    }
    .box_promotion{
        margin-bottom: 50px;
    }
    .box_promotion .col-xs-6{
        width: 100%;
    }
    .details_promotion{
        height: auto!important;
        padding: 30px;
    }
    .list_promotion .box_promotion:nth-last-child(1){
        margin-bottom: 0;
    }
    .images_ourbrand{
        height: 450px;
    }
    .images_accommodation{
        height: 450px;
    }
    .container {
        padding: 0 30px;
    }
    .logo_brand {
        left: 30px;
    }
    .caption .text p{
        font-size: 30px;
    }
    .images_location{
        height: 450px;
    }
    .section_ourbrand .col-xs-6:nth-last-child(1) .details_ourbrand{
        padding: 30px;
    }
    .details_accommodation{
        padding: 30px;
    }
    .details_ourbrand_info{
        padding: 30px;
    }
    .button_container{
        right: 30px;
    }
    .slideshow .slide .caption{
        padding: 0 30px;
    }
    .overlay_gallery{
        height: 200px;
    }
    .row_sitemap .col-xs-6{
        width: 100%;
    }
    .video_layer {
        right: 30px!important;
    }
    .box_book .images_icon {
        left: 32%;
    }
    #popup_room_list.popup_content{
        right: 0;
    }
    .reservation-check select{
        height: 47px;
    }
    .button_container.active {
        right: 30px;
    }
}


@media screen and (max-width: 600px) {
    .slideshow, #index-video{
        height: 60vh!important;
    }
    .caption .text p {
        font-size: 20px;
    }
    .caption .title{
        font-size: 14px;
    }
    .slideshow .slide-content{
        display: inherit;
        height: auto;
        top: auto;
        bottom: 50px
    }
    .reservation .col-xs-2.select-room{
        width: 100%;
    }
    .reservation .col-xs-4{
        width: 100%;
    }
    .content_ibe ul{
        display: block;
    }
    .reservation-check{
        display: inline-flex;
        width: 100%;
    }
    .content_ibe li:nth-last-child(1){
        width: 100%;
        text-align: center;
    }
    .reservation-check select {
        width: 100%;
        text-align: center;
    }
    .reservation-check li:nth-last-child(1){
        margin: 0;
    }
    .reservation .col-xs-2.box_promocode{
        width: 100%;
    }
    .reservation .col-xs-2.box_submit{
        width: 100%;
        margin-top: 10px;
    }
    .reservation-check ul{
        display: inline-grid;
    }
    .reservation-check li:nth-last-child(1){
        padding: 0;
    }
    .content_ibe li{
        width: 100%;
        text-align: center;
    }
    .content_ibe li:nth-last-child(1) span {
        display: inline;
    }
    .box_inout .col-xs-6:nth-last-child(1){
        padding-left: 30px!important;
    }
    .box_inout .col-xs-6:nth-child(2){
        border: none!important;
        padding-left: 30px!important;
    }
    h1{
        font-size: 30px;
    }
    h2, h3{
        font-size: 24px;
    }
    .images_otherhotel, .images_ourbrand_info, .images_description, .images_ourbrand, .images_accommodation, .images_promotion, .images_location{
        height: 250px;
    }
    .slide_accommodation .slick-arrow {
        top: 210px;
    }
    .input_in_out .day, .reservation-check select{
        font-size: 24px;
    }
    .reservation_box .images_icon{
        width: 25px;
        height: 25px;
    }
    .logo_brand{
        height: 60px;
    }
    .main_menu {
        width: calc(100% - 80px);
    }
    .reservation-check li:nth-last-child(1) {
        display: block;
    }
    .reservation .col-xs-2.choosehotel{
        padding: 0;
    }
    .reservation .col-xs-4{
        padding: 10px 0 0;
    }
    .reservation .col-xs-2.select-room{
        padding: 10px 0;
    }
    .reservation .col-xs-2.box_submit{
        padding: 0;
    }
    .reservation .col-xs-2.box_promocode{
        padding: 0;
    }
    .reservation_box{
        padding: 30px 0;
    }
    .section_ourbrand_info .nav-tabs{
        display: inline-block;
        width: 100%;
    }
    .section_ourbrand_info .nav-tabs li{
        margin-bottom: 15px;
        width: 100%;
    }
    .section_ourbrand_info .nav-tabs li:nth-last-child(1){
        margin-bottom: 0;
    }
    .button_otherhotel .btn_bookhotel{
        margin-top: 15px;
        width: 233px;
    }
    .contact_promotion li > label {
        width: 125px;
    }
    .timeline__img{
        height: 250px;
    }
    .timeline__content-title{
        font-size: 50px;
    }
    .timeline-item--active:before{
        top: 10%;
    }
    .timeline:before, .timeline-item:before{
        content: none;
    }
    .timeline-item{
        padding: 0 0 150px 0;
    }
    .section_gallery .nav-tabs li{
        width: 100%;
        margin-bottom: 15px;
    }
    .section_gallery .nav-tabs li:nth-last-child(1){
        margin-bottom: 0;
    }
    .section_gallery .col-xs-4{
        width: 100%;
    }
    .overlay_gallery {
        height: 250px;
    }
    .row_news .col-xs-4{
        width: 100%;
    }
    .row_news .col-xs-4{
        margin-bottom: 35px;
    }
    .row_news .col-xs-4:nth-last-child(1){
        margin-bottom: 0;
    }
    .section_membership .details_description h2{
        font-size: 20px;
    }
    .section_membership .details_description h3{
        font-size: 18px!important;
    }
    .menu_footer li:nth-child(1), .menu_footer li:nth-child(2){
        display: none;
    }
    .box_career .images_news{
        height: 250px;
    }
    .box_career .details_news{
        padding: 30px 20px;
    }
}

@media screen and (max-width: 375px) {
    h1{
        font-size: 24px;
    }
    h2, h3{
        font-size: 20px;
    }
    .box_lang{
        font-size: 12px;
    }
}

@media screen and (max-width: 320px) {
    .box_book .images_icon {
        left: 27%;
    }
    .btn_readmore{
        font-size: 13px!important;
    }
    .btn_booknow .images_icon{
        display: none;
    }
    .btn_booknow {
        right: 40px;
    }
}