@charset "utf-8";
/* CSS Document */

@media (max-width: 1024px) {
	#footer,
	#content{
		width:95%;
		margin:0 2.5%;
	}

	#header{
		width:98%;
		margin:0 1%;
	}
}

@media (max-width: 980px) {

}

@media (max-width: 800px) {

	/* boxy */
	.productsListBox .productsContainer .gridProduct,
	.productsListBox .productsContainer .galleryProduct{
		width:30.75%;
		margin-left:1.25%;
		margin-right:1.25%;
	}

	.productsDetailsBox .rightColumn .columnsContainer .left{
		width:100%;
	}
	.productsDetailsBox .rightColumn .columnsContainer .right{
		width:100%;
	}

	.productsDetailsBoxnew .leftColumnnew{
		width:95%;
	}

	.productsDetailsBoxnew .rightColumnnew{
		width:95%;
		margin-left:15px;
	}

	.productsDetailsBoxnew .leftColumnnew .youtube{
		margin-left:15px;
	}
}

@media (max-width: 769px) {

	/* ===== HEADER MOBILE ===== */
	#header{
		display:flex !important;
		align-items:center !important;
		justify-content:space-between !important;
		flex-wrap:wrap !important;
		width:96% !important;
		margin:0 2% !important;
		padding:10px 0 0 0 !important;
	}

	#header hr{
		display:none !important;
	}

	#header .logo{
		float:none !important;
		margin:0 !important;
		flex:0 0 auto !important;
		order:1 !important;
	}

	#header .logo img{
		height:76px !important;
		width:auto !important;
		max-width:100% !important;
	}

	#header .topNavContainer{
		float:none !important;
		width:auto !important;
		min-height:auto !important;
		margin:0 12px 0 auto !important; /* odsunięcie od prawej */
		clear:none !important;
		flex:0 0 auto !important;
		order:2 !important;
		text-align:right !important;
		position:relative !important;
	}

	#header .topNavContainer .mobileNav{
		display:inline-block !important;
		position:static !important;
		right:auto !important;
		top:auto !important;
		margin:0 !important;
		vertical-align:middle !important;
	}

	#header .topNavContainer .topNav{
		height:auto;
		display:none;
		width:100%;
		flex:0 0 100% !important;
		margin-top:10px !important;
	}

	#header .topNavContainer .topNav li{
		display:block;
		float:none;
		width:100%;
		background:none;
		border:none;
		padding:0;
		margin:0;
		border-top:1px solid #dddddd;
	}

	#header .topNavContainer .topNav li.lastChild a{
		border-right:none;
	}

	#header .topNavContainer .topNav li a{
		width:100%;
		height:auto;
		line-height:inherit;
		text-align:center;
		padding:8px 0;
	}

	#header .topNavContainer .topNav li a.selected{
		border-bottom:none;
	}

	#header .topNavContainer .topNav li ul{
		display:none;
	}

	#header .languageNav{
		float:none !important;
		order:3 !important;
		width:100% !important;
		margin:10px 0 0 0 !important;
		display:flex !important;
		justify-content:flex-start !important;
		align-items:center !important;
		gap:8px !important;
		text-align:left !important;
		clear:both !important;
	}

	#header .languageNav li{
		display:inline-block !important;
		margin:0 !important;
	}

	#header .languageNav li a{
		display:inline-flex !important;
		align-items:center !important;
		justify-content:center !important;
		padding:4px !important;
	}

	#header .languageNav li a img{
		height:26px !important;
		width:auto !important;
	}

	#header .languageNav svg.langIcon{
		width:30px !important;
		height:30px !important;
		display:block !important;
	}

	/* ===== INDEX SEARCH BOX ===== */
	.indexSearchBox .iconsContainer,
	.indexSearchBox .formContainer{
		width:100% !important;
		float:none !important;
		clear:both !important;
	}

	.indexSearchBox .iconsContainer::after{
		content:"";
		display:block;
		clear:both;
	}

	.indexSearchBox .iconsContainer{
		margin-bottom:20px !important;
	}

	.indexSearchBox .iconsContainer a.icon{
		width:50% !important;
		float:left !important;
		padding-top:30% !important;
		margin-bottom:22px !important;
	}

	/* ===== PROMOCJE MOBILE - 2 W RZĘDZIE ===== */
	.indexPromotionsBox .content{
		display:grid !important;
		grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
		gap:14px !important;
	}

	.indexPromotionsBox .content .clear{
		display:none !important;
	}

	.indexPromotionsBox .promotionProduct{
		width:auto !important;
		margin:0 !important;
		float:none !important;
		min-width:0 !important;
	}

	/* ===== LISTA / SZCZEGÓŁY ===== */
	.productsListBox .productsContainer .listProduct ul li{
		float:none;
		width:100%;
		text-align:left;
		height:auto !important;
		background:none;
	}

	.productsListBox .productsContainer .listProduct ul li span.label{
		display:inline;
	}

	.productsListBox .productsContainer .listProduct ul li.price{
		width:100%;
	}

	.productsListBox .productsContainer .listProduct ul li.price br{
		display:none;
	}

	.productsListBox .productsContainer .listProduct ul li.price span.pln{
		display:inline-block;
		padding-right:10px;
		white-space:nowrap;
	}

	.productsListBox .productsContainer .listProduct ul li.price span.euro{
		white-space:nowrap;
	}

	.productsListBox .productsContainer .listProduct ul li.order span.value{
		display:inline;
		background:none;
	}

	.productsDetailsBox .leftColumn .imagesContainer a.small{
		width:48%;
		margin-right:4%;
		margin-bottom:4%;
	}

	.productsDetailsBox .leftColumn .imagesContainer a.third{
		margin-right:4%;
	}

	.productsDetailsBox .leftColumn .imagesContainer a.second{
		margin-right:0;
	}

	.productsDetailsBox .additionalInformations ul li{
		float:none;
		width:inherit;
	}
}

