@media only screen and (max-width: 7000px){
	.page-wrapper{
		overflow:hidden;	
	}
}

@media only screen and (max-width: 1599px){


}

@media only screen and (max-width: 1499px){
	.main-footer .upper-section .inner-container{
		padding-left: 60%;
	}
	
}

@media only screen and (max-width: 1339px){
	.main-menu .navigation > li{
		margin-right: 25px;
	}

	.banner-section .slide-item .content-box{
		height: 650px;
		padding-top: 80px;
	}
	
	.about-section .image-layer{
		background-size: contain;
	}

	.about-section .inner .text,
	.why-block .content .text{
		font-size: 20px;
	}

	.about-block .inner-box{
		padding: 35px 30px 50px;
		text-align: center;
	}

	.about-block .text{
		max-width: none;
	}

	.main-footer .upper-section .inner-container{
		padding-left: 55%;
	}

	.ceo-message{
		padding-top: 0px;
		padding-bottom: 150px;
	}

	.service-block .image-col .image-layer{
		right: 0;
	}

	.service-block .content-col .inner{
		padding-left: 50px;
	}

	.service-block.alternate .image-col .image-layer{
		left: 0;
	}

	.service-block.alternate .content-col .inner{
		padding-right: 50px;
	}

	.service-block .content-col .text{
		font-size: 20px;
	}

	.main-header .top-info ul li{
		margin-left: 30px;
	}

}

@media only screen and (max-width: 1199px){
	.main-menu .navigation > li{
		margin-right: 20px;
	}
	
	.main-menu .navigation > li > a{
		font-size: 16px;
	}

	h1,
	.banner-section .slide-item h1,
	.inner-banner .content-box h2{
		font-size: 36px;
	}

	h2{
		font-size: 30px;
	}

	h3{
		font-size: 26px;
	}

	h4{
		font-size: 22px;
	}

	h5{
		font-size: 20px;
	}

	h6{
		font-size: 16px;
	}

	.banner-section .slide-item .text{
		font-size: 20px;
	}

	.about-block .inner-box{
		padding-left: 20px;
		padding-right: 20px;
	}

	.main-footer .upper-section .inner-container{
		padding-left: 50%;
	}

	.inner-banner .content-box{
		padding: 40px 0;
	}

	.inner-banner .image-layer{
		bottom: auto;
		top: -40px;
	}

	.inner-banner .image-layer img{
		top: 0;
		bottom: auto;
	}

	.ceo-message{
		padding-top: 0px;
		padding-bottom: 120px;
	}

	.ceo-message .content-box{
		padding-left: 0;
		padding-right: 0;
		max-width: 480px;
	}

	.why-block .title{
		padding-left: 15px;
		padding-right: 15px;
	}

	.why-block .title h4{
		font-size: 20px;
	}

	.why-block .content{
		padding: 40px 20px 40px 30px;
	}

	.main-header .top-info ul li.social-links{
		display: none;
	}
	
}

@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul,
	.main-menu .navigation > li > ul > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
}

