.fixed #toggle-mobile {
    display:block !important;
}
@media only screen and (min-width: 768px) {}                
@media only screen and (min-width: 992px) {}
@media only screen and (max-width: 992px) {
    #page, #header, .wrap-in, .col, #intro, #body .content, .fotky-wrap {
        width: 100%;
        height: auto;
    }      
    #logo {                                                 
        position: relative;
        left: auto;
        top: auto;
        margin: auto;
        width: auto;
        max-width: 100%;
        background: none;
    }
    #logo span {
        display: none;
    }
    #logo img {
        position: relative;
        width: auto;
        max-width: 90%;
        height: auto;  
    }
    #topmenu {
        position: relative;
        top: auto;
        left: auto; 
        text-align: center;
        padding-bottom: 15px; 
    }
    #topmenu li a {
        display: inline-block;
        float: none;
    }

    #body {
        margin: auto;
        width: 100%;
        overflow: hidden;
    }
    #intro {
        float: none;
        background: #eeeeee url(../images/intro-bg-mobile.png) repeat-x 100% 100%; 
    }
    .content {
        overflow: hidden;
    }             

    .tabs {
        width: 100%;
    }
    .tabs li a {
        max-width: 32%;
        text-align: center;
        overflow: hidden;
        padding: 0 5px;
    }

    .fotky li a, .fotky li a:hover {
        width: auto;
        max-width: 100%
    }
    .slideshow,
    .fotky-wrap {
        float: none;
        width: auto;
        max-width: 100%;
        margin-bottom: 15px;
        overflow: hidden;
        height: auto;
    }
    .slideshow {
        width: auto !important;
    }
    .slideshow a {
        overflow: hidden;
        min-height: 30px;
        height: auto !important;
    }
    .slideshow a img {
        width: 100%;
        height: auto !important;
    }
    .slideshow a, .slideshow a:hover,
    .slideshow .bg {
        width: 100% !important;
        
    }
    .fotky-wrap  {
        
    }
    .fotky-wrap > div {
        margin: auto;
    }
    .fotky  {
        height: auto;
        min-height: 10px;
        text-align: center;
    }
    .fotky li {
        

        margin: auto;
        display: inline-block;
        text-align: center;
        float: none;
    }
    .fotky li a,
    .fotky li img,
    .slideshow a,
    .slideshow img {
        width: auto;
        height: auto;
        max-width: 100%;
        margin: 0;
    }

    .fotky li a, .fotky li a:hover {

    }
    .fotky li a .nazev {
        left: 10px;
    }
    .video_odkaz {
        position: relative;
        padding: 0 0 15px;
        display: block;
    }
    ul.aktuality, ul.aktuality li.last {
        padding: 0;
    }
    .bannery img {
        width: auto;
        max-width: 100%;
        margin: 0 -5px;
    }
    .prev, .next {
        top: 50%;
        margin-top: -15px;
    }
    .prev {
        left: 0;
    }
    .next {
        right: 0;
    }


    #footer .col1,
    #footer .col2 {
        width: 50%;
        text-align: center;
    }
    #footer .col1 .fl-left,
    #footer .col2 .fl-right {
        min-height: 120px; 
    }
    #footer .col1 .fl-left,
    #footer .col2 .fl-right,
    #footer .col1 p,
    #footer .col2 p {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0 auto 15px;
    }
    
    #ohraniceni-virtualky object {
        width: auto;
        max-width: 100%;
        height: auto;        
    }
    #ohraniceni-virtualky embed {
        max-width: 100%;
    }
    #mapa_poloha_wifi {
        max-width: 100%;
    }
    #menu li a {
        width: auto;
        float: none;
    }
    .tabs-rest li a {
        float: none;
    }
    .provoz {
        float: none;
        clear: both;   
    }
    #mapa_poloha_restaurace {
        max-width: 100%
    }
}

@media only screen and (max-width:767px) {
    #topmenu {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 16px;
    }
    
    #logo-flash {
        position: relative;
        margin: auto;
        left: auto;
        top: auto;
        text-align: center;
    }
    #logo-flash img {
        max-width: 100%;
    }

}

@media only screen and (max-width: 495px) {
    #header {
        
    }
    #fb {
        top: 135px;
    }
    #lang {
        top: 252px;
    }

    #topmenu li a {
        width: 100%;
        padding: 15px 0;
        height: auto;
        line-height: 100%;
        background: none;
        border-top: 1px solid #222;
        border-bottom: 1px solid #555;
    }
    #topmenu li:first-child a {
        border-top: 0;
    }
    #logo-flash {
        border-top: 1px solid #222;
        width: 100%;
        text-align: center;
        height: auto;
    }
    

    #intro {
        margin: 25px -5px 20px;
    }
    .tabs {
        position: relative;
    }
    .tabs li a {
        width: 100%;
        max-width: 100%;
        float: none;
        text-align: center;
        padding: 0;
    }
    .tabs-content {
        margin-top: 10px;
    } 
    .tabs-content img {
        max-width: 100%;
    }
    .tab-contents img.fl-left, .tab-contents img.fl-right, 
    .tab_content img.fl-left, .tab_content img.fl-right {
        float: none;
        display: block;
        margin: 0px auto 15px;
    }
    .tab_content p {
        text-align: left;
    }
    .tabs-content-odchozi {
        padding: 20px;
    }

    #topmenu li a {
        background: none;
    }

    #footer .col2 {
        padding-top: 35px;
        background: transparent url(../images/hr.png) repeat-x 0 0;
    }

    #footer .col1, #footer .col2 {
        width: 100%;
        float: none;
    }
    #copyright, #links {
        float: none;
        display: block;
        text-align: center;
        padding: 15px 0 0;
        margin: 0 auto;
    } 

}
@media only screen and (min-width: 1200px) {}
.fixed #toggle-mobile {
    display: none;
}
@media only screen and (max-width:960px) {
    #toggle-mobile {
        display:block;
    }
    #toggle-mobile a {
        display: inline-block;
    }
}
@media only screen and (min-width: 960px) {
    .fixed #toggle-mobile {
        /*display:none;*/
    }
}