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

}
@media screen and (max-width: 1280px) {
    .scroll_menu .container{
        padding: 0 0 0 50px;
    }

    .t-datepicker-day {
        bottom: -290px !important;
    }
    .t-arrow-top {
        transform: rotate(0deg)!important;
        top: 79px!important;
    }
    .popup_content {
        width: 237px;
        max-height: 220px;
        overflow: scroll;
    }

    .popupTop #numberrroomRow:before {
        bottom: -15px;
    }
    .popupTop {
        bottom: 51px;
    }
    .scroll_menu .main_menu nav {
        padding: 0 15px 0 0;
    }
    .main_menu .btn_booknow {
        padding: 0 15px;
    }
}
@media screen and (max-width: 1200px) {
    .container {
        width: 100%;
        padding: 0 50px;
    }


    .slide_facilities .owl-dots {
        right: -25px;
    }
    .icon_amenities.hotel_facilities [class*=col-sm-] {
        width: 33.33%;
    }
}
@media (max-height: 600px) {
    .navbar-brand {
        width: 60px;
    }
    .box_weather, .box_language {
        top: 25px;
    }
    .main_menu {
        margin-top: 95px;
    }
    #modal_reservation {
        top: 95px;
    }
    .info_detail a {
        padding: 8px 15px !important;
    }
    .box_reservation h2 {
        display: none;
    }
    .t-arrow-top {
        transform: rotate(0deg) !important;
        bottom: 20px !important;
        top: 0 !important;
    }
    .modal-open {
        overflow: unset;
    }

}

@media screen and (max-width: 1024px) {
    .main_menu .mainmenu_desktop, .main_menu .btn_booknowdesktop, .section_description .col-xs-6:nth-last-child(1){
        display: none;
    }
    .menu_mobile {
        display: block;
    }
    .main_menu .btn_booknowmobile {
        display: inline-block;
    }
    .main_menu a{
        padding: 0;
    }
    .main_menu li{
        line-height: inherit;
    }
    .scroll_menu .main_menu {
        padding: 0;
    }
    .navbar_fix {
        max-height: 435px;
        overflow: scroll;
    }

    .image_photo{
        height: 150px;
    }
    .modal .modal-body {
        padding: 15px;
    }
    .input_in_out span,
    .input_in_out p{
        font-size: 10px;
    }
    .t-day-check-in, .t-day-check-out{
        font-size: 30px !important;
    }
    .box_reservation h2 {
        font-size: 26px;
    }
    .box_reservation select, .input_promocode {
        padding: 10px;
    }
    .t-datepicker-day {
        top: 98px !important;
        bottom: auto !important;
    }
    .slide_facilities .owl-dots {
        right: -26px;
    }

    .box_offers img {
        height: 200px;
    }
}

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


    .col-xs-5, .col-xs-6, .col-xs-7 {
        width: 100%;
    }
    .section_description .box_details, .box_size, .box_detailsaccommodations, .section_facilities .box_details, .section_footer .box_footer{
        height: auto!important;
    }
    .box_size img{
        height: 400px;
    }
    .section_footer .box_map{
        height: 400px!important;
    }
    .section_description .box_details{
        padding: 0;
        background: none;
        text-align: center;
        border: none;
    }
    .box_details:after{
        content: none;
    }
    .box_detailsaccommodations{
        width: calc(100% - 100px);
        margin: auto;
        padding: 0 50px 50px;
        display: block;
    }
    .box_size {
        display: block;
    }
    .box_details {
        border: none;
    }
    .box_detailsaccommodations:before{
        width: 100%;
        height: 50px;
        left: 0;
        top: -50px;
    }
    .slide_accommodation .owl-nav{
        height: auto;
        top: 200px;
        bottom: auto;
    }
    .slide_offers .owl-dots{
        display: block;
    }
    .section_facilities .box_details{
        width: calc(100% - 100px);
        margin: auto;
        border-right: none;
        border-bottom: 3px solid var(--second-color);
        padding: 0 50px 50px;
    }
    .section_facilities .box_details:before{
        width: 100%;
        height: 50px;
        left: 0;
        top: -50px;
    }
    .slide_facilities .owl-dots .owl-dot{
        display: inline-block;
        margin-top: 25px;
    }
    .slide_facilities .owl-dots .owl-dot span{
        margin: 0 5px;
        float: left;
    }
    .slide_facilities .owl-dots{
        position: inherit;
        right: auto;
        display: block;
    }
    .section_contentchild .box_details{
        border-right: none;
        border-bottom: 3px solid var(--second-color);
        width: calc(100% - 100px);
        margin: auto;
        height: auto;
        padding: 0 50px 50px;
    }
    .section_contentchild .box_details:after{
        content: '';
        left: 0;
        bottom: auto;
        top: -50px;
        width: 100%;
        height: 50px;
        border-left: none;
    }
    .section_contentchildoffers .box_details:after{
        border-top: 0;
    }
    .box_imagesoffers:after {
        left: 0;
        right: 0;
        top: auto;
        bottom: 25px;
    }
    .box_imagesoffers:before {
        top: auto;
        bottom: 40px;
        left: 0;
        right: 0;
    }
    .section_amenities li{
        width: 33.3333%;
    }

    .section_footer:before{
        background-attachment: inherit;
    }

}

