@media all and (min-width: 701px) {
#service_wrap{
padding:0;
margin:0;
width:100%;
height:250px;
max-height:400px;
display:table;
background-color:#000;
background-image: url('../images/thumbsup.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:5%;
}
h3{
color:#000;
font-size:15px;
width:100%;
text-decoration:underline;
text-align:center;
margin: 0 auto;
margin-top:1%;
margin-bottom:1%;
}
h4{
color:#000;
font-size:15px;
width:100%;
text-align:center;
margin: 0 auto;
margin-top:3%;
margin-bottom:3%;
}
h5{
color:#000;
font-size:12px;
width:100%;
text-align:center;
margin: 0 auto;
margin-top:3%;
margin-bottom:8%;
}
h6{
color:#FFF;
width:100%;
margin-top:100px;
font-weight:bold;
font-size:16px;
margin: 0 auto;
text-align:center;
text-transform:uppercase;
margin-top:10%;
}
#thingstoknow{
border: px 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;}

#service_top{
margin: 0 auto;
width:60%;
display:table;
margin-bottom:8%;
}
#service_bottom{
height:49%;
width:100%;
display:table;
margin-bottom:8%;
}
/*     estimate form     */


/*form styles*/
#AUTO {
display:table;/*makes div fill content*/
width: 100%;
margin:0 auto;
position: relative;
border:px solid green; /*visual aid to make sure div fills content*/
margin-bottom:30px;
}
#AUTO{
text-align:center;
min-height:375px;
position:relative;
width:95%;
margin:0 auto;
background-color:#FFF;
display:table;/*makes div fill content*/
}
#miles{
display:none;/*spammer fills this out and it gets rejected my mail script*/
}

#contact_name{
text-align:left;

display:table;

display:inline-block;
vertical-align: middle; /*visual aid to make sure div fills content*/
}
#contactinput{
    border: px solid red;
    
    width:49%;
    
    
    
}


#contact_phone{text-align:left;display:inline-block; vertical-align: middle;white-space:nowrap;
}



#contact_zip{text-align:left;display:inline-block; vertical-align: middle;white-space:nowrap;
}
#contact_email{text-align:left;min-width:170px;width:25%;display:inline-block; vertical-align: middle;
}
.button_holder {
width: 98%;
margin:0 auto;
display:table;
margin-top:30px;
margin-bottom:10px;

}




#req{
    
  color:red;  
    font-size:12px;
    padding-left:5px;
    
}

#reqq{
    
  color:red;  
    font-size:12px;
    padding-left:5px;
    
}

#reqqq{
    
  color:red;  
    font-size:12px;
    padding-left:5px;
    
}


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_slide2{display:table;width:70%;margin: 0 auto;margin-bottom:30px;
margin-top:30px;}

#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;}




#namehold{
    border: px solid blue;
  margin: 0 auto;  
    width:90%;
    
    
}


#radio1{   width: 15px; height:15px;}
input[type="radio"] {
  margin-top: -1px;
  vertical-align: middle;
}



.staydog{border: px solid yellow;display:inline-block;min-width:px;margin:5px;padding:5px;line-height:46px;}



#addy_holder{
  margin: 0 auto; 
 border: px solid green;
margin-bottom:10px;margin-top:10px; 
    width:95%;
   display:table; 
}


#addy_holder1{
margin-top:px;
border: px solid yellow;
margin: 0 auto;  
width:95%;
text-align:center;
display:table;
margin: 0 auto;


}
#left{
    display:inline-block;
margin:5px;
border: px solid pink;
height:250px;
width:55%;vertical-align: top;/*     makes the boxes even    */

}
#right{
    display:inline-block;
margin:5px;
border: px solid pink;
height:250px;
min-width:300px;
width:40%;
vertical-align: top;/*     makes the boxes even     */
}

#checkboxx{
   margin-bottom:15px;    margin-top:15px; 
  width:100%;  
   border: px solid purple; 
    
}
#two{
height:20px;
width:20px;}
.twotext{vertical-align: center;/*     makes the boxes even     */}

