@media all and (min-width: 701px) {
#service_wrap{
padding:0;
margin:0;
width:100%;
height:250px;
max-height:250px;
display:table;
background: url(../images/734A5552.jpg) no-repeat center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}	
#star333{
text-decoration:none;
}
.stars-container {
  position: relative;
  display: inline-block;
  color: transparent;
  font-size: 20px;
}

.stars-container:before{
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  color:lightgray;
}

.stars-container:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  color: gold;
  overflow: hidden;
}

.stars-0:after { width: 0%; }
.stars-10:after { width: 10%; }
.stars-20:after { width: 20%; }
.stars-30:after { width: 30%; }
.stars-40:after { width: 40%; }
.stars-50:after { width: 50%; }
.stars-60:after { width: 60%; }
.stars-70:after { width: 70%; }
.stars-80:after { width: 80%; }
.stars-90:after { width: 92%; }
.stars-100:after { width: 100%;}














/*    redesign    */

.testwrap{  overflow: hidden;
z-index: -1; 
background-color:#d9d9d9;
width:100%;
border: 1px solid red;
display:table;
}

.sec1 { 
 
  position: relative;
  overflow: hidden;
  z-index: 5;
  border: 1px solid black;

  display: table;
  width: 100%;
  min-height: 50px;
  display: table;
  background-color:#545454;
/*background-color:#24513D;find fineline green this looks good*/
}

.content1 {
  position: relative;
  border: 3px solid #187860;
  display: table;
  width: 95%;
  margin: 0 auto;
  z-index: 55;

}

.sec2 {
    padding-bottom:50px;/*keeps it from overlapping*/
  border: px solid black; 
  overflow: visible;
    position: relative;
  z-index: 5;
  width: 100%;
  min-height: 800px;
  display: table;
  background-color:#d9d9d9;
/* background-color:#177F71;find fineline green this looks good*/

}

.content2 {
  position: relative;
  z-index: 55;
  border: 3px solid #177F71;
  display: table;
  width: 95%;
  margin: 0 auto;

}

.sec3 {
  border: px solid black;
 padding-bottom:180px;/*keeps it from overlapping*/
  position: relative;
  z-index: 5;
  overflow: visible;
  width: 100%;
  min-height: 800px;
  display: table;
  background-color:#545454;

}

.content3 {
  position: relative;
  border: 3px solid #24513D;
  display: table;
  z-index: 55;
  width: 95%;
  margin: 0 auto;

}

.sec4 {
  border: px solid black;
    position: relative;
  z-index: 5;
  width: 100%;
  overflow: visible;
  min-height: 400px;padding-bottom:180px;/*keeps it from overlapping*/
  display: table;
  background-color:#d9d9d9;

}
.content4 {
  position: relative;
  border: 3px solid #187860;
  display: table;
  width: 95%;
  margin: 0 auto;

  z-index: 55;
}

.sec5 {
  border: px solid blue;
  z-index: 5;
  position: relative;
  overflow: visible;
  min-height: 400px;
    width: 100%;
  display: table;
  background-color:#545454;

}
.content5 {
    
    
  
    position: absolute;
    bottom:0px;
   


    
    
    
      min-height: 300px;
    

  border: px solid orange;
  display: table;
  width: 100%;
  margin: 0 auto;
 
  z-index: 55;
}








.right1{float:left
    ;
    width:50%;
}

.left1{float:right;}








.locatebar{border: 1px solid green;width:40%;display:table;}

.lbl{float:left;}

.lbr{float:right;}






























































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:#000;
width:90%;
text-align:center;
font-weight:bold;
font-size:18px;
text-transform:uppercase;
margin-top:2%;
margin-bottom:3%;
padding-left:3%;
}
	
/*     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%;

float:left;
display:table;


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


.info_sec{border:1px solid red;width:100%;display:table;}





.service1_holder{width:50%;border: 1px solid orange;text-align: center;
display: table;
margin: 0 auto;}

.menu_holder{
padding:2px;
display:inline-block;
vertical-align: middle;
min-height:125px;
width:95%;
margin:0 auto;
text-decoration:none;
color:#FFF;
border: 1px solid green;
display:table;
overflow:hidden;
}

.menu_holder a{
color:#FFF;	
text-decoration:none;

}






/*     SUB MENU     */
.sub_menu2{
display:none;
}
#btmenu > .top_quote:hover .sub_menu2{
position:absolute;
display:inline-block;/*no need for height or width*/
vertical-align: middle;
margin:0 auto;
text-align:center;
background-color:#666;
list-style: none;
margin:0;
padding:0;
display:table;
padding-right:3px;
border:#333 solid 2px;
border-radius: 4px;
}
.sub_menu2 li{
margin:4px;
border: 1px solid red;
display:inline-block;
min-height:50px;
width:47%;
min-width:350px;
}



