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





/*** <=1220 ***/
@media screen and (max-width: 1220px)
{
	.content-cover{
		width: 100%;
		}
}


/*** <=870 ***/
@media screen and (max-width: 870px)
{
	.content-cover-in{
		padding-left: 0;
		}

	.content-main-left{
		left: 0;
		}
}





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





/*** <=870 ***/
@media screen and (max-width: 870px)
{
	.menu{
		position: absolute;
		z-index: 1001;
		display: none;
		box-shadow: 0 0 10px 0 rgb(176,14,21,0.8);
		}

	.instalace-cover{
		display: none;
		}
}





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






/*** <=1220 ***/
@media screen and (max-width: 1220px)
{
	.header-cover{
		width: 100%;
		}

/*
	.test-content{
		width: 100%;
		}
*/
}


/*** <=1090 ***/
@media screen and (max-width: 1090px)
{
	.header-menu-left{
		width: 56%;
		}

	.header-menu-right{
		width: 42%;
		}

	a.header-menu-help{
		display: none;
		}

	.header-cart-cover{
		width: 40%;
		}

	.header-cart{
		width: 150px;
		}

		.header-cart-in{
			width: 120px;
			}

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

		.header-cart-delivery, .header-cart-total, .header-cart-price-sumwo{
			display: none;
			}


	.header-drobek-left-logged{
		display: none;
		}
}

/*** <=960 ***/
@media screen and (max-width: 960px)
{
	.header-menu-left{
		width: 45%;
		}

	.header-menu-right{
		width: 55%;
		}

	a.header-menu-payment{
		display: none;
		}
}


/*** >=870 ***/
@media screen and (min-width: 871px)
{
	.header-contact-small-cover{
		width: 1px;
		height: 25px;
		position: absolute;
		}

		.header-contact-small, .header-contact-small-stone{
			width: 105px;
			float: left;
			position: absolute;
			}

		.header-contact-small-stone{
			margin-left: 105px;
			}

		.header-contact-small, .header-contact-small-stone{
			padding: 0px;
			color: black;
			}

		.header-contact-small span, .header-contact-small-stone span{
			display: block;
			text-align: center;
			padding: 6px 0 0 0;
			border-right: 1px solid rgb(247,233,233);
			}

		.header-contact-small-cover b{
			display: block;
			font-size: .95rem;
			padding: 8px 0 0;
			}

		.header-contact-small-cover i{
			display: block;
			border-bottom: 1px solid rgb(247,233,233);
			font-size: 0.8rem;
			padding: 2px 0px 3px;
			font-weight: 500;
			}

		span.header-contact-small-right{
			text-align: right;
			line-height: 155%;
			padding-right: 4px;
			height: 66px;
			}

		span.header-contact-small-right-new-2{
			display: none;
			}
/*
		span.header-contact-small-right{
			display: none;
			}
*/


		.header-contact-small a{
			color: black;
			}

	.header-search-small-cover{
		background: none;
		width: 55%;
		padding: 28px 0 0 0;
		margin-left: 0;
		border: none;
		}

		.header-search-small{
			border-bottom: none;
			}

		.header-search-small-right input{
			box-shadow: 0 0 3px 0 rgb(176,14,21,0.5);
			}

		.header-search-small-left input{
			width: 90%;
			max-width: 250px;
			box-shadow: 0 0 3px 0 rgb(176,14,21,0.5);
			}

}


/*** extra search ***/
	@media screen and (max-width: 1090px)
	{
		.header-search-small-cover{
			width: 70%;
			}
	}

	@media screen and (max-width: 990px)
	{
		.header-search-small-cover{
			width: 65%;
			}
	}

	@media screen and (max-width: 920px)
	{
		.header-search-small-cover{
			width: 60%;
			}
	}

