.mobile_slider{
    display: none;
}

.tipdarek{
    position: absolute;
    top: -116px;
    left: 60px;
}

@media (max-width: 1700px) {
    .letajici{
        display:none;
    }
    #sliderhome .slogan a.arrow{
        margin-top: 50px;
    }

    .tipdarek{
        top: -171px;
        left: 100px;
    }
}

@media (max-width: 1520px) {

    .obsah .formtip{
        width: 98%;
    }
    .obsah .formtip td{
        float: left;
        width: 100%;
    }


    .header ul.menu{
        display: block;
    }

    .tipdarek{
        top: -141px;
        left: 140px;	
    }
}

@media (max-width: 1440px) {

    #sliderhome .slogan a.katalog{
        margin-top: 50px;
    }

}

@media (max-width: 1360px) {
    .tipdarek{
        width: 120px;
        height: auto;
        top: -121px;
        left: 190px;
    }
}

@media (max-width: 1240px) {

    .tipdarek{
        top: -91px;
        left: 230px;	
    }

    #sliderhome .slogan h1{
        font-size: 36px;
    }

    #sliderhome .slogan h2{
        font-size: 24px;
    }

    .kategory-row.hasp-3 .nazevkatleft{
        float: none;
        width: 100%;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 70px;
    }

    .produkt{
        width: 33%;
    }


}


@media (max-width: 1150px){

    .tipdarek{
        display:none;	
    }

    div.container{
        max-width: 97%;
    }	
}
@media (max-width: 1160px){

    #filtr .filter-item{
        display: block;
        margin-right: 0;
        margin-bottom: 11px;
        width: 33.3%;
        float: left;
    }

    .produkt{
        width: 50%;
    }

    .produkt .fotka{
        width: 40%;
    }

    #filtr select{
        width: 95%;
    }

    div.header{
        position: relative;
        background: rgba(0, 0, 0, 0.99);
    }

    /* #sliderhome .slogan{ */
    /* top: 20%; */
    /* } */

}
@media (min-width: 1060px){
    .header ul.menu{
        display: inline-block;
    }
}



@media (max-width: 1220px) {
    #sliderhome{
        height:auto;
    }
    #sliderhome .item img{
        display: block;
        width: 100%;
        height: auto;
    }
}

@media (max-width: 1100px){
    div.container{
        width: 100%;
    }

    div.container.container{
        width: 98%;
        padding: 0 1%;
    }

    div.container.cslider{
        width: 100%;
        padding: 0
    }

    #aktuality .container{
        width: 92%;
        padding: 0;
    }
}
@media (max-width: 1090px){
    .prava_produkt{
        width:44%;
        overflow-x: hidden;
    }

    .cform.dotazform{
        margin-left: 0px;
        float: none;
        width:100%;
    }

}

@media (max-width: 1110px){
    .navbar-toggle{
        display: block;

        padding: 7px;
    }
    .navbar-toggle .icon-bar{
        background-color: #fff;
    }

    a.logo{
        margin-top: 11px;
    }

    .header ul.menu{
        clear: both;	
    }

    body.paddfix{
        padding-top: 71px;	
    }

    #menuroll{
        display: block;
        margin-top: 4px;
        padding: 7px 0;
        text-align: center;
        float: right;
        margin: 4px 30px 7px 0px;
    }

    .header ul.menu li a.logo{
        display:none;
    }

    .logo.mobile{
        display: block;
        margin-left: 40px;
    }

    .logo.mobile img{
        height: 46px;
    }


    #menuroll a{

    }

    div.header{
        height: auto;
    }

    .header ul.menu{
        display: none;
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
    }

    .header ul.menu li{
        display: block;
        text-align: center;
        padding: 0px;
        margin-left: 0px;
        height: auto;
        float: none;
        text-align: center;
        width: 100%;
    }
    .header ul.menu li a{
        padding: 10px 0;
        height: auto;
        /* margin-bottom: 6px; */
        border-top: 1px solid #4e4e4e;
    }

    .header ul.menu li ul{
        position: relative;
        display: block;
        left: auto;
        top: auto;
        width: 100%;
        padding: 0px;
        background: none;
    }
    .header ul.menu li ul li a{
        text-align: center;
        color: #fff;

    }

    .header ul.menu li ul li.lilevel1 > a{
        color: #909090;
    }
    .header ul.menu li ul li.lilevel1 > a:hover{
        color: #8cd81e;
    }
}

