@media only screen and (max-width: 1800px) { /* ------------------------ */
/* start */

header .nav-desktop nav > ul > li {
    margin-right: 10px;
}


/* end 1800 */ }

@media only screen and (max-width: 1600px) { /* ------------------------ */
/* start */

header .nav-desktop nav > ul > li > a, header .nav-desktop nav > ul > li > span, header .nav-bis nav > ul > li > a, header .nav-bis nav > ul > li > span {
    letter-spacing: 0;
}

/* end 1400 */ }

@media only screen and (max-width: 1500px) { /* ------------------------ */
/* start */

header .logo-content {
    max-width: 250px;
    margin: 15px 0;
}

.banner-content {
    padding-top: 20vh;
}

.fotoslide-slide {
    height: 280px;
}

/* end 1360 */ }

@media only screen and (max-width: 1300px) { /* xl --------------------- */
/* start */

.banner-content {
    padding-top: 17vh;
}

/* end 1200 */ }

@media only screen and (max-width: 1200px) { /* ------------------------ */
/* start */

.info-booking .social-bloc {
    margin-bottom: 20px;
    margin-top: 20px;
}

.booking-content {
    margin-bottom: 20px;
}

.info-booking::after {
    height: 20px;
}

/* end 1100 */ }

@media only screen and (max-width: 1024px) { /* ------------------------ */
/* start */


/* end 1024 */ }

@media only screen and (max-width: 992px) { /* lg ---------------------- */
/* start */

.video-content {
    background-size: cover !important;
    background-position: center !important;
}

.video-content::before {
    background: rgba(70,70,70, 0.85);
}

/* end 992 */ }

@media only screen and (max-width: 991px) { /* ------------------------- */
/* start */

.booking-content {
    max-width: 100%;
}

/* end 991 */ }

@media only screen and (max-width: 767px) { /* md ---------------------- */
/* start */

.aside-content .container .inner img {
    max-height: 30vh;
}

.fotoslide-slide {
    height: 210px;
}

.about-content .slider {
    max-height: 40vh;
}

.about-content .container .inner {
    margin-top: 20vh;
}

.lightbox-content img,
.lightbox-content {
    height: auto;
}

/* end 767 */ }

@media only screen and (max-width: 680px) { /* ------------------------- */
/* start */


/* end 680 */ }

@media only screen and (max-width: 576px) { /* sm ---------------------- */
/* start */

#lightbox-prev {
    left: 10px;
}

#lightbox-next {
    right: 10px;
}

/* end 576 */ }

@media only screen and (max-width: 480px) { /* ------------------------- */
/* start */

.info-booking .social-bloc {
    margin-top: 50px;
}

body {
    letter-spacing: 0;
}


/* end 480 */ }

@media only screen and (max-width: 320px) { /* ------------------------- */
/* start */


/* end 320 */ }