/*RESPONSIVE CSS*/

/* Banner Fadeout */
@media (max-width: 1460px) {
	#sidebanner{display: none}
}

/* Smaller Browser */
@media only screen and (max-width: 1100px) {
	#Page{width: 100%}
	#Header .usp .usp_ico{margin-right: 1%}
	#Header .shoprating{left: 48%; width: 90px}
	#toplinks .nav-frame .nav-block .nav-pic{width: 260px}
	#toplinks {top:15px;}
	#toplinks .fleet {margin-bottom:10px;}
	#toplinks form, #toplinks a.fleet {display: block;}
	#RightNavi .box_btn {text-indent: -9999px; width: 35px}
	#RightNavi #shopping_cart {text-indent: 0px; width: 180px}
	#TopNavi .subnavi{width: 95.6%}
	#TopNavi .subnavi > li a {padding: 0px}
	#TopNavi .subnavi > li:first-child ul li a {font-size:14px;}
	#TopNavi .subnavi .linkbox{height: 215px; padding-top: 5px}
	#TopNavi .subnavi .linkimg {margin-left: 10px; height: 210px}
	#TopNavi .subnavi .linkimg h4{font-size: 18px}
	#TopNavi .subnavi .linkico li {width: 80px; margin: 7px 4px}
	#TopNavi .subnavi .kmw {height: 292px;}
	.xsell .amount .buy_btn{float: none; vertical-align: bottom;}
	.xsell .box_btn {width: 96%; margin-top: 5px; text-align: center; padding: 0 2%}
}


