/*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 {margin-left: 0}
	#TopNavi .subnavi{width: 100%}
	#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 {height: 210px}
	#TopNavi .subnavi .linkico li {width: 80px; margin: 7px 4px 7px 10px}
	#TopNavi .subnavi .kmw {height: 255px;}
	#searchbox .searchtabs {bottom: 10px}
	#searchbox .tire {left: 7%}
	.productdetail .searchlist .service-info {max-width: 270px}
	.shop_locate .shop_search .lineput input[type=text] {width: 51%}
	.new-service .option-select {float: none; margin-right: 0}
	.checkout-step.service-date .content.new-service {padding-left: 45px}
	.checkout-step.not-available .content.new-service {padding-bottom: 20px}
	.checkout-step.not-available .content.new-service.no-callback{display: block!important;}
	.service-date .order-callback.textinput {margin: 15px 0 0 30px}
	#appointmentLayer .order-callback.textinput {margin-top: 0}
	#Footer h3 {white-space: normal;}
	.service-date .datepicker .selectbox select {text-align: left; margin-right: 10px}
	.service-date .datepicker .selectbox input[type=text] {text-align: center; padding: 0; width: 210px; margin-right: 10px}
	.service-date .datepicker .selectbox input[type=text], .service-date .datepicker .selectbox select {width: auto; font-weight: bold!important; color: #009646;}
	.service-date .datepicker .selectbox.time {position: relative; }
	.service-date .datepicker .selectbox select{background: url('../gfx/ico_time.svg') no-repeat #fff; background-size: 36px; background-position: left; padding-left: 43px; width: 140px}
	#searchbox hr {margin: 10px 0}
	#searchbox .search_btn {margin-top: 0}
	.product.article .thirdpage{width: 64%}
	.product .premium {display: block; margin-left: 0}
	#cookiebar .inner {width:100%;}
	#cookieInfoLink {display:block;}
	#cookieInfoLink .fa {margin:0 !important}
	#fancyCarDetails { max-width: 700px; }
	#carImageInfo { max-width: 300px; }
	#carImageInfo img { max-width: 100%; }
}


/* Portrait tablet to landscape and desktop */
@media only screen and (max-width: 930px) {
	.product .premium {display: inline-block; margin-left: 10px}
	#Header .usp .usp_ico.time{display: none;}
	#TopNavi .navico, .kcc #TopNavi .navico {padding-left: 0!important; background: none}
	#TopNavi .subnavi .linkbox li a {padding: 7px 10px; font-size: 13px}
	#TopNavi .subnavi .linkimg h4 {font-size: 14px}
	#TopNavi .subnavi .linkimg img {left: 5px; }
	#TopNavi .subnavi .linkico img {height: 70px; width: 70px;}
	#searchbox .tire{height: 215px; width: 130px}
	.search_form .search_row > div {display: block;}
	.search_form .search_row span, .search_form .search_row .or {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 span, .search_form .search_row.classes span, .search_form .search_row .quality span, .search_form .search_row .distributer span {min-width: 250px; }
	.shop-info img {float: none; display: block; margin: 10px auto;}
	.shop-info span {display: none}
	.shop-info p{display: block; text-align: center; font-weight: bold; font-size: 12px; margin:0 5% 10px; width: 90%; line-height: 14px}
	.checkout-step .topbar .title, #popLocation.checkout-step .topbar .title {width: 100%}
	.checkout .label-option .top {white-space: nowrap;}
	.checkout .label-option  .choose_s.checkout-stephop {white-space: normal;}
	.checkout-step .topbar {height: auto;}
	.checkout-step .topbar .location-search .box_btn {float: none; margin-left: -5px;}
	.checkout-step .shop-list{width: 50%}
	.checkout-step .content .map {width: 50%; margin-left: 50%}
	.checkout-step .content .map .googlemapstest {position: relative; left: -50%}
	.checkout-step .topbar .title {display: block; height: 45px}
	.checkout-step .topbar .title_branch_mkfiliale{display: block; height: 45px}
	.checkout-step .topbar .title_branch_rating{display: block; height: 45px}
	.goodbox{width: 100%!important; margin: 0 0 10px!important}
	.goodbox .login .field{width: 50%; display: inline-block; vertical-align: top;}
	.goodbox .login {white-space: nowrap;}
	.goodbox .login .box_btn.c2a {display: inline-block; margin-top: 20px; float: right;}
	.leftrow, .mainrow{float: none; width: 100%}
	.leftrow .databox {width: 49%; margin-right: 1%; float: left;}
	.leftrow .databox .content{min-height: 100px; padding-bottom: 40px}
	.leftrow .databox:nth-child(2n) {width: 50%; margin-right: 0}
	.leftrow .databox:nth-child(3) {clear: left;}
	.searchresult .mainrow {width: 98%; padding: 0 1%;}
	#filterbutton, #filterclose {display: inline-block;}
	#filterclose {position: absolute; right: -54px; top: 0}
	#Filter {width: 230px; position: absolute; left: -285px; z-index: 100; background: #f3f3f3;}
	.product.article .details {float: none;}
	.product.article .showarea {margin: 20px auto; float: none;}
	.product.article .details {width: 100%}
	.product.article .details.bottom .premium {margin: 10px 0; display: block; padding: 0}
	.product.article .details {width: 100%}
	.product.article .two.thirdpage {width: 59%}
	.product.article .thirdpage.last {width: 39%; min-width: 300px; max-width: inherit; float: none;}
	.product_tabs {padding-bottom: 0}
	.product_tabs li {border-bottom:2px solid #fff;}
	.product_tabs li > a {position:static; background:#434343; top:0; left:0; margin:0 !important; height:45px; padding:0 10px; line-height:45px; display:block; width:auto; border:none; font-size: 15px; color:#ffe400; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
	.product_tabs li.active > a {background:#232323; height:48px; color: #ffe400; line-height: 40px; border-bottom: 3px solid #ffe400; line-height: 45px; font-size: 15px}
	.product_tabs li .product_tabs_content {top:0; padding: 20px 10px; border-top: 0; min-height: inherit;}
	.product.article .details .tirelabel{display: none;}
	.product.article .details.bottom .tirelabel{display: block;}
	.productdetail .searchlist .service-info {position: relative; top: 0; left: 0; max-width: 350px}
	.product_tabs li:first-child > a {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none}
	.product_tabs .tab:before {content: '\f107'; font-family: 'FontAwesome'; float: right; font-size: 28px; margin-right: 10px}
	.product_tabs .active .tab:before {content: '\f106'}
	.databox .content {font-size: 13px}
	#popLocation.checkout-step .location-search{width: 48%}
	#popLocation.checkout-step .topbar .title {margin-right: 1%}
	#popLocation.checkout-step .topbar .location-search .box_btn {margin-left: -3%; top: 0}
	#popLocationLoader {position: absolute; top: 10px; right: 10px; height: 24px; width: 24px}
	.product.article .thirdpage.last {position: absolute; right: 0; bottom: 40px; z-index: 5;}
	.productdetail .box_btn.back {margin-bottom: 0}
	.hidden-l {display: none!important}
	.visible-l {display: block!important}
	.checkout-step .topbar .location-search {width: auto;}
	.service-date .datepicker {margin-left: 0; margin-bottom: 10px}
	.service-date .datepicker .selectbox.date:before {top: 0}
	.service-date .datepicker .selectbox input[type=text] {width:210px;}
	.checkout-step.service-date .content {padding-left: 45px}
	.checkout-step .box_btn.reservate{top: 1px}
	.leftrow h2 {margin-top: 0}
	.product.article .showarea {width: 240px}
	#stepAppointment .date-selector {position: relative; top: 0; left: 0;}
	#checkoutLogin {position: relative;}
	#checkoutLogin .required {position: absolute; right: 0px; top: 0px;}
	.checkout-step .topbar .info-filled .chosen-shop {width: 100%; margin: 0}
	.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%}
	.checkout-step .topbar .location-search input {width: 71%}
	.labelling_detail {float: none;}
	.productdetail .more-detail-info {float: none; margin-top: 30px}
	.full-label-detail {width: 48%}
	.tire_data {max-width: 55%}
	.productdetail .more-detail-info {width: 100%}
	.checkout .label-option .info p {width: 270px}
	.product.article .details {min-height: inherit;}
	.productdetail{padding: 0 10px}
	.tile { width: 32.5%; }
	.tile.fourth { width: 32.5%; margin-right: 1%; }
	.tile:nth-child(3n) { width: 33%; margin-right: 0; }
}

/* Landscape phone to portrait tablet */
@media only screen and (max-width: 850px) {
	#Header .usp {display: none}
	#searchbox .searchtabs {width: 480px}
	#searchbox .search_row.vehicle .search {background-size: 100px 326px;}
	#searchbox .search_row .info a {top: 32px}
	#Footer .FooterBlock {width: 35%}
	#Footer .FooterBlock.payment {width: 35%; border: 0}
	#Footer .FooterBlock.sub-rate {width: 64%}
	#Footer .FooterBlock.tire_size {width: 20%}
	#Footer .FooterBlock.seas_cat{clear: both;}
	#Footer .FooterBlock.kfz_master {width: 35%}
	#Footer .FooterBlock.social {width: 27%}
	.checkout .label-option .info {border-left: 0; margin-top: 40px}
	.c2a.topbutton{display: none;}
	.checkout h1 span{font-size: 20px}
	#progress .ico{background: none; text-indent: 0}
	.itemlist tfoot .halfpage {padding-right: 4%}
	.servicecard .box_btn{padding: 0 5px; line-height: 24px; height: 24px}
	.servicecard .arrows {top: 2px}
	.servicecard .arrows.left {left: -15px}
	.servicecard .arrows.right {right: -15px}
	.servicecard .arrows i:nth-child(n+2){display: none;}
	.servicecard .content {padding: 0 15px}
	.itemlist tfoot td {padding: 15px 10px}
	.MainContent.checkout{padding: 30px 10px}
	.embed-container {padding-bottom: 56%}
	.title_banner .warning {position: relative; left: 0; top: 0px; border: none; background: #333; padding: 10px; }
	.my_account .field {width: 49%; margin-bottom: 10px}
	.my_account .field:nth-child(2n){width: 50%; margin-right: 0}
	.tire_list .tirelabel label{display: block; margin-bottom: 10px; white-space: nowrap;}
	.tire_list .tirelabel label img{position: relative; top: 6px}
	.garage .title_banner h1 {font-size: 18px; width: 100%; top: 0!important; left: 0!important; right: 0!important; bottom: auto!important; text-align: center; }
	.fullsize-pic{display: none;}
	.itemlist th {padding: 1px 15px}
	.itemlist .item td.price, .itemlist .item .total {padding-left: 15px; padding-right: 15px}
	.checkout.basket .itemlist .item .article, .checkout.basket .itemlist .branding td {padding-left: 15px}
	.itemlist .item td.amount input {width: 40px}
	.itemlist .bottomrow .leftinfo {height: 130px; padding-left: 135px; vertical-align: middle;}
	.itemlist .bottomrow .leftinfo .info {width: auto;}
	.itemlist .bottomrow .leftinfo img.pic{display: inline-block!important; position: absolute; top: 0; float: left; max-width: 100px; left: 13px;}
	#Header.checkout-header .usp{white-space: normal; width: 330px}
	.checkout.basket .itemlist .bottomrow .leftinfo{height: 130px; padding: 10px 0 10px 130px;}
	#basketContent .itemlist tfoot td {padding-right: 15px}
	#basketContent tfoot .halfpage {padding-right: 0}
	.hidden-m {display: none!important}
	.visible-m {display: block!important}
	.my_account .databox.field {width: 49%}
	.completed.title_banner h1 {padding-left: 10px}
	.tire_hotel.checkout.basket .itemlist .bottomrow .leftinfo {height: 130px;}
	#fra_tbl_auftragdetails .thirdpage {display: block; float: none; width: 100%!important;}
	#fra_tbl_auftragdetails .thirdpage td {height: auto;}
	.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%}
	#basketContent .itemlist .article h3 {font-size: 16px}
	.filter-inline { width: 100%; margin-right: 0; }
	table.rim-filter { position: absolute; top: 50px; right: 0px; }
	table.rim-filter td {display: none}
	table.rim-filter.open { background: #ccc; padding: 0 10px 10px; z-index: 10; }
	table.rim-filter.open td { display: block; }
	table.rim-filter.open td.mobile-rim-filter{ right: 0; }
	table.rim-filter td.mobile-rim-filter { display: block; position: relative; right: 10px; float: right; }
	.configInch span { display: block; margin-bottom: 5px; }
	.configInch { height: auto; }
	#carImage img { max-width: 100%; }
	.configurator .add-tire-filter .filter { width: 49%; margin-right: 1%; }
	.configurator .add-tire-filter .filter:nth-child(2n){ width: 50%; margin-right: 0; }
	.mobile-filter-btn { display: table; z-index: 10; }
	.mobile-filter-btn.open .fa.fa-bars:before { content: '\f00d'; }
	#tireFilterBox .content { position: relative;}
	.add-tire-filter { display: none; top: 10px; left: 0px; width: 100%; background: #ccc; }
	.add-tire-filter.open { display: block; padding: 20px 10px; z-index: 9; }
}

@media only screen and (max-width: 720px) {
	#Header {position: fixed; width: 100%; z-index: 100; background: #ffe400;}
	#Header #menubutton {display: inline-block;}
	#Header .logo {display: block; margin: 0 auto;}
	#Header .other-logo {display: none;}
	#toplinks .link.cart, .checkout-header #toplinks .link.cart{background: url(../gfx/cart.svg) no-repeat #ffe400; text-indent: -9999px; background-position: center 22px; padding: 0 10px}
	#toplinks .link.cart.active {background: url(../gfx/cart.svg) no-repeat #ffe400; background-size: auto 30px; background-position: center 21px;}
	#toplinks .link.cart.active .items {right: 13px; top: 15px}
	#toplinks .link.cart .item_cart {text-indent: 0; top: 18px; right: 16px}
	#toplinks #shopping_cart .item_cart {top: 15px}
	#toplinks #shopping_cart.active .items {top: 16px}
	#toplinks #shopping_cart {min-width: 60px; padding: 0 8px; border-left: 1px solid #ddc500}
	.hidden-s {display: none!important}
	.darklayer.active {display: block; z-index: 20;}
	.darklayer.active:hover{cursor: pointer}
	.filterlayer.active {display: block; z-index: 20;}
	.filterlayer.active:hover{cursor: pointer}
	#searchbox .tire {display: none!important}
	#searchbox h1 {font-size: 16px; background: none; line-height: 22px; text-shadow: 1px 1px #fff;}
	#searchbox h1 strong {font-size: 22px}
	#searchbox .title {display: block; top: 0; padding-top: 1%; margin-bottom: 0}
	#searchbox .title:before {background: none}
	#searchbox .searchtabs {right: 0; left: 0; margin: 0px auto; display: block; bottom: 45px;}
	#TopNavi.active {display: block!important;}
	#TopNavi {position: absolute; z-index: 99; padding: 0px; left: -80%; width: 80%; height: auto; background: #454545; float: none; display: none!important; top: 0}
	#TopNavi li, #TopNavi .mobilemenu {display: block; padding: 0px}
	#TopNavi li ul li {display: block; margin: 0px}
	#TopNavi .navi {width: 100%; float: none; height: auto;}
	#TopNavi .navi > a:hover{text-decoration: none; cursor: default;}
	#TopNavi .subnavi{width: auto; position: relative; background: none; padding: 0px; left: 0px; float: none}
	#TopNavi .subnavi li{display: block; width: 100%; float: none}
	#TopNavi .subnavi .linkbox{height: auto!important; padding: 0;}
	#TopNavi .subnavi .linkbox li a:hover {background: #fff; text-decoration: underline;}
	#TopNavi li ul li {width: 100%}
	#TopNavi .subnavi .linkbox li {border-bottom: 1px solid #ccc}
	#TopNavi .subnavi .kmw {margin: 0px}
	#TopNavi .subnavi .linkimg img {display: none}
	#TopNavi .subnavi .linkimg {height: auto; margin: 0; padding:5px 10px 5px 30px}
	#TopNavi .subnavi .iconframe {width: 100%; height: auto; font-size: 0px; background: none}
	#TopNavi .subnavi .linkico img {width: 40px; height: 40px; margin-bottom: 0}
	#TopNavi .subnavi .linkico li {margin: 7px 0 0}
	#TopNavi .subnavi .iconframe a {width: 23%; padding: 0 1%; height: 80px}
	#TopNavi .subnavi .linkico p {color: #fff; margin-bottom: 0}
	#TopNavi .subnavi .linkimg p {height: auto;}
	#TopNavi .navi.active {border-color: #232323;}
	#TopNavi .active > a:after {content: '\f00d'; font-size: 14px}
	#TopNavi .linkbox {background: #434343; }
	#TopNavi .navi .navmenu{line-height: 40px}
	#TopNavi .subnavi .linkbox li a{color: #fff}
	#TopNavi .subnavi .linkimg {padding: 6px 8px 4px; text-align: left; background: #333; border-bottom: 1px solid #ccc}
	#TopNavi .subnavi .linkimg h4 {margin-top: 0; color: #fff}
	#TopNavi .subnavi {top: 0}
	#toplinks .link.cart{background: url(../gfx/cart.svg) no-repeat #ffe400; text-indent: -9999px; background-position: center 22px; padding: 0 10px}
	#toplinks .fleet, #toplinks .employee, #toplinks .myaccount, #toplinks #kcchome {display: none;}
	#TopNavi .navi {border: 10px solid #232323; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-bottom-width: 0px}
	#TopNavi .navi.last, #TopNavi .mobilemenu:last-child a, #TopNavi .navtoplink.last a{border-bottom-width: 10px}
	#TopNavi .navi > a {border: 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
	#TopNavi .navico, #StartNavi .navico {background: url(../gfx/icons_nav.svg) no-repeat; background-size: 26px; display: block; margin: 0; text-indent: 10px; margin-left: 5%; height: 45px; text-align: center; line-height: 45px}
	#TopNavi .navico {text-align: left; text-indent: 45px}
	#TopNavi .navico.tire {background-position: 0px 10px; }
	#TopNavi .navico.rim {background-position: 0px -32px; }
	#TopNavi .navico.service {background-position: 0px -74px; }
	#TopNavi .mobilemenu .fleet {background-position: 17px -1130px; }
	#TopNavi .mobilemenu .employee {background-position: 17px -1130px; }
	#TopNavi .mobilemenu .account {background-position: 17px -491px; } 
	#TopNavi .date_search, #TopNavi .shop_search, #TopNavi .about{display: none}
	#TopNavi .mobilemenu a {border: 10px solid #f3f3f3; height: 45px; line-height: 45px; padding-left: 5%; border-bottom-width: 0}
	#startseite #StartNavi {background: none}
	#StartNavi {display: block}
	#StartNavi .navi {width: 50%; float: left;}
	#StartNavi .navi a{display: block; margin: 2%; width: 96%; background: #434343; color: #ffe400; text-decoration: none}
	#StartNavi .navi .navico {font-size: 13px; font-weight: bold;}
	#StartNavi .navi .navico.date{background-position: 0 -121px;}
	#StartNavi .navi .navico.shop{background-position: 0 -166px;}
	#TopNavi > li > a {position: relative;}
	#TopNavi > li > a:after{content: '\f105'; font-size: 20px; font-family: 'FontAwesome'; position: absolute; top: 0px; right: 0; width: 15%; text-align: center; height: 35px; line-height: 35px}
	.checkout .label-option .info {display: none;}
	#progress {top: 10px; position: relative; margin-bottom: 20px}
	#progress .step .ico {text-indent: -9999px; width: 30px}
	#progress .ico {background: url(../gfx/icons_progress.svg) no-repeat; background-size: 30px auto; max-width: 30px}
	#progress .step:before{content: ''; position: absolute; left: 5px; bottom: 5px; font-size: 12px; opacity: .7}
	#progress .step.active:before{opacity: 1}
	#progress .step:nth-child(1):before{content: '1.';}
	#progress .step:nth-child(2):before{content: '2.';}
	#progress .step:nth-child(3):before{content: '3.';}
	#progress .step:nth-child(4):before{content: '4.';}
	#progress .ico.ship{background-position: center 10px}
	#progress .ico.login{background-position: center -22px}
	#progress .ico.pay{background-position: center -54px}
	#progress .ico.all{background-position: center -90px}
	.checkout-step {padding: 0}
	.checkout-step .topbar .location-search {white-space: nowrap; margin-bottom: 5px}
	.checkout-step .topbar .location-search input {width: 101px}
	.checkout-step .topbar .location-search #popBranchParam {width: 70%}
	.checkout-step .topbar .marker{margin-bottom: 10px}
	.checkout-step .shop-list{width: 100%; position: relative;}
	.checkout-step .content .map {display: none;}
	.checkout-step .shop-list .shop:nth-child(n+3) {display: none;}
	.checkout-step .shop-list.show-all .shop:nth-child(n+3) {display: block;}
	.checkout-step .shop-list.show-all .less-shops {display: block;}
	.checkout-step .shop-list.show-all .more-shops {display: none;}
	.visible-s {display: block!important}
	span.visible-s{display: inline-block!important}
	.checkout-step .topbar .info-filled .change-info .fa {margin-left: 0}
	.checkout-step.done .topbar{background: #fff; border-top: 1px solid #ccc}
	.checkout-step.done.service-date .topbar {border-bottom: 1px solid #ccc}
	.checkout-step.done:before {background: none; color: #009640}
	.checkout-step .content {padding: 10px 10px 20px}
	.checkout-step .topbar .title {height: auto;}
	.checkout-step .topbar .title_branch_mkfiliale{height: auto;}
	.checkout-step .topbar .title_branch_rating{height: auto;}
	.service-date .datepicker .selectbox {display: block; margin-bottom: 10px}
	.service-date .datepicker .selectbox select{width: 173px}
	.helpbox:before{content: ''; width: 0; height: 0; border: 0}
	.helpbox{padding-left: 20px}
	.payment-option p{display: none;}
	.itemlist tfoot .halfpage {padding: 10px 0; width: 100%; border: 0;}
	.itemlist tfoot .halfpage.last {padding: 10px 0; width: 100%; border-top: 1px solid #d4d4d4; border-right: 0}
	.breadcrumb{display: none;}
	.shop_locate.selected {height: auto; margin-top: 10px; display: block!important;}
	.shop_locate .shop_search {background: none; border: 1px solid #d4d4d4}
	.shop_locate.selected .shop_search .two.thirdpage{width: 100%!important}
	.shop_locate .content {position: relative;}
	#tire_result_map_canvas, .shop_search .thirdpage.last{display: none!important;}
	.shop_search .two.thirdpage {width: 100%; margin-right: 0}
	.shop_locate {height: auto; margin-top: 10px}
	.shop_locate .shop_search {padding-bottom: 10px;}
	.shop_search .fa.fa-times-circle {position: absolute; right: 0px; top: 0px}
	.sortline .box_btn.locator.diff_branch {line-height: inherit; white-space: normal; width: 245px; padding-left: 43px; padding-top: 10px;}
	.sortline .box_btn.locator.diff_branch .fa-map-marker {font-size: 30px; position: absolute; padding-top: 1px; left: 15px;}
	.sortline .sortbox {display: none;}
	.sortline.bottom {margin: 10px 0 25px;}
	.sortline.bottom .sortbox {display: block;}
	#StartNavi {background: #d4d4d4}
	.sortline{margin-top: 60px}
	.sortline .result {margin: 10px 0}
	.sortline .result span {text-align: center; display: block; position: absolute; top: -55px; width: 100%; border-bottom: 1px solid #d4d4d4}
	.sortline .box_btn.locator {display: inline-block!important; vertical-align: top; float: right; height: 58px; line-height: 58px;}
	.sortline .box_btn.locator .fa{font-size: 22px}
	.searchresult .mainrow {width: 100%; padding: 0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.product .service {margin: 10px 0 0; max-width: 100%;}
	.product .to-cart .to-product {top: 0; margin: 10px 0 20px}
	.product .premium {display: block; margin: 5px 0 10px 0; padding: 0}
	.itemlist tfoot td.servicecard {padding: 10px 15px;}
	.servicecard .center {display: block; position: relative; text-align: center; margin-bottom: 10px}
	.servicecard .arrows {position: relative; float: none;}
	.servicecard .arrows.right{margin-left: 4px}
	.servicecard .mobile-line{display: table; margin: 0px auto}
	.productdetail .two.thirdpage {width: 100%!important; float: none;}
	.product.article .details.bottom .tirelabel {display: inline-block; }
	.product.article .details.bottom .premium {display: inline-block; margin: 2% 0 0 0; padding:0 2% 0 7%; }
	.product.article .details.bottom .awards{display: inline-block; margin-left: 30px}
	.product.article .showarea {float: left; margin: 20px 0}
	.ratingpage .content .rating .by {float: none; text-align: left;margin-bottom: 5px}
	#cartlayer .product .premium {display: none}
	.ratingpage {padding: 0; border-top: 1px solid #ddc500}
	.ratingpage .content {margin-bottom: 10px; padding: 20px 10px 20px}
	.splitform .halfpage {width: 100%!important; padding: 0!important; margin: 0!important; border: 0!important}
	.splitform h4 {line-height: 18px}
	.splitform .prev_next .box_btn.send {position: relative; bottom: 0; right: 0; padding: 0 15px}
	.line .tipps {width: 100%; float: none; display: block;}
	.ratingpage .halfpage, .ratingpage .halfpage.last {display: block; width: 100%!important; margin: 10px 0 0 0; clear: both;}
	.paging {margin: 10px}
	#kccshoplinks a.shoplink {display: block; width: 100%; margin-right: 0!important}
	#kfzpiclayerWrap {zoom: 0.8; -ms-zoom: 0.8; -webkit-zoom: 0.8; -moz-transform:  scale(0.8,0.8); -moz-transform-origin: left center;}
	.acc_form .halfpage {width: 100%!important; margin: 10px 0!important}
	.acc_form .delivery .title h3 {width: 40%; margin-right: 0}
	.boxen_sonder.thirdpage{display: block; width: 100%!important; margin: 10px 0 0 0; float: none; height: auto;}
	.boxen_sonder.thirdpage .price{right: auto; bottom: auto; text-align: right; margin-top: 10px}
	.boxen_sonder.thirdpage .box_btn{position: relative; bottom: 0; margin-bottom: 10px; float: right;}
	.tire_hotel .login_form .halfpage{display: block; width: 100%!important; margin: 10px 0 0 0!important; clear: both; max-width: inherit;}
	.tire_hotel .login_form .lastname input[type=text] {margin-top: 0}
	.tire_hotel .goodbox .thirdpage, .tire_hotel .goodbox .thirdpage.last{display: block; width: 100%!important; margin: 10px 0 0 0; float: none}
	#popBranchParam.checkout-step .topbar .location-search input {width: 106px}
	.itemlist .bottomrow .info {display: none;}
	.checkout-header, .checkout-header #toplinks .link.cart {margin: 0}
	.servicecard .arrows i:nth-child(n+2) {display: inline-block;}
	.itemlist .bottomrow .leftinfo {vertical-align: middle;}
	.checkout-step .topbar .location-search:before {content: ''}
	.checkout .label-option {padding: 30px 20px 30px 30px}
	.checkout-step .topbar, .checkout-step.not-available .topbar, .checkout-step.service-date .content {padding-left: 45px}
	.checkout-step .step-ico.fa-long-arrow-right {background: #ffe400; color: #111; height: 45px; font-size: 20px}
	.checkout-step .step-ico.disabled.fa-long-arrow-right {background: #d4d4d4; color:#7e7e7e;}
	.checkout-step.done .step-ico.fa-long-arrow-right {background: none}
	.checkout-step.done .step-ico:before {color: #009646}
	.checkout-step .topbar .info-filled .chosen-shop, .checkout-step .topbar .info-filled .change-info {display: none;}
	.checkout .label-option:before {left: 7px}
	.service-date .datepicker .selectbox input[type=text] {padding-left: 8px}
	.service-date .datepicker .selectbox input[type=text] {text-align: left; max-width: inherit; width: 175px}
	.service-date .datepicker .selectbox select {text-align: left; max-width: inherit; width: 211px}
	#appointmentLayer .datepicker {margin: 0; padding: 10px;}
	#appointmentLayer .datepicker .selectbox:before {left: 0; float: left; top: 0;}
	#changeAppTxtPhone1 {display: block; width: 100%}
	#appointmentLayer .choice {white-space: normal;}
	#appointmentLayer .option-select .choice a {display: inline;}
	#btnSendRating {position: relative;}
	.checkout-step.location #location-loader {position: absolute; left: auto; right: 10px; top: 10px}
	#basketContent .itemlist .item > td {padding: 0 5px 5px}
	#basketContent .branding td {padding-left: 5px}
	.product.article .details {width: 50%}
	#filterbutton {margin-left: -10px}
	.franchiser #TopNavi .navi {width: 100%}
	.franchiser #TopNavi .navico {text-indent: 10px; height: 50px; line-height: 50px}
	.franchiser .logged_as {top: auto; left: 0; right: 0; text-align: center; background: rgba(255,255,255,.7); font-size: 11px}
	.franchise-area{padding-top: 30px}
	#btnChangeCallbackChoice {margin-top: 18px}
	.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_data {float: none; width: 100%}
	.full-label-detail {width: 100%; float: none;}
	.ratingpage .content .item .aft {width: 100%}
	/*.ratingpage .content .item .pre {width: 100%}*/
	.service-tipps a{width: 50%}
	#carClubs{width: 75%; margin-left:30px;}
	#carClubNo{width: 60%;}
	#cookiebar .left { width:100%; }
	#cookiebar .right { position:static; text-align:left; width:auto; }
	.acceptCookiePolicy, .declineCookiePolicy { margin-top:15px; }
	.configurator .steps a { text-indent: -9999px; }
	.configurator .steps a .ico { text-indent: 0; width: 100%; }
	.tile { width: 100%!important; margin: 10px 0 10!important; }
	.configuratorTable tbody td { display: block; font-size: 14px; text-align: left; padding-left: 15px; }
	.configuratorTable #configfilter,.configuratorTable th.mobile-filter { display: block; }
	.configuratorTable th.mobile-filter { padding: 10px!important; }
	.configuratorTable { position: relative; padding-top: 40px; margin-top: 10px; }
	.configuratorTable thead{ position: absolute; height: 40px; width: 100%; top: 0; }
	.configuratorTable tbody { margin-top: 10px; display: block; }
	.configuratorTable th { display: none; }
	.configuratorTable.open thead { height: auto; z-index: 5; }
	.configuratorTable.open th { display: block; width: 300px; text-align: left; padding: 3px 5px; }
	label.mobile { display: inline; font-weight: bold; }
	.modelRow { position: relative; display: block; }
	.modelRow .fa { position: absolute; right: 15px; top: 40%; z-index: 10; font-size: 32px; }
	#vehicleSelectionResult .button_area { top: 43px; z-index: 2; }
	.configurator #switchBtn { display: inline-block; border: 1px solid #ccc; padding: 5px 10px; }
	#tiptip_holder {max-width:200px !important;}	
	#searchbox.member .searchtabs{top:inherit !important;}
}

/* tyresearch phones and down */
@media only screen and (max-width: 580px) {
	#cartlayer {min-width: inherit;}
	.halfpage, .halfpage.last{display: block; width: 100%!important; margin: 10px 0 0 0!important; clear: both;}
	.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}
	.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;}
	.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;}
	.labelling_detail {float: none; margin-bottom: 10px}
	.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;}
	.productdetail .tire_data {display: table}
	.productdetail .tire_data tr {display: table-row}
	.productdetail .tire_data td, .productdetail .tire_data th {display: table-cell;}
	.productdetail_popup .tire_data {display: table}
	.productdetail_popup .tire_data tr {display: table-row}
	.productdetail_popup .tire_data td, .productdetail .tire_data th {display: table-cell;}	
	.productdetail_popup .tire_data {max-width: 100%}
	.tire_data.hidden {display: none;}
	.tire_metrics {white-space:normal;}
	.product_row .left_info {overflow:hidden; box-sizing: border-box; padding-left:4px;}
	#Footer h3{font-size: 16px;}
	#Footer a, #Footer p, #Footer li{font-size: 14px} 
	#Footer .FooterBlock {display: block!important; border-right: none!important; width: 100%!important; min-height: inherit!important; float: none; margin-bottom: 20px!important}
	#Footer .FooterBlock img {width: auto;}
	#Footer .FooterBlock.subscription .box_btn{width: auto; padding: 0 2% 0 4%;}
	#Footer .subscription .ico{padding-right: 40px}
	#Footer .FooterBlock.payment ul.ico_pay{margin-bottom: 10px;}
	#searchbox {height: 100%; width: auto; background-size: cover!important}
	#searchbox .search_row .info a {float: left; display: block; margin: 10px 0; top: 0}
	#searchbox .searchtabs li .searchtabs_content {margin-bottom: 60px}
	#searchbox .search_row .lastsel {margin: 0}
	#searchbox .smalltabs .search_row .thirdpage.last.info{width: 100%!important; position: relative;}
	#searchbox .smalltabs .search_row .thirdpage.last.info img{float: left;}
	#searchbox .smalltabs .search_row .thirdpage.last.info label{float: left; display: block; width: 16px; height: 16px; margin-left: 5px; clear: none}
		#searchbox .smalltabs .search_row .thirdpage.last.info label a{margin: 0; display:block;width: 16px; height: 16px}
	.smalltabs li.active > a {font-size: 13px}
	.bestseller h1 {top: 25px; font-size: 22px;}
	#searchbox .searchtabs {position: relative; bottom: 0}
	.hidden-xs, .fullsize{display: none!important}
	.visible-xs {display: block!important}
	span.visible-xs{display: inline-block!important}
	.checkout .label-option {padding: 10px 0 0}
	.checkout-step:before {background: none; color: #111}
	.checkout .label-option .top, .checkout .label-option > .row {white-space: normal;}
	.checkout .label-option .row.top {margin-left: 30px; padding-right: 10px}
	.checkout .label-option .fullservice {display: none;}
	.goodbox .login .field{width: 100%; display: block;}
	.goodbox .login {white-space: normal;}
	.goodbox .login .box_btn.c2a {display: block; width: 200px; margin: 0 auto; float: none;}
	.goodbox .userdata #checkRegisterEmail {display: block!important; width: 200px!important; margin: 10px auto 0!important; float: none!important; min-width: 200px}
	.goodbox .userdata #registerEmailForm {float: none;}
	.goodbox .section .content .halfpage.last {margin-left: 0}
	.goodbox .content {padding: 20px 10px}
	.goodbox .content .prev_next .box_btn.c2a{float: right; margin: 0; display: inline-block;padding: 0 20px; width: auto;}
	.lineput {white-space: normal;}
	.lineput .box_btn{margin: 10px 0 0!important; display: block!important; position: relative; max-width: 50%; text-align: center; float: right;}
	#coupon {width: 100%}
	#btnAddCoupon {float: none; margin: 10px auto!important}
	.leftrow .databox {width: 100%!important; margin-right: 0}
	.leftrow .databox .content{min-height: inherit}
	.overview h2{text-align: center;}
	.databox h3 {padding-left: 10px}
	.databox .content {padding: 10px}
	.overview .itemlist tfoot td {border-left: 0; border-right: 0; border-top: 1px solid #d4d4d4}
	.databox a.edit {bottom: 1px}
	.itemlist th{display: none;}
	.itemlist tr, .overview .itemlist td, .itemlist tfoot td, .itemlist tbody, .itemlist tfoot {display: block;}
	.itemlist td {padding: 10px;}
	.itemlist tbody.product tr.branding td {padding: 10px 0px; border: 0}
	.itemlist .branding td img{margin: 0}
	.itemlist .item > td {padding: 0 0 15px}
	.itemlist tfoot td.servicecard {border-top: 1px solid #d4d4d4}
	.itemlist .brand div {margin: 0}
	.itemlist .brand td {border: 0; padding: 0}
	.itemlist .item td.price, .itemlist .item td.amount, .itemlist .item td.total {line-height: inherit; display: inline-block; float: right;}
	.itemlist .item td.total {clear: both; border-top: 1px solid #d4d4d4; padding: 10px 0px; width: 175px; text-align: right; border-right: 0}
	.itemlist .item td.total span {float: left;}
	.itemlist .item td.price {margin-top: 10px; padding: 10px 0; width: 135px; text-align: right; line-height: 45px;}
	.itemlist .item td.price label {font-size: 10px; color: #777; font-weight: normal; line-height: 8px}
	.itemlist .item td.amount {margin-top: 26px; padding: 10px 0; height: 34px; line-height: 50px}
	.itemlist tr.saled-price.item td.amount{line-height: 50px}
	.itemlist tr.saled-price.item td.price {line-height: 20px}
	.itemlist .item td.amount span {margin-left: 10px; font-weight: normal; position: relative; top: -2px}
	.itemlist .item td.amount input {margin: 0}
	.itemlist .bottomrow  {bottom: 0; top: -120px; position: relative; margin-bottom: -120px}
	.itemlist .bottomrow .leftinfo img.pic {display: block!important; float: none; width: 110px; position: relative; margin-bottom: 30px}
	.itemlist .item .article, .itemlist .bottomrow .leftinfo, .itemlist .item .total {border: 0}
	.itemlist .bottomrow img.pic {left: 0; top: 0; max-width: 50%; max-height: 200px; position: relative; float: none;}
	.itemlist .bottomrow .leftinfo {margin-top: 0; padding: 0 0 10px 0; margin-bottom: 0px; display: block; border-bottom: 1px solid #d4d4d4; height: auto;}
	.itemlist .bottomrow .delete{ white-space: nowrap; position: relative; margin: 10px 0}
	.checkout.basket .itemlist .bottomrow .leftinfo {padding: 0; height: auto; min-height: 50px; margin-bottom: 0px}
	.itemlist .ausgangspreis {position: relative; top: 0; right: 0!important;}
	.itemlist .item .amount:after{content: 'x'; font-size: 13px; position: relative; top: -2px; left: 12px} 
	.itemlist tfoot td {border-right: 0; border-left: 0; padding: 0 10px}
	.itemlist tfoot td.servicecard {border-top: 0; padding-bottom: 15px}
	.basket_quantity, .basket_refresh {display: none;}
	.shop_search .thirdpage, .shop_search .thirdpage.last {display: block; width: 100%!important; margin: 10px 0 0 0;}
	.searchresult .mainrow {width: 100%; padding: 0 3%}
	.paging .right{float: none; white-space: nowrap;}
	.paging a{padding: 10px 0px; width: 12.5%;}
	.paging a:before, .paging a:after{margin: 0!important}
	.servicecard .box_btn {padding: 0 15px; line-height: 36px; height: 36px}
	.product.article .premium {padding: 0; margin-left: 0px; display: block; vertical-align: top;}
	.product.article .thirdpage.last {position: relative; bottom: 0; display: block; width: 300px!important; margin: 0 auto; float: none; margin-top: 40px}
	.product.article .showarea {margin: 10px auto; float: none;}
	.product.article .to-cart {width: 300px}
	.product.article .locator {width: 300px}
	.productdetail .box_btn.back, .productdetail .box_btn.locator{height: 64px; line-height: 64px;}
	.productdetail .box_btn.locator.diff_branch {line-height: inherit; white-space: normal; width: 230px; padding-left: 43px; padding-top: 10px;}
	.productdetail .box_btn.locator.diff_branch .fa-map-marker {font-size: 30px; position: absolute; padding-top: 1px; left: 15px;}
	.productdetail .box_btn.back:before{margin: 0; content: '\f104'; font-size: 36px}
	.productdetail .box_btn.locator .fa-map-marker:before{font-size: 25px; top: 20px;}
	.productdetail .box_btn.back{background: #ffe400; color: #232323; padding: 0 24px}
	.product .to-cart .add-cart {line-height: 50px; height: 50px; font-size: 14px; padding: 0 5px;}
	.productdetail .searchlist .service-info {margin-left: 0; width: 100%; max-width: inherit;}
	.product.article .details {width: 100%}
	#cartlayer .bestseller .detail .brand {padding: 20px 0 5px}
	#cartlayer .tirelabel {display: none;}
	#cartlayer h2 {margin: 10px 0}
	.pre, .aft{width: 100%; float: none; margin: 0;}
	.splitform h4 {margin: 40px 0 5px}
	.ratingpage .title {padding: 25px 20px}
	.itemlist .item:before, .itemlist .item:after{content:' '; display: table;}
	.item:after {clear: both;}
	.searchform, .searchform tbody, .searchform table, .searchform tr, .searchform tr td {display: block;}
	.completed.title_banner h1 {bottom: 0; margin: 0; font-size: 20px}
	.service-info.appointment {max-width: inherit;}
	.ratingpage .content .line .rating {margin: 5px 0}
	.title_banner h1 {font-size: 18px; width: 100%; top: 0!important; left:0!important; right: 0!important; bottom: auto!important; text-align: center;}
	.franchiser .title_banner h1 {font-size: 18px; width: 100%; top: auto!important; left:0!important; right: 0!important; bottom: 0!important; text-align: center; margin: 0}
	.whiteBody #description {width: 100%; float: none;}
	#ergebnisliste th, #ergebnisliste tr {display: none;}
	#ergebnisliste td {display: block; font-size: 15px; padding: 2px 10px}
	#ergebnisliste tr.l1, #ergebnisliste tr.l0 {display: block; padding: 5px 0; position: relative;}
	#ergebnisliste .l1 {background: #f9f9f9}
	#ergebnisliste .compatible tr.l1 td:last-child:after, #ergebnisliste .compatible tr.l0 td:last-child:after {content: ''}
	#ergebnisliste .compatible tr.l1:after, #ergebnisliste .compatible tr.l0:after {content: '\f061'; font-family: 'FontAwesome'; position: absolute; right: 10px; top: 43%; font-size: 16px; color: #009646}
	.acc_form .row .aft {top: 0}
	.acc_form .delivery .title h3 {width: 100%; margin-right: 0}
	.tire_list .tirelabel label{display: inline; margin-bottom: 0px;}
	.tire_list .tirelabel label img{top: 0px}
	.tire_list tr{position: relative;}
	.tire_list .fa-search {position: absolute; right: 10px; bottom: 46%}
	.autoservice.cs_cat, .autoservice.cs_cat tbody, .autoservice.cs_cat tr, .autoservice.cs_cat td {display: block; width: 100%; border-bottom: 0; padding: 5px 0}
	.autoservice.cs_cat tr{margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 20px}
	.rimntire .title_box {background: #fff; color: #111; height: auto; line-height: inherit; font-weight: bold;}
	.rimntire, .rimntire td, .rimntire tr, .rimntire tbody {display: block; width: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
	.rimntire {position: relative;}
	.rimntire .config {padding: 10px; margin-bottom: 15px}
	.rimntire .final {position: absolute; bottom: -55px; left: 0px; background: #fff; border: 0; padding: 0; width: 100%}
	.rimntire.finalized{margin-bottom: 70px}
	.rimntire .buy_btn {width: 100%}
	.rim-amount{border: 0; padding: 0; width: auto;}
	.title_banner.service .warning {position: relative; left: 0; bottom: 0}
	#ergebnisliste .stocked .amount {float: left;}
	#ergebnisliste .stocked {border-bottom: 1px solid #ddd}
	.tire_hotel .data-check .car_info .halfpage.last {margin-top: 0!important}
	.tire_hotel .data-check .car_info .field{margin-bottom: 0}
	.thirdpage, .thirdpage.last{display: block; width: 100%!important; margin: 10px 0 0 0; float: none} 
	#ergebnisliste .itemlist .tire-change{display: none}
	#ergebnisliste .itemlist .tire-change.true{display: block; position: absolute; width: 20%; top: 0; right: 0; height: 100%; padding-top: 10px}
	#ergebnisliste .itemlist .tire-change.true img{top: 35%;  position: relative;}
	#ergebnisliste .itemlist .tire-ex{width: 77%; padding-right: 23%; overflow: hidden; padding-bottom: 10px}
	#ergebnisliste .itemlist tr{border-bottom: 1px solid #ccc}
	#ergebnisliste .itemlist .tire-change.true label {display: block; font-size: 12px; font-weight: bold;}
	.MainContent.checkout.basket{padding: 30px 0}
	.checkout.basket .itemlist .item .article, .checkout.basket .itemlist .branding td, #basketContent .itemlist .branding td{padding-left: 10px; padding-top: 10px; padding-bottom: 0}
	#basketContent .itemlist .branding td {border-top: 0}
	#basketContent .itemlist .item td.article {padding: 0 10px}
	.itemlist .bottomrow .delete, .itemlist .bottomrow .leftinfo img.pic {left: 0px}
	.itemlist .item td.price, .itemlist .item td.total{margin-right: 10px;}
	.itemlist .item td.price .smalltxt {color: #777;}
	tbody.product{position: relative; margin-bottom: 10px}
	#basketContent tbody.product {margin-bottom: 0}
	.itemlist .ausgangspreis {line-height: 20px}
	.checkout h1{font-size: 22px; text-align: center;}
	.checkout.basket .box_btn.c2a.next.right {margin-right: 10px; width: auto; padding: 0 20px}
	.checkout.basket h1{text-align: left; margin: 0 10px 20px}
	.checkout.basket h1 span {font-size: 18px}
	.checkout.basket h1 img{display: none;}
	.checkout.basket .itemlist .bottomrow {position: relative; height: auto;}
	.checkout.basket .itemlist .bottomrow img.pic {top: -30px; margin-top: 20px; left: 10px}
	.checkout.basket .itemlist .bottomrow a.delete {left: 10px}
	.checkout.basket .itemlist .item td.amount input {margin-top: 5px}
	.checkout .continue-box {padding-left: 10px}
	.checkout.basket .helpbox{width: 96%; margin: 0 2%}
	.checkout.basket .add-info{margin: 0 10px}
	.checkout.basket .lineput {white-space: nowrap;}
	.checkout.basket .lineput .box_btn.c2a{margin: 0 0 0 -7px!important; position: absolute}
	.checkout.basket .itemlist .item.saled-price td.total {line-height: 18px}
	.checkout.basket h1 span {line-height: 40px}
	.tire_hotel.checkout.basket .itemlist .bottomrow {top: 0}
	.tire_hotel.checkout.basket .itemlist .bottomrow .leftinfo {min-height: 20px}
	.tire_hotel.checkout.basket .itemlist .bottomrow img.pic {top: -140px; left: 0}
	.itemlist .item .article, .checkout.basket .itemlist .item .article {height: auto; padding-bottom: 10px}
	.checkout.basket .tire-hotel-choice .itemlist .item .article, .checkout.basket .tire-hotel-choice .itemlist .branding td, .checkout.basket .tire-hotel-choice #basketContent .itemlist .branding td, .tire-hotel-choice .itemlist .item td.price, .tire-hotel-choice .itemlist .item td.total {padding-left: 0; padding-right: 0; margin-right: 0}
	.itemlist .product .service-info {width: 96%; margin: 10px 2%}
	.itemlist .bottomrow .leftinfo, .itemlist .bottomrow .rightinfo {border-bottom: 0}
	.itemlist tbody.product {border-bottom: 1px solid #d4d4d4}
	.itemlist tbody.product.found-rim {border: 0}
	.checkout .label-option .top span strong {font-size: 14px}
	.product .service-info {margin-left: 0; max-width: inherit;}
	.product .earlier {margin-left: 0; max-width: inherit;}
	.checkout-step.add-service .next-montage {padding: 0 15px}
	.checkout-step {background: #f3f3f3}
	.checkout-step.service-date .content {padding-left: 10px}
	.box_btn.c2a.colorswitch{color: #232323; background: -moz-linear-gradient(top,  #ffed00 0%, #ebd202 100%); background: -webkit-linear-gradient(top,  #ffed00 0%,#ebd202 100%); background: linear-gradient(to bottom,  #ffed00 0%,#ebd202 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffed00', endColorstr='#ebd202',GradientType=0 ); border: 1px solid #ebd202;}
	.checkout-step.service-date .content.new-service {padding-left: 10px; padding-right: 5px}
	.whiteBody .product.article {width: 100%}
	#searchbox .search_row .thirdpage {width: 33%!important; display: inline-block; float: left;}
	.checkout.shop_search .area_search .box_btn.c2a {margin: 0 auto; display: table; float: none; width: 180px}
	.clock img{position: relative; top: 5px}
	#datumsbox #ergebnisliste table tr td {border-bottom: 0}
	.aft {margin-bottom: 10px}
	.pre {display: block;}
	.checkout.basket .itemlist tbody.product.coupon .bottomrow img.pic {top: -20px}
	#basketContent .itemlist tr td.price{width: auto; min-width: 115px}
	#basketContent .itemlist .item td.amount input {margin-right: 20px}
	#basketContent .itemlist .item td.total {padding: 10px 5px; line-height: 20px}
	#basketContent .bottomrow{display: block;}
	.checkout .itemlist tbody tr td.car_select {width: 100%; display: block; }
	.checkout .itemlist tbody tr td.car_select .box_info{padding: 10px}
	.checkout .itemlist tbody.add-product tr td {display: block;}
	.product.coupon {min-height: 220px}
	.checkout.overview .content.cardata .halfpage.last.other{padding: 0 0 0 0}
	.checkout.overview .content.cardata{border: 0;}	
	.paragraf {position: absolute; right: 13px; bottom: 13px; font-size: 22px}
	#filterbutton {margin-left: -3.1%}
	.product.article .details .tirelabel {display: block;}
	.my_account .reifenergebnis td{border-bottom: 0; padding: 0}
	.my_account .reifenergebnis td.prod_details {padding: 10px 0}
	.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; top: 10px; right: 10px}
	.reifenergebnis.bought .pneu_label .tirelabel{margin-top: 0}
	.my-account-item {position: relative; display: block;}
	.reifenergebnis.bought .prod_details{width: 100%; padding: 0}
	.reifenergebnis.bought .prev_next{width: 100%; padding: 0}
	.my_account .reifenergebnis.bought td.salary {border-bottom: 3px solid #111; border-top: 1px dotted #ccc; background: #fdfdfd; margin-bottom: 15px; padding: 10px 0; text-align: right; background: #eee; padding-right: 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box} 
	.product .tirelabel {margin-top: 35px}
	.my_account .salary-box {border: 0; padding: 0}
	#popLocation.checkout-step .location-search{width: 62%}
	.carservice .product .to-cart .add-cart {width: 70%; margin: 10px auto 0; display: block; float: none;}
	.checkout.basket .itemlist .found-rim .bottomrow {height: auto;}
	.completed.title_banner h1 {width: 100%; padding: 10px 0}
	.tire_hotel.checkout.basket .itemlist .bottomrow .leftinfo {height: auto; min-height: 130px}
	.itemlist .item td:last-child{border-right: 0}
	.franchiser th {display: none;}
	.franchiser table, .franchiser tbody, .franchiser tr, .franchiser td{display: block;}
	.franchiser td {font-weight: bold;}
	.franchiser tr {position: relative;}
	.franchiser td.last {position: absolute; right: 10px; top: 40%}
	.franchiser td .fa-search {font-size: 20px}
	.franchiser td span.visible-xs{font-weight: normal;}
	#fra_tbl_auftraege td {text-align: left!important}
	.empty-basket{padding: 0 10px}
	#basketContent tfoot .halfpage {max-width: inherit;}
	.searchresult .product .tirelabel, .searchlist .product .tirelabel {margin-top: 10px}
	.productdetail #rating-tab {font-size: 12px}
	.productdetail #rating-tab h3 {font-size: 14px; display: block; margin-right: 0; margin-bottom: 10px}
	.productdetail #rating-tab .fa-star {font-size: 15px}
	.productdetail #rating-tab .rating {display: block;}
	.productdetail #rating-tab label.title {display: block; margin-left: 0; margin-top: 10px}
	.productdetail #rating-tab hr{margin: 10px 0}
	.productdetail #rating-tab .total-rating {margin-left: 3px}
	.productdetail #rating-tab .comment-title{margin-top: 7px}
	.infopage img {max-width:100%;}
	#tiptip_holder {max-width:175px !important;}	
	.checkout.basket .itemlist .found-rim .bottomrow .leftinfo, .checkout .itemlist .found-rim .bottomrow .rightinfo, .checkout .itemlist .found-rim .bottomrow .leftinfo {height: auto;}
	.cokis-distance td {display: block; padding: 5px 0!important; width: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-top: 0}
	#startseite .shop-info{padding: 0}
	#carClubNo{width: 75%;}
	#btnCarClub{display: block; margin-top: 10px; margin-bottom: 10px; margin-right: 2%; margin-left: 2%; text-align: center}
	.clubstyle{margin: 0 2%}
	.configurator .add-tire-filter .filter { width: 100%!important; margin: 0 0 10px!important;}
	.btnBuyTirePair{width:100%}
}



/* searchtabs_content phones and down */
@media only screen and (max-width: 500px) {
	.itemlist .bottomrow .rightinfo {border-right: 0}
	#Header #menubutton {width: 60px}
	#Header .logo {width: 190px}
	#Header .usp .usp_ico{display: block; margin-bottom: 5px; padding-left: 60px}
	#Header #breadcrumbs{background: none; height: auto; margin: 0 0 10px 0}
	#toplinks .link.cart, #toplinks #shopping_cart {padding: 0}
	#toplinks #shopping_cart .item_cart {right: 12px}
	#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}
	#TopNavi .subnavi .linkico img {display: none;}
	#TopNavi .subnavi .iconframe a {width: 46%; height: auto; margin: 5px 1% 0; padding: 5px 1%; background: #666}
	#TopNavi .subnavi .linkico li {width: 100%; height: 16px; line-height: 16px; margin: 0}
	#Header #menubutton .menu{background-position: 9px -1180px}
	#searchbox .searchtabs{top: 0px; right: 0px; width: 98%; position: relative; margin-bottom: 10px; height: auto; max-width: 430px}
	#searchbox .search_row .thirdpage {width: 33%!important; display: inline-block; float: left;}
	#searchbox .search_row.vehicle span {display: none}
	#searchbox .search_row.vehicle .search {width: 25%;}
	#searchbox .search_row.vehicle .search .colorize {zoom: .9;}
	#searchbox .search_row.vehicle .search.active .colorize {left: 55%}
	#searchbox .search_row.vehicle .search.active label {color: #434343}
	#searchbox .search_row.vehicle .search label {top: 40px}
	.shop-info img {width: 50px; height: 50px; margin: 10px}
	.shop-info .thirdpage{background-position: right 25px}
	.checkout-step .topbar .or {display: block; height: 5px; text-indent: -9999px}
	.checkout-step .topbar .marker {width: 232px; text-align: center;}
	.checkout-step .topbar .location-search input {width: 155px}
	#TopNavi .subnavi .linkico p {font-size: 11px}
	.textinput label{display: block;}
	.prev_next .box_btn{width: 100%; margin-bottom: 10px; padding: 0; float: none; display: block; text-align: center;}
	.prev_next .box_btn.c2a{text-align: center;}
	.goodbox .userdata .content input[type=text]{width: 100%}
	.product .picture {position: relative}
	.product .details {margin-left: 0; float: none; margin-bottom: 20px}
	.searchlist .product .brand {margin-left: 0}
	.product .to-cart {min-width: 170px}
	.product .to-cart .amount {width: 40px}
	.product .to-cart .price .cost {font-size: 26px}
	.searchlist .product .picture img {max-width: 120px}
	#shop-locator .checkout-step .topbar {padding-left: 15px}
	#shop-locator .checkout-step .topbar .title {margin: 0 0 10px 40px}
	#cartlayer .product .picture img {max-width: 65px; max-height: 70px}
	#cartlayer .product .details {margin-bottom: 5px}
	#cartlayer .bestseller .item .image img {height: 120px}
	#cartlayer .bestseller .item .image {height: 60px}
	#callbackPhoneChoise{float: left;}
	#cboxLoadedContent .prev_next .box_btn.next{width: 100%; padding: 0; float: none; text-align: center; margin-bottom: 10px}
	.search_form .search_row select {display: block; width: 100%; margin-top: 5px; }
	.box_btn.mobile-clear {width: 100%; float: none; text-align: center; margin-bottom: 10px}
	#kfzpiclayerWrap {zoom: 0.5; -ms-zoom: 0.5; -webkit-zoom: 0.5; -moz-transform:  scale(0.5,0.5); -moz-transform-origin: left center;}
	.my_account .field {width: 100%!important; margin:0 0 10px 0!important; height: auto; padding-bottom: 50px}
	.autoservice_info .box_btn.right {position: absolute; top: 45px; right: 10px}
	#popBranchParam.checkout-step .topbar .location-search input {width: 153px}
	.searchlist .product .brandlabel {margin-left: 0}
	.box_btn.c2a.reservate, #btnChangeCallbackChoice {width: 210px; text-align: center; display: block; margin: 10px auto 15px}
	.checkout-step .topbar .location-search:before {content: '\f002'}
	#Header.checkout-header .logo{left: -10px}
	.service-date .datepicker .selectbox input[type=text], .service-date .datepicker .selectbox select {width: 100%; padding-left: 44px}
	.service-date .datepicker {display: block;}
	.service-date .datepicker .selectbox {position: relative;}
	.service-date .datepicker .selectbox:before {position: absolute;}
	.checkout .box_btn.c2a.right {display: table; width: 280px; padding: 0; margin: 0 auto}
	.checkout .box_btn.c2a.next.right.leftspace.topbutton {display: none;}
	.prev_next .stepback{display: table; margin: 0 auto}
	.service-date .datepicker .selectbox:before {left: 0; top: 0}
	.my_account .databox.field {height: auto;}
	.service-date .order-callback.textinput {margin-left: 0}
	#appChangeNotAvailable .order-callback input[type=text] {width: 100%}
	#basketContent {margin: 0 -10px}
	#basketContent > h3 {padding: 0 10px}
	#basketContent .itemlist .bottomrow .leftinfo {min-height: 120px}
	#basketContent .itemlist .bottomrow .leftinfo img.pic {left: 10px; max-width: 80px}
	#appointmentLayer .box_btn {display: table; margin: 5px auto}
	#appointmentLayer .order-callback.textinput {float: none;}
	.picker {left: 0; position: absolute;}
	.checkout-step .topbar .location-search #popBranchParam {width: 155px}
	.franchiser #Footer {min-height: 70px;}
	.franchise_footer p.right {top: auto;}
	.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%}
	#cartlayer .product .details {margin-left: 0; margin-bottom: 20px; min-height: inherit;}
    .box_btn.home_btn {line-height: inherit; white-space: normal;padding-left: 50px;}
    .box_btn.home_btn .fa-home {position: absolute; left: 15px; font-size: 25px; top: 6px;}
	#fzgschein_neu {zoom: .9; /* IE */ -moz-transform: scale(.9); /* Firefox */ -moz-transform-origin: 0 0; -o-transform: scale(.9); /* Opera */ -o-transform-origin: 0 0; -webkit-transform: scale(.9); /* Safari And Chrome */ -webkit-transform-origin: 0 0; transform: scale(.9); /* Standard Property */ transform-origin: 0 0;  /* Standard Property */}
	.service-tipps a{width: 100%}
	.brand-shift{padding-left: 0}
	.configurator #new-reg, .configurator #old-reg { width: 300px; }
	.configurator #new-reg img, .configurator #old-reg img { width: 300px; }
	#new-reg input.short-no { top: 17px; left: 141px; width: 48px; }
	#new-reg input.long-no { top: 17px;  left: 206px; width: 77px; }
	#old-reg input.short-no { top: 17px; left: 127px; width: 57px; height: 18px; }
	#old-reg input.long-no { top: 17px; left: 210px; width: 58px; height: 18px; }
	#filterRimType, #filterRimType tbody, #filterRimType tr, #filterRimType td { display: block; }
	#filterRimType input { width: 100%; }
}

@media only screen and (min-width: 769px) {
	.swiper-wrapper {transform: none!important;}
	/* Disable Swiper on Desktop */
}
@media only screen and (min-width: 721px) {
	#TopNavi {left: 0!important; display: block!important;}
	.darklayer {display: none!important}
	.close_btn {display: none!important; left: 0!important}
	#TopNavi .active .subnavi {display: block!important;}
	#basketContent .brandtext {display: block!important}
	#basketContent img.brand {display: none;}
	/* Show Desktop Navigation*/
}

@media only screen and (max-height: 870px) and (max-width: 720px) {
#TopNavi .navi, #TopNavi .mobilemenu a {border-width: 3px; border-bottom-width: 0}
#TopNavi .navico, #TopNavi .mobilemenu a {height: 35px; line-height: 35px}
#TopNavi .navi.last, #TopNavi .mobilemenu:last-child a, #TopNavi .navtoplink.last a {border-bottom-width: 3px}
#TopNavi .navico.tire {background-position: 0px 4px}
#TopNavi .navico.rim {background-position: 0px -39px}
#TopNavi .navico.service {background-position: 0 -80px}
#TopNavi .mobilemenu .fleet {background-position: 17px -1134px}
#TopNavi .mobilemenu .employee {background-position: 17px -1134px}
#TopNavi .mobilemenu .account {background-position: 17px -494px}
}