/****** Responsive Css Rules ******/
@media screen and (max-width:1600px){
	/*----update css----*/
	.outerDiv {
    margin-top: -434px;
}
/*----*/
}
@media screen and (max-width:1300px){
	/*-----update css-----*/
	.outerDiv {
  margin-top: -413px;
}
#contactUs .outerDiv h2 {
    font-size:37px;
}
.outerBanner {
  margin-top: -14px;
}
/*-----*/
.areaCode { padding-left:0px;}	
.innerBanner {  margin: 29px 0 0 29px;  min-height: 256px;  min-width: 585px;}
.outerBanner { max-height: 376px;}
.sebImage img { width: 50px;}
.secThree-twoContent ul li, .secSevenList ul li { width: 100%;	}
.accordionSection {  padding: 0;}
.wbuRight { padding-top: 0;}
.pad.commonHr,.pad.secSevenList,.noPad.pad.secSevenHeading.commonTemplateHeading,.pad.secSevenHeading.commonTemplateHeading { 
padding: 0 15px;}
.fontSizeSeventeen.padLess { padding: 0;}
.plInner::before {  left:0%;}
#contactUs .lableTitle label { padding: 10px 0;}
.list-unstyled.colorSelection li:hover span{ color:#000; }
#aboutSectionOne { background-size: 100%  auto; 
}
#sectionTweleve.clipBoxTwo,#sectionTwo.drupalBoxTwo,#sectionEleven.drupalBoxThree,#sectionNine.ecommerrceBoxTwo,#sectionPartOne.graphicsIndiaOne,#sectionTen.joomlaDEveloperOne ,#sectionTweleve.joomlaDEveloperThree,#sectionTweleve.joomlaDEvelopentTwo ,#sectionSeven.joomlaDEvelopentThree,#sectionTen.joomlawebDesignOne,#sectionFive.joomlawebDesignTwo,#sectionTwo.joomlawebDesignThree ,#sectionFour.mjDeveloperBoxOne ,#sectionEleven.mjDeveloperBoxTwo ,#sectionFourteen.mjDeveloperBoxThree,#sectionTwo.mjDevelopementBoxOne,#sectionTwo.mjDevelopementBoxOne ,#sectionTweleve.htmlDeveloperBoxOne ,#sectionOuterOne.joomlaDEvelopentOne,#sectionSeven.mjDevelopementBoxTwo ,#sectionSeven.mbWebsiteBoxThree ,#sectionTwo.htmlDeveloperBoxThree,
#sectionTweleve.htmlProgramerBoxTwo ,#sectionSeven.graphicsIndiaTwo ,#sectionFour.wsProgrammerBoxOne ,#sectionTwo.mjDevelopementBoxThree ,#sectionTweleve.wsDesignerBoxThree ,#sectionOuterOne.htmlDevelopmentBoxOne ,#sectionTen.webDesigningBoxThree,#sectionTwo.reDirectBoxTwo ,#sectionTweleve.htmlDevelopmentBoxTwo ,#sectionFive.htmlDevelopmentBoxThree ,#sectionOuterOne.webApplicationBoxOne ,#sectionOuterOne.drupalBoxOne, #sectionTwo.webPortalBoxThree ,#sectionNine.webPortalBoxfour #sectionSeven.webDeveloperBoxOne,#sectionTwo.webDeveloperBoxTwo,#sectionOuterOne.webDesignerBoxOne,#sectionEight.webDesignerBoxThree ,#yourSite.webDesignBoxOne,#webDesignPortfolio.webDesignBoxTwo ,#webDesignInclude.webDesignBoxThree ,#sectionTweleve.wsProgrammerBoxThree ,#sectionTen.wsDesignerBoxOne ,#sectionThree.wsDesignerBoxTwo,#sectionTwo.wsDevelopmentBoxThree,#sectionTwo.wpDevelopmentBoxThree ,#sectionFour.wpDeveloperBoxOne,#aboutSectionTwo ,#aboutSectionThree ,#aboutSectionFour ,#sectionOuterOne,#sectionOne-two ,#sectionTwo,#sectionThree,#sectionFour,#sectionFive ,#sectionSix ,#sectionSeven ,#sectionEight ,#sectionNine ,#sectionTen,#sectionEleven,#sectionTweleve,#sectionThirteen ,#sectionFourteen ,#sectionNine.webPortalBoxfour ,#sectionSeven.webDeveloperBoxOne ,#payment,#sectionOuterOne.bottomSpaceLess ,.gallery ,#sectionTweleve.htmlDevelopmentBoxTwo.career, #reviewPage{ padding: 60px 0; 
transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;
}
#aboutSectionOne { padding: 50px 0 120px;
transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;
}
.defineFloat.templateSlider.contactBanner img { width: 100%; height:60px;
}
#contactBanner02.templateSlider.contactBanner img {
  height: auto;
}
#sectionThirteen { background-size:cover;}
#menu nav .navbar-header .mobileLinks ul li .headerPhone > a i {
  color: rgb(34, 172, 156);
  font-size: 14px;
  margin-right: 8px;
}

}

@media screen and (max-width:1200px){
	/*----update css------*/
.outerDiv {
  margin-top: -351px;
}
/*------*/
#sectionThirteen.whoWeAreField,#sectionFourteen.whoWeAreField02 { height: auto;
}
#reponsivePortfolio { padding: 30px 0 0;
}
.contentRightPart { margin-right: 25px; width:470px;
}
.tabContent li.contentBox { width: 100% !important;
}
.contentLeftPart { width: 320px;
}
.homePortfolio .bx-prev::after ,.homePortfolio .bx-next::after { content: "";
}
.homePortfolio .bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager { top: 405px;
}
footer.indexFooter.fixedFooter { padding: 60px 0 20px;
}
.portfolio.titleSection > h2 {
  color: hsl(0, 0%, 100%);
  font-family: "Playball",cursive;
  font-size: 42px;
  letter-spacing: 0.2px;
  line-height: 48px;
  margin-top: 20px;
  text-transform: none;
}


}

@media only screen and (max-device-width: 1024px) {
.bgimg-1 {
	background-attachment: scroll;
}


}

@media screen and (min-width:992px){
	
.responsiveCustomAccord{ display: none;}
.leftWhitebox.siteMap { width: 100%; min-height: 868px;}
.webSliderText.portfolio > h3 { font-family: Dosisbold;  font-size: 54px;  line-height: 60px;}
.dropdown-menu .fa.fa-caret-down { content: "";}
.footerLeftLinks .submenu > ul ul { bottom: 0;  position: absolute;  right: -158px;  width: 160px;}
.footerLeftLinks .submenu > ul li:last-child ul { bottom: -3px; }	
.escriptionTopSrpace { display: inline-block;  padding-top: 20px;  width: 100%;}
.footerLeftLinks .submenu .activeMenu {  padding-left: 14px;}
	
.dropdown-toggle > span { display: none;}
.btn.btn-default.greyButton.topMarginBtn { margin-top: 30px;}
#sectionSeven.defineFloat.webDesigningBoxTwo.careerBoxOne { padding: 92px 0 72px;}
.paymentSection .commonBoxSubHeading {  min-height: 145px;}
.portIsotope.innerGallery.tempGallery .adjHeight img { min-height: 323px;}
.portIsotope.innerGallery.tempGallery .adjHeightOne img { min-height: 435px;}
.portIsotope.innerGallery.tempGallery .fa-adjust2 img {  min-height: 202px;}
.portIsotope.innerGallery.tempGallery .fa-adjust3 img { min-height: 435px;}
.homeSlider .adjHeightOne img { min-height: 332px;}
.homeSlider .topGap.fa-adjust3 img { height: 332px;}
.homeSlider .galleryAll.fa-adjust2 img { height: 151px;}
header nav.navbar .navbar-header a.navbar-brand img { height: auto;  max-width: 314px;}
.heightSet23 .secElevenBoxes {  min-height: 350px;}
.boxesIn.commonBoxSubHeading { min-height: 260px;}
.secTweleveContent .secTweleveBoxes { min-height: 190px;}
.setHeight .secEightBoxes { min-height:inherit;}
.pad.commonHr,.pad.secSevenList  { padding: 0;}
.noPad.pad.secSevenHeading.commonTemplateHeading ,.pad.secSevenHeading.commonTemplateHeading { padding: 0;}
.commonTemplateHeading .borderBottomSpace {  margin-top: 20px;  position: relative;}
.bigBnaaer.reGetStarted.getStarted.hidden-xs.visible-lg.sbBan { display: none !important;}
.bigBnaaer.reGetStarted.getStarted.hidden-xs.visible-lg.sbBan.getFixed { display: block !important;}
/** chat button **/
#lhc_status_container.getFixed { right: 40px !important;}
.magentoListPart .changeBackground { padding: 00px 0 40px;}

.shake{animation: Shake 5s infinite ease-in-out; background-image: url("../images/dblArrow.png"); background-position: left top;display: inline-block;position: relative;-webkit-animation: Shake 5s infinite ease-in-out;} 

}
@media screen and (min-width:768px){

#lhc_status_container ,#lhc_container { z-index: 99999 !important; border-radius: 20px 0 0 0 !important;
}
span.hideDownArrow { display: none;
}
/** chat **/

.aboutPageReview { min-height: 350px;}
.customPageReview {  min-height: 400px;}
.logoDesignReview { min-height: 420px;}
.webDevelopmentReview { min-height: 350px;}
.has-submenu > span.rsArrow	{ display: block;
}
.footerLeftLinks .submenu ul li { border-bottom: 1px solid hsl(0, 0%, 15%); padding: 0;
}
.footerLeftLinks .submenu ul li a {  width: 100%; display: inline-block; padding: 4px 15px;
}
.has-submenu > span { display: none;
}
.defineFloat.mobStickyBar {  display: none;}
.leftWhitebox { margin-right: -15px;}	
.portIsotope.innerGallery.tempGallery .adjHeight img { min-height: 323px;}
.portIsotope.innerGallery.tempGallery .adjHeightOne img { min-height: 435px;}
.portIsotope.innerGallery.tempGallery .fa-adjust2 img {  min-height: 202px;}
.portIsotope.innerGallery.tempGallery .fa-adjust3 img { min-height: 435px;}
.homeSlider .adjHeightOne img { min-height: 245px;}
.homeSlider .topGap.fa-adjust3 img { height: 245px;}
.homeSlider .galleryAll.fa-adjust2 img { height: 108px;}
.defineFloat.differenceOuter.responsiveBox {  display: none;}
.defineFloat.differenceOuter.deskTop { display:block;}
.commonBoxSubHeading.sumSpaceLess {  min-height: 282px;}
.noPad.sebImage { padding-left: 0;}
.wdeInner .wdeImage { margin: 0 20px 0 0 !important; }
.moveLeft{ padding: 0 15px !important;}
.fontSizeSeventeen.padLess { padding: 0 20px;}
.setHeight .secEightBoxes { min-height:130px;}

.plInner::before {  border-bottom: 3px solid #2cab9b;   top: 30%;   left:-10%;}
.newChange .secElevenBoxes {   min-height: 240px;}
.accordionSidecontent.tabAccordian { padding-bottom: 24px;}
.slider { overflow: hidden;}
.has-submenu i.fa.fa-caret-down { display: none;
}
.has-submenu span { display: none;
}
.has-submenu span.rsArrow{display:inline-block;}



}

@media screen and (max-width:1199px){
	.sebContent > p {
  min-height: 200px;
}
/*---update css------*/
	.aboutBanner .tempSliderText.redirectSlider.redirectSlider01 {
  bottom: -22px;
}
	#contactUs .outerDiv .descriptonBox.Text > br {
  display: none;
}
	.aboutBanner .tempSliderText.redirectSlider.redirectSlider01 p {
  padding: 20px 0 30px;
}
	.tempSliderText.redirectSlider.redirectSlider01 p , .aboutBanner .tempSliderText.redirectSlider.redirectSlider01 p {
  font-size: 19px;
  padding: 19px 0 17px;
}
/*-----*/
.responsiveHidden.wow.fadeIn { display: none;
}
.responsiveHidden.mainHeadings.wow.fadeInUp { display: none;
}
#Portfolio { background-image: url("../images/portfoliobg.jpg");  background-size: 100% 100%;
}	
.list-unstyled.colorSelection a {  display: none;
}
.counterCount ul li span::before { background: rgba(0, 0, 0, 0) ;
}
.CounterOuter { padding: 47px 2px 39px;
}	
.contactBanner::before {  background-image: none;}	
.caption {  top: 28%;}
.sliderText ul {  margin: 30px 0 30px;}
.wdeInner img.img-responsive, .stdBlockImage img, .saImage img, .secFourteenImage img, .secElevenImage img {  max-width: inherit;}
.moveLeft { margin-left: 0 !important;  margin-right: 0 !important;}
#aboutSectionOne { padding: 96px 0 92px;	}
.aboutLeftText > h2 br  ,.hilightText br{  display:none;}
.mapLogo > li {  width: 20%;}
.sebImage.resizePic img {  width: 36px;}
.secElevenImage { float: left; margin-right: 10px;}
.leftWhitebox {  padding: 50px 20px;}
header nav.navbar .menuOuter ul li a {padding: 22.5px 10px;}
.sliderText > span {line-height: normal;}
.sliderText > h2 {font-size: 50px;margin:0px;}
.sliderText > p { font-size: 42px;  line-height: 52px;}
.sliderText > h2 br {display: none;}
.scroll {bottom: 10px;}
#mainSlider .carousel-caption { top: 52%;}
.sbHeading h2 {font-size: 52px;}
.sbHeading > span {font-size: 14px;}
.sbInner > h3 {font-size: 22px;}
.home .plInner::before {left: -120px;}
.home .plInner {padding-left: 15px;}
.reviewBg {padding: 54px 20px 75px;}
.reviewContent p {font-size: 15px;}
.reviewContent {padding: 50px 50px 65px 92px; margin-left:42px;}
.pfHeading {padding: 76px 45px;}
.pfOuter img {right: 45px;}
.doContent > h3{min-height:80px;}
.doContent > h3 br {display: none;}
.counterHeading > h2 {font-size: 34px;}
.counterCount ul li:not(:last-child) {margin: 0 55px 0 0;}
.counterCount ul li h4 {font-size: 45px;}
.counterCount ul li span {font-size: 14px;}
.home .contactForm form .checkbox label span {padding: 0;}
.footerLeftLinks ul:not(:last-child) {margin: 0 60px 0 0;}
.footerReseller > h3 {font-size: 19px;}
.contactHeading > h2 br {display: none;}
.home .contactHeading h2 {font-size: 48px;}
.home .contactForm{padding:0px;}
.contactForm {padding: 0 15px;}
#about {padding: 50px 0 60px;}
.aboutHeading > h2 {font-size: 47px;line-height: 55px;padding: 0;}
.aboutContent > p {padding: 0 10px 0 0;}
#services {padding: 50px 0 60px;}
.sbHeading h2 {font-size: 52px;margin: 0;line-height: 55px;}
.portHeading > h3 {  font-size: 38px;  line-height: 42px;}	
#porfolio .portIsotope {padding: 30px;}
#Portfolio .plInner > h2 {font-size: 38px;}
#Portfolio .plInner > a, #Portfolio .plInner > a span {font-size: 15px;}
#difference {background-position: left -100px top;}

.mapBgPic { margin-left: 12px;}
.homeContact .contactMap { max-width: 366px;}
.homeContact .contactForm {  max-width: 485px;}


/****** graphic Design ******/
#bigHeadingLineHr .webSliderText {top: 48%;}
#bigHeadingLineHr .webSliderText > h2 {font-size: 50px;}
#bigHeadingLineHr .webSliderText p {font-size: 17px;line-height: 22px;margin: 10px 0 0;}
#bigHeadingLineHr .webSliderText hr {margin: 15px 0;}
.getStarted button {padding: 0 20px;}
.faceItHeading > h2 {font-size: 45px;}
.faceItHeading > h3 {font-size: 35px;}
.fiOuter > span {font-size: 16px;}
.ptHeading > h2 {font-size: 55px;}
#portfolioThird.portfolioThird-01 .portLike .plInner > h2::before, #portfolioThird.portfolioThird-01 .portLike .plInner > h2::after {display: none;}
.creativeHeading h2 {font-size: 38px;}
.creativeHeading span {font-size: 15px;}
.ccInner > p br {display: none;}
.ccInner:nth-child(1) p, .ccInner:nth-child(2) p {min-height: 150px;}
.gdsHeading > h2 {font-size: 46px;}
.gdsHeading > p {font-size: 17px;margin: 13px 0 0;}
.gdsButton {margin: 30px 0 0;}
.sa2Heading > h2 {font-size: 48px;}
.sa2In { width: 33.3333%;}
.sa2In:nth-child(2), .sa2In:nth-child(5) {width: 33.3333%;}
.sa2In:nth-child(1), .sa2In:nth-child(4) {padding-left: 15px;padding-right: 15px;}
.sa2In:nth-child(3n) {padding-left: 15px;padding-right: 15px;}
.sa2In:nth-child(2) p, .sa2In:nth-child(5) p {padding: 0;}
.sa2In > h3 {min-height: 40px;}
.saExpert > h2 {font-size: 35px;}
.dfHeading > h2 {font-size: 46px;}
.dfContent > h3 br {display: none;}
.dfContent > h3 {font-size: 14px; min-height: 45px;}
.strInner > p {font-size: 15px;}
.strInner > span {font-size: 16px;}



/***** logo Design *****/
#HeadingLineHr .webSliderText {top: 44%;}
#HeadingLineHr .webSliderText > h2 {font-size: 50px;}
#HeadingLineHr .webSliderText > p {font-size: 17px;line-height: 22px;margin: 10px 0 0;}
.clHeading > h2 {font-size: 43px;}
.clContent > p {font-size: 14px;}
.clsInner {background-size: cover;margin: 20px 0 30px;padding: 30px 20px 40px 20px;}
#portfolioThird .portLike .plInner > h2::before, #portfolioThird .portLike .plInner > h2::after {display: none;}
.stdBlockContent > h3 br {display: none;}
.srHeading > h2 {font-size: 45px;}
.srInner > p {padding: 0px 25px; font-size: 14px;}
.srInner > h3 br {display: none;}
.srInner > h3 {min-height: 60px;padding: 0 15px;}
.cltContent > h2 {  font-size: 29px;}
.stdBlock {min-height: 150px;}
.stdBlockContent > p {font-size: 14px;}
.stdRightIn > h2 br {display: none;}
.stdRight {padding: 30px 10px 82px;}
.stdIntersted > h2 {margin: 0 0 0 0;}
.stdRightIn > p {padding: 0;}



/***** web design *****/
#smallHeadingHrLine .webSliderText {top: 45%;}
#smallHeadingHrLine .webSliderText > h2 {font-size: 50px;}
#smallHeadingHrLine .webSliderText > p { font-size: 17px;}
#smallHeadingHrLine .webSliderText > hr {margin: 15px 0 5px;}
.ysHeadig > h3 {font-size: 40px;}
.wdiHeading > h2 {font-size: 44px;}
.wdiContent > h4 br {display: none;}
.wdiContent > h4 {font-size: 14px;}
.wbuList ul li, .wbuList ul li a {line-height: 18px;}
.wbuList ul li:not(:last-child) {margin: 0 0 12px 0;}
.wdlContent > h2 {line-height: 42px;}
.wdlContent > p {font-size: 17px;line-height: 25px;margin: 30px 0 40px;}
.wdeContent > p br {display: none;}
.wdeOuter {padding: 50px 0 30px 50px;}
.wdeContent > p, .wdeContent > p span, .wdeContent > p a {font-size: 14px;}
.wdeContent p a {display: inline-block;}
.webDesignTestimonial .stLeft > h3, .devTestimonial .stLeft > h3 {font-size: 26px;line-height: 30px;}
.webDesignTestimonial .stLeft > h2, .devTestimonial .stLeft > h2 {font-size: 39px;}
.webDesignTestimonial .stLeft > h2 br, .devTestimonial .stLeft > h2 br {display: none;}



/****** web dev *****/
#smallHeadingLineHr .webSliderText {top: 47%;}
#smallHeadingLineHr .webSliderText > h3 {font-size: 40px; line-height: 45px;}
#smallHeadingLineHr .webSliderText > h2 {font-size: 48px;line-height: 58px; margin: -4px 0 0;}
#smallHeadingLineHr .webSliderText > hr {margin: 0;}
.aiHeading > h2 {font-size: 44px;line-height: 48px;}
.aiHeading > h2 br {display: none;}
.aiInterstedOuter {padding-left: 0;}
.aiInterstedIn {padding: 28px 0 65px 23px;}
.aiInterstedIn > h3 { font-size: 25px;}
.aiIntersted a {margin-left: 23px;}
.aiInterstedIn > p {font-size: 14px;line-height: 16px;}
.dreamHeading > h2 {margin: 0 0 10px;}
.fdContent {padding-left: 15px;}
.fdImage {right: 0;}
.fdButtons {margin: 8px 0 0;}
#tenReasons {background-image: none;}
.trListContent > h3 {  font-size: 12px;  line-height: 16px;}



/***** template Page ****/
.tempSliderText {top: 46%;}
.tempSliderText > h2 {font-size: 36px;margin: 0 0 5px;}
.tempSliderText > p {font-size: 17px;}
.commonTemplateHeading > h2, .commonTemplateHeading > h2 span {font-size: 40px;}
.secOneContent p {padding: 0 20px;}
.pad {padding:0 15px;}
.secSixHeading p {padding: 0 0px;}


