@media screen and (max-width: 767px) {
	.container{max-width:inherit}
	.banner-img{height:100vh;    background-size: cover;}
	.mid-content{padding-top:50%}
	.mid-content h1{font-size:42px}
	.mid-content h2{font-size:22px;}
	.expertise{height:auto;    padding: 25px 0;}
	.expertise img{display:none}
	.exprt-img{float:inherit;position:initial}
	.exprt-cont{    margin-top: 0;
    font-size: 23px;}
	.logo img{width:140px;}
	.nxt{height:auto;padding-top:40px;}
	.nxt h1{font-size:21px;}
	.nxt p {font-size:17px;}

	.menu-head ul{padding:0;margin:0;position:fixed;top:70px;	}
	.menu ul li{display:inherit}
	.whatwedo{padding-top:30px}
	.menu ul li:first-child a {
	
	transition-delay: inherit
	}

	.menu ul li:nth-of-type(2) a {
		transition-delay: inherit
	}

	.menu ul li:nth-of-type(3) a {
		transition-delay: inherit
	}

	.menu ul li:nth-of-type(4) a {
		transition-delay: inherit
	}
	.menu ul li a{transition:inherit;transition-duration:inherit!important; font-weight:400}
	
	.content-wdt{padding:20px;}
	
	.spec h1{font-size:23px}
	
	.spec {
    text-align: center; 
    font-weight: 400; 
    padding-top: 35px;
    padding-bottom: 35px;
	height:auto
     }

	 .text-block h1 {
    font-size: 23px;
	    line-height: 30px;
}
	 
	 .text-block p {
    margin-top: 30px;
    font-size: 17px;
}

	
	.footer-sec-one{height:auto;padding:0;padding-top:20px;padding-bottom:20px;}
	
	.contact-det{text-align:left;padding-top:35px;float:left}
	
	.work button{float:left}
	
	.grid { display:block; }	

	.text-block{padding: 25px 10px;}
		
	.img-block {    position: static;
		width: 100%;height: 300px;}	
	
	.grid:nth-child(even) .text-block{padding-left:2%}
	
	.whatwedo h1{font-size:25px}
	
	.text-block h1{font-size:25px;}
	
	.work h1{font-size:30px;}
	
	.menu-head  ul{display:none;}
	.mobile-menu.open  ul{display:block;}
	
	.mid-content h2{font-size:21px}
	
	.adres p{font-size:19px}
	
	.parallax{min-height:300px}
	
	.emil{display:inherit}
	
	footer{padding-left:25px;padding-right:25px;font-size:15px}
	
	.bnr-txtC h3 {    font-size: 24px; margin-bottom: 20px;}
	
	.txtC {padding-top: 50%;     padding-left: 10px; }
	.scroll { display:none}	
	
	header { height:70px}
	.menu-sec { height:70px}
	
		.menu-head{padding-top:25px !important;}
		
		.exprt-cont button {    margin-top: 10px;}
		
		.whatwedo p {
    font-size: 17px;
    margin-top: 25px;
    line-height: 1.7;
}

.exprt-cont p {
    font-size: 17px;
    line-height: 24px;
}


.hrservgrid {    position: absolute;
    bottom: 0;
    left: 0;
	width: 100%;}
	
	.hrServ .listBlock {
		order: 2;
	}
	.hrServ .text-block {
		order: 1;
	}
	.with-icon {
		justify-content: flex-start
	}
	
}






@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	
	.expertise img{width:95%;margin-top:35px;position:inherit;padding:0}
	.mid-content{padding-top:45%;}
	.mid-content h1{font-size:60px}
	.menu ul li{margin-right:25px}
	.nxt{padding-top:50px;padding-bottom:50px} 
	.nxt h1{font-size:35px}
	
	#grid-four{min-height:650px;}
	#grid-four .img-block{min-height:650px;}
	
	#grid-five{min-height:675px;}
	#grid-five .img-block{min-height:675px;}
	.footer-sec-one{padding-left:20px;padding-right:20px}
	.exprt-cont{margin-top:30px}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and  (orientation:landscape){
	
	
	
	.mid-content{padding-top:25%;}
	
	
	
	
}

@media only screen and (max-width: 767px) and  (orientation:landscape){
.txtC {padding-top: 110px;}	
	.banner-img{height:110vh}
.mid-content {
    padding-top: 22%;
}
.scroll{top:72%}	
.expertise img{width:75%;display:block;margin:0 auto;}	
	

	
}

@media only screen and (min-width: 1922px) {
	
	.banner-img{max-height:740px}


	.txtC {
		position: relative;
		z-index: 11;
		padding-top: 16%;
	}
	
}