/* desktop*/
@media all and (min-width: 701px) {
#service_wrap{
padding:0;
margin:0;
width:100%;
height:750px;
max-height:750px;
display:table;
background: url(../images/partner_header.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%;
}
#thingstoknow{
border: 2px solid red;
border-radius: 3px;
float:left;
width:30%;
text-transform:uppercase;
font-size:15px;
text-align:center;
line-height:46px;
height:48px;
display:table;
}	
#yourrights{
	border: 2px solid red;
 border-radius: 3px;
display:table;
float:right;
width:30%;
text-transform:uppercase;
font-size:15px;
text-align:center;
line-height:46px;
height:48px;
}
#thingstoknow a{color:#FFF;width:100%;height:100%;display:block;text-decoration:none;}
#yourrights a{color:#FFF;width:100%;height:100%;display:block;text-decoration:none;}
@media screen and (max-width: 400px) {}
#service_top{
margin: 0 auto;
width:60%;
display:table;
margin-bottom:;
}
#service_bottom{
height:49%;
width:100%;
display:table;
margin-bottom:8%;
}
/*      our services      */
#sec3{
width:100%;
display:table;
}
.sec3_header{
padding-top:15px;
text-align:center;
font-weight:bold;
font-weight:22px;
width:100%;
margin-bottom:15px;
height:50px;
line-height:50px;
}
.services_holder{
width:70%;	
text-align:center;
border: px solid purple;
display:table;
margin: 0 auto;
padding-bottom:20px;
}
.service1{
background-image: url(../images/service-page-2.png);
display: inline-block;
margin:5px;
height:189px;
width:189px;
}
.service1:hover{
background-image: url(../images/service_page-large-2.png);
display: inline-block;
margin:5px;
height:218px;
width:218px;
}
.service2{	
background-image: url(../images/service-page-7.png);
height:189px;	
width:189px;
display: inline-block;
margin:5px;
}
.service2:hover{
background-image: url(../images/service_page-large-7.png);
display: inline-block;
margin:5px;
height:218px;
width:218px;
}
.service3{	
background-image: url(../images/service-page-3.png);
height:189px;
width:189px;
display: inline-block;
margin:5px;
}
.service3:hover{
background-image: url(../images/service_page-large-3.png);
display: inline-block;
margin:5px;
height:218px;
width:218px;
}
.service4{
background-image: url(../images/service-page-4.png);	
height:189px;
width:189px;
display: inline-block;
margin:5px;	
}
.service4:hover{
background-image: url(../images/service_page-large-4.png);
display: inline-block;
margin:5px;
height:218px;
width:218px;

}
.service5{	
background-image: url(../images/service-page-8.png);
height:189px;
width:189px;
display: inline-block;	
margin:5px;
}
.service5:hover{
background-image: url(../images/service_page-large-8.png);
display: inline-block;
margin:5px;
height:218px;
width:218px;

}
.service6{	
background-image: url(../images/service-page-1.png);
height:189px;
width:189px;

display: inline-block;	
margin:5px;
}
.service6:hover{
background-image: url(../images/service_page-large-1.png);
display: inline-block;
margin:5px;
height:218px;
width:218px;

}
.service7{	
background-image: url(../images/service-page-6.png);
height:189px;
width:189px;

display: inline-block;	
margin:5px;
}
.service7:hover{
background-image: url(../images/service_page-large-6.png);
display: inline-block;
margin:5px;
height:218px;
width:218px;

}



/*      our services      */
#sec3{

width:100%;
display:table;
}
.sec3_header{
	padding-top:15px;
text-align:center;
font-weight:bold;
font-weight:22px;
width:100%;
margin-bottom:15px;
height:50px;
line-height:50px;
}


#service_details{
	width:100%;

	display:table;
	margin-bottom:80px;overflow: auto;
	}


.details1{
position: relative;
float:left;
height:350px;
width:50%;
background-color:#CCC;display:table;
}

.details_pic{border: px solid green;width:125px;height:125px;}
#secholder{
border: px solid purple;
width:100%;
height:250px;
display:table;

}

.details_holder{
width:90%;
height:80%;
margin: 0 auto;
margin-top:2%;
margin-bottom:2%;
display:table;
}
.details{
position: relative;
height:450px;
width:50%;
float:left;
display:table;

}
.details1{
position: relative;
height:450px;
width:50%;
float:left;
display:table;
background-color:#CCC;


}

h3{width:90%;
margin-left:7%;
font-size:16px;
font-weight:bold;
}
h4{width:100%;
font-size:16px;
font-weight:bold;
}
.details_desc{
width:95%;
display:table;
margin-bottom:5%;
}
.details_li{
width:100%;
display:table;
}
.details_li nav ul{
padding:0;
margin:0;
border: px solid purple;
width:90%;
display:table;

}
.details_li nav li{
display: table-cell;
list-style: none;
}
/* this is the perfce set up for custom icons on LI*/
.details_li > nav li.foot_phone > a{
background-image: url(../images/icon_phone1.png);padding-top:3px;padding-bottom:3px;
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 20px 20px;
padding-left: 30px;
}
.details_li > nav li.foot_app > a{
background-image: url(../images/icon_appt.png);padding-top:3px;padding-bottom:3px;
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 20px 20px;
padding-left: 30px;
}
.details_li nav li a{
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
color:#000;
}

