@media screen and (max-width: 1920px)
{

}

@media screen and (max-width: 1680px)
{
    a.wrapHeaderLogoText span
    {
        font-size: 200%;
    }

    /* menu */
    .wrapMenuMainHeader div.level1 a
    {
        padding: 46px 12px;
    }

    .wrapMenuMainHeader div.level1 a:hover, .wrapMenuMobileHamburger a:hover
    {
        padding: 46px 12px 44px;
    }
}

@media screen and (max-width: 1680px)
{
    /* hlavička */
    .boxHeaderContact
    {
        padding: 0 16px;
    }
}

@media screen and (max-width: 1536px)
{
    /* header */
    .boxHeaderContact
    {
        padding: 0 12px;
    }

    .boxHeaderContact a, .boxHeaderContact a:hover
    {
        padding-top: 38px;
        font-size: 100%;
    }

    .boxHeaderContactDescription
    {
        font-size: 87.5%;
    }


    /* menu */
    .boxHeaderContact
    {
        height: auto;
        float: none;
    }

    .boxHeaderContact:first-child
    {
        margin-top: 28px;
    }

        .boxHeaderContactDescription
        {
            display: none;
        }

        .boxHeaderContact a, .boxHeaderContact a:hover
        {
            margin: 4px 0;
            padding: 0;
        }

        /* úprava stylů hlavičky kvůli covid textu PROVZ NEPŘERUŠEN */
        .boxHeaderContact:first-child
        {
            margin-top: 20px;
        }

        .boxHeaderContact a
        {
            margin: 2px 0 0;
        }

        .boxHeaderCovidDescription
        {
            margin-top: 10px;
        }

        .wrapContactFormCall .boxHeaderCovidDescription
        {
            margin-top: 0;
        }
        
    /* úvodní text */
    .wrapIntroPhoto    
    {
        padding-left: 0;
    }
        
        .boxIntroContent h1
        {
            margin-top: 15%;
        }
}

@media screen and (max-width: 1440px)
{
    /* menu */
    .wrapMenuMainHeader div.level1 a
    {
        padding: 46px 8px;
        font-size: 94%;
    }

    .wrapMenuMainHeader div.level1 a:hover, .wrapMenuMobileHamburger a:hover
    {
        padding: 46px 8px 44px;
    }
}

@media screen and (max-width: 1366px)
{
    a.wrapHeaderLogoText span
    {
        font-size: 180%;
        padding: 0 25px;
    }

    /* hlavička */
    .wrapCurrentLanguage
    {
        width: 72px;
    }

        .boxCurrentLanguage:last-child
        {
            display: none;
        }
}

/*****************************************/
/* styly pro velikost 1280px nebo mene */

@media screen and (max-width: 1280px)
{
    /* menu */
    .wrapHeaderMenu
    {
        width: calc(100% - 41.7% - 72px - 10px);
    }

        .wrapMenuMainHeader
        {
            padding-right: 8px;
        }

            .wrapMenuMainHeader div.level1 a
            {
                font-size: 90%;
            }

        .wrapCurrentLanguage
        {
            margin-right: 10px;
        }
}



/*****************************************/
/* styly pro velikost 1152px nebo mene */

@media screen and (max-width: 1152px)
{
    /* mobile menu */
    a.wrapHeaderLogoText span
    {
        display: none;
        font-size: 0;
    }

    .wrapHeaderLogo
    {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9991;
    }

    .wrapHeader .wrapButMobileMenu
    {
        display: block;
    }

    .wrapAjax .boxHeaderContact + .boxHeaderContact
    {
        padding: 0;
    }

        .wrapAjax .boxHeaderContact:first-child .boxHeaderPhone
        {
            font-size: 140%;
        }

        .wrapAjax .boxHeaderContact a
        {
            margin: 0;
            padding: 12px 0;

            text-align: center;
        }

    /* hlavička */
    .wrapHeader .wrapHeaderContact
    {
        display: none;
    }

    .boxIntroContent h1
    {
        margin-top: 10%;
    }
}



/*****************************************/
/* styly pro velikost 1080px nebo mene */

@media screen and (max-width: 1080px)
{   
    /* úvodní text */
    .boxIntroContent h1
    {
        margin-top: 0;
        font-size: 185%;
    }
    
    .wrapSection .boxIntroText h2
    {
        margin-bottom: 48px;
        font-size: 125%;
        line-height: 125%;
    }
}



/*****************************************/
/* styly pro velikost 1024px nebo mene */

@media screen and (max-width: 1024px)
{
    .wrapHeaderContent
    {
        margin-top: 20px;
        height: var(--size-40);
    }
    
    .wrapMenu
    {
        display: flex;
        justify-content: flex-end;
    }
    
    header .boxMenu, header .wrapContactLanguages
    {
        display: none;
    }
    
    .wrapIntro .wrapButMobileMenu 
    {
        display: block;
    }
}   



