.home_box {width: 30%; float: left; min-height: 1px; padding-left: 10px;  padding-right: 10px; position: relative;}
.home_box_wrapp {width: 100%;}

.services-section-title-margin {margin: 10px 0 0;}
.our-service { margin: 20px 0 0;  text-align: center;}
.services-content {margin: 50px 0 0;}

.service-icon { border: 1px solid #117dc2;  border-radius: 50%;  height: 90px;   margin: 0 auto;  width: 90px; margin-bottom:20px;}

.services-hover-effect:hover > .service-icon {border: 1px solid #117dc2; background-color:#117dc2;  }

.solutions-icon {  background-image: url("../images/solutions.png"); background-position: center center; background-repeat: no-repeat;}

.warehousing-icon {background-image: url("../images/warehousing.png");  background-position: center center;  background-repeat: no-repeat;}
.distribution-icon {background-image: url("../images/distribution.png"); background-position: center center; background-repeat: no-repeat;}




.service-text-area h2 {font-family: 'Open Sans', sans-serif; color: #4f4f4f;  font-size: 18px;  font-weight: 900;  margin: 10px 0px 5px 0;  text-align: center;  text-transform: uppercase;}

.service-text-area p {color: #444444; font-family: 'Open Sans', sans-serif; font-size: 14px;  font-weight: 400;  line-height: 22px;  margin: 10px 0  10px 0;  text-align: center; min-height:90px;}

.services-hover-effect:hover > .solutions-icon {
    background-image: url("../images/solutions1.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.services-hover-effect:hover > .warehousing-icon {
    background-image: url("../images/warehousing1.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.services-hover-effect:hover > .distribution-icon {
    background-image: url("../images/distribution1.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.services-hover-effect:hover > .service-text-area h2 {
    color: #117dc2;
}

.service-text-area .bin{font-size:12px;}
.services-hover-effect:hover > .service-text-area .inno-btn { background-color: #117dc2;  color: #fff; transition: all 0.4s ease 0s; font-size:14px;}







.inno-btn {background-color: #5f6266; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; margin: 25px 0 0; border-radius: 6px;line-height: 1.33; padding: 10px 16px;	  cursor: pointer; display: inline-block; text-align: center;  vertical-align: middle; white-space: nowrap;}
 
 
 
 



 
 
 
 
 
 
 
 
 
 
 
 
 #homeSlider {font-weight: bold; width: 100%;}
.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {background: #FFF;}
.rsDefaultInv .rsThumb.rsNavSelected { background: #fff;  color: #000;}
#homeSlider .example-link {padding: 5px 12px 6px; color: #FFF; background: #FFF; position: absolute; color: #BB0202; right: 12px; bottom: 12px; text-decoration: none; font-weight: normal;}
#homeSlider > .rsContent {height: auto;}

.royalSlider > .rsContent h1, .royalSlider > .rsContent h2, .royalSlider > .rsContent img,
.royalSlider > .rsContent .example-link {display: none;}

#homeSlider .example-link:hover {text-decoration: none; background: #C00; color: #FFF;}
.rsWebkit3d .example-link {-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0);}
#homeSlider .rsTmb {text-align: center; margin-top: 11px; font-weight: bold;}

.rsSlideTitle {font-size: 30px; color: #FFF; font-weight: normal; margin: 0; line-height: 21px;font-family: 'Open Sans', sans-serif;}
.rsFirstSlideTitle {left: 12%; top: 60%; font-size:35px; text-transform: uppercase;  padding: 20px; background: #262626; background: rgba(38,38,38,0.8);font-family: 'Open Sans', sans-serif;}
.rsSecondSlideTitle {left: 12%; top: 72%; font-size: 25px;  padding: 20px; background: #015382; background: rgba(1,83,130,0.8);  color: #000;text-align:left;font-family: 'Open Sans', sans-serif;}

.rsSlideTitle h1{ border:none !important;}


@media screen and (min-width: 0px) and (max-width: 960px) {
.royalSlider { height: 500px !important; }
.rsSlideTitle {font-size: 30px; color: #FFF; font-weight: normal; margin: 0; line-height: 25px;font-family: 'Open Sans', sans-serif;}
.rsFirstSlideTitle {left: 8%; top: 25%; font-size: 25px; text-transform: uppercase;  padding: 20px; background: #262626; background: rgba(38,38,38,0.8);font-family: 'Open Sans', sans-serif;}
.rsSecondSlideTitle {left: 8%; top: 46%; font-size: 20px;  padding: 20px; background: #015382; background: rgba(1,83,130,0.8);  color: #000;text-align:left !important;font-family: 'Open Sans', sans-serif;}
}
  @media screen and (min-width: 0px) and (max-width: 500px) {
  .royalSlider { height: 300px !important; }
.rsSlideTitle {font-size:25px; color: #FFF; font-weight: normal; margin: 0; line-height: 25px;font-family: 'Open Sans', sans-serif;}
.rsFirstSlideTitle {left: 4%; top: 10% !important; font-size: 25px; text-transform: uppercase;  padding: 20px; background: #262626; background: rgba(38,38,38,0.8);font-family: 'Open Sans', sans-serif;}
.rsSecondSlideTitle {left: 4%; top:45% !important; font-size: 20px;  padding: 20px; background: #015382; background: rgba(1,83,130,0.8);  color: #000; text-align:left !important;font-family: 'Open Sans', sans-serif;}
 }