/*** ### ./css/responsive/layout_responsive.css ### ***/

/*** <=920
	::
***/
@media screen and (max-width: 920px)
{
	.content-menu{
		position: absolute;
		z-index: 200;
		width: 100%;
		max-width: 300px;
		display: none;
		background: black;
		/* pozor kopie v detailu - zruseno */
		/* pozor kopie v layout.css */
		}

	.content-menu-hbg, .content-menu-hbg .menu-homepage{
		display: block;
		}

	.menu-sub-icon-0{
		width: 20px;
		background-position: 9px 1px;
		}

	.menu-sub-icon-0-plus{
		background-position: 7px 1px;
		}
}

/*** ### ./css/responsive/menu_responsive.css ### ***/

/*** <=920
	::
***/


@media screen and (min-width: 920.01px)
{
	.content-menu-absolute .menu{
		width: 100%;
		max-width: 295px;
		}

	.content-menu-absolute .menu a, .content-menu-absolute .menu-sub-active li a, .content-menu-absolute .menu-sub-0 .menu-sub-active li a{
		/*color: white;*/
		}

	.content-menu-absolute .menu-sections{
		display: flex;
		}
}



@media screen and (max-width: 920px)
{
	.menu{
		width: 100%;
		max-width: 295px;
		}

	.menu a, .menu-sub-active li a, .menu-sub-0 .menu-sub-active li a{
		/*color: white;*/
		}

	.menu-sections{
		display: flex;
		}
}


/*** ### ./css/responsive/header_responsive.css ### ***/

@media screen and (max-width: 920px)
{
/*
	.header-alogo-cover{
		display: none;
		}

	.header-right-cover{
		width: 100%;
		}
*/
}

/*
	- logo max size -90px
*/

@media screen and (max-width: 650px)
{
	/*
	.header-alogo{

		}

	img.header-alogo-main{
		display: none;
		}

	img.header-alogo-mix{
		display: block;
		}
*/
}


@media screen and (max-width: 319px)
{
	/*
	body{
		background: red;
		}
	*/
}


/*** ### ./css/responsive/header_mini_responsive.css ### ***/

@media screen and (max-width: 750px)
{
	.header-mini-cover{
		display: block;
		}
}


@media screen and (min-width: 530px) and (max-width: 590px)
{
/*	.header-mini-right-cart b{
		font-size: 0.7rem;
		}
*/
/*
	.header-mini-right-cart-top-ks{
		width: 60%;
		}

	.header-mini-right-cart-top-icon{
		width: 40%;
		}

	.header-mini-right-cart-top-icon span{
		width: 16px;
		background-size: 126px 126px;
		background-position: -26px 0px;
		}
*/

	.header-mini-right-cart-empty i{
		display: none;
		}

	.header-mini-right-cart-top-ks i, .header-mini-right-cart b i{
		display: none;
		}

	.header-mini-right-cart-top-ks{
		text-align: center;
		min-width: 20px;
		}
}


@media screen and (min-width: 400px)
{
/*
	.header-mini-top-icon-email{
		display: block;
		}

	.header-mini-right-cover{
		min-width: 100px;
		}
*/
}

@media screen and (max-width: 400px)
{
	.header-mini-top-menu{
		width: auto;
		min-width: 30px;
		}

	.header-mini-top-menu div{
		width: 22px;
		margin: auto auto auto 4px;
		}

	.header-mini-top-curves{
		width: 27px;
		min-width: 27px;
		max-width: 27px;
		}

	.header-mini-top-curves-left{
		width: 20px;
		}

	.header-mini-top-curves-right{
		width: 7px;
		}

	.header-mini-top-curves-right div{
		border-bottom-left-radius: 5px;
		}
}



@media screen and (max-width: 340px)
{
	.header-mini-top-curves{
		width: 22px;
		min-width: 22px;
		max-width: 22px;
		}

	.header-mini-top-curves-left{
		width: 15px;
		border-top-right-radius: 12px;
		}
}



