/* Table of Contents
==================================================
01. RETINA STYLES
02. BASE STYLES (1140px)
03. #DESKTOP (960px)
04. #Tablet (Portrait)
05. #Mobile (Portrait)
*/



/*
=============================================== 01. RETINA STYLES ===============================================
*/
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
	body nav select {background-image: url(../images/hamburger-retina.png); background-size:100px 100px;}
	.flex-direction-nav a {background-image: url(../images/slider/arrows@2x.png); background-size:68px 69px;}
	.flex-control-paging li a {background-image:url(../images/slider/slider-bullets@2x.png); background-size:20px 85px;}
	.search-form .search-field, header p.field input.search-field {background-image: url(../images/search-magnify@2x.png); background-size: 30px 30px; }
	
	.example-retina {background-image:url(../images/example-retina@2x.png); background-size:20px 85px;}
	
}

/* IE7-IE8 Fixes*/
.lt-ie9	nav select {background-image: url(../images/hamburger.png);}
.lt-ie9 .flex-direction-nav a {background-image: url(../images/slider/arrows.png); background-size:68px 69px;}
.lt-ie9 .flex-control-paging li a {background-image:url(../images/slider/slider-bullets.png); background-size:20px 85px;}
.lt-ie9 .search-form .search-field, .lt-ie9 header p.field input.search-field {background-image: url(../images/search-magnify.png);  }

.lt-ie9 .example-retina {background-image: url(../images/example-retina.png); }


/*
=============================================== 02. BASE STYLES (1140px) ===============================================
*/
/* Note: Design for a width of 1040px */
html {-webkit-text-size-adjust: none;}	/* Removes webkit font resizing */ 
body {max-width:100%; width:100%;}
img {max-width:100%; height: auto; }
.width-container, .flex-caption .slider-container {-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }


/*
=============================================== 03. #DESKTOP (960px) ===============================================
*/
/* Note: Design for a width of 960px */
@media only screen and (min-width: 959px) and (max-width: 1190px) {
	
.width-container, .flex-caption .slider-container {width:94%;} /* Default Width */
.commentlist {width:75%;}

.entry-meta-progression {font-size:12px;}

/*Slider Font Size */
.caption-progression {
	font-size:22px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.55);
}
body .caption-progression h2 {
	font-size:40px;
}


#slider-vehicle-search {
	top:40px;
}

#search-slider-container {
	width:230px;
	padding:20px;
}


}


/*
=============================================== 04. #Tablet (Portrait) ===============================================
*/
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

/* Default Width */
.width-container, .flex-caption .slider-container { width:94%; }
.commentlist {width:68%;}
body {font-size:13px;}
.entry-meta-progression {font-size:11px;}

/*Slider Font-Size */
.caption-progression {
	font-size:20px;
}
body .caption-progression h2 {
	font-size:32px;
}

/* Misc Fixes */
ul.progression-toggle ul li {font-size:11px;}
#vehicle-price-index p.pcd-pricing .pcd-price {
	font-size:25px;
}

.sf-menu a {padding-left:10px; padding-right:10px;} /* Menu Padding left/right */

#header-text {font-size:13px;}
.search-form .search-field, .search-form .search-field:focus {
	font-size:12px;
	padding-left:8px;
	padding-right:25px;
	width: 125px;
}

/* Heading Sizes */
h1 {font-size:35px; }
h2 {font-size:30px;  }
h2.entry-title {font-size:24px;}
h3 {font-size:22px; }
h4 {font-size:18px; ;}
h5 {font-size:15px; }
h6 {font-size:11px; }



#slider-vehicle-search {
	top:10px;
}

#search-slider-container {
	width:230px;
	padding:15px 20px;
}

#search-slider-container p {
	margin-bottom:8px;
}




}


/*
=============================================== 05. #Mobile (Portrait) ===============================================
*/
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {

/* Default Width */
.width-container, .flex-caption .slider-container { width:90%; }
body {font-size:12px;}
.entry-meta-progression {font-size:12px;}

/* Default Grid */
.widget ul.vehicle_listings li, footer .footer-2-column .widget, footer .footer-3-column .widget, footer .footer-4-column .widget,
.grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression,
#sidebar, #content-container {
	width:100%; margin-bottom:10px;
}
#content-container {margin-bottom:30px;}

/* Misc Fixes */
footer {text-align:center;}
footer .social-ico { text-align:center !important; float:none;}

ul.progression-toggle ul li {font-size:11px;}

.post-container-right {float:none; width:100%;}
.entry-meta-progression {float:none; padding-top:10px; width:100%; text-align:center;}
.entry-meta-progression div {display:inline-block; margin-left:5px;}


/* Select Menu */
nav ul { display: none; }  
h1#logo {z-index:55; position:relative; float:none; margin:0 auto;}
header #header-text {margin-top:0px; padding-top:0px; text-align:center; margin:0 auto; float:none;}
header #header-search {margin:-10px auto 15px auto; float:none; text-align:center;}
nav select option { background:#fff; color:#888;}
nav select { 
	text-align:center; 
	margin:0 auto;
	display:block; padding:0px;  border:none; 
	-webkit-appearance: none; -moz-appearance: normal; appearance: normal;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width:70px; height:70px;
	text-indent:-99999px;
	cursor:pointer;
	background-color:#aaa ;
	background-image: url(../images/hamburger.png);
	background-position: center center;
	background-repeat:no-repeat;
	border:1px solid #e9e9e9;
	font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif !important;
	font-weight:normal !important;
}

/* Comment Adjustments */
.commentlist {width:95%; left:-10px;}
.commentlist .children li.comment .comment-meta {margin-left:0px;}
.commentlist .avatar, .commentlist > li:before {display:none;}

/* Slider Font-Size */
.flex-caption .slider-container {bottom:30px;  }
.caption-progression {
	padding-bottom:20px;
	font-size:15px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
}
body .caption-progression h2 {
	font-size:18px;;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
}

/* Heading Sizes */
h1 {font-size:32px; }
h2 {font-size:28px;  }
h2.entry-title {font-size:22px;}
h3 {font-size:20px; }
h4 {font-size:16px; ;}
h5 {font-size:13px; }
h6 {font-size:10px; }

}