.templateContact .contactForm {padding: 0;}

/** about US ***/
#contactField ,#webDesignLooking {  padding: 40px 0;}
.resellerSection > h3 {  font-size: 30px;  line-height: 32px;}
.aboutText p br { display: none;}
.outerBanner {  margin-left: 0;     margin-top: 4px;}

/***  Accordion   ***/

.accordion { max-width: 670px; width: 100%;}
.trImage { margin: 0 4px 0 0;}
.trfContent > p, .trfContent > p span { font-size: 12px;  line-height: 16px;}
.accordion-section-title { width: 109.5px; height: 350px;}
.accordionSidecontent.hideContent .trListFirst.countTwo, .accordionSidecontent.hideContent .trListFirst.countThree, .accordionSidecontent.hideContent .trListFirst.countFour, .accordionSidecontent.hideContent .trListFirst.countOne {  padding: 17px 20px;}
.accordion-section-content > p { font-size: 12px;  line-height: 18px;}
.innerBanner { min-height: 256px;  min-width: 450px;}
.outerBanner { max-height: 306px; width: 95%;}
.align_right::after { background: rgba(0, 0, 0, 0);}
.align_right .descriptonBox { margin-top: 0px;}
.align_left::after { left: -20%; height: 94%;}
.numberText {  font-size: 32px;}
.mapLogo img {  padding: 30px 16px 22px;}
.customerReview.InnerBox p br ,.resellerSection > p br{ display: none;}
table.reviewTextboxTeest, tbody,tr { float: left;  width: 100%;}
table.reviewTextboxTeest td:nth-child(2) {  width: 35% !important; display: table-cell;}
table.reviewTextboxTeest td:nth-child(1) { width: 65% !important ; display: table-cell;}
.align_right .differentPic {  right:0;}
.align_left .differentPic {  left:0;}

.accordionSidecontent { max-width: 114px;}
.outerSliderBox .nav.nav-pills { background-color: hsla(0, 0%, 0%, 0);}
.accordion-section-title.active { max-width: 106px; width: 100%;}
.nav.nav-pills > li.active .accordion-section-title.active { max-width: 291px;  width: 100%;}
.trListFirst.countTwo, .trListFirst.countThree, .trListFirst.countFour, .trListFirst.countOne { padding: 10px 20px;}
.nav.nav-pills> li.active .trListFirst.countTwo, .nav.nav-pills > li.active .trListFirst.countThree, .nav.nav-pills > li.active .trListFirst.countFour, .nav.nav-pills > li.active .trListFirst.countOne {  padding: 6px 0;}
.nav.nav-pills {  max-height: 350px;  overflow: hidden;}


}



@media screen and (max-width:991px){
	/*----updtae css------*/
	.tempSliderText.redirectSlider.redirectSlider01 p {
  font-size: 19px;
}
	#contactUs .outerDiv h2 {
  font-size: 34px;
}
.outerDiv {
  margin-top: -298px;
}
#contactUs .outerDiv .descriptonBox.Text {
  font-size:15px;
}
/*-----*/
.accordion-section-title.active { max-width: 103px;}
.defineFloat.templateSlider.slider .bannerStrip img { min-height: inherit;}
#counter li:first-child {
  margin-left: 0;
}
.borderBox.partnerSect.partnerShipPage { margin: 10px 0 40px;
}
.noPad.pad.secFourHeading.partnerShipPage { padding: 0;
}
.numberText {
  font-size: 26px;
}
.blackBackgroung .firstCol {
  margin-left: 0;
}
a.greyButton::before { border-bottom: none !important;}
.scroll {bottom: 55px;}	
.sliderText > h2 {font-size: 50px;line-height: normal;}
.sliderText > p {font-size: 39px;line-height: normal;}
.sliderText ul {margin: 0;}
header nav.navbar .menuOuter ul li .headerPhone > a {font-size: 14px;}
.getStarted button {padding: 0 32px;}
.sbHeading h2 {font-size: 60px;}
.serviceInterstedOuter {padding: 0 30px;}
.siInner > h2 {font-size: 38px;}
.siInner > p {font-size: 16px;}
.reviewHeading > h2 {font-size: 55px;}
.reviewVideo {position: relative;width: 100%;}
.reviewVideo a img {display: inline-block;width: 100%;}
.reviewHeading > span {line-height: 24px;margin: 3px 0 0;}
.reviewBg {padding: 40px 20px 75px;}
.reviewVideo ul { margin: 10px 0 0;}
.reviewOuter {padding: 0 15px 0 15px;width: 100%;}
.reviewContent {padding: 40px 60px;margin-left:0px;}
.reviewButton {padding-right: 15px;margin: 0;width: 100%;}
#reviews {padding: 50px 0 60px;}
#processFour {padding: 50px 0 60px;}
.pfOuter img {right: 35px;max-width: 140px;}
.pfOuter button {margin: -35px 0 0 45px;}
.pfHeading > h2 {font-size: 46px;line-height: 52px;margin: 0;}
.pfOuter img {max-width: 140px;right: 35px;}
#difference {padding: 50px 0 220px;}
#difference {   background-position: 0 0; background-image: none;}
.differenceHeading > span {display: inline-block;letter-spacing: 0.4px;line-height: 20px;}
.differenceHeading > h2 {font-size: 46px;line-height: 46px;}
.differenceOuter {margin: 30px 0 0;}
.doContent > h3 {min-height: auto;padding: 0 0 12px;}
.doInner:nth-child(1) {order: 1;}
.doInner:nth-child(2) {order: 4;}
.doInner:nth-child(3) {order: 2;}
.doInner:nth-child(4) {order: 5;}
.doInner:nth-child(5) {order: 3;}
.doInner:nth-child(6) {order: 6;}
.doInner {background-position: left 96px top 10px;margin-bottom: 10px;padding-bottom: 20px;}
.doContent > p {padding: 0;}
#costCalculator {padding: 50px 0 25px;}
.ccOuter > h2 {font-size: 40px;line-height: 32px;}
.home .contactHeading h2 {font-size: 57px;}
.counterCount ul {margin: 40px 0 0;}
.homeContact .contactOuter {margin: 25px 0 0;}
.contactMap {margin: 0 0 0;padding-left: 15px;}
#contact {padding: 50px 0 60px;}
.pfHeading {padding: 36px 45px 70px 45px;}
.secEightBoxes .sebContent { margin: 0 0 10px;}
#Portfolio {  background-image: none;  background: #ECF0F1;}




/****** graphic Design ******/
.slider img {min-height: 320px;}
#bigHeadingLineHr .webSliderText > h2 {font-size: 45px;}
#bigHeadingLineHr .webSliderText p {margin: 0px 0 0;}
#bigHeadingLineHr .webSliderText hr {margin: 15px 0 10px 0;}
.faceItHeading > h3 {font-size: 30px;line-height: normal;}
.fiOuter > span {font-size: 15px;}
.fiOuter > p {padding: 0 10px;}
#faceIt {padding: 50px 0 60px;}
#portfolioThird.portfolioThird-01 {padding: 50px 0 60px;}
.ptHeading > h2 {font-size: 42px;}
.creativeHeading h2 {font-size: 45px;}
.creativeHeading span {font-size: 16px;}
.ccInner:nth-child(1) p, .ccInner:nth-child(3) p {padding: 0 15px 0 0;}
.ccInner ul {width: 100%;}
.ccInner:nth-child(1) p, .ccInner:nth-child(2) p {min-height: auto;}
.gdsHeading > h2 {font-size: 48px;line-height: 50px;}
#creativeIdeas {padding: 50px 0 60px;}
#graphicDesignServices {padding: 50px 0 60px;}
#strategicApproach2 {padding: 50px 0 60px;}
.sa2In > p {font-size: 14px;}
.saExpert {padding: 35px 15px 60px;}
.saExpert > h2 {font-size: 45px;line-height: 50px;}
#differenceFirst {padding: 30px 0;}
.dfHeading > h2 {line-height: 48px;}
.dfInOut:nth-child(3) {border-right: 6px solid #fff;}
.dfContent > h3 {font-size: 16px;min-height: auto;}
.dfContent > h3 a {font-size: 16px;}
.dfInOut:nth-child(2n) {border-right: 0px;}
#staticTestimonial {padding: 50px 0 60px;}
.gdsHeading > p {padding: 0 80px;}
.stLeft > h2 br {display: none;}
.stLeft > h2 {font-size: 34px;}
.strInner {padding: 30px 30px 50px;}
.strInner > p {font-size: 14px;}
.stLastLine p {font-size: 25px;line-height: 36px;}
#commonContact {padding: 50px 0 60px;}
.commonContactHeading > h2 {font-size: 54px;line-height: 60px;}
footer {padding: 50px 0 60px;}
.footerLogo a {display: inline-block;margin: 0 0 20px;}
.footerLoginButton {margin: 30px 0 0;}
.footerLeftLinks ul:not(:last-child) {margin: 0 70px 0 0;}
.footerReseller {margin: 50px 0 0 0 ;text-align: center;}
.footerReseller > h3 {font-size: 40px;}
.footerReseller > p {font-size: 15px;margin: 20px 0 0 0;padding:0px;}
.footerReseller button {padding: 0 30px;width: auto;}
body p#back-top::before {display: block;}
body p#back-top {background-color:transparent;bottom: 0px;height: 46px;right: 0px;text-align: center;width: 50px; left: auto; }
body p#back-top a {bottom: inherit;display: inline-block;height: 100%;left: 50%;padding: 11px 0;right: inherit;top: 54%;  transform: translate(-50%, -50%);width: 100%;}
body p#back-top a img {display: inline-block;position: relative;width: 18px;}




/**** logo design *****/
#HeadingLineHr .webSliderText > h2 {font-size: 40px;}
#HeadingLineHr .webSliderText > p {margin: 0 0 0;}
#HeadingLineHr .webSliderText > hr { margin: 15px 0 10px;}
#companyLogo {padding: 50px 0 60px;}
.clHeading > h2 {font-size: 37px;line-height: 40px;}
.clFirst {padding-left: 15px;}
.clSecond {padding-left: 15px;}
.clsInner ul li:not(:last-child) {margin: 0 12px 20px 0;}
.clsInner ul li {font-size: 13px;}
.clThird {padding-left: 15px;}
#portfolioThird {padding: 50px 0 60px;}
.ptImage::before, .ptImage::after {top: 36%;}
.stdHeading > h2 {font-size: 36px;}
.stdBlockContent > h3 {font-size: 14px;line-height: 20px;}
#standardPackage { padding: 50px 0 60px;}
#strategicApproach {padding: 50px 0 60px;}
.saHeading > h2 {font-size: 42px;line-height: 45px;}
.logoContact .commonContactHeading > h2 {font-size: 44px; line-height: 44px;}
.logoContact .commonContactHeading > span::before, .logoContact .commonContactHeading > span::after {left: -115px;width: 100px;}
.logoContact .commonContactHeading > span::after {left: inherit;right: -115px;}
.logoContact .commonContactHeading > span {font-size: 45px;}
#sixReason {padding: 50px 0 50px;}
.srInner {padding: 50px 0;}
.srInner > h3 {min-height: auto;}



/***** web design *****/
#smallHeadingHrLine .webSliderText > h3 {line-height: 36px;}
#smallHeadingHrLine .webSliderText {top: 42%;}
.ysHeadig > h3 { font-size: 37px;}
.ysContent > h4 {font-size: 17px;line-height: 21px;min-height: 50px;}
#yourSite {padding: 50px 0 60px;}
#webDesignPortfolio {padding: 50px 0 60px;}
.wdpHeading > h2 {font-size: 49px;}
.portIsotope {margin: 20px 0 0;}
.portIsotope {padding: 30px 0 63px;}
.wdiHeading > h2 {font-size: 53px;}
.wdiContent > h4 {font-size: 17px;line-height: 22px;}
.wbuRight {border-left: 0;padding-bottom: 0;padding-right: 0;padding-top: 30px;}
.wdlContent > h2 {font-size: 46px;}
.wdlContent > p {line-height: 24px;margin: 20px 0 30px;padding:0 50px;}
#webDesingEqual {padding: 50px 0 60px;}
.wdeOuter {padding: 50px 25px 30px;}
.wdeHeading > h2 { font-size: 39px;line-height: 45px;}
.wdeHeading > p {margin: 4px 0 30px;}
.wdeInner {margin: 0 0 20px;}
.webDesignTestimonial .strBelow > p {line-height: 23px;}
.webDesignTestimonial .strBelow a {display: inline-block;width: 100%;margin: 0;padding: 0;border: none;}
.webDesignContact .commonContactHeading > h2 {font-size: 42px;}
#webDesignInclude {padding: 50px 0 60px;}



/******* web dev *****/
#smallHeadingLineHr .webSliderText > h3 {font-size: 30px;}
#smallHeadingLineHr .webSliderText > h2 {font-size: 40px;}
#smallHeadingLineHr .webSliderText > p {font-size: 15px;line-height: 22px;}
.aiOuter {padding: 0 15px;}
.aiHeading > h2 {font-size: 40px;}
.aiContent > p {font-size: 14px;}
.aiInterstedIn {padding: 28px 0 65px 15px;}
.aiInterstedOuter {padding-left: 15px;}
.aiList li, .aiList li a {font-size: 12px;}
.aiInterstedIn > h3 {font-size: 30px;line-height: 34px;margin: 0 0 5px 0 ;}
.aiInterstedIn > p {font-size: 13px;}
.dreamHeading > p {font-size: 14px;margin: 0 15px 34px;}
#ambitiousIdea {padding: 50px 0 60px;}
#dream {padding: 50px 0 60px;}
.dreamHeading > h2 {font-size: 50px;}
.fdHeading > h2 {font-size: 40px;}
#fourDesign {padding: 50px 0 60px;}
.fdHeading > p {font-size: 15px;line-height: 15px;}
.fdTabOuter {min-height: auto;padding: 40px 35px; display:flex;flex-wrap:wrap;}
.fdTabsIn {order: 2;width:100%;}
.fdImage {position: relative;right: inherit;top: inherit;order:1;width:100%;text-align: center;margin: 0 0 30px;}
.fdImage img { display: inline-block;}
.fdTabOuter .panel.panel-default .panel-body {padding: 0px;border:0px;}
.fdTabOuter .panel.panel-default .panel-body .panel-collapse {padding: 15px;}
.fdTabsIn .panel .panel-body #collapse-tabs-0 .panel-heading h4 a {background: #2cab9b none repeat scroll 0 0;border-bottom: 1px solid #ffffff;color: #ffffff;}
.fdTabsIn .panel .panel-body #collapse-tabs-0 .panel:last-child .panel-heading h4 a{border:0px;}
.fdLastIn > p {font-size: 15px;}
.fdLastIn {padding: 25px 30px 60px;}
.fdLast a {margin: -35px 0 0 30px;}
.trContent ul li:first-child .trListFirst {min-height: 52px;}
.trfContent > p br {display: none;}
.trContent ul li:first-child {width: 100%;min-height: auto;}
.trfContent > p {padding: 0 320px 0 0;}
.trListContent > h3 { font-size: 12px;}
.CounterOuter {padding: 47px 15px 39px; 	display: inline-block;}
.counterHeading > h2::before {display: none;}
.counterHeading > h2 {font-size: 33px;padding: 0;text-align: center;margin:0px;}
#counter.devCounter .CounterOuter {box-shadow: 0 20px 62px rgba(0, 0, 0, 0.12);}
.counterCount ul li:not(:last-child) {margin: 0 40px 0 0;}
.counterCount ul li h4 { font-size: 35px;}
.counterCount ul li a {bottom: -130px; min-height: 40px;white-space:inherit;}
.webDevLooking .wdlContent > p {padding: 0 40px;}
.trContent {margin: 30px 0 0;}
.trHeading > h2 {font-size: 34px;line-height: 36px;}
.trHeading > h3 {font-size: 29px;line-height: 42px;}
.devContact .commonContactHeading > h2 {font-size: 46px;}
#tenReasons {padding: 50px 0 60px;}
#counter.devCounter { margin: -60px 0 0;}

/**** Accordion ***/

.accordionSidecontent { max-width: 150px;}
.accordion { max-width: 570px;}
.accordion-section-title { height: 360px; padding: 20px 12px;}
.accordionSidecontent.hideContent .trListFirst.countTwo, .accordionSidecontent.hideContent .trListFirst.countThree, .accordionSidecontent.hideContent .trListFirst.countFour, .accordionSidecontent.hideContent .trListFirst.countOne {
  padding: 46px 4px;}
.accordion.hideContent .accordion-section-title { width: 213px;}
.accordion-section-title.active .defineFloat.text-center.trListImage { width: 30px;}
.accordion-section-title.active .defineFloat.text-center.trListImage img { padding-right: 10px;  width: 100%;}
.accordion-section-content.open {  padding: 15px 0;}
.accordion-section-content > p { font-size: 11.5px;  line-height: 15px;}


.diffOuter {  padding: 0;  width: 100%;}
.differenceSubHeading.subHeadingVertical { display: none;}
.homeContact .contactForm { max-width: 100%;}
.homeContact .contactMap {  margin: 110px auto 180px ;  max-width: 366px;}
.mapBgPic { margin-left: 110px;}
.aboutLeftText br{display:none;}
#aboutSectionOne .col-sm-6.col-xs-6.col-md-6,.aboutLeftText { width: 100%; max-width: 100%;}
#aboutSectionOne .aboutRightPic { margin: 50px auto 100px;  width: 400px;}
#aboutSectionOne {  padding: 106px 0 150px;}
.makeDifferent h2 {   font-size: 40px;  line-height: 40px;}
.differentText > p br, .descriptonBox > p br,.differentTitle br ,.commonTemplateHeading h2 br { display:none;}
.descriptonBox { margin-top: 0;}
.align_left .differentPic { margin-left: 0;}
.differentPic { margin-right: 0;}
.aboutBanner h2 {  font-size: 45px;  line-height: 45px;}
.extertTitle {  font-size: 30px;}
.alphabetText { font-size: 15px;}
.mapLogo img {  width: 140px;}
.mapLogo > li {  height: 125px;}
.aboutBanner { margin-top: 0;}
.contactBanner {  margin-top: 55px;}
.defineFloat.templateSlider .bannerStrip img { height: auto;}
.defineFloat.templateSlider img {  max-width: inherit;}
.tempSliderText > h2 { font-size: 35px;  margin: 0 0 10px;}
.secSixOuter .col-sm-3.col-xs-3 { margin-bottom: 20px;  width: 100%;}
.secElevenOuter .secElevenBoxes { border-bottom: 1px solid #e5e5e5;  border-right: 1px solid #e5e5e5; width: 50%;}
.fourteenBg .secFourteenBoxes { border: 6px solid #ecf0f1; width: 50%;}
.secCounter ul li h3 {  font-size: 30px;  line-height: 30px;}
.secCounter ul li:not(:last-child) { margin: 0 30px 0 0;}
.secCounter ul li span { font-size: 12px;}
#sectionFourteen .secFourteenHeading.commonTemplateHeading h2, #sectionFourteen .secFourteenHeading.commonTemplateHeading h2 span { font-size: 40px;  line-height: 42px;}
.wdlContent.webDsign > h2 { font-size: 40px; line-height: 40px;}
.wdlContent > h3 {  font-size: 34px;}
.wdlContent.webDsign.lineHeight > p br{display:none;}
.secOneBoxIn {padding: 20px;}
.boxesIn { padding: 38px 20px 25px;}
.borderBox { margin: 0 15px 30px;}
.caption {  top: 28%;}


video { max-width:inherit;}

/*  responsive slider  */

.contentLeftPart { max-width: 100%;  width: 100%;}

#reponsivePortfolio{ display: block; background-color:#f0f5f5; 
}
#reponsivePortfolio  h4.panel-title { background-color: hsl(180, 24%, 96%);  border-bottom: 1px solid hsl(0, 0%, 93%);  border-right: 1px solid hsl(0, 0%, 93%);
}
#reponsivePortfolio .panel-group {  background-color: hsl(0, 0%, 100%);  margin: 15px 15px 0;  padding: 15px;
}
#reponsivePortfolio .panel-group .panel {  border: medium none;
}
#reponsivePortfolio .owl-controls { display: none;
}
#reponsivePortfolio  .panel-body { padding: 15px 0;
}
#reponsivePortfolio .portLike {  margin: 0 15px;  padding: 25px 15px;
}
#reponsivePortfolio h4.panel-title a.collapsed, #reponsivePortfolio h4.panel-title.rsTabTwo a{ background-color: hsl(180, 24%, 96%);
color: hsl(0, 0%, 0%);
}
#reponsivePortfolio h4.panel-title a:hover.#reponsivePortfolio h4.panel-title a { background-color:#21ac9b; color:#fff;
}
#Portfolio ,.container.whoweareIframe.desktopView { display: none;
}
#secondFrame a.tempConterlink { display: none;
}
#secondFrame .templateConter li { padding-bottom: 20px;
}

/* footer change */
.borderBoxFooter {  padding-bottom: 0px;  text-align: center;
}
#certifiedLogos {  margin-top: 19px;
}


}


@media screen and (max-width:767px){
	
/* footer change */
.borderBoxFooter { padding-top: 0px;
}	
#certifiedLogos { margin-top: 0px;
}	
	
