/* For: AAMCO */
	
		/*** Blog Begins ***/
	
		.postcontainer{
			width: 95%;
			margin: auto;
		}
		.postpage{
			width: 100%;
			min-height: 200px;
			float: left;
		}
		
		
		
		.postpage h3{
			text-align: center;
			font-weight: bold;
			font-size: 18px;
		}
		.postpage p, .postpage h3{
			padding: 5px;
			line-height: 150% !important;
		}
		.link-more{
			display: none;
		}
		.blog-time{
			text-align: center;font-size: 14px
		}
		.blog-item, .blog-item-thumb{
			float: left;
			padding: 0 10px 10px 10px; 
			margin-right: 10px;
		}
		
		@media all and (min-with: 600) and (max-width: 799px) {
			.blog-item-thumb{
				width: 50%;
				margin-left: 25%;
				margin-right: 25%;
			}
		}
		@media all and (max-width: 599px) {
			.postpage img{
				width: 100% !important;
				height: auto !important;
			} 
			.blog-item{
				width: 100%;
			}
			.blog-item-thumb{
				width: 50%;
				margin-left: 25%;
				margin-right: 25%;
			}
		}
		
					
	/*** Blog Ends ***/
	
		/*** [ Section ] Begins ***/ 
	
		.section, .section-whole{
			width: 100%;
			padding-top: 10px;
			padding-bottom: 30px;
		} 
		
		.section-whole{
			padding-left: 2.5%;
			padding-right: 2.5%;
		}
		.section-half, .section-small, .section-large, .section-smaller, 
		.section-larger, .section-smallest, .section-largest{
			padding-left: 2.5%;
			padding-right: 2.5%;
			float: left;
		}
		
		.section-40, .section-60{
			padding-left: 1.5%;
			padding-right: 1.5%;
			float: left;
		}
		
		.section-half{  width: 50%;	}
		
		.section-small{ width: 33%; }
		.section-large{ width: 67%; }
		
		.section-40{ width: 40%; }
		.section-60{ width: 60%; }
		
		.section-smaller{ width: 25%; }
		.section-larger{ width: 75%; }
		
		.section-smallest{ width: 20%; }
		.section-largest{ width: 80%; }
		
		@media all and (min-width: 1px) and (max-width: 800px) {

			.section-whole, .section-half, .section-small, .section-large, .section-smaller, 
			.section-larger, .section-smallest, .section-largest, .section-40, .section-60
			{
				margin-left: 0%;
				width: 100%;
			}
		
		}
	
		
	/*** [ Section ] Ends ***/ 
		/* Reviews Begins */
	
		.review-button-container{
			text-align: center;
			width: 50%;		
			margin: 50px auto 70px auto;
		}
		.review-button{
			width: 50%;
			padding-left: 5%;
			padding-right: 5%;
			float: left;	
			box-sizing: border-box;
		}
		
		@media all and (min-width: 800px) and (max-width: 1279px) {
			.review-button-container{
				width: 70%;		
			}
		}
		@media all and (min-width: 1px) and (max-width: 799px) {
			.review-button-container{
				width: 100%;		
			}
		}
		@media all and (min-width: 1px) and (max-width: 499px) {
			.review-button{
				width: 100%;	
				margin-top: 5%;
				margin-bottom: 5%;
			}
		}
		
		/* Reviews Ends */	
		
	/* [ Custom ] Begins */ 
	
			.social-media-mobile a{
				margin-left: 5px !important; 
				margin-right: 5px !important; 
			}
			
			#footer .social-media-mobile a{
				margin-left: 20px !important; 
				margin-right: 20px !important; 
			}
			
			#footer .social-media-mobile{
				width: 135px; 
				margin: auto;
			}
			
		
		@media all and (min-width: 1px) and (max-width: 999px) { 
			#header .social-media-mobile{
				width: 135px; 
				margin: auto;
			}
			.social-media-mobile a{
				float: left;
			}
		}
		@media all and (min-width: 1px) and (max-width: 599px) { 
		
		
			
			.social-media-mobile a{
				margin-left: 20px !important; 
				margin-right: 20px !important; 
			}
		}
	
		.toggle{ margin-bottom: 25px;border: 1px solid black; }
		.toggle-title{ cursor: pointer; }
		.toggle-title h3{ margin: 0px; padding: 20px;font-size: 14px; }
		.toggle-content{ display: none; }
		.toggle-content p{ padding: 5px 10px; }
		.toggle-content.default{ display: block; }
		
		.more-link {
			display: none;
		}
		.header-button{
			margin-top: 10px;
		}
		
		.header-button{
				width: 60%;
				margin-left: 20%;
		}
		.image{
			width: 100%;
		}
		.drive-with{
			margin-left: 20%;
			width: 60%;
		}
		@media all and (min-width: 1px) and (max-width: 499px) { 
			.napa-footer{
				width: 35%;
			}
		}
		@media all and (min-width: 500px) and (max-width: 999px) { 
			.napa-footer{
				width: 20%;
			}
		}
		@media all and (min-width: 1px) and (max-width: 999px) { 

			.drive-with{
				margin-left: 20%;
				width: 60%;
				margin-bottom: 50px;
			}
			.image{
				width: 40%;
				margin-left: 30%;
			}
			.header-button{
				width: 30%;
				margin-left: 35%;
			}
		}
		
		
		input[type='radio'],  
		input[type='checkbox'] { 
			 display: block;
			float:left;
			width: 16px !important;
			padding: 0px;
			-webkit-transform:scale(1.5, 1.5);
			 -moz-transform:scale(1.5, 1.5);
			  -ms-transform:scale(1.5, 1.5);
			   -o-transform:scale(1.5, 1.5);
          transform:scale(1.5, 1.5)!important;
		}
		.captcha-container{
			width: 304px;
			margin-top: 5px;
			margin-bottom: 5px;
			float: right;
		}
		fieldset{
			margin: 10px 0;
		}
		.height-650{
			min-height: 650px;
		}

		.no-indent{
			text-indent: 0px !important
		}
		.ul li{
			padding-top: 5px !important;
		}
		.deactive{
			padding: 0px;
			margin: 0px;
			font-size: 13px;
		}
		.content-space{
			height: 30px;
		}
		@media all and (min-width: 1px) and (max-width: 999px) { 
			.content-space{
				height: 0px;
			}
		}
		@media all and (min-width: 1599px) and (max-width: 3000px) { 
			#middle{
				font-size: 18px;
			}
		}
		.side-tabs-font{
			font-size: 90%;
			text-align: center;
		}
		.side-tab-sub-container{ 
			width: 96%;
			margin: 2% auto;
		}
		@media all and (min-width: 1px) and (max-width: 1000px) { 
			.side-tabs-font{
				/*font-size: 50%;*/
				font-weight: bold;
			}
		}
		@media all and (min-width: 600px) and (max-width: 1000px) { 
			.side-tabs-font{
				/*font-size: 70%;*/
				font-weight: bold;
			}
		}
	
	/* [ Custom ] Ends */
	
	
	/* [ Font ] Begins */
	/* [ Font ] Ends */
	
	
	/* [ Selectors ] Begins */
	
		body{
			font-family: verdana !important;
			font-size: 14px;
		}
		iframe{
			border: none;
		}
		h1, h2, h3, h4, h5, h6{
			text-align: center;
		}
	
	/* [ Selectors ] Ends */
	
	
	/* [ Classes ] Begins */
	
		.video-heading {
			margin-top: 50px;
			height: 60px;
		}
		
		.video-container {
			position:relative;
			padding-bottom:56.25%;
			padding-top:30px;
			height:0;
			overflow:hidden;
		}

		.video-container iframe, .video-container object, .video-container embed {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}
		
		.px-size{
			width: 25px;
		}
		@media all and (min-width: 1px) and (max-width: 999px) {
			.px-size{
				width: 25px;
				margin-right: 20% !important;
		} 
		}
		.ul li{
			margin-bottom: 20px;
		}
		.indent{
			text-indent: 20px;
		}
		.container{
			margin: auto;
		}
		.color-2{
			font-weight: bold;
		}
		.home-ul-box-50{
			width: 50% !important;
			float: left;
		}
		/* Tabs Begins */
		
