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

@media screen and (max-width: 1138px)
{
    .wrapInfoboxes .wrapInfobox:nth-child(-n+2)
    {
        margin-bottom: var(--size-50);
    }
}



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

@media screen and (max-width: 1080px)
{
    a.wrapLogo .boxLogo span:nth-child(1) 
    {
        font-size: 130%;
        line-height: .8em;
    }
    
    a.wrapLogo .boxLogo span:nth-child(2) 
    {
        font-size: 110%;
    }    
}



/*****************************************/
/* 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;
    }
    
    .wrapButMobileMenu 
    {
        display: block;
    }    
    
    .wrapLogoMarine 
    {
        width: 70px;    
    }
    
    /* pro koho */
    .wrapFlipTile, .wrapFlipFrontSide, .wrapFlipBackSide 
    {
        height: 370px;
    }
    
}   



/*****************************************/
/* 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 * var(--size-50));
                margin: var(--size-50);
            }  
            
            
            
        .boxTextHalfTiles
        {
            margin-left: auto;
            margin-right: auto;
        }
        
        .boxHalTilesCover
        {
            height: 540px;
        }
        

        .sectionTile:nth-child(2n) .wrapHalfTilesInContent .boxHalfTiles:nth-child(1),
        .sectionTile:nth-child(2n+1) .wrapHalfTilesInContent .boxHalfTiles:nth-child(1) 
        {
            order: 1;
        }
        
        .sectionTile:nth-child(2n) .wrapHalfTilesInContent .boxHalfTiles:nth-child(2),
        .sectionTile:nth-child(2n+1) .wrapHalfTilesInContent .boxHalfTiles:nth-child(2) 
        {
            order: 2;
            min-height: 200px;
        }
        
        .wrapHalTilesCover 
        {
            background-size: contain !important;
        }
}


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

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

        .wrapHeaderRowMobile
        {
            display: block;
            background: var(--color-bg-blue-dark);
        }
    
    /* bim nástroj */
    .wrapBimToolDescription .textInColumns
    {
        column-count: 2;
    }
    
    
    /* hardware */
    .wrapHighlightBox + .wrapHighlightBox 
    {
        margin-left: 0;
        margin-top: 20px;
    }  
    
    /* naše řešení */
    .r-tabs-panel + .r-tabs-accordion-title
    {
        margin-top: 1px;
    }
    
    .r-tabs-state-active .r-tabs-anchor
    {
        padding-bottom: 10px;
        background: #f0fbff;
        font-size: 0;
    }
    
    .r-tabs-state-active  a.r-tabs-anchor svg 
    {
        float: none;
        height: 70px;
        max-height: 70px;
        margin: 0 auto 10px;
    } 
    
    .r-tabs .r-tabs-panel.r-tabs-state-active    
    {
        padding-top: 0;
    }
    
    .r-tabs .r-tabs-panel.r-tabs-state-active h3
    {
        margin-top: 0;
    }    
    
    /* 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;
    }  
*/    
    /* bublina */
    .wrapBubble
    {
        margin: 0 auto 20px;
    }
    
    .wrapBubble::after 
    {   
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid var(--color-bg-blue-dark);
        right: calc(50% - 10px);
        top: 100%;
    }

    
}



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

@media screen and (max-width: 640px) 
{   
    .wrapInfoboxes .wrapInfobox
    {
        margin-bottom: 0;
    }
    
    .wrapInfoboxes .wrapInfobox + .wrapInfobox
    {
        margin-top: var(--size-50);
    }    
}



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

@media screen and (max-width: 600px) 
{     
    /* infoboxy s čísly */
    .wrapInfoboxNumber + .wrapInfoboxNumber
    {
        margin-top: 30px;
    }
    
    /* novinky */
    .wrapNews, .wrapBlogPosts
    {
        justify-content: center;
    }  
    
    /* hp - poslední novinky, videa */
    .boxIntroLatest + .boxIntroLatest
    {
        margin-top: 30px;
    }
}



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

@media screen and (max-width: 540px) 
{     
    /* poptat bim data */
    .boxInquireBimData .butOrange + .butOrange
    {
        float: none;
        margin-left: 0;
        margin-top: 20px;
    }
}


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

@media screen and (max-width: 400px) 
{     
    /* pro koho */
    .wrapFlipTile, .wrapFlipFrontSide, .wrapFlipBackSide 
    {
        height: 420px;
    }
    
    .boxFlipFrontSide 
    {
        padding-left: 0;
        padding-top: 210px;
        text-align: center;
    }  
    
    .boxFlipFrontSide .imgFontSide 
    {
        position: absolute;
        left: calc(50% - 75px);
        top: 30px;
    }    
    
    .icoFlip
    {
        top: 330px;
        right: calc(50% - 15px);
    }
}



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

@media screen and (max-width: 375px) 
{     
    /* pro koho */
    .wrapFlipTile, .wrapFlipFrontSide, .wrapFlipBackSide 
    {
        height: 440px;
    }
}



/*****************************************/
/* styly pro výšku 800px nebo mene */

@media screen and (max-height: 800px ) 
{

}


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

@media screen and (max-width: 480px) 
{
    /* bim nástroj - popis */
    .wrapBimToolDescription .textInColumns
    {
        column-count: 1;
    }   
}



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

@media screen and (max-width: 400px) 
{
    /* kontaktníé osoby */
    .wrapContactPeopleImage
    {
        float: none;
    }
    
    .wrapContactPeopleData 
    {
        float: none;
        width: 100%;
        margin-left: 0;
    }    
}



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

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

}