/*------  Page-Main  -----*/




/*>>>>>>>>>-HEADER-<<<<<<<*/

@media (min-width: 320px) and (max-width: 560px) {
    #menu{
        width: 100%;
    }
}

@media (min-width: 780px) and (max-width: 1055px) {
    .logo-main{
        margin: 0 0 0 15px;
    }
}


@media (min-width: 320px) and (max-width: 780px) {
.header-wrap{
    min-height: 580px;
    height: auto;
}
    .header{
        max-height: inherit;
    }
    .header-top-panel{
        flex-direction: column;
        height: auto;
        background: rgba(255, 255, 255, 0.15);
    }
        .logo-main{
            margin: 10px auto;
        }
        .right-nav{
            width: 100%;
            justify-content: space-around;
            margin: 10px auto 25px;
        }
            .lang-switch{
                margin: 0;
            }
            .book-a-room{
                margin: 0 77px 0 0;
            }
            .menu-button{
                margin: 0;
            }
    .header-slogan-slider{
        top: auto;
        margin: 70px auto 65px;
    }
        .slick-slide{
            padding: 0 30px;
        }
    .picker-head-group select{
        font-size: 35px;
    }
}
@media (min-width: 320px) and (max-width: 560px) {
.header-wrap{
    height: 100%;
}
    .left-nav{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 20px 5px;
    }
        .logo-main{
            margin: 0;
        }
    .right-nav{
        flex-direction: column;
        margin: 0 auto 20px;
    }
        .menu-button{
            display: none;
        }
        .menu-button-mobile{
            display: block;
        }
        .book-a-room{
            margin: 18px auto 0;
        }
    #book-form{
        position: relative;
        right: auto;
        min-height: 186px;
        height: auto;
        margin: 0 auto;
        flex-wrap: wrap;
        justify-content: center;
        padding: 26px 0 42px;
    }
        .picker-head-group{
            position: relative;
            height: auto;
            margin: 0 0 22px 0;
        }
}

@media (min-width: 320px) and (max-width: 544px) {
    .picker-head-group .picker-field2{
        border: none;
    }
}
@media (min-width: 320px) and (max-width: 442px) {
    .picker-head-group .picker-field2{
        border-right: 2px solid #bdbdbd;
    }
    .picker-head-group:nth-child(2) .picker-field{
        border: none;
    }
}
@media (min-width: 320px) and (max-width: 340px) {
    .picker-head-group{
        flex-direction: column;
        align-items: center;
        width: 200px;
        border-bottom: 2px solid #bdbdbd;
    }
    .picker-title{
        margin: 0;
        padding: 0;
    }
    .picker-field{
        width: 100%;
    }
    .picker-field, .picker-head-group .picker-field2{
        border: none;
    }
    .month-field1, .month-field2, .people1, .people2{
        font-size: 40px;
    }
}
/*//////////-HEADER-<<<<<<<*/


/*>>>>>>>>>-ABOUT-HOTEL-MAIN-PAGE-<<<<<<<*/


@media (min-width: 320px) and (max-width: 750px) {
    .about-hotel .content{
        padding: 95px 15px 50px;
    }
}


/*/////////-ABOUT-HOTEL-MAIN-PAGE-<<<<<<<*/


/*>>>>>>>>>-OUR-NUMBERS-<<<<<<<*/

@media (min-width: 320px) and (max-width: 889px) {
    .our-numbers .content{
        padding: 0px 15px 50px;
    }
    .our-numbers-board{
        justify-content: center;
        width: 100%;
    }
    .our-numbers-board-outer{
        flex-direction: column;
        align-items: center;
    }
    .room5{
        width: 588px;
        height: 213px;
        background-size: cover;
        flex-basis: auto;
        margin: 9px 0 0 0;
    }
}
@media (min-width: 320px) and (max-width: 628px) {
    .our-numbers .content{
        padding: 35px 15px 40px;;
    }
    .our-numbers{
        padding: 0 0 50px 0
    }
    .rooms-wrap{
        padding: 0;
        margin: 0;
        width: 100%;
    }
    .room{
        background-size: cover;
    }
    .room1, .room2, .room3{
        width: 100%;
        height: 213px;
    }
    .room4{
        margin: 9px 0 0 0;
    }
    .room5{
        width: 100%;
    }
}


/*//////////-OUR-NUMBERS-<<<<<<<*/



/*>>>>>>>>>-SUBSCRIBE-US-<<<<<<<*/

@media (min-width: 320px) and (max-width: 910px) {
    .subscribe-us .content{
        padding: 0 15px;
    }
}
@media (min-width: 320px) and (max-width: 840px) {
.subscribe-us{
    padding: 40px 0 50px 0;
}
    .subscribe-us-content{
        padding: 25px 20px;
        flex-direction: column;
    }
        .subscribe-us-soc{
            margin: 0 auto 25px;
        }
        .subscribe-us-form{
            flex-direction: column;
            width: 100%;
            max-width: 500px;
            align-items: center;
        }
            .subscribe-us-mail{
                width: 100%;
                margin: 0 auto 15px;
            }

}