@media all and (min-width: 1000px) and (max-width: 9999px) {
		.tabs-default > ul{
			width: 17% !important;
		}
		
		.tabs-default > div{
			padding: 0%; 
			float: right; 
			width: 80%;
		}
}	
		
		.mobile-show{
				display: none;
		}	
		.mobile-hide{
			display: block;
		}
		
		@media all and (min-width: 1px) and (max-width: 999px) {
			.home-ul-box-50{
				width: 100% !important;	
			}
			
			.mobile-show{
				display: block;
			} 
			.mobile-hide{
				display: none;
			}
		
		
		
		}
		
		
		
		/** RESPONSIVE 1 BEGINS **/
		.responsive-equal-left{
			width: 47.5%;
			float: left;
		}
		.responsive-equal-right{
			margin-left: 5%;
			width: 47.5%;
			float: left;
		}
		/** RESPONSIVE 1 ENDS **/
		
		/** RESPONSIVE 1 BEGINS **/
		.responsive-60-left{
			width: 57.5%;
			float: left;
		}
		.responsive-40-right{
			margin-left: 5%;
			width: 37.5%;
			float: left;
		}
		.responsive-40-left{
			width: 37.5%;
			float: left;
		}
		.responsive-60-right{
			margin-left: 5%;
			width: 57.5%;
			float: left;
		}
		/** RESPONSIVE 1 ENDS **/
		
		
		/** RESPONSIVE 2 BEGINS **/
		.responsive-small-left{
			width: 32.5%;
			float: left;
		}
		.responsive-large-right{
			margin-left: 5%;
			width: 62.5%;
			float: left;
		}
		/** RESPONSIVE 2 ENDS **/
		
		/** RESPONSIVE 3 BEGINS **/
		.responsive-large-left{
			width: 62.5%;
			float: left;
		}
		.responsive-small-right{
			margin-left: 5%;
			width: 32.5%;
			float: left;
		}
		/** RESPONSIVE 3 ENDS **/
		
		/** RESPONSIVE 4 BEGINS **/
		.responsive-quarter-left{
			width: 25%;
			float: left;
		}
		.responsive-three-quarters-right{
			margin-left: 5%;
			width: 70%;
			float: left;
		}
		/** RESPONSIVE 4 ENDS **/
		
		/** RESPONSIVE 5 BEGINS **/
		.responsive-three-quarters-left{
			width: 70%;
			float: left;
		}
		.responsive-quarter-right{
			margin-left: 5%;
			width: 25%;
			float: left;
		}
		/** RESPONSIVE 5 ENDS **/
		
			.about-left, .service-left{
				width: 45%;
				float: left;
			}
			.about-right, .service-right{
				margin-left: 5%;
				width: 50%;
				float: left;
			}
			.full-size-image{
				margin-left: 15%;
				margin-right: 15%;
				width: 70%;
				float: left;
			}
		
		
		@media all and (min-width: 1px) and (max-width: 999px) {
			
			.tabs-height{
				min-height: 250px;
			}
			
			.tabs-services > ul{
				width: 100% !important;
				
			}
			.tabs-services > div{
				width: 100% !important;
			
			}
			.tabs-services > ul li{
				width: 100% !important;
			}
		}
		@media all and (min-width: 1px) and (max-width: 1000px) {
			.full-size-image{
				margin-left: 25%;
				margin-right: 25%;
				width: 50%;
			}
			
			
			
			/** RESPONSIVE 1 BEGINS **/
			
		.responsive-quarter-left,
		.responsive-three-quarters-right,
		.responsive-three-quarters-left,
		.responsive-quarter-right, 
		.responsive-equal-left, .responsive-equal-right, .responsive-small-left, .responsive-large-right,
		.responsive-large-left,.responsive-small-right,
		.responsive-60-left, .responsive-40-right,
		.responsive-40-left, .responsive-60-right
		{
			margin-left: 0%;
			width: 100%;
		}
		
		/** RESPONSIVE 1 BEGINS **/
		.table > .responsive-equal-left{
			width: 47.5%;
			float: left;
		}
		.table > .responsive-equal-right{
			margin-left: 5%;
			width: 47.5%;
			float: left;
		}
		/** RESPONSIVE 1 ENDS **/
		
		
		/** RESPONSIVE 2 BEGINS **/
		.table > .responsive-small-left{
			width: 32.5%;
			float: left;
		}
		.table > .responsive-large-right{
			margin-left: 5%;
			width: 62.5%;
			float: left;
		}
		/** RESPONSIVE 2 ENDS **/
		
		/** RESPONSIVE 3 BEGINS **/
		.table > .responsive-large-left{
			width: 62.5%;
			float: left;
		}
		.table > .responsive-small-right{
			margin-left: 5%;
			width: 32.5%;
			float: left;
		}
		/** RESPONSIVE 3 ENDS **/
		
		/** RESPONSIVE 4 BEGINS **/
		.table > .responsive-quarter-left{
			width: 25%;
			float: left;
		}
		.table > .responsive-three-quarters-right{
			margin-left: 5%;
			width: 70%;
			float: left;
		}
		/** RESPONSIVE 4 ENDS **/
		
		/** RESPONSIVE 5 BEGINS **/
		.table  > .responsive-three-quarters-left{
			width: 70%;
			float: left;
		}
		.table  > .responsive-quarter-right{
			margin-left: 5%;
			width: 25%;
			float: left;
		}
		/** RESPONSIVE 5 ENDS **/
		
			.about-left, .service-left{
				width: 100%;
			}
			.about-right, .service-right{
				margin-left: 0%;	
				width: 100%;
			}
			#footer a{
			display: block;
			padding: 10px 0 !important;
			margin-top: 10px 0 !important;
			border: none;
			}	

		
		}
		@media all and (min-width: 1px) and (max-width: 600px) {
	
			#footer a{
				display: block;
				padding: 10px 0 !important;
				margin-top: 10px !important;
				border: none;
			}		
		
		h3{
			margin-top: 2px;
			padding-top: 2px;
		}
		
		
		.tabs-services > ul{
			width: 100% !important;
			
		}
		.tabs-services > div{
			width: 100% !important;
		
		}
		.tabs-services > ul li{
			width: 100% !important;
		}
		
		
		}
		/* Tabs Ends */
	
	/* [ Classes ] Ends */
	
	
	/* [ Header ] Begins */
	
		@media all and (min-width: 1px) and (max-width: 600px) {
			#header h3{
				font-size: 14px;
			}	
			#header p{
				font-size: 10px;
			}
		}
		#header .logo{
			width: 50% !important;
			margin-top: 10px; 
			margin-left: 25%;
			float: left;
		} 
		@media all and (min-width: 500px) and (max-width: 999px) {
			#header .logo{
				width: 30% !important;
				margin-top: 15px;
				margin-left: 35%;
				float: left;
			}
		}
		@media all and (min-width: 1px) and (max-width: 499px) {
				
			#header .logo{
				width: 40% !important;
				margin-top: 5px;
				margin-left: 30%;
				float: left;
			}

		}
		
	/* [ Header ] Ends */
	
	
	/* [ Middle ] Begins */
	
		#middle{
			
		}
		
	/* [ Middle ] Ends */
	
	
	/* [ Footer ] Begins */
	
		#footer{
			font-size: 13px;
			font-weight: bold;
		}
		#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6{
			padding: 2px;
			margin: 2px;
		}	
		@media all and (min-width: 1px) and (max-width: 800px) {
			#footer .fifth{
				height: 50px !important;	
			}	
			#footer .dark{
				margin-top: 50px !important;
			}
		}
		.footer-header{
			padding: 0px 0px 3px 0px;
			margin: 0px;
		}
		.footer-text{
			padding: 0px;
			margin: 0px;
		}
		
	/* [ Footer ] Ends */