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

/*____________________________________________________________________________________________________________________________ TOP___*/
.box_top {
 height: 150px;
}
.box_logo {
 padding: 45px 0px 0px 0px;
}
.box_logo img {
 width: 180px;
}
.box_flags {
 position: absolute;
 right: 10px;
 top: 40px;
 text-align: right;
}
.box_kosik {
 position: absolute;
 right: 0px;
 top: 75px;
 padding: 0px 0px 0px 0px;
}
.box_search {
 position: absolute;
 left: 50%;
 top: 120px;
 margin-left: -110px;
 width: 250px;
}
.box_search input[type="text"] {
 width: 200px;
}

.box_klient {
 position: absolute;
 right: 10px;
 top: 5px;
 padding: 5px 0px 5px 0px;
 color: #cccccc;
 font-size: 14px;
 text-align: right;
}


/*____________________________________________________________________________________________________________________________ TOPMENU___*/
#logo_mobile {
 display: block;
 position: absolute; 
 top: 5px;
 left: 0px; 
 padding: 0px 0px 0px 5px;
}

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

#menu_responzive {
 background-color: #212121;
 width: 200px;
 z-index: 30;
}
#menu_responzive li {
 display: block;
 padding: 0px 0px 0px 0px;
}
#menu_responzive a {
 display: block;
 border-bottom: 5px #ffffff solid;
 padding: 10px 15px 10px 15px;
 width: 100%;
 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;
}


/*____________________________________________________________________________________________________________________________ ILUSTRACE___*/
.mySwiper {
 height: 220px
}
.swiper {
 margin-top: 165px;
}
.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: 17px;
}

.ilu_empty {
 background-color : #aaaaaa;
 height: 205px;
}


/*____________________________________________________________________________________________________________________________ SUBMENU___*/
.info_obsah div {
 width: 100%;
 text-align: center;
 float: none;
}
.info_obsah div img {
 width: 50%;
}

.submenu_obsah div {
 position: relative;
 width: 50%;
 float: left;
}
.submenu_obsah div a div {
 position: absolute;
 bottom: 0;
 left: 0;
 border-top: 5px #eeeeee solid;
 padding: 10px 5px 15px 0;
 width: 60%;
 color: #eeeeee;
 font-size: 18px;
 text-align: right;
}

.box_katmenu {
 width: 25%;
 float: left;
}
.box_katmenu_link {
 border: 1px #cccccc solid;
 margin: 5px;
 font-size: 14px;
 text-align: center;
}
.box_katmenu_text {
 height: 40px;
}


/*____________________________________________________________________________________________________________________________ OBSAH___*/
.box_katalog {
 width: 100%;
 float: none;
}
.clanek img {
 margin: 0px 0px 20px 0px; 
 width: 100%;
 float: none;
}


.box_technology div {
 height: 320px;
}


.obraz_r {
 border: #444444 2px solid; 
 margin: 0px 0px 15px 0px; 
 width: 100%;
 float: none;
}
.obraz_l {
 border: #444444 2px solid; 
 margin: 0px 0px 15px 0px; 
 width: 100%;
 float: none;
}

.box_kontakt_cz {
 width: 100%;
 float: none;
}
.box_kontakt_sk {
 padding-left: 0px;
 width: 100%;
 float: none;
}


/*____________________________________________________________________________________________________________________________ KATALOG___*/
.polozka {
 margin: 30px auto;
 width: 100%;
 float: none;
}
.polozka_nazev {
 padding: 8px 8px 10px 8px;
 font-size: 20px;
}
.polozka_dostupnost {
 position: absolute;
 right: 5px;
 top: 70px;
}
.polozka_nedostupnost {
 color: #777777;
}
.polozka_doprava {
 position: absolute;
 right: 5px;
 top: 140px;
}

.polozka_var {
 margin-bottom: 30px;
 width: 50%;
 float: left;
}

/*____________________________________________________________________________________________________________________________ DETAIL___*/
.detail_img {
 width: 100%;
}
.detail_img a img {
 width: 100%;
}
.detail {
 width: 100%;
 float: none;
}
.detail_doprava {
 position: absolute;
 right: 0px;
 top: 70px;
 border-radius: 50%;
 background-color: #007700;
 padding-top: 30px;
 width: 90px;
 height: 60px;
 color: #ffffff;
 font-size: 13px;
 text-align: center;
}

.detail_galery {
 width: 100%;
 float: none;
}
.detail_galery img {
 border: 0;
 width: 100%;
}

/*____________________________________________________________________________________________________________________________ OBJEDNÁVKA___*/
.sumarizace {
   width: 100%;
}


/*____________________________________________________________________________________________________________________________ BOTTOM___*/
.box_bottom_cast {
 padding: 0px 0px 40px 0px;
 width: 100%;
 text-align: center;
 float: none;
}
.box_bottom_castm {
 padding: 0px 0px 40px 0px;
 width: 100%;
 text-align: center;
 float: none;
}


/*____________________________________________________________________________________________________________________________ OBECNE___*/
.screen {
 display: none;
}
.no_tablet {
 display: block;
}
.box33 {
 width: 100%;
 float: none;
}
.box50 {
 width: 100%;
 float: none;
}
.box50 img {
 margin-bottom: 20px;
 width: 55%;
}

}