/*-----update-------*/
	#contactBanner02 {
  height: 60px;
}
	.tempSliderText.redirectSlider.redirectSlider01 p {
  line-height: 27px;
}
	.defineFloat.templateSlider.teammemberThumb{ height:auto;}
	#contactUs .outerDiv .descriptonBox.Text a {
  color: rgb(33, 172, 155);
}
	.mobThumb{ display:inline-block;}
	.deskThumb{ display:none;}
	.outerDiv {
  margin-top: 0;
}
#contactUs .outerDiv h2 {
  color:#000000;
  font-size:30px;
}
#contactUs .outerDiv .descriptonBox.Text {
  color: rgb(0, 0, 0);
}
	#contactUs{ overflow:visible;}
	
.defineFloat.webDesignBanner.slider.teammemberThumb, .defineFloat.webDesignBanner.slider.teammemberThumb img{ height:auto; width:100%;}

/*---------*/

#devAccordion.commonAccordion #accordion .panel .panel-heading h4 a.outsourceTitle ,.commonAccordion #accordionOutSource .panel .panel-heading h4 a.outsourceTitle  {  font-size: 18px; line-height: 22px;}
.commonAccordion #accordionOutSource .panel .panel-heading h4 a.outsourceTitle::after ,#devAccordion.commonAccordion #accordion .panel .panel-heading h4 a.outsourceTitle::after { bottom: 0;}
.whyOutSource-textCoulmn { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; text-align:justify;
-webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;}
.whyOutSource-textCoulmn > br { display: inline-block; margin-bottom: 15px; width:100%;}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
		background: #299b8d none repeat scroll 0 0;
	}
