@media all and (min-width: 100px) and (max-width: 1020px){
.fullscreenBg{background-image:url(../images/img.jpg); background-repeat:no-repeat; background-size:cover;}	
.fullscreenBgVideo{display:none;}
.hpBlock{padding:30px 15px;}
.companiesBlock .blockTitle{font-size:32px;}
.companiesBlock .logosSection .eachLogo{width:24%;}
.expertiesBlock{width:49%;}
.expertiesBlock:nth-child(3n){margin-right:2%;}
.expertiesBlock:nth-child(2n){margin-right:0}
.footer{padding:15px 20px;}
.smLinks{padding:0 15px;}
.logoHolder{width:150px; margin-left:15px;}
.mainMenuHolder{position:absolute;}
.mainMenu{margin-top:8px; margin-right:65px;}
.mainMenu li{margin-left:6px;}
.mainMenu li a{font-size:14px;}
.subpageBannerTextHolder, .careersLine, .noContentPads .subpageBannerTextHolder, h2.withPadding{padding: 0 60px;}
.newletterHolderField, .footerSitemapHolder{display:none;}
.companyTabs .tabsLinks a{font-size:14px;}
.companyTabs, .meetTheTeam, .sliderProjectInfo, .workProjectsList{padding:0 15px;}
.tabImage img{width:100%;}
.ourProjectsLogos .eachProjectLogo{margin-bottom:7px;}
.ourProjectsLogos .eachProjectLogo:nth-child(5n){margin-right:3px;}
.ourProjectsLogos .eachProjectLogo:nth-child(3n){margin-right:0;}
.portfolioSlider .flexslider .slides li{height:400px;}
.featuresHolder .eachFeature .featureDesc{height:170px;}
}

