h1{font-size: 24px; line-height: 30px;}

.btn .item{display: none;}
.btn i{display: none;}


.hp header{top: 0 !important; position: fixed !important;}
.hp .header_height{display: block;}
header a.logo{width: 120px; height: 15px; margin: 31px 0 32px;}
header a.logo img{width: 120px; height: 15px;}
.open_close_navigation{left: calc(130px + 5%);}
header ul.menu{display: none;}
.open_close_navigation{display: block;}
header ul.lang{display: none;}
header ul.login_links{display: none;}
header ul.login_links{padding: 0;}
.ipad_menu ul li.lang{display: block;}
header .mobile_basket{display: block;}
header ul.icons{display: block;}






.main_top{background-image: url(/img/main_bg_mobile.jpg); height: 300px; margin: 0;}
.main_top .title{top: 17%;}
.main_top .title span.text{font-size: 24px; line-height: 30px;}
.main_top .button_list{display: none;}

.main_top .main_slider, .main_top .main_slider .item, .main_top .main_slider .item .box{height: 300px;}
.main_top .main_slider .item .box .centering .title{font-size: 22px; line-height: 28px;}
.main_top .main_slider .item .box .centering .anotation{font-size: 14px; line-height: 20px;}


.main_title{font-size: 22px; line-height: 28px; padding: 26px 4%; }
.main_anotation{font-size: 20px; line-height: 24px;}
.main_anotation br{display: none;}
.main_anotation strong, .main_anotation a{font-size: 19px; line-height: 24px;}

.sub .welcome1 .box_list{margin: 45px 0;}
.welcome1 .box_list .item h2{font-size: 22px; line-height: 26px; margin: 10px 0 20px}
.welcome1 .box_list .item p.anotation{font-size: 14px; line-height: 20px;}
.welcome1 .box_list .item{width: 100%;}
.welcome1 .box_list::before, .welcome1 .box_list::after{display: none;}
.welcome1 .box_list .item:nth-child(2n){/*border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;*/ padding: 30px 0; margin: 30px 0;}


.faq_list .item p.title{padding: 8px 45px 8px 15px; margin: 0; font-size: 12px; line-height: 18px;}
.faq_list .item p.title .icon{top: 4px; right: 10px;}
.faq_list .item .hide{padding: 15px;}

.contact_page .item, .contact_page .box{width: 100%; padding: 25px 0;}


.contact_page .box p .img{margin: 0 auto 20px;}


.contact_page .item p.title{text-align: center;}
.contact_page .item p{text-align: center;}
.contact_page .item p strong{text-align: center;}
.contact_page .item p span{text-align: center;}




#MyGmapsPart{position: relative !important; top: 0 !important; left: 0; right: 0; width: 100%; height: 200px; background: #f2f2f2; float: none;}
.partners_zone{min-height: initial; min-height: auto; width: calc(100% - 60px); float: none;}
.partners_zone .item{display: block; width: 100%;}







.welcome2{height: initial; height: auto; padding: 45px 0;;}
.welcome2 img{display: none;}
.welcome2 .item{top: 0; position: relative; left: 0; right: 0; max-width: 460px; width: 90%; margin: 0 auto;}
.welcome2 .item h3 a{font-size: 20px; line-height: 26px;}
.welcome2 .item h3::before{display: none;}
.welcome2 .item ul{margin: 15px 0 0;}


.welcome3 .item{width: 100%; float: none;}
.welcome3 .item .box{padding: 45px 0; display: block; height: initial; height: auto;}
.welcome3 .item .box .centering{display: block;}
.welcome3 .item .box .centering .in ul li{margin: 13px 0 0;}
.welcome3 .item:nth-child(2){display: none;}

.welcome3 .item .box .centering .in h2 span{font-size: 20px; line-height: 26px;}


.welcome4 .item{padding: 45px 0; width: 100%;}
.welcome4 .item:nth-child(2){display: none;}



.welcome5{padding: 45px 0 55px;}
.welcome5 .item{width: 100%; display: block;}
.welcome5 .item:first-of-type{display: none;}



