@media all and (min-width: 701px) {
#service_wrap{
padding:0;
margin:0;
width:100%;
height:300px;
max-height:300px;
display:table;
background-color:#000;
background-image: url('../images/734A5623.jpg') ;
background-size: cover;
background-repeat: no-repeat;
}	
h1{
color:#FFF;
width:90%;
text-align:center;
font-weight:bold;
font-size:22px;
text-transform:uppercase;
margin-top:4%;
margin-bottom:3%;
padding-left:3%;
}
h2{color:#FFF;
font-size:17px;
width:100%;
text-align:center;
margin: 0 auto;
margin-top:5%;
margin-bottom:10%;
}
h3{
color:#FFF;
font-size:16px;
width:100%;
text-align:center;
margin: 0 auto;
margin-top:1%;
margin-bottom:10%;
}
#thingstoknow{
border: 2px solid red;
border-radius: 3px;
width:30%;
margin: 0 auto;
text-transform:uppercase;
font-size:15px;
text-align:center;
line-height:46px;
height:48px;
display:table;
}	

#thingstoknow a{color:#FFF;width:100%;height:100%;display:block;text-decoration:none;
white-space:nowrap;
text-align:center;
padding-right:20px;}
@media screen and (max-width: 400px) {}
#service_top{
margin: 0 auto;
width:60%;
display:table;
margin-bottom:8%;
}
#service_bottom{
height:49%;
width:100%;
display:table;
margin-bottom:8%;
}
/*     contact form     */


input, select, textarea{

    
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-sizing:content-box; 
}
#contact_slide1{
display:table;
width:70%;
margin: 0 auto;
margin-bottom:30px;
margin-top:30px;
}
#contact_name{min-width:170px;width:30%;display:table;float:left;}
#contact_phone{min-width:170px;width:30%;display:table;float:right;white-space:nowrap;}
#contact_slide2{display:table;width:70%;margin: 0 auto;margin-bottom:30px;
margin-top:30px;}
#contact_email{min-width:170px;width:30%;display:table;float:left;}
#contact_contact{min-width:170px;width:30%;display:table;float:right;
white-space:nowrap;}



#contact_message{width:70%;display:table;margin: 0 auto;margin-bottom:20px;}

#contact_slide3{display:table;width:70%;margin: 0 auto;margin-bottom:30px;
margin-top:30px;}

#contact_msg{
width:65%;
display:table;
margin: 0 auto;
margin-bottom:20px;
font-size:12px;
color:#666666;
}



input {

border: 2px solid black;
border-radius: 4px;
width:100%;
text-align:center;
line-height:46px;
height:30px;
}
textarea {
margin: 0 auto;
text-align:center;
clear:both;
border: 2px solid black;
border-radius: 1px;
width:100%;margin: 0 auto;
text-align:center;
display: block;

margin-left: auto;
margin-right: auto;
text-align:center;
height:100px;margin: 0 auto;
text-align:center;
}
select {

float:left;
border: 2px solid black;
border-radius: 1px;
width:100%;
text-align:center;
line-height:35px;
height:35px;
}

input[type=submit] {
text-transform:uppercase;
border: 2px solid red;
border-radius: 2px;
width:30%;
text-align:center;
float:right;
line-height:46px;
height:50px;
background-color:#F00;
color:#FFF;
}
/*     ADDITIONAL SERVICES     */
#additional_services{
width:96%;
margin: 0 auto;
height:350px;
margin-top:20px;
margin-bottom:20px;
font-size:14px;
display:table;
background-color:#FFF;
}
/*     map and locations     */
#loc_holder{
background-color:#f0f0f0;
width:100%;
height:350px;
display:table;
padding-bottom:20px;
padding-top:20px;
}
#loc_info > h3{
color:#000;
width:90%;
text-align:center;
font-weight:bold;
font-size:18px;
text-transform:uppercase;
margin-top:2%;
margin-bottom:3%;
padding-left:3%;
}
#loc_buttons{
width:100%;
height:100px;
background-color:#0F0;
display:none;
}


