/* Responsive Styles */
/* Xtra lg */
@media (min-width: 2560px) {

}

@media (min-width: 1920px) {

}

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

}

@media (min-width: 1367px) and (max-width: 1599px) {

}

/* lg */
@media (min-width: 1200px) and (max-width: 1366px) {

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
    /*FOOTER*/
    .footer-wrapper-bubble-img { max-width: 58px; }
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    html { font-size: calc(12px + 0.390625vw); }
    body { padding-top: 100px; }

    .on-desktop { display: none !important; }
    .on-mobile { display: block !important; }

    ol, ul { padding-left: 1rem; }

    .blot-heading {
        padding: 40px;
        width: 385px;
        height: auto;
    }

    /*MENU*/
    .app-nav-container {
        padding-inline: 1rem;
        flex-flow: column wrap;
        align-items: normal;
    }
    .app-nav-container__brand-logo { max-width: 120px; }
    .app-nav-links { display: none; }
    .app-nav-links__list {
        margin-top: 25px;
        flex-direction: column;
        align-items: normal;
    }
    .app-nav-links__item {
        margin-bottom: 15px;
        margin-left: 10px;
        margin-right: 0;
    }
    .app-nav-container::before, .app-nav-container::after { display: none; }

    /*ABOUT*/
    .about-description {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .about-heading--sm, .about-heading--xs { line-height: 2rem; }

    /*GALLERY*/
    .gallery-grid {
        height: 250px;
        grid-template-columns: auto;
        grid-template-rows: auto;
    }
    /*FOOTER*/
    .footer-wrapper-bubble-img { max-width: 58px; }

    /*COOKIES*/
    .cookies-widget {
        left: 0;
        width: 100%;
    }
}

/* xs Landscape*/
@media (max-width: 767px) {
    html { font-size: calc(14px + 0.390625vw); }
    body { padding-top: 100px; }

    .on-desktop { display: none !important; }
    .on-mobile { display: block !important; }

    ol, ul { padding-left: 1rem; }

    .special-info-box { padding: 1rem 3rem; }
    .special-info-box img { max-height: 90px; }

    .blot-heading {
        padding: 40px;
        width: 385px;
        height: auto;
    }

    /*MENU*/
    .app-nav-container {
        padding-inline: 1rem;
        flex-flow: column wrap;
        align-items: normal;
    }
    .app-nav-container__brand-logo { max-width: 120px; }
    .app-nav-links { display: none; }
    .app-nav-links__list {
        margin-top: 25px;
        flex-direction: column;
        align-items: normal;
    }
    .app-nav-links__item {
        margin-bottom: 15px;
        margin-left: 10px;
        margin-right: 0;
    }
    .footer-wrapper-bubble-img { max-width: 46px; }

    /*GALLERY*/
    /*6 photos*/
    .gallery-grid-6 {
        display: grid;
        height: 550px;
        gap: 15px;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }
    .gallery-grid-6__photo-1 {
        grid-column: 1/2;
        grid-row: 1;
    }
    .gallery-grid-6__photo-2 {
        grid-column: 2/3;
        grid-row: 1;
    }
    .gallery-grid-6__photo-3 {
        grid-column: 1/2;
        grid-row: 2;
    }
    .gallery-grid-6__photo-4 {
        grid-column: 2/3;
        grid-row: 2;
    }
    .gallery-grid-6__photo-5 {
        grid-column: 1/2;
        grid-row: 3;
    }
    .gallery-grid-6__photo-6 {
        grid-column: 2/3;
        grid-row: 3;
    }
    /*8 photos*/
    .gallery-grid-8 {
        display: grid;
        height: 600px;
        gap: 15px;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
    .gallery-grid-8__photo-1 {
        grid-column: 1/2;
        grid-row: 1;
    }
    .gallery-grid-8__photo-2 {
        grid-column: 2/3;
        grid-row: 1;
    }
    .gallery-grid-8__photo-3 {
        grid-column: 1/2;
        grid-row: 2;
    }
    .gallery-grid-8__photo-4 {
        grid-column: 2/3;
        grid-row: 2;
    }
    .gallery-grid-8__photo-5 {
        grid-column: 1/2;
        grid-row: 3;
    }
    .gallery-grid-8__photo-6 {
        grid-column: 2/3;
        grid-row: 3;
    }
    .gallery-grid-8__photo-7 {
        grid-column: 1/2;
        grid-row: 4;
    }
    .gallery-grid-8__photo-8 {
        grid-column: 2/3;
        grid-row: 4;
    }
    /*5 photos*/
    .gallery-grid-5 {
        height: 550px;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
    .gallery-grid-5__photo-1 {
        grid-column: 1/3;
        grid-row: 1/3;
    }
    .gallery-grid-5__photo-2 {
        grid-column: 1/2;
        grid-row: 3;
    }
    .gallery-grid-5__photo-3 {
        grid-column: 2/3;
        grid-row: 3;
    }
    .gallery-grid-5__photo-4 {
        grid-column: 1/2;
        grid-row: 4;
    }
    .gallery-grid-5__photo-5 {
        grid-column: 2/3;
        grid-row: 4;
    }

    /*COOKIES*/
    .cookies-agreements { flex-flow: row wrap; }
    .apple-switch-wrapper {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .apple-switch, .apple-switch--disabled {
        width: 40px;
        height: 20px;
    }
    .apple-switch::after, .apple-switch--disabled::after {
        width: 16px;
        height: 16px;
    }
    .cookies-widget {
        left: 0;
        width: 100%;
    }

    /*CALL US*/
    .show-number-popup {
        padding: 1.4rem 1rem;
        width: 100%;
        height: auto;
    }
    .show-number-popup__img { display: none; }
    .show-number-popup__links { width: 100%; }

    /*ABOUT*/
    .about-description {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .about-heading--sm, .about-heading--xs { line-height: 2rem; }
}

/* xs Portrait */
@media (max-width: 576px) {
    .on-desktop { display: none !important; }
    .on-mobile { display: block !important; }

    .blot-heading {
        padding: 40px;
        width: 320px;
        height: auto;
    }
}