@media (max-width: 640px) {
	#footerWrapper{
		background:#585c5f;
	}

	#footer .footerBox{
		width:50%;
	}

	#footer .footerBoxesContainer .footerBox:nth-child(3){
		background:none;
		padding-left:0;
	}

	/* boxy */
	.indexSearchBox .iconsContainer a.icon{
		width:50% !important;
		padding-top:30% !important;
		margin-bottom:22px !important;
	}

	.contactDataBox .leftColumn{
		width:100%;
	}

	.contactDataBox .rightColumn{
		width:100%;
	}

	.productsListBox .productsContainer .gridProduct,
	.productsListBox .productsContainer .galleryProduct{
		width:47.5%;
		margin-left:1.25%;
		margin-right:1.25%;
	}

	#header .logo img{
		height:72px !important;
	}

	#header .topNavContainer .mobileNav{
		transform:translateY(-2px);
	}

	.indexPromotionsBox .content{
		grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
		gap:12px !important;
	}
}

@media (max-width: 480px) {

	/* form */
	form.default input[type="text"],
	form.default input[type="password"],
	form.default textarea,
	form.default select{
		width:100%;
	}

	form.default .pseudoElement{
		width:100%;
	}

	form.default label{
		width:100%;
	}

	form.default .column33{
		width:100%;
		padding:0;
	}

	form.default .doubleElement select,
	form.default .doubleElement input[type="text"]{
		width:40%;
	}

	/* boxy */
	.indexSearchBox .iconsContainer{
		width:100%;
	}

	.indexSearchBox .formContainer{
		width:100%;
	}

	.indexSearchBox .iconsContainer a.icon{
		width:50% !important;
		padding-top:32% !important;
		margin-bottom:24px !important;
	}

	.indexPromotionsBox .content{
		grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
		gap:10px !important;
	}

	.productsListBox .pagerContainer ul.viewNav{
		width:100%;
	}

	.productsListBox .pagerContainer form{
		width:100%;
		float:left;
	}

	.productsListBox .pagerContainer .pager .nextBtn,
	.productsListBox .pagerContainer .pager .prevBtn{
		box-sizing:border-box;
		width:100%;
		padding:5px 0;
	}

	.productsListBox .productsContainer .listProduct{
		padding:10px;
	}

	.productsListBox .productsContainer .listProduct ul{
		width:100%;
	}

	.productsListBox .productsContainer .listProduct a.icon{
		width:35%;
		margin-bottom:2.5%;
	}

	.productsListBox .productsContainer .listProduct a.name{
		width:auto;
	}

	.productsDetailsBoxnew .leftColumnnew{
		margin-left:10px;
		width:94%;
	}

	.productsDetailsBoxnew .rightColumnnew{
		margin-left:10px;
		width:94%;
	}

	.productsDetailsBoxnew .leftColumnnew .youtube{
		margin-left:0px;
		width:100%;
	}

	.productsDetailsBox .leftColumn{
		width:100%;
	}

	.productsDetailsBox .leftColumn a.small{
		display:none;
	}

	.productsDetailsBox .rightColumn{
		width:100%;
	}

	.pageSearchBox form fieldset.checkboxGroup .element{
		width:100%;
	}

	#header .logo img{
		height:68px !important;
	}

	#header .languageNav{
		justify-content:flex-start !important;
	}

	#header .languageNav svg.langIcon{
		width:28px !important;
		height:28px !important;
	}
}

@media (max-width: 380px) {
	.productsListBox .productsContainer .gridProduct,
	.productsListBox .productsContainer .galleryProduct{
		width:100%;
		margin:0;
		height:550px;
		margin-bottom:2.5%;
	}

	.indexPromotionsBox .content{
		grid-template-columns:1fr !important;
	}

	.indexSearchBox .iconsContainer a.icon{
		width:100% !important;
		padding-top:46% !important;
	}
}

@media (max-width: 320px) {
	#footer .footerBox{
		width:100%;
		background:none;
		border-bottom:1px solid #a2a5a5;
		padding:0;
		padding-top:20px;
		min-height:inherit;
	}

	#footer .footerSliderBox,
	#footer .fbBox{
		padding-bottom:20px;
	}

	/* boxy */
	.productsListBox .productsContainer .listProduct a.icon{
		width:100%;
		margin-right:0;
	}

	.productsListBox .productsContainer .listProduct p.btnContainer{
		padding:0;
		text-align:center;
	}

	.productsListBox .productsContainer .gridProduct,
	.productsListBox .productsContainer .galleryProduct{
		width:100%;
		margin:0;
		height:500px;
		margin-bottom:2.5%;
	}

	#header .logo img{
		height:60px !important;
	}

	#header .languageNav svg.langIcon{
		width:26px !important;
		height:26px !important;
	}
}