/* START 1400 px */
@media (min-width:1400px){

	.m210 > div {
		max-width: 1200px;
		min-height: 500px;
		display: flex;
		text-align: justify;
		align-items: center;
		flex-wrap: wrap;
		align-content: center;
	}

} /* KONIEC 1400 px */



/* START 1200 px */
@media (max-width:1200px){

#naglowek_gora #lewa-gora{
display:none;
}

#naglowek_gora #prawa-gora {
    text-align: center;
    flex: 100%;
}


ul.breadcrumb li {
    list-style: none;
    display: flex;
    align-items: center;
}



/* margines domyslny */

.view-profile .profile-edit {
margin-left: 20px;
margin-right: 20px;
box-sizing: border-box;
}


#naglowek_srodek {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding-left: 4%;
	padding-right: 56px;
	box-sizing: border-box;
	min-height: 56px;
}

/* Ukryj oryginalny kontener menu – hamburger jest osobno */
#naglowek_srodek-prawo {
	display: none !important;
}

/* Przycisk hamburger – prawy róg nagłówka */
#menumobilneikona {
	display: flex !important;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	min-width: 44px;
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
	cursor: pointer;
	z-index: 20;
}

#menu-mobilne {
	display: none;
}

.menu-mobilne-otworzone {
	display: block !important;
	background: #fff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	position: fixed;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

body.bp-menu-open {
	overflow: hidden !important;
}

/* Cookies pod menu – nie zasłaniają listy */
body.bp-menu-open #politykacookiesbp,
body.bp-menu-open #ca_banner {
	visibility: hidden !important;
	pointer-events: none !important;
}

.menuglownemenurozwiniee {
	display: flex !important;
	flex-direction: column !important;
	text-align: left;
	margin: 0 !important;
	padding: 0 !important;
	left: 0;
	right: 0;
	background: #fff;
	top: 0;
	align-items: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
	z-index: 1001;
	list-style: none !important;
}

/* Stary ::before-hamburger – wyłączony (jest #menumobilneikona) */
.menuglownemenu::before {
	content: none !important;
	display: none !important;
}

.menuglownemenu li,
.menuglownemenu > .nav-item {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	background: #fff;
	border-bottom: solid 1px #eee;
	display: none;
	box-sizing: border-box;
}

.menuglownemenu li a{
font-weight: 500;
color: #000;
text-transform: capitalize;
}


.menuglownemenu li .nav-child a{
padding-left: 5%;
box-sizing: border-box;
}

.menuglownemenu li .nav-child li{
padding-left:0;
padding-right:0;
}

.menuglownemenu li .nav-child li:nth-child(1){
border-top: solid 1px #eee;
}

.menuglownemenu .parent{
flex-wrap: wrap;
}

.menuglownemenu .parent > a{
width:80%;
order:1;
}

.menuglownemenu .parent > .menu-trojkat{
width: 20%;
order: 2;
text-align: right;
align-self: center;
}

.menuglownemenu .parent > .menu-trojkat::after{
content: "";
left: 10px;
top: 50px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 10px 10px;
border-color: #474747 transparent transparent;
margin-top: 10px;
z-index: 9999;
transform: rotate(0deg);
display: block;
margin-left: auto;
}

.menuglownemenu li a:hover, .menuglownemenu li.active a {
    color: #000;
    transition: all 1s ease 0s;
}


.menuglownemenu li a:hover, 
.menuglownemenu li.active > a,
.menuglownemenu .nav-child li.active > a {
    color: var(--kolor2-przyciski-sklep-hover);
    transition: all 1s ease 0s;
}




.menuglownemenu .parent >  .menu-trojkat-odwrocony::after{
margin-top: -10px;
transform: rotate(180deg);
}


.menuglownemenu .parent > ul{
order:3;
width:100%;
}


.menuglownemenu .parent .nav-child{
display:none;
}


.menuglownemenu li a{
font-weight: 500;
color: #000;
padding-top: 14px;
padding-bottom: 14px;
display: block;
text-decoration: none;
}

