@media screen and (max-width:767px) {
.button { padding: 12px 15px; }
.header-container { float: left; width: 100%; background: #efefef; z-index: 9999; }
header { padding:15px; float: left; width: 100%; }
header .logo { margin-left: 0; position:relative; z-index:99; width: 120px; padding: 0;}
header .logo a{ float: left; }
.logo-mark{ left: 79px; width: 19px; top: 0;}
.button_container{ margin-top: 0; top: 12px; width: 27px; right: 12px; height: 23px; }
.header-container.landingHeader header .logo { margin-top: 0; }
.navigation { background: #fff; width: 240px; height: 100%; display: block; position: fixed; left: -240px; top: 72px; transition: left 0.3s linear; margin: 0; border: 0; border-radius: 0; overflow-y: auto; overflow-x: hidden; height: 100%; }
.fixDiv { position: fixed; left: 0; top: 0; width: 100%; background: rgba(0, 0, 0, 0) linear-gradient(to right, #65318f, #134285) repeat scroll 0 0; padding: 24px 15px; z-index: 99; box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.20); }
.navigation.visible { left: 0px; transition: left 0.3s linear; }
.nav_bg { display: inline-block; vertical-align: middle; width: 100%; height: 50px; margin: 0; position: absolute; top: 0px; left: 0px; background: #009788; padding: 12px 0 0 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }


/***Toggle***/
.nav_bar { display: block;  position: absolute; right: 15px; top:20px; margin: 0; padding: 0; width: 28px; height: 30px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background .3s; background .3s }
.nav_bar:hover span{ width: 100%; }

.overlay-menu{ margin-top: 70px; }
.nav_bar:focus { outline: 0 }
.nav_bar span {transition: 0.5s!important; display: block; position: absolute; top: 13px; left: 0; right: 0; width: 20px; height: 4px; background: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.nav_bar span::after, .nav_bar span::before { -moz-border-radius: 10px; -webkit-border-radius: 10px; position: absolute; display: block; left: 0; width: 28px; height: 4px; background-color: #fff; content: "" }
.c-hamburger--htla.is-active span::after, .c-hamburger--htla.is-active span::before, .c-hamburger--htra.is-active span::after, .c-hamburger--htra.is-active span::before { width: 50% }
.nav_bar span::before { top: 10px }
.nav_bar span::after { bottom: 10px }
.c-hamburger--htx span { -webkit-transition: background 0s .3s; transition: background 0s .3s }
.c-hamburger--htx span::after, .c-hamburger--htx span::before { -webkit-transition-duration: .3s, .3s; transition-duration: .3s, .3s; -webkit-transition-delay: .3s, 0s; transition-delay: .3s, 0s }
.c-hamburger--htx span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform }
.c-hamburger--htx span::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform }
.c-hamburger--htx.is-active span { background: 0 0 }
.c-hamburger--htx.is-active span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.c-hamburger--htx.is-active span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
.c-hamburger--htx.is-active span::after, .c-hamburger--htx.is-active span::before { -webkit-transition-delay: 0s, .3s; transition-delay: 0s, .3s }

/***Toggle***/



.navigation li { display: block; }
.navigation li.quote_li{ padding:0; margin-top:30px; display:block; float: left; width: 100%; text-align: center;}
.navigation li.quote_li > .button{ width:87%; margin-left: 15px; float: none; float: left!important;  text-decoration:none !important}
.navigation li > .getQuote a{ width:100%;}
.navigation li a { display: block; color: #505050 !important; font-weight: 500; }
.navigation li:first-child:hover a { border-radius: 0; }
.navigation li ul.dropdown { position: relative; width: 240px; padding: 0; }
.navigation li ul.dropdown li a { padding: 10px 10px 10px 30px; }
.arrow-down { position: absolute; top: 15px; right: 30px; }
.opacity { background: rgba(0,0,0,0.7); position: fixed; top: 0; bottom: 0; left: 0; right: 0; height:100%; width:100%; z-index:99; }
.getQuote { position: absolute; top: 25px; right: 60px; }
.getQuote.home{ top:15px; right:70px;}
.header-container.landingHeader header .getQuote { top: 7px; right: 70px; }
.header-container.landingHeader header .getQuote .button { padding: 12px 15px; border-radius: 3px; }
.banner-section { height: auto; }
.mainHoverCont1, .mainHoverCont2 { display: none !important; margin: 0; }
.BannerContent { margin: 120px 0 0 0; padding: 0; }
.vertical-brdr { display: block !important; height: 544px; left: 15px; top:5px; }
.banner-section h1 { padding: 0 0 0 25px; margin-right:-30px; width:100%; }
.banner-section .mCSB_inside > .mCSB_container { margin: 0; }
.mainHoverCont { display: none !important; }
.banner-section h1 {  min-height:450px; }
.top-shadow, .bottom-shadow { display: none; }
.solution-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.solution-list li:first-child { margin-top: -60px; position: relative; z-index: 99; }
.solution-list li { width: 100%; padding: 60px 30px; margin: 10px 0 }
.title sup { font-size: 20px; }
.our-mission-sec { padding: 50px 0 100px 0; }
.our-mission-sec .inner .blockquote { font-size: 2.229em; line-height: 1.35em; }
.our-mission-sec .inner .blockquote strong img { width: 45px; }
.client-section { -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }
.logo-sec, .client-section .client-detail { width: 100% !important; }
.logo-sec { overflow: hidden; }
.logo-sec .logo-list { padding: 50px 0; }
.logo-sec .logo-list li { margin: 0; width: 50%; padding: 15px 0; }
.logo-sec .logo-list li span { width: 100px; }
.LogoContent { padding: 40px 6.5%; }
.client-section .client-detail span.border-L { display: none; }
.client-section .client-detail ul.list { width: 50% !important; }
.featured-post-sec .white-paper-box { padding: 0; }
.deSktopView { display: none !important; }
.mobileView { display: block !important; }
.client-section .client-detail h3 { max-width: 100%; }
.tech-curve-sec { -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }
.tech-curve-sec .curve-box, .tech-curve-sec .curve-detail { width: 100%; padding: 50px 20px; }
.curve-box { float: left; width: 100%; }
.curve-detail { max-width: 100%; }
#swiffycontainer { height: 470px; }
.featured-post-sec { -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; background: url("../images/white-paper-bg.jpg") repeat scroll 0 0; position: relative; padding: 30px 15px; }
.featured-post-sec .post-detail { width: 100% !important; background: #efefef; z-index: 99; padding: 30px 20px; }
.whitepaper-content { max-width: 100%; }
.featured-post-sec .white-paper-box { display: none; }
.client-section .client-detail ul.list li span { padding-right: 5px; }
.share.mar-l-30 { display:block; clear:both; margin: 10px 0 0 0 !important; }
.col-lg-12.pad-b-40 { padding: 0 !important }
.border-R { display: none; }
.lead-box .button { float: left; clear: both; }
.leadership-sec { background: #f3f3f3; padding: 70px 0 !important }
.slider-sec { display: block; }
.owl-controls { display: none }
.loadMore { text-align: center; }
.loadMore .lead-box { width: 100%; max-width: 320px; display: inline-block; clear: both; text-align: left; margin: 0 0 30px 0; }
.loadMore .lead-box .button { width: 100%; }
#loadMore { display: block; }
.our-mission-sec .inner{ padding:0 30px;}
.solutionRowContent{ padding: 0; }

.solutionRow{ height: 220px;padding: 0 20px; }
.indicateIcon, .dottedSeparator{display: none;}
/*inner Page*/
.header-container.landingHeader { height: auto; }
.header-container.landingHeader header { padding: 15px 15px 10px 15px; }
.commonBanner { padding: 65px 0 20px 0; }
.commonBanner.clientbanner{ padding:150px 0 50px 0;}
.commonBanner .BannerContent h1 { padding-left: 0; min-height:50px; line-height: 1; }
.commonBanner .BannerContent .vertical-brdr { left: 0; height: 1350px; }
.commonBanner .BannerContent { margin: 40px 0; padding: 0 0 0 15px; }
.commonBanner.additional-section .BannerContent { padding-left:0;}
.commonBanner .BannerContent h4 { width: 100%; }
.service-detail{ position: relative;;}
.aboutSec { padding: 50px 0; }
.aboutSec ul.about-list li { width: 100%; padding: 0 0 0 15px; border: none; }
.aboutSec ul.about-list li .col-md-12{ padding-left: 0;padding-right: 0; float:left;}
.aboutSec ul.about-list .title br { display: none; }
.left-border:last-child{ margin-bottom:35px;}
.left-border { min-height: 10px; border: none; padding: 0; }
.aboutSec ul.about-list li h3 { height: auto; padding: 0 0 30px 0; }
.aboutSec ul.about-list li sup { margin: 0 3px; }
.animRow { -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; }
.commAnimSection .animSec { width: 100%; padding: 80px 6%; }
.commAnimSection .animSec .anmContent { width: 100%; max-width: 100%; }
.commAnimSection .animSec h3, .commAnimSection .animSec p { width: 100%; }
.commAnimSection .animSec h3 {  font-family: "ralewaybold"; }
#animationContainer2 { -webkit-flex-flow: column-reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse; }
.tableDiv { height: auto; }
.serviceCommonRow { padding: 100px 0; }
.serviceCommonRow h3 {line-height: 1.376em; }
.animImground { left: 30.5%; }
.commAnimSection .clientInfo .animSec .anmContent { padding: 20px; margin: 0; }
.bottomContainer { padding: 100px 0; }
.curveContent { height: auto; }
.contactMap-section{ padding:70px 0;}
.contactMap-section .map{ margin:0 10%}
/*white Paper*/

.banner-section .leadership-container h2{ display: none; }
.client-section.colReverse{ -webkit-flex-flow: column-reverse;-ms-flex-flow: column-reverse;flex-flow: column-reverse; }
/*white Paper*/

/*client Page*/
.additionalClients .wrapper { margin: 0 10px; }
.ceo-msg-content{ padding-top:30px; }
.bannerList li{ background-position: left 11px;}
.clients-landing .clientList { text-align: center; }
.clients-landing .clientList li { text-align: left; float: none; display: inline-block; vertical-align: top; width: 48%; padding: 10px; max-width: 300px; }
.clients-landing .clientList li .logoBox{ padding:65px 15%}
.clients-landing .clientList li.logo-5 .clientLogo{ padding-top: 5% }
.clients-landing .clientList li.logo-3 .clientLogo{ padding-top: 20% }
.clients-landing .clientList li.logo-4 .logoBox:hover .clientLogo, .clients-landing .clientList li.logo-6 .logoBox:hover .clientLogo{ margin-top: -25%; }
.clients-landing .clientList li.logo-1 .clientLogo{ padding-top: 35%; }
.clients-landing .clientList li .logoBox .logoText{ padding-top: 0; font-size: 1.5em; }

.additionalClients .addLogoList li { width: 50%; margin: 0; padding: 20px 0; min-height: 100px; }
.additionalClients .addLogoList li { background-size: 100px !important }
.additionalClients .addLogoList li.selenium{ background-size: 60px!important }


.additionalClients .addLogoList li.ruby{ background-size:70px !important}
.additionalClients .addLogoList li.php{ background-size:80px !important}
.additionalClients .addLogoList li.net{ background-size:90px !important}
.additionalClients .addLogoList li.java{ background-size:40px !important}
.additionalClients .addLogoList li.python{ background-size:170px !important}
.additionalClients .addLogoList li.mysql{ background-size:100px !important}
.additionalClients .addLogoList li.cassandra{ background-size:70px !important}
.additionalClients .addLogoList li.sql-server{ background-size:70px !important}
.additionalClients .addLogoList li.jfrog{ background-size:70px !important}
.additionalClients .addLogoList li.git{ background-size:200px !important}
.additionalClients .addLogoList li.circleci{ background-size:70px !important}
.additionalClients .addLogoList li.bamboo{ background-size:100px !important}
.additionalClients .addLogoList li.chef{ background-size:80px !important}
.additionalClients .addLogoList li.puppet{ background-size:80px !important}
.additionalClients .addLogoList li.ansible{ background-size:60px !important}
.additionalClients .addLogoList li.mlbpa{ background-size:60px !important}

.additionalClients .addLogoList li.adobe{ background-size:60px !important}
.additionalClients .addLogoList li.axsure{ background-size:100px !important}
.additionalClients .addLogoList li.balsamiq{ background-size:100px !important}
.additionalClients .addLogoList li.bootstrap{ background-size:50px !important}
.additionalClients .addLogoList li.framerjs{ background-size:50px !important}
.additionalClients .addLogoList li.invision{ background-size:100px !important}
.additionalClients .addLogoList li.omnigraffle{ background-size:100px !important}
.additionalClients .addLogoList li.pixate{ background-size:100px !important}
.additionalClients .addLogoList li.sketchlogo{ background-size:50px !important}
.additionalClients .addLogoList li.typeform{ background-size:100px !important}




.additionalClients .addLogoList li.logo-7, .additionalClients .addLogoList li.logo-3, .additionalClients .addLogoList li.logo-8{ background-size: 80px !important }
.lead-box h3, .lead-box p{ min-height:50px;}

/*client Page*/
.formBtn{ margin-top:15px;}	
.serviceList { width: 100%; }
.commAnimSection.ourService .animSec.redBg { padding-top: 50px; padding-bottom: 50px; text-align: center }

.matrix-page .banner-section h1{ min-height:60px; padding:0; margin:0 0 20px 0; color:#fff !important;}
.matrix-page h4.yellow{ padding-bottom:35px;}
.matrix-page .mission-section{ padding:50px 30px;}
.matrixWrapper{ margin:0 15px; }
.graphDiv{ width:100%;  text-align:center; margin:0;}
.graphDiv img{ width:270px;}
.matrixRow.active .graphContent{ padding-top:0; bottom:0;}
.graphContent{ max-width:100%; width:100%; padding-top:0; position:relative;}
.graphContent .title{ font-size:1.5em; margin-bottom:15px; text-align:center}
.graphContent h3{ display:none;}
.graphContent p{ display:none;}
.graphContent ul{  display:none;}

/*matrix Page*/
.aboutbannerList li { float:left; padding-bottom:10px;}
.aboutbannerList li span{ width:77%;}
.thankYou .row h2.pad-b-100{ padding-bottom:30px !important;}
.reverseCol{ -webkit-flex-flow: column-reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse;}
.lg{ width:65% !important;}
.lg-sub-html { padding:70px 15px 15px 15px;}
.lg-sub-html h4{ padding:0;}
.lg-sub-html p{ display:none;}

footer .footer-nav { width: 100%; text-align: center; }
footer .footer-nav li { margin: 0; padding: 0 14px 0 10px }
footer { padding: 20px 15px; }
footer .footer-nav li a { font-size: 14px; }
footer p { float: none; text-align: center; margin: 10px 0 0 0; font-size: 14px; }

/*=========Centers of excellenc of Excellence Here==========*/
.centers-of-excellence .commAnimSection.ourService .animSec.redBg{padding-top:50px;padding-right:6%}
.centers-of-excellence .commAnimSection .animSec{padding-top:80px;padding-bottom:80px;}
.commAnimSection.ourService .animSec h2.excellence-sd-title{font-size:16px;line-height:25px;}
.centers-of-excellence .serviceList li{margin-bottom:25px;}
.centers-of-excellence .commAnimSection.ourService .serviceList li p{padding-bottom:20px;}
.commAnimSection.ourService .animSec h2.excellence-sd-title{margin-bottom:25px;padding-bottom:25px;}
.centers-of-excellence .productExperiancerow h4{margin-top:0px;}
.centers-of-excellence .our-mission-sec{padding:50px 0 100px}
.centers-of-excellence .our-mission-sec .inner .blockquote{padding-bottom:50px;}

/*=========Engagement Models of Excellence Here==========*/
.engagementBanner p span{ font-size: 17px; line-height: 24px; }
.eg-model-list{padding:50px 0;}
.eg-model-list h3{ font-size: 2.23em;line-height: 27px; }
.eg-model-list h4{font-size: 1.5em;line-height: 25px; }
.eg-model-list ul li{ padding: 15px 0;}

}
 @media screen and (min-width: 480px) and (max-width:640px) {

.locoContentbox { padding: 20px; }
.clients-landing .clientList li .logoBox .hoverContent h3{ font-size: 1em; }
.banner-section .leadership-container h1{ font-size: 2.5em; padding-bottom: 0 !important; }
}

 @media screen and (max-width:479px) {
.getQuote { display: none }
.locoContentbox .numCount { font-size: 1.829em; }
.locoContentbox h4 { font-size: 1em; }
#swiffycontainer { height: 350px; }
.curveContent { height: auto; }
.clients-landing .clientList { text-align: center; }
.clients-landing .clientList li { text-align: left; float: none; display: inline-block; vertical-align: top; width: 100%; padding: 10px; max-width: 300px; }
.clients-landing .clientList li .logoBox .hoverContent { padding-top: 20px !important; opacity: 1; }
.clients-landing .clientList li.logo-3 .logoBox .clientLogo{ padding-top:0 !important;}
.clients-landing .clientList li .logoBox .clientLogo{ padding-top:20px !important; margin-top:0 !important}
.clients-landing .clientList li.logo-6 .clientLogo, .clients-landing .clientList li .logoBox .clientLogo{ padding-top: 0 !important }
.locoContentbox { padding: 20px; }
.banner-section .leadership-container h1{ font-size: 1.8em; padding-bottom: 0 !important; }


 }

 @media screen and (min-width:550px) and (max-width: 767px) {
.clients-landing .clientList li.logo-4 .logoBox:hover .clientLogo, .clients-landing .clientList li.logo-6 .logoBox:hover .clientLogo{ margin-top: 0; }



 }



 @media screen and (max-width:991px) {
.lead-box h3, .lead-box p{ min-height:50px;}
}
 @media screen and (min-width:768px) and (max-width:1024px) {
.wrapper, .our-mission-sec .inner { margin: 0 30px; }
.navigation li:first-child{ margin-left:20px;}
.navigation li{ margin: 0 0 0 0; }
.navigation li a { line-height: 2.488em; font-size:0.7999em; padding: 10px 15px 9px;}

.navigation li ul li:first-child{ margin-left:0}
.BannerContent { padding: 0 30px; }
.commonBanner .BannerContent .vertical-brdr { height: 1210px; }
.aboutSec ul.about-list li:first-child{ padding:10px 0;}
.logo-sec .logo-list { padding: 50px 8%; }
.client-section .client-detail span.border-L { top: 50px; }
.LogoContent { padding: 100px 6.5%; }
.logo-sec .logo-list li { margin: 45px 0; }
.logo-sec .logo-list li span { width: 90px; background-size: 100% !important; }
.client-section .client-detail h3{ max-width:90%;}
.button { padding: 12px 10px }
.featured-post-sec .post-detail { padding: 100px 2%; }
.commAnimSection .animSec .anmContent { width: 100%; }
.commAnimSection .animSec h3, .commAnimSection .animSec p { width: 100%; }
.header-container.landingHeader header .getQuote .button { margin-top: 0; }
.client-section .client-detail ul.list { width: 50%; }
.commAnimSection .animSec { padding: 165px 3%; }
.leadership-sec { padding: 100px 0; }
.commAnimSection .clientInfo .animSec { padding: 50px 0; }
.commAnimSection .clientInfo .animSec .anmContent { padding: 20px; margin: 0; }
.commAnimSection .clientInfo .animSec .anmContent p:nth-child(2n+1) { display: none; }
.locoContentbox { padding: 20px; }
#swiffycontainer{ height:420px; }
.curveContent{ height:420px;}
/*client Page*/
.clients-landing .clientList li { width: 50%; }
.additionalClients .addLogoList li.logo-3 { background-size: 80% !important; }
.additionalClients .addLogoList li.logo-7 { background-size: 80% !important; }
.additionalClients .addLogoList li.logo-15 { background-size: 60% !important; }
.additionalClients .addLogoList li.logo-16 { background-size: 70% !important; }
.navigation{ padding:0 25px ;}
.mission-section{ padding:170px 30px}
.graphDiv{ max-width:40%; margin-right:5%;}
.matrixRow.active .graphContent{ bottom:0}
.graphContent{ max-width:41%;  padding:0 30px 0 0 !important; position:relative; bottom:-50px;}
.clients-landing .clientList li .logoBox{ padding:65px 20%}
/*client Page*/
	
/*service Page*/
.serviceList { width: 100%; }
.additionalClients .addLogoList { padding: 0 30px; }

/*service Page*/
.formBtn{ margin-top:15px;}

.commAnimSection.carrerSec .animSec{ padding: 0 !important}
.commAnimSection .animSec .anmContent{ padding:0 5%;}
.carrerSec .tableCell img{ width:100%;}
.carrerSec .animSec .anmContent p:nth-child(2n+1){ display:none;}
.contactMap-section .map{ margin:0 10%}
.lg-on{ padding-right:0;}
.leadCell h2{ font-size: 1.3em;  }


.clients-landing .clientList li.logo-1 .clientLogo{ padding-top:58%;}
.clients-landing .clientList li.logo-1 .logoBox:hover .clientLogo{ padding-top:15%;}
.clients-landing .clientList li.logo-2 .clientLogo{ padding-top:75px;}
.clients-landing .clientList li.logo-3 .clientLogo{ padding-top:45%;}
.clients-landing .clientList li.logo-4 .clientLogo{ padding-top: 42%; }
.clients-landing .clientList li.logo-4 .logoBox:hover .clientLogo{ padding-top:0;}
.clients-landing .clientList li.logo-5 .clientLogo{ padding-top:25%;}
.clients-landing .clientList li.logo-5 .logoBox:hover .clientLogo{ padding-top: 0; margin-top: 0; }
.clients-landing .clientList li.logo-6 .clientLogo{ padding-top: 30%; }


}
@media screen and (min-width:768px) and (max-width:930px) {
.navigation li a{padding:10px 11px 9px}
.arrow-down{margin-left:5px;}
.navigation{padding:0 10px;}
.navigation li:first-child{margin-left:5px;}
.navigation li a{font-size: 0.6799em;}	
.eg-model-list ul li{padding:15px 0 15px}
	
}
 @media screen and (min-width:1025px) and (max-width:1557px) {
.client-section .client-detail ul.list { width: 50%; }
.logo-sec .logo-list li span { width: 80px; background-size: 100% !important; }
header nav li { margin: 0 0 0 23px; }
.aboutSec ul { padding: 0 30px; }
.leadership-sec { padding: 100px 30px; }
.leadership-sec .owl-prev, .leadership-sec .owl-next { top: 35%; }
.leadership-sec .owl-prev, .leadership-sec .owl-next { top: 45%; }
.logo-sec .logo-list li span { width: 120px; background-size: 100% !important; }
.commAnimSection .animSec .anmContent { width: 100%; }
.commAnimSection .animSec h3, .commAnimSection .animSec p { width: 100%; }
.commAnimSection .clientInfo .animSec { padding: 50px 0; }
.commAnimSection .clientInfo .animSec .anmContent { padding: 0 20px; margin: 0; }
.commAnimSection .clientInfo .animSec .anmContent p:last-child { display: none; }
.locoContentbox { padding: 25px; }
.locoContentbox .numCount { padding: 16% 0 20px; }
.serviceList{ width:100%;}
.navigation{ padding:0 25px ;}
.mission-section{ padding:170px 30px}
.graphDiv{ max-width:45%;}
.matrixRow.active .graphContent{ padding:90px 0 0 0}
.matrixRow.active .graphContent{ bottom:0}
.graphContent{ max-width:45%; padding:0 30px 0 0 !important; position:relative; bottom:-50px;}

.commAnimSection.carrerSec .animSec{ padding: 0 !important}
.commAnimSection.carrerSec .animSec .anmContent{ padding:50px 5%;}
.carrerSec .tableCell img{ width:100%;}
.carrerSec .animSec .anmContent p:nth-child(2n+1){ display:none;}	
.contactMap-section .map{ margin:0 10%}
.lg{ max-width:500px;}


}

 @media screen and (min-width:992px) and (max-width:1330px) {
.our-team .teamList li .strip { padding:15px 10px; }
.our-team .teamList li .strip span{ font-size:1em;}
.carrerSec .animSec .anmContent p:nth-child(2n+1){ display:none;}
.commAnimSection .animSec{ padding:165px 5%}
.LogoContent{ padding:150px 5%}


}


 @media screen and (min-width:1025px) and (max-width:1127px) {


.clients-landing .clientList li .logoBox .hoverContent h3 { font-size: 0.9em; }

.lead-box h3{ min-height: 150px; }

}
 @media screen and (min-width:1025px) and (max-width:1170px) {
.featured-post-sec .post-detail { padding: 100px 6%; }
.commAnimSection .animSec { padding: 165px 3%; }
.additionalClients .addLogoList { padding: 50px 30px }
.serviceList { width: 100%; }
.navigation{ padding:0 25px ;}


}
 @media screen and (min-width:1557px) and (max-width:1844px) {
.commAnimSection .clientInfo .animSec { padding: 100px 0; }
}

 @media screen and (min-width:767px){
	 .featured-post-sec{ background-image:none !important}
	 }