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

.hitop {
 background-color: #3c9b00;
 height: 60px;
}
.top {
 height: 115px;
}
.box_logo {
 position: absolute;
 top: 10px;
 left: 5px;
}
.box_logo img {
 width: 130px;
}
.box_search {
 position: absolute;
 right: 5px;
 top: 12px;
}

.box_kosik_empty {
   top: -55px;
   right: 10px;
}
.box_kosik_full {
   top: -55px;
   right: 10px;
}

#logo_mobile {display: block;}
.noscreen {position: absolute; top: 0px; left: -200px;}
.nooscreen {position: absolute; top: 0px; left: -200px; animation-name: gono; animation-duration: 500ms; animation-direction: linear;}
@keyframes gono {0% {left: 0px;} 100% {left: -200px;}}
.onscreen {position: absolute; top: 0px; left: 0px; animation-name: goon; animation-duration: 500ms; animation-direction: linear;}
@keyframes goon {0% {left: -200px;} 100% {left: 0px;}}

#menu_responzive {
   background-color: rgba(0, 0, 0, 0.7);
   margin: 0 0 0 0;
}
#menu_responzive li {
   float: none;
}
#menu_responzive a {
   border-bottom: 2px #000000 solid;
   padding: 10px 40px 0px 40px;
}


/*____________________________________________________________________________________________________________________________ SWIPER___*/
.mySwiper {
 height: 290px
}
.swiper {
 margin-top: 117px;
}
.swiper-slide div {
 position: absolute;
 bottom: 15px;
 left: 15px;
 border-radius: 15px;
 background: rgba(0, 0, 0, 0.7);
 padding: 10px;
 font-size: 15px;
 color: #ffffff;
 text-align: left;
}
.swiper-slide div b {
 font-size: 20px;
}


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

/*____________________________________________________________________________________________________________________________ OBSAH___*/
.benefits .item {display: inline-block; width: 45%; text-align: center; padding: 0 0 15px 0;}


/*____________________________________________________________________________________________________________________________ BOOTOM___*/
.box_bottom_cast {
   width: 100%;
   text-align: center;
}




/*____________________________________________________________________________________________________________________________ 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;
}

}