/* Pasek zamknięcia – widoczny tylko gdy menu otwarte */
#menuglownemenu-zamkniecie {
	display: none;
	width: 100%;
	height: auto;
	position: relative;
	color: #000;
	margin: 0;
	padding: 12px 20px;
	border: none;
	border-bottom: solid 1px #eee;
	background: #fff;
	cursor: pointer;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	text-align: left;
	font: inherit;
}

.menu-mobilne-otworzone #menuglownemenu-zamkniecie {
	display: flex !important;
}

#menuglownemenu-zamkniecie .menu-zamknij-logo {
	display: block;
	width: 70%;
	height: 44px;
	background-image: url(../../../images/logo.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}

#menuglownemenu-zamkniecie .menu-zamknij-x {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	font-size: 36px;
	line-height: 1;
	font-weight: 400;
	color: #222;
}

.menuglownemenurozwiniee > li,
.menuglownemenurozwiniee > .nav-item {
	display: block !important;
}


.sklepwer2 .menuglownemenu {
border: none;
padding: 0;
margin: 0;
}

.sklepwer2 .menuglownemenurozwiniee {
justify-content: flex-start;
}

.sklepwer2 .menuglownemenurozwiniee::before{
display:none;
}

.menuglownemenurozwiniee .parent .nav-child {
display: block;
}


.menuglownemenurozwiniee .parent .nav-child li:nth-child(1)::before {
display:none;
}

.menuglownemenurozwiniee .parent .nav-child {
    display: none;
    padding-left: 0px;
}

#naglowek_srodek-lewo{
width: auto;
flex: 1 1 auto;
max-width: 100%;
}

#naglowek_srodek-lewo img{
width: auto;
max-height: 44px;
max-width: 100%;
vertical-align: middle;
}

#naglowek_gora .kontosklepnaglowek {
    margin-left: 0;
    margin-right: 0;
    justify-content: space-between;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
box-sizing: border-box;
}


.zlewakolumna .header {
width: 100%;
z-index: 7;
}


.kontosklepwersja2{
position: fixed;
bottom: 0;
background: #fff;
left: 0;
width: 100%;
padding: 20px;
box-sizing: border-box;
box-shadow: 0px -10px 10px rgba(0,0,0,0.1);
margin-left: 0 !important;
border-top: solid 1px #eee;
z-index: 9;
}

ul.breadcrumb {
    padding-left: 0;
    padding-right: 0;
}

.kontosklepwersja2 .hikashop_filter_collapsable_title_mobile:nth-last-child(2){
display:none;
}

.hikashop_filter_collapsable_title_always:hover, .hikashop_filter_collapsable_title_mobile:hover {
border:none;
}

ul.breadcrumb {
    flex-wrap: wrap;
}

.podslajdem{
display:none;
}

#member-profile > fieldset {
width: 100%;
margin-bottom:20px;
}

.view-login .login,
.view-login #content > div:nth-child(3) {
width: 100%;
margin-bottom: 30px;
}

.view-login .nav-stacked{
flex-wrap:wrap;
}

.view-login .nav-stacked li {
width: 100%;
margin-bottom: 10px;
text-align: center;
}

#strona-kontaktowa > div {
    width: 100%;
    margin-bottom: 30px;

}

#strona-kontaktowa-opis{
order:1;
}

#strona-kontaktowa-mapa{
order:2;
}

.zlewakolumna #kolumnalewo {
    width: 100%;
    padding-left: 5%;
    box-sizing: border-box;
    padding-right: 5%;
    box-sizing: border-box;
    order: 2;
}

#glowny-zbior.zlewakolumna #content {
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    box-sizing: border-box;
    order: 1;

}


.breadcrumb span{
margin-left: 2px;
}


.header{
box-shadow: 1px 1px 10px #ddd;
margin-bottom: 20px;
}

#kolumnalewo .hikashop_filter_main{
min-height: 30px !important;
}

#hikashop_module_113 a{
text-align:center;
}


.slideshowck .camera_caption > div {
text-align: center;
max-width: 400px;
}


.slideshowck .camera_caption {
bottom: 30%;
}

.slideshowck{
margin-bottom: 30px;
}

.camera_wrap .camera_pag .camera_pag_ul {
display:none;
}

#trzylakierboxy{
margin-bottom: 0px;
}


.hikashop_checkout_cart table tr {

    border: 1px solid #ccc;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;

}