/* Portrait tablet to landscape and desktop */
@media only screen and (max-width: 930px) {
	#toplinks .nav-frame .nav-block .nav-links {height: 221px}
	#toplinks .nav-frame .nav-block .nav-pic{width: 200px}
	#toplinks .nav-frame .nav-block .nav-pic img {height: 221px}
	#Header #menubutton {margin-left: 0; width: 120px; display: inline-block;}
	.darklayer.active {display: block; z-index: 20;}
	.darklayer.active:hover{cursor: pointer}
	#TopNavi.active {display: block;}
	#TopNavi {position: absolute; z-index: 99; padding: 0px; top: 0px; left: -70%; width: 70%; height: 100%; background: #454545}
	#TopNavi li, #TopNavi .mobilemenu {display: block; padding: 0px}
	#TopNavi li ul li {display: block; margin: 0px}
	#TopNavi .navi > a {padding: 10px 15px; /* Old browsers */ background: -moz-linear-gradient(top,  #5b5b5a 0%, #1f1f1d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5a), color-stop(100%,#1f1f1d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #5b5b5a 0%,#1f1f1d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #5b5b5a 0%,#1f1f1d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #5b5b5a 0%,#1f1f1d 100%); /* IE10+ */ background: linear-gradient(to bottom,  #5b5b5a 0%,#1f1f1d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5a', endColorstr='#1f1f1d',GradientType=0 ); /* IE6-9 */}
	#TopNavi .navi > a:hover{text-decoration: none; cursor: default;}
	#TopNavi .subnavi{width: auto; display: block; position: relative; background: none; padding: 0px; left: 0px}
	#TopNavi .subnavi li{display: none; width: 100%}
	#TopNavi .subnavi li:first-child{display: block;}
	#TopNavi .subnavi .linkbox{height: auto!important}
	#TopNavi .subnavi .linkbox li a:hover {background: #fff; text-decoration: underline;}
	#TopNavi li ul li {width: 100%}
	#TopNavi .subnavi .kmw {margin: 0px}
	#Header .shoprating {display: none}
	#Footer .FooterBlock {width: 23%}
	#Footer .FooterBlock.social{width: 23%;}
	#Footer .FooterBlock.certificate {width: 23%; margin: 0 1% 2% 0; padding-right: 1%; border-right: 1px solid #fff}
	#Footer .FooterBlock.payment {width: 25%; margin: 0 0% 1% 0; border: none; padding: 0}
	#Footer .FooterBlock.subscription {width: 23%; margin: 0 1% 2% 0; padding-right: 1%; border-right: 1px solid #fff}
	#Footer .FooterBlock.rim_prod{width: 25%; margin: 0 0 0 0; padding: 0; border: 0}
	#Footer .FooterBlock.tire_prod ul{margin-bottom: 0}
	#Footer .FooterBlock.kfz_master{width: 23%}
	.filterpanel{width: 72%; position: absolute; z-index: 99; top: 0; left: -72%; height:100%; background:#ededed; padding:0;}
	.filterpanel h3 {padding: 10px 15px; background: #ffe947; border:none; color:#111; font-weight:bold;}
	.filterpanel label {color:#111;}
	.filterpanel .sidefilter {margin-right:10px; margin-left: 10px;}
	.filterpanel .slider-container {margin-bottom:40px;}
	.filterpanel .pointer-label {color:#111 !important; margin-top:10px;}
	.filterpanel .pointer {background:#999 !important;}
	.filterpanel .nicescroll-cursors {background:#aaa !important;}
	.searchpanel{width: 100%}
	.filter_btn{display: inline-block; vertical-align: top; margin-top: 8px}
	.filter_box{width: 94%; padding: 20px 3% 20px 3%; white-space: nowrap;}
	a.filter_box.adviser{white-space: normal;}
	.filter_box .help {width: auto!important; text-align: right; margin: 10px 0 0 0; display: block;}
	.filter_box .reload_btn {width: 27%; text-align: center; padding: 0}
	.filter_box .filterform.tire_season{width: 24%}
	.filter_box .filterform {width: 15%}
	.filter_box .tire_filter{width: 73%; display: inline-block;}
	.customsearch{padding: 15px 0px}
	.productdetails .amount{margin: 0px 0px 10px}
	.productdetails .prod_buy .box_btn .collect{background-position: center -746px; text-indent: -9999px}
	.search_form .search_row > div {display: block;}
	.search_form .search_row span {display:inline-block;}
	.search_form .search_row.type span {width: 130px!important;}
	.search_form .search_row.size span {width: 130px!important; margin: 0px;}
	.search_form .search_row select {margin-bottom: 5px}
	.search_form .search_row.index .load_capacity{margin-left: 0}
	.search_form .search_row.index span, .search_form .search_row.classes span, .search_form .search_row .quality span, .search_form .search_row .distributer span{min-width: 250px}
	.search_form .search_row .traction, .search_form .search_row .noise{margin-left: 0px}
	.search_form .search_row .or{line-height: 25px; margin: 10px 0px}
	.xsell .buy_btn{width: 60px}
	.shop_list .branchCompanyName, .shop_list .branchCompanyInfo {display: block; width: 100%}
	.shop_list .branchCompanyInfo .distance {margin-bottom: 5px}
	.shop_list .branchCompanyInfo .ico {padding-left: 15%}
	.tire_dim a{width: 15.66666666666667%}
	.tire_dim a:nth-child(8n){margin: 0 1% 10px 0; width: 15.66666666666667%}
	.tire_dim a:nth-child(6n){margin: 0 0 10px 0; width: 16.66666666666667%}
	.tire_hotel .title_banner h1{padding: 15px 1% 10px; width: 98%; margin: 0}
}

/* Landscape phone to portrait tablet */
@media only screen and (max-width: 850px) {
	#Header .usp .usp_ico{margin-right: 4%}
	#toplinks .box_btn{display: none}
	#toplinks {display:none; position: absolute; right: 10px; top: 10px; padding: 10px 10px 10px 10px; background: #f0f0f0; border: 1px solid #ccc; margin: 0}
	#searchbox .searchtabs{width: 340px}
	#searchbox .search_row {white-space: normal; margin: 15px 0px}
	#searchbox .searchtabs > li > a > div{background: url(../gfx/ico_vergoelst.svg) no-repeat;}
	#searchbox .searchtabs > li > a {text-indent: -9999px; height: 31px; top: 17px; height: 31px}
	#searchbox .searchtabs > li > a:hover{background: #eee}
	#searchbox .searchtabs span {text-align: left; margin: 0px!important; width: 40%!important; text-align: left!important; display: inline-block; padding:0px!important}
	#searchbox .searchtabs select{width: 58.6%!important; margin: 3px 0px!important}
	#searchbox .search_row.distributer {padding-left: 0%;}
	#searchbox .search_row.size a {padding-left: 0%;}
	#searchbox .search_btn {width: 100%}
	.searchtabs li .searchtabs_content{top:13px;}
	#searchbox .search_btn a {padding: 5px 0px}
	#searchbox .search_row select{padding: 0px}
	.product_row .center_info .prod_compare{bottom: 5px}
	.product_row .center_info .prod_title {max-height: 60px; overflow: hidden;}
	.product_row .right_info .prod_price {margin-bottom: 5px}
	.product_row .info_link{font-size: 12px;}
	.product_row .right_info .info_link.immediate{margin-top: 5px; text-align: right;}
	.product_row .tyrelabel .info_link {width: 62px;}
	.product_row .tyrelabel .info_link > div {width: 70px}
	.product_tabs li {border-bottom:2px solid #fff;}
	.product_tabs li > a {position:static; background:#333; top:0; left:0; margin:0; height:40px; padding:0 10px; line-height:40px; display:block; width:auto; border:none; font-size:1.25em; color:#fff;}
	.product_tabs li.active > a {background:#f0f0f0; height:40px;}
	.product_tabs li:nth-child(2) > a {margin:0;}
	.product_tabs li:nth-child(3) > a {margin:0;}
	.product_tabs li:nth-child(4) > a {margin:0;}
	.product_tabs li > a:hover{text-decoration: none; background: #ffe400; color: #111}
	.product_tabs li.active > a:hover{background: #f0f0f0;}
	.product_tabs li .product_tabs_content {top:0; border:none; padding: 10px;}
	.car_choice .title_banner .warning, .tire_search .title_banner .warning {position: relative; left: 0; top: 0px; border: none; background: #333; padding: 10px}
	.checkout .acc_form .aft.hsn .wrapper {display: block;}
	.checkout .acc_form .aft.hsn .box_btn{margin-left: 0}
	.my_account > .field {width: 49%}
	.my_account .field.ship_add, .my_account .field.last{width: 50%; margin: 0}
	.productdetails .prod_buy {width: 93%}
	.productdetails .online_date{width: 97%}
	#kfzpiclayerWrap {left: 10%}
	#searchbox .search_row select {height: 26px}
	.tire_dif a {width: 49%; margin-bottom: 10px; height: 170px;}
	.tire_dif a:nth-child(2), .tire_dif a:last-child{margin-right: 0; width: 50%}
	.tire_hotel .storage_notes {float: none; display: inline-block;}
	.tire_hotel .storage_notes .help_img {white-space: nowrap;}
	.tire_hotel .storage_notes .help_img img {display: inline-block; vertical-align: top; margin: 0}
	.tire_hotel .login_form {float: none; display: block; width: 100%; margin-bottom: 10px}
}

@media only screen and (max-width: 720px) {
	#Header .usp {display: none}
	.filter_box .reload {background-position: 47% -575px}
	.filter_box .reload_btn {text-indent: -9999px; width: 13%}
	.right_info .prod_awards {height: 35px}
	.right_info .prod_awards img {height: 35px}
	.filter_btn{margin-right: 13%; width: 18%}
	.filter_box .filterform {width: 16%}
	.filter_box .filterform.tire_season{width: 35%}
	.filter_box .tire_filter{width: 69%;}
	.product_row{min-height: 225px; height: auto}
	.product_row .left_info .img_preview{height: auto; width: 100%}
	.product_row .left_info {vertical-align: top; height: 50%; overflow: visible; width: 22%}
	.product_row .center_info {width: 36%}
	.product_row .right_info {height: auto; width: 40%}
	.product_row .right_info .prod_price {margin-top: 19px}
	.product_row .prod_rating {position: relative; top:10px; left: 0px; display: inline-block; padding-left: 37px}
	.product_row .tyrelabel {position: relative; top: 0px; margin-top: 10px; left: 0px; white-space: nowrap;}
	.product_row .tyrelabel > div {display: inline-block; width: 50px; margin-top: 10px}
	.product_row .tyrelabel > div:last-child{width: 65px;}
	.product_row .tyrelabel .ico_label {padding: 1px 10px 1px 30px}
	.product_row .tyrelabel .ico_label.gas{background-position: 5px 2px;}
	.product_row .tyrelabel .ico_label.rain{background-position: 5px -23px;}
	.product_row .tyrelabel .ico_label.sound{background-position: 5px -45px;}
	.product_row .amount {margin-top: 23px; width: 60px}
	.product_row .amount input {width: 40px}
	.product_row .buy_btn {margin-bottom: 10px}
	.center_info .brand {height: 35px}
	.product_row .center_info .prod_compare{position: relative; margin-top: 15px; display: block;}
	.productdetails .prod_rightpanel {display: block; width: 100%; float: none}
	.productdetails .top_info {width: 55%; margin: 0 0 10px 0}
	.productdetails .prod_rating, .productdetails .tyrelabel {position: relative; top: 0; left: 0}
	.productdetails .prod_compare {display: block; margin: 0; position: absolute; top: 0px; right: 0px; padding: 5px; background: #eee; color: #111;}
	.productdetails .prod_compare:hover{cursor: pointer;}
	.productdetails .short_info{width: 93%}
	.productdetails .product_img {width: 44%}
	.productdetails .itm_brand {height: 30px}
	.productdetails .prod_rightpanel .prod_buy{width: 96%; border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
	.productdetails .product_info.service .prod_rightpanel .prod_buy {margin-top: 10px}
	.productdetails .prod_rightpanel .prod_price{width: auto; text-align: left; border: none; margin: 0; padding: 0}
	.productdetails .buy_btn{width: 40%; clear: none}
	.productdetails .prod_buy .box_btn{width: 40%; margin-left: 52%; clear: none}
	.productdetails .buy_btn, .productdetails .prod_buy .box_btn .collect{text-indent: 0px; background-position: right -746px}
	.productdetails .amount{float: left; display: inline-block; margin: 0px 0px 0px 10px}
	.productdetails .prod_buy .info_link{clear: none; float: none; margin-right: 0}
	.productdetails .prod_buy .info_link.cost{margin-bottom: 10px}
	.productdetails .prod_price .cost{font-size: 36px;}
	.productdetails .prod_price .currency {font-size: 32px;}
	.productdetails .online_date {width: 100%}
	.productdetails .chngeamnt {width: auto; clear: both; float: left;}
	.MainContent.tire_search .title_banner img {}
	.checkout .progress .step .ico.cart{background-position: center -117px; text-indent: -9999px}
	.checkout .progress .step .ico.ship{background-position: center -177px; text-indent: -9999px}
	.checkout .progress .step .ico.shop{background-position: center -456px; text-indent: -9999px}
	.checkout .progress .step .ico.customer{background-position: center -203px; text-indent: -9999px}
	.checkout .progress .step .ico.payment{background-position: center -263px; text-indent: -9999px}
	.checkout .progress .step .ico.over{background-position: center -325px; text-indent: -9999px}
	.checkout .progress .step.active .ico.cart{background-position: center -88px; text-indent: -9999px}
	.checkout .progress .step.active .ico.ship{background-position: center -151px; text-indent: -9999px}
	.checkout .progress .step.active .ico.shop{background-position: center -487px; text-indent: -9999px}
	.checkout .progress .step.active .ico.customer{background-position: center -231px; text-indent: -9999px}
	.checkout .progress .step.active .ico.payment{background-position: center -294px; text-indent: -9999px}
	.checkout .progress .step.active .ico.over{background-position: center -354px; text-indent: -9999px}
	.checkout .progress .step .ico.date{background-position: center -751px; text-indent: -9999px}
	.checkout .progress .step.active .ico.date{background-position: center -720px; text-indent: -9999px}
	.checkout .progress .step .ico.check{text-indent: -9999px; background-position: center -795px}
	.checkout .progress .step.active .ico.check{background-position: center -918px; text-indent: -9999px}
	.checkout .progress .step.active .ico.pay{background-position: center -853px; text-indent: -9999px}
	.checkout .progress .step.ico.pay{background-position: center -885px; text-indent: -9999px}
	.checkout .progress .step .ico.note{background-position: center -751px; text-indent: -9999px}
	.checkout .progress .step.active .ico.note{background-position: center -720px; text-indent: -9999px}
	.checkout .progress .step .ico.off_choice{background-position: center -751px; text-indent: -9999px}
	.checkout .progress .step.active .ico.off_choice{background-position: center -720px; text-indent: -9999px}
	.checkout .options .box_btn {display: block; margin-bottom: 10px; min-width: 350px}
	.checkout .coupon{display: block; float: none;}
	.checkout .coupon input {width: 263px}
	.xsell .item {width: 50%; border: 0px}
	.xsell .item:first-child {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc}
	.xsell .item:nth-child(2){border-bottom: 1px solid #ccc}
	.xsell .item:nth-child(3){border-right: 1px solid #ccc;}
	.xsell .box_btn{width: auto; margin: 0px}
	.xsell .buy_btn{width: 75px}
	.checkout .area_search .box_btn.show {width: 96%; float: none; text-align: center;}
	.checkout .area_search select{width: 75.4%}
	.checkout .area_search input {width: 73%}
	.shop_list .shops_found {width: 100%; display: block; height: auto; overflow-y: auto;}
	.shop_list .spot_map {width: 100%; display: block;}
	.shop_list .shops_found .branchSearchResult {min-height: inherit}
	.shop_list .branchCompanyName .info {width: 30%}
	.shop_list .branchCompanyName{display: inline-block; width: 70%}
	.shop_list .branchCompanyInfo {display: inline-block; width: 30%}
	.shop_list .branchCompanyInfo .ico {padding-left: 20%}
	#Footer h3{font-size: 17px;}
	#Footer a, #Footer p, #Footer li{font-size: 13px} 
	#Footer .FooterBlock{width: 31%;}
	#Footer .FooterBlock.social{width: 34%; border: 0; margin: 0; padding: 0;}
	#Footer .FooterBlock.social a{line-height: 21px}
	#Footer .FooterBlock.payment{width: 31%; margin: 0 1% 2% 0; padding: 0 1% 0 0; border-right: 1px solid #fff}
	#Footer .FooterBlock.certificate{width: 31%; margin: 0 1% 2% 0;}
	#Footer .FooterBlock.subscription{width: 34%; border: 0; margin: 0; padding: 0}
	#Footer .FooterBlock.rim_prod{width: 31%; margin: 0 1% 2% 0; padding: 0 1% 0 0; border-right: 1px solid #fff}
	#Footer .FooterBlock.tire_size{border: 0}
	#Footer .FooterBlock.kfz_master{width: 31%; margin: 0 1% 2% 0;}
	.box_option.category .formular .box_btn{margin: 10px 0 0 0; display: block;}
	.box_option .shop_info {margin: 0}
	.pre, .aft{display: block; width: 100%; clear: both;;}
	.checkout.appointment #tpmsContainer .pre {width: 90%; padding: 0 10% 0 0}
	.checkout .aft{margin-bottom: 20px; border-bottom: 1px solid #eee}
	.acc_form h3, .checkout h3, .tire_hotel .login_form h3, .infopage h3 {border: 0; background: #333; color: #fff; padding: 4px 2%}
	.checkout .acc_form .aft .help {margin-right: 10px}
	.service .boxen_sonder .price {font-size: 24px}
	.service .boxen_sonder h4 a {font-size: 20px}
	.tire_adviser .title_banner, .checkout .title_banner{height: 200px}
	#error_page .title_banner img{bottom: -40px;}
	.rim_config .title_banner h1{left: 32%}
	.rim_config .title_banner {height: 150px}
	.reifenergebnis {border-bottom: 1px dotted #ccc;}
	.reifenergebnis .prod_img .detail {float: left;}
	.reifenergebnis td.prod_img{display: block; width: 100%; overflow: hidden;}
	.reifenergebnis td.last {float: right;}
	.reifenergebnis td.rating {position: absolute; right: 0; top: 0}
	.car_choice .title_banner .title_img {float: none}
	.car_choice .title_banner .title_img img{display: block; margin: 0px auto}
	.car_choice .title_banner .title_info {margin: 5px 0; padding: 0 2%}
	.car_choice .title_banner .warning {margin: 5px 0px; padding: 10px 2%}
	#kfzpiclayerWrap {left: 6%; zoom: 0.9; -moz-transform: scale(0.9); -moz-transform-origin: 0 0; -o-transform: scale(0.9); -o-transform-origin: 0 0; -webkit-transform: scale(0.9); -webkit-transform-origin: 0 0; transform: scale(0.9); /* Standard Property */ transform-origin: 0 0;}
	.tire_list .prod_rating {text-indent: -9999px; padding: 0 0 0 5px; width: 25px}
	.rimntire .title_box {font-size: 16px}
	.tire_dim a{width: 24%}
	.tire_dim a:nth-child(6n){margin: 0 1% 10px 0; width: 24%}
	.tire_dim a:nth-child(4n){margin: 0 0 10px 0; width: 25%}

	.tire_prod a{width: 49%}
	.tire_prod a:nth-child(5n){margin: 0 1% 10px 0; width: 49%}
	.tire_prod a:nth-child(2n){margin: 0 0 10px 0; width: 50%}
	.thirdpage .acc_form .pre{width: 100%; margin-bottom: 0}
	.thirdpage .acc_form .aft{width: 100%;}
	.reifenergebnis.bought .prod_img img {max-width: 80px}
	.choose_area .area_search .prev_next.geolocation .geo {text-align: center;}
	.license .halfpage {display: block!important; width: 100%!important; margin: 20px 0 0!important}


}
/* tyresearch phones and down */
@media only screen and (max-width: 580px) {
	.halfpage, .halfpage.last{display: block; width: 100%; margin: 10px 0 0 0; clear: both;}
	.search_form .rightpanel{margin-top: -10px}
	.search_form .rightpanel{float: none; width: 100%}
	.search_form .rightpanel .panelbox.tire_help{border: none}
	.search_form .rightpanel .panelbox.tire_help img {width:20%; margin-right:20px;}
	.search_form .rightpanel .panelbox.tire_help .box_btn {width: 100%; padding: 0px}
	#kfzpiclayerWrap {left: -3%;}
	.car_choice .rimntire .box_btn{width: 100%}
	.car_choice .rimntire #btnfelge .box_btn:first-child {margin-bottom: 10px}
	.prev_next .box_btn{width: 100%; margin-bottom: 10px; padding: 0; float: none; display: block;}
	.filtertable select {width: 100%}
	.brandlogo {height: 35px}
	.checkout .ico.save {padding: 0; background-position: 10px -954px}
	.box_option.chosen .box_btn.right{float: none; width: 96%; padding: 0 2%; margin-bottom: 10px; text-align: center;}
	.reifenergebnis td{display: inline-block; border: 0}
	.list .article > td {width: 100%; border: 0}
	.list .article .item_price {border-bottom: 1px dotted #ccc; margin-bottom: 5px}
	.list .article.discount td {width: auto}
	.checkout .item_price {font-size: 24px}
	.acc_form .aft select, .acc_form .aft input, .acc_form .aft textarea {width: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.my_account > .field {width: 100%!important; padding: 3%; margin-bottom: 10px!important}
	.reifenergebnis.bought td.prod_img {display: inline-block;}
	.reifenergebnis.bought tr td:last-child {display: block; width: 100%}
	.reifenergebnis.bought .pneu_label{position: absolute; right:0px; margin-top: -135px}
	.reifenergebnis.bought .prod_details{width: 100%; padding: 0}
	.reifenergebnis.bought .prev_next{width: 100%; padding: 0}
	.reifenergebnis.bought .prev_next .box_btn, .reifenergebnis.bought .prev_next .box_btn.c2a {width: 96%; margin: 0 2%; padding: 0; text-align: center; overflow: hidden; float: none; display: block; margin-top: 10px }
	.reifenergebnis.bought .salary {border-bottom: 3px solid #111; border-top: 1px dotted #ccc; background: #fdfdfd; margin-bottom: 15px; padding: 0}
	#toplinks {display: none; float: none; position: relative; top: 0; right: 0}
	#toplinks .account {display: table; margin: 0px auto 0px}
	.contact .acc_form .captcha input {margin: 10px 0 0 0; top: 0}
	.contact .acc_form .captcha p.smalltxt {margin: 0}
	.tire_hotel .storage_notes .help_img img {display: block; margin-bottom: 10px}
	.tire_hotel .storage_notes {width: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding: 1% 4%}
	.tire_hotel .login_form .box_btn {text-align: center;}
	.tire_hotel .login_form input[type="text"] {width: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.tire_hotel .login_form .box_btn .ico{padding: 0}
	.acc_form .ar_cd > input, .acc_form .st_nr > input {width: 30%;}
	.acc_form .ar_cd .twitter-typeahead{width: 69%; margin-left: 1%}
	.acc_form .st_nr .twitter-typeahead{width: 69%; margin-right: 1%}
	.acc_form .ar_cd .twitter-typeahead input, .acc_form .st_nr .twitter-typeahead input{width: 100%}
	.thirdpage .acc_form .st_nr input:first-child {width: 85%}
	.thirdpage .acc_form .st_nr input:last-child {margin-left: 1%; width: 14%}
	.thirdpage .acc_form  .ar_cd > input:first-child {width: 24%}
	.thirdpage .acc_form  .ar_cd > input:last-child {margin-left: 1%; width: 75%}
	.thirdpage .acc_form  .aft.ctry > select {width: 100%}
	.tire_hotel .prev_next .ico.check{padding: 0; background-position: 10px -793px;}
	#cboxLoadedContent .prev_next .box_btn{width: 100%; padding: 0; float: none; text-align: center;}
	#cboxLoadedContent .prev_next .buy_btn {width: 100%; padding: 0; float: none; margin-bottom: 10px; text-align: center;}
	.labelling_detail {float: none; margin-bottom: 10px}
	.product_row {height: auto; padding-bottom: 10px;}
	.product_row .center_info {width: 77%; margin: 0 0 0 1%}
	.product_row .right_info{width: 100%; position: relative; margin-top: -80px}
	.product_row .prod_rating{left: -29%; margin-top: 5px; top: 0px; padding-left: 35px; height: 44px;}
	.product_row .prod_awards{position: absolute; left: auto; top: -25px; right: 0px; width: auto; display: inline-block;} 
	.product_row .prod_awards img {float: none}
	.product_row .center_info .prod_compare {bottom: 5px; left: -28%}
	.product_row .center_info .prod_title{max-height: inherit; margin: 16px 0px 7px; height: auto;}
	.product_row .topseller {position: relative; top: -11px}
	.product_row .details {margin-right: 0px; border-right: 5px solid #fff;}
	.product_row .tyrelabel, .product_row .seasonlabel{margin-left: -29%; position: relative; margin-top:  30px}
	.product_row .tyrelabel, .product_row .tyrelabel{top:  80px}
	.product_row .tyrelabel {white-space: normal; margin-top: 0px; top: 0}
	.product_row .tyrelabel > div {display: block; width: 65px; margin-top: 0px}
	.product_row .tyrelabel > div:last-child {width: 65px}
	.reifenergebnis.bought .prod_img img {max-width: 120px}
	.ratebox {width: 100%}
	.shop_list .branchSearchResult td{padding: 1%}
	.shop_list .box_btn.c2a {width: 100%; padding: 0}
	.shop_list .branchCompanyName, .shop_list .branchCompanyInfo {width: 100%}
	.shop_list .branchCompanyName .info {width: 88%}
	.shop_list .branchCompanyInfo .details {padding-left: 45px}
	.filter_box.advanced .box_btn {min-width: 155px}
	.filter_box.advanced span {font-size: 16px}
	.tire_data, .tire_data tr, .tire_data td, .tire_data th {display: block;}
}


/* searchtabs_content phones and down */
@media only screen and (max-width: 500px) {
	#Header .logo{margin-bottom: 10px; height:53px}
	#Header .logo img {height:53px;}
	#Header .usp .usp_ico{display: block; margin-bottom: 5px; padding-left: 60px}
	#Header #breadcrumbs{background: none; height: auto; margin: 0 0 10px 0}
	#Header #breadcrumbs .PathNavigation {display: none}
	#Header #toplinks {margin-bottom: 10px}
	#Header .box_btn.c2a{width: 50px}
	#Header img.partner {height: 53px; clear: both; float: right;}
	#TopNavi {clear: both;}
	#TopNavi .mobilemenu .menu{text-indent: 9999px}
	#RightNavi #shopping_cart{text-indent: -999px; width: 40px}
	#RightNavi #shopping_cart .cart {background-position: 4px -52px;}
	#RightNavi #shopping_cart .item_cart{text-indent: 0px; right: 24px}
	#slider .slider-test img{width: 250%; right:150px;}
	#TopNavi .tiny-navi ul li {width: 280px;}
	#TopNavi .tiny-navi ul li > ul {width: 278px;border-left: 1px solid #ffe400}
	#TopNavi .tiny-navi ul li > ul {position: relative; right: 0px; display: block;}
	#TopNavi .tiny-navi > ul > li:hover {background: none; border: none}
	#Header #menubutton{text-indent: -9999px; width: 49px}
	#Header #menubutton .menu{background-position: 9px -1180px}
	#Footer {width: 80%; padding: 10%}
	#Footer h3{font-size: 22px; border-bottom: 1px solid #fff}
	#Footer h3 span{font-size: 22px}
	#Footer a, #Footer p, #Footer li{font-size: 14px} 
	#Footer .FooterBlock {display: block!important; border-right: none!important; width: 100%!important; min-height: auto; float: none; margin-bottom: 20px!important}
	#Footer .FooterBlock img {width: auto;}
	#searchbox{height: auto;}
	#searchbox .searchtabs{top: 0px; right: 0px; width: 100%; position: relative; margin-bottom: 10px; height: auto;}
	#searchbox .searchtabs li .searchtabs_content {}
	#searchbox, .searchtabs > li.active > a, .searchtabs li .searchtabs_content, .searchtabs > li.active > a:hover{background:#333!important;  
	}
	.thirdpage, .thirdpage.last{display: block; width: 100%; margin: 10px 0 0 0}
	.filter_box {padding: 10px 0 5px 0; width: 100%; background: #fff; border-top: 1px dotted #111; margin-bottom: 10px}
	.filter_box .filter_btn{margin:0 10% 10px 0; width: 13%}
	.filter_box .filter_btn .box_btn .ico.filter {background-position: center -543px; text-indent: -9999px}
	.filter_box .filterform {width: 18%}
	.filter_box .filterform.tire_season{width: 29%}
	.filter_box .tire_filter {display: block; width: 100%; white-space: nowrap; position: relative;}
	.filter_box .tire_filter input{border: 1px inset #ccc}
	.filter_box span {font-size: 12px; font-weight: 100}
	.filter_box select{border: 1px solid #ccc}
	.filter_box .filter_btn {width: 110px; margin-bottom: 10px}
	.filter_box .filter_btn .box_btn .ico.filter {text-indent: 0px; background-position: right -543px;}
	.filter_box .filterform.help{width: auto; margin: 10px 0 5px;}
	.filter_box.advanced.change{line-height: 19px}

	.box_option.hsn .formular .box_btn{margin: 10px 0; display: block; width: 100%; padding: 0}
	a.filter_box.adviser {padding-left: 75px; background-size: auto 40px; padding: 0px 0 0 40px; border: 0}
	a.filter_box.adviser span{width: 100%; font-weight: 400}
	a.filter_box.adviser p {float: right; text-decoration: underline; line-height: 12px}
	.filter_box.advanced {white-space: normal; line-height: 38px; font-size: 16px; min-height: 36px; padding: 10px 4%; width: 92%; border:0}
	.filter_box.advanced span{line-height: 19px; font-size: 16px; width: 70%;}
	.filter_box.advanced .box_btn.c2a{width: 50px; min-width: inherit}
	.filter_box.advanced .box_btn.c2a .ico{text-indent: -9999px; background-position: center -783px;}
	.productdetails .product_img {width: 100%; margin-right: 0%; display: block;}
	.productdetails .top_info {width: 100%; margin-top: 10px}
	.productdetails .sp-wrap {max-width: none}
	.productdetails .prod_awards {float: none}
	.productdetails .prod_awards img{float: none}
	.productdetails .tyrelabel {position: relative; top: 0px; right: 0px; left: 0px}
	.productdetails .prod_compare{position: relative; margin: 10px 0 20px}
	.productdetails .itm_brand {width: 50%; height: auto; margin: 0 0 10px}
	.product_tabs {padding: 20px 0px}
	.productdetails .prod_buy .box_btn {width: 92%; margin: 0}
	.productdetails .buy_btn{margin-bottom: 10px}
	.productdetails .short_info {width: 100%; margin-top: 10px}
	.productdetails .prod_rightpanel .prod_price{width: auto; text-align: left; border: none; margin: 0; padding: 0}
	.productdetails .prod_rightpanel .prod_buy {padding: 2% 0; width: 100%}
	.productdetails .buy_btn{clear: both; width: 92%; margin-top: 10px}
	.productdetails .amount{display: inline-block;}
	.productdetails .prod_buy .info_link{clear: both; float: right;}
	.productdetails .prod_buy .info_link.immediate{margin-top: 10px}
	.productdetails .prod_buy .info_link.cost{margin-bottom: 10px;}
	.productdetails .prod_price .cost{font-size: 36px;}
	.productdetails .prod_price .currency {font-size: 28px;}
	.productdetails .chngeamnt {width: 100%; clear: both; float: none;}
	.MainContent .title_banner h1 {padding: 5px 0; width: 100%; text-align: center; margin: 0; font-size: 28px}
	.search_form .search_row select {display: block; width:100%; margin-top:5px;}
	.search_form span {font-size: 16px}
	.search_form .search_row .distributer span{min-width: 100px;}
	.search_row.confirm .box_btn {width: 100%; padding: 0px}
	.checkout .btnNextStep .box_btn {width: 94%; padding: 0 3%; text-align: center;}
	.checkout .options {width: 100%}
	.checkout .options .box_btn {display: block; margin-bottom: 10px; width: 94%; padding: 0 3%; min-width: inherit;}
	.checkout .coupon{display: block; float: none;}
	.checkout .coupon input {width: 62%; padding: 2px 1%}
	.checkout .coupon .box_btn {width: 35%; text-align: center; padding: 0}
	.checkout .progress{padding-top: 5px; border-top: 1px solid #ccc}
	.customsearch .search_filter select {display: none;}
	.customsearch.below .paging {width: 100%; text-align: center;}
	.customsearch .search_number {line-height: 0px; margin-top: 20px}
	.customsearch .paging a {margin-bottom: 1px}
	.xsell .amount .buy_btn{float: none; vertical-align: bottom;}
	.xsell .box_btn {width: 100%; margin-top: 5px; text-align: center; padding: 0}
	.xsell .item{overflow: hidden; width: 100%; border-right: 0px!important}
	.checkout .btnNextStep .box_btn.c2a {width: 100%; padding: 0}
	.choose_area .area_search {width: 100%}
	.choose_area .area_search .box_btn.show {margin-right: 0px; width: 100%}
	.choose_area .area_search label {width: 32%;}
	.choose_area .area_search select, #branchSearchLayer .choose_area .area_search select{width: 66.4%}
	.choose_area .area_search input {width: 64%}
	.choose_area .shop_map {display: block; width: 100%; border: 0px; border-top: 1px dotted #ccc; padding-top: 10px; margin-top: 10px}
	.choose_area .shop_map img{width: auto}
	.choose_area .area_search .areacode, .checkout .area_search .areaspot{width: 100%}
	.choose_area .prev_next .box_btn{display:block; width: 100%; padding: 0px; margin-top: 10px; text-align: center; float: none;}
	.choose_area .area_search .box_btn.next{float: none; margin-left: 0px; text-align: center;}
	#branchSearchLayer .branchCompanyName .info{width: 79%}
	#branchSearchLayer .branchCompanyName, #branchSearchLayer .branchCompanyInfo{width: 100%; display: block;}
	#branchSearchLayer .prev_next .box_btn{float: none}
	#branchSearchLayer .area_search .prev_next{margin-top: 0}
	#branchSearchLayer .ico.search {background-position: center -420px; text-indent: -9999px; width: 100%;}
	#branchSearchLayer .ico {padding: 0}
	.select-box span.cont{padding: 10px 1%}
	.checkout .reifenergebnis .info_block{display: block; padding-top: 10px}
	.checkout .reifenergebnis .info_row{display: none;}
	.login .client {display: block; width: 100%}
	.login .client.enter{border: 0; margin-top: 10px; width: 100%; padding: 10px 0}
	.login .client.enter .box_btn.c2a{float: right;}
	.checkout.appointment .divider {display: none;}
	.checkout.appointment .aft{font-weight: 700}
	.box_option.category .formular .box_btn{width: 100%}
	.box_option.hsn .formular .box_btn{width: 100%}
	.field{display: block;}
	.acc_form .aft .box_btn {margin-left: 0}
	.checkout .acc_form .aft {position: relative; height: 100%; display: block;}
	.acc_form {width: 100%!important}
	.checkout .acc_form .aft .help{position: absolute; right: 0; top: 0; margin: 0}
	.my_account .title_banner {height: auto; max-height: 250px}
	.service .boxen_sonder .right_side {display: block; width: 74%; margin-top: 10px; height: 36px; margin-left: 26%}
	.service .boxen_sonder .right_side .price{text-align: left;}
	.service .boxen_sonder .service_img {width: 25%}
	.service .boxen_sonder .inner {width: 74%}
	.service .boxen_sonder h4 a {font-size: 18px}
	.tire_adviser .title_banner, .checkout .title_banner{height: 150px}
	.tire_adviser .title_banner h1{left: 0}
	.tire_adviser .title_banner img{width: 150%; margin-top: -32%}
	.tire_adviser .prev_next .c2a{width: 100%; padding: 0; text-align: center;}
	#error_page .title_banner {height: 150px}
	#error_page .title_banner h1, .rim_config .title_banner h1{right: 0; left:0;}
	.reifenergebnis td.rating .prod_rating {text-indent: -9999px; padding-right: 0}
	#kfzpiclayerWrap {left: 0%; zoom: 0.63; -moz-transform: scale(0.63); -moz-transform-origin: 0 0; -o-transform: scale(0.63); -o-transform-origin: 0 0; -webkit-transform: scale(0.63); -webkit-transform-origin: 0 0; transform: scale(0.63); /* Standard Property */ transform-origin: 0 0;}
	.my_account.login .client.enter{height: auto;}
	.filter_box.advanced.change .box_btn{float: none; width: 100%; padding: 0; text-align: center; margin-bottom: 10px}
	.kcc .shop_list .branchCompanyName {white-space: normal;}
	.kcc .shop_list .branchCompanyName .info{width: 80%}
	#ergebnisliste .prev_next .box_btn.c2a {width: 100%; text-align: center;}
	.kcc .shop_info .box_btn {width: 100%; padding: 0; text-align: center;}
	.rimntire .buy_btn {width: 55px}
	.rimntire .title_box{display: none}
	.carservice .cs_cat tr td {font-size: 15px; display: inline-block; border: 0; width: 100%; height: auto; margin-top: 10px; padding-top: 10px}
	.carservice .cs_cat tr:first-child .cs_title{border: 0; padding: 0; margin: 0}
	.carservice .cs_cat .cs_title {font-size: 17px; padding: 2%; width: 96%; border-top: 1px dotted #ccc}
	.my_account .rate_form textarea {width: 95%}
	.tire_dif a {width: 100%!important; margin: 0 0px 10 0!important; height: auto;}
	.tire_dim a{width: 49%}
	.tire_dim a:nth-child(4n){margin: 0 1% 10px 0; width: 49%}
	.tire_dim a:nth-child(2n){margin: 0 0 10px 0; width: 50%}
	.tire_hotel .title_banner h1 {font-size: 20px; text-align: left; width: 98%; padding: 10px 1% 5px}
	.acc_form .data .twitter-typeahead {width: 100%}
	.acc_form .aft.hsn input{width: 150px}
	.checkout .aft.captcha img{width: 250px; height: auto; display: block;}
	.added_prod tr {display: inline-block;}
	.added_prod th {display: none}
	.added_prod td {display: inline-block;}
	.added_prod td.price.single {display: block;}
	.added_prod td.price.total {display: block; font-size: 24px!important}
	.added_prod td.price.total span.mobile_pr{font-size: 24px!important}
	#cboxLoadedContent table .mobile_pr{display: inline-block; font-size: 16px}
	#cboxLoadedContent table td.price {padding: 0 5px 0 0}
	.shop_list .branchCompanyName .info {width: 82%}
	#fzgschein_alt, #fzgschein_neu {zoom: 0.93; -moz-transform: scale(0.93); -moz-transform-origin: 0 0; -o-transform: scale(0.93); -o-transform-origin: 0 0; -webkit-transform: scale(0.93); -webkit-transform-origin: 0 0; transform: scale(0.93); /* Standard Property */ transform-origin: 0 0;}
	.license .helpme {position: absolute; left: 285px}
	.compatible th {font-size: 12px}
	.tire_list tr td:first-child span {font-size: 13px}
	.tire_list .mid {font-size: 0}
	.tyrelabel > div {width: 70px}
	
}