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


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

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

@media screen and (max-width: 1280px)
{
		.aTipCategory
		{
			margin: 4px 0;
		}
}


/*****************************************/
/* 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)
{
    .wrapLogoIntro h1
    {
        font-size: 400%;
    }
}


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

@media screen and (max-width: 1024px)
{
	/* hp - slider */
	.wrapAspectRatioHack.boxHpSlider
	{
		padding-top: 80%;
	}

    .wrapHeaderContent
    {
        margin-top: 20px;
        height: var(--size-40);
    }

    .wrapHeaderLogo
    {
        background-size: 60%;
    }

    .wrapMenu
    {
        display: flex;
        justify-content: flex-end;
    }

    header .boxMenu
    {
        display: none;
    }

    /* hlavička */
    body[data-template="kontejner-hlavni-strana"] .wrapHeader.notVisibleFloatingMenuAtStart
    {
        display: block;
        visibility: visible;
        opacity: 1;
        top: 0;
    }

    /* intro */
    .sectionIntro
    {
        margin-top: 90px;
    }

        .wrapTextIntro
        {
            left: 0;
            margin-top: 172px;
        }


    /* zobrazíme ikonu menu v hlavičce */
    .wrapHeader .wrapButMobileMenu
    {
        display: block;
    }

    /* služby */
	.wrapServices, .wrapCaptions
	{
		grid-template-columns: repeat(2, 46%);
		gap: 8%;
	}

    .sectionServices .wrapTileService:nth-child(n+3)
    {
        margin-top: 32px;
    }

	/* proč */
	.boxCaptionsContent svg
	{
		width: 48px;
	}
}



@media screen and (max-width: 960px)
{
    /*kontaktní osoby */
    .wrapTilePeople, .sectionContactPoeple
    {
        justify-content: center;
    }

    .sectionContactPoeple .wrapTilePeople:nth-child(n+3)
    {
        margin-top: 24px;
    }

    /* údaje o společnosti */
    .wrapContactData
    {
        justify-content: center;
    }

        .wrapContactDataCol  + .wrapContactDataCol
        {
            margin-top: 48px;
        }

        .wrapContactDataCol, .wrapContactDataItemRejstrik
        {
            justify-content: center;
            text-align: center;
        }
}



/*****************************************/
/* 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;
        }
}



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

@media screen and (max-width: 800px)
{
    h2
    {
        text-align: center;
    }

    /* hlavička */
    .wrapHeader
    {
        height: 80px;
    }

            .boxHeader, .wrapFakeHeader
            {
                height: 70px;
            }

        .wrapHeaderRow
        {
            display: none;
        }

        .wrapHeaderRowMobile
        {
            display: flex;
			align-items: center;
        }

        .wrapHeaderRowMobile .wrapHeaderLogo
        {
            background-size: 160px;
        }

    /* hp - intro */
    .sectionIntro
    {
        margin-top: 70px;
    }

        .wrapTextIntro
        {
            margin-top: 96px;
            font-size: 106%;
        }

    /* 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;
    }

    .tileTitleText
    {
        padding: 32px;
    }

    /* galerie */
    .boxGalleryTile
    {
        padding-top: 60%;
    }

	/* slider */
	.sliderContent
	{
		width: 78%;
	}
}



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

@media screen and (max-width: 680px)
{
    /* hp - intro */
    .sectionIntro
    {
        display: none;
        margin: 0;
    }

	/* hp - slider */
	.wrapAspectRatioHack.boxHpSlider
	{
		padding-top: 100%;
	}

    /* hp - služby */
    body[data-template="kontejner-hlavni-strana"] .sectionServices
    {
        margin-top: 70px;
    }

    /* rychlý kontakt */
    .boxQuickContactContent
    {
        text-align: center;
    }

    .titlePricecard
    {
        margin-top: 24px;
    }

    /* footer */
    .boxCopyright
    {
        margin-bottom: 12px;
        text-align: center;
    }

    .boxWebDeveloper
    {
        text-align: center;
    }

	/* testimonials - slider */
	.wrapTestimonials
	{
		padding: 0;
	}
}




/*****************************************/
/* 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);
    }

    .boxCarouselTestimonialPhoto
    {
        height: 250px;
    }

    .wrapLogoIntro h1
    {
        font-size: 300%;
    }
}



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

@media screen and (max-width: 600px)
{
    /* infoboxy s čísly */
    .wrapInfoboxNumber + .wrapInfoboxNumber
    {
        margin-top: 40px;
    }

    .wrapLogoIntro h1
    {
        font-size: 275%;
    }

    .wrapContactMain .block
    {
        text-align: center;
        padding: 20px;
    }

    .wrapAboutMe
    {
        justify-content: center;
    }

        .boxAboutMe, .wrapSection.containerFlex.wrapAboutMe > .block.boxAboutMe
        {
            min-height: auto;
        }

    .wrapLogoIntro h1, .wrapTextIntro, .wrapButtonsIntro, .wrapHeaderPhone
    {
        padding-left: 25px;
    }
}



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

@media screen and (max-width: 540px)
{
    .wrapIntro
    {
        height: 320px;
    }

    /* služby */
	.wrapServices, .wrapCaptions
	{
		grid-template-columns: repeat(1, 100%);
		gap: 32px;
	}


	/* slider */
	.wrapSection .sliderContent p
	{
		font-size: 100%;
	}

	.wrapSection .sliderContent h2
	{
		font-size: 38px;
		margin-bottom: 8px;
	}



}



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

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

    .wrapSection.sectionSlider
    {
        padding: 0;
    }
}



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

@media screen and (max-width: 400px)
{
    .boxCarouselTestimonialPhoto
    {
        height: 170px;
    }

    .wrapButtonsIntro
    {
        padding: 20px 25px 0px 25px;
    }
}



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

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

    header, .wrapHeader
    {
        padding-left: 0;
    }

    .boxCallNow
    {
        font-size: 150%;
    }

    .boxCallUsPhone a
    {
        font-size: 175%;
    }

    .boxCarouselTestimonialPhoto
    {
        height: 155px;
    }

    .textTestimonial
    {
        padding-right: 48px;
    }
}