@media screen and (min-width: 530px)
{
	.header-mini-top-icon, .header-mini-top-menu{
		display: none;
		}

	.header-mini-bottom-icon, .header-mini-bottom-menu, .header-mini-search-upcover{
		display: block;
		}

	.header-mini-top-space-left{
		min-width: 150px;
		}
}

@media screen and (max-width: 340px)
{
	.header-mini-right-cart b{
		font-size: 0.7rem;
		}
}


/*** ### ./css/responsive/header_main_responsive.css ### ***/

/*
	- z košíku pryč total a exp.
*/
@media screen and (max-width: 840px)
{
	.header-cart-info{
		display: none;
		}

	.header-cart-in{
		display: block;
		}

	.header-cart-price{
		width: 100%;
		}

	.header-cart-cover{
		width: 121px;
		min-width: 121px;
		}

	.header-cart-empty-big{
		display: none;
		}

	.header-cart-empty-small{
		display: block;
		}
}


@media screen and (max-width: 750px)
{
	.header-cover{
		display: none;
		}
}

/*
@media screen and (max-width: 120px)
{
	.header-main{
		padding-top: 5px;
		}

	.header-main-space-left{
		min-width: 8px;
		max-width: 8px;
		}

	.header-main-space-center{
		min-width: 17px;
		max-width: 17px;
		}

	.header-main-space-right{
		min-width: 10px;
		max-width: 10px;
		}

	.header-main-test-1, .header-main-test-2, .header-main-test-4{
		display: none;
		}

	.header-main-space-left,
	.header-main-space-center,
	.header-main-space-right,
	.header-main-space-right-right,
	.header-top-space-center{
		background: none;
		}

	.header-cart-cover{
		width: 46px;
		min-width: 46px;
		}

	.header-cart{
		background: none;
		}

	.header-cart-in{
		background: none;
		}

	.header-cart-in{
		display: none;
		}

	.header-cart-icon-in{
		margin-top: -4px;
		margin-left: -0px;
		width: 38px;
		height: 38px;
		}

	.header-cart-icon-in span{
		margin-top: 7px;
		margin-left: 4px;
		background-size: 115px 115px;
		background-position: -37px -37px;
		}

	.header-static-cover{
		z-index: 889;
		}
}
*/

/*** ### ./css/responsive/header_sections_responsive.css ### ***/

/*
	- zmenšit písmo sekci
	- jiný dding

*/
/*@media screen and (max-width: 915px)*/
/*@media screen and (max-width: 1020px)*/
@media screen and (max-width: 1040px)
{
	.header-sections a{
		font-size: 0.95rem;
		}

	.header-sections a b{
		padding: 14px 6px 10px;
		}


	.header-section-active-55 a b,
	.header-section-active-12 a b,
	.header-section-active-141 a b,
	.header-section-active-58 a b,
	.header-section-active-431 a b,
	.header-section-active-169 a b,
	.header-section-active-266 a b,
	.header-section-active-177 a b{
		padding-top: 12px;
		padding-bottom: 8px;
		}

/*
	.header-section-active--2 a b{
	.header-section-active-12 a b, .header-section-active-55 a b, .header-section-active-141 a b, .header-section-active-266 a b, .header-section-active-169 a b,
	.header-section-active-177 a b, .header-section-active-431 a b, .header-section-active--2 a b{
		padding-top: 12px;
		padding-bottom: 8px;
		}
*/

	.header-section--5 a b,
	.header-section--6 a b,
	.header-section-505 a b{
		padding: 5px 7px 2px;
		}

	.header-section--5 i,
	.header-section--6 i,
	.header-section-505 i{
		padding: 2px 4px 0;
		}

	.header-section-active--5 a b,
	.header-section-active--6 a b,
	.header-section-active-505 a b{
		padding-top: 4px;
		padding-bottom: 1px;
		}

}


/*
	- menší písmo názvů
	- jiný padding u názvů
	- menší písmo malých textů
*/

