#mobile_menu
{
border: 0px dotted red;
width: 100%;
margin: 7px 0 0 0;
padding: 0 0 0 0;
/*background: #EEEEEE;*/
display: flex;
justify-content: space-evenly;
}
#mobile_menu div
{
border: 0px solid #000000;
border-radius: 6px;
width: 48px; width: 44px;
height: 48px; height: 40px;
margin: 0px 4px 0px 4px;
padding: 4px 4px 4px 4px;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
#mobile_menu #header_menu_button
{
/*background: url(../img/icons/menu_36x36.png) 4px 5px no-repeat;*/
}
#mobile_menu #search
{
/*background: url(../img/icons/search_36x36.png) 4px 5px no-repeat;*/
}
#mobile_menu #header_contact_button
{
/*background: url(../img/icons/phone_32x32.png) 6px 6px no-repeat;*/
}
#mobile_menu #mobile_cart
{
/*background: url(../img/icons/bag_36x36.png) 4px 5px no-repeat;*/
}
#mobile_menu #mobile_cart div
{
border: 1px solid #CC0000;
border-radius: 10px;
display: block;
float: right;
background: #CC0000;
padding: 1px 5px;
margin: 0;
margin: -3px -3px 0 0;
width: auto;
height: auto;
font-size: 0.9em;
font-weight: bold;
color: #FFFFFF;
text-shadow: 1px 1px 1px #000024;
}
#mobile_menu #catalog_button_header
{
text-align: center; padding-top: 3px; text-transform: uppercase;
font-weight: bold;
}

#sidebar_left.ontop {
border: 0px dotted red;
position: absolute;
top: 0px;
left: 0px;
float: left;
width: 80%;
background: #FFFFFF;
z-index: 3;
display: block;
}
#sidebar_left #ontop_close_button, #sidebar_left #ontop_close_button.hidden {
visibility: hidden;
height: 0;
display: none;
}
#sidebar_left #ontop_close_button.visible {
border: 0px dotted red;
width: 50px;
height: 50px;
background: url(../img/close.png) 5px 5px no-repeat;
position: relative; position: absolute;
top: 0;
left: 50px; left: 100%;
z-index: 4;
display: block;
visibility: visible;
}
#sidebar_left #ontop_close_button.visible:hover {
cursor: pointer;
}
#sidebar_left.ontop .menuv li {}
#sidebar_left.ontop .menuv li a {}
#sidebar_left.ontop .menuv li a:hover {}
#sidebar_left.ontop h3, #sidebar_left.ontop .h3, #sidebar_left.ontop .h4 {}
#ontopbg, #ontopbg.visible
{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../img/fon/overlay_3.png);
z-index: 2;
}
#ontop_tel
{
border: 0px dotted red;
text-align: center;
padding: 0;
margin: 0.5em 0 0.75em 0;
background: none;
visibility: visible;
}
#ontop_tel.hidden {visibility: hidden;}
#ontop_tel button
{
border: 0px dotted red;
text-align: center;
padding: 1em 0.5em;
font-size: 1.25em;
padding: 0;
margin: 0;
background: none;
color: #003399;
font-weight: bold;
cursor: pointer;
}
#ontop_tel button:hover {color: #A5A7AA;}


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

#mobile_menu div
{
border: 0;
/*border: 2px solid #000000;*/
border-radius: 6px;
width: 38px;
height: 38px;
margin: 5px 2px 5px 2px;
}

}


@media only screen and (min-width: 480px)
{
#mobile_menu div
{
/*border: 2px solid #000000;*/
border-radius: 6px;
width: 50px;
height: 38px;
margin: 5px 2px 5px 2px;
}
#mobile_menu #header_menu_button {display: none;}
}


@media only screen and (min-width: 600px)
{
#mobile_menu {width: 260px; width: auto; margin: 0px 0px 4px 0px; order: 2;}
#mobile_menu div {margin: 0px 5px 0px 5px;}
#mobile_menu #header_contact_button {display: none;}
.fa.fa-list.fa-2x {margin-top: 2px;}
}


@media only screen and (min-width: 768px)
{
/*#mobile_menu {display: none;}
#mobile_menu #catalog_button_header {display: none;}*/

}


@media only screen and (min-width: 800px)
{
#mobile_menu {margin: 0px 7px 4px 0px;}
#mobile_menu div {padding: 3px; align-self: center;}
}


@media only screen and (min-width: 900px)
{
#mobile_menu {margin: 0px 7px 0px 0px;}
#mobile_menu div {height: 50px; align-self: center;}
#mobile_menu div i {margin: 6px 4px 10px 4px;}
}

@media only screen and (min-width: 1000px)
{
#head #head_adres .fm {margin: 10px;}
#mobile_menu {order: 4; /*margin: 0 0 -54px auto;*/ margin: 0 0 0px auto; /*z-index: 1;*/}
#mobile_menu div {height: 50px; padding: 3px; align-self: center;}
#mobile_menu div i {margin: 6px 4px 6px 4px;}
/*#mobile_menu {display: none; visibility: hidden;}*/
#mobile_menu #catalog_button_header {display: none; visibility: hidden;}
}


@media only screen and (min-width: 1100px)
{
#mobile_menu {margin: 0 0 0px auto; z-index: 0; align-items: center;}
}