@media all and (min-width: 1300px) and (max-width: 3000px){
	.safeArea {max-width: 100%;margin: 0 40px;}
	.menuHolder .safeArea{margin:0 40px;}
}

@media all and (min-width: 300px) and (max-width: 750px){
	.header {padding: 15px 0;}
	.header .safeArea {	padding: 0 15px;}
	.header .logoHolder {width: 140px;}
	.menuBtn {position: absolute;right: 20px;top: 15px;	width: 35px;height: 25px;}
	.subPageHolder .menuBtn{top:6px;}
	.mainBanner h1, .topHeading h1 {font-size:60px; top:40%}
    .titlePosition {top:40%;}
    .whatWeDoBlock #slider .slides li{height:65vh;}
	.mainBanner h1 span, .topHeading h1 span{font-size:40px;}
	.mainBanner, .mainBanner .swiper-slide {height: auto;}
	video {width: 100%;height: auto;}
	.hpBlock h2, h2.sectionTitle {font-size: 22px; display: block; padding: 0; margin-bottom:20px;}
	ul.workingList li {width: 49%;margin-right: 2%;margin-bottom: 7px;}
	ul.workingList li:nth-child(5n) {margin-right: 2%;}
	ul.workingList li:nth-child(2n) {margin-right: 0;}
	.viewAll {text-align: center;margin-top: 20px;	}
	.teamList ul li {width: 100%;margin-right: 0;float: none;margin-bottom: 40px;}
	.safeArea {max-width:100%; padding:0 20px;}
	.viewAll .safeArea {padding: 0;}
	.highlightedNews {width:100%; margin-right:0; min-height:380px; margin-bottom:30px;}
	.hpNewsHolder {display: block;}
	.projectsHolderList ul.workingList {padding:0 15px;}
	.projectsTitle{font-size:13px; line-height:20px;}
	.projectSubTitle, .projectSubTitle span {font-size:11px;}
	.readMore a {font-size:12px;}
	ul.workingList li .workInfoList{padding:10px;}
	.hpNewsHolder .newsList {width:100%;}
	.highlightedNews .newsHolder .newsTitle a {font-size:25px;}
	.highlightedNews .newsHolder {left:25px;}
	.projectsList, .whatWeDoBlock, .ourTeamBlock {margin-bottom: 40px;}
	.latestNew {padding-bottom: 70px;}
	.careersBlock {padding:40px 15px;}
	.careersBlock h3, .footer h3 {font-size:25px;}
	.careersList ul li {width: 100%;display: block;margin-right: 0;margin-bottom: 20px;text-align: center;}
	.footer {background-color: #fff;padding: 30px 0;}
	.footerLeft, .footerRight {float: none;	width: 100%;}
	.footerLogo {width: 160px;margin-bottom: 40px;	}
	.footer h3 {margin-bottom:30px;}
	.footerLeft {margin-bottom: 30px;}
	.footer .borderBtn a {padding:15px 20px;}
	.newsletterHolder {width: 100%;}
	.newsletterHolder .inputHolder {width: 100%;margin-right: 0;display: block; position: relative; margin-bottom: 20px;}
	.newsletterHolder .nlAction {width: 100%;display: block;box-sizing: border-box;cursor: pointer;}
	.desDev {float:left;}
	.footerRight {padding-top:30px;}
	.newsList .newsTitle a {font-size:17px;}
	.whatWeDoSlider .sliderContent .sliderText {line-height: 35px;}
	.whatWeDoSlider .sliderContent {width: 80%;font-size: 20px;	font-weight: 800;position: relative;right: 50%;	top: 50px;	z-index: 3;	transform: translateX(-50%);}
	#carousel {padding: 0 40px;	}
	.whatWeDoSlider .flex-direction-nav li.flex-nav-next {width:29px; height:16px; right:0;}
	.whatWeDoSlider .flex-direction-nav li.flex-nav-prev a, .whatWeDoSlider .flex-direction-nav li.flex-nav-next a{width:29px; height:16px;}
	.whatWeDoSlider .flex-direction-nav li.flex-nav-prev{width:29px; height:16px; left:0;}
	.careersList ul li .vacHolder {padding:20px;}
	.projectsHolderList .viewAll .safeArea {padding:0 15px;}
	.subPageBanner h1 {font-size:40px; line-height:55px; margin-bottom:20px;}
	.subPageHolder .bodyContent {padding: 50px 0;}
	.halfBlockRow {display: block;}
	.halfBlockRow .textHolder, .halfBlockRow .imageHolder {display: block; width: 100%; vertical-align: middle;}
    .imageHolder img{width:100%; display:block;}
    .quoteText{font-size: 20px; line-height:30px;}
	.halfBlockRow .textHolder{margin-bottom:30px;}
	.aboutFullBlock {padding: 60px 20px; margin-bottom: 50px;}
	.whiteDesc {font-size:20px;}
	.fixedBlockTable {display: block;width: 100%;}
	.fixedBlockTable .halfFixed {display: block;width: 100%;position: relative;min-width:inherit;}
	.halfFixed .textHolder {margin-bottom: 40px;padding-left: 0;padding-right: 0;}
	.absoluteImg {position:relative; margin-bottom:20px;}
	.textHolder {font-size: 15px;}
	.aboutSum {padding: 30px 0; margin-top:20px;}
	.highlightedSum, .smallSum {width: 100%;margin-right: 0;float: none;}
	.elNumber {font-size:40px; line-height:45px;}
	.highlightedSum .sumInfo {padding: 15px 0;}
	.sumInfo .smallText {font-size:25px; line-height:22px;}
	.smallSum {margin-bottom:30px;}
	.quoteText {padding:0 30px;}
	.quoteText:before, .quoteText:after{width:40px; height:31px;}
	.viewAll a {padding:15px 0;}
	.subPageHolder .bodyContent {padding: 20px 0;}
	.subPageHolder .projectsList.hpBlock {margin-bottom: 0;}
	.projectsList.hpBlock.otherProjects, .projectsList.hpBlock.otherProjects ul.workingList li {margin-bottom: 7px;}
	.subPageBanner .backLink {margin-bottom:80px;}
	.smallBannerDes {margin-bottom:100px;}
	.projectsList > ul > li {padding: 0 15px;}
	.projNumbers ul {width: 100%;float: none;padding: 20px 0 0; display:block;}
	.projNumbers ul li {padding: 0 15px;	border-right: none;	border-bottom: none; margin-bottom:20px; padding-bottom:20px;}
	.projNumbers ul li .noIcon {margin-bottom:14px;}
	.projNumbers ul li .noText {font-size:24px;}
	.projNumbers .projDesc { width: 100%;  padding-left: 0; border-top: 1px solid #cccccc; border-left: none; padding-top:10px;}
	span.architectureIcon {float: none;width: 80px;height: inherit;vertical-align: middle;display: block;margin: 0 auto 20px;}
	.titleHolder {text-align:center;}
	.titleHolder {max-width: 90%;}
	.rightBlock {width: 100%;padding-left: 30px;padding-right: 30px;padding-top: 40px;padding-bottom: 40px;	}
	.serviceTitle, .swiperInfoHolder .newsTitle a {font-size:26px; line-height:36px;}
	.serviceBlock h3 {font-size:23px;}
	.swiperInfoHolder {padding: 40px 10px;}
	.newsImg, .otherNews .newsList ul li {height:auto !important;}
	.otherNews .newsList ul li {width:100%; margin-right:0;margin-bottom: 20px;}
	.otherNews.margBot80 {margin-bottom: 0;}
	.leftBlock {width: 100%;padding-right: 30px;padding-left: 30px;padding-top: 40px;padding-bottom: 40px;}
	.filterItem {float: none;width: 100%;margin-right: 0;margin-bottom: 10px;}
	.filterBtn {width:100%;}
	.filterBtn input[type="submit"]{margin-top:15px;}
	.tableContainer th:first-child {width:300px;}
	.tableContainer th:nth-child(2) {width:240px;}
	.tableContainer th:nth-child(3) {width:170px;}
	.tableContainer table {width:100% !important;}
	.tableHolder tr{display:block; margin-bottom:30px;border: 2px solid #e8e8e8; padding:15px;}
	.tableContainer td {display:block; padding:7px;}
    .mainBanner h1 img,  h1.blackTitle img{width:100%; display:block;}



	.tableHolder > ul > li {display: block; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #e2e2e2;}
    .tableHolder > ul > li span {width: 100%; display: block; margin-right: 0; margin-bottom: 15px;}
	.tableText {display: block;vertical-align: top;max-width: 100%; margin-bottom:15px;}
	.departmentsList .tableHolder {padding: 30px;}
	.departmentsList.margBot80 {margin-bottom:50px;}
	.leftHolder, .rightHolder {float: none;	width: 100%;margin-right: 0;}
	span.highlightedText, span.highlightedText a {font-size: 22px;line-height: 30px;}
	.contactContainer ul {margin-top: 70px;}
	.contactContainer ul li {float: none; width: 100%; margin-right: 0; margin-bottom: 40px;}
	.blackContactContainer .inputEntity textarea {font-size:20px;}
	.blackContactContainer .inputEntity input[type=text] {font-size: 20px;}
	.workMenuList ul li {display: block;margin-right: 0;text-align: center;margin-bottom: 15px;}
	.workMenuList {padding:0 15px;}
	.workMenuList ul{border:1px solid #ccc; display:none;padding:12px 0;}
	.workMenuList span{position:relative; border: 1px solid #ccc; text-align:center; color:#000; font-size:15px;display:block; padding:10px;}
	.workMenuList span:after{position: absolute; content: ''; top: 50%; right: 10px;  background-image: url(../images/arrow.svg); width: 12px;  height: 8px; background-repeat: no-repeat; transform: translateY(-50%);}
   
	.sliderCaption {right:20px; left:20px;}
	select {background-color:#fff; -webkit-appearance:none;}
	.sitemapLinks ul li{margin-bottom:15px;}
	.sitemapLinks ul li a {font-size: 18px;line-height: 8px;}
	.careersList ul li h4 {min-height:inherit; font-size:20px;}
	.projectsSlider .swiper-pagination {max-width:100%; left:0;}

    ul.workingList li > a{pointer-events: none;}
    .projNumbers ul li .noIcon img {max-width: 50px;}

	.mainBanner .swiper-pagination-bullet{width:30px;}
	.mainBanner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:5%;}
	.bannerContent{bottom:8%;}
	.whiteSummary{font-size:15px; line-height:22px;}
	.whatWeDoHolder{background-position:center center; height:auto;}
	.whatWeDoHolder .contentHolder{position:relative; padding:40px 0;}
	h2.blackTitle, .blockTitle, .bannerContent h2, .contentHolder h2, .blackBoldDesc{font-size:22px;}
	.singleProject, .twoRowProject {float: none;width: 100%;}
	.projectItem, .twoRowProject{height:170px;}
	.homepage .projectItem {height:auto !important;}
	.partOfDiyar{padding:0;}
	.leftTextHolder {width: 100%;display: block;vertical-align: middle;padding-left: 0;padding-right: 0;box-sizing: border-box;margin-bottom: 20px;}
	.rightImageHolder {width: 100%;	display: block;	vertical-align: middle;}
	.blockSum{font-size:16px; line-height:22px;}
	.blockText{font-size:15px;}
	.rightImageHolder img{max-width:100%;}
	.footerTop {margin-bottom: 30px;}
	.mainBanner, .whatWeDoHolder, .latestProjects, .partOfDiyar {margin-bottom: 40px;}
	.subPageHolder .teamContainer .bodyText {font-size: 15px;line-height: 22px;margin-bottom: 20px;}
	.tabsMain.projectsHolderList .tabsLinks{position:static;}

	.serviceImgBlock{height:60vh;background-position: center center;}
	.serviceLinks{left:20px; right:20px;}
	.servicesListing.margBot80 .serviceImgBlock{height:auto;}
	.careersFilterBlock.margBot80 {margin-bottom: 0;}
	.addressTitle{font-size:24px;}
	.socialMediaLinks {text-align: left;}
	.historyNumbers ul li {display: inline-block;width: 50%;margin-bottom: 30px;}
	.blackDesc {font-size: 22px;line-height: 30px;max-width: 90%;}
	.popTeamImg {display: block;width: 100%;margin-right: 0;margin-bottom: 30px;}
	.fancybox-content{padding:50px 30px;}
	.popTeamInfo {display: block;vertical-align: middle;width: 100%;}
	.teamTitle{font-size:22px;}	
	.footerMenu ul li {display: inline-block;margin-right: 2%;margin-bottom: 10px;width: 48%;}
    .footerMenu ul li:nth-child(2n) {margin-right: 0;}
	.footerMenu {float: none;width: 100%;margin-bottom: 20px;}
	.footerSocial {float: none;	width: 100%;}
	.projectDesc{font-size:12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; display:none;}
	.leftDetails {display: block;width: 100%;vertical-align: middle;margin-right: 0;color: #000;font-size: 14px;margin-bottom: 20px;}
	.rightDetails {display: block;vertical-align: middle;width: 100%;}
	.workMenuList.solutionsList ul li{margin-right:0;}
	.greyHolder{padding:20px;}
	.greyHolder .textHolder {font-size: 14px;line-height: 22px; width: 100%; margin-right: 0;margin-bottom: 30px;}
	.talkLabel{margin-top:20px;}
	.greyHolder .halfBlockRow .imageHolder img{width:200px;}
	.subPageBanner.whiteText .bannerImg {height: 15vh;background-size: cover;}
	.teamPop {padding-top: 55px !important;}
	.centeredLightText{font-size:14px; line-height:24px;}
	.followHolder a, .inputEntity label{font-size:14px;}
	.formTitle{font-size:18px;}
	.splitList ul li{font-size:16px;}
	.inputEntity{margin-bottom:30px;}
	.addressbBtn a{padding:10px 25px;}







	.mainBanner .bannerImg:before, .tableHolder thead, .departmentsList .tableHolder:before, .whatWeDo, .newsShape, .ourTeamBlock .teamShape, ul.workingList li > a, .mainBanner .bannerShape, .subPageBanner .pageShape, .breadCrumbs {
		display: none;
	}


}