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

@media only screen and (min-width: 768px) and  (max-width: 1024px){
	.homelink { display: none !important; }
	.paymentbutton img { width:125px; margin-top:4px; }
	.quotebox { left:2%; }
	#map { width:90%; }
	.payTL { width:250px; margin:0 5px 0 0; }
	.payTR { width:300px; margin:0; }
	.paybox .tou { width:85%; }
	.locTL { width:250px; margin:0; }
	.locTR { width:55%; margin:0; }
	#headerbox .first{ width:46%; }
}
@media only screen and (max-width: 930px){
	#content-right { display:block; width:100%; }
	#content-left { display:block; width:100%; }
	#menu > .nav > li > a,#menu > .nav > .mquote > a{ font-size:115%; }
	.espdrop930 { display:none !important; }
}
@media only screen and (max-width: 767px){
	.mobileC { display: none !important; }
	.mobileS { display: block !important; }
	.span,#content { width:95%; }
	#header { height:130px; }
	#topper { height:40px; }
	.phone{ top:0; left:10px; color: #FFFFFF; }
	.phone a, .phone a:active, .phone a:visited{ color:#FFFFFF; }
	#logo { top:45px; margin-left: auto; margin-right: auto; left: 0; right: 0; }
	.quotebox { position:inherit; width:100%; top:0; left:0; padding: 25px 0; text-align:center; background:rgba(93, 145, 197, 0.9); border:0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
	.boxinfo { height:auto; }
	#locations { width: 375px; margin:15px auto; padding:15px 0 15px 15px; }
	#locations p { display:block; margin:0; padding:0; }
	#locations p .label { display:block; width: 95%; margin:0 0 8px 0; text-align:left; }
	#locations p .input { display:block; width: 95%; margin:0 0 8px 0; }
	#locations .button { margin-left:230px; }
	#locations .text { width:350px; }
	#locationSelect { width:300px; }
	#map { width:90%; }
	.payTL { display:none; }
	.payTR { width:95%; margin:0 auto; }
	.paybox .tou { width:95%; }
	.locTL { display:none; }
	.locTR { width:100%; padding:0; margin:0; }
	.locTR p { margin:10px; padding:0; font-size:95%; }
	.locbox { margin:0 auto; padding:0; width:90%; text-align:left; }
	#headerbox { background:none; margin:0; padding:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
	#headerbox .first{ width:98%; }
	.conbox { width: 80%; margin:0 auto;  background: url('../img/contact-headerimage2.jpg') right top; background-size:cover; }
	.construction { width:425px; }
}
@media only screen and (min-width: 768px){
	.mobileC { display: block !important; }
	.mobileS { display: none !important; }
}
@media only screen and (max-width: 425px){
	.boxinfo { margin:5px 0; padding:5px; }
	.fbox { display: block; vertical-align:top; text-align:center; margin:8px auto; }
	#quote { margin:0 auto; }
	.quotebox .txt{ font-size:200%; }
	#quotethin .quoteboxthin .txt { font-size:160%; }
	#quotethin { padding-bottom:10px; }
	#maincontact { text-align: center; }
	#content > h1 { font-size: 250%; }
	#locations { width: 270px; margin:15px auto; padding:15px 0 15px 15px; }
	#locations label { font-size:98%; }
	#locations .button { margin-left:130px; }
	#locations .text { width:235px; }
	#locationSelect { width:250px; }
	.conbox { background:rgba(93, 145, 197, 1); }
	.construction { width:280px; height:100px; }
	.welcome50 { width:280px; display:block; margin:8px auto; padding:6px; }
	.welcome50 h2 { font-size: 140% }
	.AITable { display:block; height:auto; width:90%; margin:8px auto; padding:0; border:0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
	.AIC,.AIIS { display:none; }
	.AITS { display:block; width:auto; text-align:center; }
	.basicbox h1{ font-size:150%; }
	.basicbox ul { margin-left:5px; }
}
/********* Mobile ***********/
.MM { position:absolute; top:0; right:10px; z-index:999;}
.MMspan { width:78%; margin:0 auto; position:relative; }
#mobilemenu {position:absolute; z-index:3500; width:100%; height:auto; padding:8px 0 175px 0; background: #3f4d8e; display:none; }
#mm { width:90%; margin:0 auto; list-style:none; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:110%; padding:0; display:inline; }
#mm li { width:100%; background: url('../img/mm-button-off.png') repeat-x; text-indent:15px; margin: 5px 0; padding:5px 0;}
#mm li:hover { background: url('../img/mm-button.png') repeat-x; }
#mm a li, #mm a:visited li {color: #FFFFFF;}