@media only screen and (max-width: 550px){


.box_logo {
 position: absolute;
 top: 30px;
 left: 20px;
}
.box_logo img {
 width: 180px;
}

.box_kosik_empty {
 position: absolute;
 top: 40px;
 right: 20px;
}
.box_kosik_full {
 position: absolute;
 top: 40px;
 right: 20px;
}

#logo_mobile {
 display: block;
 position: absolute;
 top: 5px;
 right: 10px;
 z-index: 20;
}
.noscreen {position: absolute; top: 35px; left: -250px;}
.nooscreen {position: absolute; top: 35px; left: -250px; animation-name: gono; animation-duration: 500ms; animation-direction: linear;}
@keyframes gono {0% {left: 0px;} 100% {left: -250px;}}
.onscreen {position: absolute; top: 35px; left: 0px; animation-name: goon; animation-duration: 500ms; animation-direction: linear;}
@keyframes goon {0% {left: -250px;} 100% {left: 0px;}}

#menu_responzive {
 position: absolute;
 padding: 0;
 width: 200px;
 float: none;
 z-index: 100;
}
#menu_responzive li {
 display: block;
}
#menu_responzive a {
 display: block;
 border-bottom: 5px #ffffff solid;
 padding: 10px 15px 10px 15px;
 width: 170px;
 color: #ffffff;
 font-size: 18px;
 font-weight: 400;
 text-decoration: none;
}
#menu_responzive a:hover {
 border-bottom: 5px #ffffff solid;
 background-color: #cccccc;
 color: #444444;
 text-decoration: none;
}


/*____________________________________________________________________________________________________________________________ KATALOG___*/
.polozka {
 width: 100%;
 float: none;
}


/*____________________________________________________________________________________________________________________________ DETAIL___*/
.detail_img {
   position: relative;
   border-right: 0;
   width: 100%;
   text-align: center;
   float: none;
}


/*____________________________________________________________________________________________________________________________ FORM___*/
.pole {
   width: 90%;
}
.textpole {
   border:  1px solid;
   background-color: #eeeeee;
   margin: 0px 0px 0px 0px;
   padding: 6px;
   width: 90%;
   height: 100px;
   color: #111111;
   font-family: arial;
}
.label {
 padding-right: 30px;
 width: 20%;
 text-align: left;
 float: none;
}



/*____________________________________________________________________________________________________________________________ BOOTOM___*/
.box_botbox {
 padding: 0px 0px 30px 0px;
 width: 100%;
 text-align: center;
 float: none;
}




/*____________________________________________________________________________________________________________________________ BIGMENU___
.boxik_bigmenu {width: 32%; text-align: center; float: left;}
.boxik_bigmenu img {width: 65%;}
.boxik_bigmenu a {font-size: 12px;}
  */


/*____________________________________________________________________________________________________________________________ OBECNE___*/
.box50 {
   padding: 0px 10px 30px 0px;
   width: 100%;
   float: none;
}
.screen {
   display: none;
}
.mobil {
   display: block;
}

}