/* xxl */
@media (min-width: 1200px) {
    body {
        /*overflow: auto !important;*/
    }

    body > header nav {
        display: block !important;
    }
}

/* < xxl */
@media (max-width: 1379px) {
    body.lekarna main > article #rezervace-z-ereceptu {
        padding-top: 20px;
    }    

    body.lekarna main > article #rezervace-z-ereceptu iframe {
        min-height: 900px; 
    }
    
    body.lekarna main > article #rezervace-z-ereceptu h2 img {
        max-width: 200px;
    }    
}

/* xl */
@media (max-width: 1199px) {
    body > header {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    body > header .logo {
        position: relative;
        z-index: 1002;
    }

    body > header.mobile {
        position: fixed;
        background: #fff;
        width: 100%;
        height: 100%;
        z-index: 1000;
        top: 0;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
    }

    body > header nav {
        display: none;
        width: 100%;
    }

        body > header nav > ul {
            margin-top: 2rem;
            flex-direction: column;
        }

        body > header nav ul li {
            line-height: 2;
            text-align: left;
        }

            body > header nav ul li a {
                padding-bottom: 0;
            }

            /* Submenu  */
            body > header nav > ul > li {
                width: 100%;
            }

            body > header nav > ul > li > div {
                position: relative;
                width: 100%;
                display: none;
                z-index: 12;
            }

            body>header nav > ul > li > div > div {
                height: auto;
                padding: 1rem 0 0 0 !important;
                box-shadow: none;
                background: #eef3f6 !important;
                border-radius: 5px !important;
            }

            body > header nav > ul > li > div > div li {
                padding-bottom: 1rem !important;
            }

            body > header nav > ul > li > a {
                text-align: left;
            }

            body > header nav > ul > li:hover > a {
                box-shadow: none;
            }

    body > header .overlay {
        display: none !important;
    }
    
    main > article header > .top > :last-child {
        display: none;
    }    

    section.ambulance-a-poradny ul li {
        flex: 0 0 25%;
        max-width: 25%;
    }

    body.oddeleni section.ambulance-a-poradny ul li,
    body.ambulance section.ambulance-a-poradny ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    body.home section.smluvni-pojistovny ul li {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    body.home section.novinky .sy-box .sy-caption-wrap .sy-caption {
        text-align: center;
    }

    main > article .contacts .contact {
        margin-bottom: 30px;
    }

    main > article .contacts .contact:last-child {
        margin-bottom: 0;
    }

    main > article .fotogalerie .row > div:nth-child(n+3) {
        padding-top: 30px;
    }
    
    body.lekarna main > article #rezervace-z-ereceptu {
        padding-top: 70px;
    }
    body.lekarna main > article #rezervace-z-ereceptu h2 img {
        max-width: 150px;
        top: -70px;
        left: auto;
    }    
}

@media (min-width: 992px) {
}


/* lg */
@media (max-width: 991px) {

    section.ambulance-a-poradny ul li {
        flex: 0 0 50%;
        max-width: 50%;
    }

    body.home section.smluvni-pojistovny ul li {
        flex: 0 0 50%;
        max-width: 50%;
    }

    body.home section.novinky .articles {
        width: 100%;
    }
    
    body.home section.novinky .articles .article:nth-child(1),
    body.home section.novinky .articles .article:nth-child(3) {
        margin-left: 0px;
    }        
    
    body.home section.tradicni-moderni-privetiva-pomahajici {
        margin-top: 0rem;
        background-size: cover;
        height: 400px;
    }

        body.home section.tradicni-moderni-privetiva-pomahajici::before,
        body.home section.tradicni-moderni-privetiva-pomahajici::after {
            display: none;
        }
}

/* between: md - lg */
@media (min-width: 768px) and (max-width: 991px) {

}

/* md */
@media (max-width: 767px) {
    
    body > header .logo {
        max-width: 200px;
    }

    body.home section.novinky .sy-box {
        height: auto;
        width: auto;
    }
        body.home section.novinky .sy-box .sy-controls {
            display: none;
        }

        body.home section.novinky .sy-box .sy-slides-wrap .sy-caption > * {
            padding: 10px 25px;
            font-size: 1rem;
        }

        body.home section.novinky .sy-box .sy-slides-wrap .sy-slide > a > img {
            max-height: 100%;
            max-width: 100%;
            height: auto;
            width: auto;
        }

    
    body.home section.novinky .articles .article {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }    
    
    body.home section.novinky .articles .article {
        margin-bottom: 20px;
    }
    
    body.home section.novinky .articles .article:last-child {
        margin-bottom: 0px;
    }


    section.ambulance-a-poradny ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    body.home section.smluvni-pojistovny ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    main > article ul.files {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    main > article aside.sidebar {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    main > article section:first-child {
        padding-top: 5rem;
    }
        /*
        main > article section:first-child h2:after {
            content: "";
            box-shadow: 0px 0px 200px #ccc;
            width: 300px;
            height: 200px;
            display: block;
            border-radius: 50%;
            position: absolute;
            top: -200px;
            left: calc(50% - 300px/2);
        }
        */

    main > article .fotogalerie .row > div:nth-child(n+2) {
        padding-top: 30px;
    }
}

/* sm */
@media (max-width: 575px) {

}