@media screen and (min-width: 1800px) {

}

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

}


@media screen and (max-height: 768px) {

}

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

}

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

}


@media screen and (max-width: 1200px) {
    .container{
        width: 100%;
        padding: 0 30px;
    }
    .social_header{
        right: 30px;
    }
    .button_container{
        left: 30px;
    }
    .text_slide{
        left: 30px;
        bottom: 30px;
    }
    .slide_home .slick-dots{
        right: 30px;
        bottom: 30px;
    }
    .section_description{
        padding: 50px 0;
    }
    .section_typehotel{
        padding:  0 30px;
    }
    .details_description{
        padding: 30px;
    }
    .row_description .col-xs-12, .row_description .col-xs-4 {
        padding: 15px;
    }
    .row_description {
        margin: 0 -15px;
    }
    .row_description .col-xs-4 .details_description{
        padding: 30px;
    }
    .section_location{
        padding: 50px 0;
    }
    .images_widget {
        margin-bottom: 30px;
    }
    .section_ig {
        padding: 0 30px 50px;
        text-align: center;
    }
    .section_hotellocation{
        padding: 50px 30px;
    }
    .section_gallery{
        padding: 0 30px;
    }
    .section_inquiry{
        padding: 50px 0;
    }
}
@media screen and (max-height: 650px) {

}

@media screen and (max-width: 1100px) {
    .row_description .col-xs-6{
        width: 100%;
    }
    .images_description, .row_description .col-xs-4 .images_description, .images_hotellocation{
        height: 500px;
    }
    .details_description{
        height: auto!important;
    }
     .row_description .col-xs-4{
        width: 100%;
    }
    .section_location img{
        width: 100%;
    }
    .contact_address .col-xs-4{
        width: 100%;
        padding: 0!important;
        margin: 20px 0;
    }
    .contact_list .col-xs-4:nth-child(1){
        display: none;
    }
    .contact_list{
        text-align: center;
        width: 100%;
    }
    .contact_address li>label{
        width: auto;
    }
    .contact_address p>label{
        display: inline;
    }
    .contact_address .col-xs-4:nth-child(2){
        margin-bottom: 0;
    }
    .copy_right label:nth-last-child(1){
        float: none;
    }
    .copy_right{
        text-align: center;
    }
    .section_hotellocation .col-xs-7{
        width: 100%;
    }
    .section_hotellocation .col-xs-5{
        width: 100%;
    }
    .details_hotellocation{
        padding: 30px;
        height: auto!important;
    }
}