#lhc_status_container .status-icon{ background-position:30% center !important;}
#lhc_status_container {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: hsl(0, 0%, 85%) hsl(0, 0%, 85%) currentcolor;
    border-image: none;
    border-radius: 15px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    bottom: 0 !important;
    height: 40px;
    left: auto;
    margin-bottom: 0;
    padding: 5px 0 0 2%;
    position: fixed;
    right: 0 !important;
    text-indent: -9999px;
    top: auto;
    width: 46px !important;
}

	
.list-unstyled.colorSelection li:last-child {  border-bottom: medium none;
}
.defineFloat.templateSlider, .defineFloat.templateSlider img {  height: 320px;}	
h2.aloha-block-blocklevel-sortable {  font-size: 43px;  line-height: 43px;}	
.sliderText > h2 { font-size: 40px; line-height:40px;
}
#menu nav .navbar-header .mobileLinks ul li .salesEmail a { font-family: Poppinsregular; font-size: 10px;  text-transform: inherit;}
.salesEmail i { color: #21ac9b;  font-size: 14px;  margin-right: 5px;}	
.sliderText ul li input { padding: 10px;  width: 250px; height: auto; line-height: 22px; white-space: inherit;}
.align_right, .align_left { margin-top: 0;}
.makeDifferent { margin-bottom: 20px;}
.makeDifferent h2 { font-size: 30px;  line-height: 30px;}
.descriptonBox ,.differentPic ,.differentText > p, .descriptonBox > p ,.differentTitle	{  text-align: left;}
.hrLine {  margin: 2px 0 20px; }
.descriptonBox > p { min-height: inherit;}
.differentPic.litMargin { margin-bottom: 0;}	
.contactBanner { margin-top: 0;}
header.defineFloat { overflow: visible;}
.getStarted button { font-size: 12px; height: 38px;}
#contactUs .shadowBox .fullWidth,.secThirteenContent > p { padding: 0;}	
.commonTemplateHeading.bottomSpaceLess > p { margin-bottom: 10px;}
	
header nav.navbar {min-height: 66px;}
header nav.navbar .navbar-header a.navbar-brand img {height: auto;max-width: inherit;}
#menu nav .navbar-header .mobileLinks ul li {display: block;width: 175px;}
#menu nav .navbar-header {margin: 0;text-align:center;}
#menu nav .navbar-header .mobileLinks {display: inline-block;padding:7px 0;}
#menu nav .navbar-header button {background: #f8f8f8 none repeat scroll 0 0;border-bottom: 0 none;border-radius: 0;  border-right: 0 none;border-top: 0 none;height: 66px;margin: 0; padding: 0 20px;border-left: 1px solid #ebebeb;}
#menu nav .navbar-header .mobileLinks ul li a {color: #4b4b4d;font-family: PoppinsBold;font-size: 13px;text-transform: uppercase;}
#menu nav .navbar-header .mobileLinks div a img {display: inline-block;margin: 0 7px 0 0;position: relative;top: 3px;left:0px;}
#menu nav .navbar-header .mobileLinks ul li .headerPhone > a {font-family: OpenSansBold;font-size: 17px;}
#menu nav .navbar-header .mobileLinks ul li .headerMail > a {font-family: OpenSansRegular;font-size:11px;text-transform: none;}
header nav.navbar .menuOuter ul li.lastChild {display: none;}
#menu nav .navbar-header button span.icon-bar {width: 18px;height: 2px;color: #646464; border-radius: 0px;}
header nav.navbar .menuOuter {border:0px;}
header nav.navbar .menuOuter ul {background: #1d1d23 none repeat scroll 0 0;margin: 0;padding: 10px 15px;text-align: center;}
header nav.navbar .menuOuter ul li a {color: #ffffff;font-size: 13px;letter-spacing: 0.8px;padding: 12px 9px 13px 9px;display:inline-block;}
header nav.navbar .menuOuter ul li span, header nav.navbar .menuOuter ul li span i{display: inline-block;color: #fff;cursor:pointer; padding-left:3px;}
header nav.navbar .menuOuter ul > li:hover > ul {display: none;}
header nav.navbar .menuOuter ul li ul li::before {display: none;}
header nav.navbar .menuOuter ul li ul {background: #000;width: 100%;padding:0px;}
header nav.navbar .menuOuter ul li ul li ul {height: auto;left: 0;position: relative; top: 100%;width: 100%;}
header nav.navbar .menuOuter  {overflow: inherit;}
header nav.navbar .menuOuter ul li{border-left:0px;border-bottom: 1px solid #343439;}
header nav.navbar .menuOuter ul li ul li {line-height: 10px;}
header nav.navbar .menuOuter ul li ul li ul li a:hover, body header nav.navbar .menuOuter ul li ul li ul li span a:hover {color: #000000 !important;}
header nav.navbar .menuOuter ul li ul li a {line-height: 12px;padding: 15px 0;}
header nav.navbar .menuOuter ul li ul li ul span {display: inline-block;margin: 0;}
header nav.navbar .menuOuter ul li ul li ul li a {padding: 15px 0;}
header nav.navbar .menuOuter ul li ul li ul span a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;padding: 15px 0;}
header nav.navbar .menuOuter ul li:nth-child(6) {border: 0 none;}
.getStarted { margin: 20px 0 20px;}

.socialLinks {background-color: #21ac9b; margin:4px 0 0}
header nav.navbar .socialLinks ul {background-color: inherit;padding: 0;}
header nav.navbar .socialLinks ul li {border-bottom: 0 none;display: inline-block;}
header nav.navbar .socialLinks ul li:not(:last-child){border-right:1px solid #1c9284;}
header nav.navbar .socialLinks ul li a {font-family: PoppinsLight;font-size: 12px;letter-spacing: 0.8px;line-height: 22px;padding:15px 10px;}
header nav.navbar .socialLinks ul li a:hover {color: #fff;}
header nav.navbar .socialLinks ul li a img {display: inline-block;}


#mainSlider .item img {width: 100%;height: 500px;}
.subHeadingVertical {margin: 0 0 10px 0;}
.subHeadingVertical > h4::after {background-image: url("../images/horizontalsubheading.png");  height: 10px;left: 100%;  top: 50%;transform: translateY(-50%);width: 134px;}
.subHeadingVertical > h4 {display: inline-block; letter-spacing: 6px;width: auto;}
.aboutContent ul li:not(:last-child) {margin: 0 21px 0 0;}
.aboutContent ul li a {font-size: 13px;}
.aboutContent > p {font-size: 14px;}
.aboutContent ul {display: inline-block; margin: 10px 0 0;}
.serviceOuter {padding: 30px 15px 70px; display: inline-block;}
.sbInner > p {padding: 0;}
.sbInner > h3 {font-size: 20px;}
.sbHeading h2 {font-size: 56px;}
.siInner > h2 {font-size: 30px;margin: 0;}
.serviceIntersted {padding: 43px 0 58px;}
.siInner > p {font-size: 18px;padding: 0 50px;line-height: 30px;}
.siInner > p a {font-size: 15px;}
#Portfolio {padding: 50px 0 60px;}
.portOuter {padding-left: 15px;}
.PortfolioSubHeading {padding-right: 15px;}
.portHeading::before {display: none;}
.home .plInner::before {display: none;}
#Portfolio {background-image: none;background-color: #21ac9b;}
.portHeading {padding-left: 0;}
.portHeading > h2, .portHeading > h3 {color: #fff;}
#portfolio .portLike {padding: 30px 0 23px;}
.reviewHeading > span {font-size: 16px;}
.reviewHeading > h2 {font-size: 36px;line-height: 42px;}
.reviewHeading {margin: 20px 0 30px;}
.reviewContent {padding: 36px 50px 80px;}
.pfHeading > h2 {font-size: 33px;line-height: 40px;margin: 0;}
#Portfolio { background-color: #f3f8f8; background-image: none; background-image:none;}
#Portfolio .portHeading.mainHeadings.wow.fadeInUp h2,#Portfolio .portHeading.mainHeadings.wow.fadeInUp h3 { color: #000000;
}
.differenceSubHeading h4, .contactSubHeading h4 {color: #21ac9b;}
.differenceSubHeading > h4::after, .contactSubHeading h4::after {background-image: url("../images/greenafter.png"); }
.diffOuter {padding: 0 15px;}
.differenceHeading {padding: 0;}
.differenceHeading > h2 {font-size: 45px;line-height: 45px;}
.differenceHeading > span {font-size: 12px;}
.doImage {margin: 0 20px 0 0;}
.doContent > p {font-size: 14px;}
.doInner {padding-bottom: 0;}
.ccOuter > h2 {font-size: 50px;line-height: 58px;letter-spacing: 0;word-spacing: -2px;}
.homeContact .contactHeading h2 {font-size: 56px;}
.homeContact .contactOuter {display: flex;flex-wrap: wrap;}
.contactMap {order: 1;width:100%;margin: 30px 0;text-align:center;}
.contactMap img {display: inline-block;}
.homeContact .contactForm {order: 2;width:100%;}
.homeContact .contactForm form {padding: 50px 38px 50px;}



/****** graphic Design ******/
.slider img {min-height: auto;}
.webSliderText {background-color: #000000;bottom: inherit;left: inherit;padding: 20px 0;position: relative;right: inherit;  transform: inherit !important;}
#bigHeadingLineHr .webSliderText > h2 {font-size: 35px;line-height: 28px;margin: 0 0 11px 0;}
#bigHeadingLineHr .webSliderText p {margin: 0;color: #fff;}
.fiOuter > span {padding: 13px 10px;}
.fiOuter > p {font-size: 14px;}
.ptHeading > h2 {font-size: 55px;}
#portfolioThird.portfolioThird-01 .plInner h2 {font-size: 49px;}
.ccInner > h3 {font-size: 22px;}
.ccInner:nth-child(2n) {padding-left: 25px;}
.ccInner:nth-child(1) p, .ccInner:nth-child(2) p {min-height: 130px;}
.gdsHeading > p {padding: 0 70px;}
.sa2Heading > h2 {font-size: 38px;line-height: 44px;}
.sa2In:nth-child(2), .sa2In:nth-child(5) {width: 50%;}
.sa2In {width: 50%;padding: 25px 15px !important;}
.sa2In:nth-child(2n) {border-right: 0px;}
.sa2In:nth-child(3) {border-right: 2px solid #d3d8d8;}
.sa2In:nth-child(4) {border-bottom: 2px solid #d3d8d8;}

.saExpert > h2 {font-size: 40px; line-height: 44px;letter-spacing: 0px;}
.dfContent > p {padding: 0;}
.dfIn {flex-wrap: wrap;}
.dfImage {margin: 0 0 20px;text-align: center;width: 100%;}
.dfImage img { display: inline-block;}
.dfContent {text-align: center;width: 100%; max-width: 100%;}
.stLeft {text-align: center;}
.stLeft > h2 {text-align: center;font-size: 40px;}
.strInner > span {font-size: 14px;}
.stLastLine p {font-size: 20px;line-height: 30px;}
.dfHeading > hr {margin: 20px 0 20px;}
.commonContactHeading > h2 {font-size: 52px;}

.strInner > p {font-size: 13px; line-height:22px;}
.contactForm form .checkbox label span {padding: 0;}
.contactForm {padding: 0 15px;}
.checkbox label {margin: 0 0 20px;width: 100%;}
.copyRight {text-align: center;}
.copyRight > span {display: inline-block;line-height: 16px;text-align: center;width: 100%;padding: 0 30px;}
.copyRight > span:last-child {float: none;margin: 5px 0 0;}

footer {padding: 50px 0 80px;}
.footerLinks { margin: 45px 0 38px;}
.footerLeftLinks {justify-content: center;text-align: center;}
.footerLeftLinks ul:not(:last-child) {margin: 0 30px 0 0;}


/**** logo design ******/

#HeadingLineHr .webSliderText > h2 {font-size: 30px;line-height: 29px;margin: 0 0 7px 0;}
#HeadingLineHr .webSliderText > p {color: #ffffff;font-size: 15px;}
#HeadingLineHr .webSliderText > hr {margin: 15px 0 0 0 ;}
.clHeading > h2 {font-size: 34px;line-height: 38px;}
.clsInner {padding: 20px 20px 20px;}
.cltContent > h2 br {display: none;}
.cltContent > h2 {font-size: 26px;line-height: 30px;}
.stdHeading > h2 {font-size: 50px;}
.stdLeft {padding-left: 0;padding-right: 0px;}
.stdOut {padding: 0;}
.stdBlockContent > p {font-size: 13px;}
.stdRight {padding: 30px 15px;}
.stdRightIn > hr {margin: 16px 0 10px;}
.stdIntersted > h2 {font-size: 36px;}
.stdIntersted > p {font-size: 16px;}
.saHeading > h2 br {display: none;}
.saHeading > h2 {font-size: 34px;line-height: 40px;}
.saContent > p {padding: 0;}
.srHeading > h2 {font-size: 45px;line-height: 45px;}
.srInner > p {font-size: 13px;}
.srInner > h3 {min-height: 60px;}
.logoContact .commonContactHeading > h2 {font-size: 35px;line-height: 35px;}
.logoContact .commonContactHeading > span {font-size: 40px;}


/****** web design ******/
#smallHeadingHrLine .webSliderText {   position: absolute;  background-color: transparent;}
#smallHeadingHrLine .webSliderText > p {font-size: 16px;color: #fff;margin: 0;}
#smallHeadingHrLine .webSliderText > h2 {font-size: 43px;}
#yourSite {background-image: none;}
.ysHeadig > h3 { font-size: 40px;}
.ysContent > h4 {min-height: auto;margin: 0 0 6px 0;}
.ysNeed h5::before, .ysNeed h5::after {display: none;}
.ysNeed > p {padding: 0 50px;}
.wdpHeading > h2 { font-size: 38px;}
.portIsotope {padding: 30px 30px 63px;}
.wdiHeading > h2 {font-size: 50px;}
.wdiContent > h4 { font-size: 16px;}
.wbuRight {padding-left: 0;}
.wdlContent > h3 {font-size: 32px;margin: 0 0 2px;}
.wdlContent > h2 {font-size: 37px;}
.wdlContent > p {font-size: 14px;margin: 15px 0 25px;}
.wdeOuter {padding: 30px 25px 30px;}
.wdeHeading > h2 { font-size: 52px;line-height: 50px;}
.wdeHeading > p {font-size: 16px;}
.wdeInner {margin: 0 0 30px;}
.wdeContent > p, .wdeContent > p span, .wdeContent > p a { font-size: 17px;}
.webDesignTestimonial .stLeft > h2 {font-size: 42px;}
.webDesignContact .commonContactHeading > h2 {font-size: 33px;line-height: 45px;}
.webDesignContact .commonContactHeading > p {font-size: 15px;padding: 0 80px;}



/***** web dev *****/
#smallHeadingLineHr .webSliderText > h3 {font-size: 25px; line-height: 25px;}
#smallHeadingLineHr .webSliderText > h2 {font-size: 31px;line-height: 35px; margin: 4px 0 3px;}
#smallHeadingLineHr .webSliderText > p {font-size: 15px; line-height: 22px; padding: 0 30px;}
.aiHeading > h2 {font-size: 32px; line-height: 36px;}
.aiHeading > span {font-size: 15px;}
.fdHeading > h2 {font-size: 32px;margin: 0;}
.fdHeading > p {line-height: 25px;}
.fdContent {padding-right: 15px;} 
.fdImage img {display: inline-block; width: 100%;}
.fdLastIn > p { font-size: 13px;}
.trHeading > h2 {font-size: 48px; line-height: 50px;}
.trfContent > p {padding: 0 160px 0 0;}
.trContent ul li {min-height: 360px;width: 190px;}
.trListContent > h3 { font-size: 14px;}
.counterHeading > h2 {font-size: 39px; line-height: 45px;letter-spacing: 0;}
.devContact .commonContactHeading > h2 {font-size: 36px;line-height: 36px;}
.counterCount ul { display: inline-block;}
.socialLinks { display: block;}
.dividerLine { margin-left: 0;}
.dividerLine::after { border: 0px solid #363535;}

/** About page ***/

.fullWidth { width: 100%;}
form.contactInputField { padding: 15px;}
.conFormBox { float: left;  margin-left: -15px;}
.contactTextField > h2 { font-size: 30px; line-height: 30px;}
.lightGrayline { display: none;}
.empty { display: none;}


/***  Accordion  ****/

.accordionSidecontent { float: none;  margin: 0 auto;  max-width: 410px;}
.accordion { margin-top: 20px; max-width: 100%;}
.accordion-section-title { width: 100%;}
.accordionSidecontent.hideContent { max-width: 410px; background: rgba(0, 0, 0, 0);}
.accordionSidecontent.hideContent .trfContent { display: block;}
.trfContent > p { padding: 0 110px 0 0; min-height: 55px;}
.accordionSidecontent.hideContent .trListFirst { background-size: 44px auto;}
.accordion.hideContent .accordion-section-title { width: 100%;}
.accordion.hideContent { max-width: 100%;}
#mainSlider .item .scroll img { height: auto;}
.scroll { bottom: 0px;  left: 50%;}
header { position: relative;}
#tagLine { display: none;}
.doInner { position: relative;}
.doInner::after { color: #a0a0a0;  content: "+";  font-family: dosisbold;  font-size: 27px;  position: absolute;
  right: 0;  top: 15px;}
.doContent p { display: none;}
.doContent p.showHide { display: block;}
.defineFloat.differenceOuter.deskTop { display: none;}
.defineFloat.differenceOuter.responsiveBox {  display: block;}
.doInner.current p {display: block;}
.doInner.current::after { content: "";}
.doInner::before { color: #a0a0a0;  content: "-";  font-family: dosisbold;  font-size: 27px;  position: absolute;
  right: 0;  top: 15px;}
.differenceOuter .doInner { cursor: pointer;}
body p#back-top a::after { border-right:none; border-top:none; bottom: -10px;
  content: ""; position: absolute; right: -10px;  z-index: -1;}
body p#back-top {  background-color: rgba(0, 0, 0, 0);}
body p#back-top a img {  width: 14px;}
body p#back-top a {  padding:11px 0 0 0px;}
.doContent > h3 { padding-right: 15px;}
.aboutBanner { margin-top: 0;}
.extertTitle { font-size: 22px;  line-height: 22px;}
.fifty { width: 50%;  margin-bottom: 20px;}
.blackBackgroung::before { background: rgba(0, 0, 0, 0) ;}
.mapSection > h2 { font-size: 30px;  line-height: 30px;}
.mapLogo img { width: 87px;}
.mapLogo > li { height: 90px;}
.customerReview.InnerBox {  margin-left: 0;  margin-top: 20px;}
.aboutBanner { margin-top: 58px;}
#aboutSectionOne { padding: 30px 0 100px;}

#sectionTweleve.clipBoxTwo,#sectionTwo.drupalBoxTwo,#sectionEleven.drupalBoxThree,#sectionNine.ecommerrceBoxTwo,#sectionPartOne.graphicsIndiaOne,#sectionTen.joomlaDEveloperOne ,#sectionTweleve.joomlaDEveloperThree,#sectionTweleve.joomlaDEvelopentTwo ,#sectionSeven.joomlaDEvelopentThree,#sectionTen.joomlawebDesignOne,#sectionFive.joomlawebDesignTwo,#sectionTwo.joomlawebDesignThree ,#sectionFour.mjDeveloperBoxOne ,#sectionEleven.mjDeveloperBoxTwo ,#sectionFourteen.mjDeveloperBoxThree,#sectionTwo.mjDevelopementBoxOne,#sectionTwo.mjDevelopementBoxOne ,#sectionTweleve.htmlDeveloperBoxOne ,#sectionOuterOne.joomlaDEvelopentOne,#sectionSeven.mjDevelopementBoxTwo ,#sectionSeven.mbWebsiteBoxThree ,#sectionTwo.htmlDeveloperBoxThree,
#sectionTweleve.htmlProgramerBoxTwo ,#sectionSeven.graphicsIndiaTwo ,#sectionFour.wsProgrammerBoxOne ,#sectionTwo.mjDevelopementBoxThree ,#sectionTweleve.wsDesignerBoxThree ,#sectionOuterOne.htmlDevelopmentBoxOne ,#sectionTen.webDesigningBoxThree,#sectionTwo.reDirectBoxTwo ,#sectionTweleve.htmlDevelopmentBoxTwo ,#sectionFive.htmlDevelopmentBoxThree ,#sectionOuterOne.webApplicationBoxOne ,#sectionOuterOne.drupalBoxOne, #sectionTwo.webPortalBoxThree ,#sectionNine.webPortalBoxfour #sectionSeven.webDeveloperBoxOne,#sectionTwo.webDeveloperBoxTwo,#sectionOuterOne.webDesignerBoxOne,#sectionEight.webDesignerBoxThree ,#yourSite.webDesignBoxOne,#webDesignPortfolio.webDesignBoxTwo ,#webDesignInclude.webDesignBoxThree ,#sectionTweleve.wsProgrammerBoxThree ,#sectionTen.wsDesignerBoxOne ,#sectionThree.wsDesignerBoxTwo,#sectionTwo.wsDevelopmentBoxThree,#sectionTwo.wpDevelopmentBoxThree ,#sectionFour.wpDeveloperBoxOne,#aboutSectionTwo ,#aboutSectionThree ,#aboutSectionFour ,#sectionOuterOne,#sectionOne-two ,#sectionTwo,#sectionThree,#sectionFour,#sectionFive ,#sectionSix ,#sectionSeven ,#sectionEight ,#sectionNine ,#sectionTen,#sectionEleven,#sectionTweleve,#sectionThirteen ,#sectionFourteen ,#sectionNine.webPortalBoxfour ,#sectionSeven.webDeveloperBoxOne ,#payment,#sectionOuterOne.bottomSpaceLess ,.gallery ,#sectionTweleve.htmlDevelopmentBoxTwo.career, #reviewPage{ padding: 40px 0;
transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;
}
section{overflow:hidden;}
.resellerSection > h3::before,.resellerSection > h3::after { background-image: none;}
.blackBackgroung { margin-top: 0;}	
.customerReview > h2 {  font-size: 32px;  line-height: 32px;}
#sectionOuterOne {  background-size: inherit;}
.commonTemplateHeading > h2, .commonTemplateHeading > h2 span { font-size: 30px;  line-height: 30px;}
.secOneBox .secOneBoxIn.commonBoxSubHeading { border-bottom: 1px solid #e5e5e5;  width: 100%;}
.defineFloat.secOneBox { margin-bottom: 30px;}
.tempSliderText {  transform: translateY(-30%);}
.secThree-oneBoxes .boxesIn.commonBoxSubHeading { width:100%; min-height: inherit;  border-bottom: 1px solid #e5e5e5;}
.defineFloat.secThree-oneBoxes { margin-bottom: 30px;}
#secThree-two { padding: 40px 0 0;}
#secThree-two .list-unstyled { margin-left: 15px;}
.secFourImage img { display: inline;}
.secFourImage,.secTenImage { text-align: center;  width: 100%;}
.secFourContent.commonPara {  width: 100%;}
.secNineList.commonPara { margin-bottom: 25px;  width: 100%;}
.secTenContent.commonPara { width: 100%;}
.secElevenOuter .secElevenBoxes {  width: 100%; min-height: inherit;}
.commonTemplateHeading > h2, .commonTemplateHeading > h2 span,.devContact .commonContactHeading > h2,.devContact .commonContactHeading > p { text-align: left;}
.secThirteenHeading > h2 { font-size: 42px;  line-height: 45px; }
.secThirteenLinks a {  margin: 6px 15px !important; padding: 10px 25px; line-height: 20px;}
.templateTest { display: inline-block;}
.templateContact .commonTest { float: left; width: 100%; padding: 20px 25px !important;}
.devContact .commonContactHeading > p { padding:0;}
.webDesignUtilize { border-bottom: medium none;}
.career .row { margin-top: 20px;}
.defineFloat.htmlDevelopmentBoxTwo.career .row { margin-top: 0;}
.career .smspace {  border-bottom: 0 solid #e5e5e5;}
.careerFirstRow > p:last-child { margin-bottom: 0;}
.dropdown .activeMenu { margin-left:0px;}
#aboutSectionFour .reviewLine { display:none;}

.reviewVideo ul li { border-bottom:0px solid #000;}

.btn.btn-default.blue.greyButton.customDesignBtnOne.calculate {
  background-image: none;
  background-position: left center;
  padding-left: 80px;
  white-space: normal;
}
.customDesignBtnOne.calculate:hover {
  background-color: #f1c826;
  background-image: none;
  background-repeat: no-repeat;
}
.secThree-twoContent ul li:last-child, .secSevenList ul li:last-child {
  border-bottom: 0 solid #e0e0e0;
}

.whoweareIframe { padding:40px 15px;}

}

@media screen and (max-width:640px){ 
.portLike .plInner h2{
	margin-bottom: 0;
	line-height: 30px;
}
#lhc_status_container { bottom:0px !important; position:fixed!important; left:0px!important; z-index:999999999!important; top:auto!important; margin-bottom:0px !important; background:#21ac9B!important;border:0px solid #21ac9B!important; padding:2px 0 0 10px!important;}
}


@media screen and (max-width:599px){
.secEightOuter .secEightBoxes,.secTweleveContent .secTweleveBoxes { width: 100%;}
.customerReview.InnerBox { padding: 30px 20px 40px;}
.contactTextField * { text-align: left !important;}	
.resellerSection > h3 {  font-size: 25px;  line-height: 28px;}	
footer .list-unstyled.mail { margin: 20px auto 0;  max-width: 240px;  padding-top: 30px;  float: none;}	
footer .list-unstyled.mail li span:nth-child(2) {  left:97px; width:47px;}
footer .list-unstyled.phone {  text-align: left;  width: 190px;}	
.footerReseller { margin: 20px 0 0;}		
#mainSlider .item img {height: 550px;width: 100%;}	
.sliderText > h2 {font-size: 40px;}
.sliderText > p {font-size: 28px; margin: 0 0 20px;}
.scroll {bottom: 15px;left:49.5%;}	
.sliderText ul li:not(last-child) { margin: 0 5px 0 0;}
.subHeadingVertical, .subHeadingHorizontal { display: none;}
.aboutHeading > h2 {font-size: 38px;line-height: 40px;}
.aboutContent ul li:nth-child(2) {display: none;}
.sbHeading h2 {font-size: 48px;}
.sbHeading > span {display: inline-block;margin: 5px 0 0;}
.sbInner {margin: 0 0 25px;width: 100%;}
.sbInner > h3 {font-size: 31px;line-height: 32px;}
.sbInner > p {font-size: 14px;}
.serviceInterstedOuter {margin: -50px 0 0;}
.siInner > h2 {font-size: 42px;margin: 0;line-height: 48px;}
.siInner > p {font-size: 15px;}
.portHeading > h3 {font-size: 37px;}
.reviewHeading > h3 {font-size: 41px;}
.reviewHeading > span {font-size: 13px;}
.reviewHeading > h2 {font-size: 35px;}
.reviewVideo ul li:not(:last-child)::after {right: -10px;height: 10px;}
.reviewVideo ul li:not(:last-child) { margin: 0 14px 0 0;}
.reviewContent { padding: 36px 15px 80px;}
.pfOuter img {max-width: 80px;}
.pfHeading {padding: 36px 45px 70px 25px;}
.pfOuter button {margin: -35px 0 0 25px;}
.pfHeading > h2 {font-size: 30px;}
.doContent > h3 {font-size: 21px;line-height: 24px;}
.ancher-fix a{
	font-size: 21px !important; 
}
.doContent > p {font-size: 13px;}
#counter {padding: 0 0 55px;}
.ccOuter > h2 {font-size: 42px;line-height: 46px;}
.homeContact .contactHeading h2 {font-size: 44px;line-height: 48px;}
.aboutBanner h2 { font-size: 35px;  line-height: 35px;}

/****** graphic design ****/	
#bigHeadingLineHr .webSliderText > h2 {font-size: 28px;}
#bigHeadingLineHr .webSliderText p {font-size: 14px;}
#bigHeadingLineHr .webSliderText p br {display: none;}	
.faceItHeading > h2::before, .faceItHeading > h2::after {display: none;}
.faceItContent {padding: 0 15px;}
.fiOuter > span {padding: 13px 0;}
.fiOuter > p {font-size: 13px;padding: 0 15px;}
.ptHeading > h2 {font-size: 43px;line-height: 42px;}
.ptImage::before, .ptImage::after {top: 33%;}
.ptbutton {margin: 40px 0 34px;}
#portfolioThird.portfolioThird-01 .plInner h2 {font-size: 40px;}
.creativeHeading h2 {font-size: 36px;line-height: 44px;}
.creativeHeading span {font-size: 13px;}
.ccInner {border: medium none;width: 100%;}
.ccInner:nth-child(1) p, .ccInner:nth-child(2) p {min-height: auto;}
.ccInner:nth-child(2n) {padding-left: 0;}
.ccInner:nth-child(3), .ccInner:nth-child(4) {padding-top: 0;}
.ccInner:nth-child(1), .ccInner:nth-child(2) {padding-bottom: 0;}
.ccInner:not(:last-child) {margin: 0 0 30px 0;}
.gdsHeading > p {font-size: 15px;line-height: 22px;padding: 0 10px;}
.sa2Heading > h2 {font-size: 43px;}
.sa2In {border: 0 none !important;width: 100%;}
.sa2In:nth-child(2), .sa2In:nth-child(5) {width: 100%;}
.sa2In > h3 {min-height: auto;}
.saExpert > h2 {font-size: 33px;line-height: 36px;}
.dfInOut {border-right: 0 none !important;width: 100%;}
.commonContactHeading > h2 {font-size: 42px;line-height: 48px;}
.phone li a {font-size: 12px; }
.footerLeftLinks ul {width: 100%;}
.footerLinks {margin: 35px 0 ;}
.footerLeftLinks ul:not(:last-child) {margin: 0 0 20px 0 !important;}
.footerReseller > h3 {font-size: 37px;}
.footerReseller > p {font-size: 14px;margin: 14px 0 0; 
}


/****** logo design ****/
#HeadingLineHr .webSliderText > h2 {font-size: 25px;}
#HeadingLineHr .webSliderText > p {font-size: 14px;}
.clHeading > h2 {font-size: 27px;line-height: 32px;}
.clsInner {padding: 15px 20px 25px;}
.cltContent > h2 {font-size: 30px;line-height: 32px;}
.plInner > h2 {font-size: 40px;}
.stdHeading > h2 {font-size: 42px;line-height: 42px;}
.stdBlock {width: 100%;min-height: auto;}
.stdOut {margin: 10px 0 0;}
.stdBlockContent > h3 {font-size: 17px;line-height: 24px;}
.stdRightIn > h2 {font-size: 31px;line-height: 35px;}
.stdRightIn > p {font-size: 14px;}
.stdIntersted > h2 {font-size: 47px; line-height: 50px;}
.stdIntersted > p {font-size: 17px;padding: 0 50px;line-height: 22px;margin-top: 6px;}
.saHeading > h2 {font-size: 38px;line-height: 45px;}
.saInner {width: 100%;}
.srHeading > h2 {font-size: 39px;line-height: 40px;}
.srOuter {width: 100%;}
.srInner > h3 {font-size: 20px;line-height: 25px;margin: 10px 0; min-height: auto;}
.stLeft > h2 {font-size: 31px;line-height: 35px;}
.logoContact .commonContactHeading > h2 {font-size: 27px; line-height: 27px;}
.logoContact .commonContactHeading > span::before, .logoContact .commonContactHeading > span::after {display: none;}
.logoContact .commonContactHeading > span {font-size: 54px;}


/***** web design ****/
#smallHeadingHrLine .webSliderText > h3 {font-size: 28px;line-height: 29px;}
#smallHeadingHrLine .webSliderText > h2 {font-size: 35px;line-height: 46px;}
#smallHeadingHrLine .webSliderText > p {line-height: 22px;padding: 0 70px;}
#smallHeadingHrLine .webSliderText > hr {margin: 6px 0 4px;}
.ysHeadig > h2 {font-size: 47px;  line-height: 45px;}
.ysHeadig > h3 {font-size: 23px; padding: 0;margin: 0 0 10px 0;}
.ysHeadig > span { font-size: 32px; line-height: 40px;}
.ysNeed h5 {font-size: 23px;  line-height: 26px;margin: 0 0 9px;}
.ysNeed > p {padding: 0 0;}
.wdpHeading > h2 {font-size: 46px;line-height: 48px;}
.wdiHeading > h2 {font-size: 48px;line-height: 48px;}
.wdiContent > p {font-size: 14px;}
.wduLeft > h2 {font-size: 31px;line-height: 36px;}
.webDesignUtilize {margin: 10px 0 50px;padding: 20px 0 40px 0;}
.wduLeft {padding: 0;}
.wbuList:not(:first-child) {margin: 13px 0 0 0;}
.wbuList {padding: 0;width: 100%;}
.wdlContent > h2 {font-size: 53px;line-height: 50px;}
.wdlContent > p {padding: 0;}
.wdlContent button {padding: 0 10px 0 60px;white-space: inherit;}
.wdeHeading > h2 {font-size: 40px;line-height:40px;}
.wdeHeading > p {font-size: 15px;}
.wdeContent > p, .wdeContent > p span, .wdeContent > p a {font-size: 15px;}
.webDesignTestimonial .stLeft > h2 {font-size: 38px;line-height: 40px;}
.webDesignContact .commonContactHeading > h2 {font-size: 41px;line-height: 45px;}
.webDesignContact .commonContactHeading > p {font-size: 15px;padding: 0 30px; line-height: 20px; margin: 4px 0 0 0 ;}


/**** web dev *****/
#smallHeadingLineHr .webSliderText > h2 {font-size: 25px;}

/***** web design ****/
#smallHeadingHrLine .webSliderText > h3 {font-size: 28px;line-height: 29px;}
#smallHeadingHrLine .webSliderText > h2 {font-size: 35px;line-height: 46px;}
#smallHeadingHrLine .webSliderText > p {line-height: 22px;padding: 0 70px;}
#smallHeadingHrLine .webSliderText > hr {margin: 6px 0 4px;}
.ysHeadig > h2 {font-size: 47px;  line-height: 45px;}
.ysHeadig > h3 {font-size: 23px; padding: 0;margin: 0 0 10px 0;}
.ysHeadig > span { font-size: 32px; line-height: 40px;}
.ysNeed h5 {font-size: 23px;  line-height: 26px;margin: 0 0 9px;}
.ysNeed > p {padding: 0 0;}
.wdpHeading > h2 {font-size: 46px;line-height: 48px;}
.wdiHeading > h2 {font-size: 48px;line-height: 48px;}
.wdiContent > p {font-size: 14px;}
.wduLeft > h2 {font-size: 31px;line-height: 36px;}
.webDesignUtilize {margin: 10px 0 0;padding: 20px 0;}
.wduLeft {padding: 0;}
.wbuList:not(:first-child) {margin: 13px 0 0 0;}
.wbuList {padding: 0;width: 100%;}
.wdlContent > h2 {font-size: 53px;line-height: 50px;}
.wdlContent > p {padding: 0;}
.wdlContent button {padding: 0 10px 0 60px;white-space: inherit;}
.wdeHeading > h2 {font-size: 40px;line-height:40px;}
.wdeHeading > p {font-size: 15px;}
.wdeContent > p, .wdeContent > p span, .wdeContent > p a {font-size: 15px;}
.webDesignTestimonial .stLeft > h2 {font-size: 38px;line-height: 40px;}
.webDesignContact .commonContactHeading > h2 {font-size: 41px;line-height: 45px;}
.webDesignContact .commonContactHeading > p {font-size: 15px;padding: 0 30px; line-height: 20px; margin: 4px 0 0 0 ;}


/**** web dev *****/
#smallHeadingLineHr .webSliderText > h2 {font-size: 25px;}
#smallHeadingLineHr .webSliderText > p {font-size: 14px;} 
#smallHeadingLineHr .webSliderText > h3 {font-size: 21px;line-height: 21px;}
.aiContent > p { font-size: 13px;}
#ambitiousIdea {background-image: none; background: #cee8e5;}
.aiContent ul {width: 100%;}
.aiContent ul.aiList:nth-child(3) {padding-left: 15px;}
.aiList li, .aiList li a {font-size: 13px;}
.aiInterstedIn {padding: 28px 15px 55px;}
.aiInterstedIn > h3 {font-size: 23px;line-height: 27px;}
.aiInterstedIn > p {font-size: 13px;line-height: 20px;}
.dreamHeading > h2 {font-size: 39px;margin: 0;}
.dreamHeading > p {margin: 0 0 34px;}
.dreamContent .col-xs-6 {width: 100%;}
.dreamContent .col-xs-6:not(:last-child) {margin: 0 0 30px;}
.fdHeading > h2 {font-size: 43px;line-height: 44px;}
.fdLastIn > h3 {font-size: 20px;}
.fdLastIn > h2 {font-size: 31px; line-height: 35px;margin: 0 0 6px;}
.fdLastIn > p {font-size: 14px;line-height: 21px;}
.trHeading > h2 {font-size: 38px;line-height: 38px;}
.trHeading > h3 {font-size: 23px;}
.trContent ul li {min-height: 320px;width: 225px;}
.counterCount ul { flex-wrap: wrap;margin: 20px 0 0 0;}
.counterCount ul li:nth-child(1), .counterCount ul li:nth-child(2) {margin-bottom: 30px;}
.counterCount ul li h4 {font-size: 40px;line-height: 36px;margin: 0 0 10px;}
.counterCount ul li {width: 50%;}
.counterCount ul li span::before {display: none;}
.counterCount ul li span {margin: 0 0 10px;}
.counterCount ul li:not(:last-child) {margin-right: 0;}
.counterCount ul li a {bottom: inherit;display: inline-block;left: inherit;min-height: auto;padding: 0 30px;position: relative;transform: inherit;width: 100%;}
.devTestimonial .stLeft > h2 {font-size: 38px;line-height: 38px;}
.devContact .commonContactHeading > h2 {font-size: 28px;}
.devContact .commonContactHeading > p {margin: 2px 0 0;font-size: 14px;padding: 0;line-height: 20px;}


footer .list-unstyled.phone { float: none;  margin: 0 auto;  width: 158px;}
footer .list-unstyled.phone li { text-align: left;}
.homeContact .contactHeading h2 {  font-size: 28px;  line-height: 30px;}
footer .list-unstyled.mail { padding-top: 30px;  position: relative;}
footer .list-unstyled.mail li span:nth-child(2) { position: absolute;  top: 0;}	
.mail li span {  line-height: 20px;  width: 100%;}
.doInner { background-image: none !important;}
#difference { background-color: #ffffff;}
.secTweleveBoxes.marginNone.setHeightTwo { min-height: inherit !important;  margin-bottom: 20px;}
table.reviewTextboxTeest td:nth-child(2) ,table.reviewTextboxTeest td:nth-child(1) {  width: 100% !important; 
display:table-cell; float: left;}
.secEightBoxes .sebImage {  padding-left: 0;}
.secEightOuter .secEightBoxes {  padding-left: 0;}


/***   homePage css   ***/

.carousel-caption .sliderText > h2 { font-size: 36px; line-height: 40px;}
.carousel-caption .sliderText ul { margin: 15px 0 0;}
#carousel-example-generic .scroll { bottom: 50px;}
.carousel-caption .getStarted button { margin-right: -15px;}
.sliderText ul li:(last-child) {  display:none;}

.portHeading > h2, .portHeading > h3 { font-size: 32px; line-height: 34px;}
.noPad.aboutHeading ,.noPad.aboutContent{ padding:0px;}
.sbHeading ,.sbInner { padding: 0 10px;}
.serviceIntersted.noPad { padding: 23px 0 50px;}
.reviewHeading > span { display: none;}
.reviewHeading { margin: 0px 0 30px;}
.reviewBg { background-image: none;}
.reviewButton button.greyButton::before { border-bottom: 0px solid transparent;}
.reviewButton button.greyButton { padding: 15px 40px 15px; height: auto; line-height: 30px;}
.pfHeading {padding: 36px 45px 40px 25px;}
.differenceHeading > span { display: none;}
.counterHeading > h2 { font-size: 25px; line-height: 30px;}
.list-unstyled.colorSelection li a {  display: block;  margin-bottom: 20px;}
}


@media screen and (max-width:593px){
	.more-less {
    	top: 10px;
	}
	.more-height-plus{
		top: 18px !important;
	}
}

.more-less{
	top: 5px;
}

@media screen and (max-width:480px){
	
	/*-----update css------*/
	.defineFloat.webDesignBanner.slider.teammemberThumb, .defineFloat.webDesignBanner.slider.teammemberThumb img {
  height: auto;
}
.tempSliderText.redirectSlider.redirectSlider01 {
  bottom: -17px;
}
	.defineFloat.templateSlider.teammemberThumb {
  height: auto;
}
	.tempSliderText.redirectSlider.redirectSlider01 p {
  font-size: 14px;
  line-height: 19px;
}
		#commonContact .contactForm form.subform.indexform button{
			margin: 15px 0 10px;
		}
.aboutBanner .tempSliderText.redirectSlider.redirectSlider01 p {
  font-size: 13px;line-height:20px;
}
.templateSlider.teammemberThumb img {
  height: auto;
}
/*-----*/
		#commonContact .contactForm form.subform.indexform button{
			margin: 15px 0 10px;
		}



.mapLogo > li { height: 72px;}	
#aboutSectionOne .aboutRightPic { width: 260px;	}
.outerBanner { max-height: 170px;  width: 95%;}
.innerBanner {  min-width: 240px;}
header nav.navbar .navbar-header a.navbar-brand img {  max-width: 76px;}	
#menu nav .navbar-header .mobileLinks { padding: 5px 0 0;	}
header nav.navbar { min-height: inherit;}
#menu nav .navbar-header button { height: 58px;}
#mainSlider .item img {height: 500px;}	
.sliderText > span::before, .sliderText > span::after {display: none;}

.getStarted button img {margin: 0 0 0 5px;width: 8px;}
.sliderText > h2 br {display: block;}
.sliderText > h2 {font-size: 25px;line-height: 30px;}
.sliderText > p {   font-size: 24px;   line-height: 32px;   margin: 10px 0 0;}
.aboutHeading > h2 { font-size: 30px;line-height: 32px;}
.aboutHeading > h2::after { width: 130px;}
.aboutContent > p:nth-child(2) {display: none;}
.aboutContent ul li:not(:last-child) {margin: 0 0 10px;}
#about { padding:30px 0 40px;}
.sbHeading h2 {font-size: 32px;line-height: 32px;}
.sbHeading > span {margin: 5px 0 0;font-size:15px;}
#services { background-image: url("../images/resultsmallbg.png");}
.serviceOuter {margin: 0;}
.sbInner > h3 {font-size: 20px;line-height: 22px;margin: 10px 0 20px;}
.sbHeading {margin: 0 0 19px;}
.serviceInterstedOuter.noPad {padding: 0 15px;}
.siInner > h2 {font-size: 30px;line-height: 32px;padding: 0 10px;}

.siInner > p {font-size: 15px;line-height: 22px;padding: 0 4px;letter-spacing: 0;margin:5px 0 0 0;}
.siInner > p a::after {top: 95%;}
#Portfolio {background-color: #f3f8f8;}
.portHeading > h2, .portHeading > h3 {color: #000000;display: inline;}
#Portfolio .portIsotope {padding: 30px 10px;}
#Portfolio .plInner > h2 {font-size: 28px;}
#Portfolio .plInner > a span {margin: 0 80px 0 0 ;}
#Portfolio .portOuter .plInner > a span {   margin: 0;}
#Portfolio .plInner > a, #Portfolio .plInner > a span {line-height: 22px;}
#Portfolio .portLike {padding: 20px 0 20px;}
.reviewHeading > h3 { font-family: 'PoppinsMedium';  font-size: 17px; line-height: 20px;}
.reviewHeading > h2 {font-size: 34px; line-height: 36px; padding: 0 20px 0 0;margin:5px 0 0 0;}
.reviewHeading > span {  line-height: 18px;  margin: 8px 0;}
.reviewBg {padding: 30px 10px;}
.reviewVideo ul {text-align: center;}
.reviewVideo ul li:nth-child(3) {display: none;}
.reviewVideo ul li:not(:last-child) {margin: 0 18px 0 0;}
.reviewVideo ul li:not(:last-child)::after {border-right: 0px solid #000000;height: 12px;right: -10px;}
.reviewContent {border: medium none;padding: 0;background-image: none;}
.reviewContent p {font-size: 13px;margin: 0 0 40px;}
.differenceHeading > span {font-size: 12px;}
.differenceHeading > h2 {font-size: 26px;letter-spacing: 0.1px;line-height: 31px;}
#difference {background-color: #ffffff;}
#processFour { padding: 0;}
.pfOuter {padding: 0;}
.differenceOuter {margin: 10px 0 0;}
.doInner {padding-left: 0px;padding-right: 0px;}
.doContent > h3 {font-size: 16px;line-height: 20px;}
.ancher-fix a{
	font-size: 16px !important; 
}
.differenceOuter .doInner{background-image: none;margin-bottom: 0;}
.CounterOuter {padding: 30px 15px 39px;}
.counterHeading > h2 {font-size: 25px;line-height: 26px;margin: 0 0 9px 0;}
.counterCount ul li h4 {font-size: 36px;}
.counterCount ul li span {font-size: 15px;letter-spacing: 0.4px;line-height: 17px;margin: 0 0 10px;}
.counterCount ul li a {font-size: 12px;line-height: 16px;padding: 0;}
.counterCount ul li {margin-right: 10% !important;width: 44%;}
#costCalculator {padding: 30px 0 ;}
.ccOuter > h2 {font-size: 32px;line-height: 36px;margin: 0 0 18px;}
.homeContact .contactHeading h2 {font-size: 30px;ine-height: 32px;text-align: left;}
.ccOuter button {height: 71px;line-height: 18px;padding: 0;white-space: inherit;width: 250px;}
.ccImage { display: none;}
.contactMap {display: none;}
 .contactForm form {padding: 20px 22px;}
.contactForm form button {margin: 0;}
.contactForm form::after {border-bottom: 48px solid #000000;border-left: 48px solid rgba(0, 0, 0, 0);}
.pfOuter img {display: none;}
.pfHeading > h2 {font-size: 36px;line-height: 40px;}
.pfHeading h2 div {color: #2bb4a5;display: inline;}
.pfHeading ul { display: block;margin: 12px 0;}
.pfHeading ul li {color: #ffffff;display: inline-block;font-size: 13px;letter-spacing: 0.2px;line-height: 12px;text-transform: uppercase;}
.pfHeading ul li:not(:last-child) {border-right: 1px solid #ffffff;margin: 0 10px 0 0;padding: 0 10px 0 0;}
.phone li a {font-size: 12px;display: inline-block;}
.phone li:not(:last-child) {margin: 0;}
.phone li {text-align: center;}
.mail li a {width: 100%;}
.phone li img {display: inline-block;float: none;margin: 0px 5px 0 0; position: relative;top: 3px;}
.mail li a:nth-child(1) {order: 2;}
.mail li span {order: 1;}
.mail li a:nth-child(3) {order: 3;}

	
	
/****** graphic design ****/
#bigHeadingLineHr .webSliderText > h2 {font-size: 35px;line-height: 40px;margin: 0 0 5px;}
.faceItHeading > h3 {font-size: 27px;}
.ptHeading > h2 {font-size: 30px;line-height: 33px;}
#portfolioThird.portfolioThird-01 .plInner h2 {font-size: 28px;line-height: 27px;margin: 0 0 6px;}
.plInner > a span {font-size: 17px;}
.plInner > a { font-size: 17px;}
.gdsHeading > h2 {font-size: 40px;}
.sa2Heading > h2 {font-size: 32px;line-height: 35px;}
.sa2Heading > hr {margin: 24px 0 14px;}
.saExpert {padding: 35px 15px 60px;}
.saExpert > h2 {font-size: 31px; line-height: 32px;}
.commonAccordion #accordion .panel .panel-heading h4 a {font-size: 14px;}
.dfHeading > h2 {font-size: 40px;line-height:40px;}
.strInner {padding: 30px 12px 40px;}
.commonContactHeading > h2 {font-size: 30px;line-height: 36px;}
.stLastLine p, .stLastLine p span { font-family: PoppinsSemiBold !important;  font-size: 21px !important;}
#commonContact .contactForm form {padding: 30px 0;}
.phone li {width: 100%;}
.footerReseller > h3 {font-size: 21px;}
.footerReseller > p {font-size: 12px;margin: 0;padding: 0 50px;}
.mail li {display: flex;flex-wrap: wrap;justify-content: center;width: 100%;}

/**** logo design ******/
.webSliderText {padding: 20px 10px;}
#HeadingLineHr .webSliderText > h2 {font-size: 36px;line-height: 38px;}
.clHeading > h2 br { display: none;}
.clHeading > h2 {font-size: 30px;line-height: 34px;}
.clsInner > h3 {font-size: 20px;line-height: 36px;}
.cltContent > h2 {font-size: 25px;}
.plInner > h2 {font-size: 28px;}
.stdHeading > h2 {font-size: 37px;}
.stdIntersted > h2 {font-size: 40px; line-height: 40px;}
.stdIntersted > p {font-size: 16px;padding: 0;}
.saHeading > h2 {font-size: 29px;line-height: 34px;}
.srHeading > h2 {font-size: 38px; line-height: 42px;}
.srInner > h3 {font-size: 18px;}
.stLeft > h2 {font-size: 38px;line-height: 41px;}
.logoContact .commonContactHeading > h2 {font-size: 20px;}
.logoContact .commonContactHeading > span {font-size: 40px;margin:5px 0 0 0;}



/***** web design ******/
#smallHeadingHrLine .webSliderText > h2 {font-size: 35px;line-height: 35px;margin: 6px 0 0;}
#smallHeadingHrLine .webSliderText > hr {margin: 12px 0 5px;}
#smallHeadingHrLine .webSliderText > p {padding: 0;}
.ysHeadig > h2 {font-size: 34px;line-height: 33px;}
.ysHeadig > h3 {line-height: 30px;padding-bottom:10px;}
.ysHeadig > span {font-size: 20px;line-height: 23px;margin: 20px 0 0 0 ;}
.ysContent > h4 {font-size: 15px;}
.ysNeed > p {padding: 0 30px;}
.wdpHeading > h2 {font-size: 40px; line-height: 40px;}
.portIsotope {padding: 30px 20px 63px;}
.wdiHeading > h2 {font-size: 34px;line-height: 40px;}
.wdiContent > h4 { font-size: 15px;}
.wdiInner {padding: 0;}
.wdiContent > p {font-size: 13px;}
.wduLeft > h2 {font-size: 31px;line-height: 37px;}
.wduLeft > p {font-size: 14px;}
.wdlContent > h3 {font-size: 28px; line-height: 30px;}
.wdlContent > h2 {font-size: 38px;line-height: 40px;}
.wdlContent button {background-image: none; white-space: inherit;padding: 0 38px;line-height: 19px;}
.wdlContent button:before { display: none;}
.wdeHeading > p {font-size: 14px;}
.wdeContent > p, .wdeContent > p span, .wdeContent > p a {font-size: 14px;}
.wdeOuter { padding: 30px 0 20px 25px;}
.webDesignTestimonial .stLeft > h3, .devTestimonial .stLeft > h3 {font-size: 23px;}
.webDesignTestimonial .stLeft > h2, .devTestimonial .stLeft > h2 {font-size: 33px;line-height: 34px;}
.webDesignContact .commonContactHeading > h2 {font-size: 33px;line-height: 35px;}
.webDesignContact .commonContactHeading > p {font-size: 14px;padding: 0 10px;}




/****** web dev *****/
#smallHeadingLineHr .webSliderText > h2 {font-size: 34px;}
.aiHeading > h2 {font-size: 26px; line-height: 30px;}
.dreamHeading > h2 {font-size: 46px;line-height: 50px;}
.dreamHeading > p {margin: 6px 0 34px;line-height: 20px;}
.webDevLooking .wdlContent > p {padding: 0 20px;}
#webDesignLooking.webDevLooking button {background-image: none;}
.fdHeading > h2 {font-size: 32px;line-height: 36px;}
.fdHeading > p {font-size: 13px;line-height: 20px;margin: 6px 0 0;}
.fdTabOuter .panel.panel-default .panel-body .panel-collapse {padding: 15px 5px;}
.fdTabOuter .panel.panel-default .panel-body .panel-collapse p { font-size: 12px;}
.fdTabOuter {padding: 25px 15px 40px;}
.fdLastIn {padding: 25px 15px 60px;text-align: center;}
.fdLastIn > h3 {font-size: 15px;line-height: 15px;}
.fdLastIn > h2 {font-size: 24px;line-height: 26px;margin: 11px 0 6px;}
.fdLast{text-align:center;}.
.fdLast a {display: inline-block; margin: -35px 0 0;}
.trHeading > h2 {font-size: 37px;line-height: 40px;}
.trHeading > h3 {font-size: 16px;line-height: 22px;margin: 7px 0 0;}
.trfContent > p,.secElevenHeading > p ,#sectionTweleve .smspace.topSmSpace.text-center { padding: 0 0 0 0;}
.trContent ul li {min-height: auto;width: 100%;padding: 50px 0;}
.trListContent {min-height: 95px;}
.counterHeading > h2 { letter-spacing: 0;line-height: 31px;}
.counterCount ul li {margin-right: 8% !important;width: 46%;}
.counterCount ul li:nth-child(2n) {margin-right: 0 !important;}
.counterCount ul li h4 {font-size: 25px;}
.devTestimonial .strBelow a {display: inline-block;width: 100%;border:none; padding:0px; margin:0px;line-height:26px;}
.slidesOuter .item label {font-size: 33px;line-height: 33px;}
.devContact .commonContactHeading > h2 {font-size: 36px;}
.devContact .commonContactHeading > p { margin: 10px 0 0;padding:0px;}
.secNineList > h3 br{display:none;}
.tempSliderText > h2 { font-size: 25px; line-height: 30px;}
.tempSliderText > p { font-size: 15px; line-height: 20px;}
.commonTemplateHeading > p ,.commonPara > p,.secTenHeading > p ,#sectionTweleve .smspace.topSmSpace.text-center	{ text-align: left; }
.secOneContent p { padding: 0 4px;  text-align: left;}
.secOneTwoBox.commonPara.commonBoxSubHeading { margin: 15px 0;  width: 100%;}
.secTwoList.commonBoxSubHeading,.secSixOuter .col-sm-3.col-xs-3 ,.secSevenList .list-unstyled.col-sm-6.col-xs-6,.secEightOuter .secEightBoxes, .secTweleveContent .secTweleveBoxes,.secNineList:nth-child(2) ul li ,.fourteenBg .secFourteenBoxes { width: 100%;}
.secThree-oneBoxes .boxesIn.commonBoxSubHeading {  min-height: inherit;  width: 100%;}
.reviewContent::before {bottom: -16px;right: -8px;}

}


@media screen and (max-width:360px)
{
	/*-----update css-------*/
	.defineFloat.webDesignBanner.slider.teammemberThumb, .defineFloat.webDesignBanner.slider.teammemberThumb img {
  height: auto;
}
	.defineFloat.templateSlider.teammemberThumb {
  height: auto;
}
.tempSliderText.redirectSlider.redirectSlider01 p {
  font-size: 13px;
  line-height: 19px;
   padding: 13px 0 12px;
}
/*-----*/
.ptHeading > h2 {font-size: 37px;line-height: 40px;}
#portfolioThird.portfolioThird-01 .plInner h2 {font-size: 24px;}
.creativeHeading h2 {font-size: 28px;line-height: 35px;}
.gdsHeading > h2 {font-size: 35px;line-height: 36px;}
.sa2Heading > h2 {font-size: 28px;line-height: 35px;}
.dfHeading > h2 {font-size: 33px;line-height: 35px;}
.stLeft > h2 {font-size: 35px;line-height: 40px;}
.commonContactHeading > h2 {font-size: 36px;line-height: 40px;}


/***** logo design ******/
.clsInner > h3 {font-size: 17px; line-height: 20px;}
.clHeading > h2 {font-size: 26px; line-height: 28px;}
.cltContent > h2 {font-size: 23px;line-height: 28px;}
.stdIntersted > h2 {font-size: 36px; line-height: 36px;}
.saHeading > h2 {font-size: 28px; line-height: 34px;}
.srHeading > h2 {font-size: 33px;line-height: 35px;}
.srInner > p {font-size: 13px; line-height: 18px;}
.srInner > h3 {  font-size: 16px;  line-height: 18px;
}
.commonAccordion #accordion .panel .panel-heading h4 a {font-size: 12px; line-height:15px;}
.logoContact .commonContactHeading > span { font-size: 30px; line-height: 30px;}
.logoContact .commonContactHeading > h2 {font-size: 17px; line-height: 22px;}

/****** web design *****/
.ysHeadig > h2 {font-size: 30px;line-height: 33px;}
.ysHeadig > h3 { font-size: 26px;  line-height: 26px;  padding-bottom: 24px;}
.ysHeadig > span {line-height: 25px;}
.ysNeed {padding: 0 15px;}
.ysNeed h5 { font-size: 15px;  line-height: 20px;}
.ysNeed > p {padding: 0 0;}
.wdiHeading > h2 {font-size: 34px;line-height: 36px;padding: 0 0 20px 0 ;}
.wdiHeading > h2::before {width: 82px;}
.wduLeft > h2 {font-size: 25px;line-height: 33px;}
.wdeHeading > h2 {font-size: 29px;line-height:35px; }
 .webDesignTestimonial .stLeft > h3, .devTestimonial .stLeft > h3 {font-size: 22px; line-height: 25px;}
.webDesignTestimonial .stLeft > h2, .devTestimonial .stLeft > h2 {font-size: 28px; line-height: 30px;}
.contactForm form .checkbox label span {font-size: 12px; line-height: 15px;}



/***** web dev ******/
.fdHeading > h2 {font-size: 31px;}
.fdLastIn > h2 {font-size: 23px;}
.fdLast a {margin: -27px 0 0;}
.counterCount ul li a {padding: 0;}

}

@media screen and (max-width:1199px)
{
.defineFloat.differenceOuter.deskTop .doInner.wow.fadeInUp { min-height:220px!important;}
}

@media screen and (min-width:1024px){
	
#sectionFourteen.standOutSpaceLess { padding: 100px 0 48px;
}
.getStarted.hidden-xs.visible-lg a, .getStarted a { width: 219px;
}
.contentLeftPart { max-height: 360px; min-height: 360px; 
}
.commonHr.partnerShipPage { margin-top: 40px;
}
.bgLine::before { background-color: hsl(0, 0%, 93%);  content: "";  height: 2px;  left: -100px;  position: absolute;  top: 30px;  width: 83px;
}
.bgLine::after{ background-color: hsl(0, 0%, 93%);  content: "";  height: 2px;  right: -100px;  position: absolute;  top: 30px;  width: 83px;
}
.align_right .differentPic { float: right;  max-width: 108px;  width: 100%; margin-right: -22px; margin-top: -10px;}
.align_left .differentPic { float: left;  max-width: 108px;  width: 100%; margin-left: -24px; margin-top: -10px;}
.align_right .descriptonBox { float: right;  max-width: 367px;  width: 100%;}
.align_left .descriptonBox { float: left;  max-width: 372px;  width: 100%;}
.accordion-section-title.active .trListImage { margin-top: 0px;}
.trfContent { max-width: 195px; width: 100%; float:left;}
.trImage { float: left;}
.sebContent { padding-left: 30px;}
.dfImage img {   max-width: inherit;}
.secTweleveBoxes > p { min-height: 112px;}
.clHeading, .clContent,.cltContent { margin-left: -10px;}
.align_right .differentPic { margin-right: 0;  right: 0;}
.align_left .differentPic {  margin-left: 0;}
.align_left .descriptonBox{ margin-top: 0;}
.secElevenBoxes { display: inline-block;  min-height: 280px;}
.secCounter ul li:not(:last-child) { margin: 0 40px 0 0;}
.templateContact .commonTest {  padding: 40px 18px 0;}
.scroll { bottom: 44px;}
#difference {  background-size: cover;}
.stdIntersted > h2 {  line-height: 44px;}
.boxesIn.commonBoxSubHeading {  min-height: 220px;}
.navbar-brand > img:nth-child(2) { display: none !important;}
.navbar-brand > img:nth-child(1) { display: block !important;}
.homeContact .contactMap {float: right;
}
header nav.navbar .menuOuter ul > li:hover > ul ,header nav.navbar .menuOuter ul > li > ul > li:hover > ul{display: block;
}
.defineFloat.differenceOuter.deskTop .doInner.wow.fadeInUp { min-height: 165px;
}
#counter li:first-child { margin-left: -30px !important;}
.commonTemplateHeading > h2.increaseFontSize span {  color: hsl(173, 68%, 40%);  font-family: DosisBold;
  font-size: 48px;  letter-spacing: 0.2px;  line-height: 44px;
}

}

@media screen and (min-width:1200px){

.homeSlider.customDesignPage .galleryAll.fa-adjust2 img { height: 200px;}
.homeSlider.customDesignPage .adjHeightOne img { min-height: 427px;}
.homeSlider.customDesignPage .topGap.fa-adjust3 img { height:427px;}
.portIsotope.innerGallery.tempGallery .adjHeight img { min-height: 323px;}
.portIsotope.innerGallery.tempGallery .adjHeightOne img { min-height: 435px;}
.portIsotope.innerGallery.tempGallery .fa-adjust2 img {  min-height: 202px;}
.portIsotope.innerGallery.tempGallery .fa-adjust3 img { min-height: 435px;}
.homeSlider .adjHeightOne img { min-height: 392px;}
.homeSlider .topGap.fa-adjust3 img { height: 392px;}
.homeSlider .galleryAll.fa-adjust2 img { height: 181px;}
.align_left::after { left: -35px;}
.align_right::after { right: -35px;}
.heightSet23 .secElevenBoxes,.boxesIn.commonBoxSubHeading { min-height:inherit;}
.align_right .differentPic { margin-right: -84px;  position: absolute; }
.align_left .differentPic { margin-left: -84px;  position: absolute; }
.secTweleveContent .secTweleveBoxes ,.secTweleveBoxes > p {  min-height: inherit;}
.templateContact .commonTest {  padding: 60px 60px 0;}
.noPad { padding: 0;}
.heightSet23 .secElevenContent.commonBoxSubHeading { margin-left: 0;}
.secElevenImage { float: left; margin-right: 15px;}
.commonBoxSubHeading.setHeightOne { min-height: inherit;}
.mjDeveloperBoxTwo .secElevenBoxes { min-height: 240px;}
.secCounter ul li:not(:last-child) { margin: 0 100px 0 0;}
.plInner::before {  top: 50%;  left:0%;}
.portLike.iframePort .plInner::before {  left: 20%;}
#portfolioThird.templatePortfolio { background-attachment: fixed;
}
.secElevenBoxes{ min-height: 195px;}
.reviewVideo ul .lightText {  width: auto;}
.newChange .secElevenBoxes { min-height: inherit; }

.accordion-section .active {  padding: 30px 12px;}
.accordionSection.tabAccordian { height: 491px;  overflow: hidden; position: relative; background: #ecf0f1 ;
border-bottom: 50px solid #ffffff;}
.accordionSidecontent.tabAccordian { padding-bottom: 46px;}
.portOuter { margin-left: -15px;}
.fullWidth.litChange { margin-bottom: 30px;}
.paymentSection .commonBoxSubHeading {  min-height: inherit;}
.leftWhitebox.creditBox { min-height: 870px;}
.fontSizeSeventeen.padLess { padding: 0;}
.newChange .secElevenBoxes { min-height: 240px;
}
.glossaryExt { padding-right: 30px;
}
.list-unstyled.colorSelection > li h4 {  width: 180px;
}
.list-unstyled.colorSelection > li:last-child h4 {  width: 220px;
}
.tenpCounter .list-unstyled > li:last-child h3{ width: 220px; 
}
.tenpCounter .list-unstyled > li h4 { width: 180px;
}

/**   fixed footer   ***/

.defineFloat.indexFooter.footerFixed { top: 0;  position: fixed;
}
.defineFloat.homeContact.footerFixed {  margin-bottom: 700px;  position: relative;  z-index: 999;
}

#counter.indexCounterSet { margin: 0; background-color:#fff;
}
#counter.indexCounterSet .container { margin: -102px auto 0;
}

.servicSet.getFixed {  margin-top: -53.5%;  position: fixed;  z-index: -1;
}
.portSet.getFixed { margin-top: 1270px;  position: relative;  z-index: 99; 
}
#standardPackage.getFixed {  margin-top: -45.5%;  position: fixed;  z-index: -1;
}
#strategicApproach.getFixed { margin-top: 1078px;
}


#fourDesign.getFixed {  margin-top: -49%;  position: fixed;  z-index: -1;
}
#tenReasons.getFixed { margin-top: 1184px;
}


#webDesignInclude.webDesignBoxThree.getFixed { margin-top: -67%;  position: fixed;  z-index: -1;
}
#webDesignAccordion.commonAccordion.getFixed { margin-top: 1268px;  z-index: 99;
}
.home  #webDesignAccordion.commonAccordion.getFixed.scrollAnimation { margin-top: 1268px;  z-index: 99;
}


#strategicApproach2.getFixed { position: fixed;  margin-top: -55%;  z-index: -1;
}
#graphicAccordion.commonAccordion.getFixed { margin-top: 1255px;
}

/**  iframe css **/
iframe#firstFrame { height: 640px !important;}
iframe#secondFrame { height: 1080px !important;}

/** banner height of few pages **/

.templateSlider.mobileReponsiveBanner img, .glossary-min-mob img { height: 350px; }
.dfIn { min-height: 214px;
}


}

@media screen and (min-width:1680px){
	
.servicSet.getFixed {  margin-top: -22%;
}
#standardPackage.getFixed {  margin-top: -23.5%;
}
#strategicApproach.getFixed {  margin-top: 1090px;
}

#fourDesign.getFixed { margin-top: -25%;
}
 #webDesignInclude.webDesignBoxThree.getFixed { margin-top: -37%;
}
.portSet.getFixed { margin-top: 1270px;
}
#strategicApproach2.getFixed {  margin-top: -29%;  
}
#graphicAccordion.commonAccordion.getFixed { margin-top: 1260px;
}
footer {padding: 55px 0 60px; }

	
}


@media screen and (min-width:1900px){

.defineFloat.indexFooter.footerFixed { top: auto;  position: fixed; bottom:0;	
}	
.homeContact.fixedFooter { margin-bottom: 634px;
}
#difference { background-size: 162% auto;
}
#Portfolio { background-position: left top;  background-size: 166% auto;
}
#reviewPage { background-size: 100% auto;
}
footer.indexFooter.fixedFooter { padding: 70px 0;
}
	
}




