#kontakt_mobile_buttons
{
    width:100%;
    /*margin-bottom:20px;*/
    display:none;
}

.kontakt_mobile_button_box
{
    width:33%;
    text-align:center;
    float:left;
}

.kontakt_mobile_button
{
    color:#2E3095;
    padding:5px 10px;
    /*background:#fff;*/
    background:#FEDE00;
    cursor:pointer;
    display:inline-block;
    margin: 10px 0px;
    /*border: 4px solid #2E8CC8;*/
    font-size:15px;
    border:2px solid #fff;
    border-radius:4px;
    text-decoration:none;
    font-weight:bold;
    
}

#mobile_menu
{
    width:240px;
    padding:8px 0;
    background:#2E3192;
    color:#fff;
    cursor:pointer;
    text-align:center;
    border-radius:9px;
    margin:10px auto 0px;
    display:none;
    border-bottom:solid 4px #FEDE00;
    
}

#mm_icon
{
    width: 25px;
    vertical-align: middle;
    position: relative;
    top: -3px;
    left: 4px;
}

.baner_mobile
{
    display:none;
}

#go_up
{
    display:none;
    margin:10px auto;
    cursor:pointer;
}

@media (max-width:920px)
{
    body 
    {
        width:100%;     
        height:auto;   
    }
    
    .center
    {
        width:100%;
        overflow:hidden;
    }
    
    #TRESC
    {
        height:auto;
    }
    
    #TRESC img 
    {
        max-width:90%;
        float:none !important;
        margin:10px !important;
    }
    
    .not_mobile 
    {
        display:none;
    }
    
    .footlink
    {
        display:none;
    }
    
    .index_gallery
    {
        text-align:center;
    }
    
    footer
    {
        text-align:center;
        width:94%;
        padding:10px 3%;
        height:auto;
    }
    
    #kontakt_mobile_buttons
    {
        display:block;
    }
    
    iframe
    {
        float:none;
        max-width:80%;
    }
}

@media (max-width:780px)
{
    #MENU
    {
        float:none;
        width:100%;
        margin:0;
        display:none;
    }
    
    #MENU.active
    {
        display:block;
    }
    
    #MENU li, #MENU ul
    {
        display:block;
        width:100%;
        margin:0;
        padding:0;
    }
    
    #MENU li:focus, #MENU ul:focus, #MENU li button:focus, #MENU ul button:focus
    {
        outline:none;
    }
    
    #MENU li button, #MENU ul button
    {
        width:100% !important;
        float:none;
        margin:0 !important;
        padding:0 !important;
        text-align:center;
        background:#FEDE00;
        color:#2E3192;
    }
    
    #MENU ul button
    {
        background:#599ad6;
        color:#FEDE00;
    }
    
    #MENU li button img, #MENU ul button img 
    {
        display:none;
    }
    
    #TRESC
    {
        margin:10px 20px;
    }
    
    .menu
    {
        display:none;
    }
    
    #mobile_menu
    {
        display:block;
    }
    
    .baner
    {
        display:none;
    }
    
    .baner_mobile
    {
        display:block;
        margin: 0 auto;
        width:100%;
    }
    
    #logo
    {
        margin:0;
        background:#FEDE00;
        padding:10px 0;
        text-align:center;
        font-size:18px;
        color:#2E3192;
    }
    
    #logo br
    {
        display:none;
    }
    
    .socials_profile
    {
        display:block;
    }
    
    .social_link
    {
        display:inline-block;
        padding:4px;
        background:#FEDE00;   
        color:#2E3192; 
        border-radius:7px;
    }
    
    #TRESC.kontakt
    {
        text-align:center;
    }
    
    #TRESC.galeria
    {
        text-align:center;
    }
    
    .preview img
    {
        height:auto;
    }
    
    input, textarea
    {
        display:block;
        width:80% !important;
        margin:6px auto;
    }
    
    #go_up
    {
        display:block;
    }
}