/***************************************************************
*** RESPONSIVE CSS - carrierrentalsystems.de
****************************************************************/
@media only screen and (max-width: 924px) {
	html {
		height:auto;
	}

	body {
	    height: auto;
	    margin: 0;
	    overflow: visible;
	}

	#layout {
	    margin: auto;
	    position: relative;
	    max-width: 924px;
	    width:100%;
	}


	div#header {
	    background: rgba(0, 0, 0, 0) url("../images/header-shadow.jpg") no-repeat scroll left bottom;
	    height: auto;
	    width:100%;
	    padding:0 0 21px 0;
	}
	.inner-header {
		height:auto !important;
	}
	div#header .banners {
		width:100%;
	}
	div#header .banners img {
		width:75%;
		height:auto;
	}
	div#header .banners .home-layer {
		right:25%;
	}
	#header #banner-scrol {
		width:25%;
	}
	#header #banner {
		float:none;
		width:100%;
	}
	div.inner-header .banner {
		float:none;
		display:inline-block;
		width:auto;
	}
	div.inner-header img {
		width:100%;
		height:auto;
	}
	#banner .banner-layer {
		position:relative;
		width:auto;
		right:auto;
		top:0;
		height:auto;
		background-image:url('../images/respo-inner-banner-layer.png');
		background-repeat: repeat;
		padding:8px;
	}
	#banner .banner-layer span.banner-layer-head {
		margin:5px 0 5px 0;
	}
	#banner .banner-layer p {
		margin:0;
	}

	div#content {
		width:auto;
		padding:0 10px 0 10px;
	}
	.mid-panel {
	    float: none;
	    width: 100%;
	}
	.right-panel {
    	float: none;
    	display:inline-block;
	    width:auto;
	    margin-left:233px;
	}

	div.tx-carrier {
		width:100%;
		margin-bottom:20px;
	}

	.productLeft {
	    float: none;
	    display:inline-block;
	    width:100%;
	    overflow:hidden;
	    margin-bottom:20px;
	}
	.productLeft .tx-carrier {
		text-align:center;
	}
	.productLeft h3 {
		padding:0 0 0 10px;
	}

	.productDetail {
	    background: #efeff3 none repeat scroll 0 0;
	    float: none;
	    display:inline-block;
	    height: 158px;
	    margin-right:0;
	    padding: 8px 8px 10px;
	    width: auto;
	    text-align:center;
	}
	.productThumb {
		width:100%;
	}

	.producRight {
	    float: none;
	    /*max-width: 182px;*/
	    width:100%;
	    overflow:hidden;
	}
	.producRight h3 {
		padding:0 0 0 10px;
	}
	.producRight ul li {
	    float: none;
	    height: 25px;
	    width: 100%;
	}
	.mid-panel ul.product-overview {
		text-align:center;
	}

	.form-styles li {
		width:100%;
	}
	.form-styles .input-text input {
		width:100%;
	}
	.form-styles .from-left, .form-styles .from-right {
	    float: none;
	    width: 100%;
	}
	.form-styles li.textarea textarea {
		width:100%;
	}

	.shownew {
		overflow:hidden;
		height:auto;
	}
	.shownew .btnleft {
		background: rgba(0, 0, 0, 0) url("../images/blue-btn.png") repeat-x scroll left top;
	    float: none;
	    width: 100%;
	    margin:0 0 10px 0;
	}
	.shownew .btnright {
	    background: url("../images/skyblue-btn.png") no-repeat scroll left top;
	    float: none;
	   	background-color:#f0eff4;
	   	width: 100%;
	   	height:auto;
	   	overflow:hidden;
	   	padding:10px 0 10px 0;
	}
	.shownew .btnright h1,
	.shownew .btnright h2 {
		color: #465482;
	    float: none;
	    font-weight: lighter;
	    line-height: normal;
	    padding-left: 50px;
	    padding-right: 5px;
	}

	.serviceBox {
		width:100%;
		overflow:hidden;
	}
	.serviceBox ul {
		height:auto;
	}
	.serviceBox ul li {
	    float: none;
	    display:inline-block;
	    width:auto;
	    overflow:hidden;
	    margin-right: 2px;
	}
	.serviceBox ul li img {
		padding:0 10px 0 0;
	}

	#mobilenavbut {
		padding:7px 0 10px 0;
		margin-top:2px;
		display:block;
		text-align:center;
		/*background-color:#ffffff;*/
	}
	#mobilenavbut a img,
	#closepanelbut a img {
		display:inline;
	}
	#closepanelbut {
		display:block;
		padding: 10px 20px 25px 0;
		text-align:right;
	}
	
	ul#navigation {
		left: -360px;
	    position: absolute;
	    top: 0;
	    z-index:9999;
	    background-color:#dbdbe3;
	    display:none;
	    overflow:hidden;
	    width:300px;
	    -webkit-box-shadow: 4px 0px 5px 0px rgba(0,0,0,0.48); 
	    -moz-box-shadow: 4px 0px 5px 0px rgba(0,0,0,0.48); 
	    box-shadow: 4px 0px 5px 0px rgba(0,0,0,0.48);
	}
	#navigation li {
		float:none;
		min-height:29px;
		height:auto;
	}
	#navigation li.closebutcnt {
		text-align:right;
		margin:0 0 20px 0;
	}
	div.menu-thum2 {
		display:none;
	}


	#navigation li.dropdown .menu {
	  position:relative;
	  left:0px;
	  top:0px;
	  background: none;
	  width:100%;
	  display:none;
	  border:none;
	  padding:0;
	}
	#navigation li.dropdown .menu-right {
	  position:absolute;
	  right:0px;
	  top:-1px;
	  background:url(../images/menu-right-corner.jpg) no-repeat right top;
	  height:3px;
	  overflow: hidden;
	  width:24px;
	}
	#navigation li.dropdown:hover .menu, 
	#navigation li.dropdown:hover .menu-right {
	  display:none;
	}
	#navigation li.dropdown:hover span a.menu-itam {
	  background:none;
	}
	#navigation li.dropdown:hover span {
	  background:none;
	}
	#navigation li.dropdown .menu ul {
	  float:none;
	  width:auto;
	  padding-left:20px;
	  min-height:auto;
	}
	#navigation li.dropdown .menu li {
	  float:none;
	  background:none;
	  padding:0;
	  font-size:12px;
	  height:auto;
	  margin-left:0px;
	  line-height:18px;
	  width:100%;
	}
	#navigation li.dropdown .menu li a {
	  color:#4e4e4e;
	  font-size:12px;
	  font-family:Arial, Helvetica, sans-serif;
	  text-transform: none;
	}
	#navigation li.dropdown .menu li a:hover {
	  color:#465482;
	}
	#navigation li.product .menu ul {
	  width:140px;
	}

	/** Accordion-Navigation in Panel **/
	ul#navigation > li {
		position: relative;
		overflow:hidden;
	}
	#navigation li.dropdown span {
	    display: inline-block;
	    float: none;
	    position: relative;
	    z-index: 1000;
	    width:100%;
	}
	ul#navigation li span a  {
		display:inline-block; 
		width:90%;
	}
	#navigation li.dropdown span a.menu-itam {
		display:inline-block; 
		width:auto;
		padding:0;
	}
	ul#navigation span.open {
		position:absolute; 
		right:0; 
		z-index:99; 
		display:inline-block; 
		width:11px; 
		height:auto; 
		cursor:pointer; 
		padding:0 30px 8px 30px;
	}
	ul#navigation span.open {
		background-image:url('../images/responsivesubnavopener.png'); 
		background-repeat: no-repeat; 
		background-position: 50% 50%;
	}
	#navigation li.dropdown:hover span.open {
		background-image:url('../images/responsivesubnavopener.png'); 
		background-repeat: no-repeat; 
		background-position: 50% 50%;	
	}
	#navigation li.dropdown .menu ul li:hover .menu-thum,
	#navigation li.dropdown .menu ul li.selected .menu-thum{
	  display:none;
	}


	.featurebox {
		width:100%;
	}
	.feature-content {
		width:auto;
	}
	.featurebox .featureDetail {
		width:auto;
		float:none;
		display:inline-block;
		margin-left:20px;
	}
	.newsbox {
	    float: none;
	    display:inline-block;
	    width: 100%;
	}
	ul.newslist {
		width:100%;
	}
	.newslist li {
		width:95%;
	}
	.newslist li p {
		width:auto;
	}

	.right-panel .quick-contact .right-laguagebox input {
	    float: none;
	    display:inline-block;
	    width: 117px;
	}

	div.sitemap {
		display:none;
	}
	#footer h3 {
		text-align:center;
		padding:0 0 10px 0;
		margin-bottom:20px;
		font-size:18px;
		background-image:url('../images/layeropener.png'); 
		background-repeat: no-repeat; 
		background-position: 50% bottom;
		cursor:pointer;
	}

	.left-panel .fce-sidebanner {
	    text-align:center;
	}
	.backTop li:hover ul.level-one{
	  display: none;
	}
	.grass {
		width:100%;
		height:auto;
		background-position:bottom center;
	}
	.intro-banner-main img {
		width:100%;
		height:auto;
	}


}