@media screen and (max-width:1024px){
.toolTipxt { display:none !important;}
.list-unstyled.colorSelection li {  float: left;  margin: 0 0 40px !important;  text-align: center;  width: 50%;
}	
.list-unstyled.colorSelection li * {  width: 100%;
}
.defineFloat.parallaxOne ,#smallHeadingHrLine, #HeadingLineHr, #bigHeadingLineHr, #smallHeadingLineHr,.defineFloat.templateSlider {  margin-top: 66px;}
.leftWhitebox { padding: 20px;}
.contactForm, .lableTitle {  padding: 0;}
.rightgreenbox { padding: 15px;}
.detailTitle br { display: none;}
.detailTitle { font-size: 13px;}
.addressRor { padding: 8px 0;}
.trListFirst:not(:last-child) { margin: 0 0 15px;}
.trfContent { float: left;}
.trfContent > p { padding: 0;}
.secElevenBoxes { padding: 20px;}
.secCounter ul li h3 { font-size:30px; line-height: 35px;}
.secCounter ul li:not(:last-child) { margin: 0 40px 20px 0;}
.templateContact .commonTest { padding: 20px 25px 0;}
.scroll { bottom:60px;}
.wdiHeading > h2 {  line-height: 50px;}
.sa2Heading > h2 br {  display: none;}
.accordionSection {  padding: 0;}
.wdlContent > h2 { font-size: 30px;  line-height: 36px;}
.secSixBoxes:hover { border-left: 2px solid #2aa89b;}
.secSixBoxes { border-left: 2px solid #000;}
.wdeOuter { padding: 50px 20px 30px;}
.ccInner ul{ padding: 0;  } 
.plInner > h2 { line-height: 44px;}
section .mainHeadings.wow,section .mainHeadings.wow { visibility: visible !important;}
.boxDivider.lessMargin {  margin-bottom: 0;}
.sliderText ul { margin: 30px 0 20px;}
.aboutBanner { padding: 50px 0 14px;}
#mainSlider .carousel-caption {  top: 42%;}
.vrsmallText a {  font-size: 12px;  letter-spacing: 0.5px;}
.has-submenu span, .has-submenu span i { line-height: inherit;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {  line-height: 6px;
}

/****  slider css  *****/

.homeSlider .topGap.fa-adjust3 img,.homeSlider .adjHeightOne img { height: 312px;
}
.homeSlider .galleryAll.fa-adjust2 img { height: 141px;
}


/***  fixed footer  ****/

footer.indexFooter.fixedFooter { position: relative;  z-index: -1;
}
.homeContact.fixedFooter { margin-bottom: 0;
}




}

@media screen and (max-width:991px){
	
	

.getStarted.hidden-xs.visible-lg a, .getStarted a { background-image: none;
}	
.getStarted.hidden-xs.visible-lg a:hover, .getStarted a:hover { background-color: hsl(173, 68%, 40%) !important;  background-image: none;
}
.getStarted.hidden-xs.visible-lg a:hover .listingExrArrow.getStartedArrow::after, .getStarted a:hover .listingExrArrow.getStartedArrow::after { color: hsl(0, 0%, 100%);
}
.glossarySideBar .floatRight {  display: inline;  width: 100%;
}
.leftWhitebox { border-bottom: 3px solid #56bcaf;  border-right: 3px solid rgba(0, 0, 0, 0);
}
.navbar-brand > img:nth-child(2) { display: block !important;}
.reviewVideo ul .lightText { width: 100%;}	
.secOneBoxIn.commonBoxSubHeading ,.boxesIn.commonBoxSubHeading {  border-bottom: 1px solid #e5e5e5; border-right: none;  width: 100%;}
.secFourImage img { display: inline;  margin-bottom: 20px;}
.secFourImage { text-align: center;  width: 100%;}
.secFourContent.commonPara ,.copyRight > span { width: 100%;}
.sebImage img { display: inline;}
.sebImage ,.rightText.footerLeftLinks ul ,.copyRight ,.secTenImage .imageAlign{ text-align: center;}
.fullWidth.partnerText  { width: 100%;}
.webDevelopment h4 {  max-width: 100%;  text-align: left;}
.commonPara.webDescription { padding-left: 15px;}
.webDevelopment::after { background: rgba(0, 0, 0, 0);  width: 0;}
.secTenContent.commonPara { padding:0 15px;  width: 100%;}
.secTenImage { text-align: center; width: 100%; margin-bottom: 20px;}
.secTweleveBoxes { margin: 0 0 20px;}
.darksectionText { font-size: 25px;  line-height: 30px;}
.dividerLine { margin-left: 0;}
.dividerLine::after {  right: 25px;}
.commonBoxSubHeading.sumSpaceLess { min-height: inherit;}
.circleText.emailBox .salesEmail a, .circleText.emailBox .infoEmail a ,.circleText.number li a ,.circleText {  font-size: 12px;}
.fullWidth.partnerSect { text-align: center;  width: 100%;}
.secTweleveBoxes.titleUpperCace , .secTweleveContent .secTweleveBoxes ,.secEightOuter .secEightBoxes  { width: 50%;}
.navbar-brand img:nth-child(1) { display: none !important ;}
.navbar-brand img:nth-child(2){  display: block !important;}

/****  css changes  ****/

.secTenImage img { border: 20px solid #ecf0f1; border-radius: 5px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  display: inline-block; margin: 7px 0 0;}
.secTweleveBoxes.marginNone.setHeightTwo { min-height: 240px;}
.list-unstyled.colorSelection li a { display: none;}
.counterCount ul.colorSelection li:not(:last-child) { margin:0;}
.counterCount ul.colorSelection li span::before { background: rgba(0, 0, 0, 0);}
#counter { padding: 0 0 50px;}
.verySmallText, .vertiStrip { display: none;}
.sebImage.resizePic img { width: 46px;}
.customHeight .commonBoxSubHeading { min-height: inherit;}
.rightLine > img {  width: auto;}
.rightLine::before { background: rgba(0, 0, 0, 0);}
.rightLine > img { border: 10px solid #333333;  width: auto;}
.aboutBanner p { font-size: 13px;  line-height: 17px;}
#contactUs .empty{display:none;}
#contactUs .fullWidth{ width:100%;}
.noPad.secTweleveContent.suatpad {   padding: 0;}
.secThree-twoContent ul li span, .secSevenList ul li span { display: inline;}
.plInner {   padding: 0 10px;}
.fdButtons { display: none;
}
.homeSlider .topGap.fa-adjust3 img,.homeSlider .adjHeightOne img ,.homeSlider .galleryAll.fa-adjust2 img{ height: auto;
}
#reponsivePortfolio.gallery.newPortDesign { background-image: url("../images/portfolio-bg-pic.jpg") !important;  background-repeat: no-repeat;  background-size: 100% auto; background-color:#000;
}
.reStripHide { display: none;
}
#reponsivePortfolio.gallery.newPortDesign .panel-group { float: left; margin: 0 2%; padding: 15px; width: 96%;
}
#reponsivePortfolio.gallery.newPortDesign .portLike { display: inline-block;
}
#reponsivePortfolio.gallery.newPortDesign .portfolio.titleSection h3 {  color: hsl(172, 59%, 42%) !important; font-size: 34px; 
margin-bottom: 6px;
}
#reponsivePortfolio.gallery.newPortDesign .portfolio.titleSection h2 { color: #fff; font-family: "Playball",cursive; text-transform: none;
  margin-bottom: 0; font-size: 30px;
}
#reponsivePortfolio.gallery.newPortDesign .portfolio.titleSection { padding-top: 70px; padding-bottom: 30px;
}



}

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

