@media (max-width: 1249px)
{
    #container {
        width: 970px;        
    }
    
    div#svisle_menu
    {
        //display:none;
    }
    
    ul#menu li
    {
        width: 137px;   
        overflow: hidden;
        margin:13px -5px 0 10px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;        
    }
    
    ul#menu li a
    {
        width: 117px;
        font-size: 13px;
        padding-top:8px;
    }
    
    #okolo
    {
        width:720px;        
    }
    
    div#pozadiSpodek
    {
        width:100%;
    }
    
    #content
    {
        width:100%;
        background-position: bottom center;
    }    
    
    #colevy,#copravy
    {
        width:295px;
        overflow:hidden; 
        height:345px;
    }
    
    #okolovoziku
    {
        width:100%;
        height: 382px;
    }
        
    
    .nadpis
    {
        font-size: 19px;
    }
    
    #levyvozik, #pravyvozik
    {
        height:196px;
        width: 293px;
    }
    
    #levyvozik img, #pravyvozik img
    {
        width:293px;
        height:auto;
          max-height: 195px;
    }
    
    #dalsiprivesy
    {
        width:100%;
    }
    
    #pozaditext
    {
        width:100%;
    }
    
    #pozadikontakty
    {
        width:100%;
    }
    
    #copyright
    {
        width:100%;
    }
    
    #hlavicka
    {
        width:100%;
    }
    
    #hint
    {
        width:100%;
    }
    
    #pozaditext{
        background:rgb(34, 34, 34);
        height:auto;
    }
    
    a#header_logo{
        width:300px;
    }
    
    #procnakupovatunas
    {
          margin-right: 10px;
    }
    
    div#social
    {
          right: 275px;
    }
    
    #infoPrivesy{
        width: 330px;
        font-size: 12px;
        margin-right: 10px;
        line-height: 16px;
    }
    
    #pozaditext p
    {
        padding-right:20px;
    }
    
    #copyright
    {
        background:rgb(34, 34, 34);
        height:auto;
        padding-bottom:10px;
    }
 
    #kontakt
    {
        width: 250px;
    }
    
    #sidebar
    {
        display:none;
    }
    
    #pozadiDetail
    {
        width:100%;
    }
    
    #doplnujicitext
    {
        width:95%;
    }
    
    #pozadikontaktydetailu
    {
        width:100%;
    }
    
}
@media (max-width: 969px)
{
    #container
    {
        width:100%;
    }    
    
    div#svisle_menu
    {
        position:relative;
        top:auto;
        left:auto;
        width:100%;
    }
    
    #okolo
    {
        width:100%;        
        margin-left:0px;
    }
    
    #pozadiDetail
    {
        background:rgb(34, 34, 34);
    }
    
    div#page_content,
    div#page_header
    {
        background:none;        
    }
    
    #content
    {
        height:auto;
    }
    
    #okolovoziku    
    {
        height:auto;
        text-align: center;
    }
 
    #colevy, #copravy
    {
        width:40%;
        height:auto;
        margin:30px 10px;
        float:none;
        display:inline-block;
    }    
    
    #levyvozik, #pravyvozik
    {
        width:100%;
        height: auto;
    }
    
    ul.hp_skladem_popis li{
        width:100%;
        padding-left:0;
        background:none;
    }
    
    a.hp_dalsi_vyhody
    {
        width:100%;
        padding-left:0;
        background:none;
        margin-right:0;
    }
    
    .nadpis
    {
        width:100%;
        font-size:15px;
    }
    
    #levyvozik img, #pravyvozik img
    {
        width:100%;
        max-height: none;
    }
    
    div#hlavicka
    {
        right:0;
        height: auto;
        background-repeat: no-repeat;
        background-color: rgb(10, 10, 10);
        padding-bottom:10px; 
        width:100%;
        overflow:hidden;
    }
    
    div#hlavicka h1{
        padding-right:10px!important;
    }
    
    div#social
    {
        position:relative;
        float:none;
        right:auto;top:auto;left:auto;
        margin-left:20px;
        display:block;
        margin-top: 10px;
        text-align: left;
    }
    
    ul#menu 
    {
        text-align: center;
    }
    
    ul#menu li
    {
        display:inline-block;
        float:none;
        text-align: left;
    }
    
    a#header_logo
    {
        width:100%;
        display:block;
        float:none;
    }
    
    #procnakupovatunas {     
        position:relative;
        float:none;
        right:auto;top:auto;left:auto;
        display:block;
        margin:auto;
        margin-top: 20px;                
        margin-left:20px;
    }        
    
    ul#menu
    {
        height:auto;
    }
    
    ul#menu li
    {
        margin:7px -5px 7px 10px;
    }   
    
    
    .dalsiprives
    {
        float:none;
        display:inline-block;
        margin:20px 0;
        margin-bottom:40px;
    }
    
    #okoloprivesu
    {
        text-align: center;
    }    
    
    #pozadikontakty,#pozadikontaktydetailu
    {
        background:rgb(19, 19, 19);
        height:auto;
        padding:20px 0px;
        padding-top:60px;
        margin-top:20px;
    }
    
    #kFormular
    {
        float:none;
        padding-top:25px;
        margin:auto;
        padding-left:0px;
        width:250px;
    }
    
    #kFormular textarea
    {
        max-width:250px;
    }
    
    #kontakt
    {
        padding-top: 65px;
        padding-bottom: 20px;
        float:none;
        margin-left: 0;
          padding-top: 25px;
          margin:auto;
          padding-left:0px;
    }
    
    div#svisle_menu
    {
        width:auto;
        background:black;
        padding-top:10px;
    }
    
    ul.sf-menu li a img
    {
        left: 50%;
        margin-left: -95px;
    }
    
    ul.sf-menu li a,
    div#svisle_menu a.clanky
    {
        width:auto;
        background:none;
    }
    
    div#svisle_menu div.header,
    div#svisle_menu div.header1
    {
        width:auto;
        margin-top:15px;
        background-position: top center;
    }
    
    div#svisle_menu div.inner{
        width:auto;
        background:none;
    }
    
    #copyright
    {
        padding:20px;
        width:auto;
    }
    ul#vyhody
    {
        margin-left:0;
    }
    
    .ngg-galleryoverview
    {
        float:none;
    }
    
    div#page_content
    {
        padding-left:15px;
    }
    
    ul#vyhody
    {
        padding-left: 0;
    }
    
    #doplnujicitext img
    {
        max-width:100%;       
        height:auto;
    }
    
    div#svisle_menu a.clanky
    {
        padding:0;
        height:auto;
    }
    
}

@media (max-width: 600px)
{
    #colevy, #copravy
    {
        width:100%;
        margin:20px 0;
    }
    
    #infoPrivesy
    {
        display:none;
    }

}