@media (max-width: 2400px) {

.sklep-strona-stol-kon-zaw-dane-zaw-kon-z
{
width:1400px;
}

}

@media (max-width: 2100px) {

.sklep-strona-stol-kon-zaw-dane-zaw-kon-z
{
width:1000px;
}

}


@media (max-width: 1730px) {

.sklep-strona-stol-kon-zaw-dane-zaw-kon-z
{
width:800px;
}

}

@media (max-width: 1600px) {

.sklep-kontener-a
{
width:calc(100% - 212px);
padding:0px 106px;
}

.sklep-strzalki-lewo
{
left:30px;
}

.sklep-strzalki-prawo
{
right:30px;
}

}

@media (max-width: 1550px) {

.sklep-strona-stol-kon-zaw-dane-zaw-kon-z
{
width:600px;
}

}

@media (max-width: 1500px) {

.sklep-bloki-produkt
{
width:calc(33.333333333333% - 36px);
}

}



@media (max-width: 1320px) {

.sklep-strona-stol-kon-zaw-dane-zaw-kon-z
{
width:400px;
}

}


@media (max-width: 1200px) {

.sklep-bloki-produkt
{
width:calc(50% - 36px);
}

.sklep-strona-stol-kon-zaw-dane-zaw
{
width:calc(100% - 400px);
}

.sklep-strona-stol-kon-zaw-dane-ob
{
width:200px;
}

.sklep-strona-stol-kon-zaw-dane-przyciski
{
width:240px;
}

.sklep-strona-stol-kon-zaw-dane-przyciski button
{
width:182px;
font-size:18px;
padding:7px 10px;
}

.sklep-strona-stol-kon-zaw-dane-przyciski a
{
width:156px;
font-size:18px;
padding:7px 10px;
}

.sklep-kontener-b
{
width:calc(100% - 60px);
max-width:1100px;
padding:0px 30px;
margin:0px auto;
position:relative;
}

.text-wartosc
{
font-size:15px;
line-height:16px;
}

.text-cena-a, .text-cena-a-dos
{
font-size:15px;
line-height:16px;
}


.text-cena-b, .text-cena-b-dos
{
line-height:14px;
}

}

@media (max-width: 970px) {

.sklep-strona-stol-kon-zaw-dane-zaw-kon-z
{
width:200px;
}


}


@media (max-width: 768px) {

.sklep-bloki-produkt
{
width:calc(100% - 36px);
}

.sklep-strona-stol, .sklep-strona-stol-open
{
display:none;
}

.sklep-strona-stol-mobile-open
{
display:block;
}

.sklep-zamowienie-blok
{
width:calc(100% - 30px);
margin:0px 
}

}



@media (max-width: 576px) {

.sklep-kontener-a
{
width:calc(100% - 60px);
padding:0px 30px;
}

.sklep-strzalki-lewo
{
left:5px;
}

.sklep-strzalki-prawo
{
right:5px;
}

.okno-realizacje-lewo
{
  position: absolute;
  left:50px;
  bottom:20%;
  margin-bottom:-50px;
  width:50px;
  height:100px;
  cursor:pointer;

}



.okno-realizacje-prawo
{
  position: absolute;
  right:50px;
  bottom:20%;
  margin-bottom:-50px;
  width:50px;
  height:100px;
  cursor:pointer;

}

.sklep-zamowienie-blok-poz-nazwa
{
font-size:14px;
color:#000;
text-align:center;
width:100%; 
padding:5px 0px 5px 0px;
}

.sklep-zamowienie-blok-poz-b
{
border-bottom:0px solid #c8b3ca;
}

.sklep-zamowienie-blok-poz-input
{
width:100%;
margin-bottom:10px;
}

.sklep-zamowienie-blok-poz-input input
{
display:block;
padding:6px;
margin:0px;
border:0px;
font-size:14px;
color:#000;
width:calc(100% - 14px);
outline:none;
line-height:normal;
line-height:24px;
height:24px;
border:1px solid #c8b3ca;
text-align:center;
border-radius:6px;
}

.sklep-zamowienie-blok-poz-input textarea
{
display:block;
padding:3px 6px;
margin:0px;
border:0px;
font-size:14px;
color:#000;
width:calc(100% - 14px);
height:100px;
outline:none;
line-height:normal;
resize:none;
border:1px solid #c8b3ca;
border-radius:6px;
}

.sklep-zamowienie-blok-poz-input select
{
display:block;
padding:6px 0px;
margin:0px;
border:0px;
font-size:14px;
color:#000;
width:100%;
outline:none;
line-height:24px;
height:34px;
background:white;
border:1px solid #c8b3ca;
border-radius:6px;
}


.okno-realizacje-zaw-dymek-zam
{
  position: absolute;
  top:20px;
  right:20px;
  width:50px;
  height:50px;
  cursor:pointer;

}

.okno-realizacje-zaw-dymek-zaw
{
position:absolute;
top:70px;
left:30px;
height:calc(100% - 140px);
width:calc(100% - 60px);
overflow:auto;
color:white;
line-height:normal;
font-size:18px;
}

.okno-realizacje-dymek
{
  position: absolute;
  right:50px;
  bottom:20px;
  width:50px;
  height:50px;
  cursor:pointer;
  background:url('../image/dymek.png') no-repeat center;

}


}