.footerLoginButton { margin: 20px 0 0;
}
.footerLinks { margin: 25px 0 28px !important;
}
#difference { ackground-image: url("../images/differencesbg.jpg");background-position: left top;
background-repeat: no-repeat;background-size: 100% auto;padding: 100px 0 140px;
}



}

@media(min-width:992px) and (max-width:1200px){

.subTabPic {  width: 50px;
}
.subTabContent { float: left;  max-width: 160px;  width: 100%;
}
.portfolio.titleSection > h2 {  font-size: 40px; line-height: 48px;
}
.portfolio.titleSection { padding-bottom: 27px;
}
.gallery.deskTopPoerfolio { background-color: #000;
}
.bottmIinking > li { padding: 0 4px;
}
.nav.nav-pills .accordion-section-title { padding: 100px 8px;
}



}




@media(min-width:992px) and (max-width:1024px){

.secElevenBoxes.lessBorderBottom {  min-height: 280px;
}
.newChange .secElevenBoxes { min-height: 275px;
}
.tempSliderText > p {  margin-top: 15px;
}
#difference { background-size: cover !important; padding: 70px 0 220px;
}
#counter { padding: 0 0 90px;
}
.boxesIn.commonBoxSubHeading { min-height: 230px;
}
.whyOutSource-textCoulmn { padding: 6px 15px 20px;
}
.accordionSidecontent .trImage { float: left;  margin: 0 4px 0 0;  text-align: center;}
.trListFirst { display: inline-flex;}

.nav.nav-pills .accordion-section-title { padding: 100px 8px;}


}



@media(min-width:768px) and (max-width:991px){

.commonAccordion #accordionOutSource .panel .panel-heading h4 a.outsourceTitle::after ,#devAccordion.commonAccordion #accordion .panel .panel-heading h4 a.outsourceTitle::after { bottom: 0;}
#devAccordion.commonAccordion #accordion .panel .panel-heading h4 a.outsourceTitle ,.commonAccordion #accordionOutSource .panel .panel-heading h4 a.outsourceTitle { font-size: 20px;
  padding: 23px 70px !important;line-height:30px;
}
	
.dropdown-menu.sm-nowrap {  margin-left: 0 !important;  width: 280px !important;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; line-height: 12px;  padding:10px 24px !important;
}
header nav.navbar .menuOuter ul li ul li::before { left: 12px;
}
.tempSliderText.redirectSlider { top: 44%;
}
#bigHeadingLineHr .webSliderText {  top: 38%;
}
.tempSliderText { top: 32%;
}
.scroll { bottom: 10px;
}
.defineFloat.templateSlider img {  height: 320px;
}
.templateSlider .bannerStrip > img { height: auto !important;
}
.footerLeftLinks .submenu { background-image: none;  bottom: auto;
}
#counter > h2 { padding: 0 15px;
}
.commonTemplateHeading > p br , p br ,.defineFloat.cltContent h2 br{  display: none;
}
.logoContact .commonContactHeading > h2 {  font-size: 40px;  line-height: 40px;
}
#Portfolio { background-image: url("../images/portfoliobg.jpg") !important;  background-size: 100% 100% !important;
padding:60px 0;
}
.partnerText, .partnerSect, .tbMargin.resSlotion { padding: 0;
}
.footerLeftLinks.tabView { text-align: center;
}
.tabView .bottmIinking { width: 100%;
}
.footerLeftLinks.tabView .submenu { bottom: 18px;
}
#framePortfolio { padding: 50px 0;
}
.plInner::before {  left: 0;
}

.defineFloat.secElevenOuter.subTab .secElevenContent.commonBoxSubHeading { margin: 0 0 30px; padding: 30px 30px 20px;
}
.changeBackground { padding-top: 20px;
}
.leftWhitebox.siteMap {  margin: 0;  width: 100%;}
.fullWidth.padLess {  padding: 0;}

body p#back-top::before { background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
}
body p#back-top { border-left: 1px solid hsl(0, 0%, 0%);
}


.homePortfolio { padding: 40px 20px 0;
}
.homePortfolio .nav.nav-tabs a { padding: 8px 18px;
}
.nav.nav-pills .accordion-section-title { padding: 100px 8px;
}
.btn.btn-default {
  height: 55px;
  line-height: 18px;
  padding: 16px 25px;
}


}




@media screen and (max-width:767px){
.marker{ display:none;}
.aboutBanner .tempSliderText.redirectSlider.redirectSlider01 ,.tempSliderText.redirectSlider.redirectSlider01 {
  background: #000000;
  position: relative;
  bottom:-15px;
}
.tempSliderText.redirectSlider.redirectSlider01 p {
  font-size: 15px;
  line-height: 24px;
}
.tempSliderText.redirectSlider.redirectSlider01 p, .aboutBanner .tempSliderText.redirectSlider.redirectSlider01 p {
  font-size: 14px;
  padding: 19px 0 17px;
  line-height: 24px;
}
.nav.nav-pills > li.active .accordion-section-title.active {  max-width: 100%;  width: 100%;}
.nav.nav-pills .accordion-section-title { padding: 50px 8px;}

/* portfolio page */
#reponsivePortfolio.gallery.newPortDesign .portfolio.titleSection {  padding-top: 0;
}


	.leftWhitebox.bankTransfer{
		border-bottom: 0px;
	}
.commonTemplateHeading.partnerSect h4{
	font-size: 24px;
	line-height: 26px;
}
.noPad.pad.secFourHeading.partnerShipPage{
	padding: 0 15px;
}
.mobile-20-font h2{
	font-size: 20px !important;
}
.mobile-slide-show{
	display: block !important;
	min-width: 100%;
}
.mobile-pad-new{
	padding:106px 0 150px !important; 
}
.customDesignBtnOne.calculate:hover { background-image :none !important;}
.blackBackgroung .firstCol {  margin-left: 0;}
.reviewCarousel .strInner { padding: 20px 40px 40px;}
.templateContact .contactForm form .checkbox label { padding-left: 25px;}
.testHidden {display:none !important;}
.reviewVideo .list-unstyled.reviewSocialLink > li {  border-bottom:none;}
.strInner::after {  background-image: none;}
.preLoaderBlock { position:relative;}
#webDesignLooking .btn.btn-default.greyButton:hover::before,.btn.btn-default.greyButton:hover::before { border-bottom: none !important;}
.fish.simpleBounce::before, .fish.simpleBounce:hover::before, .greyButton.custonCTA.btn.btn-default:hover::before, .btn.btn-default.greyButton.blue.simpleBounce::before, .graphicsDesignBtnOne.simpleBounce::before { border-bottom:none !important;}

#webDesignLooking .btn.btn-default.greyButton:hover::before,.btn.btn-default.greyButton:hover::before { border-bottom: none !important;}
.fish.simpleBounce::before, .fish.simpleBounce:hover::before, .greyButton.custonCTA.btn.btn-default:hover::before, .btn.btn-default.greyButton.blue.simpleBounce::before, .graphicsDesignBtnOne.simpleBounce::before { border-bottom:none !important;}
#webDesignLooking .btn.btn-default.greyButton:hover::before { border-bottom: none;}
.btn.btn-default.greyButton.custonPageBtn:hover::before { border-bottom:none;}
nav .collapse.navbar-collapse.menuOuter { box-shadow:none;}
.leftWhitebox.bankTransfer { padding: 27px 0;
}
.mjDevelopementBoxThree { padding: 40px 0 20px;
}
.footerLeftLinks { display: table;  text-align: center;}
.secNineList.commonPara,.footerLeftLinks ul { margin-bottom: 20px;  width: 100%;}
.plInner::before { border-bottom: none;}
#sectionFourteen.partnerRowThree {  padding-top: 35px;}	
.siInner > h2, .pfHeading > h2 { font-size: 36px;  line-height: 36px;}
.leftWhitebox {  border-right: medium none;  margin-left: 0;}
.shadowBox { margin: 0 15px;  width: inherit; padding: 0 0 15px 0	;}
.rightgreenbox {  text-align: left;}
#contactUs { padding: 40px 0;}
#contactUs h2 { font-size: 30px; line-height: 30px;}
.lightGray.Strip { margin-bottom: 20px;}
.trfContent {  float: left;  max-width: 200px;}
.trImage { float: left;}
.accordionSidecontent.hideContent .trListFirst.countTwo, .accordionSidecontent.hideContent .trListFirst.countThree, .accordionSidecontent.hideContent .trListFirst.countFour, .accordionSidecontent.hideContent .trListFirst.countOne {
  padding: 10px 0px;}