/*//////////-SUBSCRIBE-US-<<<<<<<*/


/*>>>>>>>>>-OUR-SERVICES-<<<<<<<*/

@media (min-width: 320px) and (max-width: 500px) {
.our-services .content {
    padding: 57px 15px 50px;
}
}
@media (min-width: 320px) and (max-width: 667px) {
    .service-slide{
        width: 250px;
        height: 299px;
    }
}

/*//////////-OUR-SERVICES-<<<<<<<*/


/*>>>>>>>>>-SPECIAL-OFFERS-<<<<<<<*/
@media (min-width: 320px) and (max-width: 781px) {
    .special-offers .content {
        padding: 40px 15px 25px;
    }
        .special-offers-slider{

        }
            .special-offers-slider .slick-slide{
                flex-direction: column;
                padding: 0;
                height: auto;
            }
            .special-offers-slider .slick-list{
                height: auto;
            }
            .slick-dots{
                bottom: -45px;
            }
                .special-offers-slider .slick-slide .offer-pic{
                    width: 100%;
                    height: 260px;
                    background-size: cover;
                }
                .special-offers-slider .slick-slide .offer-description{
                    min-height: 245px;
                    width: 100%;
                    padding: 26px 25px 20px 25px;
                }
                .special-offers-slider .slick-arrow{
                    display: none!important;
                }
}
@media (min-width: 320px) and (max-width: 570px) {
    .slick-arrow{
        display: none!important;
    }
}

/*//////////-SPECIAL-OFFERS-<<<<<<<*/




/*>>>>>>>>>-OUR-ADDRESS-<<<<<<<*/
@media (min-width: 320px) and (max-width: 545px) {
    .our-address-content{
        padding: 157px 48px 0 0;
        text-align: right;
    }
        .our-address-content h2{
            font-size: 23px;
            letter-spacing: 3px;
            margin: 0 0 32px 0;
        }
        .show-us{
            width: auto;
        }
}
@media (min-width: 320px) and (max-width: 545px) {
.our-address-content{
    width: 100%;
    padding: 234px 18px 0 18px;
}
    .our-address-content h2{
        font-size: 18px;
    }
}

/*//////////-OUR-ADDRESS-<<<<<<<*/



/*------///Page-Main  -----*/





/*------   Header-Content  -----*/

/*------///Header-Content  -----*/



/*------   About-Hotel  -----*/

@media (min-width: 320px) and (max-width: 1083px) {

    .presentation-block .content{
        flex-direction: column;
    }
        .presentation-block .content .presentation-slider{
            order: 1;
            margin: 45px auto 0;
        }
        .presentation-block .content .presentation-content{
            order: 2;
            padding: 19px 15px 0;
            max-width: inherit;
            text-align: center;
            align-items: center;
        }
            .presentation-block .content .presentation-content .presentation-content-description{
                margin: 0 auto 48px;
            }
            .presentation-block .content .presentation-content .book-button{
                margin: 0 auto 45px;
            }
    .presentation-img, .special-offers-pic{
        margin: 0 auto;
    }
}
@media (min-width: 320px) and (max-width: 517px) {

    .presentation-block .content .presentation-slider, .presentation-img{
        min-width: inherit;
        width: 100%;
        height: 61vh;
    }
    .presentation-block .content .presentation-slider .presentation-slide{
        height: 61vh;
    }
}
@media (min-width: 320px) and (max-width: 910px) {
    .presentation-block-simple .content{
        flex-direction: column;
    }
        .presentation-block-simple-right-side{
            justify-content: center;
            align-items: center;
            padding: 20px 40px 20px 40px;
        }
            .presentation-block-img{
                order: 1;
                margin: 0 auto;
            }
}
@media (min-width: 320px) and (max-width: 563px) {
    .presentation-block-simple .presentation-block-img{
        order: 1;
        margin: 0 auto;
        width: 100%;
        height: 61vh;
    }
}
@media (min-width: 320px) and (max-width: 394px) {
    .presentation-block-img{
        width: 100%;
        height: 61vh;
    }
    .presentation-block-simple-title, .presentation-block-simple-title2{
        font-size: 26px;
    }
}
@media (min-width: 320px) and (max-width: 1123px) {
    .customers-feed-back-slider .slick-prev, .customers-feed-back-slider .slick-next{
        display: none!important;
    }
}
@media (min-width: 320px) and (max-width: 810px) {
    .customers-feed-back-slider{
        width: 100%;
    }
        .customers-feed-back-slider .slick-slide{
            padding: 0 20px;
        }
}



