@media all and (min-width: 750px) and (max-width: 1020px){
	
}

@media all and (min-width: 300px) and (max-width: 1020px){
	.safeArea{max-width:100%; padding:0 20px;}
	.carousel-item{background-position:right center;}
	.carousel-caption{left:10%; right:10%;}
	.logosHolder ul li {text-align: center; margin-bottom: 30px;}
	.departmentsList .col-md-4:nth-last-child(2){margin-bottom:30px;}
	.bannerTitle{font-size:30px; line-height:35px;}
	.bannerDescription{font-size:20px;}
	.carousel-control-next, .carousel-control-prev{bottom:90px;}
	.carousel-control-prev {left: 12%;}
	.carousel-control-next {left: 40%;}
	.navbar-nav.mr-auto{margin-right:0 !important; opacity:0; text-align:center;}
	.collapse.show .navbar-nav.mr-auto{opacity:1;}
	.navbar-toggler{position:relative; z-index:999;}
	.navbar{padding:35px 25px;}
	.collapse {float: none;height: 100vh;display: none;align-items: center;background-color: #0a3250; position: absolute; top: 0;  justify-content: center;left: 0;right: 0;}
	.collapse.show{display:flex;}
	.logoHolder {width: 200px;float: left;position: relative;z-index: 99;}
	.collapse > ul > li {display: block;margin-right: 0;position: relative;margin-bottom: 15px;}
	
	.navbar-toggler .navbar-toggler-icon, .navbar-nav.mr-auto, .dropdown-menu{transition:all linear 200ms; -moz-transition:all linear 200ms;-webkit-transition:all linear 200ms;-ms-transition:all linear 200ms;}
	.dropdown-menu {background-color: transparent;border: 1px solid rgba(255,255,255,0.7);border-radius: 0;}
	.dropdown-item{color:#fff;text-align: center;}
	.collapse ul li a:after, .tableHolder:before{display:none;}
	.mapHolder {background-image: url(../images/map-bg.png);background-size: cover;background-position: center center;height: 400px;}
	h1{font-size:40px;}
	.mapLine, h2, .productTitle, .joinTitle, .popTitle {font-size: 28px;}
	.aboutSummary .col-6, .aimList .col-6{margin-bottom:30px;}
	.productDesc, .whiteText, .positionHolder ul li {font-size: 16px;}
	.industriesList ul li{width:48%; margin-right:4%;}
	.industriesList ul li:nth-child(2n){margin-right:0;}
	.iconsBlock .col-md-4 {padding: 30px 15px;}
	.borderedSection .joinInfo{padding:60px;}
	.dashedBorder .joinInfo:after {position: absolute;content: '';border-bottom: 1px dashed #e2e2e2;left: 15px;right: 15px;bottom: 0; height: 1px; border-right:0 none;top: inherit; width: auto;}
	footer .col-md-4 {margin-bottom: 20px;}
	.backtoTop{right:20px; bottom:140px; position:absolute;}
	h2{margin-bottom:20px;}
	.whiteText{max-width:100%;}
	.centeredText, .centeredText.alignLeft, .positionTitle{font-size:24px;}
	.tableHolder{overflow-x:scroll;}
	.leftHolder, .rightHolder {float: none;width: 100%;margin-right: 0;}
	.productText, .listImg {min-height: inherit;}
	.listImg{ margin-bottom: 40px;}
	.blueListTitle{font-size:22px;}
	.popHolder{left:10%; max-width:80%; padding: 50px 20px !important;}
	.popText, .sumText{font-size:18px;}
	
	body.subPage.active section.bodyContainer{z-index:0;}
	.tableHolder > ul > li span{width: 100%; display: block; margin-right: 0; margin-bottom:15px;}
	.tableHolder > ul > li {display: block;margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px solid #e2e2e2;}
	.tableHolder > ul > li:last-child{margin-bottom:0; border-bottom:0 none;}
	.tableText {display: block;vertical-align: top; max-width: 100%;}
	.departmentsList .tableHolder {padding: 30px 20px;}
	
	a.whatsappBtn{left:inherit; right:3px; bottom: 40px; width: 50px;  height: 50px;  background-size: 25px auto;}
	
	
	
}


@media all and (min-width: 300px) and (max-width: 750px){
.logoHolder a{width:200px; height:113px;}
.menuIcon{height:40px;}
.bigText {font-size: 32px;line-height: 35px;}
.socialMedia{margin-right:3px; bottom:115px;}
.bigText{font-size:32px; line-height:35px;}
.smallText{font-size:18px;}
.sliderBtn a{font-size:17px; padding-left:60px;}
.sliderBtn a::before{width:40px;}
.menuList ul li{margin-bottom:25px;}
.menuList ul li a, .listTitle{font-size:20px;}
.mainMenu::after{width:200px; height:250px;}
.swiper-pagination-bullet{width:25px; margin-right:8px;}
.paddSection{padding:30px 0;}
h4{font-size:16px; margin-bottom:30px;}
.viewAllBtn a, .listType{font-size:17px;}
.listDesc{font-size:14px;}
.ourworkSection .workList ul li, .workList ul li {margin-bottom: 30px;float: none;width: 100%;margin-right: 0;}
.clientsList ul li:nth-child(4n) {margin-right: 2%;}
.clientsList ul li{width:49%; margin-bottom:15px;}
.clientsList ul li:nth-child(2n) {margin-right: 0}
header{position:relative;}
.serviceList ul li {float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
section.bodyContainer{margin-top:0;}
.servicesInfoHolder{padding:30px;}
.workList::after, .backgroundBlock{display:none;}
.clientsList ul li{border-top:0 none;}
.clientsList ul li:nth-child(1), .clientsList ul li:nth-child(2){border-top:1px solid #ccc;}
.blueBlock {position: static;max-width: 100%;padding: 20px 20px 40px;}
.blueBlock h2 {margin-bottom: 10px;font-size: 40px;line-height: 45px;}
.whiteDesc{font-size:20px; line-height:23px;}
.iconsList li {float: none;width: 100%;margin-right: 0;font-size: 0;text-align: center;margin-bottom: 40px;}
.flexBlock .blockLink{bottom:25px;}
.noPadBot {padding-bottom: 0 !important;}
.contactBlock ul li {display: inline-block;width: 32%;margin-right: 2%; vertical-align:top;}
.contactBlock ul li:nth-child(3n){margin-right:0;}
.iconsHolder{padding:0 10px;}
.contactBlock ul li .iconHolder{width:70px; height:70px;background-size: 35px auto;}
.titleContact {display: block;text-align: center;font-size: 14px;line-height: 14px;height: 30px;}
.contactBlock ul {text-align: center;font-size: 0;}
.sitemapCol {float: left;width: 47%;margin-right: 6%; margin-bottom:20px;}
.sitemapCol:nth-child(2n){margin-right:0;}
.padTop {padding-top: 37px;}
.sitemapList {margin-bottom: 20px;}
.devLink {float: left;display: block;margin-top: 5px;}
.elNumber {font-size: 35px;}
.subSliderContent{left:20px; right:20px; width:86%;}
.subPageBanner h1{font-size:27px;}
.subPageBanner .bannerDesc {font-size: 28px;line-height: 37px;}
.aboutList .halfBlock.imgHolder {width: 100%;margin-bottom: 20px;}
.aboutList .halfBlock {width: 100%;float: none;}
.expertiseInfo.padLeft {padding-left: 0;}
.aboutList .blockDesc, .whiteDesc.lightDesc{font-size: 17px;line-height: 23px;}
.halfBlocksHolder.aboutList .halfBlock.imgHolder:nth-child(1)::before, .halfBlocksHolder.aboutList:nth-child(2n)::after, .leftList > ul > li.lines::before{display:none;}
.expertiseInfo.padRight {padding-right: 0;}
.blackDesc{font-size: 17px;line-height: 23px;}
.contactUsBlock{padding:60px 0;}
.greyText {font-size: 18px;line-height: 24px;margin-bottom: 30px;padding: 0 15px;}
ul.believeList .iconHolder {width: 18%;}
.believeList .textHolder {width: 77%;font-size: 15px;line-height: 24px;}
.tabsLinks{padding:0;}
.tabsLinks a {padding: 20px 5px;font-size: 10px;padding-top: 55px; max-width:17%;vertical-align: top; text-align:left;}
.tab .blackDesc {margin-bottom: 65px;}
.leftList, .rightList {float: none;width: 100%;margin-right: 0;margin-top:0;}
.serviceImg{margin-bottom:15px;}
.serviceInfo .careersList {margin-bottom: 0;}
.serviceTitle{font-size:20px; margin-bottom:0;}
.leftList > ul > li, .rightList > ul > li{margin-bottom:25px;}
.workList{margin-bottom:30px;}
h3{font-size:27px; margin-bottom:30px;}
.paddSection.noPadBot.careersBlock .blueBlock {max-width: 100%;}
.vacanciesList ul li {width: 100%; margin-right: 0; float: none; margin-bottom: 20px; height: auto !important;}
.vacancyHolder{text-align:center; padding:20px;}
.vacancyImage{margin:0 auto 20px;}
.vacancyTitle{font-size:20px;margin-bottom:5px;}
.branchesList ul li {float: none;width: 100%;margin-right: 0;margin-bottom: 20px !important;}
.countryTitle{font-size:23px; margin-bottom:10px;}
.infoRow, .infoRow a{font-size:13px;}
.contactContainer h2{font-size:27px;}
.contactContainer{padding:20px 0;}
.textboxHolder textarea, .textboxHolder input {padding: 15px;}
.contactContainer .formRow{float: none;width: 100%;margin-right: 0;}
.contactContainer .formAction input[type="submit"]{font-size:17px;}
.sitemapCol{min-height:inherit;}
footer{padding:20px 0 !important;}
.sitemapCol.padTop {width: 100%; margin-right: 0;}
.mainTitle a, .smLinks span{font-size:16px;}
.smLinks ul li a{width:35px; height:35px;}
.subPageBanner.aboutBanner {background-image: url(../images/about-banner-M.jpg);}
.subPageBanner.servicesBanner{background-image: url(../images/services-banner-M.jpg);}
.subPageBanner.mediaBanner {background-image: url(../images/inthemedia-banner-M.jpg)}
.subPageBanner.contactBanner {background-image: url(../images/contact-banner-M.jpg);}
.tabsLinks a span.sports, .tabsLinks a span.communication, .tabsLinks a span.exhibitions {width: 50px; height: 50px;}






}