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

#confirmcookies .box {
 padding: 15px 0px 15px 0px;
 font-size: 16px;
}
.but_no {
 display: inline-block;
 border: #6eb100 1px solid;
 border-radius: 8px;
 background-color: #fafafa;
 padding: 8px 0px 8px 0px;
 margin: 0px 0px 20px 20px;
 width: 130px;
 color: #222222;
 font-size: 14px;
 text-align: center; 
 text-decoration: none;
}
.but_ok {
 display: inline-block;
 border: 0;
 border-radius: 8px;
 background-color: #00aa00;
 padding: 8px 0px 8px 0px;
 margin: 0px 0px 20px 20px;
 width: 130px;
 color: #ffffff;
 font-size: 14px;
 text-align: center; 
 text-decoration: none;
}
#setingcookies {
 visibility: hidden;
 position: fixed; 
 bottom: 0; 
 left: 0;
 margin-left: 0px;
 padding: 0px 0px 10px 10px;
 width: 90%; 
 background-color: #ffffff;
 font-size: 12px;
 z-index: 30;
}


/*____________________________________________________________________________________________________________________________ TOP___*/
.top {
 padding: 10px 0px 10px 0px;
 height: 90px;
}
.logo {
 position: absolute;
 left: 10px;
 top: 0px;
 height: 40px;
}

.box_search {
 position: absolute;
 left: 10px;
 top: 55px;
 margin-left: 0px;
}
.box_search input[type="text"] {
 width: 110px;
}

.box_kosik {
 position: absolute;
 right: 10px;
 top: 60px;
 padding: 0px 0px 0px 0px;
 line-height: 17px;
}


/*____________________________________________________________________________________________________________________________ TOPMENU___*/
#logo_mobile {
 display: block;
 position: absolute; 
 top: 0px; 
 right: 10px; 
}

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

.menu {
 background-color: #777777;
 height: 0px;
}
.box_menu {
 position: relative;
 margin: 0;
 max-width: 300px;
}
#menu_responzive {
 padding: 0;
 float: none;
 z-index: 100;
}
#menu_responzive li {
 display: block;
}
#menu_responzive a {
 display: block;
 border-bottom: 5px #ffffff solid;
 padding: 10px 15px 10px 15px;
 width: 270px;
 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___*/
.ilustrace {
 height: 300px;
}
.box_ilustrace {
 height: 300px;
}
.slogan {
 position: absolute;
 left: 25px;
 top: 50px;
 color: #eeeeee;
 font-size: 20px;
 font-weight: 300;
 line-height: 35px;
}
.slogan span {
 font-size: 30px;
 font-weight: 300;
}

.ilu_katalog {
 background-repeat: no-repeat;
 background-position: center top;
 background-size: cover;
 height: 270px;
}

/*____________________________________________________________________________________________________________________________ SUBMENU___*/
.submenu a {
 font-size: 17px;
}


/*____________________________________________________________________________________________________________________________ OBSAH___*/
h1 {
 font-size: 26px;
}
h2 {
 font-size: 22px;
}

.box_instagram img {
 width: 50%;
 float: left;
}


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

/*____________________________________________________________________________________________________________________________ DETAIL___*/
.detail_foto {
 padding-bottom: 40px;
 width: 100%;
 float: none;
}
.detail_img {
 position: relative;
}
.detail_img img {
 width: 90%;
}
.detail_popisy {
 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%;
}

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


/*____________________________________________________________________________________________________________________________ BOTTOM___*/
.bottom_cast {
 padding-bottom: 20px;
 width: 100%;
 text-align: center;
 float: none;
}


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

}