header{padding: 14px 0; position: absolute !important; /*top: 43px !important;*/}
header a.logo{margin: 0 0 0 3%; width: 120px; height: 51px;}
header a.logo img{width: 120px; height: 51px;}

header.active a.logo{height: 51px;}
header.active a.logo img{height: 51px;}

header nav{padding: 25px 0 24px 3%; }
header.active nav{padding: 10px 0 9px 3%; }

.open_close_navigation{display: block;}
header nav{display: none;}

header nav ul li{margin: 0 0 0 0; }
header nav ul li a{font-size: 13px; padding: 0 10px;}

header ul.icons{padding: 6px 3% 7px 0;}
header.active ul.icons{padding: 6px 3% 7px 0}

header ul.icons li span.open_close_user{display: block;}
header ul.icons li span.user{display: none;}
header ul.icons li ul{display: none;}

.ipad_menu, .user_menu{display: block; padding: 79px 0 0;}




.main_top{padding: 0 5%; width: 90%; margin: 0 auto;}
.main_top .box{height: 400px; padding: 0;}
.main_top .box .centering{text-align: center;}
.main_top .box .centering h1{max-width: 760px;  margin: 0 auto; text-align: center; font-size: 34px; line-height: 40px;}
.main_top .box .centering p{max-width: 760px;  margin: 0 auto; font-size: 16px; line-height: 22px; text-align: center;  padding-bottom: 0;}
.main_top .box .centering p a{font-size: 16px; line-height: 22px;}

 .main_top .category_hp_list{text-align: center; margin: 30px 0 0; }
.main_top .category_hp_list .item:nth-child(3n - 1){padding: 0 25px; margin: 0 25px;}
.main_top .category_hp_list .item .icon{width: 50px; height: 43px; background-size: 50px 43px; margin: 0 10px 10px 0;}
.main_top .category_hp_list .item .title{font-size: 16px; margin: 0 0 10px;}


.info_panel{padding: 50px 0}
.info_panel .box{text-align: center; width: 90%; padding: 0 5%;}
.info_panel .box .item{width: calc(33.33% - 2px);}





#content{padding: 78px 0 0;}
#content::before{display: none;}
.sub #content::before{display: none;}

.sub #content.axe::before{display: none;}

.box_list .inside{padding: 0; width: 100%;}



footer::before{display: none;}
.sub footer::before{display: none;}
footer .mapa #MyGmaps{height: 400px;}
footer .text{text-align: center; width: 38%; padding: 0 6%;}
footer .text .box{height: 400px;}




.container .inside{padding: 0 3%; width: 94%;}
.container .box.spec{padding: 110px 0 123px}
.container .box.spec2{padding: 110px 0 0}
.container .box .img{display: none;}


.container{padding: 124px 0 124px}
.container .bg1{background-size: 1024px auto; }
.container .bg2{background-size: 1024px 1155px}
.container .bg3{display: none; background-size: 1024px auto; }
.container .box .text{width: calc(100% - 80px); padding: 0 40px; max-width: 460px; margin: 0 auto; display: block;}
.container .box .text .icon_1, .container .box .text .icon_2, .container .box .text .icon_3{display: none;}
.container .box .text h2{font-size: 26px; line-height: 32px;}
.container .box .text p{font-size: 14px; line-height: 20px;}














.reg_form .box{width: 100%; padding: 0; margin: 0; text-align: center;}
.reg_form .box:not(.second)::before{display: none}
.reg_form .box.second{width: 100%; padding: 30px 0 0;}
.reg_form .box.full{width: 90% ;padding: 25px 5% 10px;}
.reg_form .box.second::before{display: none;}
.reg_form .box .top_title{padding-top: 30px;}
.reg_form .box.long p.anotation{margin: 10px 0 30px;}
.reg_form .box p.anotation{margin: 0 0 30px;}

.reg_form .box table{min-width: 420px; width: initial; width: auto; margin: 20px auto 0;}
.reg_form .box table td input[type=text], .reg_form .box table td input[type=password]{max-width: 260px;}


#basket .reg_form .box.second table{display: none;}
#basket .reg_form .box.second p.title{position: relative; margin-bottom: 5px; cursor: pointer; }
#basket .reg_form .box.second p.title::before{opacity: 1; display: block; content: ""; width: 21px; height: 21px; position: absolute; right: -43px; top: 4px; background: url(../img/sprite.png) no-repeat scroll center left; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out; }
#basket .reg_form .box.second p.title::after{opacity: 0; display: block; content: ""; width: 21px; height: 21px; position: absolute; right: -43px; top: 4px; background: url(../img/sprite.png) no-repeat scroll center right; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out; }
#basket .reg_form .box.second p.title.active::before{opacity: 0;}
#basket .reg_form .box.second p.title.active::after{opacity: 1;}



