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

/*____________________________________________________________________________________________________________________________ TOP___*/
.top {
 height: 130px;
}
.box_logo {
 position: absolute;
 top: 0px;
 left: 10px;
}
.box_logo img {
 width: 180px;
}
.box_search {
 position: absolute;
 right: 35%;
 top: 13px;
}
.box_kosik_empty {
   top: 0px;
   right: 10px;
}
.box_kosik_full {
   top: 0px;
   right: 10px;
}
#menu_responzive {
   margin: 60px 0 0 35%;
}


.swiper {
 margin-top: 130px;
}
.swiper-slide div {
 position: absolute;
 bottom: 30px;
 left: 30px;
 border-radius: 15px;
 background: rgba(0, 0, 0, 0.7);
 padding: 20px;
 font-size: 20px;
 color: #ffffff;
 text-align: left;
}
.swiper-slide div b {
 font-size: 30px;
}
}


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

/*____________________________________________________________________________________________________________________________ TOP___*/
.box_search {
 position: absolute;
 right: 30%;
 top: 13px;
}
.box_search input[type="text"] {
 padding: 8px 5px 8px 5px;
 margin: 0px 0px 0px 0px;
 width: 130px;
}
#menu_responzive {
   margin: 60px 0 0 20%;
}


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


/*____________________________________________________________________________________________________________________________ ILUSTRACE___*/
.ilustrace {
 background-repeat: no-repeat;
 background-position: center top;
 background-size: cover;
 height: 350px;
}


/*____________________________________________________________________________________________________________________________ KATALOG___*/
.i_polozka {
 width: 50%;
 float: left;
}
.polozka {
 width: 50%;
 float: left;
}

/*____________________________________________________________________________________________________________________________ DETAIL___*/
.detail_img {
 width: 100%;
 float: none;
}
.detail_obraz {
 margin: auto;
}
.detail_popisy {
 position: relative;
 width: 100%;
 float: none;
}

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



/*____________________________________________________________________________________________________________________________ BOOTOM___*/
.box_bottom_cast {
 padding-bottom: 20px;
 width: 47%;
}


/*____________________________________________________________________________________________________________________________ OBECNE___*/
.box50 {
   padding: 0px 10px 30px 0px;
   width: 99%;
   float: left;
}
.box50r {
   padding: 0px 10px 30px 0px;
   width: 99%;
   float: right;
}

}