#loc_info{
border:px solid red;
background-color:#FFF;
width:47%;
height:420px;
float:left;
overflow:scroll;
-webkit-overflow-scrolling: touch;
margin-left:2%;
margin-right:1%;

}
#loc_map{
background-color:#FFF;
width:47%;float:left;
margin-left:1%;
margin-right:2%;
height:400px;
display:table;
}



#mloc{
width:96.9%;
border:px solid blue;
float:left;
margin: 0 auto;
padding-left:3%;
padding-bottom:2%;
margin-bottom:2%;
	border-bottom: 2px solid #CCC;
}
#mloc_left{
width:55%;
height:115px;
display:table;
border:px solid green;
float:left;
padding-left:3%;
}
#loc_info_dir{
padding:2%;
width:30%;
height:110px;
display:table;
float:left;
}
#loc_info_dir #loc_info_maplink{width:80%;margin:0 auto;
margin-top:3%;
margin-bottom:10%;
text-align:center;
font-size:13px;}
#loc_info_dir #loc_info_maplink a{
	text-decoration:none;

	}
#loc_info_dir #loc_info_dist{width:80%;margin:0 auto;
margin-top:10%;
margin-bottom:3%;
text-align:center;
display:none;/* delete when sql code is done*/
}
	
	
.maptitle{	width:99%;color:red;
border:px solid red;
font-weight:bold;
text-transform:uppercase;}
.manager{width:99%;
border:px solid red;
margin-bottom:3px;margin-top:3px;}
.manager span{
	font-weight:bold;}
.addy1{text-transform:uppercase;width:99%;
border:px solid red;margin-bottom:3px;}
.addy2{text-transform:uppercase;width:99%;
border:px solid red;}
.phone1{width:99%;
border:px solid red;
font-size:12px;font-weight:600;}
.fax1{
width:99%;
border:px solid red;
font-size:12px;
font-weight:600;
}
}


/*mobile site*/
@media all and (max-width: 700px) {
#service_wrap{
padding:0;
margin:0;
width:100%;
height:300px;
max-height:300px;
display:table;
background-color:#000;
background-image: url('../images/734A5623.jpg') ;
background-size: cover;
background-repeat: no-repeat;
}	
h1{
color:#FFF;
width:90%;
text-align:center;
font-weight:bold;
font-size:15px;
text-transform:uppercase;
margin-top:4%;
margin-bottom:3%;
padding-left:3%;
}
h2{color:#FFF;
font-size:13px;
width:100%;
text-align:center;
margin: 0 auto;
margin-top:5%;
margin-bottom:10%;
}
h3{
color:#FFF;
font-size:11px;
width:100%;
text-align:center;
margin: 0 auto;
margin-top:1%;
margin-bottom:10%;
}
#thingstoknow{
border: 2px solid red;
border-radius: 3px;
width:30%;
margin: 0 auto;
text-transform:uppercase;
font-size:15px;
text-align:center;
line-height:46px;
height:48px;
display:table;
}	

#thingstoknow a{color:#FFF;width:100%;height:100%;display:block;text-decoration:none;
white-space:nowrap;
text-align:center;
padding-right:20px;}
@media screen and (max-width: 400px) {}
#service_top{
margin: 0 auto;
width:60%;
display:table;
margin-bottom:8%;
}
#service_bottom{
height:49%;
width:100%;
display:table;
margin-bottom:8%;
}
/*     contact form     */
input, select, textarea{
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
-webkit-box-sizing:content-box; 
}
#contact_slide1{
display:table;
width:90%;
margin: 0 auto;
margin-bottom:30px;
margin-top:30px;
}
#contact_name{min-width:170px;width:100%;display:table;float:left;}
#contact_phone{min-width:170px;width:100%;display:table;float:right;white-space:nowrap;}
#contact_slide2{display:table;width:90%;margin: 0 auto;margin-bottom:30px;
margin-top:30px;}
#contact_email{min-width:170px;width:100%;display:table;float:left;}
#contact_contact{min-width:170px;width:100%;display:table;float:right;
white-space:nowrap;}