.accordionSidecontent.hideContent .trListFirst.countTwo { background-image: url("../images/02.png");}
.accordionSidecontent.hideContent .trListFirst.countThree { background-image: url("../images/03.png");}
.accordionSidecontent.hideContent .trListFirst.countFour{ background-image: url("../images/04.png");}
.accordionSidecontent.hideContent .trListFirst.countOne{ background-image: url("../images/08.png"); }
.secOneContent p { padding: 0 8px;  text-align: left;}
.commonTemplateHeading > p {  text-align: left;}
.secCounter ul li:not(:last-child) { float: left;  margin: 0 0 30px;  width: 50%;}
.wdlContent a.btn.btn-default { margin: 6px 15px;}
.defineFloat.webDesignBanner.slider,.defineFloat.webDesignBanner.slider img { height: 320px;}
.defineFloat.webDesignBanner.slider img { height: auto;  width: auto; max-width: inherit;}
#smallHeadingHrLine .webSliderText.webDesign { top: 17%;}
.wdiHeading > h2 {  line-height:40px;}
.moveLeft { padding: 0 15px;}
.webDesignContact .noPad.contactForm { padding: 0 15px;}
.templateTest .noPad.contactForm { max-width: 100%;}
.secEightOuter .secEightBoxes, .secTweleveContent .secTweleveBoxes {  min-height: inherit;}
.secEightBoxes .sebContent,.secElevenContent.commonBoxSubHeading.csHeight  { min-height: inherit;}
.webDevelopment h4 { font-size: 24px;  line-height: 28px;  max-width: 100%;  width: 100%;}
.commonPara.webDescription { padding-left: 14px;}
.secElevenHeading > p { padding: 0;}
.commonTemplateHeading p,.webDevelopment h4 { text-align: left;}
.text-center.setAlign { text-align: left;}
.logoDesignBanner.slider img { height: inherit;max-width: inherit; width: auto;}
.logoDesignBanner.slider,.logoDesignBanner.slider img { height: 320px;}
#smallHeadingLineHr .webSliderText.webDevelopServices { background:rgba(0, 0, 0, 0); position:absolute; top:30%;}
.fdImage .defineFloat img {  width: auto;}
.accordion-section-title.active .defineFloat.text-center.trListImage img { width: 50px;}
.accordion-section-title.active .defineFloat.text-center.trListImage { width: 100%;}
#commonContact { padding: 50px 15px 60px;}
.defineFloat.webDevLooking .wdlContent > h2 { font-size: 33px; line-height: 33px;}
.accordion-section-title.active .defineFloat.text-center.trListContent,.secFourteenBoxes.lessPadding  { width: 100%;}
.shadowBox.two {  padding: 63px 20px 0; margin: 0;}
.colorBacgroung .col-lg-4 { border-bottom: 1px solid #d0dddc;  width: 100%;  border-right: none;}
.colorBacgroung { padding: 30px 0 0;}
.circleText.emailBox .salesEmail a, .circleText.emailBox .infoEmail a ,.circleText.number li a ,.circleText {  font-size: 14px;}
.secTweleveBoxes.titleUpperCace  , .secTweleveContent .secTweleveBoxes  ,.secEightOuter .secEightBoxes  {  
width: 100%;margin-bottom: 20px;}

/****   new ccs  *****/
.secTenHeading { text-align: left;}
.secTenImage .defineFloat {  overflow: visible;}
.tempSliderText.redirectSlider {  transform: translateY(-43%);}
.secTweleveBoxes.marginNone.setHeightTwo { min-height: inherit;}
.differentText { max-width: 100%;}
.noPad.stOuter {  padding: 0;}	
#commonContact.webDesignContact { padding: 50px 0 60px;}
.wbuRight .wbuList.aiList {  margin-top: 10px;  width: 100%;}
.wbuRight .wbuList.aiList:not(first-child) { margin-bottom: 10px;  margin-top: 0;}
#bigHeadingLineHr .webSliderText.graphicsDesign { background-color: rgba(0, 0, 0, 0);  position: absolute;
 transform: translateY(-22%) ; top: 25%;}
.graphicDesignBanner.slider img ,.graphicDesignBanner.slider { height: 320px;} { height: 320px;}
.sliderText {  padding: 0 15px;}
#HeadingLineHr .webSliderText {   top: -75%;  background-color: transparent;}
.wdeInner img.img-responsive ,.stdBlockImage img ,.saImage img ,.secFourteenImage img ,.secElevenImage img{ 
max-width:inherit;}
#contactUs .contactForm label {   max-width: 100%;}
.tempSliderText { top: 47%;}
.bannerStrip { line-height: 6px;  margin: 0 0 20px;}
.bannerButton { display: none;}
.wdlContent a.btn.btn-default.custonCTA {   margin: 6px 0;}
.commonTemplateHeading > hr {  margin: 20px 0 0;}
.secSixOuter,.fullWidth.partnerText ,.fullWidth.partnerSect,.resSlotion ,.secNineList > p { padding: 0;}
.secEightBoxes .sebContent { padding: 0 0px 0 20px;}
#commonContact.templateContact.devContact { padding: 50px 0px 60px;}
.partnerText > p { padding-right: 0;}
.colorBacgroung .circlePic {  margin: 20px auto 16px;}
.circleText.number {padding-bottom:15px;}
.secFourteenContent br{display:none;}
.secFourteenBoxes.lessPadding { padding: 15px 0;}
.lessPadding h3 { padding-left: 10px;}
#sectionFourteen .secFourteenHeading.commonTemplateHeading h2, #sectionFourteen .secFourteenHeading.commonTemplateHeading h2 span ,.dreamHeading > h2,.trHeading > h2 ,h2 {  font-size: 25px;   line-height: 30px;}
.portfolio ,.defineFloat.wdeBlocks{padding:0 15px;}
.designConpnies.Blog {  padding: 30px 0 0;}
.secNineList > h3 {  font-size: 22px;   line-height: 26px;}
.accordion-section-content {  text-align: center;}
.accordion-section-title {  height: auto;  padding: 20px 12px; min-height: 320px;}
.accordion.hideContent { background-color: #ecf0f1;}
.accordion-section-content.open { height: 120px; overflow-y: scroll;}
.left.carousel-control.noneImage {   left: -14px;}
.right.carousel-control.noneImage {   right: -14px;}
.quotePic { display: none;}
.divderLine ,#aboutSectionOne .aboutRightPic{ display: none;}
#aboutSectionOne { padding: 00px 0 40px !important; padding-top:30px !important;}
#aboutSectionOne .outerBanner { border:0px solid #000 !important; max-height:inherit; width:100%;}
#aboutSectionOne .outerBanner .innerBanner { margin-left:0px !important; padding:0 20px;}
#aboutSectionOne > .outerBanner > .innerBanner > .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { margin-right:4px !important;}
#aboutSectionOne .carousel-control .glyphicon-chevron-left, #aboutSectionOne .carousel-control .glyphicon-chevron-right, #aboutSectionOne .carousel-control .icon-prev, #aboutSectionOne .carousel-control .icon-next { top:50% !important;}
#aboutSectionOne .aboutRightPic { margin-top:10px !important;}
.aboutLeftText > h2 { line-height: 27px;}
.footerLeftLinks .submenu { background-position:90px 244px;}
header nav.navbar .menuOuter ul li a:hover ,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: rgba(0, 0, 0, 0); color:#fff;}
header nav.navbar .menuOuter ul li ul li ul { bottom: auto; border-top:1px solid #e5e5e5;}
header nav.navbar .menuOuter ul li ul.dropdown-menu > li:last-child ul { bottom: 0;}
.clHeading > h2 { line-height: 30px;}
.commonAccordion #accordion .panel .panel-heading h4 a {  line-height: 16px;}
#sectionOuterOne ,#contactUs	,#faceIt,#sectionTwo ,#sectionPartOne ,#aboutSectionOne{ background-image: none;} 
.litChange {  padding: 0 30px;   display: inline-block;   text-align: left;}
#staticTestimonial { background-image: none; background-color: #ECF0F1;}
.rightLine > img ,.secTenImage { display: none;}
#companyLogo {  background-image: none;  background-color: #CEE8E5;}
.fontSize.Fourtyfour h2, .fontSize.Fourtyfour h2 span {  font-size: 28px;   line-height: 30px;}
.fontSizeSeventeen.padLess {  padding: 0 8px;}
.reviewMainText h2 {   font-size: 32px;   line-height: 32px;}
.boxDivider .reviewBg { padding: 25px 15px 5px;}
.reviewVideo .reviewSocialLink a { width: auto !important;}
.reviewVideo ul .lightText { border-left: 0 solid #000000; }
.rsSpace { margin-bottom: 20px;}
.topSpace.rsbtSpace { margin-top: 0;}
.career textarea { height: 120px;}
.reviewOuter { margin-bottom: 25px;}
.reviewVideo a, .reviewVideo a img {display: inline-block;width: 100%;}
#about { background-image: none;}
.portLastButton { margin: 20px 0 0;}
.btn.btn-default.greyButton.custonPageBtn::before { border-bottom: medium none;}
.btn.btn-default.greyButton.custonPageBtn  ,.pfOuter button.greyButton{ padding: 30px 40px 20px;}
.reviewOuter { margin-top: 15px;}
.pfOuter button.greyButton::before { border-bottom:none;}

header.smbBan .getStarted button.btn.btn-default { margin: 0 auto ;  position: relative;}
header.smbBan .getStarted { background: rgba(0, 0, 0, 0); margin: 0; position: absolute; right: -15px;}
header.smbBan nav.navbar .menuOuter ul li.active a { background-color: rgba(0, 0, 0, 0);}
.secThree-twoContent ul li, .secSevenList ul li { border-bottom: 1px solid #e0e0e0;}
br { display: none;}
#bigHeadingLineHr .webSliderText.graphicsDesign p ,#smallHeadingHrLine .webSliderText.webDesign > p ,#HeadingLineHr.slider.logoDesignBanner .webSliderText > p{color:#2aa89b;}
header nav.navbar .menuOuter ul li.active a { background-color: rgba(0, 0, 0, 0);}
#aboutSectionTwo .differentPic { float: left;  margin-right: 15px;  width: 50px;}
.sa2Image img {   width: 60px;}
.fdButtons { display: none;}
.templateLooking .contactInnerField.fullWidth form.contactInputField { padding: 15px 0;}
.commonTemplateHeading > hr { display: none;}
.addressRor .addressListing > li img { float: left;  margin-right: 5px;  margin-top: 5px; margin-left:0;}
.drupalBoxThree .noPad.secTweleveContent { padding: 10px 0 0;}
#strategicApproach2 .saExpert { margin: 10px 0 0;}
a.greyButton::before {  border-bottom: none;}
#strategicApproach2 .saExpertOuter a { margin: -28px 0 0;}
#reviewPage { background-image: none;}
nav.fixed { overflow-y: scroll;  position: fixed;  width: 100%;}
nav.increaseHeight{ height: 100%; }
.conForm.checkbox {  margin-bottom: 5px;}
.mainHeadings.wow.fadeInUp,.mainHeadings.wow.fadeIn ,.mainHeadings.wow.fadeIn{ visibility: visible !important;}
.homeContact .contactForm form { padding: 15px;}
.contactForm form button.inSubmitBtn {  margin-top: 0;}
.stdIntersted {  border-top: none;  margin: 0;}
.srInner { padding: 20px 0; height: auto;}
.defineFloat.srInner img ,.defineFloat.srInner:hover img{  margin-top: -30px;  transform: scale(0.6); transition: all 0.6s ease 0s;}
.defineFloat.srInner:hover ,.defineFloat.srInner{  padding-top: 50px; transform: }
.defineFloat.srInner:hover p ,.defineFloat.srInner p { display: block; margin-left: 0;  opacity: 1; padding: 0 20px;height: auto;}
.defineFloat.srInner:hover h3,.defineFloat.srInner h3 {  margin-top: 0;  transition: all 0.6s ease 0s;}
#sixReason { padding: 40px 0 10px;}
#sixReason .srHeading > hr { margin-bottom: 0px;}
#commonContact .contactForm form button {  float: left;}
.btn.btn-default { height: 55px;  line-height: inherit;  padding: 16px 25px !important;  line-height: 18px;}
button.greyButton::before { border-bottom:none;}
#webDesignLooking.webDevLooking button { background-image: none;}
.nav.nav-tabs.galleryTabing.ptList .active.current > a,.nav.nav-tabs.galleryTabing.ptList .active > a { background-color: rgba(0, 0, 0, 0); text-align: center;
}
.fdContent { margin-top: 20px;}
.trListFirst { background-image: none !important;}
.accordionSidecontent.tabAccordian.hideContent { background: rgba(0, 0, 0, 0);}
#counter .list-unstyled.colorSelection li { margin: 0 0 10px !important;}
.navbar-collapse { margin-right:0;    margin-left: 0; }
.secDivide hr { display: none;}
.secCounter > h2 {  font-size: 22px; line-height: 24px;  margin: 20px 0 30px;}
#sectionFourteen {  padding: 40px 0 30px ;}
ooterLeftLinks .submenu { left: -80px;}
.tempSliderText.redirectSlider { top: 49%;}
.secOneHeading.commonTemplateHeading.marginButtom {  margin-bottom: 0;}
.footerLeftLinks .bottmIinking li { margin: 2px auto;  width: 100%;}
.boostIcon { float: none;  margin-top: 0;}
.secFourImage img { display: none;}
.secSevenList ul.litSpece { padding: 0 15px;  width: 100%;}
.hrDividerLine { display: none;}
.secTweleveBoxes.lessMargin {  padding: 0 15px;}
.accordion-section-title.active .defineFloat.text-center.trListImage {  margin-bottom: 10px;}
.defineFloat.templateSlider.contactBanner {  height: 60px;  overflow: hidden;  width: 100%;}
.logoContact .commonContactHeading > span { font-size: 27px;  line-height: 27px;  margin-top: 3px;}
.wdiOuter { margin: 10px 0 0;}
.slidesOuter .item label { font-size: 20px;  line-height: 24px;}
.darksectionText img { width: 17px;}
.drupalBoxThree .noPad.secTweleveContent.litSpaceBox ,.secNineList.commonPara.litSpaceBox{  padding: 0 15px;}
.secEightOuter.setHeight { padding-top: 20px;}
.secSevenList.lessLeftRightPad ul { padding: 0;}
.bgimg-1 { min-height: 80%;}
.caption { top: 28%;}
#mainSlider .carousel-caption { top: 44%;}
.ysContent > p { padding: 0;}
.aboutText { top: 45%;}
#carousel-example-generic .scroll {  bottom: 85px;}
.secThree-twoContent ul li, .secSevenList ul li {  border-bottom:  none;}
#smallHeadingHrLine .webSliderText.portfolio { top: 30%;}
.secNineList.commonPara,.footerLeftLinks ul { margin-bottom:0; }
.footerLeftLinks ul li.developMenu:hover ul.dropdown-menu {  bottom:0;  text-align: center;  top: auto; position:relative;}
.footerLeftLinks ul li.developMenu ul li:hover ul { bottom: 0;  position: relative;  right: 0;  width: 100%;}
.footerLeftLinks .submenu { bottom: auto;  display: none;  left: 0; padding: 0 0 8px; position: absolute;  width: 100%; }
.gallery,.footerLeftLinks .submenu {  background-image: none;}
h2.aloha-block-blocklevel-sortable { margin-bottom: 6px;
}
h3.aloha-block-blocklevel-sortable {  font-size: 30px;  margin-bottom: 30px;
}
.triangleArrow {  display: none;
}
.lrPaddingZero .secTweleveBoxes ,.secFourHeading.commonTemplateHeading.commonHr.lrPaddingZero { padding: 0;
}
.aboutBanner {  padding: 80px 0;
}
.moreReview {  margin-left: 0;
}
.secOneContent.commonPara p:last-child ,.secTenContent.commonPara p:last-child { margin-bottom: 0;
}
.topSpace { margin-top: 20px;
}
.secSevenHeading.commonTemplateHeading p {  margin-bottom: 10px;
}
.btSpace { margin-bottom: 10px;
}
.siInner > h2, .pfHeading > h2 {  font-size: 30px;  line-height: 30px;
}
.portIsotope.indexSlider { padding: 10px 10px 60px;
}
#sectionEight.defineFloat.webDesignerBoxThree {  padding-bottom: 0;
}
#sectionEight.defineFloat.webDesignerBoxThree  .secEightOuter {  margin-top: 16px;
}
.wdeInner:nth-child(4) img ,.wdeInner:nth-child(5) img ,.wdeInner:nth-child(6) img {  width: 37px;
}
#sectionThree.defineFloat.bottpadZero {  padding-bottom: 0;
}
.secSevenList.lessLeftRightPad ul {  width: 100%;
}
section .list-unstyledList-Custom li:last-child {  border-bottom: 1px solid #e5e5e5;
}
.secNineOuter .commonPara:nth-child(1) { padding-bottom: 20px; border-bottom:none;
}
.secNineOuter .commonPara:nth-child(2) li:last-child ,.secNineOuter .commonPara:nth-child(1) li:last-child {  border-bottom:none;
}
.reviewVideo ul .lightText { margin-left: 0;  padding-left: 0 !important;
}
.list-unstyled.partnerLink li:last-child { border-bottom: medium none;
}
.secThree-twoContent ul li:last-child, .secSevenList ul li:last-child {  border-bottom: 1px solid #e0e0e0;
}
.submenu ul li:hover ul { position: relative;  right: 0;  width: 100%;
}
.submenu ul li:last-child ul {  border-bottom:none;  bottom: 0;
}
.mobStickyBar ul { float: left;  text-align: center;  width: 100%;
}
.mobStickyBar { background: #21ac9b; bottom:0px; display:block; position:fixed; transition:all 0.35s ease 0s; z-index:999;
}
.mobStickyBarShow {  bottom: 0;  transition: all 0.35s ease 0s;
}'
.mobStickyBar ul li {  border-left: 1px solid #3d3d3d;  display: inline-block;  padding: 15px 15px 10px;
}
.mobStickyBar ul li a {  background: rgba(0, 0, 0, 0) url("../images/stickyStripe.png") no-repeat scroll center center;
  display: inline-block;  height: 20px;  transition: inherit;  width: 21px; float: left;
}
.mobStickyBar ul li.sPhone a {  background-position: left -5px top -4px;
}
.mobStickyBar ul li.sMail a {  background-position: left -41px top -4px;
}
.mobStickyBar ul li.sCal a {  background-position: right -2px top -4px;
}
.defineFloat.mobStickyBar li:first-child {  border-left: 1px solid #31bcab;
}
.defineFloat.mobStickyBar li {  border-right: 1px solid #31bcab;  display: inline-flex;  padding: 15px 18px 10px 15px;
}
.defineFloat.mobStickyBar { display: none;
}
.defineFloat.mobStickyBar.mobSticky { display: block;
}
.mobStickyBar ul li.sCal a:hover { background-position: right -2px top -27px;
}
.mobStickyBar ul li.sMail a:hover { background-position: left -41px top -26px;
}
.mobStickyBar ul li.sPhone a:hover { background-position: left -5px top -27px;
}
.sliderText li:last-child { border-bottom: medium none !important;
}
.partnerRowThree .borderBox.partnerSect.last {  margin-bottom: 20px;
}
.defineFloat.htmlProgramerBoxOne *,.reviewMainText * { text-align: left;
}
.reviewTextboxTeest td:first-child {  padding: 20px;
}
.navbar-toggle span.icon-bar:nth-child(4) {  margin-top: -8px;  transform: rotate(45deg);
-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.navbar-toggle.collapsed span.icon-bar:nth-child(4) { margin-top: 4px;  transform: rotate(0deg); 
-moz-transform: rotate(0deg); -webkit-transform: rotate(0deg);
}
#bs-example-navbar-collapse-1 {  margin: 0;  padding: 0;
}
#smallHeadingHrLine, #HeadingLineHr, #bigHeadingLineHr, #smallHeadingLineHr, .defineFloat.templateSlider { margin-top: 0;
}
.defineFloat.parallaxOne {  margin-top:0px;
}
#mainSlider.parallaxOne .carousel-caption { top: 42%;
}
header.headerFixed { overflow-y: scroll;  position: fixed;
} 

.navbar-toggle.collapsed span.icon-bar:nth-child(2) { display: block;
}
.navbar-toggle span.icon-bar:nth-child(2) { display:none;
}
.navbar-toggle.collapsed .icon-bar + .icon-bar { margin-top: 4px;
}
.navbar-toggle .icon-bar + .icon-bar { margin-top: 10px;
}
header nav.navbar .menuOuter ul li {height: auto;
}
.templateSlider.headerFixed {  padding-top: 60px;
}
.tenpCounter .list-unstyled.colorSelection li span { padding: 0 10px;
}
.nav.navbar-nav.navbar-right.sm-collapsible {  overflow-y: scroll;
}
#counter > h2 { padding: 0 10px;
}
#difference { padding: 50px 0 12px;
}
header.increaseHeight {    margin: 0;  overflow-y: scroll;  padding: 0;  position: fixed;
}
header nav.navbar .menuOuter ul > li:hover > ul { overflow-y: auto;}
.menu-1.showMenu ,.menu-2.showMenu { display: block !important;
}
.has-submenu span { pointer-events: none !important;
}
#counter { margin: 0;
}
header.increaseHeight nav { background: #1d1d23 ;
}
header.increaseHeight .navbar-header { background: #ffffff;
}
.whiteBoxContainer { margin: 0 3%;  padding: 20px 0;  width: 94%;
}
#sectionFourteen .secFourteenOuter .fourteenBg { margin: 0;
}
.navbar-nav .open .dropdown-menu { padding: 10px 0;
}
header nav.navbar .menuOuter ul li ul li ul li a { padding: 8px 0;
}
header nav.navbar .menuOuter ul li ul li ul span .activeMenu { margin-bottom: 10px;
}
.socialLinks { background-color: #21ac9b; margin: 20px 0 0;  
}
header .navbar-collapse.menuOuter.collapse.in {  margin: 0;  padding: 0;
}
header nav.navbar .menuOuter ul li ul li ul { padding: 20px 0 15px;
}
.secTenHeading .repadding {  margin: 0 2.5%;  width: 95%;
}
.portLastButton .btn.btn-default { height: auto;  line-height: inherit;  padding: 6px 20px !important;
}


