/***** GLOBAL PAGE PROPERTIES ******/
body { background: #E5E5E5; font-size:10px; margin: 0 auto; }

select { width: 180px; height: 30px; margin-right:20px; margin-left: 20px;margin-bottom: 57px; padding-left: 12px; border: 1px solid #9E9E9E !important;  /*Removes border*/ border-radius: 4px;  color: #454545;  text-indent: 0.01px; cursor:pointer; background-image: url("select-bg.png"); background-repeat: repeat; }
select::-ms-expand { display: none; }
option { background: #E5E5E5; color: #454545}
.container { background: white !important; border: 2px black solid; }

/***** GLOBAL BUTTON PROPERTIES *****/
input  {  margin: 0 40px}

/***** HEADER PROPERTIES *****/
#header { background-color: #F40000; height: 69px; padding: 13.5px 0; }
#headerImage img { margin-left: 40px; height: auto;  }
.text1 { margin-top: 98px; padding: 40px; padding-top: 0px; line-height: normal;}

/***** GLOBAL FOOTER PROPERTIES ******/
#footer { height:98px; border-top: 2px solid #F40000; padding-top: 20px; padding-left: 40px;  }

/**** CAR SELECTION PAGE PROPERTIES *****/
#car img {max-width: 100%; height: auto; margin:30px 0 40px 0;}

/***** GLOBAL TEXT PROPERTIES *****/
h2 {font-weight:bolder;color:#F40000; font-size: 3.2em; margin-bottom:68px;}
h3 { color: black; font-size: 1.8em;}
p {font-size:1.6em; padding-top: 10px; margin-left: 40px; }
p a { color: #F40000; text-decoration: none;}
p a:hover { color: #0080C0; }
#InDrive-OBD { width: }
#InDrive-OBD Img { max-width: 100%; height: auto;  }
#no-InDrive-OBD { margin-top: 100px; margin-bottom: 100px; }
#no-InDrive-OBD p { font-size: 2.2em; padding: 0; margin: 0;  text-align: center; line-height: normal;  }

/***** MEDIA QUERIES ******/

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	/* Styles */
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
			select { width: 100%; height: 30px; margin-left: 0; margin-right: 0; }
			.offset-by-six { padding-left: 210px !important;}
			.six.columns { width: 280px;}

			

	/* Styles */
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {	
		.four.columns{width: 100% !important;padding: 0  0 !important;}
		.three.columns{width: 100% !important;padding: 0 0 !important;}
		.row{padding:0 20px;}
		body { background: white; font-size:10px; }
		select { width: 100%; height: 40px; margin-bottom: 20px; margin-left: 0; margin-right: 0; font-size: 2em; }
		#car { display: none;}
		.container { border: none; }
		.text1 { margin: 20px;}
		h2 {margin-bottom:10px;}
		p {font-size:1.6em; padding-top: 0px; margin-left: 10px; margin-bottom: 0; }
		input  {  margin: 10px 10px}
		#footer { height:50px; border-top: 2px solid #F40000; padding-top: 20px; padding-left: 10px;font-size: 1.2em; line-height: 15px;  }

	/* Styles */
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.four.columns{width: 100% !important;padding: 0  0 !important;}
		.three.columns{width: 100% !important;padding: 0 0 !important;}
		.row{padding:0 20px;}
		body { background: white; font-size:10px; }
		select { width: 100%; height: 40px; margin-bottom: 20px; margin-left: 0; margin-right: 0; font-size: 2em; }
		#car { display: none;}
		.container { border: none; }
		.text1 { margin: 20px; padding: 0;}
		h2 {margin-bottom:10px;}
		p {font-size:1.6em; padding-top: 0px; margin-left: 10px; margin-bottom: 0; }
		input  {  margin: 10px 10px}
		#footer { height:50px; border-top: 2px solid #F40000; padding-top: 20px; padding-left: 10px;font-size: 1.2em; line-height: 15px;  }

	/* Styles */
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) { 
		body { background: white; font-size:10px; }
		select { width: 100%; height: 40px; margin-bottom: 20px; margin-left: 0; margin-right: 0; font-size: 2em; }
		#car { display: none;}
		.container { border: none; }
		.text1 { margin: 20px; padding: 0;}
		h2 {margin-bottom:10px;}
		p {font-size:1.6em; padding-top: 0px; margin-left: 10px; margin-bottom: 0; }
		input  {  margin: 10px 10px}
		#footer { height:50px; border-top: 2px solid #F40000; padding-top: 20px; padding-left: 10px;font-size: 1.2em; line-height: 15px;  }


	/* Styles */
	}
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen 
	and (min-device-width : 320px) 
	and (max-device-width : 480px) {
		body { background: white; font-size:10px; }
		select { width: 100%; height: 40px; margin-bottom: 20px; margin-left: 0; margin-right: 0; font-size: 2em; }
		#car { display: none;}
		.container { border: none; }
		.text1 { margin: 20px; padding: 0;}
		h2 {margin-bottom:10px;}
		p {font-size:1.6em; padding-top: 0px; margin-left: 10px; margin-bottom: 0; }
		input  {  margin: 10px 10px}
		#footer { height:50px; border-top: 2px solid #F40000; padding-top: 20px; padding-left: 10px;font-size: 1.2em; line-height: 15px;  }

	/* Styles */
	}
	
/***** ADDED MEDIA QUERY TO HAVE ADJUST WIDTH TO DEVICE FOR MOBILE AND SMALL TABLETS*****/
@media only screen and (max-width: 767px) {}


/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
		body { background: white; font-size:10px; }
		select { width: 100%; height: 40px; margin-bottom: 20px; margin-left: 0; margin-right: 0; font-size: 2em; }
		#car { display: none;}
		.container { border: none; }
		.text1 { margin: 20px; padding: 0;}
		h2 {margin-bottom:10px;}
		p {font-size:1.6em; padding-top: 0px; margin-left: 10px; margin-bottom: 0; }
		input  {  margin: 10px 10px}
		#footer { height:50px; border-top: 2px solid #F40000; padding-top: 20px; padding-left: 10px;font-size: 1.2em; line-height: 15px;  }
}




/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
