#e-services-top{width: 100%;padding: 30px 350px;margin-bottom: 50px;}
#e-services-top h2{font-size: 28px;text-align: center;}

#e-services-types-content{position: relative;/*height: 350px;*/}
.e-services-type{height: 280px;overflow: hidden;margin-bottom: 30px;}
.e-services-type span{display: block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.e-services-type-img img{width: 120px;height: 120px;display: block;margin: auto;margin-bottom: 20px;}
.e-services-type-title{padding-left: 70px;padding-right: 70px;}
.e-services-type-title h3{color: #ffffff;font-family: "roboto_condensedbold";font-size: 18px;text-align: center;margin-bottom: 20px;}
.e-services-type-desc{padding-left: 50px;padding-right: 50px;}
#e-services-2{padding: 0px 250px;}
#e-services-r1, #e-services-r2,#e-services-r3{margin-bottom: 35px;height: 350px;}
#e-services-r3{margin-bottom: 0px;}
/*#e-services-types-content{width: 340px;height: 620px;overflow: auto;position: relative;}
#e-services-types-content ul{overflow: hidden;}
#e-services-types-content img{max-width: 100%;height: auto;}*/
.mCSB_scrollTools{visibility: hidden;}

.e-services-type-img{transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;}
.e-services-type-title{transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;}
.e-services-type-desc{transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;}
.e-services-type:hover .e-services-type-img{transform:translateY(-120px);-webkit-transform:translateY(-120px);-moz-transform:translateY(-120px);-ms-transform:translateY(-120px);-o-transform:translateY(-120px);}
.e-services-type:hover .e-services-type-title{transform:translateY(-90px);-webkit-transform:translateY(-90px);-moz-transform:translateY(-90px);-ms-transform:translateY(-90px);-o-transform:translateY(-90px);}
.e-services-type:hover .e-services-type-desc{transform:translateY(-70px);-webkit-transform:translateY(-70px);-moz-transform:translateY(-70px);-ms-transform:translateY(-70px);-o-transform:translateY(-70px);}

/* mobile device */
#e-services-types-content.mobile-browser{overflow: visible;height: auto;}
.mobile-browser .e-services-type{overflow: visible;height: auto;}
.mobile-browser .e-services-type-img,.mobile-browser .e-services-type-title,.mobile-browser .e-services-type-desc,.mobile-browser .e-services-type:hover .e-services-type-img, .mobile-browser .e-services-type:hover .e-services-type-title, .mobile-browser .e-services-type:hover .e-services-type-desc{transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;height: auto;overflow: visible;}
.mobile-browser #e-services-r1,.mobile-browser #e-services-r2,.mobile-browser #e-services-r3{height: auto;}


@media screen and (max-width: 768px){
#e-services-top{padding: 20px;}
.e-services-type span{display: block;}
.e-services-type-img,.e-services-type-title,.e-services-type-desc,.e-services-type:hover .e-services-type-img, .e-services-type:hover .e-services-type-title, .e-services-type:hover .e-services-type-desc{transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;height: auto;overflow: visible;}
#e-services-r1, #e-services-r2,#e-services-r3{height: auto;}
#e-services-2{padding: 0px;}
}
@media screen and (min-width: 769px){
#e-services-top{padding-left: 90px;padding-right: 90px;}
#e-services-2{padding: 50px;}
#e-services-types-content,#e-services-r1, #e-services-r2, #e-services-r3{height: 280px;}
#e-services-types-content{height: auto;}

.e-services-type-img{transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;}
.e-services-type-title{transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;}
.e-services-type-desc{transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;}
.e-services-type:hover .e-services-type-img{transform:translateY(-150px);-webkit-transform:translateY(-150px);-moz-transform:translateY(-150px);-ms-transform:translateY(-150px);-o-transform:translateY(-150px);}
.e-services-type:hover .e-services-type-title{transform:translateY(-145px);-webkit-transform:translateY(-145px);-moz-transform:translateY(-145px);-ms-transform:translateY(-145px);-o-transform:translateY(-145px);}
.e-services-type:hover .e-services-type-desc{transform:translateY(-152px);-webkit-transform:translateY(-152px);-moz-transform:translateY(-152px);-ms-transform:translateY(-152px);-o-transform:translateY(-152px);}
}
@media screen and (min-width: 1025px){
#e-services-top{padding-left: 150px;padding-right: 150px;}
.e-services-type-desc{padding-left: 25px;padding-right: 25px;}
.e-services-type:hover .e-services-type-title{transform:translateY(-130px);-webkit-transform:translateY(-130px);-moz-transform:translateY(-130px);-ms-transform:translateY(-130px);-o-transform:translateY(-130px);}
.e-services-type:hover .e-services-type-desc{transform:translateY(-130px);-webkit-transform:translateY(-130px);-moz-transform:translateY(-130px);-ms-transform:translateY(-130px);-o-transform:translateY(-130px);}
}
@media screen and (min-width: 1281px){
#e-services-top{width: 100%;padding: 30px 240px;margin-bottom: 50px;}
#e-services-top h2{font-size: 28px;text-align: center;}

#e-services-types-content{overflow: auto;position: relative;/*height: 350px;*/}
.e-services-type{height: 280px;overflow: hidden;margin-bottom: 30px;}
.e-services-type span{display: block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.e-services-type-img img{width: 120px;height: 120px;display: block;margin: auto;margin-bottom: 20px;}
.e-services-type-title{padding-left: 70px;padding-right: 70px;}
.e-services-type-title h3{color: #ffffff;font-family: "roboto_condensedbold";font-size: 18px;text-align: center;margin-bottom: 20px;}
.e-services-type-desc{padding-left: 50px;padding-right: 50px;}
#e-services-2{padding: 0px 250px;}
#e-services-r1, #e-services-r2,#e-services-r3{margin-bottom: 35px;height: 350px;}
#e-services-r3{margin-bottom: 0px;}
/*#e-services-types-content{width: 340px;height: 620px;overflow: auto;position: relative;}
#e-services-types-content ul{overflow: hidden;}
#e-services-types-content img{max-width: 100%;height: auto;}*/
.mCSB_scrollTools{visibility: hidden;}

.e-services-type-img{transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;}
.e-services-type-title{transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;}
.e-services-type-desc{transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;}
.e-services-type:hover .e-services-type-img{transform:translateY(-120px);-webkit-transform:translateY(-120px);-moz-transform:translateY(-120px);-ms-transform:translateY(-120px);-o-transform:translateY(-120px);}
.e-services-type:hover .e-services-type-title{transform:translateY(-90px);-webkit-transform:translateY(-90px);-moz-transform:translateY(-90px);-ms-transform:translateY(-90px);-o-transform:translateY(-90px);}
.e-services-type:hover .e-services-type-desc{transform:translateY(-70px);-webkit-transform:translateY(-70px);-moz-transform:translateY(-70px);-ms-transform:translateY(-70px);-o-transform:translateY(-70px);}
}