@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
    
    #box-head {
        height: auto;    
    }
    
    #box-logo {
        position: static;
        padding: 20px;  
        text-align: left;
    }
    
    #box-navigation {
        position: absolute;
        padding: 12px 0;  
        width: auto;
        margin: 0 auto;
        text-align: center;
        float: none;  
        clear: left;         
    }
    
    #box-slider .slider-menu ul li {
        width: 28px;  
        overflow: hidden; 
    }
    
    #box-slider .slider-menu ul li img {
        width: 20px;  
        overflow: hidden; 
    }
    
    #box-slider .slider-menu ul li a {
        
     }
    
    #box-content {
        padding: 12px;   
    }
    
    #box-content .content-block {
        padding: 0; 
    }
    
    #box-content .content-block .home-col,
    #box-content .content-block .content-filter-item {
        float: none;
        width: auto;
        min-width: auto;
        border-bottom: 1px solid #ccc;     
    }
    
    #box-content .content-block .home-col-last {
        border: 0;   
    }
    
    #box-content .content-block h1 {
        position: static;
        padding: 12px 0;   
    }   
    
    #box-content .content-block h2 {
        position: static;
        padding: 12px 0;   
    }   
    
    #box-content .content-block p {
        padding: 12px 0;
    }
    
    #box-content .content-block ul.content-info,
    #box-content .content-info  {
        position: static;   
        width: auto;
    }    
    
    #box-calendar table {
        padding: 10px 0;
        margin: 10px; 
        float: none;
        width: 100%;
        min-width: auto;  
    }

    #box-content .content-map {
        padding-right: 0;  
    }
    
    #footer {
        padding: 12px;   
        margin: 0;
    }
    
    #box-toggle {
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 40px;
        height: 40px;
        z-index: 600;
    }
    
    #box-toggle a {
        display: block;
        width: 40px;
        height: 40px
    }

    #box-navigation {
        background: rgba(255, 255, 255, 0.9);
        margin: 0;
        left: 0;
        right: 0;
        padding: 0;
        z-index: 500;  
        border-bottom: 4px solid #000;
        display: none;
    }
    
    #box-navigation ul li {
        float: none;  
        position: static;
        width: auto; 
        height: auto;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #ccc;
    }
    
    #box-navigation ul.min li {
        display: none;   
    }
    
    #box-navigation ul li.selected,
    #box-navigation ul li.home {
        display: block;   
    }
    
    #box-navigation ul li a,
    #box-navigation ul li span,
    #box-navigation ul li a:hover,
    #box-navigation ul li a:hover span {
        width: auto;
        height: auto;
        background: none !important;
        position: static;
        text-align: left;
    }
    
    #box-navigation ul li span {
        padding: 16px 20px;   
    }
    
    #box-navigation ul li a:hover,
    #box-navigation ul li a:hover span {
        background-color: #fff !important;   
    }
    
    #box-navigation .sub span {
        padding-left: 40px !important;
    }
    
    #box-content .content-filter-distance {
        right: 20px; 
        top: 24px; 
        left: auto; 
    }
        
    #box-content .form-block {
        padding: 8px 0;
        margin: 0 20px 0 0;
    }
        
    #box-content .form-label,
    #box-content .form-field {
        float: none;
        width: auto;   
    }
    
    #box-content div.content-shop-image {
        position: static;   
    }
    
    #box-content div.content-shop-price {
        right: 20px;
        top: 36px;
    }
}