.bui_hold1{display: inline-block;min-width:350px;margin:5px;
background-image: url(../images/alum2.png);
background-size: cover;
border: 2px solid pink;
}
.bui_hold2{display: inline-block;min-width:350px;margin:5px;
background-image: url(../images/brice.png);
background-size: cover;
border: 3px solid yellow;
}
.bui_hold3{display: inline-block;min-width:350px;margin:5px;
background-image: url(../images/south.png);
background-size: cover;
border: 3px solid yellow;
}
.bui_hold4{display: inline-block;min-width:350px;margin:5px;
background-image: url(../images/twins.png);
background-size: cover;
border: 3px solid yellow;
}
.bui_hold5{display: inline-block;min-width:350px;margin:5px;
background-image: url(../images/Olyant.png);
background-size: cover;
border: 3px solid yellow;
}
.bui_hold6{display: inline-block;min-width:350px;margin:5px;
background-image: url(../images/north.png);
background-size: cover;
border: 3px solid yellow;
}
.bui_hold7{display: inline-block;min-width:350px;margin:5px;
background-image: url(../images/lewis.png);
background-size: cover;
border: 3px solid yellow;
}
.bui_hold8{display: inline-block;min-width:350px;margin:5px;
background-image: url(../images/bethel.png);
background-size: cover;
border: 3px solid yellow;
}

.bui_hold9{display: inline-block;min-width:350px;margin:5px;
background-image: url(../images/bethel.png);
background-size: cover;
border: 3px solid yellow;
}







#info_div{border: 3px solid purple;display:table;}


#tttsss{border: 3px solid purple;display:table;}




.bui_name{ 
float:left;text-align: left;
font-weight:bold;
text-transform: uppercase;
font-size:15px !important;
color:#FFF;
padding:2px!important;
border: 1px solid purple;
display:table;
    
}




/*     Geo info        */

.hidcord{
    width:100%;
    display:table;border: 1px solid yellow;
    
    

}

.geo_info{float:right;padding:2px!important;border: 1px solid purple;display:table;white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;}
.geo_dis{float:left;display:table;white-space:nowrap;border: 1px solid green;
overflow:hidden;
text-overflow:ellipsis;}
.geo_time{float:right;display:table;white-space:nowrap;border: 1px solid blue;
overflow:hidden;
text-overflow:ellipsis;}




























.label{font-size:8px;text-align: center;padding:3px;}
.bui_info{color:#FFF;overflow:hidden;position: relative;
display:inline-block;min-height:120px;border: 1px solid blue;}


.dir_addy{color:#FFF;border: 1px solid green;display:table;margin:3px;}



.con_info{ color:#FFF;position: relative;
display:inline-block;margin:2px;width:;border: 1px solid pink;}


.pho_num{color:#FFF;font-size:13px;text-align: center;position: relative;width:100%;
display:inline-block;border: 1px solid green;display:table;white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis; }

.fax_num{color:#FFF;font-size:13px;text-align: center;position: relative;width:100%;
display:inline-block;border: 1px solid green;display:table;white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis; }






.dir_info{  position: relative;color:#FFF;
display:inline-block;margin:2px;width:;border: 1px solid blue;}

.dir_btn{text-align: center;position: relative;width:100%;color:#FFF;
display:inline-block;border: 1px solid green;display:table; }

.str_rew{text-align: center;position: relative;width:100%;color:#FFF;
display:inline-block;border: 1px solid green;display:table; }






.bui_pic{overflow:hidden;position: relative;
display:inline-block;min-height:135px;width:35%;border: 1px solid blue;}



.man_pic{position: relative;min-height:74px;


background-image: url(../images/man1.JPG);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:90px;
width:100%;
display:inline-block;
margin:2px;margin-top:10px;
border: 3px solid red;
}
.man_name{ color:#FFF;text-align: center;width:100%;position: absolute;bottom:0px;
margin:2px;border: 1px solid green;}







  
































#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{border:px solid purple;width:80%;margin:0 auto;
margin-top:10%;
margin-bottom:3%;
text-align:center;
content: "\2605";
display:;/* 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;}

}


@media all and (max-width: 700px) {

#service_wrap{
padding:0;
margin:0;
width:100%;
height:300px;
max-height:300px;
display:table;
background: url(../images/734A5552.jpg) no-repeat center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}	
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:#000;
width:90%;
text-align:center;
font-weight:bold;
font-size:18px;
text-transform:uppercase;
margin-top:2%;
margin-bottom:3%;
padding-left:3%;
}
	
/*     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: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{border:1px 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;text-decoration:none;
font-size:12px;font-weight:600;}
.fax1{width:99%;
border:px solid red;font-size:12px;font-weight:600;}

}