@media (max-width: 1440px) {
    .envelop-box , .wrap-footer{
        padding: 60px;
    }
    .wrap-best {
        padding: 0 60px;
    }
    .box-slider {
        padding: 0 60px 60px;
    }
    .slider-content {
        padding: 20px 0 0;
    }

    #book-header {
        right: 0;
    }
    .content_child .col-xs-6 {
        padding: 0 25px 50px;
    }
}
@media (max-width: 1440px) and (max-height: 600px){
    .image-box.accom , .image-box , .b_offers {
        height: 450px;
    }
}

@media (max-width: 1366px) {
    .roomtitle .owl-nav .owl-prev {
        left: -50px;
    }

    .roomtitle .owl-nav .owl-next {
        right: -50px;
    }
    .envelop-box.envelop-icon {
        padding: 60px;
    }
}
@media (max-width: 1280px) {
    .nav > li > a {
        font-size: 18px;
    }
    .image-box , .b_offers {
        height: 400px;
    }
    .image-box.accom {
        height: 500px;
    }
    .slide-fac .image-box {
        height: 300px;
    }
    .wrap-header .site-logo img {
        width: 110px;
    }
    .offer img {
        height: 450px;
    }
    .wrap-header .site-logo {
        padding: 14px 60px;
    }
    .wrap-scroll .site-logo img {
        padding: 8px 0;
    }
    /**********************************/
    .title {
        display: block;
    }
    .roomtitle .owl-nav {
        z-index: 3;
    }
    .roomtitle .owl-nav .owl-prev {
        left: 35px;
    }
    .roomtitle .owl-nav .owl-next {
        right: 35px;
    }
}
@media (max-width: 1200px) {
    .nav > li > a, #book-header > a {
        font-size: 16px;
    }
    #book-header {
        margin: 20px 0 0 10px;
    }
    .wrap-scroll #book-header {
        margin: 32px 0 10px 10px;
    }

    .wrap-scroll .navbar-collapse.collapse {
        padding: 0;
    }
    .wrap-scroll .navbar-brand {
        padding: 0 0 0 50px;
    }
    .reservation {
       width: 100%;
    }
    .nav-lang {
        right: 266px;
    }


}
@media (max-width: 1024px) {
    .nav > li > a, #book-header > a,.nav-lang label {
        font-size: 14px;
    }
    .wrap-scroll .nav > li > a {
        padding: 49px 4px 18px !important;
    }
    .wrap-header .site-logo, .wrap-scroll .site-logo {
        padding: 14px 0;
    }
    .wrap-header .navbar-nav, .wrap-scroll .navbar-nav {
        padding: 0;
    }
    #book-header {
        padding: 10px 20px;
    }
    .wrap-header{
        padding: 0 50px;
    }
    .reservation-box {
        padding: 20px 50px;
    }
    .content_ibe img {
        display: none;
    }
    .content_ibe .input_in_out, .content_ibe input {
        padding: 5px 15px;
    }
    .wrap-header.wrap-scroll {
        padding: 0 50px 0 50px;
    }
    .wrap-scroll .site-logo {
        padding: 0;
    }
    .wrap-header .site-logo img {
        width: 100px;
    }
    .nav-lang, .wrap-scroll .nav-lang  {
        right: 185px;
    }
    .wrap-scroll .nav-lang {
        top: 15px;
    }
    .nav-lang , .navbar-nav .sub-info a,
    .nav-lang ul .lang_parent li a{
        font-size: 14px;
    }

    .wrap-scroll .navbar-nav .sub-info a {
        padding: 6px 10px;
    }
    .wrap-footer , .ui-social {
        display: block;
        text-align: center;
    }
    .wrap-footer .col-xs-4 {
padding: 15px 0;
        width: 100%;
    }