@media only screen and (max-width: 720px) {
	.left-panel {
	    float: none;
	    display:inline-block;
	    padding-right: 0;
	    width: 100%;
	    text-align:center;
	}
	
	.left-panel .fce-sidebanner {
	    text-align: center;
	    display:inline-block;
	    margin-right:10px;
	}
	.left-panel .left-menu {
		display:none;
	}
	.breadcrum {
		margin:0;
	}
	.right-panel {
	   margin-left: 0;
	   width:100%;
	}
	.center-panel {
	    float: none;
	    font-family: Arial,Helvetica,sans-serif;
	    font-size: 12px;
	    padding: 0;
	    width: 100%;
	}

	.list-container .product-description {
		float:none;
		display:inline-block;
		width:66%;
	}
	.list-container .product-thum {
		float:none;
		display:inline-block;
		width:auto;
		vertical-align:top;
	}
}

@media only screen and (max-width: 700px) {
	.featurebox .featurethum {
	    float: left;
	    height: 115px;
	    width:33%;
	}
	.featurebox .featurethum img {
		width:95%;
		height:auto;
	}
	.featurebox .featureDetail {
	    float: none;
	    display:inline-block;
	    padding-top: 5px;
	    margin:0;
	    width: 66%;
	}
	#content-full .fce-banner-line .box {
		margin:0 10px 25px 0;
	}
}