/*** <=870 ***/
@media screen and (max-width: 870px)
{
	.header-cover{
		height: 90px;
		}

	.header{
		height: 90px;
		}

	.header-in{
		padding: 0;
		}

	.header-in-bottom{
		height: auto;
		padding-left: 0
		}

	.header-logo{
		width: 184px;
		height: 90px;
		}

	.header-logo-home{
		padding: 8px 0 7px;
		}

	.header-logo-home img{
		width: 174px;
		height: 75px;
		}

	.header-right{
		padding-left: 184px;
		height: auto;
		}

	.header-menu-small{
		display: block;
		}

	.header-search-small-cover{
		display: block;
		padding-left: 550px;
		width: auto;
		}

		.header-search-small-right input{
			padding: 6px 6px 4px;
			}

		.header-search-small-left input{
			height: 22px;
			}

	.header-contact-small-cover{
		width: 366px;
		position: absolute;
		margin-top: 53px;
		float: none;
		}

		.header-contact-small-cover u{
			display: inline;
			}

		.header-contact-small-stone br{
			display: none;
			}

	span.header-contact-small-right-new-1{
		display: none;
		}

	span.header-contact-small-right-new-2{
		display: inline-block;
		}

	.header-contact-small-right-new-2 br{
		display: none;
		}

	.header-menu-cover{
		display: none;
		}

	.header-drobek{
		/*display: none;*/
		border-left: none;
		}

		.header-drobek-right-account a{
			display: inline-block;
			}

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



/*** <=770 ***/
@media screen and (max-width: 770px)
{
	.header-search-small-cover{
		padding-left: 388px;
		}

	.header-contact-small-cover{
		width: 204px;
		}

	.header-contact-small-stone{
		display: none;
		}

	.header-contact-small-right-new-2{
		font-size: 0.7rem;
		}

	.topend p{
		font-size: 1.1rem;
		}
}


@media screen and (max-width: 700px)
{
	.topend p{
		font-size: 1.0rem;
		}
}

@media screen and (max-width: 650px)
{
	.topend p{
		font-size: 0.9rem;
		}
}

/*** <=620 ***/
@media screen and (max-width: 620px)
{
	.header-search-small-cover{
		padding-left: 184px;
		}

	.header-contact-small-cover{
		display: none;
		}
}


@media screen and (max-width: 600px)
{
	.topend p{
		font-size: 0.85rem;
		}
}


@media screen and (max-width: 570px)
{
	.topend p{
		font-size: 0.80rem;
		}
}


/*** <=550 ***/
@media screen and (max-width: 550px)
{
	.header-menu-small-inin div{
		width: 20%;
		}

	.header-menu-small-payment{
		display: none;
		}


}

@media screen and (max-width: 540px)
{
	.topend p{
		font-size: 0.95rem;
		}

	.topend-servis{
		font-size: 1.1rem;
		}
}


/*** <=500 ***/
@media screen and (max-width: 500px)
{
	.header-cover{
		height: 54px;
		}

	.header{
		height: 54px;
		}

	.header-logo{
		width: 100px;
		height: 54px;
		}

	.header-logo-home{
		padding: 8px 0 7px;
		}

	.header-logo-home img{
		width: 90px;
		height: 39px;
		}

	.header-right{
		padding-left: 100px;
		height: 54px;
		}

	.header-menu-small-inin div{
		width: 16.6%;
		}

	.header-menu-small-search{
		display: block;
		}

	.header-search-small-cover{
		display: none;
		position: absolute;
		padding-left: 0;
		width: 100%;
		}
}


@media screen and (max-width: 450px)
{
	.topend-servis{
		font-size: 0.95rem;
		}
}



@media screen and (max-width: 450px)
{
	.topend b{
		font-size: 1.25rem;
		}
}


@media screen and (max-width: 420px)
{
	.topend b{
		font-size: 1.15rem;
		}
}



/*** <=420 ***/
@media screen and (max-width: 420px)
{
	.header-menu-small-delivery{
		display: none;
		}

	.header-menu-small-inin div{
		width: 20%;
		}
}


@media screen and (max-width: 385px)
{
	.topend b{
		font-size: 1.0rem;
		}
}






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





/*** <=1220 ***/
@media screen and (max-width: 1220px)
{
	.footer-contact-logos-cover{
		width: 100%;
		}

	.footer-contact-logo{
		min-width: 160px;
		}

	.footer-contact-logo img{
		margin-left: 10px;
		}
}

/*** <=1020 ***/
@media screen and (max-width: 1020px)
{
	.footer-bottom-cover{
		width: 100%;
		}

	.footer-contact{
		width: 100%;
		}
/*
		.footer-contact-shop{
			width: 28%;
			}

		.footer-contact-stone{
			width: 32%;
			}

		.footer-contact-logo img{
			margin-left: 10px;
			}
*/

	.footer-menu{
		width: 100%;
		}

		.footer-menu-first{
			/*width: 34%;*/
			}

		.footer-menu-contact span{
			padding-left: 10px;
			}
}


/*** <=970 ***/
@media screen and (max-width: 990px)
{
	.footer-bottom-images{
		display: none;
		}

	.footer-contact-shop, .footer-contact-stone{
		font-size: .75rem;
		}


	.footer-contact-shop{
		width: 22%;
		min-width: 220px;
		}

		.footer-contact-stone{
			width: 19%;
			min-width: 190px;
			}
/*
	.footer-contact-shop{
		width: 27%;
		}

		.footer-contact-stone{
			width: 31%;
			}

	.footer-menu-contact{
		width: 17%;
		}
*/
		.footer-menu-right{
			padding-left: 170px;
			}

		.footer-menu-first{
			/*width: 33%;*/
			}
}


/*** <=920 ***/
@media screen and (max-width: 920px)
{


}


/*** <=870 ***/
@media screen and (max-width: 870px)
{
	.footer-menu-third{
		display: none;
		}

	.footer-menu-first{
		width: 38%;
		}

	.footer-menu-second{
		width: 36%;
		}

	.footer-menu-fourth{
		width: 26%;
		}

/*
		.footer-menu-third{
			clear: left;
			}

		.footer-menu-fourth{
			float: left;
			}
	*/

}

/*** <=920 ***/
@media screen and (max-width: 935px)
{
	.footer-contact-shop{
		font-size: .85rem;
		width: 24%;
		min-width: 240px;
		}

		.footer-contact-stone{
			display: none;
			}
}

/*** <=750 ***/
@media screen and (max-width: 750px)
{
	.footer-contact-logo{
		display: none;
		}

	.footer-contact-shop{
		padding-left: 20px;
		}
}

/*** <=740 ***/
@media screen and (max-width: 740px)
{
	.footer-menu-first{
		width: 50%;
		}

	.footer-menu-second{
		width: 50%;
		}

	.footer-menu-third{
		display: block;
		width: 50%;
		padding-top: 0;
		border-top: 1px dotted silver;
		}

	.footer-menu-fourth{
		width: 50%;
		padding-top: 0;
		border-top: 1px dotted silver;
		}
}


/*** <=720 ***/
@media screen and (max-width: 720px)
{
	.footer-bottom-params{
		display: none;
		}
}


/*** <=640 ***/
@media screen and (max-width: 640px)
{
	/*
	.footer-contact-shop{
		font-size: .75rem;
		width: 200px;
		}

		.footer-contact-shop b{
			font-size: .95rem;
		}
*/
}



/*** <=615 ***/
@media screen and (max-width: 615px)
{
	.footer-contact-logo{
		display: block;
		}

	.footer-contact-shop{
		padding-left: 6px;
		}

	.footer-contact-stone{
		display: block;
		}

	.footer-contact-shop, .footer-contact-stone{
		float: none;
		min-width: 240px;
		padding-left: 0;
		}
/*
	.footer-contact-space{
		display: block;
		border-top: 1px dotted white;
		}
*/
	.footer-contact-heureka, .footer-contact-zbozi{
		float: none;
		}

}


/*** <=590 ***/
@media screen and (max-width: 590px)
{
/*
	.footer-contact-logo{
		}

	.footer-contact-shop{
		width: 115px;
		line-height: 145%;
		padding: 9px 0 3px;
		}

		.footer-contact-shop b{
			font-size: 1.1rem;
			display: block;
			padding: 2px 0px;
			}

			.footer-contact-shop-hours{
				display: none;
				}

			.footer-contact-shop-hours-small{
				display: block;
				}

			.footer-contact-shop-br{
				display: none;
				}
*/
}


/*** <=590 ***/
@media screen and (max-width: 590px)
{
	.footer-contact-logo{
		display: none;
		}

	.footer-contact-left{
		padding-left: 16px;
		}
}



/*** <=550 ***/
@media screen and (max-width: 550px)
{
	.footer-menu-first{
		width: 100%;
		min-width: 0;
		}

	.footer-menu-second{
		width: 100%;
		float: left;
		padding-top: 0;
		border-top: 1px dotted silver;
		min-width: 0;
		}

	.footer-menu-third{
		width: 100%;
		}

	.footer-menu-fourth{
		float: left;
		width: 100%;
		min-width: 0;
		}
}


/*** <=510 ***/
@media screen and (max-width: 510px)
{
/*
	.footer-contact-logo{
		display: none;
		}

		.footer-contact-shop{
			padding-left: 20px;
			}
*/
	.footer-menu-contact{
		min-width: 135px;
		}

	.footer-menu-contact span span{
		display: block;
		}

		.footer-menu-right{
			padding-left: 135px;
			}
}

/*** <=450 ***/
@media screen and (max-width: 450px)
{
	.footer-contact-right{
		padding-left: 16px;
		float: left;
		}

}


/*** <=420 ***/
@media screen and (max-width: 420px)
{
	.footer-bottom a span{
		display: none;
		}
}


/*** <=360 ***/
@media screen and (max-width: 360px)
{
	/*
	.footer-contact-heureka{
		width: 150px;
		min-width: 150px;
		padding-top: 7px;
		}

		.footer-contact-heureka-rating{
			font-size: .75rem;
			padding: 2px 0 2px 30px;
			}

		.footer-contact-heureka-rating div{
			display: block;
			}
*/
}