@media (max-width: 400px) {

.sklep-sekcja-alert-zaw
{
position:absolute;
top:10px;
left:10px;
width:calc(100% - 80px);
transform: translateY(0%) translateX(0%); 
-webkit-transform: translateY(0%) translateX(0%);
-ms-transform: translateY(0%) translateX(0%);
text-align:center;
background:white;
padding:30px;
border-radius:16px;
}

.sklep-strona-stol-mobile-zaw-przyciski button,
.sklep-strona-stol-mobile-zaw-przyciski a
{
width:130px;
font-size:12px;
}


}


@media (max-width: 1400px) {

.okno-realizacje-nowe-zaw
{
width:calc(100vw - 200px);
}

.okno-realizacje-nowe-zaw-kon-text-zaw-nag{
font-size:30px;
}

.okno-realizacje-nowe-zaw-kon-text-zaw-tekst{
font-size:24px;
}

.okno-realizacje-nowe-zaw .okno-realizacje-lewo
{
left:-70px;
}


.okno-realizacje-nowe .okno-realizacje-prawo
{
right:-70px;
}


.okno-realizacje-nowe .okno-realizacje-zam
{
top:0px;
right:-70px;
}

}


@media (max-height: 850px) {

.okno-realizacje-nowe-zaw
{
height:calc(100vh - 200px);
}


}



@media (max-width: 970px) and (max-height: 850px){

.okno-realizacje-nowe
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
display:block;
overflow:auto;
}

.okno-realizacje-nowe-zaw
{
height:auto;
margin:0px auto;
padding:50px 0px;
}

.okno-realizacje-nowe-zaw-kon{
position:relative;
top:auto;
left:auto;
width:100%;
height:auto; 
}


.okno-realizacje-nowe-zaw-kon-ob{
position:relative;
top:auto;
left:auto;
width:100%;
height:50vh;  
}

.okno-realizacje-nowe-zaw-kon-text{
position:relative;
top:auto;
left:auto;
width:100%;
height:auto;
background:white;
margin:15px 0px;    
}

.okno-realizacje-nowe-zaw .okno-realizacje-load
{
 left:50%;
 top:22vh;
}

}

@media (max-width: 970px) and (min-height: 850px){

.okno-realizacje-nowe
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
display:block;
overflow:auto;
}

.okno-realizacje-nowe-zaw
{
height:auto;
margin:0px auto;
padding:50px 0px;
}

.okno-realizacje-nowe-zaw-kon{
position:relative;
top:auto;
left:auto;
width:100%;
height:auto; 
}


.okno-realizacje-nowe-zaw-kon-ob{
position:relative;
top:auto;
left:auto;
width:100%;
height:50vh;  
}

.okno-realizacje-nowe-zaw-kon-text{
position:relative;
top:auto;
left:auto;
width:100%;
height:auto;
background:white; 
margin:15px 0px;  
}

.okno-realizacje-nowe-zaw .okno-realizacje-load
{
 left:50%;
 top:22vh;
}

}


@media (max-width: 768px) { 

.okno-realizacje-nowe-zaw
{
width:calc(100vw - 30px);
}

.okno-realizacje-nowe-zaw-kon-text-zaw{
padding:30px 30px;
}

.okno-realizacje-nowe-zaw .okno-realizacje-lewo
{
left:0px;
top:calc(36vh - 75px);
margin-top:0px;
z-index:99;
}


.okno-realizacje-nowe-zaw .okno-realizacje-prawo
{
right:0px;
top:calc(36vh - 75px);
margin-top:0px;
z-index:99;
}


.okno-realizacje-nowe-zaw .okno-realizacje-zam
{
top:0px;
right:0px;
}

}


