@media (max-width: 1350px) {
	.services-boxes {width: 100%; left:0;}

}






@media (max-width: 1275px) {


	
	#wolfmask {
		background: #20222ced;
	}
	.home-content {max-width: 100%; width: 100%; text-align: center;}
	.test-arrows {right: 10px;}

}	

@media (max-width: 1100px) {

	.contact-box {
		top: 0px!important;
		position: relative;
	}

	.map-and-info iframe {
		position: initial;
		order:2;
	}
	.map-and-info {
		height: 100%;
		display: grid;
	}
	.contact-box {
		max-width: 100%;
		margin:0 auto;

	}
	.messageIcon {right: 0;}

	.map-and-info .container {padding: 0}
}


@media (max-width: 991px) {

	
	#header .menu ul li.active:after {display:none}


	.menu-wrapper {display: block; z-index: 1000000}


	#header {
		padding: 10px 15px;
	}
	#header .logo img {max-width: 130px; min-width: 130px;}

	.socials-mobile {
		display: block;
	    border-top: 1px solid #282c3a;
	    padding-top: 30px;
	    margin-top: 10px;
	}

	.socials-mobile a {font-size: 20px!important}

	.socials-mobile p {
	    font-size: 12px;
	    color: #8dadc4;
	    margin-bottom: 15px;
	}


	#header .menu {
	    position: fixed;
	    top: 0;
	    right: 0;
	    border-left: 1px solid #282c3a;
	    background: var(--dark);
	    transform: translateX(100%);
	    transition: 0.3s;

	}
	#header .menu.show {transform: translateX(0);}

	#header .menu ul {
	    display: block;
	    padding: 68px 30px 50px 25px;
	    height: 100vh;

	}


	#header .menu li a {
		padding:0;
		border: none;
	}

	#header .menu li a:hover {
	    color: #a7c9e1;
	    border: none;
	}

	#header .socials {display: none}

	#header .menu li a {margin-bottom: 15px; display: inline-block;}





	#wolfback {     min-height: calc(100vh - 57px); }

	.video-background {
		margin-top: -57px;
	}

	#wolfmask {object-position: -250px}

	.services-boxes {
		display: block;
		border-radius: 5px;
		overflow: hidden;
	}
	.services-box {width: 100%;}
	.services-box.infra {
		border-left: none;
		border-right: none;
		border-top: 1px solid #dedede;
		border-bottom: 1px solid #dedede;
		padding-bottom: 50px;
	}


	.fast-flex {
		text-align: center;
		display: block;
	}
	.fast-flex p:nth-child(2) {padding-right: 0; margin-top: 30px;}
	.fast-flex p:nth-child(1) {margin:0 auto;}

	.know-more-flex {
		display: block;
		text-align: center;
	}
	.know-more-flex p {margin-bottom: 15px;}


	.noha-about .top {
		display: grid;
	}
	.noha-gallery {
		width: 100%; 
		border-radius: 0; 
		order:2;
		margin-top: 70px;
	}
	.noha-adventage {margin:0 auto; text-align: center; padding-top: 30px;}
	.noha-adventage .test-arrows { justify-content: center }


	.noha-about .bottom {
		padding-top: 50px;
	}

	.splited-text {
		display: block;
	}
	.splited-text h2 {margin-right: 0; margin-bottom: 15px; text-align: center;}
	.splited-text .splited {display: block;}

	.splited-text .splited span {margin-right: 0; text-align: center; margin-bottom: 10px; display: block;}
	.noha-about .bottom {padding-bottom: 20px; top: 0; padding-top: 0;}
	


	.page-heading p.with-button {
		display: block;
	}
	.page-heading p.with-button a {
		margin-left: 0; 
		margin-top: 20px; 
		max-width: 200px;
	    display: flex;
	}
	
	.careers-no-jobs {padding-bottom: 150px;}


	.page-heading-community p > img {
		top: 0;
		margin-top: 20px;
		margin-left: 0;
	}
	.about-top {padding-bottom: 70px;}
	.noha-community .top {height: 100%;}
	.noha-community .noha-gallery {top: 0; margin-top: 0;}
	.noha-community .noha-adventage p{max-width: 100%}
	.noha-community .noha-adventage {
		max-width: 100%; 
		padding: 20px; 
		min-height: 100%;
	}
	.noha-community .noha-adventage {align-items: center;}
	.noha-adventage .test-arrows {margin-right: 0;}
	.noha-adventage .test-arrow {margin:0 8px;}
	.noha-gallery img {height: 250px;}
	.noha-gallery {height: 250px;}


	

	.careers-jobs .job .description.show {
		display: block;
	}
	.careers-jobs .job .description ul {margin-left: 0; margin-top: 20px; margin-right: 0}
	.careers-jobs .job .description p {max-width: 100%}


	.noha-adventage p {padding: 0 15px;}





}

@media (max-width: 767px) {

	.title50, .know-more-flex p {font-size: 35px;}
	.text18 {font-size: 15px;}
	.home-content .title50 {margin-bottom: 10px;}


	.page-heading h1 {
		font-size: 50px;
	}
	.page-heading h2 {font-size: 13px;}
	.page-heading .divider {margin:25px 0;}
	.page-heading p {font-size: 14px; line-height: 24px;}

	.slider-logos {padding-left: 20px; padding-right: 20px;}
	.logo-item-flex {padding-right: 0; margin-right: 0; border-right: none}
	.logo-item-flex p {margin-right: 0;}

	.know-more {padding: 75px 0}

	.paralaxIMG {height: 250px}
	.paralax-image {margin-top: -40px;}
	.services-boxes {margin-top: 40px;}
	.services-box {
		padding: 20px!important; 
		position: relative; 
		background: white!important;
	}



	
	.services-box:after {
		content : "";
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    opacity: 0.1;
	    z-index: 100;
    	background-position: bottom right;
    	background-repeat: no-repeat!important;
	}
	.services-box.land:after {
	    background-image: url("../images/services-1.png");
	}
	.services-box.infra:after {
	    background-image: url("../images/services-2.png");
	}
	.services-box.people:after {
	    background-image: url("../images/services-3.png");
	}


	.content-over {padding-top: 130px;}
	.videomask {object-position: center}



	.page-heading p.with-button {
		display: block;
	}
	.page-heading p.with-button a {margin-left: 0; margin-top: 30px;}
	.transparent-button {max-width: 200px}

	
	.splited-text h2 {font-size: 28px;}
	.splited-text .splited span {font-size: 14px;}


	.about-top {padding-bottom: 50px;}


	.careers-no-jobs img {top: -100px;}


	.contact-box .top , .contact-box .bottom{
		padding: 30px 20px;
	}
	


	.apply-form {
		top: 0;
	    width: 100%;
	    transform: none;
	    height: 100%;
	    overflow: auto;
	    max-width: 100%;
		max-height:100%;
	}
	.close-form {top: 10px; right: 10px}


	.apply-form .input {
		display: block;
	}
	.apply-form .input br {display: none}
	.apply-form .input label {text-align: left; margin-bottom: 5px; display: block;}
	.wpcf7-submit {margin-left: 0;}

	.apply-form .input input, .apply-form .input select , .wpcf7-form-control-wrap{max-width: 100%;}

	.apply-form .upload-trigger span.wpcf7-not-valid-tip {
	    position: initial;
	    background: #41455e;
	    left: unset;
	    position: absolute;
	    top: -23px;
	}

	
}