@media screen and (max-width: 820px) {
    .text_slide {
        left: 0;
        bottom: 60px;
        padding: 0 30px;
        text-align: center;
    }
    .slide_home .slick-dots {
        right: 0;
        bottom: 30px;
        left: 0;
    }
    .section_description p>label{
        display: inline;
    }
    .images_description, .row_description .col-xs-4 .images_description, .images_room img, .images_hotellocation {
        height: 400px;
    }
    .text_slide p>span, .section_roomtype p>label{
        display: inline;
    }
    .text_slide p {
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .slide_room{
        width: 100%;
    }
    .slide_room .slick-list{
        overflow: hidden!important;
        margin: 0 -25px;
    }
    .box_room{
        box-shadow: none;
    }
    .slide_room .slick-arrow.slick-next{
        right: -30px;
    }
    .slide_room .slick-arrow.slick-prev{
        left: -30px;
    }
    .row_photogallery .col-xs-4 {
        padding: 10px;
    }
    .row_photogallery {
        margin: 0 -10px;
    }
    .images_gallery{
        height: 180px;
    }
    .nav-tabs.nav-tabs-dropdown,
    .nav-tabs-dropdown {
        border-bottom: 1px solid #ffffff26;
        border-radius: 0;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .nav-tabs.nav-tabs-dropdown::after,
    .nav-tabs-dropdown::after {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 7px solid #ffffff;
        position: absolute;
        left: auto;
        right: 20px;
        top: 20px;
        margin: auto;
        transition: all 0.25s;
    }

    .nav-tabs-dropdown a {
        border-bottom: 1px solid #04234121 !important;
        text-align: left;
    }

    .nav-tabs.nav-tabs-dropdown.open a,
    .nav-tabs-dropdown.open a {
        position: relative!important;
        display: block;
    }

    .nav-tabs.nav-tabs-dropdown.open > li.active > a,
    .nav-tabs-dropdown.open > li.active > a {
        background: var(--pimary-color)!important;
    }
    .section_portfolio .nav li.active a{
        padding: 10px 15px;
    }

    .nav-tabs.nav-tabs-dropdown li,
    .nav-tabs-dropdown li {
        display: inline;
        width: 100%;
        padding: 0!important;
        vertical-align: bottom;
        margin: 0 !important;
    }

    .nav-tabs.nav-tabs-dropdown > li > a,
    .nav-tabs-dropdown > li > a {
        position: absolute!important;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        border-color: transparent;
        background: #ffffff!important;
        padding-right: 30px;
    }

    .nav-tabs.nav-tabs-dropdown > li > a:focus,
    .nav-tabs-dropdown > li > a:focus,
    .nav-tabs.nav-tabs-dropdown > li > a:hover,
    .nav-tabs-dropdown > li > a:hover,
    .nav-tabs.nav-tabs-dropdown > li > a:active,
    .nav-tabs-dropdown > li > a:active {
        border-color: transparent;
    }

    .nav-tabs.nav-tabs-dropdown > li.active > a,
    .nav-tabs-dropdown > li.active > a {
        display: block;
        border-color: transparent;
        position: relative!important;
        z-index: 0;
        background: var(--pimary-color)!important;
    }

    .nav-tabs.nav-tabs-dropdown > li.active > a:focus,
    .nav-tabs-dropdown > li.active > a:focus,
    .nav-tabs.nav-tabs-dropdown > li.active > a:hover,
    .nav-tabs-dropdown > li.active > a:hover,
    .nav-tabs.nav-tabs-dropdown > li.active > a:active,
    .nav-tabs-dropdown > li.active > a:active {
        border-color: transparent;
    }
    .section_gallery .tab-content {
        margin-top: 30px;
    }
    .social_header li{
        padding: 0 7px;
    }
    .btn_booknow{
        padding: 12px 15px;
    }

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

}

@media screen and (max-width: 640px) {
    .text_slide p.name_slide, h1{
        font-size: 36px;
        margin: 0 auto 10px;
    }
    .text_slide label{
        font-size: 15px;
    }
    .text_slide label>span:nth-child(1):before{
        width: calc(100% - 10px);
    }
    .images_description, .row_description .col-xs-4 .images_description, .images_room img, .images_hotellocation {
        height: 280px;
    }
    h2, .details_description h2, .section_location h2, .row_description .col-xs-4 .details_description h2{
        font-size: 30px;
    }
    .details_description h2>label{
        font-size: 14px;
    }
    .section_location h2:before, .section_roomtype h2:before, .details_hotellocation h2:before, .section_gallery h2:before{
        height: 3px;
        width: 70px;
    }
    .section_description h1:before{
        height: 3px;
    }
    .social_header li{
        padding: 0 5px;
    }
    .overlay.open{
        width: 100%;
    }
    .overlay ul{
        padding: 0 30px;
    }
    .contact_address{
        border-top: 3px solid #ffffff;
    }
    .images_mobile{
        display: block!important;
    }
    .images_pc{
        display: none!important;
    }
    .box_inquiry{
        width: 100%;
        padding: 30px;
    }
    .section_description_info h1>label{
        font-size: 14px;
    }
    .row_photogallery .col-xs-4 {
        width: 50%;
    }
    .images_gallery {
        height: 130px;
    }
    .details_hotellocation li>label {
        float: none;
        display: inline-block;
        width: 100%;
    }
    .button_book{
        display: none;
    }
    .button_bookmobile{
        display: block;
    }
    .brand_logo.logo_karon{
        height: 60px;
    }
}

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

}

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


}


@media screen and (max-width: 390px) {
    .g-recaptcha{
        transform: scale(0.9)!important;
    }
    .brand_logo{
        height: 45px;
    }
    .brand_logo.logo_karon {
        height: 60px;
    }
}

@media screen and (max-width: 360px) {
    .g-recaptcha{
        transform: scale(0.8)!important;
    }
}