.contact-footer i {
font-size: 14px;
margin-right: 6px;
}
    .image-box.accom {
        height: 400px;
    }
    .slide-fac .image-box , .image-box {
        height: 350px;
    }
    .type .col-xs-3, .type .col-xs-4 {
        width: 50%;
    }
    .type .clearfix {
        display: block;
    }
    .type .col-xs-3:nth-child(2) ,  .type .col-xs-4:nth-child(2) {
        border-right: none;
    }
    .d_type {
        padding: 25px;
    }

    .page_offers .content_child {
        display: inline-block;
    }
    .content_child .col-xs-7 , .content_child .col-xs-5 {
        width: 100%;
    }
    .b_offers {
        height: auto;
    }
    .gallery .col-xs-4 , .tour_offers .col-xs-4 {
        width: 50%;
    }
    .reservation {
        width: 100%;
    }
    .contact-footer h2, .ui-social h2 {
        display: none;
    }
    .c_facilities {
        padding: 15px;
    }
    .site-sha {
        left: 39px;
        top: 108px;
    }
    .site-sha img {
        width: 150px;
    }

    /**********************************/

    .roomtitle .owl-nav .owl-prev {
        left: 50px;
    }
    .roomtitle .owl-nav .owl-next {
        right: 50px;
    }
    .roomtitle .owl-item.active.center {
        background: inherit;
    }
    .roomtitle .teb-title {
        width: 60%;
        background: #fff;
    }
}
@media (max-width: 995px) {
    .navbar {
        display: flex;
    }
    .reservation-box{
        display: none !important;
    }
    .reservation-box-mobile {
        display: block  !important;
    }
    .ui-style {
        display: block;
    }
    .ui-style.open {
        right: 40px;
    }
    .nav-lang{
        right: 0;
        top: 0;
    }
    .wrap-scroll .nav-lang {
        right: 0;
    }

    .nav-lang label {
        padding: 0;
    }

    .copyright {
        margin-bottom: 44px;
    }
    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
    }
    .owl-theme .owl-nav {
        display: none;
    }
    .content_child .col-xs-6 {
        width: 100%;
        padding: 0 0 50px !important;
    }
    .content_child .col-xs-6.last {
        padding: 0 !important;
    }
    .content-info {
        padding: 25px 0 0;
    }

    .content-info.none {
        padding: 25px 0 0;
    }
    .sitemap .col-xs-6 {
        width: 100%;
    }
    .transfer-mobile {
        display: block;
    }
    .wrap-scroll .transfer-mobile {
        margin-top: 38px;
    }
    .c_facilities {
        bottom: 50px;
    }


}
@media (max-width: 768px) {
    #maximage {
        height: 50vh !important;
        margin-top: 80px;
    }
    .wrap-header {
        position: fixed;
        top: 0;
        height: 80px;
        background: white;
        box-shadow: rgba(0, 0, 0, 0.09) 0 0 10px;
    }
    .wrap-header .site-logo img {
        width: 85px;
        filter: initial;
        padding: 12px 0 10px;
    }
    .wrap-header,.wrap-header.wrap-scroll{
        padding: 0 30px;
    }
    .navbar-brand {
        padding: 0;
    }
    .ui-style.open,.wrap-scroll .ui-style.open {
        right: 25px;
        top: 20px;
    }


    .amburgers1,  .amburgers2,  .amburgers3,
    .amburgers4, .amburgers5 {
        background: #31322d !important;
    }
    .nav-lang , .wrap-scroll .nav-lang {
        top: 10px;
    }
    .nav-lang label {
        color: #31322d;
    }

    .wrap-scroll .transfer-mobile {
        margin: 30px 20px 0;
    }
    .ui-style {
        right: 0;
    }
    .ui-style , .wrap-scroll .ui-style {
        top: 15px;
        margin: 30px 25px 15px
    }
    .text-slider {
        display: none;
    }
    .slider-arrow a {
        margin: 0 30px;
    }
    .title_offers {
        padding-bottom: 30px;
    }
    .amenities li {
        width: 50%;
    }
    .meeting_ul {
        display: inline-block;
    }
    .info_page ul {
        width: 100%;
    }
    .page_offers .content_child {
        margin-bottom: 30px;
    }
    .b_offers {
       padding: 30px;
    }
    .gallery .col-xs-4, .tour_offers .col-xs-4 {
        width: 100%;
    }
    .tour_offers .col-xs-4 {
        padding: 0 0 50px;
    }
    .tour_offers .col-xs-4.last {
        padding: 0;
    }
    .slider-content p + .btn-main {
        margin: 0;
    }
    .tour_offers p {
        margin: 0 0 10px;
    }
    .site-sha {
        left: 25px;
        top: 100px;
    }
    .wrap-header .site-logo {
        padding: 14px 11px;
        transition: all .5s;
    }
    .wrap-scroll .site-logo {
        padding: 0;
    }

    /**********************************/
    .envelop-box , .wrap-footer , .envelop-box.envelop-icon {
        padding: 50px 25px;
    }
    .wrap-best {
        padding: 0 25px;
    }
    .box-slider {
        padding: 0 25px 50px;
    }
    .slider-content {
        padding: 30px 0 0;
    }
    .envelop-box.room {
        padding: 50px 25px 0;
    }
    .c_facilities {
        bottom: 6px;
    }
}
@media (max-width: 600px) {
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 24px;
    }
    .menu-container {
        padding: 80px 25px;
    }
    .menu-container a {
        font-size: 16px;
        padding: 7px;
    }
    .wrap-header, .wrap-header.wrap-scroll {
        padding: 0 25px;
    }
    /*.nav-lang, .wrap-scroll .nav-lang {*/
    /*    right: 45px;*/
    /*}*/
    .wrap-header .site-logo img {
        padding: 15px 0;
    }
    .wrap-header .site-logo img {
        width: 75px;
    }
    .roomtitle .teb-title {
        font-size: 18px;
    }
    .slider-arrow {
        height: 30px;
    }
    .slider-arrow img {
        width: 30px;
    }
    .overlay-slider {
        background: rgba(0,0,0,0.4);
    }
    .overlay-slider:before {
        display: none;
    }
    .page_child ul {
        margin: 15px 0;
    }
    .amenities {
        font-size: 14px;
    }
    .camera {
        bottom: 20px;
    }
    .icon-camera {
        width: 45px;
        height: 45px;
        padding: 10px;
    }
    .camera i {
        font-size: 25px;
    }
    .slide_icon.owl-theme .owl-dots {
        margin-top: 6px !important;
    }
    .icon-amenities {
        width: 60px;
        height: 60px;
    }
    .amenities img {
        width: 30px;
    }
    .type .col-xs-3 , .type .col-xs-4 {
        width: 100%;
    }
    .type .col-xs-3:nth-child(1),.type .col-xs-4:nth-child(1), .type .col-xs-3:nth-child(3) {
        border-right: none;
    }
    .d_type {
        padding: 10px 0;
    }
    .info_page table , .meeting_ul{
        font-size: 14px;
    }
    .meeting_ul {
        margin: 10px 0;
    }
    .album-gallery {
        position: relative;
        background: #31322b;
        padding: 15px;
    }
    .album-gallery h4 {
        font-size: 16px;
        margin-bottom: 0;
    }
    .padding10 {
        padding: 10px 0;
    }
    .nearby ul li {
        padding: 10px 0;
    }

    .transfer-mobile, .wrap-scroll .transfer-mobile {
        font-size: 12px;
        padding: 7px 24px;
        margin: 36px 10px 0;
    }
    .ui-style, .wrap-scroll .ui-style {
        margin: 31px 25px;
    }
    .offer img {
        height: 250px;
    }
    .envelop-box.room {
        padding: 25px 25px 0;
    }
    
    .wrap-footer, .ui-social {
        font-size: 14px;
    }
    .c_facilities {
        padding: 15px 30px;
    }
    .wrap-header .site-logo {
        padding: 14px 21px;
    }
    .wrap-scroll .site-logo {
        padding: 0;
    }
    /**********************************/
    .map iframe {
        height: 400px;
    }
    .slide-fac .image-box, .image-box , .image-box.accom , .viewer-gallery .image-box,
    .tour_offers .image-box{
        height: 250px;
    }
    .photos:after {
        height: 150px;
    }
    .transfer-mobile span {
        display: none;
    }

    /**********************************/

    .roomtitle .owl-nav .owl-prev {
        left: 25px;
    }
    .roomtitle .owl-nav .owl-next {
        right: 25px;
    }
}
@media (max-width: 375px) {
    .roomtitle .teb-title {
        padding: 15px;
    }
    .roomtitle .owl-nav .owl-prev {
        left: 10px;
    }
    .roomtitle .owl-nav .owl-next {
        right: 10px;
    }
    .slider-arrow a {
        margin: 0 10px;
    }
    #maximage {
        height: 40vh !important;
    }
    .b_offers {
        padding: 25px;
    }
    .owl-theme .owl-nav [class*=owl-] {
        width: 35px;
        height: 35px;
    }
    .roomtitle .owl-nav {
        height: 36px;
    }
    .owl-theme .owl-nav .owl-next {
        padding: 8px;
    }
    .owl-theme .owl-nav .owl-prev {
        padding: 7px 7px 8px 5px;
    }
    .transfer-mobile {
        right: 66px;
    }
    .ui-style.open, .wrap-scroll .ui-style.open {
        right: 0;
        top: 10px;
    }

}
@media (max-width: 320px) {
    h1 {
        font-size: 26px;
    }
    h2 {
        font-size: 20px;
    }
    .slide-fac .image-box, .image-box, .image-box.accom , .viewer-gallery .image-box {
        height: 200px;
    }
    .roomtitle .teb-title {
        font-size: 14px;
    }

    .ui-telmail span {
        display: block;
    }

    .ui-social {
        font-size: 20px;
    }
    .amenities li {
        width: 100%;
    }
    .menu-container a {
        width: 100%;
    }
    .navbar_fix {
        overflow: auto;
        max-height: 350px;
    }
    .camera {
        bottom: 0;
    }
    .transfer-mobile, .wrap-scroll .transfer-mobile {
        padding: 7px 25px;
    }
    #maximage {
        height: 60vh !important;
    }

    .c_facilities {
        padding: 0 25px;
    }
    .wrap-header .site-logo {
        padding: 14px 0;
    }
    .site-sha img {
        width: 120px;
    }
    .site-sha {
        left: 20px;
    }

}