/*rwd*/

@media all and (max-width: 1450px){

	aside, .slajd {
		height: 550px;
	}
	.opis_animki {
		top: 50px;
	}
	.slajd {
		background-size: cover;
	}

}

@media all and (max-width: 1260px){

	.main {
		width:100%;
		padding: 0 20px;
	}

	#headerBelka {
		flex-direction: column;
		justify-content: center;
	}

	#headerBelka #headerBelkaL, #headerBelka #headerBelkaP {
		text-align: center;
	}

	#headerBelka #headerBelkaP {
		margin-top: 10px;
		padding-bottom: 5px;
	}

	#lang {
		padding-right: 0;
	}
	#kolp, #kartaPP {
		margin-left: 30px;
	}

	#konfBody .konfBaza .konfBazaLi .konfBazaLi_ilosc {
		justify-content: center;
	}
	#konfBody .konfBaza .konfBazaLi .pole_ilosc_priceod {
		text-align: center;
	}
	#konfBody .konfBaza .konfBazaLi .konfBazaLi_ilosc .cenakonf {
		width: 100%;
		text-align: center;
	}


	#boxGalerieKlient .galeriebodyFoto {
		display: flex;
		align-items: stretch;
	}

	.galeriebodyFoto a {
		margin: 0 5px;
	}

	.galeriebodyFoto a img {
		width:100%;
	}

	aside, .slajd {
		height: 450px;
	}

	.opis_animki {
		line-height: 130%;
	}
	.opis_animki .nagl {
		padding: 5px 0;
	}
	.opis_animki .naglmm {
		margin-top:-10px;
	}
	.opis_animki .butt {
		margin-top: 10px;
	}


	.tpay img {
		width: 100% !important;
	}

}

@media all and (max-width: 1060px){

	#konfBody .konfBaza .konfBazaLi .konfBazaLi_opis select {
		width:100%;
	}
	#karta {
		flex-direction: column;
	}
	#kartaLL, #kartaPP {
		width:100%;
		margin-left: 0;
	}

	#fotogl {
		float:none;
		position: relative;
		left:50%;
		margin-left:-225px;
	}
	#fotki {
		width:100%;
		margin-bottom:20px;
		display: flex;
		flex-direction: column;
		justify-content: center;

	}


	aside, .slajd {
		height: 400px;
	}
	.opis_animki {
		padding:10px;
		text-align: center;
		left:50%;
		margin-left: -260px;
	}
	.opis_animki .nagl {
		text-align: center;
	}
	aside small {
		display: none;
	}

}

@media all and (max-width: 840px){

	#headerBelkaP {
		display: flex;
		flex-direction: column;
	}
	#log {
		margin: 10px 0;
		padding-right: 0;
	}
	#wysz {
		padding-right: 0;
		margin-right: 0;
	}
	#lang, #wysz {
		border:none;
	}



	#nav_res2{
		display: block;
	}

	#nav_res {
		display:block;
	}

	#koll {
		width: 100%;
		display: none;
		position: absolute;
		left:0;
		top:0;
		z-index:100;
		background: #fff;
		padding:0;

	}


	#menuGL #menunav {
		display:none;
		flex-direction: column;
	}
	#menuGL #menunav a {
		border-bottom: solid 1px #f1f1f1;
		display: block;
		width:100%;
	}


	#boxBody .productBox {
		width: 48%;
	}

	#footer .main {
		flex-wrap: wrap;
	}

	#footer .main>div {
		width: 44%;
	}

	.menust {
		order: 1;
		margin-bottom:40px;
	}
	.newsletter {
		order: 2;
		margin-bottom:40px;
	}
	.adres { order: 3; margin-bottom:40px;}

	.confibox {
		margin-left: 10px;
	}
	.confibox span {
		left: 140px;
	}
	.confibox img {
		border-radius: 200px;
		width: 200px;
		height: 200px;
	}

	#secGwar .main {
		flex-wrap: wrap;
	}

	#secGwar .main .boxgw {
		width:50%;
	}

	#kolp {
		margin-left:0;
	}

	#fotogl {
		width: 400px;
		height: 400px;
		margin-left:-200px;
	}

	#popup .popupBody.karta {
		width: 400px;
		height: 400px;
		background-size: cover !important;
	}

	aside, .slajd {
		height: 300px;
	}

	.opis_animki {
		max-width: none;
		width:96%;
		left:auto;
		margin-left:0;
		top:20px;
		background: none;
	}

	.opis_animki .nagl {
		font-size: 36px;
	}
	.opis_animki .naglmm {
		font-size: 21px;
	}

	.opis_animki .butt a {
		padding: 8px 20px;
		border-radius: 20px;
	}

	#fotogl .scrollable, #fotogl .scrollable div, #fotogl .scrollable div img {
		width: 400px;
		height: 400px;
	}



	#opislewa {
		display:none !important;
	}

	#opisdol {
		display: block !important;
	}


}

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

	.popupBody {
		margin: 10px;
	}
	.popupBody img {
		width: 100%;
	}

}

