@charset "utf-8";
/* CSS Document */


@media only screen and (min-width:2050px) {
	.feature-car > img{ width:100%;}

}

@media only screen and (min-width:1920px) {
	.pop-up.large { margin-left: -759px; max-width: 1670px; z-index: 999;}
		ul.feature-category li{ min-height:336px;}	
.three-colum .cell { min-height: 350px;}
.cell { min-height: 270px;}
	.home-pic{ background-position:0 -320px;}
	
}


@media only screen and (max-width:1440px) {
	.home-pic{ background-position:0 -110px;}
	.three-colum .cell{}
}


@media only screen and (max-width:1300px) {
	.cell{ min-height:inherit;}
	.home-pic{ background-size:100% 100%; background-position:0 0;}
	.popup-dec{ height:auto;}
	.three-colum .cell{ min-height:inherit;}
.time-duration{ position:relative;}
.three-colum .cell{ min-height:260px;}
}



@media only screen and (max-width:1920px) {
	.home-pic{ min-height:650px;}

	}

@media only screen and (max-width:1500px) {
#menuwrapper ul li a{ line-height:34px;}
.select-box-one{ width:20%;}
.select-box-three{ width:15%;}
.select-box-one .feature-by{ width:100%;}
.feature-detail{ font-size:17px;}
.inner-pic{ background-size:cover;}
.home-pic{ min-height:580px;}
.select-box-one{ margin-bottom:10px;}

}

@media only screen and (max-width:1320px) {
	.second-view{ padding-top:10px;}
.popup-right-bottom{ position:relative; float:left; width:100%; bottom:inherit; padding-top:5px; margin-top:10px;}	
}

@media only screen and (max-width:1170px) {
.side-menu h2{ padding-bottom:8px;}
#menuwrapper ul li a{ line-height:36px;}
.car-model h2{ font-size:13px; line-height:20px;}
.pop-up{left: 57%; width:83%;}
.popup-right-bottom{ position:inherit; width:100%; margin-top:15px;}
.select-box-four{ width:33.33%; margin-right:0; padding:0 10px;}
.popup-dec { bottom: 4px; font-size: 14px;}
.feature-detail{     padding: 48px 15px 15px;}
.popup-main-right{ width:auto; float:none;}
.popup-main-left{ padding-right:15px; }
.popup-seprate .right-view{ position:absolute; top:10px; left:10px;}
.popup-seprate .popup-main-left{ padding-top:40px; padding-right:0;}
.mobile-view-on{ display:block;}
.right-view{ display:none;}
.popup-right-bottom > p{ float:left; width:50%;}
.popup-right-bottom > p:first-child{ width:100%;}
.player{ padding-bottom:10px;}
.three-colum .cell { min-height: 243px;}

	}

@media only screen and (max-width:1024px) {
.video-play-icon > img, .feature .overlay-trans > img, .photo-show img{ width: 22%;}
.footer-bg{ font-size:13px;}
.home-pic{min-height:430px;}
.top-banner-txt{ padding:30px 10% 0;}
.pop-up { left: 65%; width: 83%;}
.bits-about{ padding-top:28px;}
.video-play-icon {margin-top: -23px;}
.cell{ min-height:220px;}
.three-colum .cell{ min-height:220px;}
.popup-main-left{ width:50%;}
.like-comment img{ padding:0 3px;}
.porsche-txt{ width:80%; padding-top:30px;}
.feature-detail{   height: 136px; overflow: hidden;}
.cell{ min-height:inherit;}
.popup-main-right h3{ font-size:13px;}
.side-menu{ padding-top:15px;}
#menuwrapper ul li a{ line-height:34px;}
.top-banner-txt{ padding:30px 5% 0;}
.select-main{ padding-left:5%;}
.bits-about{ padding-left:5%;}
.inner-pic{ min-height:initial;}
.feature-detail{ height:170px;}
}


@media only screen and (max-width: 990px) {
.bits-about, .select-main, .compare{ padding-left:20px;}
.select-box-one{ width:25%; margin-bottom:15px; min-height:38px;}
.section-category{ padding:20px;}
.pop-up { left: 87%; width: 78%;}
.home-pic {min-height: 350px;}
.compare a{ font-size:14px;}
.top-banner-txt{ font-size:16px;}
.mobile-view-on{ padding-bottom: 30px;}

}


@media only screen and (max-width: 960px) {
.right-section{ overflow:hidden;}

} 

@media only screen and (max-width: 768px) {
.popup-dec { bottom: 4px; font-size: 13px; height: 47px; padding: 10px;}
.video-play-icon {margin-top: -14px;}
}

