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


header {padding-bottom: 0px;}
header .top-menu ul li.screen {display: none;}
header .top-menu ul li.tablet {display: none;}
.logo {padding-top: 20px; width: 130px;}

.quick-contact {color:#000000; font-size:11px; font-weight: 500; text-align: right; float:right; padding:10px 0px 0 0;}
.quick-contact .tel{color:#C0AA76; font-size:18px; display:block; padding-bottom:2px; }
.quick-contact .tel img{width: 12px; vertical-align:middle; margin-top:-5px;}

.search {margin: auto; padding: 100px 0px 0px 0px; width: 100%; float: none;}
header form#search {margin: auto; padding: 0px 0px 0px 0px; width: 85%; height:37px; }
header form#search .search-input{height:37px; box-sizing: border-box; padding:0 40px 0 10px; float:left; width: 80%;  font-size:15px;}

header nav{background-color: #1e1e1e; width: 250px; font-weight: 500;}
header nav > ul{width:100%;margin:0; padding:0; list-style: none; display:table; border-top: 1px solid #1E1E1E; position:relative;}
header nav > ul > li{display: block; position:relative; border-bottom: 1px solid #eeeeee; width: 100%;}
header nav > ul > li > a{line-height: 47px; display:block; font-size:15px; color: #eeeeee; text-decoration: none; padding:0 5px; transition: all 0.2s linear;}
header nav > ul > li > a > img{margin-top:-3px; padding-right:5px;}
header nav > ul > li:hover > a{background: #E9DCBB; color: #1e1e1e;}
header nav > ul > li.aktiv a {background: #F7F0DE; color: #1e1e1e;}
header nav > ul > li.aktiv a:hover {background: #E9DCBB; color: #1e1e1e;}
header nav > ul > li:hover > ul{opacity:1; visibility: hidden; z-index: 100;}
header nav > ul > li > ul{position:absolute; top:100%; left:0; background: #E9DCBB; list-style: none; margin:0; padding:15px; color:#1d1d1d; width: 100%; opacity:0; visibility:hidden; text-align:center;}
header nav > ul > li > ul li{display:inline-block; padding:0 8px; text-align:center;}
header nav > ul > li > ul li a{text-decoration: none; font-size:13px; color:#1d1d1d; line-height: 22px;}
header nav > ul > li > ul li a:hover{text-decoration: underline}

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

.submenu_trideni_g {
 padding: 0 0 0 0;
}
.submenu_trideni_g a {
 padding: 2px 0 2px 0;
 width: 30%;
}

.homebanners {
 width: 100%;
 float: none;
}


/*____________________________________________________________________________________________________________________________ SWIPER___*/
.mySwiper {
 height: 290px
}
.swiper-slide div {
 position: absolute;
 bottom: 30px;
 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___*/
.polozka {
 max-width: 100%;
 float: none;
}

/*____________________________________________________________________________________________________________________________ DETAIL___*/
.detail_obraz {
 width: 100%;
}
.detail_popisy50 {
 width: 100%;
 float: none;
}

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

/*____________________________________________________________________________________________________________________________ OBJEDNÁVKA___*/
.objednavka {
 margin-top: 80px;
}
.objednavka50 {
 width: 100%;
 float: none;
}
.objednavka_pole {
 border: 2px solid #C8B47D;
 background-color: #ffffff;
 padding: 0 10px 0 10px;
 height: 43px;
 width: 80%;
}
.objednavka_pole_m {
 border: 2px solid #C8B47D;
 background-color: #ffffff;
 padding: 0 10px 0 10px;
 height: 43px;
 width: 50%;
}

.dotaz_pole {
 width: 90%;
}
.dotaz_text {
 width: 90%;
}

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


.kooperators div {
 padding: 0px 0px 30px 0px;
 width: 50%;
 text-align: center;
 float: left;
}

/*____________________________________________________________________________________________________________________________ BOOTOM___*/
.box_bottom_obsah {
   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;
}
.tablet {
   display: none;
}
.mobil {
   display: block;
}

}