#sectionOne-one .defineFloat.secOneBox.customHeight { margin-bottom: 0;
}
.rsArrow { display: none !important;
}

/***  responsive slider  ***/

ul.nav.nav-tabs.responsiveTabing.galleryTabing li { display: inline-block;
}
ul.nav.nav-tabs.responsiveTabing.galleryTabing { padding-bottom: 0;
}
.swiper-container.swiper-container-horizontal { margin:0 2.5%;  width: 95%;  cursor: pointer;
}	
.swiper-slide.swiper-slide-active ,.swiper-slide  {  width: 100% !important; 
}
.swiper-button-next, .swiper-button-prev { display: none;
}
.swiper-container { height: 100% !important;
}
.swiper-slide > img { border: 15px solid #ffffff;
}


/****  banner scrolldown click  ***/

#about.scrollDown { padding-top: 140px; transition:all 1s ease-in-out 0s;
-moz-transition:all 1s ease-in-out 0s; -webkit-transition:all 1s ease-in-out 0s;
}
.commonAccordion #accordion .panel .panel-heading h4 a i { margin: 0;
}
#faceIt { padding: 30px 0 40px;
}
.reviewOuter .reviewContent > p {  margin-bottom: 0;
}
.copyRight { padding: 20px 0;
}
.tempGallery .ptbutton .btn.btn-default {  padding: 6px 25px !important;
}
.portIsotope.innerGallery.tempGallery .ptbutton { margin: 15px 0 46px;
}
.weiLogo.mainHeadings.wow.bounceInLeft { display: none;
}

.portIsotope .portWebMenu.scrollDown li {  border-bottom: 1px solid #e5e5e5;  border-right: medium none;  width: 100%;
}
.portIsotope .portWebMenu li a { line-height: 20px;
}
/* .scroll > a { pointer-events: none;
} */

/***   res portfolio   ***/


.galleryAll { text-align: center;
}
.galleryAll.adjHeight img { float: none;  margin: 0 auto;  width: 250px;
}
.fadeInUp, .fadeIn, .fadeInDown, .fadeIn {  visibility: visible !important;
}
.reviewOuter > a { top: 10px;
}
footer.indexFooter.fixedFooter { padding: 60px 0;
}
.webDevelopmentReview .bx-pager.bx-default-pager ,.logoDesignReview  .bx-pager.bx-default-pager { bottom: 0 !important;}
#lhc_status_container { display: none;}
#lhc_status_container.getFixed { display: block;}

.aboutPageReview { min-height: 350px;}
.customPageReview {  min-height: 400px;}
.logoDesignReview { min-height: 420px;}
.webDevelopmentReview { min-height: 350px;}
#mainMobileform.indexform {  padding: 16px !important; }
#commonContact.container.spaceLess {  padding: 0 15px;}

.webDevelopmentReview .bxslider > li ,.aboutPageReview .bxslider > li ,.customPageReview  .bxslider > li ,.logoDesignReview .bxslider > li { padding: 0 20px;
width:100% !important;}

/**  responsive Swipe  **/

.responsiveSwipe.swiper-container-horizontal { display: inline-block; margin: 20px 0; text-align: center;
}
.responsiveSwipe .swiper-button-next,.responsiveSwipe .swiper-button-prev { display: block;
}
#Portfolio .portHeading > h2,#Portfolio .portHeading > h3 { color:#000;  
}
.swiper-container.swiper-container-horizontal.responsiveSwipe { width: 100%;
}
#sectionThirteen.whoWeAre { background-color: #000; background-image: none;
}
.slidesOuter .customNavigation .btn.prev,.slidesOuter .customNavigation .btn.next { background: #343434;
}
.responsiveSwipe { display: block;
}
.footerLeftLinks .list-unstyled {  margin-top: 20px;  width: 100%;
}
#framePortfolio { padding: 30px 0;
}
.bx-wrapper .bx-pager { margin-bottom: 10px;}

/* * {
animation-duration :0s !important;  -webkit-transition:  all 0s linear; !important;  -moz-transition:  all 0s linear; !important;
  -ms-transition:  all 0s linear; !important;  -o-transition:  all 0s linear; !important;  
} */
.lableTitle{ font-size: 20px;  line-height: 24px;
}

/** template link **/
a.tempConterlink::before { background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;  height: auto;
}
.statsExrArrow { margin-bottom: 30px;  margin-top: 0;
}
.secCounter ul.templateConter li { padding: 0 1%; width: 48%;
}
.portLike.iframePort, .portLike.iframePort:hover {  padding: 0;
}
#portfolioThird.templatePortfolio.tempPortFolioField { padding-bottom: 30px;
}
.col-sm-12.col-xs-12.noPad.text-center.getStarted.visible-xs.hidden-sm.hidden-md.hidden-lg { border-bottom:none;
}


.subTabContent { float: inherit;  max-width: 630px;  width: 100%;
}
.defineFloat.secElevenOuter.subTab .secElevenContent.commonBoxSubHeading { margin: 0 0 15px;
}
.defineFloat.secElevenOuter.subTab .secElevenBoxes.lessBorderBottom { padding: 0;
}
#lhc_status_container {  background-color: hsla(0, 0%, 0%, 0) !important;  border-color: hsla(0, 0%, 0%, 0)!important;  box-shadow: none !important; left: 0;  right:auto;}
body p#back-top {background-color:transparent !important;bottom: 0px;height: 44px;left: auto !important;text-align: center;width: 50px; right:0 !important;}
body p#back-top::before { background: hsla(0, 0%, 0%, 0);
}
body p#back-top { border-left: 1px solid hsl(172, 55%, 55%);
}

#slides .owl-prev { top: 8px;
}
#slides  .owl-next { top: 8px;
}

.footerLeftLinks .submenu .activeMenu { padding: 3px 0 5px;
}
.footerLeftLinks .submenu .activeMenu:hover { background: hsla(0, 0%, 0%, 0)!important;
}
.footerLeftLinks ul ul li a { padding: 4px 0; Display:inline-block;  width:100%;
}
.counterCount ul li span { margin: 0 0 10px -3px;
}
.templateSlider.glossary.glossary-min-mob img, .templateSlider.glossary.glossary-min-mob { height: 210px;  padding-top: 0;
}
.webDevelopStates span.statsExrArrow::after { right: 8px;  top: 1px;
}

/* 13--10--2017 */

.templateConter .statsExrArrow { margin-top: 0; margin-bottom: 20px;
}
.templateConter li span { margin-bottom: 6px;
}
.rightText .bottmIinking > li:first-child::after { right: inherit;
}
.aiIntersted a { margin-left: 15px;
}
#reponsivePortfolio .portLike { margin: 0 2%; width: 96%;
}
/* new change */
nav .dropdown-menu li span .fa.fa-caret-down { display: block; position: relative;  top: 1px;
}
.pfOuter a.knowMore { margin: -35px 0 0 25px;
}
#reviews .reviewButton a { margin: -25px 0 0;
}
.indexCounterSet .defineFloat.CounterOuter.mainHeadings.wow.fadeInUp { margin-top: 15px;
}
a.tempConterlink { padding: 0 8px;
}
.secCounter ul.templateConter li span { font-size: 15px;
}
.img-responsive.hide.rsBannerShow { display: block !important;
}
.aboutText {  bottom: auto;  position: absolute;  top: 50%;  transform: translateY(-50%);
}
.accordionSidecontent.tabAccordian.hideContent { padding: 15px 15px 0;
}
/* responsive accordian */
.accordionSidecontent.tabAccordian {  display: inline-block; padding: 15px 15px 0;
}
.accordionSection.tabAccordian .accordion { margin-top: 0;
}
.accordionSidecontent.tabAccordian.hideContent:hover { background-color: hsla(0, 0%, 0%, 0);
}
.aboutBanner {  padding: 0; background-image: none;
} 
#counter.tenpCounter > h2 { padding: 0 15px; letter-spacing:0px;
}
.tenpCounter ul.list-unstyled.templateConter { padding: 0 10px;
}
.tenpCounter ul.list-unstyled.templateConter span{ letter-spacing:0px;
}
.rightText .bottmIinking > li:first-child::after { background: hsla(0, 0%, 0%, 0);
}
.doImage {
  margin: 0 20px 0 0;
  width: 87px;
}

.homeContact.fixedFooter {
	float:left !important;
}

/*----update css--1/7/2019----*/
#sectionOuterOne.glossaryBox{ background-image:none;}

/*-----end css----*/

} 



@media screen and (max-width:599px){
.mobile-get-here{
	font-size: 19px !important;
    line-height: 28px !important;
    margin: 34% auto !important;
}
.tempSliderText { top: 44%;
}	

/***   homePage css   ***/
#bigHeadingLineHr .webSliderText.graphicsDesign { top: 18%;}
.carousel-caption .sliderText > h2 { font-size: 36px; line-height: 40px;}
.carousel-caption .sliderText ul { margin: 15px 0 0;}
#carousel-example-generic .scroll { bottom:45px;}
.carousel-caption .getStarted button { margin-right: -30px;}
.parallaxOne .sliderText ul li:last-child {
    margin-top: 15px;
}
.portHeading > h2, .portHeading > h3 { font-size: 32px; line-height: 34px;}
.noPad.aboutHeading ,.noPad.aboutContent{ padding:0px;}
.sbHeading { padding: 0 10px;}
.sbInner { padding: 0;}
.serviceIntersted.noPad { padding: 23px 0 50px;}
.reviewHeading > span { display: none;}
.reviewHeading { margin: 0px 0 30px;}
.reviewBg { background-image: none;}
.reviewButton button.greyButton::before { border-bottom: 0px solid transparent;}
.reviewButton button.greyButton { padding: 15px 40px 15px; height: auto; line-height: 30px;}
.ccOuter button.greyButton { padding: 15px 15px 15px; height: auto; line-height:20px;}
.pfHeading {padding: 36px 45px 40px 25px;}
.differenceHeading > span { display: none;}
.counterHeading > h2 { font-size: 25px;}
.list-unstyled.colorSelection li a {  display: block;  margin-bottom: 20px;}
.CounterOuter { padding: 30px 10px 5px;}
.ccOuter > h2 { font-size: 30px; margin: 0 10px 18px;}
.parallaxOne .sliderText ul li input { width: inherit; padding: 12px 30px; }
.parallaxOne .sliderText ul li:not(:last-child) { margin: 0;}
.makeDifferent { text-align: left;}
.clSecond .clsInner .list-unstyled > li { float: left;  margin: 0 0 10px;  width: 50%;}
#webDesingEqual .wdeOuter {  padding: 20px 0;}
.strInner::after {  background-image: none;}
.reviewOuter > a { left: auto;
}
#HeadingLineHr .webSliderText {   top:-85%;  background-color: transparent;
}
.swiper-container { height: 100% !important;
}
#commonContact.devContact { padding: 50px 0 60px;
}
/** slider **/
.tempSliderText.drupalSlider { transform: translateY(-40%);
}
.fifty { padding: 0 12px;}

#slides .owl-prev { left: -40px;
}
#slides .owl-next { right: -40px;
}
.accordionSidecontent.tabAccordian .trfContent { margin-top: 4px;
}

}





@media screen and (max-width:480px){
	.new-center-fix{
		margin-left: auto !important;
		margin-right: auto !important;
	}
.shadowBox { margin: 0;}
.lableTitle label { padding: 0 10px;}
.inputfield {  width: 100%;}
.contactForm, .lableTitle {  width: 100%;}
.homeSlider .left.carousel-control.noneImage img { left: 10px;}	
.homeSlider .right.carousel-control.noneImage img { right: 10px;}
#smallHeadingLineHr .webSliderText.webDevelopServices {  top: 18%;}
.accordionSection .accordion-section{ width: 100%;}
button.greyButton { padding: 20px 40px; }
.mapLogo img { padding: 13px 10px;}
.mapLogo > li {  width: 33.33%; background: #fff; border-bottom: 1px solid #e5e5e5;}
.mapLogo { background: transparent;   box-shadow: none;}
.webDesignBoxFour button.greyButton {   padding: 17px 40px 40px;}
.accordion-section-title {  height: auto; min-height: inherit;}	
.accordion-section-content.open { height: auto; overflow-y: scroll;}
.aboutText .bannerButton { display: none;}
.aboutBanner p {font-size: 13px; line-height: 18px;}
.aboutBanner h2 {  font-size: 28px; line-height: 30px;}
.aboutLeftText > h2 span.green ,.aboutLeftText > h2  { line-height: 27px;}
.customerReview > h2 {   font-size: 28px;   line-height: 30px;}
.fourteenBg {  margin: 0;}
.secFourteenHeading.commonTemplateHeading > hr { float: left; margin: 0 0 4px;}
.trfContent > p, .trfContent > p span {  font-size: 13px;  line-height: 18px;
}
.mobileBorderNone { border-bottom:none !important; }

.secSevenList:last-child ul:last-child { border-bottom:none !important; 
} 

/***  slider  ***/

.swiper-container {  height: 380px !important;
}
.pfHeading ul li:not(:last-child) { margin: 0 6px 0 0;  padding: 0 6px 0 0;
}
#aboutSectionTwo.defineFloat.pressButton { padding-bottom: 20px;
}

#reponsivePortfolio.gallery.newPortDesign .portfolio.titleSection h3 { font-size: 28px;
}
#reponsivePortfolio.gallery.newPortDesign .portfolio.titleSection h2 { font-size: 20px;
}
.trContent ul li { min-height: inherit;  width: 100% !important;
}
.trContent ul li {  padding: 20px 0 0;}


}

@media screen and (max-width:359px){
	.clsInner ul li {
  font-size: 12px;
}
.clsInner ul li img {
  max-width: 20%;
}
	.capchapic.col-lg-8.col-md-8.col-sm-8.col-xs-8 {
  width: 260px;
}
.nav.navbar-nav.navbar-right.sm-collapsible {  overflow-y: scroll;

}
.portIsotope ul li a { padding: 5px 5px;
}
.list-unstyled.colorSelection li {  width: 100%;
}
.tenpCounter .list-unstyled.colorSelection li span { padding: 0 4px;
}
.counterCount ul li a { letter-spacing: 0;
}

#slides .owl-next { right: -40px;
}
#slides .owl-prev { left: -40px;
}


}

@media screen and (min-width:992px) {
/** about map **/

.mapPic {position: relative;
}


}

@media screen and (max-width:991px) {
	.sebContent > h3 {
  min-height: 36px;
}

.getStarted.hidden-xs.visible-lg a:hover .rsButtonGet, .getStarted a:hover .rsButtonGet{  color:#fff !important;
}
.mapPic {position: relative;
}
.nav.navbar-nav.navbar-right.sm-collapsible li:hover a , .nav.navbar-nav.navbar-right.sm-collapsible li:hover a i{  color: hsl(173, 68%, 40%);}
.nav.navbar-nav.navbar-right.sm-collapsible li ul li:hover a i{ color:#ffffff;}
.nav.navbar-nav.navbar-right.sm-collapsible li:hover li a ,.nav.navbar-nav.navbar-right.sm-collapsible li li a ,.nav.navbar-nav.navbar-right.sm-collapsible li li li a{  color: #fff !important;
}
.nav.navbar-nav.navbar-right.sm-collapsible li li li:hover a {  color: #000 !important;
}

.testimonialSlider .bx-viewport .bxslider > li ,.testimonialSlider .bxslider{ width: 100% !important;
}
/**  back to top  **/

body p#back-top::before {display: block; border-left:none;border-top:none;}
body p#back-top {  background-color: hsl(0, 0%, 0%); left: 0;  right: auto;}

.themeColor { font-size: inherit;
}
.deskTopPoerfolio { display: none;
}
#reponsivePortfolio { padding-bottom: 40px;
}
.portLike:hover { background-repeat: no-repeat;  background-size: 100% 100%;
}
.footerLeftLinks ul li:hover .submenu ul { padding: 6px 0;
}
.footerLeftLinks ul li:nth-child(2) .submenu li:nth-child(8):hover ,.footerLeftLinks ul li:nth-child(2) .submenu li:nth-child(9):hover {
  background-color: hsla(0, 0%, 0%, 0);
}
.footerLeftLinks ul li:nth-child(2) .submenu li:nth-child(8):hover li:hover ,.footerLeftLinks ul li:nth-child(2) .submenu li:nth-child(9):hover  li:hover {
  background-color: hsl(173, 68%, 40%);
}
.templateConter  li span { margin-bottom: 10px;
}
.templateConter  a.tempConterlink { display:block;
}
.aboutOuter .list-unstyled.blackColorText li { margin-bottom: 0 !important;
}
.testimonialSliderOuter .bx-wrapper { margin-bottom: 0;
}
.responsivePortfolio .plInner::before { border-bottom: 3px solid hsla(0, 0%, 0%, 0);
}

/*  responsive tab  */


.rsAcordianTab.active .tab-pane{ display: block;
}
.rsAcordianTab .accordion-link { color: hsl(0, 0%, 100%); display: inline-block; font-family: "poppinsregular"; font-size: 14px;
  margin-bottom: 0px; padding: 11px 10px;  width: 100%; background: hsl(172, 59%, 42%) none repeat scroll 0 0;  border-bottom: 1px solid hsl(0, 0%, 100%);
}
.rsAcordianTab .tab-pane { padding: 6px 15px;
}
.rsAcordianTab  .tab-pane  h4 { color: hsl(0, 0%, 0%);  font-family: PoppinsSemiBold;  font-size: 18px;  margin-bottom: 5px;
}
.rsHide { display: none;
}  
#lhc_status_container {   z-index: 9999 !important;
}
span.listingExrArrow::after { line-height: 16px !important;
}
#accordionOutSource a ,#devAccordion.commonAccordion a { position: relative; padding:12px 20px !important;
}

.mobile-20-font h2 { font-size: 18px;  line-height: 20px;
}
.more-less.glyphicon {  position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%); -moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
#reponsivePortfolio .portLike { padding:15px;
}
#graphicDesignServices { padding: 30px 0 35px;
}
.dfContent a.green { display: inline-block;
}
#webDesignLooking #myModal .modal-content > p { margin: 60px auto !important;  padding: 0 15px;
}
.innerLeftPart h4 {  word-break: break-all;
}
.borderBox.partnerSect.partnerShipPage { margin: 10px 0 20px;
}
.btn.btn-default.greyButton.blue.simpleBounce, .graphicsDesignBtnOne.simpleBounce, .webBtnTwo.simpleBounce { 
background-color: hsl(172, 59%, 42%) !important; color:#fff;
}
.iframeArrow::after { line-height: 25px;
}
#aboutSectionTwo #counter.counter.countedSet { margin-top: 0;  padding-bottom: 0;
}

.serviceBlocks .sbInner > h3 { min-height: 30px;
}
.serviceBlocks .sbInner h3 br { display: block;
}
	 
}



@media(min-width:768px) and (max-width:991px){

.accordionSidecontent { max-width: 300px;}
.accordionSidecontent .trImage { float: left;  margin: 0 9px 0 0;  text-align: center;}
.trListFirst { display: inline-flex;}
.nav.nav-pills {  max-height: inherit;}
.trfContent {  display: block;}
.trListFirst.countTwo, .trListFirst.countThree, .trListFirst.countFour, .trListFirst.countOne { padding: 10px 0;}
.trListFirst.countTwo, .trListFirst.countThree, .trListFirst.countFour, .trListFirst.countOne {
  padding: 4px 0;}
  .trListFirst:not(:last-child) { margin: 0;}
.accordion-section-title.active .defineFloat.text-center.trListImage { float: none;  margin: 0 auto;}
.nav.nav-pills > li.active .accordion-section-title.active { max-width: 202px;  width: 100%;}
.accordionSidecontent.tabAccordian {  background-color: #fff;}
}


@media screen and (min-width:768px) {

li.footerSubMenuTT.mobile {
    display: none;
}
}
@media screen and (max-width:767px) {

.accordionSidecontent { max-width: 100%;}
.accordionSidecontent .trImage { float: left;  margin: 0 9px 0 0;  text-align: center;}
.trListFirst { display: inline-flex;}
.nav.nav-pills {  max-height: inherit;}
.trfContent {  display: block;}
.accordion-section-title.active { max-width: 100%;  width: 100%;}
.trContent ul li { min-height: auto;  width: 50%;}
.nav.nav-pills { padding: 0 15px;}
.accordion-section-content { display: block !important; }
.trContent ul li .trListOut {  margin: 0;}
.trListContent { min-height: 60px;}
.accordionSidecontent.tabAccordian {  background-color: #fff;}
	li.footerSubMenuTT.desktop {
    display: none;
}
}

@media screen and (max-width: 769px){
	.defineFloat.differenceOuter.deskTop .doInner.wow.fadeInUp {
    min-height: auto !important;
}
}

.containermessage {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 24px;
}