@media (max-width: 820px) {
    .icon_amenities [class*=col-sm-] {
        width: 50%;
    }

}

@media screen and (max-width: 768px) {
    .box_size img {
        height: 350px;
    }
    .box_offers img{
        height: 250px;
    }
    .slide_accommodation .owl-nav{
        display: none;
    }
    .slide_accommodation .owl-dots{
        display: block;
    }
    .container{
        padding: 0 30px;
    }
    .scroll_menu .container {
        padding: 0 0 0 30px;
    }
    .box_detailsaccommodations:before {
        height: 30px;
        top: -30px;
    }
    .box_detailsaccommodations, .section_contentchild .box_details {
        width: calc(100% - 60px);
        padding: 0 30px 30px;
    }
    .section_facilities .box_details:before {
        height: 30px;
        top: -30px;
    }
    .section_facilities .box_details {
        width: calc(100% - 60px);
        padding: 0 30px 30px;
    }
    .section_footer{
        padding-top: 300px;
    }
    .section_header{
        padding: 30px 0;
    }

    .overlay_menu {
        padding: 80px 30px;
    }
    .section_footer .box_footer{
        padding: 30px;
    }

    .demo_gallery li {
        width: 33.3333%;
    }
    .section_contentchild .box_details:after{
        top: -30px;
        height: 30px;
    }
    #maximage {
        height: 60vh !important;
    }
    .icon_amenities [class*=col-sm-] {
        width: 50%;
    }
    .contact_from {
        width: 100% !important;
    }
    .box_imagesoffers:after {
        bottom: 0;
    }
    .box_imagesoffers:before {
        bottom: 18px;
    }
}

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

    .navbar-brand {
        width: 55px;
    }
    .box_weather, .box_language {
        top: 25px;
    }
    .main_menu {
        margin-top: 85px;
    }
    .main_menu .col-xs-3{
        width: 40%;
    }
    .main_menu .col-xs-9{
        width: 60%;
    }
    .brand_logo img{
        height: 60px;
    }
    .box_size img {
        height: 250px;
    }
    .section_footer .box_map{
        height: 250px!important;
    }
    h1{
        font-size: 36px;
    }
    h2{
        font-size: 26px;
    }
    .box_menuicon{
        display: none;
    }
    .demo_gallery li {
        width: 50%;
    }
    .image_photo {
        height: 120px;
    }
    .section_amenities li,.icon_amenities.hotel_facilities [class*=col-sm-] {
        width: 100%;
    }
    .box_language img {
        height: 18px;
        width: auto;
    }
    .box_weather i {
        font-size: 22px;
    }
    #cycle-nav {
        bottom: 30px;
    }
    .box_detailsaccommodations, .section_contentchild .box_details ,
    .section_facilities .box_details{
        width: calc(100% - 50px);
        padding: 0 20px 30px;
    }
    .icon_amenities [class*=col-sm-] {
        width: 100%;
    }
    .row_gallery {
        margin-left: -7px;
        margin-right: -7px;
    }
    .padding_gallery {
        padding: 7px;
    }
    .icon_amenities {
        margin: 15px 0 20px;
    }
    .demo_gallery ul {
        padding: 0;
        margin: 0;
    }
    .section_info .demo_gallery {
        display: block;
    }
    .box_imagesoffers:after {
        bottom: 0;
    }
    .box_imagesoffers:before {
        bottom: 15px;
    }
    .text_logo {
        display: none;
    }

    .map iframe {
        width: 100%;
        height: 300px;
    }
}

@media screen and (max-width: 393px) {
    body {
        font-size: 16px;
    }
    .section_accommodations .box_details hr + a .btn_readmore {
        margin: 6px 0;
    }
    .main_menu {
        margin-top: 90px;
    }
    .sister_hotel img {
        height: 80px;
        padding: 0 15px;
    }
}

@media screen and (max-width: 360px) {
    .navbar-brand {
        width: 40px;
        right: auto;
    }
    .box_weather {
        display: none;
    }
    .box_language {
        top: 15px;
    }
    .main_menu {
        margin-top: 70px;
    }
    .main_menu .btn_booknow {
        padding: 0 15px;
    }
    
}