#mobile_menu_btn
{
    display:none;
    width:32px;
    height:32px;
    position:absolute; 
    right:15px;
    top:15px;
    cursor:pointer;
    background:url(/images/menu.png) no-repeat;
}

#mobile_logo
{
    display:none; 
}

#mobile_login
{
    background:url(/images/dialog.png) bottom 12px center no-repeat;
    color:#7f7f7f !important;
    font-weight:bold;    
    
    height: 37px !important;    
    padding: 18px 31px 0px 19px !important; 
    display:none !important;
}

@media (max-width:1100px)
{
    #footer, #page
    {
        min-width:300px;
    }
}

@media (max-width:800px)
{   
    .footer_menu
    {
        position:static;
        margin-bottom:10px;
    }
    
    #mobile_menu_btn
    {
        display:block;
    }
    
    #mobile_logo
    {
        height: 60px;
        width: 200px;
        border:0px;
        margin:0px 10px;
        padding:0px;
        display:block;
        background:url(/images/logo.png) no-repeat;
    }
    
    #mobile_login
    {
        display:inline-block !important;
    }
    
    #footer>div
    {
        padding:10px !important;
    }
    
    #menu_bg
    {
        min-width:300px;
        position:relative;
    }
    
    #menu
    {
        max-width:170px !important;
        position:absolute;
        top:60px;
        right:-100%;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
        z-index:1000;
    }
    .mobile_menu
    {
        right:0px !important;
    }
    
    #menu>a, #menu>a:focus, #menu>a:active
    {
        display:block;
        width:auto;
        text-align:center;
    }
    #menu>a:hover
    {
        border-top-width:5px;
        padding:15px 25px 0px; 
    }
    
    #menu>a:first-child
    {
        display:none;
    }
    
    .btnHelp
    {
        display:inline-block !important;
    }
    
    .btnDialog
    {
        display:inline-block !important;
    }
    .btnDialog:hover
    {
        padding: 18px 31px 0px 19px !important; 
    }
    
    #Like
    {
        display:inline-block !important;
    }
}

@media (max-width:550px)
{  
    .cities a, .cities a:focus, .cities a:active 
    {
        width:120px;
    }
    .catWindow 
    {
        padding:5px;
        width:280px;
        right:5px;
    }
    .regions, .cities
    {
        display:inline-block;
        vertical-align:top;
        width:130px;
    }
    .regions div, .regions a
    {    
        width:130px;
    }
    .cities div
    {
        display:none;
        margin-left:10px;    
    }
    #accLogin, #turLogin
    {
        padding:5px;
    }
    #login-form
    {
        right:5px;
    }
}