@media (max-width: 1060px){

    .popis_produktu_body table{
        width: 100%;
    }

    .popis_produktu_body table td{
        width: 50%;
        display: inline-block;
    }


    .form{
        float: none;
        width: 98%;
        padding: 0px;
    }
    .form td{
        width: 100%;
        float: left;
    }
    .obsah .form td input[type="text"], .obsah .form td  input[type="password"]{
        width: 97%;
        padding: 0 0 0 2%;
    }
    .obsah .form td textarea{
        width: 95%;
        padding: 0 2%;
    }
    .obsah .form td input[type="submit"]{
        width: 99%;
        text-align: center;
    }

    #login_zak{
        float: none;
        width: 100%;
        padding: 0%;
        text-align: center;
        border-right: 0px;
    }
    #register_zak{
        float: none;
        width: 100%;
        padding: 0%;
        text-align: center;

    }

    #objednavka2{
        width: 60%;
        margin: 0px auto;
    }

    #objednavka-form tr td, #objednavka-form tr th{
        float: left;
        width: 100%;
        padding: 5px 0;
        text-align:center;
    }

    .obsah #objednavka-form input[type="text"]{
        width: 92%;
    }

    .obsah #objednavka-form textarea{
        width: 92%;
    }

    .doprava_item, .platba_item{
        text-align:center;
    }

    #sliderhome{
        margin-top: 0px;
        width: 100%;
    }



    .obrazek_mini{
        float: none;
        display: inline-block;
    }




    .obsah{
        text-align: center;
    }


    .container.content.gray_line{
        text-align: center;
    }

    .produkt.treti{
        margin-right: 0px;
    }

}

@media (max-width: 1040px){
    #sliderhome .slogan{
        display:none;
    }
}

@media (max-width: 1040px) {

    .inside p strong{
        font-size: 60px;
    }

    .photoshow .nahledovky{
        text-align:center;
    }

    .photoshow .nahledovky img{
        padding-right: 0;
        width: 19%;
        height: auto;
    }

}



@media (max-width: 1000px) {

    .mobile_slider{
        display: block;
    }
    
    #sliderhome{
        display: none;
    }

    #aktuality .col-md-2{display: none;}
    #aktuality .col-md-4{width: 100%;}
    #aktuality .bgsekt{background-position: center;}
    #aktuality a{margin-bottom: 30px;}
}

@media (max-width: 801px) {

    .strankasub .photoshow{
        width: 100%;
    }

}

@media (max-width: 703px) {


    .photoshow .nahledovky img{

        width: 32%;

    }
}


@media (max-width: 555px) {

    #kontakt p{
        font-size: 21px;
    }


}

@media (max-width: 1000px){
    .pgwSlider  ul.ps-list{
        display: none;
    }
    .pgwSlider .ps-current{
        width: 100%;
    }
    .produkt_levy{
        width: 45%;
    }
    .prava_produkt{
        width: 52%;
    }
    .pgwSlider .ps-current{
        overflow:visible;
    }

    .cs_offer, .cs_offer div{
        text-align:center;
    }

    .cs_offer p label{
        display: block;
        text-align:center;
    }



}

/*upsell okno*/
@media (min-width: 992px) {
    #cross_sell .modal-lg{
        width: 85%;
    }
}

@media (max-width: 930px){
    #sliderhome .slogan a.katalog{
        display: none;
    }
}

@media (max-width: 1360px) {
    #cross_sell .modal-lg .produkt{
        min-height:auto;
    }
}

@media (min-width: 768px) {
    #cross_sell .modal-lg{
        width: 70%;
    }

    #cross_sell .modal-lg .produkt{
        width:33.333%;
        min-height:320px;
    }

    #cross_sell .modal-lg .produkt .fotka{
        height:195px;
    }
    #cross_sell .modal-lg .produkt .fotka img{
        max-height:185px;
    }
    #cross_sell .modal-lg .produkt .rating-prod{
        position: absolute;
        top: 201px;
        bottom: auto;
    }

    #cross_sell .modal-lg .produkt.treti{
        margin-right:0px;
    }
    #cross_sell .modal-lg .produkt a p{
        font-size: 13px;
    }



}

@media (max-width: 940px) {
    .odkazyhref, .odkazy{
        float: none;
        text-align:center;
        padding-left: 0;
        margin-left: 0;
        margin-top: 0px;
    }
    .odkazyhref{
        margin-top: 6px;
    }

    #footer{
        height:auto;
    }
    body{
        margin-bottom: 0;
    }
}

@media (max-width: 930px) {

    #cross_sell .modal-lg .produkt{
        width:50%;
        min-height: 300px;
    }

    #cross_sell .modal-lg .produkt.treti{
        margin-right: 0px;
    }

}

@media (max-width: 530px) {

    #cross_sell .modal-lg .produkt{
        width:100%;

    }


}

@media (max-width: 991px) {

    #sklep h2{
        font-size: 43px;
    }

    .prepocetk{
        width: 62%;
    }

    .buttonjs{
        display: none;
    }

    .pct-kusu-input{
        float: none;
        width: 100%;
        margin:0px;
    }
}


@media (max-width: 880px) {
    .produkt{
        width: 50%;

    }
}