@media only screen and (max-width: 991px){
	

	.main-header .upper-right{
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.main-header .nav-outer{
		padding-left: 0;
		padding-right: 0;
		background: none;
	}

	.main-header .header-upper:before,
	.main-header .top-info{
		display: none;
	}

	.main-header .main-box .logo-box .logo img{
		height: 90px;
	}

	.fixed-header .main-box .logo-box{
		padding: 25px 0 0;
	}

	.main-header{
		min-height: 120px;
	}

	.main-header .nav-outer{
		display: none;
	}

	.main-header .nav-toggler{
		display: block;
	}

	.main-header .upper-right{
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.main-header .main-box .logo-box .logo img{
		height: 70px;
	}

	.main-header{
		min-height: 100px;
	}

	.about-section .inner{
		padding-left: 250px;
	}

	.about-section .logo-box img{
		height: 120px;
	}

	.about-section .logo-box{
		top: 0;
		margin-top: 0px;
		line-height: 120px;
	}

	.banner-section .slide-item .content-box{
		height: 550px;
	}

	h1,
	.banner-section .slide-item h1,
	.inner-banner .content-box h2{
		font-size: 30px;
	}

	h2{
		font-size: 28px;
	}

	h3{
		font-size: 24px;
	}

	h4{
		font-size: 20px;
	}

	h5{
		font-size: 18px;
	}

	.about-section .upper-section{
		padding: 70px 0 50px;
	}

	.about-section .lower-section{
		padding: 0px 0 30px;
	}

	.expertise-section{
		padding: 0 0 30px;
	}

	.expertise-section .row{
		margin: 0 -15px;
	}

	.expertise-section .row .expertise-block{
		padding: 0 15px;
		margin-bottom: 40px;
	}

	.expertise-block .title{
		padding-top: 20px;
	}

	.partners-section{
		padding-bottom: 70px;
	}

	.quote-section .inner-box .text{
		font-size: 20px;
	}

	.quote-section .content-box{
		padding-bottom: 100px;
	}

	.main-footer .upper-section{
		padding: 70px 0 0;
	}

	.main-footer .upper-section .inner-container{
		padding-left: 230px;
	}

	.ceo-message .title-box,
	.core-values .title-box{
		margin-bottom: 50px;
	}

	.ceo-message .content-box{
		max-width: none;
		margin: 0 auto;
		padding-top: 70px;
		padding-bottom: 50px;
	}

	.ceo-message .content-box .image-box{
		position: relative;
		left: 0;
		top: 0;
		margin: 50px 0 0;
		width: auto;
	}

	.ceo-message .content-box .image-box .rounded-layer{
		display: none;
	}

	.ceo-message .content-box .image-box .image{
		position: relative;
		left: 0;
		top: 0;
		bottom: 0;
		width: 260px;
		height: 260px;
		margin: 0 auto;
	}

	.ceo-message .inner-box{
		max-width: none;
		padding-top: 0px;
		padding-bottom: 20px;
	}

	.ceo-message .content-box .quote-center img{
		max-width: 150px;
	}

	.ceo-message .content-box .quote-up img,
	.ceo-message .content-box .quote-down img{
		max-width: 50px;
	}

	.ceo-message .content-box .quote-down{
		right: 0;
	}

	.ceo-message{
		padding-bottom: 50px;
	}

	.core-values{
		padding-bottom: 70px;
	}

	.service-block .content-col,
	.service-block.alternate .content-col{
		order: 0;
	}

	.service-block .image-col,
	.service-block.alternate .image-col{
		order: 12;
	}

	.service-block .content-col .inner{
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 0;
		min-height: 0;
		padding-bottom: 0;
		max-width: none;
	}

	.service-block .image-col .image-layer{
		display: none;
	}

	.service-block .image-col .image{
		display: block;
	}

	.services-section{
		padding: 50px 0 0;
	}

	.service-block{
		margin-bottom: 40px;
	}

	.service-block.padd-1 .content-col .inner,
	.service-block.padd-2 .content-col .inner{
		padding-top: 0;
	}

	.service-block .content-col .text,
	.contact-section .info-col .address,
	.contact-section .info li{
		font-size: 18px;
	}

	.contact-section{
		padding: 70px 0 50px;
	}

	.contact-section .form-col .form-box{
		margin-left: 0;
	}

	.why-middle-east{
		padding: 70px 0;
	}

	.partners-section.alternate{
		padding-bottom: 30px;
	}

}

@media only screen and (max-width: 767px){
	.banner-section .slide-item .inner{
		max-width: none;
		text-align: center;
	}

	.about-section .inner{
		text-align: center;
		padding-left: 0;
	}

	.about-section .logo-box{
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 40px;
	}

	.about-section .inner .text,
	.about-block .text{
		font-size: 18px;
	}

	.expertise-section .title-box h2,
	.partners-section .title-box h2,
	.ceo-message .title-box h2,
	.core-values .title-box h2{
		font-size: 22px;
		text-align: center;
	}

	.expertise-section .title-box:before,
	.partners-section .title-box:before,
	.ceo-message .title-box:before,
	.core-values .title-box:before{
		left: 50%;
		margin-left: -30px;
		border-bottom-width: 5px;
	}

	.quote-section .content-box .quote-up,
	.quote-section .content-box .quote-down{
		max-width: 50px;
	}

	.quote-section .content-box{
		padding: 70px 0px;
	}

	.banner-section .slide-item:before{
		background: rgba(0, 0, 0, 0.50);
	}

	.main-footer .upper-section .inner-container{
		padding-left: 0;
		text-align: center;
		padding-bottom: 50px;
	}

	.main-footer .upper-section .footer-logo{
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		margin-bottom: 40px;
	}

	.main-footer .copyright{
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		margin-top: 20px;
	}

	.main-footer .upper-section .info li{
		padding-left: 0;
		max-width: none;
		margin-bottom: 30px;
	}

	.main-footer .upper-section .info li .icon{
		position: relative;
		display: block;
		margin: 0 auto 10px;
	}

	.main-footer .upper-section .social-links{
		position: relative;
		right: 0;
		bottom: 0;
		width: 100%;
		text-align: center;
	}

	.main-footer .upper-section .social-links:before{
		display: none;
	}

	.main-footer .social-links .social li,
	.main-footer .social-links .social li:first-child{
		float: none;
		display: inline-block;
		margin: 0 10px;
	}

	.banner-section .owl-dots{
		right: 0;
		width: 100%;
		text-align: center;
	}

	.banner-section .owl-dots .owl-dot{
		margin: 0 5px;
	}

	.inner-banner .content-box{
		padding-bottom: 20px;
		text-align: center;
	}

	.service-block .content-col ul{
		margin-left: 20px;
	}

	h1{
		font-size: 28px;
	}

	h2{
		font-size: 24px;
	}

	.map-box{
		height: 350px;
	}

	.why-block .content .text{
		font-size: 18px;
	}
}

@media only screen and (max-width: 599px){

	.quote-section .inner-box .text,
	.banner-section .slide-item .text{
		font-size: 18px;
	}

	.expertise-section .title-box h2, 
	.partners-section .title-box h2{
		font-size: 20px;
	}

	.about-section .inner .text, 
	.about-block .text{
		font-size: 16px;
	}

	.why-block .content{
		padding-left: 20px;
	}

	.why-middle-east .title-box h3,
	.why-middle-east .lower-content h3{
		font-size: 22px;
	}

}

@media only screen and (max-width: 479px) {
	.quote-section .inner-box .text,
	.banner-section .slide-item .text,
	.ceo-message .inner-box .text,
	.why-block .content .text{
		font-size: 16px;
	}

	.banner-section .slide-item .content-box{
		padding: 70px 0 70px;
		height: 450px;
	}
	
	h1, .banner-section .slide-item h1, 
	.inner-banner .content-box h2{
		font-size: 26px;
	}

	.ceo-message .inner-box{
		padding-bottom: 0;
	}

	.ceo-message .content-box .image-box .image{
		width: 200px;
		height: 200px;
	}

	.service-block .content-col ul{
		margin-left: 0;
	}

	.why-block .title h4{
		font-size: 18px;
	}

}