@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900');
html, body{ display:block !important; padding:0px; margin:0px; position:relative; font-family: 'Source Sans Pro', sans-serif;}
a:hover, a:active, a:focus, a{ text-decoration: none; outline: none;}
p{font-size: 17px; line-height: 30px;}  
input{outline: none;}
button{ outline: none;}
h1, h2, h3, h4, h5, h6{color: #282828;}
.container{ max-width: 1366px; width: 100%;}
.whitebg{ background-color: #fff !important;}
.headingsize{ font-size: 46px !important;}
.slideheight{ min-height: 600px !important;}

.top-header{ padding:0px; margin:0px; position:absolute; top:0px; left:0px; right:0px; max-height:100px; z-index:2000;  }
.top-header section{ display:block; height:100%;}
.logo-wraper{ max-width:270px; float:left; position:relative;padding-top: 10px;}
.logo-wraper a{ display: block;}
.logo-wraper img{ width:100%;max-width: 220px; }
.nav-wraper{ float:right; height:100px; display:block; }
.nav-bar{ margin:auto; height:100%; }
.nav-wraper .nav-bar > ul{ list-style-type:none; height:100%; display:block; padding:0px; margin:0px;  }
.nav-wraper .nav-bar > ul > li{ height:100%; padding-top: 35px; float:left; display:block; position: relative;border-bottom: 2px solid transparent;}
.nav-wraper .nav-bar > ul > li a{  padding:6px 15px; color:#333; font-size:16px; text-transform:uppercase;font-weight: 600; display: block;}
.nav-wraper .nav-bar ul li a:focus, .nav-wraper .nav-bar ul li a:active{color:#009db3;}
.nav-wraper .nav-bar > ul > li.appointment-btn a{ border:1px solid #009db3; color:#009db3;}
.nav-wraper .nav-bar > ul > li.appointment-btn a:hover, .nav-wraper .nav-bar ul li.appointment-btn a:focus, .nav-wraper .nav-bar ul li.appointment-btn a:active{ background-color: #009db3; color:#fff;}
.mobileNav{ display: none;}
.nav-wraper .nav-bar > ul > li ul{display: none; position: absolute; top: 102%; left: 0px;background-color: rgba(76,158,217,.95); 
list-style-type: none; margin: 0px; padding: 0px; width: 240px;  color: #fff; } 

.nav-wraper .nav-bar > ul > li:hover{ background-color: #4e88b8; border-bottom: 2px solid #1e455e;} 
.nav-wraper .nav-bar > ul > li:hover > a{ color: #fff;}
.nav-wraper .nav-bar > ul > li > ul li{ border-bottom: 1px solid rgba(255,255,255,.1);} 
.nav-wraper .nav-bar > ul > li > ul li  a{ color: #fff !important; font-size: 15px;padding: 10px 15px;}
.nav-wraper .nav-bar > ul > li > ul li:hover{ background-color: #fff;}
.nav-wraper .nav-bar > ul > li > ul li:hover a{ color: #4e88b8 !important;}
.nav-wraper .nav-bar > ul > li:hover ul{ display: block;}
.header-inner{ position: relative; display: block; width: 100%; background-color: #fff;height: 100px;border-bottom: 1px solid #ccc;}

footer{ width: 100%; display: block; background-image: url("../images/footer-img.jpg"); background-position: center bottom; background-repeat: no-repeat; 
background-size: cover;  padding: 80px 0px;}
.findus{ float: left; display: block; width: 100%;}
.findus h3{ margin-top: 0px; color: #fff; font-weight:400;font-size: 32px;}
.findus > h3:after {margin-top: 10px; height: 1px; display: block; width: 208px; background: rgba(255,255,255,.2); border-bottom: 1px white; content: '';}
.footerAddress{ float: left; display: block; width: 100%;margin-top: 25px;}
.footerAddress h3{ font-size: 22px; margin-bottom: 30px; font-weight: 400;}
.footerAddress ul{margin: 0px; padding: 0px; display: block; float: left; width: 100%; list-style: none;}
.footerAddress ul li{margin: 0px; padding: 0px; float: left; display: block; width: 100%; position: relative; color: rgba(255,255,255,.6); 
line-height: 26px; font-size: 16px;}
.footerAddress ul li:first-child{padding-left: 50px; margin-bottom:30px;}
.footerAddress ul li > span, .footerAddress ul li .phone >span, .footerAddress ul li .callnum >span{ display: inline-flex; position: absolute; 
left: 0px; top: 0px; width: 35px; height: 35px; border-radius: 50%; border: 1px solid rgba(255,255,255,.6)}
.footerAddress ul li span i{ margin: auto; color: #fff; font-size: 16px;}
.phone, .callnum{ float: left; width:50%; display: block; position: relative; padding-left: 50px;}

.getintouch{ display: block; width: 100%; float: left;}
.getintouch h3{ margin-top: 0px; color: #fff; font-weight: 400; margin-bottom: 30px;font-size: 32px;}
.getintouch p{ color: #fff;font-weight: 400;}
.getintouch form{ margin-top: 20px;float: left;display: block;width: 100%;}
.firstcol{ padding-left: 0px !important;}
.getintouch .form-control{ border: 0px; background-color: transparent; border-radius: 0px; border-bottom: 1px solid rgba(255,255,255,.2); height: 32px; 
padding: 6px 0px;box-shadow: inset 0 1px 1px transparent;font-size: 16px; color: #fff;}
.getintouch textarea{ height: 50px !important;}
.conbtn{border-radius: 0px !important; padding:4px 12px !important; background-color: #fff !important;border-color: #fff !important; color: #282828 !important; font-weight: 700 !important;}
.getintouch .form-group{ margin-bottom: 20px;}
.lastgroup{ margin-bottom: 0px !important;}
 
.footer{ display: block; width: 100%; padding: 5px 0px;}
.footerleft{ float: left; display: block; width: 100%;}
.footerright{ float: left; display: block; width: 100%;}
.footerlogo{ display: inline-block; float: left; margin-right: 10px;}
.footerleft p{display: inline-block; font-size: 14px; padding-top: 10px;}

.footerright ul{ margin: 0px; padding: 0px; float: right; list-style: none; display: inline-flex; height: 48px; vertical-align: middle;}
.footerright ul li{ margin: auto; padding: 0px; float: left; list-style: none; display: inline-block;}
.footerright ul li a{ display: block;  color: #282828;  font-size: 14px; padding: 0px 8px;}
.footerright ul li:last-child a{ padding-right: 0px;}


/*@@@@@@@_----*/
.ourApproach{background-image: url("../images/our-approach.jpg"); min-height: 100px !important;background-attachment: fixed;
background-size: cover;width: 100%;background-repeat: no-repeat;background-size: 100% 100%;}
.ourApproach .title{ padding: 100px 0px;}
.ourApproach h3{ margin-top: 0px; color: #fff; font-weight: 700; text-align: center; text-transform: uppercase;}
.ourApproach h3 span{ font-weight: 300;}
.ourApproach p{ color: #fff; text-align: center; max-width: 800px; margin: 0px auto;font-size: 20px;}

.ppcbenefit{ background-color: #fff !important;}
.ppcbenefit h3, .ppcbenefit p, .ppcbenefit h4{ color: #282828 !important;}

/*@@@@@@@@--About -page@@@@@@@@@@@@@@*/
.aboutPage{ padding: 50px 0px; width: 100%;}
.aboutPage h3{ margin: 0px;  text-transform: uppercase; border-bottom: 2px solid #f3f3f3;font-weight: 600;}
.aboutPage h3 span{ display: inline-block;background-color: #f1f1f1;padding: 10px 10px;}
.aboutContent{ float: left; display: block; width: 100%; }
.aboutContent::before{height: 100px; float: right; display: block; width: 0px;border-right: 2px solid #f3f3f3; content: '';}


.leftAbout{ float: left; width: 35%; display: block;padding: 70px 0px; position: relative;background-color: #025067; margin-top: 50px;}
.leftAbout h1{text-align: center; margin: 0px;font-size: 80px;font-weight: 700;color: rgba(0,0,0,.1); line-height: 100px;}
.leftoverlay{position: absolute;   top: 0px; left: 0px; right: 0px; bottom: 0px; color: #fff;padding: 55px 30px 55px 30px;}
.leftoverlay h3{ margin-top: 0px; border: 0px; margin-bottom: 20px;text-transform: unset;}
.leftoverlay h4{line-height: 30px;font-weight: 300;}
.leftoverlay p{ color: rgba(255,255,255,.5);}

.rightAbout{ float: left; width: 65%; display: block; padding: 20px 20px 20px 40px; font-weight: 300; }
.rightAbout h3{color: #025067; border: 0px; text-transform: unset;line-height: 34px;font-weight: 300; margin-bottom: 20px;margin-top: -60px;}
.rightAbout p{color: #797979;}

.aboutInro{width: 100%; float: left; display: block;}
.seoIntro{width: 100%; float: left; display: block;padding-top: 50px;}
/*@_sachin sir*/
.seoLeft{float: left; width: 50%;display: block;padding-top: 200px;}
.seoLeft h3{ margin: 0px;  border: 0px; text-transform: unset;color: #fff;font-weight: 700;}
.seoLeft h3 > span{background-color: #025067; padding: 10px 45px;; display: inline-block;width: auto;}
.seoLeft h4{font-weight: 600;padding-left: 45px;font-size: 24px;margin-top: 135px;font-weight: 700; margin-bottom: 5px;}
.seoLeft >p { padding-left: 45px;color: #797979;font-size: 18px;}
.sname{ float: left; display: block; width: 100%; position: absolute;z-index: 999;max-width: 630px;left: 15px;}
.sname span{ font-size: 80px; color: #fff; background-color: #87c057; display: block; float: left; width: 100%; padding: 0px 45px;font-weight: 700;}
.lcorner{border-right: 60px solid transparent;border-left: 2px solid transparent;border-top: 35px solid #e8e8e8;z-index: 99999; 
display: block;padding: 0px !important;width: 5px !important;background-color:  transparent !important; float: right !important;}


.seoRight{float: left; width: 50%;display: block; position: relative; overflow: hidden;}
.seoRight span{border-right: 60px solid transparent;
border-left: 2px solid transparent;
border-top: 36px solid rgba(255,255,255,.7);
position: absolute;
left: -2px;
top: 361px;z-index: 99999;display: block; }

/*@_rohit sir*/
.webintro{ padding-top: 70px;}
.rleft{ float: right; width: 50%; overflow: hidden; display: block; position: relative;}


.rright{ float: right; display: block; width: 50%; padding-top: 200px;}
.rright  h3{ margin: 0px;  border: 0px; text-transform: unset;color: #fff;font-weight: 700;}
.rright h3 > span{background-color: #87c057; padding: 10px 45px; display: inline-block;width: auto;}
.rright h4{font-weight: 600;padding-left: 45px;font-size: 24px;margin-top: 135px;font-weight: 700; margin-bottom: 5px;}
.rright >p { padding-left: 45px; color: #797979;font-size: 18px;}
.rname{ float: left; display: block; width: 100%; position: absolute;z-index: 999;max-width: 645px;right: 0px;}
.rname > span{ font-size: 80px; color: #fff; background-color: #025067; display: block; float: left; width: 100%; padding: 0px 100px;font-weight: 700;}
.rcorner{border-left: 60px solid transparent;
border-right: 2px solid transparent;
border-top: 35px solid #e8e8e8;z-index: 99999; display: block;padding: 0px !important;width: 5px !important;background-color:  transparent !important;padding: 0px;}

.aboutneticode{ display: block; width: 100%; float: left;color: #797979; padding-top: 50px;}
.aboutneticode p{color: #797979;}
.aboutneticode p b{ font-weight: 600;}

.contactPage{  width: 100%; display: block; background-color: #304753; clear: both; padding: 80px 0px;}
.contactPage h3{ margin-top: 0px; color: #fff;margin-bottom: 20px;}
.contactPage h3::after{margin-top: 15px;height: 1px;display: block;width: 50px;border-bottom: 2px solid rgba(255,255,255,.2);content: '';}
.contactPage p{color: rgba(255,255,255,.7);}
.emailus{ color: #fff !important;}
.conform{ float: left; width: 100%; display: block;}
.conform .cform{ display: block; width: 100%; max-width: 600px; background-color: #fff;margin: 0px auto;text-align: center; position: relative;}
.cform form{ float: left; display: block; width: 100%; background-color: #fff;padding-bottom: 30px; max-width: 600px;
position: absolute;padding-top: 15px;
z-index: 999;
left: 0px;}
.cform form .form-control{ border-radius: 0px;}
.cform h4{ text-align: left; color: #282828;text-align: left;
color: #282828;
margin: 0px;
padding: 30px 10px 20px 15px;
font-weight: 600;}
.error{border-bottom: 1px solid #fc0315 !important;} 
.conbtn{margin-top: 20px;border-radius: 0px; background-color: #4e88b8 !important; border-color: #4e88b8 !important; text-transform: uppercase ; color: #fff !important; float: right;}

.contactmap{display: block; width: 100%;}
.conmap{ height: 450px !important;}


/*@@@@@@@@@@@@@@_----Ecommerce Solutions page--@@@@@@@@@@@@@@@*/
.ecommerceslide{ width: 100%; display: block;  background-color: #bdae73;position: relative; min-height: 400px !important;}
.ecomimg{float: left;width: 100%;background-repeat: no-repeat;background-size: cover;min-height: 400px; background-repeat: no-repeat; background-size: cover;  
background-image: url("../images/ecomimg.png"); background-position: center bottom;}
.ecomslide{ float: left; width: 100%;max-width: 510px;float: right;padding-top: 144px;}
.ecommerceslide h1{color: #fff;font-size: 44px;font-weight: 600; margin-top: 0px;}
.ecommerceslide h1 span{ display: block; font-weight: 300;}

.costEffect{ padding: 50px 0px; display: block; width: 100%;}
.costEffectInfo{ float: left; width: 100%; display: block;}
.costEffectImg{ float: left; width: 100%; display: block; overflow: hidden;}
.costEffectImg img{ width: 100%;}
.costEffectInfo{ float: left; display: block; width: 100%;}
.costEffectInfo h3{ margin-top: 0px;font-weight: 600; margin-bottom: 30px;font-size: 34px;}
.costEffectInfo p{color:#737373;line-height: 32px;font-size: 18px;}  

.ecomSoltion{ width: 100%; display: block; padding: 80px 0px; background-image: url("../images/e-commerce-solutions.jpg"); background-position: center bottom; 
background-repeat: no-repeat; background-size: cover; min-height: 500px;}
.ecomSoltion h3{color: #fff; margin-top: 0px; margin-bottom:30px;font-weight: 600;font-size: 34px;}
.ecomSoltion ul{ margin: 0px; padding: 0px; width: 100%; float: left; display: block;}
.ecomSoltion ul li{ width: 100%; float: left; padding: 0px; margin: 0px; position: relative; padding-left: 30px; color: rgba(255,255,255,.5); 
line-height: 36px; margin-bottom: 15px;font-size: 18px;}
.ecomSoltion ul li span{ position: absolute; left: 0px; top: 0px; display: inline-block;}
.ecomSoltion ul li span i{ color: #fff; font-size: 8px;}
.ecomSoltion ul li:last-child{ margin-bottom: 0px;}

.what-can-do{ display: block; width: 100%; padding: 50px 0px;}
.what-can-do h3{ margin-top: 0px; margin-bottom: 30px; color: #fff; color: #282828;font-weight: 600; font-size: 34px;}
.what-can-do ul{ margin: 0px; padding: 0px;  width: 100%; float: left; display: block;}
.what-can-do ul li{ float: left; display: block; margin: 0px; padding: 0px; position: relative; padding-left: 30px; line-height: 36px; 
font-size: 18px; margin-bottom: 10px;}
.what-can-do ul li span{ position: absolute; left: 0px; top: 0px; display: inline-block;}
.what-can-do ul li span i{ color: #737373; font-size: 10px;}
.what-can-do ul li:last-child{ margin-bottom: 0px;}

.ecomSubscription{display: block; width: 100%; padding: 50px 0px; background-color: #f1f1f1;}
.ecomSubscription h3{ margin-top: 0px; margin-bottom: 30px; color: #282828; font-weight: 600; font-size: 34px;}
.subscription{ float: left; display: block; background-color: #fff; padding: 20px 0px; width: 100%;margin: 0px auto;text-align: center;}
.subscription h4{ margin: 0px; text-align: center; text-transform: uppercase; padding-bottom: 15px;}
.subscription span{ display: block; width: 100%; float: left; padding: 15px 0px; text-align: center; background-color: #e5e5e5; font-size: 20px;}
.subscription span b{ font-size: 30px;}
.subscription ul{ margin: 0px; padding: 0px; width: 100%; float: left; display: block;}
.subscription ul li{ padding: 10px 0px; margin: 0px; width: 100%; float: left; display: block; text-align: center;font-size: 17px;}
.subscription .start{ display: inline-block; color: #fff; text-transform: uppercase; text-transform: uppercase; background-color: #025067; line-height: 14px;
font-size: 14px;padding: 8px 20px; margin-top: 10px; border: 1px solid #025067;}
.subscription .start:hover{ background-color: #fff; color:#025067;}

#contactMsg{display: block;width: 100%;text-align: center;background-color: #3c863a;}
#contactMsg p{ margin-bottom: 0px;}
#contactMsg .msgError{ background-color: #fc0315;}

/*-----Small Business Page---*/
.smallbusinessslide{ background-color: #609f6d; min-height: 400px !important;}
.smallbusinessimg{background-image: url("../images/small-business-banner.png");  background-repeat: no-repeat; background-position: center bottom; min-height: 400px; }
.smallbusinessslide h1{font-weight: 600;color: #fff;font-size: 48px;padding-top: 142px;}
.smallbusinessslide h1 span{ display: block;font-weight: 300;font-size: 42px;}
.whySmallBusiness{ width: 100%; padding: 50px 0px;}
.whySmallBusiness h3{ margin-top: 0px; margin-bottom: 30px;font-weight: 600;font-size: 34px;}
.whySmallBusiness p{ line-height: 32px;font-size: 18px; color: #737373;}
.factorSmallBusiness{  width: 100%; padding: 80px 0px; background-image: url("../images/important-factor.jpg"); background-repeat: no-repeat; 
background-size: cover;background-position: center bottom;min-height: 500px;}
.factorSmallBusiness h3{margin-top: 0px; color: #fff;margin-bottom: 30px;font-weight: 600;font-size: 28px;line-height: 38px;}
.factorSmallBusiness p{ color: rgba(255,255,255,.6);line-height: 38px; margin-bottom: 0px;font-size: 18px;}
.what-neticode-can-do{ display: block; width: 100%; padding: 50px 0px;}
.what-neticode-can-do h3{ margin-top: 0px; margin-bottom: 30px;font-weight: 600;font-size: 28px;}
.what-neticode-can-do ul{ margin: 0px; padding: 0px; display: block; width: 100%; float: left;}
.what-neticode-can-do ul li{margin: 0px; padding: 0px; display: block; width: 100%; float: left; position: relative; padding-left: 30px; margin-bottom: 15px; line-height: 32px; font-size: 18px;}
.what-neticode-can-do ul li span{ position: absolute; left: 0px; top: 0px;}
.what-neticode-can-do ul li span i{font-size: 8px; color: #797979;}

.corporateSlide{background-color:#004679; min-height: 400px !important}
.corporateSlide h1{font-weight: 600;color: #fff;margin-top: 0px;padding-top: 200px;padding-left: 50px;font-size: 44px;}
.corporateSlide h1 span{ display: block;font-weight: 300;font-size: 38px;}

.corporateContent{ width: 100%; display: block; padding: 50px 0px;}
.corporateContent h3{margin-top: 0px;margin-bottom: 30px;font-weight: 600;font-size: 28px;}
.corporateContent p{ color: #797979; line-height: 34px;font-size: 18px;}
.corpSolutions{background-image: url("../images/Corporate-solutions.jpg");}
.corporateimg{background-repeat: no-repeat;background-position: center center; min-height: 400px; background-image: url("../images/corporateimg.png");}

.b2bSlide{ background-image: url("../images/b2bslide.jpg"); background-position: center bottom; background-repeat: no-repeat; position: relative;  min-height: 450px !important;}
.b2bSlide h1{ position: absolute; right: 200px; color: #fff;top: 225px;font-size: 44px;}
.b2bSlide h1 span{ display: block; font-weight: 300; font-size: 40px;}
.b2bSolutions{ background-image: url("../images/b2b-slide.jpg");}
.b2bSolutions p{ color: #fff;}
.b2bSolutions ul{ padding-left: 20px;margin-bottom: 20px;}
.b2b2ul{ margin-bottom: 20px;}

@media (max-width:1366px){
.container{ max-width: 1170px; width: 100%;}
.ppcbanner, .ecommerceslide, .slideheight{ min-height: 429px !important;}
.headingsize { font-size: 40px !important;} 
.webdesignbanner{ background-position: center bottom;}
}
@media (max-width:1024px){
.leftAbout{padding: 100px 0px;}
.sname {max-width: 546px;}
.sname span{padding: 0px 30px;}
.rname > span{padding:0px; padding-left: 100px;}
.rname{max-width: 560px;}
.ecomslide{max-width: 100%;padding-top: 150px;text-align: center;}

.corporateContent p, .corporateContent h3{ padding: 0px 10px;}
.smallbusinessslide h3{ padding-left: 10px;}
}


@media (max-width:768px){
.nav-wrap ul li ul{ position: relative !important;}
.mobileNav{ display: block; margin: auto; border: 1px solid #ccc;padding: 2px 7px;}
.mobileNav i{ font-size: 22px;}
.nav-bar{display: inline-flex;vertical-align: middle;}
.nav-wraper .nav-bar > ul{display: none}
.show{ display: block;position: fixed;left: 0px;background-color: rgba(0,0,0,.5);max-width: 200px;bottom: 0px;top: 0px; }
.show li{width: 100%;padding-top:0px !important; height: auto !important;}
.show li a{color: #fff !important;}
.nav-wraper .nav-bar > ul > li ul{ left: 100%; top: 0px;padding:0px 0px;}
.nav-wraper .nav-bar > ul > li a {padding: 15px 15px;}
 
 footer{ padding: 50px 0px;}
.findus{ text-align: center;}
.findus > h3::after {text-align: center;margin: 0px auto;margin-top: 10px;}
.footerAddress{ margin-top: 20px;}
.footerAddress ul li > span, .footerAddress ul li .callnum > span, .footerAddress ul li .phone > span{ position: relative; width: 100%; height: 100%; border: 0px; }
.phone, .callnum{ width: 100%;}
.phone{ margin-bottom: 20px;}
.getintouch h3{ text-align: center;margin-top: 30px;}
.firstcol {padding-left: 15px !important;}
.conbtn { margin-top: 15px;}
.footerleft{text-align: center;float: none;}
.footerlogo{ float: none; display: block; margin: 0px auto; margin-right: 0px; text-align: center;}
.footerright{float: none; margin: 0px auto; text-align: center;}
.footerright ul, .footerright ul li { float: none;width: 100%; display: block}
.footerright ul li{margin-bottom: 15px;}
.footerright ul li:last-child{margin-bottom: 0px;}
.footerAddress ul li:first-child, .phone, .callnum{ padding-left: 0px;}
.getintouch p{ text-align: center;}

/*@@@----Web Analytics*/
.analyticsablout p{padding: 0px 10px;max-width: 100%;}
.Analytictool-nav{ border-right: 0px !important;}

/*@@@----About*/
.leftAbout{ width: 100%; padding: 50px 0px;}
.rightAbout{ width: 100%;padding: 20px 20px 20px 20px;}
.leftAbout h1{ line-height: 80px;}
.aboutContent::before { height: 0px; border: 0px;}
.rightAbout h3{margin-top: 0px;}
.seoLeft{ padding: 0px; width: 100%;}
.seoRight, .rleft{width: 100%;margin: 0px auto;text-align: center;}
.rright{ width: 100%; padding: 0px;}
.rname{ left: 0px; right: auto;}
.seoRight img, .rleft img{ width: 100%;}
.seoLeft h4, .seoLeft > p, .rright > p, .rright h4{ padding-left: 0px;}
.rname > span{ padding-left: 45px;}
.sname, .rname{ position: relative; left: 0px;}
.rright h4, .seoLeft h4{margin-top:0px;}
.aboutneticode{ padding-top: 20px;}

/*@--contact page*/
.contactPage{ padding: 50px 0px;}
.conform .cform{ max-width: 100%;}
.cform form{ max-width: 100%;position: relative;}

/*@@@@@@@@@@---Ecommerce Solution page*/
.ecomimg{background-image: url("../images/ecomm.png"); min-height: 300px;background-position: center center;background-size: unset; }
.ecomslide{position: absolute;bottom: 50px;padding-top: 0px;}
.costEffectImg{ margin: 0px auto; text-align: center;}
.costEffectImg img{ width: auto;}
.subscription{ margin-bottom: 20px;}

.factorSmallBusiness{background-position: left bottom; padding: 50px 0px;}
.factorSmallBusiness .col-sm-8{ width: 100%;} 
.smallbusinessslide{background-position: center bottom;min-height: 350px !important; position: relative;}
.smallbusinessslide h3{ margin: 0px; text-align: center; position: absolute; bottom:30px; left: 0px; right: 0px; text-align: center;line-height: 42px; font-size: 40px;}

.smallbusinessimg{background-image: url("../images/msmall-business-banner.png"); min-height: 200px;  }
.corpSolutions{ min-height: 400px !important;position: relative; }
.corporateimg{min-height:200px;background-image: url("../images/mcorporateimg.png");margin-top: 50px;}
.corporateSlide h3{ position: absolute; bottom: 150px; left: 0px; right: 0px; padding: 0px; text-align: center;} 
.corporateContent h3, .corporateContent p{ padding: 0px 10px;}
.b2bSlide h3{top: auto;font-size: 44px;bottom: 0px;left: 0px;text-align: center; right: 0px;}

}
@media (max-width:480px){ 
.logo-wraper { padding-top: 10px;}
.logo-wraper img{max-width: 200px;}
.nav-wraper .nav-bar > ul > li ul{left: 0px;top: 100%;z-index: 9999;}

/*About*/
.sname span, .rname > span { font-size: 30px;padding: 16px 30px;}
.leftAbout { padding: 140px 0px;}
.rightAbout p, .aboutneticode p{ text-align: justify;}
.leftAbout h1{ font-size: 58px;}

/*Ecommerce Solutions*/
.ecommerceslide h3{margin-top: 303px; float: left; text-align: center; width: 100%;margin-left: 0px;}
.corporateContent p{ text-align: justify;}

}
@media (max-width:320px){ 
.leftAbout { padding: 240px 0px;}
.corporateSlide h3{ bottom: 100px;}
}