.staydog2{border: px solid yellow;display:inline-block;min-width:px;margin:5px;padding:5px;}
.staydog3{border: px solid yellow;display:inline-block;min-width:px;margin:5px;padding:5px;}
.staydog4{border: px solid yellow;display:inline-block;min-width:px;margin:5px;padding:5px;   }
.staydog5{border: px solid yellow;display:inline-block;min-width:px;margin:5px;padding:5px;   }

#name{
text-align:left;
display:table;
display:inline-block;
vertical-align: middle; /*visual aid to make sure div fills content*/ 
}

.iyc{
    
    height:30px;
   line-height:30px;border: px solid yellow;display:inline-block;float:left;margin:20px;}

#upddd{text-align:left;margin:10px;font-weight:bold;}


/*select menu*/
#upddd4{text-align:left;margin:10px;font-weight:bold;border: px solid yellow; width:30%;float:left;}
#updddb2{white-space:nowrap;text-align:center;border: px solid yellow;float:right;vertical-align: middle;margin:10px;}


.upd{text-align:left; border: px solid purple;background-color: #f0f0f0;
display:table;
display:inline-block;
 width:100%;
 text-align:center;
vertical-align: middle; /*visual aid to make sure div fills content*/ }
.upd22{text-align:left; border: px solid purple;
display:table;
display:inline-block;
 width:100%;
 text-align:center;
vertical-align: middle; /*visual aid to make sure div fills content*/ }




#upddd1{text-align:left;margin-top:10px; padding-left:10px;font-weight:bold;font-size:20px;}
#upddd2{text-align:center;margin-top:10px; padding-left:10px;font-weight:bold;font-size:13px;}
#upddd3{text-align:center;margin:10px; padding-left:10px;font-size:13px;}




#date{
    
    
    
      min-width:150px;
    
}
#location{

min-width:200px;
}
#location2{

min-width:175px;
}
#suburb{
  
min-width:175px;   
}

#state{
min-width:175px;}

#zip{width:75px;  }

#addyinput{
min-width:300px;}

#emailinput{min-width:300px;}
input {
border: 2px solid black;
border-radius: 3px;
text-align:center;
height:35px;
/* off to make all inputs even
line-height:46px;
height:30px;
*/

}


#cinfo{border: px solid pink;
min-width:150px;}


#initials{
width:75px;
    height:50px;font-size:20px;
}




input2 {
border: 2px solid black;
border-radius: 3px;
width:78%;
text-align:center;
line-height:46px;
height:30px;
}
input3 {
border: 2px solid black;
border-radius: 3px;
width:78%;
text-align:center;
line-height:46px;
height:30px;
}
input4 {
border: 2px solid black;
border-radius: 3px;
width:78%;
text-align:center;
line-height:46px;
height:30px;
}














textarea {margin: 0 auto;
text-align:center;
clear:both;
border: 2px solid black;
border-radius: 3px;
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 { 
border: 2px solid black;
border-radius: 1px;
width:200px;
text-align:center;
height:18px;
}
input[type=submit] { 
border: 2px solid #F00;
border-radius: 5px;
width:30%;
text-align:center;
float:right;
line-height:46px;
height:50px;
background-color:#F00;
color:#FFF;
margin-left:5px;margin-right:5px;
}
input[type=button] {
text-transform:uppercase;
border: 2px solid #000;
border-radius: 5px;
width:30%;
text-align:center;
float:right;
line-height:46px;
height:50px;
background-color:#000;
color:#FFF;
margin-left:5px;margin-right:5px;
}
/*     ADDITIONAL SERVICES     */
#additional_services{
width:100%;
margin: 0 auto;
height:350px;
font-size:14px;
display:table;
background-color:#CCC;
}
/*     map and locations     */
#loc_holder{
background-color:#f0f0f0;
width:100%;
height:350px;
display:table;
padding-bottom:20px;
padding-top:20px;
}
#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{border:px solid purple;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%;
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:200px;
max-height:400px;
display:table;
background-color:#000;
background-image: url('../images/thumbsup.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:5%;
}
h3{
color:#000;
font-size:15px;
width:100%;
text-decoration:underline;
text-align:center;
margin: 0 auto;
margin-top:1%;
margin-bottom:1%;
}
h4{
color:#000;
font-size:15px;
width:100%;
text-align:center;
margin: 0 auto;
margin-top:3%;
margin-bottom:3%;
}
h5{
color:#000;
font-size:12px;
width:100%;
text-align:center;
margin: 0 auto;
margin-top:3%;
margin-bottom:8%;
}
h6{
color:#FFF;
width:100%;
margin-top:100px;
font-weight:bold;
font-size:16px;
margin: 0 auto;
text-align:center;
text-transform:uppercase;
margin-top:10%;
}
#thingstoknow{
border: px 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;}