#basket.my_order .item p.title span{margin-right: 10px;}
#basket.my_order .item p.title span.date{width: 130px; font-size: 12px;}
#basket.my_order .item p.title span.date strong{font-size: 12px;}
#basket.my_order .item p.title span.price{width: calc(100% - 670px); font-size: 12px;}
#basket.my_order .item p.title span.price strong{font-size: 12px;;}
#basket.my_order .item p.title span.status{width: 100px; font-size: 12px;}
#basket.my_order .item p.title span.status strong{font-size: 12px;}
#basket.my_order .item p.title span.pref{width: 210px; font-size: 12px;}
#basket.my_order .item p.title span.pref strong{font-size: 12px;}





@media screen and (min-width: 768px) and (max-width: 960px) {







.fotogalerie a.swipebox{width: 20%;}





.detail .img{width: 100%;}
.detail .text{width: 100%; padding: 30px 0 0;}



.box_list{padding: 36px 0;}
.box_list .item{ width: 90%; padding: 30px 0; margin: 0 5%; display: block;}
.box_list .item.spec{border: 0; border-top: 1px dashed #a5a5a5; border-bottom: 1px dashed #a5a5a5;}



#basket table.product_souhrn th{font-size: 12px; line-height: 22px;}
#basket table.product_souhrn th.one{display: none}
#basket table.product_souhrn th.one.small{ display: table-cell; padding: 4px 15px;}
#basket table.product_souhrn td.one{display: none;}

#basket table.product_souhrn th.one.small{width: 300px;}
#basket table.product_souhrn th.two{width: 370px;}      
#basket table.product_souhrn th.three{width: 170px;}
#basket table.product_souhrn th.four{width: 190px;}
#basket table.product_souhrn th.five{width: 40px;}
#basket table.product_souhrn th.six{width: 50px;}

#basket table.product_souhrn td.one_one a.main_link, #basket table.product_souhrn td.one_one label.main_link{padding: 0 15px;}
#basket table.product_souhrn td.one_one a.main_link i, #basket table.product_souhrn td.one_one label.main_link i{font-size: 12px;}
#basket table.product_souhrn td.two a{margin: 0 5%;}

#basket table.product_souhrn td.three input[type="image"]{margin: 4px 2% 0;}
#basket table.product_souhrn td.four{font-size: 14px;}
#basket table.product_souhrn td.five{font-size: 14px;}
                   
#basket h2 span.text span{font-size: 16px;}
#basket .doprava_platba{width: 100%; }
#basket .doprava_platba .item h3{margin: 15px 0 5px; font-size: 16px; line-height: 22px;}
#basket .doprava_platba .item .box label span.text{width: 100%;}

#basket table.product_souhrn td.no_border{display: none;}
#basket table.product_souhrn td.no_border.small{display: table-cell;}


#basket .doprava_platba{width: 100%; }
#basket .doprava_platba .item{width: 100%;  margin: 0 0 30px; float: none;}
#basket .doprava_platba .item p.title{padding: 0; margin: 15px 0 5px;}
#basket .doprava_platba .item .box label span.text{width: 100%;}




#basket .inline:not(.btn){padding: 0; margin: 0 -4px 50px 0; width: 50%; }


#basket.my_order .item p.title span.number{position: relative; left: 0; top: 0;}
#basket.my_order .item p.title span.number, #basket.my_order .item p.title span.status, #basket.my_order .item p.title span.pref, #basket.my_order .item p.title span.date, #basket.my_order .item p.title span.price{width: 100%; padding: 0; margin: 0; text-align: center; line-height: 24px;}
#basket.my_order .item p.title, #basket.my_order .item p.title span.number strong, #basket.my_order .item p.title span.status strong, #basket.my_order .item p.title span.pref strong, #basket.my_order .item p.title span.date strong, #basket.my_order .item p.title span.price strong{text-align: center; line-height: 24px;}
#basket.my_order .item p.title button{float: none; margin: 10px auto 0;}
#basket.my_order .item p.title span.ikonka.car{margin: 8px 0;}
#basket table.product_souhrn td.two span.box{padding: 0;}
#basket.my_order .item p.title span.ikonka:not(.car){display: none}
#basket.my_order .inline.btn{margin: 5px 0 0;}
#basket.my_order .box{padding: 15px 0 0;}

}