/*****************************************/
/* styly pro velikost 960px nebo mene */

@media screen and (max-width: 960px)
{

}



/*****************************************/
/* styly pro velikost 900px nebo mene */

@media screen and (max-width: 900px) 
{  
    /************************************************/
    /* half-tiles */
    /************************************************/    

    .wrapHalfTiles
    {
        min-height: 245px;
    }
    
        .containerHalfTiles:nth-child(odd) .boxHalfTiles:nth-child(1)
        {
            order: 2;
        }    

        .containerHalfTiles:nth-child(odd) .boxHalfTiles:nth-child(2)
        {
            order: 1;
        }        

        .containerHalfTiles:nth-child(even) .boxHalfTiles:nth-child(1)
        {
            order: 2;
        }            

        .containerHalfTiles:nth-child(even) .boxHalfTiles:nth-child(2)
        {
            order: 1;
        }   

            .containerHalfTiles:nth-child(odd) .boxHalfTiles:nth-child(2) .boxTextHalfTiles
            {
                float: none;
            }     

            .wrapHalfTilesTextContent
            {
                width: calc(100% - 2 * 48px);
                margin: 48px;
            }      
            
        .boxTextHalfTiles
        {
            margin-left: auto;
            margin-right: auto;
        }
        
        .boxHalTilesCover
        {
            height: 540px;
        }
}


    
/*****************************************/
/* styly pro velikost 800px nebo mene */

@media screen and (max-width: 800px) 
{  
    h2
    {
        text-align: center;
    }
    
    /* hlavička */    
    .wrapHeader
    {
        height: 60px;
    }
    
        .wrapHeaderRow
        {
            display: none;
        }

        .wrapHeaderRowMobile
        {
            display: block;
        }
    
        /* rozcestník na HP */
        .wrapMenuHomePage
        {
            flex-direction: column;
            justify-content: center;
        }
        
            .wrapMenuHomePage .level1 + .level1
            {
                margin: 40px 0 0;
            }
            
            .wrapMenuHomePage .level1
            {
                display: flex;
                justify-content: center;
            }
            
            
  
        
    /* obsahové dlaždice*/
    .tileTitleText
    {
        padding: 32px;
    }

    /* dlaždice */
    .wrapHalfTilesInContent, .wrapHalfTilesInContent .wrapHalfTilesContent, .wrapButUnderBubble 
    {
        justify-content: center;
    }
    
        .wrapHalfTilesContent  .boxHalfTilesContent 
        {
            margin: 0;
        }
    
        .sectionTile:nth-child(2n) .wrapHalfTilesInContent .boxHalfTiles:nth-child(1) { margin: 0; }        
        
    .sectionTile:nth-child(odd) .wrapHalfTilesInContent .boxHalfTiles:nth-child(1),
    .sectionTile:nth-child(even) .wrapHalfTilesInContent .boxHalfTiles:nth-child(1)
    {   
        order: 1;
        justify-content: center;
    }    

    .sectionTile:nth-child(odd) .wrapHalfTilesInContent .boxHalfTiles:nth-child(2),
    .sectionTile:nth-child(even) .wrapHalfTilesInContent .boxHalfTiles:nth-child(2)
    {
        order: 2;
        min-height: 300px;
        margin-top: 40px;
    }      

    .boxCaptionsItem + .boxCaptionsItem
    {
        margin-top: 20px;
    }    
    
    /* úvodní text */
    .boxIntroText 
    {
        padding: 32px;
    }    
    
        .wrapSection .boxIntroText h2 
        {
            margin-bottom: 24px;
        }    
}



/*****************************************/
/* styly pro velikost 768px nebo mene */

@media screen and (max-width: 768px)
{
 
}



/*****************************************/
/* styly pro velikost 680px nebo mene */

@media screen and (max-width: 680px) 
{   
    /* kontejnery */
    .boxContainer 
    {
        padding: 48px 0;
    }

        .wrapContainerH1 
        {
            padding-top: 48px;
        }    
    
    
    /* obsahové dlaždice - [nadpis-text]-[foto]*/
    .wrapTile-TitleText-Image
    {
        align-items: normal;
    }

        .wrapTile-TitleText-Image .tileImage
        {
            height: 375px;
        }

        .wrapSectionTiles:nth-of-type(2n) .tileRight
        {
            order: 2;
        }
    
    /* obsahové dlaždice -  */
    
    .tileLeft
    {
        height: auto;
        min-height: 0;
        margin-bottom: 24px;
    }

    .tileTitleText 
    {
        padding: 0;
    }        
}




/*****************************************/
/* styly pro velikost 640px nebo mene */

