/* CSS Document */

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

@media all and (max-width: 1080px) {
	.biowrapper .bio {
		width: 50%;
	}
}

@media all and (max-width: 920px) {
	.topButtons {
		margin-top: 18px;
	}
	
	.topButtons a, .AutocareStationSearchPane {
		float:none;
		display:block;
		margin-bottom:5px !important;
	}
	
	.newsletter > div {
		padding:0 0 0 5%;
	}
	
	.autocareEverywhere {
		margin: 0 -100px 0 -175px;
	}
}

@media all and (max-width: 875px) {
	ul.AutocareNav li {
		display:none;
	}
	
	ul.AutocareNav li.navHome, ul.AutocareNav li.navAdmin, ul.AutocareNav li.Issues {
		display:list-item;
	}
}

@media all and (max-width: 800px) { 
	header .logo {
		flex-grow: 1;
	}

	header .topButtons {
		flex-direction: column;
		justify-content: start;
		flex-grow: unset;
		align-items: end;
		padding-left:15px;
	}
	
	header .topButtons a, 
	header .topButtons a:hover {
		border:none;
		padding:0;
	}
}

@media all and (max-width: 768px) {
	.logo {
		float:none;
		text-align:center;
	}
	
	.topNav, .mainNav, .topButtons {
		display:none !important;
	}
	
	.MobileMenu {
		display:table;
	}
	
	.SlideImageContainer {
		overflow:hidden !important;
	}
	
	#BIGideasRotator469.owl-carousel .owl-item img {
		margin-left: -25% !important;
		width: 150% !important;
		max-width:none !important;
	}
	
	.parallaxSpacer {
		height:450px;
	}
	
	.newsletter {
		display:block;
	}
	
	.newsletter .label, .newsletter .field {
		display:block;
		width:auto;
		margin:15px 0;
	}
	
	div.LoginWideContainer .dnnFormItem {
		display:block;
		float:none;
		margin-bottom:15px;
	}
	
	footer .footerRight {
		float:none;
	}
}

@media all and (max-width: 640px) {
	.AutocareMapContainer #MapList {
		float: none;
		margin-right: 0;
		padding: 0;
		display: block;
		width:100%;
		min-width:100%;
		max-width:100%;
		height:100% !important;
	}
	
	.AutocareMapContainer #MapList ul {
		display:block;
		width:100%;
	}
	
	.AutocareMapContainer #MapList ul li {
		display:block;
		width:100%;
	}
	
	.AutocareMapContainer .MapContainer {
		display:none;
	}
	
	.parallaxSpacer {
		height:350px;
	}
	
	.AutocareIconsItem {
		font-size:11px;
		line-height:13px;
	}
	
	.autocareProcessHeader, .mobileApp h1 {
		font-size: 36px;
		line-height: 40px;
	}
	
	.biowrapper .bio {
		width: 100%;
	}
}

@media all and (max-width: 768px) and (orientation: portrait) {
	
}

@media all and (max-width: 768px) and (orientation: landscape) {
	
}

@media all and (max-width:480px) {
	.parallaxSpacer {
		height:300px;
	}
	
	.horzIcons .col-xs-4 {
		display:block;
		float:none;
		width:100%;
	}
	
	.AutocareIconsContainer {
		display:block;
	}
	
	.AutocareIconsItem {
		display:block;
		width:auto;
		font-size:18px;
		line-height:22px;
	}
	
	.AutocareIconsItem img {
		max-width:225px;
	}

	div.loginContent .LoginPanel {
		width:auto;
	}

	.dnnLoginService .dnnLabel {
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		text-align: left;
		width: auto;
	}
	
	.dnnLoginService input[type="text"], .dnnLoginService input[type="password"] {
		display:block;
		width:100%;
		max-width:none;
	}
	
	.dnnLoginService input[type="password"] {
		margin-bottom:30px;
	}
	
	.AccountLoginContainer .dnnFormItem > label.dnnFormLabel, .dnnFormItem > span.dnnFormLabel {
		display:none;
	}
	
	.dnnFormItem > label.dnnFormLabel {
		width: auto;
	}
	
	.autocareEverywhere {
		margin: 0 -75px 0 -125px;
	}
	
	.dnnSendPasswordContent {
		width: auto;
	}
	
	#dnn_ctr_SendPassword_divEmail > .dnnLabel {
		float: none;
		width: auto;
		display: block;
		text-align: left;
		padding: 0;
		margin: 0;
	}
	
	#dnn_ctr_SendPassword_divEmail #dnn_ctr_SendPassword_txtEmail {
		width:100%;
	}
}

@media all and (max-width:420px) {
	.AutocareLightbox #popupContainer {
		padding-top:90px;
	}
	
	h2.popupWindowTitle {
		width:100%;
		margin:50px 0 0;
		text-align: center;
	}
	
	ul.AutocareMenu li a {
		width: 90px;
	}
}

@media all and (max-width:360px) {
	.MobileMenuRight a, .MobileMenuRight input {
		margin-bottom:0 !important;
		font-size:12px !important;
		line-height:32px !important;
	}
}


/*  Bootstrap Clearfix */

/*  Tablet  */
@media (min-width:767px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: none;
  }
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Medium Desktop  */
@media (min-width:992px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Large Desktop  */
@media (min-width:1200px){

  /* Column clear fix */
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1){
    clear: left;
  }
}