/* -------------------------------------------------------------------------
 * RESPONSIVE
 * ------------------------------------------------------------------------- */

.car-main {
max-width: 1150px !important;
width: inherit !important;
}

/* - Non-desktops < 960px -------------------------------------------------- */
.car-main[max-width~="960px"] .car-preis-widget {
	display: none !important;
}

/* - Tablets and higher >= 768px ------------------------------------------- */
.car-main[min-width~="768px"] #section-overview .car-price-calc .list-group-item label {
	width: 50%;
}
.car-main[min-width~="768px"] .car-options .list-group-item label {
	width: 50%;
}
.car-main-84000.car-main[min-width~="768px"] .car-options .list-group-item label {
	width: 75%;
}
.car-main[min-width~="768px"] .car-open-standard--small,
.car-main[min-width~="768px"] .car-open-fc--small { 
	display: none !important; 
}
.car-main[min-width~="768px"] .car-open-standard--large,
.car-main[min-width~="768px"] .car-open-fc--large { 
	display: inline; 
}
.car-main[min-width~="768px"] .car-rabatt-inner { 
	display: none;
}

/* Special case for price wrapping in list-group-item */
.car-main[max-width~="768px"] #section-overview .car-price-calc .list-group-item span {
	float: none !important;
	display: block;
}

/* - Smaller than tablets < 768px ------------------------------------------ */
.car-main[max-width~="768px"] .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border-bottom-color: #ddd;
}
.car-main[max-width~="768px"] .nav-tabs > li > a {
	border-radius: 4px;
	padding: 5px 8px;
}
.car-main[max-width~="768px"] .nav-tabs {
	border-bottom: 0px;
}
.car-main[max-width~="768px"] .list-group-item  div.image {
	width: 75px !important;
	margin-right: 10px;
}
.car-main[max-width~="768px"] .list-group-item  div.image img {
	width: 75px !important;
}
.car-main[max-width~="768px"] .car-model .list-group-item a,
.car-main[max-width~="768px"] .car-body .list-group-item a {
	width: 25% !important;
	word-break: break-word;
	vertical-align: middle;
}
.car-main[max-width~="768px"] h1.left-of-image small {
	display: block;
}
.car-main[max-width~="768px"] .car-open-standard--small, 
.car-main[max-width~="768px"] .car-open-fc--small { 
	display: inline !important;
} 
.car-main[max-width~="768px"] .car-open-standard--small span, 
.car-main[max-width~="768px"] .car-open-fc--small span { 
	font-size: 21px !important;
	text-decoration: none !important;
}
.car-main[max-width~="768px"] .car-open-standard--small span:hover,
.car-main[max-width~="768px"] .car-open-fc--small span:hover {
	text-decoration: none !important;
} 
.car-main[max-width~="768px"] .car-open-standard--large,
.car-main[max-width~="768px"] .car-open-fc--large { 
	display: none; 
}
.car-main[max-width~="768px"] .car-options .list-group-item label {
	width: 40%;
}
.car-main[max-width~="768px"] .car-rabatt {
	display: none;
}
.car-main[max-width~="768px"] .car-rabatt-inner { 
	display: block;
	color: #a02f3f;
}
.car-main-84000.car-main[max-width~="768px"] .car-rabatt-inner { 
	color: #ff8217;
}
.car-main[max-width~="768px"] .car-rabatt-inner-value {
	font-size: 1.2em;
} 
.car-main[max-width~="768px"] .car-preis { 
	padding-top: 0px;
}
.car-main[max-width~="768px"] .car-preis-uvponly { 
	margin-top: 8px;
}
.car-main[max-width~="768px"] .car-discount .car-preis-ours { 
	padding-top: 4px;
}

#car-dialog-options[max-width~="768px"] .list-group-item label {
	width: 50%;
}

/* - Cellular < 480px ------------------------------------------ */
.car-main[max-width~="480px"] .car-version .list-group-item .info {
	width: 100%;
}
.car-main[max-width~="480px"] .car-version .list-group-item .car-preis {
	float: none !important;
	padding: 0;
}
.car-main[max-width~="480px"] .car-options .list-group-item label {
	width: 60%;
}
.car-main[max-width~="480px"] .car-options .list-group-item .price-container {
	float: none !important;
	display: block;
	text-align: right;
}
.car-main[max-width~="480px"] .car-manuf li {
	width: 72px;
	height: 72px;
}
.car-main[max-width~="480px"] .list-group-item  div.image {
	width: 64px !important;
	margin-right: 4px;
}
.car-main[max-width~="480px"] .list-group-item  div.image img {
	width: 64px !important;
}
.car-main[max-width~="480px"] .car-model .list-group-item a,
.car-main[max-width~="480px"] .car-body .list-group-item a,
.car-main[max-width~="480px"] .car-eqline .list-group-item a {
	font-size: 15px !important;
	word-break: break-word;
	vertical-align: middle;
}
.car-main[max-width~="480px"] .car-model .list-group-item a {
	width: 15% !important;
}
.car-main-84000.car-main[max-width~="480px"] .car-model .list-group-item a {
	width: 23% !important;
}
.car-main[max-width~="480px"] .car-body .list-group-item a {
	width: 20% !important;
}
.car-main-84000.car-main[max-width~="480px"] .car-body .list-group-item a {
	width: 30% !important;
}
.car-main[max-width~="480px"] .car-eqline .list-group-item a {
	width: 30% !important;
}
.car-main[max-width~="480px"] .car-preis { 
	padding-top: 0px;
	font-size: 75%;
}
.car-main[max-width~="480px"] .car-preis div { 
	font-size: 12px;
}
.car-main[max-width~="480px"] .page-header h1 small {
	display: block;
	margin-top: 4px;
} 
.car-main[max-width~="480px"] .page-header .car-open-fc {
	margin-left: 0px;
}
.car-main[max-width~="480px"] .car-model .list-group-item,
.car-main[max-width~="480px"] .car-body .list-group-item,
.car-main[max-width~="480px"] .car-eqline .list-group-item,
.car-main[max-width~="480px"] .car-version .list-group-item {
	padding: 4px 8px;
}
.car-main[max-width~="480px"] .car-optional .list-group-item label {
	width: 40%;
	line-height: normal !important;
}
#car-dialog-options[max-width~="480px"] .list-group-item label {
	width: 50%;
	word-break: break-word;
}
#car-dialog-options[max-width~="480px"] .list-group-item {
	padding: 4px 8px;
}
#car-dialog-options[max-width~="480px"] .price {
	word-break: break-word;
	width: 30%;
}

.car-main .rotate {
	display: none;
}
.car-main[max-width~="319px"] .rotate {
	position: fixed;
	z-index: 65535;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	background-image: url('../img/rotate.png');
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
}