#service_top{
margin: 0 auto;
width:95%;
display:table;
margin-bottom:8%;
}
#service_bottom{
height:49%;
width:100%;
display:table;
margin-bottom:8%;
}
/*     estimate form     */



#miles{
display:none;/*spammer fills this out and it gets rejected my mail script*/
}



#contact_name{
text-align:left;

display:table;

display:inline-block;
vertical-align: middle; /*visual aid to make sure div fills content*/
}
#contactinput{
    border: px solid red;
    
    width:49%;
    
    
    
}


#contact_phone{text-align:left;display:inline-block; vertical-align: middle;white-space:nowrap;
}



#contact_zip{text-align:left;display:inline-block; vertical-align: middle;white-space:nowrap;
}
#contact_email{text-align:left;min-width:170px;width:25%;display:inline-block; vertical-align: middle;
}
.button_holder {
width: 98%;
margin:0 auto;
display:table;
margin-top:30px;
margin-bottom:10px;

}


#req{
    
  color:red;  
    font-size:12px;
    padding-left:5px;
    
}

#reqq{
    
  color:red;  
    font-size:12px;
    padding-left:5px;
    
}

#reqqq{
    
  color:red;  
    font-size:12px;
    padding-left:5px;
    
}



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_slide2{display:table;width:70%;margin: 0 auto;margin-bottom:30px;
margin-top:30px;}

#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;}




#namehold{
    border: px solid blue;
  margin: 0 auto;  
    width:90%;
    
    
}


#radio1{   width: 15px; height:15px;}
input[type="radio"] {
  margin-top: -1px;
  vertical-align: middle;
}



.staydog{border: px solid yellow;display:inline-block;min-width:px;margin:5px;padding:5px;line-height:46px;width:95%}


#addy_holder1{
margin-top:px;
border: px solid yellow;
margin: 0 auto;  
width:95%;display:inline-block;
text-align:center;
display:table;
margin: 0 auto;


}
#left{
    display:inline-block;
margin:5px;
border: px solid pink;
height:250px;
width:95%;vertical-align: top;/*     makes the boxes even    */

}
#right{
    display:inline-block;
margin:5px;
border: px solid pink;
height:250px;
min-width:300px;
width:40%;
vertical-align: top;/*     makes the boxes even     */
}

#checkboxx{
   margin-bottom:40px;    margin-top:30px; 
  width:100%;  
   border: px solid purple; 
    
}
#two{
height:20px;
width:20px;}
.twotext{vertical-align: center;/*     makes the boxes even     */}


.staydog2{border: px solid yellow;display:inline-block;min-width:px;margin:5px;padding:5px;  width:95%; }
.staydog3{border: px solid yellow;display:inline-block;min-width:px;margin:5px;padding:5px;  width:95%; }




#cen_stag{ width:100%;border: px solid red; margin: 0 auto;text-align:center;display:table;}
.staydog4{border: px solid yellow;display:inline-block;min-width:px;margin:5px;padding:5px;  width:25%;     }

.staydog5{border: px solid yellow;display:inline-block;min-width:px;margin:5px;padding:5px;  width:25%; }






