/* ************* Media Queries Tablets ****************** */
@media only screen and (max-width:1400px) {
#whyHeliogic .certifiedLogo .greyLogo{ position:inherit; float:right; width:48%; right:0; top:0;}
#whyHeliogic .certifiedLogo .greyLogo li{ width:32.5%;}
#whyHeliogic .certifiedLogo .greyLogo li a{ width:100%; font-size:12px;}
.whyHelio{ width:100%;}
}
@media only screen and (max-width:1279px) {
.indexbanner .bannerDetailWrap .bannerDetail{padding-left:50px; margin-top:-190px;}
.sliderArrowBtnWrap{left:auto; right:40px;}
.dataDriven{ width:180px; font-size:28px; line-height:28px;}
.footLink, .footAdd, .footCall, .footSocial{ width:100%}
.counterBlock li .count{ font-size:25px;}
.counterBlock li{ font-size:20px;}
}
@media only screen and (max-width:1169px) {
.sliderArrowBtnWrap, .homeServicesTop{display:none;}
.indexbanner .bannerDetailWrap h2{font-size:44px;}
.indexbanner .bannerDetailWrap h2 br{display:none;}
.indexbanner .bannerDetailWrap .bannerDetail{margin-top:-105px;}
.desktop.fixedHeader #header{position:static; height:auto;box-shadow:0 0 0 #fff; border:0;}
.desktop.fixedHeader #logo{width:auto;margin:9px 0;}
#logo, #logo img, .headerRightCol, .topNav, .mainNavigation{-webkit-transition:all 0s ease 0ms;transition:all 0s ease 0ms;}
.desktop.fixedHeader .topNav{opacity: 1;visibility: visible;}
.desktop.fixedHeader .siteSearchBarWrap{display:block;}
.desktop.fixedHeader #wrapper{margin:0;}
.homeServices .leftBg, .homeServices .rightBg{top:-70px;}
#footer{text-align:center;}
#footer .row{margin:0;}
.footerLinks{text-align:center; padding-top:15px;}
.noAnimate{transform:translateY(0px) !important; -webkit-transform:translateY(0px) !important;}
.innerBanner .bannerImg{background-position:center center !important;}
.aboutUsRightImg{margin-top:15px;}
.commonTextContent{padding:30px 0;}
.ourPartners{margin:0 -15px;}
.ourPartners li{padding:15px;}

.addressBox{padding:30px;}
.addressBox h2, .contactUsFormWrap h2{font-size:25px;}
.contactUsFormWrap h3{font-size:22px;}
.contactUsFormWrap{padding-top:30px;}
.contactUsForm{max-width:1024px; padding:30px;}
.indexbanner .swiper-button-next.fa:hover, .indexbanner .swiper-button-prev.fa:hover{color:#fff;}
.swiper-button-next.fa:hover, .swiper-button-prev.fa:hover, .whatPeopleSay .swiper-button-next.fa:hover, .whatPeopleSay .swiper-button-prev.fa:hover{color:#293a91;}
.technologiesList li{width:25%;}
.swiper-right-slide .bannerDetailWrap .bannerDetail{ left:450px;}
ul.bulletTextLink li{ float:none; display:inline;}
.counterBlock li{ padding:0 20px;}
}

@media only screen and (min-width: 1024px) {#nav ul {display:block !important;}}
@media only screen and (max-width: 1023px) {
#header{height:auto; padding:0; position:relative; top:auto; background:#4d1999;}
#header .container{padding:0;}
#logo{margin:15px 0 15px 15px;}
.headerRightCol{float:none; position:static; width:100%;}
.mainNavigation{ width:100%; margin:0;}
.siteSearchBarWrap .searchIcon{background:url(../images/search-icon-white.png) no-repeat center center;}
.siteSearchBarWrap{right:55px; bottom:-9px;}
.siteSearchBar .inputField{height:44px; border-radius:0; border:0;}
.siteSearchBar{top:0;}
.siteSearchBarWrap .searchIcon{height:44px; width:44px; background-color:#f7a041; margin:0;}
.siteSearchBar .submitBtn, .siteSearchBar .submitBtn:hover, .siteSearchBar .submitBtn:focus{right:8px; top:8px;}
/*Navigation*/
.mainNavigation{background-color:#4d1999; padding:0; border-top:1px solid #f7a041; border-bottom:1px solid #f7a041;}
#nav {display:none;position:absolute;left:0;right:0;background:#28055b;}
#nav ul{background:#28055b;}
.toggleMenu, #nav .menuIcon {display:block;}
#nav li {float:none;display:block;border:none; padding:0;}
#nav > li:before, #nav > li > a:after, #nav > li > a.active:after {display:none;}
#nav li a{border-bottom:1px solid #1c0242}
#nav li.parent {position:relative;}
#nav li .menuIcon, #nav li li .menuIcon {width:46px; height:auto; background-color:#2159ae; background-color: rgba(33, 89, 174, 0.5); background-image:url(../images/down-white-arrow.gif); background-repeat:no-repeat; background-position:center 20px; position:absolute;right:0;top:0;bottom:0;cursor:pointer;}
#nav li .menuIcon.active, #nav li li .menuIcon.active {background-color:#002d63; background-color: rgba(1, 36, 78, 0.5);}
#nav li > a:hover, #nav li.hover > a, #nav li.active > a, #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a {background-color:#002d63;color: #fff;}
#nav ul {width:100%;display:none;position:static;transition:none;-webkit-transition:none;}
.hasJS #nav ul{opacity:1;}
#nav li ul li, #nav ul a {width:100%}
#nav > li:hover > ul, #nav li li:hover > ul, #nav li li li:hover > ul {display:none;}
#nav ul, #nav *:hover ul ul, #nav .hover ul ul, #nav .focus ul ul {margin-left:0;box-shadow:0 0 0 #fff; border:0;}
#nav li a { padding:8px 15px; display:block;line-height:30px;font-size:16px; color:#fff;}
#nav li ul li a {padding:10px 55px 10px 25px; display:block;line-height:21px; background:url(../images/right-arrow.gif) no-repeat 15px 15px;color:#fff;border-bottom:1px solid #537ebf}
#nav li ul li ul li a {padding-left:45px;background-position:33px center}
#nav li ul li ul li ul li a {padding-left:60px;background-position:45px center}
#nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a, #nav > li > a.active {background-color:#1c0242;color: #fff;}
#nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a, #nav ul li.focus > a {background-color:#3a76d2;color: #fff;}

/*Responsive Table*/
.responsiveTable, .responsiveTable tr, .responsiveTable td, .responsiveTable td:before { display:block; text-align:left; border:none;}
.responsiveTable, .responsiveTable tr, .responsiveTable td:last-child { border-bottom:none; }
.responsiveTable thead, .responsiveTable tr th { position:absolute;top:-1000em; left:-1000em; }
.responsiveTable tr { border:1px solid #eeeeee; border-bottom:2px solid #eeeeee;  margin:0 0 20px; }
.responsiveTable tr td:nth-child(1) { border-left:none;}
.responsiveTable tr td:last-child { border-right:none; }
.responsiveTable tr:last-child .td, .responsiveTable td { border-bottom:1px solid #eeeeee; }
.responsiveTable td:before { font-weight:bold; padding-right:20px; line-height:27px; color:#174471; content:" "attr(data-label)"";}
.responsiveTable tbody {display:block;}
.responsiveTable tr td {padding:5px 15px; width:auto !important;}
.homeServicesList{margin:0 -10px;}
.homeServicesList li{padding:10px;}
.homeServicesList .servicesBox{padding:20px 10px;}
.homeServicesList .icon{margin-bottom:15px;}
.homeServicesList h3{margin-bottom:10px; font-size:19px;}
.homeServicesList .servicesBox:hover{margin:0; box-shadow:0 0 0 #fff;}
.homeServicesList .button, .homeServicesList .servicesBox:hover .button{opacity: 1;visibility: visible; position:static; margin:0; font-size:14px; padding-top:6px;padding-bottom:6px;}
.homeServicesList p{margin-bottom:20px;}
.aos-init{transition-duration:0s !important;-webkit-transition-duration:0s !important;opacity:1 !important;transform:translate(0) !important; -webkit-transform:translate(0) !important;}
.homeServices h2, .searchingJob h2, .ourPartnersHome h2, .ourContact .contactBox h2{font-size:21px;}
.searchingJob h3{font-size:19px;}
.searchingJob .searchJob{padding-right:0;}
.searchingJob .whatPeopleSay{padding-left:0;}
.searchingJob p{margin-bottom:15px;}
.homeMap .tabNavigation, .contactUsMap .tabNavigation{left:130px; top:8px;}
.ourContact{overflow:hidden;}
.indexbanner .bannerDetailWrap h2{font-size:35px; padding-bottom:15px; margin-bottom:15px;}
.indexbanner .bannerDetailWrap p{font-size:17px; line-height:1.3; margin-bottom:15px;}
.homeServicesList h3:after {display:none;}
.innerBanner h2{font-size:35px;}
h2{font-size:26px;}
.searchingJob .rightBg{display:none;}
.technologiesList{margin:0 -10px;}
.technologiesList li{padding:10px;}
.technologiesList li h4{padding:8px 5px;}

.nextJobBtn{}
.floatingBlock{ width:100%; left:0;}
.dataDriven{ left:8px; top:0; padding:30px; font-size:30px; line-height:32px; width:170px;}
.swiper-wrapper, .swiper-container{ width:100%!important;}
.quickInquiry a{ font-size:15px;}
.quickInquiry{ margin-right:-57px;}
.counterBlock li .counterWrap{ font-size:14px; padding:15px 0; line-height:30px;}
#visionSection p{ font-size:28px;}

.staffListing li{ width:50%;}
#staffingSection{ height:inherit;}
#staffingSection .staffingBlock{ background:none; box-shadow:inherit; margin:0;}
.staffListing li{ background:#fff; width:48%; margin:1.5% 1%; padding:20px;}
.staffListing li p{ padding:0;}
.staffListing li:hover:before{ top:-15px;}
.staffListing li:hover:after{ bottom:-8px;}
.staffListing li:hover .arrow:before{ top:0px}
#visionSection h2{font-size:38px;}
#whyHeliogic h3{ font-size:28px;}
#whyHeliogic p{ font-size:14px; padding-right:0;}
#whyHeliogic .tagLine{ font-size:16px;}
#whyHeliogic .certifiedLogo .greyLogo{ padding:10px;}
.sliderNext, .sliderPrev{ width:40px; height:40px;}
.sliderPrev{background-position:6px -40px;}
.sliderPrev:hover{background-position:6px -40px;}
.sliderNext{background-position:50% 10px;}
.sliderNext:hover{background-position:20% 10px;}
#ourContact{ height:inherit;}
.dataDriven{ width:120px; font-size:20px; line-height:28px;}
#visionSection{ padding:130px 0 40px;}
.contactBox{ margin:0;}
#staffingSection .staffingBlock{ padding:20px 0;}
#nav > li > a:hover::after, #nav > li > a:hover::before{ display:none;}
.topNav{ margin-right:15px;}
.actionThumList li{ margin:1.5% 0; width:100%;}
.innerBanner .bannerImg{ height:110px;}
.mainNavigation, .innerPages .mainNavigation{ margin:0;}
.partnerLogoList li .partnerLogoSmall{ max-width:30%}
.partnerLogoList{ margin:80px 0 0 20px}
.focusSectionInner p{ font-size:16px;}
#visionSectionInner h2, .whyHelogicLeftContent h4{ font-size:30px;}
#visionSectionInner p{ font-size:26px;}

}
@media only screen and (max-width: 800px) {
.r-tabs .r-tabs-nav {display: none;}
.r-tabs .r-tabs-accordion-title {display: block;}
.homeServices, .searchingJob, .ourPartnersHome{padding:30px 0;}
.ourPartnersHome .container:before {top:-30px;}
.customForm .row{margin:0;}
.customForm .row .cols6, .customForm .row .cols12, .customForm .row .cols4{padding:0; float:none; width:auto; margin-bottom:10px;}
.ourContact .contactBox{padding:15px;}
.row { margin:0;}
.cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 {float:none; padding-left:0; padding-right:0; width:auto;}
.aboutUsRightImg img{width:100%;}
.addressBox p br{display:none;}
.addressBox {margin-bottom:15px;}
.contactUsFormWrap h2, .contactUsFormWrap h3{text-align:left;}
.contactUsFormWrap h2{margin-bottom:5px;}
.cols6 .checkList{margin-bottom:0;}
.staffingRhtImg img{width:100%;}
.technologiesList li{width:33.333%;}
.workProcess{padding:0;}
.workProcess .box{margin-bottom:20px; min-height:1px;}
.careerTabTbl{width:100%; overflow-x:auto; padding-bottom:10px;}
.careerTabTbl table{width:900px;}
#footer .cols6, #footer .cols10, #footer .cols2{padding:0; float:none; width:auto;}
ul.bulletTextLink li{ text-align:left;}
.resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{ background:#f7a041; color:#4d1999;}
.resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after{font-family:'FontAwesome'; content: "\f068"; right:10px; top:10px; position:absolute;  font-weight:normal;}
.resTab .r-tabs-accordion-title .r-tabs-anchor{background:#4d1999; color:#fff; margin-bottom:10px; position:relative;}
.resTab .r-tabs-accordion-title .r-tabs-anchor:after{ font-family:'FontAwesome'; content:"\f067"; right:10px; top:10px; position:absolute; font-weight:normal;}
.actionQuote{ width:100%;}
.sliderPrev{ top:59%}
#leadership figure, #leadership  .leaderInfo, #leadership .leaderName, #leadership .leaderName span, .socialLinks{ text-align:center}
.leaderInfo p{ min-height:inherit;}
#visionSectionInner .lightFloatDesc{ position:inherit; float:left;}
#visionSectionInner .visionImg, #visionSectionInner .visionImg img, .focusImg img{ width:100%;}

.partnerLogoList li{ height:inherit; text-align:center;}
.partnerLogoList li .partnerLogoSmall, .partnerLogoList li .logoTitle, .focusSectionInner .focusFloatDesc{ max-width:inherit;}
.whyHelogicLeftContent{ width:100%;  padding:20px;}
.focusSectionInner .focusImg{ width:100%;}
.lightThumbList li{ border-right:none; border-bottom:1px solid #d1d1d1; margin-bottom:10px; padding-bottom:10px;}
.profilePopup .seprateLine{ background:none;}
.focusSectionInner .focusFloatDesc{ position:inherit;}
.swiper-right-slide .bannerDetailWrap .bannerDetail{ left:350px;}
.ourContact p{ padding-top:20px;}
.ourContact .container{ padding:20px;}
.innerBanner .bannerDetailWrap{ padding:0;}
}
/************** Mobiles Media Queries *******************/
@media only screen and (max-width: 767px) {
.topNav ul li:nth-child(3), .topNav ul li a:after, .indexbanner .bannerDetailWrap h2:after {display:none;}
.topNav ul li{margin:0 10px;}
.topNav ul li a.freeQuoteBtn{border-radius:0;}
.topNav ul li:before {top:-2px; height:25px; margin:0;}
.topNav ul li:nth-child(2):before{display:none;}
.topNav ul li:last-child{margin:0;}
.indexbanner .bannerDetailWrap{top:auto; bottom:0; height:auto; text-align:center; background:rgba(0, 0, 0, 0.3); padding:10px 0;}
.indexbanner .bannerDetailWrap h2{font-size:25px; padding:0; display:block;}
.indexbanner .bannerDetailWrap p{display:none;}
.indexbanner .bannerDetailWrap .bannerDetail{margin:0; padding:0;}
.indexbanner .bannerDetailWrap h2, .indexbanner .bannerDetailWrap p, .indexbanner .bannerDetailWrap .button{-ms-transform: translateX(0);  -webkit-transform: translateX(0); transform: translateX(0);}
.indexbanner .bannerDetailWrap .button, .indexbanner .bannerDetailWrap h2 {transition: all 0.4s ease-in 0s;-webkit-transition: all 0.4s ease-in 0s;}
.homeServicesList{margin:0;}
.homeServicesList li{padding:7px 0; float:none; width:auto;}
.homeServicesList p{height:auto;}
.row {margin:0;}
.cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 {float:none; padding-left:0; padding-right:0; width:auto;}
.whatPeopleSay h2{margin-left:0;}
.whatPeopleSay .swiper-slide{padding:0;}
.searchingJob .whatPeopleSay{margin-top:25px;}
p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address{margin:0 0 15px;}
.searchingJob p{margin-bottom:20px;}
.ourPartnersHome .container:before, .homeServices h2:after, .searchingJob h2:after, .ourPartnersHome h2:after, .ourContact .contactBox h2:after {display:none;}
.ourPartnersHome{padding-top:0;}
.ourContact .contactBox{float:none; width:auto; padding:15px 0;}
.homeMap{position:static; width:auto; border-left:0; border-top:1px solid #e3e3e3; margin:0 -15px;}
.homeServices h2, .searchingJob h2, .ourPartnersHome h2, .ourContact .contactBox h2{padding-bottom:0;}
.customForm .row{margin:0;}
.customForm .row .cols6, .customForm .row .cols12{padding:0; margin-bottom:15px;}
.ourPartnersHome h2{margin-bottom:25px;}
.customForm .submitBtn{display:block; width:100%; margin-bottom:20px;}
.ourContact .contactBox{margin-bottom:15px;}
.homeMap .contactMap, .contactUsMap .contactMap{height:300px;}
.homeMap .tabNavigation, .contactUsMap .tabNavigation{left:11px; top:50px;}
h2{font-size:23px;}
h3{font-size:21px;}
.ourPartners{margin:0 -8px;}
.ourPartners li{padding:8px;}
#pageContent{min-height:1px;}
#whyHeliogic .certifiedLogo .greyLogo{ width:100%;}
.indexbanner .bannerDetailWrap .button{ font-size:16px; padding:10px;}
.counterBlock li{ padding:0 10px;}
.dataDriven{ width:120px;}
#whyHeliogic .certifiedLogo .greyLogo li{ width:100%;}
#whyHeliogic .tagLine{ margin-bottom:20px;}
.ourContact .contactBox{ padding:15px;}
#visionSection .visionImg img{ width:100%;}
.addressBoxMap iframe{ width:100%;}
.indexbanner .bannerDetailWrap .button, .smlIcoList, .bulletDot, .swiper-pagination{ display:none;}
.swiper-right-slide .bannerDetailWrap .bannerDetail{ left:0;}
.whyHelio, .whyHelogicLeftContent{ float:none;}
.partnerLogoList{ margin:0;}
.partnerLogoList li{ margin:10px 0;}
.lightThumbListSection .actionThumList li{ width:100%;}
.contactBox .submitBtn{ position:inherit;}
.whyHelogicLeftContent .bulletList li{ width:100%;}
.bannerQuote{ font-size:16px;}
.dataDriven{ width:100%;}
.counterBlock{ clear:both; padding-top:100px;}
.floatingBlock{ padding-left:0;}
.counterBlock li{ width:100%;}
.counterBlock li{ border-right:none; border-bottom:1px solid #d1d1d1;}
.counterBlock li br{ display:none;}

}

@media only screen and (max-width:639px) {
.indexbanner .bannerDetailWrap h2{font-size:18px;}
.indexbanner .bannerDetailWrap .button{padding:4px 15px; font-size:15px;}
.homeServices h2 br{display:none;}
.homeServicesList .button, .freeQuotepopupContainer .button{width:100%;}
.footerLinks li{margin-bottom:5px;}
.homeMap .tabNavigation, .contactUsMap .tabNavigation{bottom:50px; top:auto;}
.freeQuotepopupContainer{padding:15px;}
.siteSearchBar.active{width:260px;}
.homeServices h2{font-size:19px;}
.whatPeopleSay .swiper-button-next.fa, .whatPeopleSay .swiper-button-prev.fa{top:5px;}
.topNav ul li, .topNav ul li a{font-size:15px;}
ul.checkList li{font-size:16px;}
.innerBanner h2{font-size:27px;}
h3{font-size:20px;}
.ourPartners li{width:50%;}
.addressBox, .contactUsForm{padding:15px;}
.addressBox h2, .contactUsFormWrap h2{font-size:23px;}
.contactUsForm .submitBtn{padding:10px 35px; font-size:18px;}
.addressBox p{font-size:17px;}
.searchingJob .button{display:block; text-align:center;}
.technologiesList li{width:50%;}
.technologiesList li h4{font-size:14px;}
.loginBox{position:static; margin:15px; width:auto;}
.staffListing li{ background:#fff; width:100%; margin:2% 0;}
#whyHeliogic{ padding:10% 0;}
.newsSubscribe{ width:100%;}
.sliderPrev, .sliderNext{ display:none;}
.topNav{ background:#4d1999; border-bottom:1px solid #f7a041;}
.focusFloatDesc .bulletText li{ max-width:inherit; width:100%;}
.focusSectionInner .focusFloatDescRight{ right:0;}
.focusSectionInner .focusFloatDesc{padding:30px 30px 80px 30px;}
.signTalent{line-height:25px;}
}
@media only screen and (max-width:479px) {
.technologiesList li h4{height:65px;}
.technologiesList li h4{font-size:16px;}
}