@media (max-width: 770px) {



    .produkt{
        width: 100%;
    }

    #filtr .filter-item{
        width: 50%;
    }

    #cross_sell .modal-lg .produkt{
        min-height: 412px;
    }

    #filtr .row{
        margin-left: 0px;
        margin-right: 0px;
    }

    #navigace{
        height: auto;
        margin-bottom: 22px;
    }

    .soc{
        display: block;
        text-align: center;
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .autor{
        display: none;
        text-align: center;
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }

    #footer{
        height: auto;
    }

    .o2{
        display: none;
    }
    .o1{
        float: none;
    }
    .o1 a{
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    #footer .autor{
        margin-top: 40px;
    }

    #footer .autor a.gpay{
        width: 100% !important;
    }
}


@media (max-width: 745px) {

    #sliderhome .slogan{
        display: none;
    }

    .slogan h2{
        font: 24px 'montserratbold';
    }

    .search{
        display: none;
    }

    .popis_produktu_body table td{
        width: 100%;
        text-align:center;
    }

}


@media (max-width: 650px) {
    .kosikline div{
        width:100%;
        text-align:center;
    }

    .remove_from_cart{
        float: none;
    }

    .prepocetk{
        margin-bottom: 10px;
    }

    .kosikline{
        padding: 15px 0;
    }

    #sklep img{
        max-width: 100%;
    }

    #sklep h2{
        font-size: 32px;
    }
    #sklep h3{
        font-size: 27px;
    }

}

@media (max-width: 600px) {

    .newsletter input.newsmail{
        width: 90% !important;
        text-align:center;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 6px;
    }

    .newsletter input.newsubmit{
        width: 90% !important;
        text-align:center;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -4px;
    }

    .produkt .cena{

    }

    #kosik-table tr th{
        display: none;
    }
    #kosik-table tr td{
        width: 100%;
        float: left;
        padding: 5px 0 !important;
        text-align: center;
    }

    #kosik-table td.tbl-del{
        display: none;
    }
    #kosik-table td.tbl-33{

    }

    #kosik-table tr td:last-child{
        margin-bottom: 30px;
    }

}


@media (max-width: 555px) {

    #onas h2{
        font-size: 34px;
        height: auto;
        margin-top: 40px;
    }

    .produkt_levy{
        width: 100%;
    }
    .prava_produkt{
        width: 100%;
    }

    .produkt{
        margin: 0px auto 30px auto;
        width: 100%;
        padding: 0px;
        display: block;
    }

    body{
        margin-bottom:0px;
    }
    #footer{
        position:relative;
        height:auto;
    }

}

@media (max-width: 530px) {

    #cross_sell .modal-lg .produkt{

        min-height: 370px;
    }
    #cross_sell .modal-lg .produkt .rating-prod{
        position: absolute;
        bottom: auto;
        width: 100%;
        text-align: center;
        z-index: 50;
        top: 258px;
    }
}

@media (max-width: 520px) {
    .header .kosik{
        margin-top: 11px;
        float: none;
        width: 100%;
        height: 31px;
        text-align: center;
    }

    .header .kosik a{
        float: right;

    }

    a.logo{

        display: inline-block;
    }

    #menuroll{
        float: right;
    }
}
@media (max-width: 480px) {

    .odkazy{
        display: block;
        text-align: center;
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }

    .odkazyhref{
        text-align: center;
        width: 100%;

        float: none;
        margin-left: 0px; 
        border-left: 0px; 
        padding-left: 0px; 
    }


}

@media (max-width: 1000px) {
    .seznamvin{
        width: 100%;
    }	

    .seznamvin .col-md-8{
        width: 75%;
        float: left;
    }
    .seznamvin .col-md-4{
        width: 25%;
        float: left;
    }

}

@media (max-width: 688px) {
    .orderudaje{

        width: 100%;	
    }

    .padl{
        padding-left: 15px;	
    }
}


@media (max-width: 575px) {


    .seznamvin .col-md-8{
        width: 65%;
        float: left;
    }
    .seznamvin .col-md-4{
        width: 35%;
        float: left;
    }

}


@media (max-width: 428px) {

    .obsah input[type="text"], .obsah input[type="password"]{
        width: 100%;
        padding: 0px;
        text-align:center;
    }



    #strankovani a{
        margin-bottom: 5px;
    }

}

@media (max-width: 402px) {
    .seznamvin .col-md-8 div, .seznamvin .col-md-4 div{
        font-size: 16px;	
    }

    .seznamvin .col-md-8 div input, .seznamvin .col-md-4 div input{
        font-size: 16px;	
        width: 37px;
    }

    .seznamvin .col-md-8{
        width: 58%;

    }
    .seznamvin .col-md-4{
        width: 42%;

    }
}

@media (max-width: 370px) {

    .seznamvin .col-md-8{
        width: 100%;
        text-align:center;

    }

    .seznamvin .col-md-8 div label{
        display: block;
        text-align:center;
    }
    .seznamvin .col-md-4{
        width: 100%;
        text-align:center;

    }

    .seznamvin .col-md-4 div{
        float: none;	
        display: inline-block;
    }
}