@media screen and (max-width: 1200px) {

.container_pic {width: 680px;}
.container_pic img {width: 100%;}
.container_500 {
 width: 680px;
 height: 415px;
}

.container50_obsah_levy {display: grid; place-content: center; width: 50%; min-height: 320px; float: right;}
.container50_obsah_pravy {display: grid; place-content: center; width: 50%; min-height: 320px; float: left;}


.detail_dostupnost {
 padding: 30px 0 10px 0;
 width: 35%;
 font-size: 17px;
 float: left;
}
.detail_cena {
 text-align: right;
 font-size: 34px;
 padding: 0px 0 10px 0;
 width: 65%;
 line-height: 0.8;
 font-weight: 500;
 float: left;
}
.detail_basket {
 padding: 40px 0 0 0;
 width: 100%;
 text-align: right;
 float: none;
}

.detail_expedice {
 width: 50%;
 float: left;
}
.detail_zdarma {
 padding: 0 0 40px 0;
 width: 50%;
 float: left;
}
.detail_heureka {
 width: 100%;
 float: none;
}
.detail_galery {
 width: 50%;
 float: left;
}


.detail_33 div {
 width: 200px;
 height: 160px;
}


    .container {
        width: 640px;
        position: relative;
    }

/*____________________________________________________________________________________________________________________________ TOP ___*/
.box_totaltop {
 height: 105px;
}

.toplogo img {
 max-width: 180px;
 margin-bottom: 5px;
}

.topmenu {
 padding: 0px;
}
.topmenu ul {
 padding: 0px;
 margin: 5px 0px 10px 0px;
}
.topmenu a {
 padding: 0px 18px 5px 18px;
}
.topmenu span {
 padding: 0px 18px 5px 18px;
}

.topbasket {
 position: absolute;
 right: 20px;
 top: -5px;
}

    #hpfoto .text {
        padding-left: 20px;
    }


    #static.kontakt .map {
        display: none;
    }

    #detail .stock {
        margin-top: 30px;
        float: right;
        line-height: 1.5;
    }

    #detail .cena {
        position: relative;
        right: auto;
    }

    #static h1::after {
        top: auto;
        bottom: 10px;
    }

.box_33_bord {
 display: block;
 width: 80%;
 float: none;
}
.symbol_1 {
 margin: 0 10px -8px 0px;
 width: 26px;
}
.box_33 {
 width: 32%;
 height: 590px;
}

.box_slevove_kody img {
 width: 90%;
}

}