@media only screen and (max-width:760px) {
	.inner-page .select-main{ padding-left:0;} 
	.compare_content{ padding-left:0;}
	.pop-up{ width:96%;}
	.pop-up.large{ left:2% !important;}
	.popup-right-dec{ padding-top:30px;}
	.popup-main-left{ width:100%;}
	.popup-main-right{ width:100%;}
.footer{ padding-left:0; width:100%;}
.footer-bg{ text-align:center;}
.mobile-hide{ display:none;}
.toggleMenu:hover{ background:#54c9ea; color:#1f1f1f; text-decoration:none;}
.search-now{ padding:7px 5px 0 16px;}
/*.nav > li:hover{background:#54c9ea; }*/
.nav > li > a:hover{ text-decoration:none; background:#54c9ea; color:#000; }
.nav li li a:hover{ text-decoration:none; background:#54c9ea; color:#000; }
.nav li li a:hover sup{ color:#fff;}
.nav li li a:hover{ text-decoration:none;}
.side-menu h2:hover{ background:none;}
.side-menu h2{padding:10px 15px 10px 30px; color:#fff; background:#000; border-top:1px solid #000;}
.side-menu h2:hover{ background:#282828;}
.side-menu{ width:100%; float:left; padding-top:15px;}
.dekstop-menu{ display:none;}
.left-section{ position:relative; width:100%; height:auto;}
.right-section { padding-left:0;} 
.section-category{ padding-bottom:0;}
.seacrh-big{ top:0; min-height:39px;}
.search-now{ position:absolute;}
.pop-up.large {left: 5%; margin: 0; }
.mobile-menu{ display:block; width:100%; float:left; }
.search-icon{ padding-top:2px;}
.toggleMenu{ float:right;}
.toggleMenu{ background:#000; z-index:999;  position:relative;}
.nav{ width:100%; float:left;}
.nav li sup { color: #54c9ea;}
.active {  display: block; } 
.nav > li {   float: none; } 
.nav > li > .parent {  background-position: 95% 50%;} 
.nav li li .parent { background-image: url(../images/downArrow.png);  background-repeat: no-repeat;  background-position: 95% 50%; } 
.nav ul {  display: block; width: 100%; } 
.nav > li.hover > ul , .nav li li.hover ul {    position: static; }
.porsche-txt{ width:100%; padding-left:15px; padding-top:30px; padding-right:15px;}
.popup-main-left{ padding-right:0; }
.popup-main-left{ padding-bottom:15px;}
.mobile-view-on{ padding-bottom:10px; position:absolute; top:10px; left:10px;}
.popup-main{ padding-top:41px;}
}

@media only screen and (max-width: 640px) {
ul.feature li:nth-child(4n+4){margin-right: 4%;}
ul.feature li:nth-child(3n+3){margin-right: 0;}
ul.feature li{ width:30.6%; margin-right:4%;}
ul.feature-category li:nth-child(3n+3){margin-right: 5%;}
ul.feature-category li:nth-child(2n+2){margin-right: 5%;}
ul.feature-category li:nth-child(2n+2){margin-right: 0;}
ul.feature-category li{ width:47.5%; margin-right:5%;}
.feature-by{ width:100%; margin:5px 0;}
.category{ margin-bottom:10px; padding-bottom:10px; width:50%; border-bottom:none;} 
ul.bit li{ text-align:center;}
.cell{width: 29.3%;   margin: 0 2% 25px;}
.feature-heading{ padding-left:2%;}
.three-colum .cell { width: 46%;}
.right-view{ position:absolute; top:10px;}
.model-dispaly{ display:block;}
.popup-seprate{ width:94%; margin:0 3%;}
.popup-seprate .video-play-icon img{ width:auto;}
.feature-apply{ margin-left:16px;}
ul.model-number li{ width:100%;}
.filter-by{ margin-left:15px; margin-bottom:0;}
ul.model-number{ padding-top:0;}
.container{ border-top:1px solid #c8c8c8; padding-top:25px;}
.top-banner-txt{ font-size:12px;}
.popup-right-bottom > p{ width:100%;}
.between-mobile{ display:block;}
.right-view{ display:block;}
}

@media only screen and (max-width: 568px) {
.select-box-one{ width:49%;}
.top-banner-txt{ padding:20px 5% 0;}
.select-box-three{ width:94%; }
.bits-about{ padding-bottom:15px; padding-top:15px;}
.select-box-four{ width:100%;}
ul.model-number li{ width:100%;}
.contact-page{ width:100%;}
ul.model-number{ padding-top:0;}
.video-play-icon {margin-top: -18px;}
.mobile-display{ display:block;}
.select-box-four{ display:none;}
.porsche-txt{ padding-top:10px;} 

.dekstop-version-show{ display:none;}
.mobile-version-show{ display:block;}
}


@media only screen and (max-width:480px) {
    .pop-up.small,
    .pop-up.medium {left: 5%; margin: 0;}
    .pop-up-content {padding: 12px;}
    .pop-up-footer {padding-top: 12px;}
				ul.feature li:nth-child(4n+4){margin-right: 5%;}
				ul.feature li:nth-child(3n+3){margin-right: 5%;}
				ul.feature li:nth-child(2n+2){margin-right: 0;}
				ul.feature li{ width:47.5%; margin-right:5%;}
		
				.select-box-one{ margin-bottom:10px;}
				.logo{ padding-top:15px;}
				.bits-about{padding-bottom:10px; padding-top:10px;}
				.porsche-txt{ padding-top:10px; padding-bottom:20px;}
				ul.feature-category li:nth-child(3n+3){margin-right: 0%;}
				ul.feature-category li:nth-child(2n+2){margin-right: 0;}
				ul.feature-category li:nth-child(2n+2){margin-right: 0%;}
				ul.feature-category li{ width:100%; margin-right:0%;}
				.contact-page{ padding:10px;}
				.mobile-display{  width:100%;}
				.cell { margin: 0 2% 20px; width: 46%;}
				
}

@media only screen and (max-width: 360px) {
.section-category{ padding:15px 15px 0 15px;}
			ul.feature li:nth-child(4n+4){margin-right: 0;}
				ul.feature li:nth-child(3n+3){margin-right: 0;}
				ul.feature li:nth-child(2n+2){margin-right: 0;}
				ul.feature li{ width:100%; margin-right:0;}
				.video-play-icon > img, .feature .overlay-trans > img{ width:auto;}
				.seacrh-big{ width:286px;}
				.home-pic{ min-height:360px;}
				.cell { width: 96%; } 
    .video-play-icon {margin-top: -30px;}
				.like-comment a{ font-size:12px;}
				.like-comment img{ padding:0 2px;} 	
				.three-colum .cell {width: 96%;}
				.category{ width:98%;}
}

@media only screen and (max-width: 320px) {
.seacrh-big{ width:246px;}


}