#contact_message{width:90%;display:table;margin: 0 auto;margin-bottom:20px;}

#contact_slide3{display:table;width:90%;margin: 0 auto;margin-bottom:30px;
margin-top:30px;}


#contact_msg{
text-align:center;
width:90%;
display:table;
margin: 0 auto;
margin-bottom:10px;
font-size:12px;
color:#666666;
}


input {

border: 2px solid black;
border-radius: 4px;
width:100%;
text-align:center;
line-height:46px;
height:30px;
}
textarea {
margin: 0 auto;
text-align:center;
clear:both;
border: 2px solid black;
border-radius: 1px;
width:100%;margin: 0 auto;
text-align:center;
display: block;

margin-left: auto;
margin-right: auto;
text-align:center;
height:100px;margin: 0 auto;
text-align:center;
}
select {
float:left;
border: 2px solid black;
border-radius: 1px;
width:100%;
text-align:center;
line-height:35px;
height:35px;
}

input[type=submit] {
text-transform:uppercase;
border: 2px solid red;
border-radius: 2px;
width:30%;
text-align:center;
float:right;
line-height:46px;
height:50px;
background-color:#F00;
color:#FFF;
}
/*     ADDITIONAL SERVICES     */
#additional_services{
width:96%;
margin: 0 auto;
height:350px;
margin-top:20px;
margin-bottom:20px;
font-size:14px;
display:table;
background-color:#FFF;
}
/*     map and locations     */
#loc_holder{
background-color:#f0f0f0;
width:100%;
height:350px;
display:table;
padding-bottom:20px;
padding-top:20px;
}
#loc_info > h3{
color:#000;
width:90%;
text-align:center;
font-weight:bold;
font-size:18px;
text-transform:uppercase;
margin-top:2%;
margin-bottom:3%;
padding-left:3%;
}
#loc_buttons{
width:100%;
height:100px;
background-color:#0F0;
display:none;
}


#loc_info{border:px solid red;
background-color:#FFF;
width:100%;
-webkit-overflow-scrolling: touch;
display:table;

}
#loc_map{
background-color:#FFF;
width:100%;
height:400px;
display:table;
}



#mloc{
width:96.9%;
border:px solid blue;
float:left;
margin: 0 auto;
padding-left:3%;
padding-bottom:2%;
margin-bottom:2%;
	border-bottom: 2px solid #CCC;
}
#mloc_left{
width:55%;
height:115px;
display:table;
border:px solid green;
float:left;
padding-left:3%;
}
#loc_info_dir{
padding:2%;
border:px solid red;
width:30%;
height:110px;
display:table;
float:left;
}
#loc_info_dir #loc_info_maplink{;width:80%;margin:0 auto;
margin-top:3%;
margin-bottom:10%;
text-align:center;
font-size:13px;}
#loc_info_dir #loc_info_dist{width:80%;margin:0 auto;
margin-top:10%;
margin-bottom:3%;
text-align:center;
display:none;/* delete when sql code is done*/
}
.maptitle{	width:99%;color:red;
border:px solid red;
font-weight:bold;
text-transform:uppercase;}
.manager{width:99%;
border:px solid red;
margin-bottom:3px;margin-top:3px;}
.manager span{
	font-weight:bold;}
.addy1{text-transform:uppercase;width:99%;
border:px solid red;margin-bottom:3px;}
.addy2{text-transform:uppercase;width:99%;
border:px solid red;}
.phone1{width:99%;
border:px solid red;
font-size:12px;font-weight:600;}
.fax1{width:99%;
border:px solid red;font-size:12px;font-weight:600;}

}

