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

	.front-section-espc{
		width: 45%;
		order: 1;
	}

	.front-section-lvt{
		width: 45%;
		order: 2;
	}

	.front-section-katalog{
		width: 45%;
		order: 3;
	}

	.front-visual-wrapper{
		width: 45%;
		order: 4;
		flex-direction: column;
	}

	.field--name-field-front-katalog-obrazok{
		height: initial;
		padding-bottom: 15px;
	}

	.field--name-field-front-katalog-obrazok img{
		top: 0;
	}

	.front-visual-left{
		margin: auto;
	}

	.field--name-field-kat-na-stiahnutie{
		grid-template-columns: repeat(3, 1fr);
	}

	.dekor-data-wrapper{
		flex-wrap: wrap;
		align-items: initial;
		gap: 40px;
	}

	.dekor-data-wrapper .dekor-obrazok {
	    flex: initial;
	    text-align: center;
	    order: 1;
	    width: 100%;
	}

	.dekor-spc{
		order: 2;
	}

	.dekor-lvt{
		order: 3;
	}

}

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

	.region-header{
		margin-top: 10px;
	}

	/* Menu */

	.header-buy{
		right: 95px;
	}

	.menu-open .menu-overlay{
		background: #ffffff;
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	.menu-open{
		overflow-y: hidden;
	}

	.menu-open .body-container{
		position: relative;
		z-index: -1;
	}

	#block-mytheme-menulvt,
	#block-mytheme-main-menu {
        display: none;
    }

    .mobile-menu-trigger {
        display: flex;
        width: 50px;
        height: 50px;
        top: 17px;
        right: 22px;
        position: absolute;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        cursor: pointer;
        border: 2px solid #555;
        border-radius: 8px;
        z-index: 2;
    }

    .mobile-menu-trigger span {
        height: 2px;
        background-color: #555;
        width: 28px;
        display: inline-block;
        margin: 3px 0;
        position: relative;
        transition: all 0.2s ease 0s;
    }

    .mobile-menu-trigger:hover span{
        background-color: #555;
    }

    .page-node-type-kategoria .mobile-menu-trigger {
    	border: 2px solid #fff;
    }

    .page-node-type-kategoria .mobile-menu-trigger:hover span,
    .page-node-type-kategoria .mobile-menu-trigger span {
    	background-color: #fff;
    }

    .menu-open.page-node-type-kategoria .mobile-menu-trigger {
    	border: 2px solid #555;
    }

    .menu-open.page-node-type-kategoria .mobile-menu-trigger:hover span,
    .menu-open.page-node-type-kategoria .mobile-menu-trigger span {
    	background-color: #555;
    }

    .menu-open.page-node-type-kategoria .region-header{
    	backdrop-filter: initial;
    }

    .menu-open.page-node-type-kategoria #block-mytheme-menulvt .menu a, 
    .menu-open.page-node-type-kategoria #block-mytheme-main-menu .menu a{
    	color: #333;
    	text-shadow: initial;
    }

    .menu-open .mobile-menu-trigger span:nth-child(1) {
        transform: rotate(45deg);
        top: 5px;
    }

    .menu-open .mobile-menu-trigger span:nth-child(2) {
        display: none;
    }

    .menu-open .mobile-menu-trigger span:nth-child(3) {
        transform: rotate(-45deg);
        top: -3px;
    }

    .menu-open .mobile-menu-trigger {
        z-index: 601;
    }

    .menu-open #block-mytheme-menulvt,
    .menu-open #block-mytheme-main-menu{
    	display: block;
    	z-index: 2;
    	top: initial;
    	text-align: center;
    	right: initial;
    	left: initial;
    	position: relative;
    }

    .menu-open #block-mytheme-menulvt > ul.menu,
    .menu-open #block-mytheme-main-menu > ul.menu {
	    display: flex;
	    gap: 15px;
	    justify-content: center;
	    flex-direction: column;
	    text-align: center;
	    width: 100%;
	    position: absolute;
	    top: 100px;
	}

	.menu-open #block-mytheme-menulvt ul.menu a,
	.menu-open #block-mytheme-main-menu ul.menu a{
		display: inline-block;
	}

	.menu-open #block-mytheme-menulvt ul.menu a::after,
	.menu-open #block-mytheme-main-menu ul.menu a::after{
		content: none;
	}

}

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

	.front-wrapper h1{
		font-size: 50px;
	}

	.front-podnadpis {
	    font-size: 36px;
	    margin-top: 3px;
	    line-height: 1.2;
	}

	.front-wrapper h1::after{
		content: none;
	}

	.view-ponuka-dekorov-lvt .teaser-medium-data .field--name-field-dekor-lvt-cena,
	.teaser-medium-data .field--name-field-dekor-spc-cena,
	.view-ponuka-dekorov-lvt .teaser-medium-data .field--name-field-dekor-lvt-skladom, 
	.teaser-medium-data .field--name-field-dekor-spc-skladom{
		width: 100%;
		float: initial;
	}

	.field--name-field-box{
		justify-content: center;
	}

	.field--name-field-box > div{
		width: calc(100% / 2 - 14px);
	}

	.page-node-type-kategoria h1{
		padding-top: 0;
		font-size: 50px;
		padding-bottom: 5px;
	}

	.field--name-field-kat-podnadpis{
		font-size: 25px;
	}

}

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

	.teaser-medium-data .field--name-field-dekor-spc-popis, 
	.teaser-medium-data .field--name-field-dekor-lvt-popis{
		font-size: 18px;
	}

	.kat-vizualizator-wrapper{
		padding-top: 50px;
		padding-bottom: 50px;
		flex-wrap: wrap;
	}

	.kat-viz-right{
		order: 1;
		text-align: center;
	}

	.field--name-field-kat-vizualizator-text{
		margin: auto;
	}

	.kat-viz-left{
		order: 2;
		margin: auto;
		padding-top: 25px;
		width: 100%;
	}

	.kat-viz-left img{
		max-width: 350px;
		width: 100%;
	}

}

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

	.field--name-field-kat-na-stiahnutie{
		grid-template-columns: repeat(2, 1fr);
	}

}

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

	.footer-bottom,
	.footer-top{
		text-align: center;
		display: block;
	}

	.footer-top-section .menu li{
		text-align: center;
	}

	.footer-top h2{
		padding-top: 35px;
	}

	h1{
		font-size: 45px;
	}

	.teaser-medium-heading h2{
		font-size: 36px;
	}

	.teaser-medium-data{
		display: block;
	}

	.teaser-medium-heading{
		padding-bottom: 35px;
	}

	.teaser-medium-data .field--name-field-dekor-obrazok img{
		max-width: 400px;
	}

	.kategoria-wrapper h2{
		font-size: 45px;
	}

	.paragraph--type--dekor{
		display: block;
		align-items: initial;
	}

	.field--name-field-dekor-obrazok{
		padding-top: 25px;
		text-align: center;
	}

	.field--name-field-dekor-obrazok img{
		max-width: 400px;
	}

	.dekor-text-wrapper,
	.field--name-field-dekor > div:nth-child(even) .dekor-text-wrapper{
		text-align: center;
	}

	.field--name-field-dekor > div:nth-child(even) .field--name-field-dekor-text,
	.field--name-field-dekor-text{
		margin: auto;
	}

}

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

	.cookiesjsr-banner{
		max-width: 100%;
		left: 0;
		bottom: 0;
	}

	.cookiesjsr-btn{
		width: auto;
	}

	.front-sections-wrapper > div{
		width: 100%;
	}

	.dekor-data-wrapper > div{
		flex: initial;
	}

	.dekor-spc,
	.dekor-lvt{
		width: 100%;
	}

	.dekor-teaser-in{
		flex-wrap: wrap;
	}

	.dekor-teaser-in h2{
		order: 1;
	}

	.dekor-teaser-in img{
		order: 2;
	}
}

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

	.field--name-field-box > div {
        width: 100%;
    }
}
@media only screen and (max-width: 600px){

	.field--name-field-kat-na-stiahnutie {
	    grid-template-columns: repeat(1, 1fr);
	}

}

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

	h1,
	.front-wrapper h1{
		font-size: 35px;
	}

	.front-podnadpis {
	    font-size: 27px;
	    margin-top: 3px;
	    line-height: 1.2;
	}

	.page-node-type-kategoria h1{
		font-size: 40px;
	}

}

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

	.header-buy{
		top: 21px;
		right: 75px;
	}

	.header-buy a{
		padding: 8px 35px 8px 13px;
		background-position: right 10px center;
	}

	.header-buy a:hover{
		background-position: right 5px center;
	}

	.mobile-menu-trigger{
		width: 40px;
        height: 40px;
        top: 22px;
	}

	.mobile-menu-trigger span{
		width: 20px;
	}

}

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

	.front-header{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

}