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

/*____________________________________________________________________________________________________________________________ TOP___*/
.box_logo {
   padding-top: 10px;
   float: left;
}
.box_logo img {
   width: 130px;
}
.box_slogan {
   padding: 20px 0px 0px 50px;
   float: left;
}
.box_kontakty {
   float: right;
}

.ilustrace {
   background-color: #D3D5C8;
}
.box_ilustrace {
   padding: 0px;
}
.box_ilustrace_levy {
margin-right: 0px;
padding: 15px 10px 15px 10px;
}
.box_ilustrace_pravy {
width: 95%;
float: none;
}


/*____________________________________________________________________________________________________________________________ TOPMENU___*/
.top_menu {
   background-color: #303030;
}
#logo_mobile {display: none;}
#menu_responzive {
   margin: auto;
   padding: 0px 10px 0px 10px;
   max-width: 1100px;
}
#menu_responzive ul {
   display: table; margin: 0; padding: 0; width: 100%; list-style: none;
}
#menu_responzive li {
   display: block;
}
#menu_responzive a {
   display: block;
   padding: 10px  12px 0px 12px;
   height: 29px;
   color: #F3F3F1;
   font-size: 18px;
   font-weight: 400;
   text-align: center;
   text-decoration: none;
}
#menu_responzive a:hover {
   background-color: #0c9746;
   color: #ffffff;
   text-decoration: none;
}


/*____________________________________________________________________________________________________________________________ BIGMENU___*/
.box_bigmenu a {
   display: block;
   width: 44%;
   float: left;
}


/*____________________________________________________________________________________________________________________________ OBSAH___*/
.img_ilustrace {
margin: 0px 20px 20px 0px;
float: none;
}
.box_obsah p {
   text-align: justify;
}

.reference_small {
width: 49%;
}

/*____________________________________________________________________________________________________________________________ KATALOG___*/
.box_produkt {
display: inline-block;
margin: 0px 2px 20px 2px;
width: 96%;
}

/*____________________________________________________________________________________________________________________________ DETAIL___*/
.detail_img {
   width: 100%;
}

.detail_galery {
   width: 100%;
}

/*____________________________________________________________________________________________________________________________ BOTTOM___*/
.box_bottom {
padding: 10px 0px 10px 0px;
}
.box_botmenu {
display: block;
float: none;
}
.box_botmenu a {
display: block;
padding: 10px 0px 10px 0px;
width: 100%;
}


/*____________________________________________________________________________________________________________________________ OBECNE___*/
img {
   border: 0px;
}
hr {
   background-color: #cccccc;
}
.clear {
   clear: both;
}
.left {
   text-align: left;
}
.center {
   text-align: center;
}
.right {
   text-align: right;
}
.justify {
   text-align: justify;
}
.bold {
   font-weight: bold;
}
.fullsize {
   width: 100%;
}
.flo_left {
   float: left;
}
.flo_right {
   float: right;
}
.box25 {
   margin-bottom: 10px;
   padding-bottom: 4px;
   width: 25%;
   text-align: center;
   float: left;
}
.box25r {
   margin-bottom: 10px;
   padding-bottom: 4px;
   width: 25%;
   text-align: center;
   float: right;
}
.box25,.box25r img {
   margin-bottom: 3px;
   width: 98%;
}
.box33 {
   width: 100%;
   float: left;
}
.box33 img {
   padding-bottom: 10px;
   width: 98%;
}
.box50 {
   padding-bottom: 20px;
   width: 100%;
   float: left;
}
.box50 img {
   margin-bottom: 30px;
   width: 100%;
}
.box50r {
   width: 50%;
   float: right;
}
.box50r img {
   margin-bottom: 30px;
   width: 100%;
}
.invisible {
   display: none;
}

}