@media all and (min-width: 100px) and (max-width: 750px){
	.searchHolder{display:none;}
.requestQuoteWithScroll{position:static; margin-bottom:35px;transform:translateX(0); -moz-transform:translateX(0); -webkit-:translateX(0); padding:0 55px;}
.mainMenuHolder{position:static;}
.hpBigTextHolder{left:0; margin-left:0; margin-top:0; padding:0 15px; transform:translateY(0); -moz-transform:translateY(0); -webkit-:translateY(0); position:static; margin-bottom:35px;}
.hpBigText{line-height:24px; margin-bottom:10px; padding-bottom:10px;}
.mainMenuHolder{padding-left:15px;}
.logoHolder{width:150px; margin-top:15px; margin-left:0;}
.requestAQuoteBtn{margin-bottom:20px;}
.hpBigText{font-size:20px;}
.companiesBlock .blockTitle{width:100%; margin-right:0; margin-bottom:45px; text-align:center;}
.companiesBlock .logosSection{width:100%;}
.companiesBlock .logosSection .eachLogo{margin:0 auto 25px auto; width:80%;}
.expertiesBlock{width:100%; margin-right:0; margin-bottom:15px; padding:15px;}
.eachProject, .contact .contactDetailsHolder{width:100%; margin-right:0; margin-bottom:15px; float:none;}
.contactInfo, .halfCol{width:100%;}
.halfCol{margin-right:0; float:none;}
.contact .contactDetailsHolder{margin-bottom:35px;}
.FRESHTeam .highlightedText{width:100%;}

.stepsHolder::after,.stepsHolder .eachStep::before, .stepsHolder .eachStep::after{display:none;}
.stepsHolder .stepTextsHolder{top:0;}
.stepsHolder .stepTitle{opacity:1 !important}
.stepIndicator{display:none;}
.stepsHolder{padding:0;}
.stepsHolder .stepTitleHolder{margin-bottom:15px;}
.stepsHolder .stepTitleHolder, .stepsHolder .stepTextsHolder{ float:none; padding:0; width:100%; text-align:left;}
.stepsHolder .eachStep{margin-bottom:20px; border-bottom:1px dashed #d9d9d9;}
.stepsHolder .eachStep.lastStep{border-bottom:0 none; margin-bottom:0; padding-bottom:0;}

body.menuOpen{
	transform:translateX(-200px);	
	-moz-transform:translateX(-200px);
	-webkit-transform:translateX(-200px);
	overflow:hidden;
}
.mainMenu{background-color:#000000; position:fixed; left:100%; top:0; width:200px; height:100%; z-index:10000; margin-top:0; margin-right:0; padding-top:15px;}
.mainMenu li{float:none; margin-left:0;}
.mainMenu li a{padding: 12px 20px; text-align:center;}
.smLinks{text-align:center; margin-top:35px;}
.mainMenu li a:hover:after{display:none;}
.responsiveMenuBtn {
    display: block;
    position: absolute;
    right: 15px;
    top: 40px;
    width: 40px;
}
.subpage .responsiveMenuBtn span{background-color:#e8146b;}

.responsiveMenuBtn span::before {
    background-color: inherit;
    bottom: -11px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
}
.responsiveMenuBtn span::after {
    background-color: inherit;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: -10px;
    width: 100%;
}
.responsiveMenuBtn span {
    background-color: #ffffff;
    display: block;
    height: 4px;
    position: relative;
    width: 40px;
}
.changeMenu .mainMenu li a, .subpage .mainMenu li a{color:#ffffff;}
.subpageBlock {padding: 30px 0;}
.subpageBannerTextHolder, .careersLine, .noContentPads .subpageBannerTextHolder, h2.withPadding, .expertiesTextBlock .tabText, .expertiesSubTextBlock .tabText, .reachUS .subpageBannerTextHolder{padding: 0 15px;}
.subpageBlock h2{font-size:30px; margin-bottom:20px;}
.subpageBannerText{font-size:15px;}

.teamList .teamItem, .jobsListing .eachJob, .searchList .eachRes, .featuresHolder .eachFeature{width:100%; float:none; margin-right:0;}
.jobsListing .eachJob{height:auto;}

.expertiesSubTextBlock{padding:15px 0;}

.sliderProjectInfo .projectName{font-size:30px; margin-top:30px; margin-bottom:20px;}
.sliderProjectInfo .projectType{font-size:20px;}
.shareBtnsHolder{padding:0 15px;}
.shareBtnsHolder a{font-size:10px;}

.featuresHolder .eachFeature{border-right:0 none; padding-left:0; padding-right:0; padding-bottom:15px; margin-bottom:15px; border-bottom: 1px solid #b2b2b2; padding-left:50px;}
.featuresHolder .eachFeature .featureDesc{height:auto;}
.featuresHolder .eachFeature .featureTitle{font-size:20px;}
.featuresHolder .eachFeature .featureDesc{font-size:15px;}
.featuresHolder .eachFeature:nth-child(2n){padding-left:50px;}
.featuresHolder .eachFeature:nth-last-child(2), .featuresHolder .eachFeature:nth-last-child(3){padding-bottom:15px;}
.featuresHolder .eachFeature:nth-last-of-type(2){border-bottom:0 none; padding-bottom:0; margin-bottom:0;}
.tagsList .eachTag{font-size:11px;}
.portfolioSlider .flexslider .slides li{height:300px;}

.workProjectsList .eachWorkProject{width:100%; float:none; margin-right:0;}
.expertiseTabs .tabsLinks a{width:auto; padding:8px;}
.mobileTabOpenClick{display:block; margin:0 15px 0 15px; border:1px solid #e8146b; padding:10px; color:#333333; position:relative;}
.mobileTabOpenClick:after{content:""; border-right:8px solid rgba(0,0,0,0); border-left:8px solid rgba(0,0,0,0); border-top:8px solid #333333; position:absolute; right:10px; top:15px;}
.expertiseTabs .tabsLinks{padding:0 15px; box-sizing:border-box;}
.expertiseTabs .tabsLinks a{display:block; width:100% !important; box-sizing:border-box; margin-right:0;border-bottom: 1px solid #e8146b;border-top:0 none;border-right: 1px solid #e8146b;}
.expertiseTabs .tabsLinks{display:none;}
.expertiseTabs .tabsHolder{margin-top:20px;}
.companyTabs .tab {padding: 20px;}
.ourProjectsLogos .eachProjectLogo{width:100%; text-align:center;}
.ourProjectsLogos .eachProjectLogo a{display:inline-block;}
.companyTabs .tabsLinks{width:100%; overflow-x:scroll;}
.companyTabs .tabsLinks a{width:200px;}
.tabsInnerLinks{width:850px;}
}