/*@media screen and (max-width: 815px)*/
/*@media screen and (max-width: 890px)*/
@media screen and (max-width: 920px)
{
	.header-sections a{
		font-size: 0.9rem;
		}

	.header-sections a b{
		/*padding: 14px 4px 10px;*/
		padding-left: 4px;
		padding-right: 4px;
		}

	.header-section--5 a b,
	.header-section--6 a b,
	.header-section-505 a b{
		padding: 6px 7px 1px;
		}

	.header-section--5 i,
	.header-section--6 i,
	.header-section-505 i{
		font-size: 0.7rem;
		}
}

/*
	- pouze homepage
		- pryč malé texty
		- zobrazit všechny položky z hlavního menu
		- menší písmo názvů
		- zobrazit ikonky, 6 na řádek
		- změna pořadí
		- změna border
	- v případě aktivní sekce
		- jen linka
*/



/*@media screen and (max-width: 725px)*/
/*@media screen and (max-width: 795px)*/
/*@media screen and (max-width: 835px)*/
@media screen and (max-width: 855px)
{
	.header-section--5 i,
	.header-section--6 i,
	.header-section-505 i{
		display: none;
		}

	li.header-section--4,
	li.header-section--5{
		display: list-item;
		}

	.header-sections a{
		font-size: 0.7rem;
		border: none;
		border-right: 1px solid rgb(255,155,62);
		padding-top: 6px;
		}

	.header-sections a b{
		padding: 3px 0 2px;
		}

	.header-sections li{
		width: 16.6%;
		padding: 0;
		}

	.header-section-55{order: 1;}
	.header-section-12{order: 2;}
	.header-section-141{order: 3;}
	.header-section-58{order: 4;}
	.header-section--5{order: 5;}
	.header-section--6{order: 6;}
	.header-section-266{order: 7;}
	.header-section-169{order: 8;}
	.header-section-177{order: 9;}
	.header-section-431{order: 10;}
	.header-section--2{order: 11; display: block;}
	.header-section-505{order: 12;}


	.header-sections span{
		display: block;
		}

	.header-section-55 a,
	.header-section-12 a,
	.header-section-141 a,
	.header-section-58 a,
	.header-section--5 a,
	.header-section-505 a{
		border-bottom: 1px solid rgb(255,155,62);
		}

	.header-section-505 a, .header-section--4 a{
		border-right: none;
		}

	.header-sections-active{
		display: none;
		}

	.header-sections a:hover{
		border-color: rgb(255,155,62);
		}
}



@media screen and (max-width: 465px)
{
	.header-section--6 a{
		font-size: 0.6rem;
		}

}


/*
	- změna 6->4
	- změna pořadi
	- změna border
*/
@media screen and (max-width: 440px)
{
	.header-sections li{
		width: 25%;
		}

	.header-section-55{order: 1;}
	.header-section-12{order: 2;}
	.header-section-141{order: 3;}
	.header-section-58{order: 4;}
	.header-section-266{order: 5;}
	.header-section-169{order: 6;}
	.header-section-177{order: 7;}
	.header-section-431{order: 8;}
	.header-section--2{order: 9;}
	.header-section--5{order: 10;}
	.header-section--6{order: 11;}
	.header-section-505{order: 12;}

	/*
	.header-section--5{order: 10;}
	.header-section--4{order: 11;}
	*/


	.header-sections a{
		font-size: 0.7rem;
		}

	.header-section-266 a, .header-section-169 a, .header-section-177 a, .header-section-431 a{
		border-bottom: 1px solid rgb(255,155,62);
		}

	.header-section--4 a{
		border-right: 1px solid rgb(255,155,62);
		}

	.header-section-505 a{
		border-bottom: none;
		}
}

/*** ### ./css/responsive/footer_responsive.css ### ***/