@media only screen and (max-width: 550px) {
	body {
		background:none;
	}

	#top {
	    height: auto;
	    position: relative;
	    z-index: 50;
	}
	#top-navigation {
	    height: auto;
	    line-height: 25px;
	    text-align: left;
	    background-color:#465481;
	    text-align:center;
	}

	#logo {
	    left: 0;
	    position: relative;
	    top: auto;
	    margin:0 0 8px 0;
	    background-image:url('../images/respo-hg-logo.png');
	    background-repeat: repeat-x;
	}
	.breadcrum {
	    display:none;
	}
	#top-content {
	   text-align:center;
	   height:auto;
	}
	#top-content .head-search {
	    float: none;
	    padding: 10px 0 10px 0;
	    width: auto;
	    display:inline-block;
	}	
	#top-content div.hphone {
	    text-align:center;
	    float: none;
	    font-size: 20px;
	    font-weight: bold;
	    padding-top: 13px;
	    position: relative;
	    right: auto;
	}

	.left-panel {
	    float: none;
	    padding:0;
	    width: 100%;
	}
	.left-panel .left-menu {
		display:none;
	}
	.center-panel {
	    float: none;
	    font-family: Arial,Helvetica,sans-serif;
	    font-size: 12px;
	    padding: 0;
	    width: 100%;
	}
	.newsbox {
	    float: none;
	    width: 100%;
	}
	.newslist li {
	    float: none;
	    width: auto;
	    height:auto;
	}
	p.text-teaser img {
		width:100%;
		height:auto;
	}
	.img-tagline {
	    width: auto;
	}
	div.howwork img {
		width:100%;
		height:auto;
	}
	.bodytext .detail {
	    float: none;
	}
	.news-detailThum .news-image img {
	    width:100%;
	    height:auto;
	}
	p.bodytext img {
		width:100%;
		height:auto;
	}
	.right-panel {
	    float: none;
	    width: 100%;
	    margin:0;
	}


	.featurebox {
	    float: none;
	    width: 100%;
	    margin-bottom:20px;
	}
	.featurebox .featurethum {
	    float: left;
	    height: 115px;
	    width:33%;
	}
	.featurebox .featurethum img {
		width:95%;
		height:auto;
	}
	.featurebox .featureDetail {
	    float: none;
	    display:inline-block;
	    padding-top: 5px;
	    margin:0;
	    width: 66%;
	}
	.tabs {
	    width: 100%;
	    height:auto;
	    overflow:hidden;
	}
	.tabs li {
	    float: none;
	    display:inline-block;
	    width:auto;
	    height: 26px;
	    margin-right: 9px;
	    position: relative;
	}
	.tabs li a {
		float:none;
	}
	ul.newslist {
		width:auto;
	}
	.news-archive-listing li .news-archive-dec {
	    width: 100%;
	    float:none;
	    padding:0;
	}
	.newslist li p {
	    float: none;
	    display:inline-block;
	    line-height: 28px;
	    width: auto;
	}
	.newslist li span {
		height:auto;
	}
	.newslist li .view-deatail {
		display:none;
	}
	.right-panel .quick-contact .right-laguagebox input {
	    float: none;
	    display:inline-block;
	    width: 117px;
	}
	.news-archive-listing li .news-date {
		float:none;
	}
	.laguagebox {
		margin-right:5px;
	}	
	.slider {
	    display:none;
	}
	.list-container .product-description {
		float:none;
		display:inline-block;
		width:66%;
		margin:0;
		padding:0;
	}
	.list-container .product-thum {
		float:none;
		display:inline-block;
		width:33%;
		vertical-align:top;
		margin:0;
		padding:0;
		border:0;
	}
	.list-container .product-thum img {
		width:85%;
		height:auto;
		border: 5px solid #dddde4;
	}

	#footer .sitemap {
	    background: #f0f0f0 none repeat scroll 0 0;
	    margin-bottom: 20px;
	    padding: 23px 10px 23px 10px;
	}
	#footer h3 {
		text-align:center;
		padding:0 0 10px 0;
		margin-bottom:20px;
		font-size:18px;
		background-image:url('../images/layeropener.png'); 
		background-repeat: no-repeat; 
		background-position: 50% bottom;
		cursor:pointer;
	}
	#footer .sitemap .fl {
	    width: 100%;
	}
	.fl {
	    float: none;
	}
	.fr {
	    float: none;
	}

	#footer .sitemap .sitemap-box {
	    min-height: auto;
	}
	#footer .sitemap .sitemap-box {
	    float: none;
	    padding-bottom: 20px;
	    width: 100%;
	}
	#footer .footer-content {
		padding:0 10px 0 10px;
		margin:40px 0 0 0;
	}
	#footer .footer-content .copyrights {
	    float: none;
	    height: auto;
	    margin: 0;
	    overflow:hidden;
	    margin-bottom:8px;
	}
	.fotoerlinks {
	    float: none;
	    height: auto;
	    padding-top: 5px;
	}
	.fotoerlinks li {
	    float: none;
	    height: auto;
	    margin: 0 0 10px 0;
	}
}

@media only screen and (max-width: 480px) {
	div#header {
		display:none;
	}
	.fce-banner-line {
		text-align:center;
	}
	#content-full .fce-banner-line .box {
		display:inline-block;
		float:none;
		margin:0 10px 25px 0;
	}
	div.logoimg {
		text-align:center;
	}	
	.homepagebanner .csc-textpic-image img {
		width:100%;
		height:auto;
	}
	#add-slider img {
		width:100%;
		height:auto;
	}
	.product-fce {
		display:inline-block;
	}
	.productLeft {
		text-align:center;
	}
}