.hikashop_checkout_coupon .hikabtn{
margin-top:0px;
}


.hkc-xs-12, .hkc-xs-11, .hkc-xs-10, .hkc-xs-9, .hkc-xs-8, .hkc-xs-7, .hkc-xs-6, .hkc-xs-5, .hkc-xs-4, .hkc-xs-3, .hkc-xs-2, .hkc-xs-1, .hkc-sm-12, .hkc-sm-11, .hkc-sm-10, .hkc-sm-9, .hkc-sm-8, .hkc-sm-7, .hkc-sm-6, .hkc-sm-5, .hkc-sm-4, .hkc-sm-3, .hkc-sm-2, .hkc-sm-1, .hkc-md-12, .hkc-md-11, .hkc-md-10, .hkc-md-9, .hkc-md-8, .hkc-md-7, .hkc-md-6, .hkc-md-5, .hkc-md-4, .hkc-md-3, .hkc-md-2, .hkc-md-1, .hkc-lg-12, .hkc-lg-11, .hkc-lg-10, .hkc-lg-9, .hkc-lg-8, .hkc-lg-7, .hkc-lg-6, .hkc-lg-5, .hkc-lg-4, .hkc-lg-3, .hkc-lg-2, .hkc-lg-1, .hkc-xl-12, .hkc-xl-11, .hkc-xl-10, .hkc-xl-9, .hkc-xl-8, .hkc-xl-7, .hkc-xl-6, .hkc-xl-5, .hkc-xl-4, .hkc-xl-3, .hkc-xl-2, .hkc-xl-1 {
    width: 50%;
}


#kolumnalewo .hkc-md-12{
width:100%;
}

#kolumnalewo .hikashop_product_price{
text-align: center !important;
width: 100%;
display: block;
}


.com_hikashop input[type="checkbox"]{
	border: solid 1px #000;
	text-shadow: 1px 1px 1px #000;
	margin-right: 10px;
	height: 30px;
	width: 30px !important;
	vertical-align: middle;
	flex-shrink: 0;
}


.sklepwer2 #naglowek_srodek-lewo {
width: 80%;
text-align: center;
align-items: center;
justify-items: center;
justify-content: flex-start;
flex-shrink: 0;
}

.sklepwer2 #naglowek_srodek-lewo img {
    width: auto;
    vertical-align: middle;
    height: 50px;
}

.sklepwer2 #naglowek_srodek-prawo {
width: 100%;
justify-content: flex-end;
margin-top: 0px;
align-items: center;
}


.sklepwer2 .wyszuknag2 .hikashop_filter_main input {
    height: 100%;
    padding: 10px 10px;
border: none;
}


.sklepwer2 .wyszuknag2 .hikashop_filter_button_inside {
height: 39px;
width: 80px;
}

.sklepwer2 #naglowek_srodek {
    padding-left: 0;
    padding-right: 0;
}




.sklepwer2 .wyszuknag2{
display:none;
}



.itemid-101 #menu_naglowek {
    position: relative;
    top: 0;
}

.naslajdopis {
box-shadow: none;
}



.m342 > p {
padding-left: 5%;
padding-right: 5%;
box-sizing: border-box;
}



.tabela-wz1 {
width: 99%;
margin-left: auto;
margin-right: auto;
}








} /* KONIEC 1200 px */

/* Tablet/mobile: kolumny m341 jedna pod drugą */
@media (max-width: 900px) {
	.m341 {
		flex-wrap: wrap;
	}

	.m341 > div:nth-child(1),
	.m341 > div:nth-child(2) {
		width: 100%;
		flex-shrink: 0;
	}

	.m341 > div:nth-child(1) {
		margin-bottom: 1.5em;
	}

	.m341.m342bezpadin > div:not(:has(> img)) {
		padding-left: 5vw;
		padding-right: 5vw;
		box-sizing: border-box;
	}

	/*
	 * Baner #slider na podstronach często = to samo zdjęcie co w .m341.
	 * Po złożeniu kolumn wyglądało to jak podwójny obraz – ukrywamy baner
	 * tylko gdy w treści jest już zdjęcie.
	 */
	body:not(.itemid-101):has(.m341 img) #slider {
		display: none !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}