@media screen and (max-width: 640px) 
{
    /* obsahové dlaždice - [nadpis-text]-[foto]*/
    .wrapTile-TitleText-Image .tileImage
    {
        height: 354px;
    }
    
    /* úvodní text */    
    .wrapIntroPhoto
    {
        aspect-ratio: auto;
        height: auto;
    }
    
    .boxIntroText 
    {
        padding: 24px;
    }

        .boxIntroContent h1    
        {
            margin-top: 0;
            padding-top: 0;
            line-height: 1.25;
        }
        
        .wrapSection .boxIntroText h2 
        {
            margin-bottom: 24px;
        }    
        
        
    /* eshop */
    .boxProduct 
    {
        margin: 16px 0;
        padding: 24px 0 42px 0;
    }    
}



/*****************************************/
/* styly pro velikost 600px nebo mene */

@media screen and (max-width: 600px) 
{
    /* sekce */
    .wrapTitleAndContent, .wrapSection
    {
/*        padding: 48px 0;*/
    }

    .wrapContentNoMargins
    {
        margin: 0;
        padding: 0;
    }

    /* obsahové dlaždice - [nadpis-text]-[foto]*/
    .wrapTile-TitleText-Image .tileImage
    {
        height: 332px;
    }

    /* obsahové dlaždice*/
    .wrapSectionTiles + .wrapSectionTiles
    {
        margin-top: 24px;
    }

    /* obsahové dlaždice - hp */
    .wrapTile-Title-Text .tileTitle
    {
        min-height: 150px;
    }

    .wrapTileTips .tileTitle, .wrapTilePros .tileTitle
    {
        align-content: center;
    }


}



/*****************************************/
/* styly pro velikost 540px nebo mene */

@media screen and (max-width: 540px) 
{

    /* obsahové dlaždice - hp */
    .wrapTile-Title-Text .tileTitle
    {
        min-height: 150px;
    }

    .wrapTileTips .tileTitle::after, .wrapTilePros .tileTitle::after
    {
        display: none;
    }

    .wrapTileTips .tileTitle h2
    {
        width: 100%;
    }
}



/*****************************************/
/* styly pro velikost 480px nebo mene */

@media screen and (max-width: 480px) 
{
    /* header */
    .wrapHeaderLogo, header.stickHeader, .wrapHeaderLogo, .wrapFakeHeader
    {
        height: 72px;
    }

    .wrapButMobileMenu
    {
        top: 18px;
        right: 20px;
        width: 38px;
        height: 38px;
    }

    /* sekce */
    .wrapTitleAndContent, .wrapSection
    {
        padding: 32px 0;
    }

    .wrapContentNoMargins
    {
        margin: 0;
        padding: 0;
    }

 


    /* footer */
    .wrapFooterCopyright
    {
        margin-top: 12px;
        text-align: center;
    }

    .wrapMenuSocialFooter
    {
        justify-content: center;
    }

    /* obsahové dlaždice - [nadpis-text]-[foto]*/
    .wrapTile-TitleText-Image .tileImage
    {
        height: 265px;
    }

    /* novinky - výpis */
    .newsImage
    {
        height: 248px;
    }

    /* obsahové dlaždice - hp */
    .tileTitle, .tileText
    {
        padding: 32px 32px 26px;
    }

    .wrapTile-Title-Text .tileTitle
    {
        min-height: 100px;
    }
}



/*****************************************/
/* styly pro velikost 414px nebo mene */

@media screen and (max-width: 414px)
{
    /* kontaktní formulář */
    .sectionContactForm form
    {
        padding: 24px;
    }

    .boxGdprAnchor
    {
        margin-top: 4px;
    }

        .aReadDoc
        {
            margin: 0;
        }

    .sectionContactForm form, .sectionContactForm .wrapInput
    {
        padding: 16px;
    }


    .sectionContactForm .wrapInput + .wrapInput
    {
        margin-top: 16px;
    }

        .sectionContactForm .wrapInput
        {
            padding: 16px;
        }


    /* obsahové dlaždice - [nadpis-text]-[foto] */
    .wrapTile-TitleText-Image .tileImage
    {
        height: 230px;
    }
}



/*****************************************/
/* styly pro velikost 400px nebo mene */

@media screen and (max-width: 400px) 
{     
    /* obsahové dlaždice - [nadpis-text]-[foto]*/
    .wrapTile-TitleText-Image .tileImage
    {
        height: 222px;
    }

}



/*****************************************/
/* styly pro velikost 375px nebo mene */

@media screen and (max-width: 375px) 
{
    /* obsahové dlaždice - [nadpis-text]-[foto]*/
    .wrapTile-TitleText-Image .tileImage
    {
        height: 208px;
    }
}



/*****************************************/
/* styly pro velikost 360px nebo mene */

@media screen and (max-width: 360px)
{
    /* obsahové dlaždice - [nadpis-text]-[foto]*/
    .wrapTile-TitleText-Image .tileImage
    {
        height: 199px;
    }
}



/*****************************************/
/* styly pro velikost 320px nebo mene */

@media screen and (max-width: 320px)
{
    /* obsahové dlaždice - [nadpis-text]-[foto]*/
    .wrapTile-TitleText-Image .tileImage
    {
        height: 177px;
    }
}