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

header .top-menu ul li.screen {display: none;}
.search {padding: 35px 0px 0px 20px; float:left;}

header nav > ul > li > a{display:block; font-size:13px; color:#1d1d1d; text-decoration: none;  padding: 0px 5px 0px 5px; transition: all 0.2s linear;}

/*____________________________________________________________________________________________________________________________ SWIPER___*/
.mySwiper {
 height: 370px
}
.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;
 line-height: 30px;
}
.swiper-slide div b {
 font-size: 30px;
}


/*____________________________________________________________________________________________________________________________ KATALOG___*/
.polozka {
 max-width: 33%;
 float: left;
}

/*____________________________________________________________________________________________________________________________ DETAIL___*/
.souvisejici {
 position: relative;
 margin-bottom: 30px;
 width: 50%;
 float: left;
}

}


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


.logo {width: 200px;}
.search {padding: 20px 0px 0px 20px; float:left;}

.homebanners {
 width: 50%;
 float: left;
}
.box_reklama {                                       /* hcy */
 background-image: url("/img/hcy-vitality.jpg");
 background-repeat: no-repeat;
 background-position: center top;
 background-size: cover;
 height: 150px;
}

.submenu_trideni_g a {
 width: 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;
}


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

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

.krabicky_boxik {
 width: 25%;
 text-align: center;
 float: left;
}

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



/*____________________________________________________________________________________________________________________________ BOOTOM___*/
.box_bottom_obsah {
   width: 47%;
}


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

.screen {
   display: block;
}
.tablet {
   display: block;
}
.mobil {
   display: none;
}

}