/*** <=1255
	:: zalomeni textu zcela dole
***/
@media screen and (max-width: 1255px)
{
	.footer-bottom-text{
		text-align: center;
		}

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



/*** <=825
	:: zmenseni textu kontaktu dole
***/
@media screen and (max-width: 825px)
{
	.footer-menu-contact-contact, .footer-menu-contact-contact a{
		font-size: 1.0rem;
		}

}


/*** <=780
	:: moznost zalamovani flexu
	:: sloupce na 50%
	:: zmena poradi sloupcu
	:: mensi padding v seznamu
	:: pozice odrazky
	:: vetsi spodni padding u horních seznamu

***/
@media screen and (max-width: 780px)
{
	.footer-menu{
		flex-wrap: wrap;
		}

	.footer-menu-col{
		width: 50%;
		order: 3;
		}

	.footer-menu-col-customers{
		order: 2;
		}

	.footer-menu-col-contact{
		order: 1;
		}

	.footer-menu li{
		padding-top: 3px;
		padding-bottom: 2px;
		background-position: 3px 8px;
		}

	.footer-menu-contact, .footer-menu-customers{
		padding-bottom: 30px;
		}
/*
	.footer-menu-col-cats .footer-menu-name, .footer-menu-col-bayo .footer-menu-name{
		padding-top: 40px;
		}
*/
}


/*** <=720
	:: zalomeni odkazu, stejne se zalamoval, ale nevhodne
***/
@media screen and (max-width: 720px)
{
	.footer-bottom-text a{
		display: block;
		}

	.footer-bottom-text span{
		display: none;
		}
}


/*** <=470
	:: sloupce na 100%
	:: mezera u nazvu u druheho sloupce
	:: mezera u nazvu u 3 a 4 sloupce zpet
	:: az na kontakt oteviraci sloupce
***/
@media screen and (max-width: 470px)
{
	.footer-menu-col{
		width: 100%;
		}
/*
	.footer-menu-col-cats .footer-menu-name, .footer-menu-col-bayo .footer-menu-name{
		padding-top: 10px;
		}

	.footer-menu-col-customers .footer-menu-name{
		padding-top: 40px;
		}
*/
	.footer-menu-customers, .footer-menu-cats{
		padding-bottom: 10px;
		}

	.footer-menu-col ul{
		display: none;
		}

	.footer-menu-name-opens{
	 	cursor: pointer;
	 	padding-left: 10px;
		}

	.footer-menu-name-opens span{
		display: block;
		}

	.footer-menu-name-opens:hover{
		background: rgb(80,91,105);
		color: white;
		}

	.footer-menu-name-opens:hover span{
		visibility: hidden;
		}

	.footer-menu-active ul{
		display: block;
		}
}


/*** <=370
 	:: mensi odsazeni u plateb aby se vesla sipka
***/
@media screen and (max-width: 370px)
{
	.footer-bottom-payments-mc, .footer-bottom-payments-visa{
		margin-right: 10px;
		}
}

/*** ### ./css/responsive/footer_zbozaky_responsive.css ### ***/


@media screen and (max-width: 780px)
{
	.footer-zbozaky-server{
		max-width: 33.3%;
		}

	.footer-zbozaky-server-3{
		display: none;
		}
}



@media screen and (max-width: 550px)
{
	.footer-zbozaky-server{
		max-width: 50%;
		}

	.footer-zbozaky-server-4{
		display: none;
		}
}



@media screen and (max-width: 420px)
{
	.footer-zbozaky-name{
		width: 77px;
		height: 20px;
		background-size: 100px 100px;
		}

	.footer-zbozaky-name-zbozi-cz{
		background-position: 0 -75px;
		}

	.footer-zbozaky-info span{
		display: none;
		}

	.footer-zbozaky-left-one, .footer-zbozaky-right-one,
	.footer-zbozaky-left-one div, .footer-zbozaky-right-one div,
	.footer-zbozaky-left-two, .footer-zbozaky-right-two,
	.footer-zbozaky-left-two div, .footer-zbozaky-right-two div{
		height: 58px;
		}
}