@media all and (max-width: 534px){

	#cart_step span, #area_nav a {
		display: block;
		margin-bottom:2px;
	}

	.orders_li div, #strefa a {
		font-size: 12px;
	}


	#boxBody .productBox {
		width: 100%;
	}

	#kosz {
		padding-right: 0;
	}
	#cartTop, #log {
		display: block;
		margin: 5px 0;
		border:none;
		padding-left:0;
		padding-right: 0;
	}

	#cartTop {
		margin-top:10px;
	}

	#footer .main>div {
		width: 100%;
		margin-left:0;
	}

	#secConfiBoxy {
		flex-direction: column;
		padding-bottom:20px;
	}

	.confibox img {
		margin-left:-100px;
	}

	.confibox {
		width: 100%;
		height: 250px;
		text-align: center;
		margin: 0 0 50px 0;
	}

	#secGwar .main .boxgw {
		width:100%;
	}

	.opis_animki {
		margin-right:20px;
		top:50px;
	}

	.listing {
		flex-wrap: wrap;
	}

	.produkt {
		max-width: 100%;
		margin-right: 0;
	}

	#fotogl {
		width: 350px;
		height: 350px;
		margin-left:-175px;
	}

	#konfBody .konfBaza .konfBazaLi {
		flex-wrap: wrap;
	}
	#konfBody .konfBaza .konfBazaLi .konfBazaLi_foto,
	#konfBody .konfBaza .konfBazaLi .konfBazaLi_opis,
	#konfBody .konfBaza .konfBazaLi .konfBazaLi_ilosc {
		width: 100%;
		text-align:center;
	}

	#kartaPP .cennyCard .con {
		flex-direction: column;
	}
	#kartaPP .cennyCard .con>div {
		width:100%;
		text-align: center;
	}

	.ilosc_card {
		margin: 10px 0 !important;
	}

	.galerieNagl {
		flex-direction: column;

	}

	.galerieNagl div {
		text-align: center;
		width: 100%;
	}

	.opis_animki {
		top: 0px;
		font-size:12px;
		width:auto;
	}

	#fotogl .scrollable, #fotogl .scrollable div, #fotogl .scrollable div img {
		width: 350px;
		height: 350px;
	}

}

@media all and (max-width: 480px){
	#fotogl {
		width: 300px;
		height: 300px;
		margin-left:-150px;
	}

	#fotogl .scrollable, #fotogl .scrollable div, #fotogl .scrollable div img {
		width: 300px;
		height: 300px;
	}

	#popup .popupBody.karta {
		width: 300px;
		height: 300px;
		background-size: cover !important;
	}
}
@media all and (max-width: 360px){

	#fotogl {
		width: 260px;
		height: 260px;
		margin-left:-130px;
	}

	#fotogl .scrollable, #fotogl .scrollable div, #fotogl .scrollable div img {
		width: 260px;
		height: 260px;
	}

	.confibox img {
		margin-left: -60px;
	}
	.confibox span {
		left: 70px;
	}

}
@media all and (max-width: 320px){}