.welcome6{padding: 70px 0;}
.welcome6 img{display: none;}
.welcome6 .item{max-width: 520px; display: block; padding: 0; width: 90%; margin: 0 auto;}
.welcome6 .item p.anotation{position: relative; text-align: left; font-size: 14px; line-height: 20px; color: #979797; font-weight: 300; margin: 0 0 30px;}
.welcome6 .item p.anotation::before{display: none;}
.welcome6 .item p.box{font-size: 12px; line-height: 16px;}
.welcome6 .item p.box strong{font-size: 20px; line-height: 24px;}


.category_list h2{text-align: center; font-size: 18px; line-height: 26px; color: #bebebe; font-weight: 400; text-transform: uppercase;}


.detail .text .in{width: 100%;}
.detail .text .in .desktop_hide{display: block;}

.newsletter{padding: 34px 0;}
.newsletter p{margin: 0 0 10px;}
.newsletter input[type=text]{margin: 0; width: 200px;}

footer{padding: 30px 0 90px;}
footer .top{padding-bottom: 30px;}
footer nav{text-align: left; padding: 0; width: 100%;}
footer nav ul{display: block;}
footer nav ul li{width: 100%; display: block;}
footer nav ul li a{padding: 8px 20px;}

footer ul.social{display: none;}


footer .bottom .item:nth-child(2){margin: 60px 0 0;}
footer .bottom .item{width: 100%; margin: 0; display: block; text-align: center;}
footer .bottom .item p{text-align: center;}
footer .bottom .item p .img{margin: 0 auto 20px;}


#content .container{padding: 30px 0 70px;}


.sub .link_to_eshop{font-size: 19px;}
.link_to_eshop{font-size: 19px;}



.news_list .item{width: calc(100% - 2px); margin: 0 0 20px !important;}


.media_blog .item{width: 100%; margin: 0 0 20px !important; display: block;}


.detail .img{display: none;}
.detail .text{width: 100%; margin: 0; text-align: center;}
.detail .text ul li::before{display: none;}
.detail .text h3, .detail .text ul li, .detail .text ul li strong, .detail .text ul li span{text-align: center;}
.detail.product .text p.subprice{padding: 20px 0 0; margin: 0 0 -15px;}
.detail.product .text p.price{padding: 20px 0;}

.file_list .item{width: calc(50% - 10px); margin: 0 0 8px; height: 190px;}
.file_list .item:nth-child(2n){margin: 0 0 8px 8px;}
.file_list .item span.title{font-size: 12px; line-height: 16px; padding: 8px 12px}
.fotogalerie a.swipebox{width: 25%;}




.partners_list .item{width: calc(100% - 40px - 2px ); padding: 40px 20px 20px; margin: 0 0 20px !important; display: block;}

.partners_list .item .img{width: 200px; margin: 0 auto; display: block;}
.partners_list .item .text{text-align: center; width: 100%; margin: 20px 0 0;}
.partners_list .item .text h2{text-align: center;}
.partners_list .item .text p{text-align: center;}
.partners_list .item .text p strong{text-align: center;}
.partners_list .item .text p a{text-align: center;}



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


.distributors_list .item{width: calc(100% - 30px ); margin: 0 0 20px !important; padding: 15px; display: block;}




.reg_form.product_max{margin: 0 auto !important; display: block; min-width: initial; min-width: auto;}
.reg_form.product_max .box.full{max-width: 292px;}
.reg_form.product_max .box table th{text-align: left;}
.reg_form.product_max .box table td{text-align: left;}
.reg_form.product_max .box table td .btn.right{float: none;}


.reg_form .box{width: 90%; padding: 0 5%; margin: 0; text-align: center;}
.reg_form .box.second{width: 90%; padding: 0 5%;}
.reg_form .box.full{width: 90% ;padding: 25px 5% 10px;}
.reg_form .box.second::before{display: none;}
.reg_form .box.second .top_title{padding-top: 30px;}
.reg_form .box p.anotation{margin: 20px 0 0;}
.reg_form .box p.anotation{margin: 0 0 30px;}
.reg_form .box.show{margin: 0 auto;}

.reg_form .box .change_buy{margin: 20px 0 0;}

.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;}
.reg_form .box table td textarea{max-width: 260px;}



.reg_form .box table, .reg_form .box table tbody, .reg_form .box table tr, .reg_form .box table th, .reg_form .box table td{text-align: center; width: 100%; display: block; clear: both; min-width: initial; max-width: initial;}
.reg_form .box table th{padding: 5px 0 3px;}
.reg_form .box table td input[type="submit"]{float: none;}



.reg_form .box table.dodaci, .reg_form .box table.dodaci tbody, .reg_form .box table.dodaci tr, .reg_form .box table.dodaci th, .reg_form .box table.dodaci td{text-align: center; width: 100%; display: block; clear: both; min-width: initial; max-width: initial;}
.reg_form .box table.dodaci th{padding: 5px 0 3px;}

       








.login_form{padding: 30px; max-height: initial !important; max-height: auto !important;}
.login_form p.overtitle{margin: -10px 0 15px;}
.login_form p.center{margin: -10px 0 10px; line-height: 18px;}
.login_form .box{text-align: center; width: 100% !important; padding: 0 !important; border: 0 !important;} 
.login_form .box.middle{padding-bottom: 15px !important;}     
.login_form .box table, .login_form .box table tbody, .login_form .box table tr, .login_form .box table th, .login_form .box table td{text-align: center; width: 100%; display: block; clear: both; min-width: initial; max-width: initial;}
.login_form .box table th{padding: 5px 0 3px;}
.login_form .box table td a{margin: 0;}
.login_form .box p.title{display: block;}
.login_form .box a.fb, .login_form .box a.g{margin: 0 auto 10px !important; display: inline-block; zoom: 1; float: none;}
.login_form .box table td input[type="submit"]{float: none;}

.finall_order{padding: 0;}
.finall_order.small{width: 100%; text-align: center; padding: 0;}
.finall_order.small img{position: relative; top: 0;}
.finall_order .text{text-align: center;}
.finall_order .text.reverse{text-align: center;}
.finall_order .text.small{width: 100%}
.finall_order img{position: absolute; top: 130px; max-width: 300px; margin: 0 -4px 0 -80px}


.login_form .box p{text-align: center; margin: 0 0 10px;}

.login_form.top .box .btn{float: none;}


#basket .inline_box{width: 100%; margin: -10px 0 70px; text-align: center; display: block;}
#basket .inline_box h3, #basket .inline_box p{text-align: center;}



#basket p.information img{margin: 0 auto 8px; display: block;}

#basket.my_order .item p.title span.number, #basket.my_order .item p.title span.status, #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.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;}

#basket table.product_souhrn td.two span.box{padding: 0;}

#basket table.product_souhrn td.two{border-top: 1px solid #e3e3e3 !important;}
#basket.my_order table.product_souhrn td.four{padding-bottom: 15px !important}

#basket table.product_souhrn td.four, #basket table.product_souhrn td.four strong, #basket table.product_souhrn td.four strong span{line-height: 20px;}

#basket .basket_navigation{display: none;}

#basket table.product_souhrn{margin: 30px 0 0;}
#basket table.product_souhrn th{display: none !important; font-size: 12px; line-height: 22px; border-bottom: 1px solid #000; }
#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{height: initial; height: auto;}
#basket table.product_souhrn td.one{display: none;}
#basket table.product_souhrn td.two span.box{display: block; height: initial; height: auto;}
#basket table.product_souhrn td.two a.main_link, #basket table.product_souhrn td.two label.main_link, #basket table.product_souhrn td.two span.main_link{text-align: center; display: block;}
#basket table.product_souhrn td.two a.main_link i, #basket table.product_souhrn td.two label.main_link i, #basket table.product_souhrn td.two span.main_link i{text-align: center;}

#basket table.product_souhrn th.one.small{width: 300px;}
#basket table.product_souhrn th.two{display: none;}      
#basket table.product_souhrn th.three{display: none;}
#basket table.product_souhrn th.four, #basket table.product_souhrn td.four{width: 40%; text-align: center; padding: 0; line-height: 20px;}
#basket #finalordform table.product_souhrn tr td.four:nth-child(5){padding: 0 0 15px !important;}
#basket table.product_souhrn.final th.four, #basket table.product_souhrn.final td.four{width: 100%;}
#basket.my_order table.product_souhrn th.four, #basket.my_order table.product_souhrn td.four{width: 100%;}
#basket table.product_souhrn td.five{width: 20%; text-align: center; padding: 2px 0 16px;}
#basket table.product_souhrn th.five{width: 20%; text-align: center; padding: 0 0 5px;}
#basket table.product_souhrn th.six{width: 20%; text-align: center;}
#basket #finalordform table.product_souhrn tr.celkem td.three{padding: 0;}
#basket table.product_souhrn td.four strong.total span{display: inline-block;}

#basket table.product_souhrn td.four{padding-bottom: 0;}
#basket table.product_souhrn td.four span{display: inline-block; line-height: 20px;}

#basket table.product_souhrn, #basket table.product_souhrn tbody, #basket table.product_souhrn tr, #basket table.product_souhrn th, #basket table.product_souhrn td{display: block; width: 100%; }
#basket table.product_souhrn th, #basket table.product_souhrn td{float: left;}
#basket table.product_souhrn td.two,  #basket table.product_souhrn td.three{border: 0; padding-bottom: 0;}
#basket table.product_souhrn td.two{padding-top: 15px;}
#basket table.product_souhrn td.three{width: 100%; padding: 5px 0;}
#basket table.product_souhrn td.three.padding{padding: 0; line-height: 20px;}
#basket table.product_souhrn td.five.cant_delete{padding: 0 0 13px;}
#basket table.product_souhrn td.three .decrement{margin: 0;}

#basket table.product_souhrn tr.celkem td{border: 0 !important;}

#basket .repay{float: none; display: inline-block; margin: 0 0 40px;}

#basket table.product_souhrn td.four strong.total{font-weight: 800;}
#basket{text-align: center;}
#basket .next_step{float: none; display: inline-block; zoom: 1; *display: inline; margin: 0 0 10px;}
#basket .prev_step{float: none; display: inline-block; zoom: 1; *display: inline; margin: 0 0 10px;}

#basket table.product_souhrn td.three .box.centering{padding: 0;}

#basket table.product_souhrn tr{position: relative;}
#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: 3px -36px 0 10px; position: relative; right: 0;}
#basket table.product_souhrn td.four{font-size: 14px; text-align: center; width: 100%; border: 0; }
#basket table.product_souhrn td.five{font-size: 14px; width: 100%;}
     
#basket .reg_form .box table td, #basket .reg_form .box table td a{line-height: 20px; text-align: center;}

#basket p.information .text{max-width: 100%; text-align: center;}

#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{text-align: left;}
#basket .doprava_platba .item .box label span.text{margin: 0 0 0 35px; max-width: 100%; top: 0; text-align: left;}
#basket .doprava_platba .item .box label .radio{margin: 0 10px 0 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; float: none; }
#basket .doprava_platba .item .box label strong{width: initial; width: auto; max-width: calc(100% - 60px); max-width: auto;  display: inline-block; zoom: 1; *display: inline; vertical-align: middle; float: none;}
#basket .doprava_platba .item .box label span.price{margin: 0 0 0 35px; top: 0; right: 0; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; float: none;}

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

#basket .doprava_platba{width: 100%; }
#basket .doprava_platba .item{width: 100%;  margin: 0 0 30px; float: none;}
#basket .doprava_platba .item p.title{font-size: 18px; line-height: 22px; padding: 0; margin: 25px 0 5px;}


.reg_form .box .change_buy{margin: 10px 50px 10px 75px}

.reg_form .box table td.firemni_zaznam, .reg_form .box table th.firemni_zaznam, .reg_form .box table td.heslo_zaznam, .reg_form .box table th.heslo_zaznam{display: none; opacity: 1}
.reg_form .box table td.firemni_zaznam.active, .reg_form .box table th.firemni_zaznam.active, .reg_form .box table td.heslo_zaznam.active, .reg_form .box table th.heslo_zaznam.active{display: block; opacity: 1}


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

#basket .inline.btn{padding: 8px 0; margin: 0 0 15px 0; display: block; text-align: center; width: 100%; }
#basket .login_form .inline.btn{padding: 0 23px; margin: 0 15px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; text-align: center; width: initial; width: auto;; }


#basket .inline:not(.btn){width: 100%; margin: 30px 0 50px; display: block; text-align: left;}


#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.svg) no-repeat scroll center center; -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_correct.svg) no-repeat scroll center center; -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;}







#tracy-debug{display: none !important;}


.normal_form{margin: 0 0 30px;}
.normal_form form{display: block; width: calc(100% - 52px)}
.normal_form form table, .normal_form form tbody, .normal_form form table tr, .normal_form form table th, .normal_form form table td{display: block; width: 100%; text-align: center; clear: both;}
.normal_form form table th{text-align: center; padding: 0 0 5px;}
.normal_form form table td input[type=text], .normal_form form table td input[type=password]{text-align: center;}
#basket .normal_form form table td .inline.btn{margin: 8px 0 0;}