/* new stuff */
.check {
    visibility: hidden;
}

input:checked + label .check {
    visibility: visible;
}

input.checkbox:checked + label:before {
    content: "";
}






#name{
text-align:left;
display:table;
display:inline-block;
vertical-align: middle; /*visual aid to make sure div fills content*/ 
}

.iyc{width:95%;padding:5px;
    
    height:30px;
   line-height:30px;border: px solid yellow;display:inline-block;}


/*select menu*/
#upddd4{text-align:center;margin:10px;font-weight:bold;border: px solid red}
#updddb2{text-align:center;border: px solid yellow;vertical-align: middle;margin:10px;width:80%; margin: 0 auto;margin-bottom:15px;}





#dselect{margin: 0 auto; text-align:center;border: px solid green;width:80%;margin:5px;display:inline-block}


.upd{text-align:left; border: px solid purple;background-color: #f0f0f0;
display:table;
display:inline-block;
 width:100%;
 text-align:center;
vertical-align: middle; /*visual aid to make sure div fills content*/ }

#upddd1{text-align:center;margin-top:10px; padding-left:10px;font-weight:bold;font-size:20px;}
#upddd2{text-align:center;margin-top:10px; padding-left:10px;font-weight:bold;font-size:13px;}
#upddd3{text-align:center;margin:10px; padding-left:10px;font-size:13px;}


#addy_holder{
    
    
      margin: 0 auto; 
 border: px solid green;
margin-bottom:10px;margin-top:10px; 
    width:95%;
   display:table; 
    
    
  margin: 0 auto; 
      border: px solid red;
         margin-bottom:10px;margin-top:10px; 
  width:95%;
   display:table; 
}

#date{
    
    
    
      min-width:150px;
    
}
#location{
width:95%;
min-width:300px;
}
#location2{
width:95%;
min-width:175px;
}
#suburb{
  width:95%;
min-width:175px;   
}

#state{width:95%;
min-width:175px;}

#zip{width:75px;width:95%;  }

#addyinput{width:95%;
min-width:300px;}

#emailinput{min-width:300px;width:95%}


input {
border: 2px solid black;
border-radius: 3px;
text-align:center;
height:35px;
/* off to make all inputs even
line-height:46px;
height:30px;
*/

}


#cinfo{border: px solid pink;
min-width:300px;width:95%;}


#initials{
width:75px;
    height:50px;font-size:20px;
}




input2 {
border: 2px solid black;
border-radius: 3px;
width:78%;
text-align:center;
line-height:46px;
height:30px;
}
input3 {
border: 2px solid black;
border-radius: 3px;
width:78%;
text-align:center;
line-height:46px;
height:30px;
}
input4 {
border: 2px solid black;
border-radius: 3px;
width:78%;
text-align:center;
line-height:46px;
height:30px;
}











textarea {margin: 0 auto;
text-align:center;
clear:both;
border: 2px solid black;
border-radius: 3px;
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 {   
border: 2px solid black;
border-radius: 1px;
width:100%;
text-align:center;
line-height:25px;
height:25px;

}





input[type=submit] { 
border: 2px solid #F00;
border-radius: 5px;
width:30%;
text-align:center;
float:right;
line-height:46px;
height:50px;
background-color:#F00;
color:#FFF;
margin-left:5px;margin-right:5px;
}
input[type=button] {
text-transform:uppercase;
border: 2px solid #000;
border-radius: 5px;
width:30%;
text-align:center;
float:right;
line-height:46px;
height:50px;
background-color:#000;
color:#FFF;
margin-left:5px;margin-right:5px;
}
/*     ADDITIONAL SERVICES     */
#additional_services{
width:100%;
margin: 0 auto;
height:350px;
font-size:14px;
display:table;
background-color:white;
}
/*     map and locations     */
#loc_holder{
background-color:#f0f0f0;
width:100%;
height:350px;
display:table;
padding-bottom:20px;
padding-top:20px;
}
#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{border:px solid purple;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%;
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;}



}