@CHARSET "UTF-8";

/* RESPONSVIE */
@media only screen and (min-width: 0px) and (max-width: 1219px) {
	div#container {
		width: auto;
	}
	div#left {
		position: relative;
		width: auto;
		float: none;
		padding: 0px;
		padding-top: 27px;
		height: 55px;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	div.teaser {
		display: none;
	}
	
	div#main {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}	
	a#logo {
		margin-top: 0px;
		position: static;
		float: right;
	}
	
	div#contacts {
		display: none;
	}
	
	nav {
		display: none;
	}
	#responsive_nav nav {
		display: block;
	}
	
	a#menu {
		display: block;
	}
	
	#responsive_nav {
		width: 0px;
		z-index: 1000;
		overflow: auto;
		background-image: url(../img/black_opacity.png);
		position: fixed;
		left: 0px;
		top: 0px;
		height: 100%;
		box-shadow: 2px 0px 3px #000000;
	}
	
	#responsive_nav nav {
		position: static;
		height: auto;
	}
	
	nav {
		margin: 0px;
	}
	
	nav > ul {
		position: static;
		height: auto;
	}

	nav > ul > li {
		position: static;
		float: none;
		height: auto;
		padding-left: 27px;
		padding-right: 27px;
		line-height: 44px;
		border-image: url("../img/border_bottom.png") 0 30 2 5 stretch;
		border-width: 2px;
	}
	
	nav > ul > li:first-child {
		padding-top: 11px;
	}
	
	nav > ul > li > a:hover, nav > ul > li > a.open  {
		background-repeat: no-repeat;
		background-position: left bottom;	
	}
	
	nav > ul > li:first-child {
		margin: 0;
	}
	
	nav > ul > li:hover > ul {
		display: none;
	}
	
	nav > ul > li > ul {
		position: static;
		margin-left: 25px;
		padding-top: 0px;
		padding-bottom: 15px;
	}
	nav > ul > li > ul > li:first-child {
		padding: 0px;
	}
}

/* SMARTPHONES AND TABLETS */
@media only screen and (min-width: 0px) and (max-width: 955px) {
	.desktop {
		display: none !important;
	}
	
	div#main {
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 20px;
		margin-right: 20px;
		width: auto;
	}
	
	#carselect_menu {
		display: block;
	}
	
	div#brands {
		height: auto;
	}
	div#brands a {
		display: none;
	}
	
	div#brands ul {
		float: none;
		padding: 0px;
		margin: 0px;
		background: none;
		margin-bottom: 27px;
	}
	
	div#brands ul li ul {
		padding-left: 10px;
	}
	
	div#brands ul li, div#brands ul li:hover {
		height: auto;
		border: none;
		border-image: none;
		-moz-border-image: none;
		-webkit-border-image: none;
		-o-border-image: none;
		padding: 0px;
	}
	
	
	div#brands ul li a {
		display: block;
		line-height: 44px;
		height: 44px;
		color: white;
		background-image: none !important;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		padding-left: 10px;
		padding-right: 10px;
		
		border-style: solid;
		border-width: 0px 0px 2px;
		-moz-border-image: url(../img/border_bottom.png) 2 30 stretch;
		-webkit-border-image: url(../img/border_bottom.png) 2 30 stretch;
		-o-border-image: url(../img/border_bottom.png) 2 30 stretch;
		border-image: url(../img/border_bottom.png) 2 30 stretch;
			
	}
	
	div#productfinder {
		display: none;
	}
	
	div.stage {
		width: 100%;
		height: auto;
		padding-bottom: 15px;
	}
	
	div.stage h1, div.stage h2, div.stage h3 {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
		white-space: nowrap;
	}
	
	img:not(.noresize) {
		width: 100% !important;
		height: auto !important;
	}
	
	.betterslider_play, .betterslider_prev, .betterslider_next, .betterslider_pause {
		display: none !important;
	}
	
	a.stage_item h2, a.stage_item h1, a.stage_item h3 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

/* SMARTPHONES */
@media only screen and (min-width: 0px) and (max-width: 767px) {
	.mobile {
		display: block !important;
	}
	
	.desktop_tablet {
		display: none !important;
	}
}

/* TABLETS */
@media only screen and (min-width: 768px) and (max-width: 955px) {
	.tablet {
		display: block !important;
	}
}

/* TABLETS AND SMALL SCREENS */
@media only screen and (min-width: 956px) and (max-width: 1219px) {
	div#left {
		background-color: black;
		width: 902px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 27px;
		padding-right: 27px;
	}
}