.slotA {
margin:0;
padding:0;
float:left;
width:25%;
min-width:200px;
height:240px;
background-size:100%;
text-indent:-9999px;
background-position:center !important;
background-repeat:no-repeat;
background-image:url(images/home/request-service_r.jpg);
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
}
.slotA a {
margin:0;
padding:0;
display: block;
height:240px;
background-size: 100%;
background-repeat:no-repeat;
background-position:center !important;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background-image:url(images/home/request-service.jpg);
background-size:			cover;
-moz-background-size:		cover;
-webkit-background-size:  	cover;
}
.slotA a:hover,
.slotA a:focus {
opacity:0;
}

.slotB {
margin:0;
padding:0;
float:left;
width:25%;
min-width:200px;
height:240px;
background-size:100%;
text-indent:-9999px;
background-position:center !important;
background-repeat:no-repeat;
background-image:url(images/home/How-We-Can-Help_r.jpg);
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
}
.slotB a {
margin:0;
padding:0;
display: block;
height:240px;
background-size: 100%;
background-repeat:no-repeat;
background-position:center !important;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background-image:url(images/home/How-We-Can-Help.jpg);
background-size:			cover;
-moz-background-size:		cover;
-webkit-background-size:  	cover;
}
.slotB a:hover,
.slotB a:focus {
opacity:0;
}

.slotC {
margin:0;
padding:0;
float:left;
width:25%;
min-width:200px;
height:240px;
background-size:100%;
text-indent:-9999px;
background-position:center !important;
background-repeat:no-repeat;
background-image:url(images/home/Our-Locations_r.jpg);
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
}
.slotC a {
margin:0;
padding:0;
display: block;
height:240px;
background-size: 100%;
background-repeat:no-repeat;
background-position:center !important;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background-image:url(images/home/Our-Locations.jpg);
background-size:			cover;
-moz-background-size:		cover;
-webkit-background-size:  	cover;
}
.slotC a:hover,
.slotC a:focus {
opacity:0;
}

.slotD {
margin:0;
padding:0;
float:left;
width:25%;
min-width:200px;
height:240px;
background-size:100%;
text-indent:-9999px;
background-position:center !important;
background-repeat:no-repeat;
background-image:url(images/home/Join-Our-Team_r.jpg);
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
}
.slotD a {
margin:0;
padding:0;
display: block;
height:240px;
background-size: 100%;
background-repeat:no-repeat;
background-position:center !important;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background-image:url(images/home/Join-Our-Team.jpg);
background-size:			cover;
-moz-background-size:		cover;
-webkit-background-size:  	cover;
}
.slotD a:hover,
.slotD a:focus {
opacity:0;
}
/* #Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container { width: 768px; }

.slotA {
padding:0;
margin:0px;
width:50%;
height:240px;
overflow:hidden;
}
.slotB {
padding:0;
margin:0px;
width:50%;
height:240px;
overflow:hidden;
}
.slotC {
padding:0;
margin:0px;
width:50%;
height:240px;
overflow:hidden;
}
.slotD {
padding:0;
margin:0px;
width:50%;
height:240px;
overflow:hidden;
}

}
/* #Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 420px; }
.slotA  {
padding:0;
margin:0px;
width:100%;
height:240px;
overflow:hidden;
}
.slotB  {
padding:0;
margin:0px;
width:100%;
height:240px;
overflow:hidden;
}
.slotC  {
padding:0;
margin:0px;
width:100%;
height:240px;
overflow:hidden;
}
.slotD  {
padding:0;
margin:0px;
width:100%;
height:240px;
overflow:hidden;
}
}
/*  #Mobile (Portrait)
================================================== th   co   cs   gs*/
@media only screen and (max-width: 767px) {
.container { width: 300px; }
.slotA  {
padding:0;
margin:0px;
width:100%;
height:240px;
overflow:hidden;
}
.slotB  {
padding:0;
margin:0px;
width:100%;
height:240px;
overflow:hidden;
}
.slotC  {
padding:0;
margin:0px;
width:100%;
height:240px;
overflow:hidden;
}
.slotD  {
padding:0;
margin:0px;
width:100%;
height:240px;
overflow:hidden;
}
}