/*------///About-Hotel  -----*/



/*------   Our-Rooms  -----*/



/*------///Our-Rooms  -----*/



/*------   Our-Services  -----*/

@media (min-width: 320px) and (max-width: 1084px) {
    .our-services-header-wrap{
        margin: 0 0 90px 0;
    }
    .presentation-block{
        margin-top: 0;
    }
    .presentation-block .content{
        padding: 0;
    }
    .presentation-block-small .content{
        padding: 0;
    }
    .presentation-block-reverse .presentation-content{
        padding: 19px 15px 0!important;
    }
    .presentation-buttons-area{
        justify-content: center;
        margin: 0 0 20px 0;
    }
    .presentation-buttons-area .book-button{
        margin: 0!important;
    }
}
@media (min-width: 320px) and (max-width: 453px) {
    .presentation-buttons-area{
        flex-direction: column;
        margin: 0 0 0 0;
    }
    .presentation-buttons-area .see-more-button{
        margin: 0 0 18px 0!important;
    }
    .presentation-buttons-area .book-button{
        margin: 30px auto 0;
    }
}


/*------///Our-Services  -----*/




/*------   Special-Offers  -----*/

@media (min-width: 320px) and (max-width: 1083px) {
    .special-offers-presentation-block{

        padding: 30px 15px;
    }
    .special-offers-presentation-block .presentation-content-description{
        margin: 0 auto 32px!important;
    }
}
@media (min-width: 320px) and (max-width: 494px) {
    .presentation-buttons-area{
        flex-direction: column;
    }
    .special-offers-presentation-block .download-button{
        margin-bottom: 20px;
    }
}




/*------///Special-Offers  -----*/



/*------   Contacts  -----*/

@media (min-width: 320px) and (max-width: 780px) {
    .page-template-page-contacts .header-wrap, .page-template-page-contacts-UA .header-wrap, .page-template-page-contacts-EN .header-wrap{
        min-height: auto;
    }
    .page-template-page-contacts .about-hotel .content, .page-template-page-contacts-UA .about-hotel .content, .page-template-page-contacts-EN .about-hotel .content{
        padding: 45px 15px 30px;
    }
}
@media (min-width: 320px) and (max-width: 780px) {
    .contact-us .contact-form{
        flex-direction: column;
    }
    .contact-us .contact-form input, .contact-us .contact-form select, .contact-us .contact-form textarea{
        width: 100%;
        height: 40px;
    }
    .contact-us .contact-form textarea{
        height: 80px;
    }
}

/*------///Contacts  -----*/



/*------   Double-Room  -----*/

@media (min-width: 320px) and (max-width: 1347px) {
    .our-rooms-slider .slick-arrow{
        display: none!important;
    }

}
@media (min-width: 320px) and (max-width: 1020px) {
    .our-rooms-slider .our-rooms-slide-wrap{

    }
}
@media (min-width: 320px) and (max-width: 1020px) {
    .room-conditions{
        padding: 25px 30px 56px;
    }
}
@media (min-width: 320px) and (max-width: 674px) {
    .room-conditions{
        text-align: center;
    }
    .room-conditions-area{
        flex-direction: column;
        align-items: baseline;
    }
    .room-condition{
        margin-bottom: 20px;
    }
}
@media (min-width: 320px) and (max-width: 416px) {
    .room-condition{
        height: auto;
    }
}

/*------///Double-Room  -----*/




/*------   Restaurant  -----*/

@media (min-width: 320px) and (max-width: 740px) {
    .slick-slide{
        padding: 0 0;
    }
}
@media (min-width: 320px) and (max-width: 740px) {
    .page-template-page-our-rooms .presentation-buttons-area, .page-template-page-our-rooms-UA .presentation-buttons-area,
    .page-template-page-our-rooms-EN .presentation-buttons-area{
        margin: 0 0 20px 0;
    }
}


/*------///Restaurant  -----*/




/*-------  Footer  -----*/
@media (min-width: 320px) and (max-width: 985px) {
    .footer-contacts{
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
        .footer-contacts-social{
            margin: 18px 0 0 0;
        }
        .footer-contacts-info{
            align-items: center;
            width: 100%;
            justify-content: space-around;
        }
            .footer-contacts-info div{
                margin: 0;
            }
}
@media (min-width: 320px) and (max-width: 985px) {
    .footer-contacts{
        padding: 15px 0;
    }
        .footer-contacts-info{
            flex-direction: column;
        }
            .footer-contacts-info div{
                margin: 0 0 10px 0;
            }
}

/*------///Footer  -----*/

@media (max-width: 1042px) {
    #prices{
        padding: 30px 10px;
    }
}

@media (min-width: 320px) and (max-width: 834px){
    .desktop-prices-table{
        display: none;
    }
    .mobile-prices-table{
        display: table;
    }
}