.right3_button{
height:48px;
line-height:48px;
text-decoration:none;
width:235px;
margin: 0 auto;
font-size:15px;
background-color:#ff0000;
color:#FFF;
}
#services_more a{
text-align:center;
text-decoration:none;
color:#FFF;
width:235px;
height:48px;margin: 0 auto;
}
.cert img {
display: block;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%) 
}
#sec2{
height:500px;
background-color:#F00;
widows:100%;
}
}
/* mobile*/
@media all and (max-width: 700px) {

#service_wrap{
padding:0;
margin:0;
width:100%;
height:750px;
max-height:750px;
display:table;
background: url(../images/partner_header.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%;
}
#thingstoknow{
border: 2px solid red;
border-radius: 3px;
float:left;
width:30%;
text-transform:uppercase;
font-size:15px;
text-align:center;
line-height:46px;
height:48px;
display:table;
}	
#yourrights{
	border: 2px solid red;
 border-radius: 3px;
display:table;
float:right;
width:30%;
text-transform:uppercase;
font-size:15px;
text-align:center;
line-height:46px;
height:48px;
}
#thingstoknow a{color:#FFF;width:100%;height:100%;display:block;text-decoration:none;}
#yourrights a{color:#FFF;width:100%;height:100%;display:block;text-decoration:none;}
@media screen and (max-width: 400px) {}
#service_top{
margin: 0 auto;
width:60%;
display:table;
margin-bottom:;
}
#service_bottom{
height:49%;
width:100%;
display:table;
margin-bottom:8%;
}
/*      our services      */
#sec3{
width:100%;
display:table;
}
.sec3_header{
padding-top:15px;
text-align:center;
font-weight:bold;
font-weight:22px;
width:100%;
margin-bottom:15px;
height:50px;
line-height:50px;
}
.services_holder{
width:70%;	
text-align:center;
border: px solid purple;
display:table;
margin: 0 auto;
padding-bottom:20px;
}
.service1{
background-image: url(../images/service-page-2.png);
display: inline-block;
margin:5px;
height:189px;
width:189px;
}
.service1:hover{
background-image: url(../images/service_page-large-2.png);
display: inline-block;
margin:5px;
height:218px;
width:218px;
}
.service2{	
background-image: url(../images/service-page-7.png);
height:189px;	
width:189px;
display: inline-block;
margin:5px;
}
.service2:hover{
background-image: url(../images/service_page-large-7.png);
display: inline-block;
margin:5px;
height:218px;
width:218px;
}
.service3{	
background-image: url(../images/service-page-3.png);
height:189px;
width:189px;
display: inline-block;
margin:5px;
}
.service3:hover{
background-image: url(../images/service_page-large-3.png);
display: inline-block;
margin:5px;
height:218px;
width:218px;
}
.service4{
background-image: url(../images/service-page-4.png);	
height:189px;
width:189px;
display: inline-block;
margin:5px;	
}
.service4:hover{
background-image: url(../images/service_page-large-4.png);
display: inline-block;
margin:5px;
height:218px;
width:218px;

}
.service5{	
background-image: url(../images/service-page-8.png);
height:189px;
width:189px;
display: inline-block;	
margin:5px;
}
.service5:hover{
background-image: url(../images/service_page-large-8.png);
display: inline-block;
margin:5px;
height:218px;
width:218px;

}
.service6{	
background-image: url(../images/service-page-1.png);
height:189px;
width:189px;

display: inline-block;	
margin:5px;
}
.service6:hover{
background-image: url(../images/service_page-large-1.png);
display: inline-block;
margin:5px;
height:218px;
width:218px;

}
.service7{	
background-image: url(../images/service-page-6.png);
height:189px;
width:189px;

display: inline-block;	
margin:5px;
}
.service7:hover{
background-image: url(../images/service_page-large-6.png);
display: inline-block;
margin:5px;
height:218px;
width:218px;

}



/*      our services      */
#sec3{

width:100%;
display:table;
}
.sec3_header{
	padding-top:15px;
text-align:center;
font-weight:bold;
font-weight:22px;
width:100%;
margin-bottom:15px;
height:50px;
line-height:50px;
}


#service_details{
	width:100%;

	display:table;
	margin-bottom:80px;overflow: auto;
	}




.details_pic{border: px solid green;width:125px;height:125px;}
#secholder{
border: px solid purple;
width:100%;
height:250px;
display:table;

}

.details_holder{
width:90%;
height:80%;
margin: 0 auto;
margin-top:2%;
margin-bottom:2%;
display:table;
}
.details{
position: relative;
height:450px;
width:100%;
display:table;

}
.details1{
position: relative;
height:450px;
width:100%;
display:table;

}
.mobgray{
border: px solid purple;
height:100%;
width:100%;

background-color:#CCC;


}
h3{width:90%;
margin-left:7%;
font-size:16px;
font-weight:bold;
}
h4{width:100%;
font-size:16px;
font-weight:bold;
}
.details_desc{
width:90%;
display:table;
margin-bottom:5%;
}
.details_li{
width:100%;
display:table;
}
.details_li nav ul{
padding:0;
margin:0;

width:100%;
display:table;

}
.details_li nav li{
display: table-cell;
list-style: none;font-size:12px;
}
/* this is the perfce set up for custom icons on LI*/
.details_li > nav li.foot_phone > a{
background-image: url(../images/icon_phone1.png);padding-top:3px;padding-bottom:3px;
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 20px 20px;
padding-left: 30px;
}
.details_li > nav li.foot_app > a{
background-image: url(../images/icon_appt.png);padding-top:3px;padding-bottom:3px;
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 20px 20px;
padding-left: 30px;
}
.details_li nav li a{
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
color:#000;
}
.right3_button{
height:48px;
line-height:48px;
text-decoration:none;
width:235px;
margin: 0 auto;
font-size:15px;
background-color:#ff0000;
color:#FFF;
}
#services_more a{
text-align:center;
text-decoration:none;
color:#FFF;
width:235px;
height:48px;margin: 0 auto;
}
.cert img {
display: block;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%) 
}
#sec2{
height:500px;
background-color:#F00;
widows:100%;
}
}