@media only screen and (max-width: 7000px){
	.page-wrapper{
		overflow:hidden;	
	}
}

@media only screen and (max-width: 1340px){
	.main-menu{
		padding-right: 0;
	}

	.welcome-section .content-column .inner{
		padding: 100px 20px;
		min-height: 0;
	}

	.welcome-section .image-column .image-layer,
	.about-section .image-column .image-layer{
		left: 0;
	}

	.about-section .content-column .inner{
		padding: 50px 20px;
		max-width: none;
		width: 100%;
		right: 0;
	}

	.gallery-section .title-item .title-box{
		padding: 50px 20px;
		display: block;
		width: 100%;
	}

	.gallery-section .title-item .title-box h2{
		font-size: 30px;
		margin: 0;
	}


}
.banner-section .slide-title {
		color: #ffffff;
		font-size: 60px;
		font-weight: 900;
	font-family: 'Cairo';
	}
@media only screen and (max-width: 1139px){
	.main-menu .navigation > li{
		margin-left: 35px;
	}

	.welcome-section{
		padding: 100px 0px;
	}

	.solutions-section .curved-layer{
		display: none;
	}

	.solutions-section .inner-container{
		padding: 70px 0px 40px;
	}

	.solutions-section .title-box{
		position: relative;
		display: inline-block;
		left: 0;
		top: 0;
		margin: 0 0 50px;
	}

	.gallery-section .items-row .gallery-item .inner-box{
		height: 250px;
	}

	

	.gallery-section .items-row .gallery-item{
		width: 33.333%;
	}

	.project-details .gallery-item-two .inner-box{
		height: 350px;
	}

	.solutions-section .inner-container{
		min-height: 0;
	}

	.solutions-section.solutions-page{
		padding: 50px 0px 0px;
	}

	.solutions-section.solutions-page .page-title{
		margin-bottom: 40px;
	}

	.clients-section .client-block{
		width: 25%;
	}

	.contact-section .page-title{
		margin-bottom: 50px;
	}

	.contact-section .info-column .inner{
		padding-top: 50px;
	}

	.contact-section{
		padding-bottom: 10px;
	}

	.contact-section .info-column h3{
		font-size: 18px;
	}
}

@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,
	.main-menu .navigation > li .mega-menu,
	.main-header .header-lower .lower-links .secondary-nav > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
}

@media only screen and (max-width: 991px){
	
	.main-header .nav-outer .main-menu{
		display: none;
	}

	.main-header .nav-toggler{
		display: block;
	}

	.banner-section .slide-item .curve-layer{
		display: none;
	}

	.banner-section .slide-item .content-box{
		height: 500px;
		padding-top: 120px;
	}

	.banner-section .slide-item .inner{
		float: none;
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
		text-align: center;
	}

	.banner-section .slide-item .text{
		display: block;
		max-width: none;
		font-weight: 400;
	}

	.banner-section .slide-item h3{
		font-size: 36px;
		font-weight: 400;
		margin: 15px 0px 20px;
	}

	.banner-section .slide-item .link-box{
		padding: 0;
		text-align: center;
	}

	

	.welcome-section .image-column,
	.welcome-section .content-column,
	.about-section .image-column,
	.about-section .content-column{
		position: relative;
		width: 100%;
		height: auto;
	}

	.welcome-section .image-column .image-layer,
	.about-section .image-column .image-layer{
		display: none;
	}

	.welcome-section .image-column .image,
	.about-section .image-column .image{
		display: block;
	}

	.about-section .content-column .inner{
		text-align: center;
		min-height: 0;
		padding: 0px 20px 30px;
	}

	.welcome-section .content-column .inner{
		max-width: none;
		padding: 50px 20px;
	}

	.welcome-section .content-column h2,
	.page-title h2{
		font-size: 30px;
	}

	.gallery-section .items-row .gallery-item{
		width: 33.333%;
	}

	.gallery-section .items-row .gallery-item .inner-box{
		height: 300px;
	}

	.call-to-section{
		padding: 50px 0px 250px;
	}

	.call-to-section .image-pattern{
		height: 250px;
	}

	.main-footer .inner-container{
		padding: 50px 0px;
	}

	.solutions-section .inner-container{
		padding: 50px 0px 20px;
	}

	.gallery-section{
		padding: 50px 0px 0px;
	}

	.main-footer .curved-layer,
	.page-banner .inner-container .curve-layer{
		display: none;
	}

	.page-banner .inner-container{
		height: 120px;
	}

	.main-footer .logo-box{
		position: relative;
		left: 0;
		top: 0;
		margin: 0 0 50px;
	}

	.main-footer .logo-box .logo{
		margin-bottom: 20px;
	}

	.gallery-section .title-item{
		width: 100% !important;
		margin-bottom: 10px !important;
	}

	.gallery-section .items-row .title-item .inner-box{
		height: auto;
		padding: 0px 0px;
		width: auto;
		margin: 0px 10px;
	}

	.gallery-section .title-item .title-box{
		padding: 20px 20px;
		text-align: center;
	}

	.gallery-section .title-item .title-box h2{
		font-size: 24px;
	}

	.solutions-section .title-box h2{
		font-size: 30px;
	}

	.banner-section .slide-item h3{
		font-size: 30px;
	}

	.mission-vision{
		padding: 50px 0px 30px;
	}

	.mission-vision .text-block .inner{
		padding-top: 0;
	}

	.about-section{
		padding: 50px 0px 0px;
	}

	.mission-vision h3{
		font-size: 24px;
	}

	.mission-vision .text,
	.mission-vision p,
	.about-section .content-column .text{
		font-size: 16px;
	}

	.project-details{
		padding: 50px 0px 40px;
	}

	.project-details .gallery-item-two.width-two,
	.project-details .gallery-item-two.width-three,
	.project-details .gallery-item-two.width-four,
	.project-details .gallery-item-two{
		width: 33.333%;
	}

	.project-details .gallery-item-two .inner-box{
		height: 250px;
	}

	.project-details .title-item .title-box h2{
		font-size: 20px;
	}

	.clients-section .client-block{
		width: 33.333%;
	}

	.page-title,
	.clients-section .page-title{
		margin-bottom: 40px;
	}

	.clients-section{
		padding: 50px 0px 20px;
	}

	.contact-section{
		padding: 50px 0px 0px;
	}
}

@media only screen and (max-width: 767px){
	.gallery-section .items-row .gallery-item{
		width: 50%;
	}

	.solutions-section .inner-container{
		text-align: center;
	}

	.solutions-section .title-box h2,
	.welcome-section .content-column h2,
	.banner-section .slide-item h3,
	.page-title h2{
		font-size: 24px;
	}

	.main-footer{
		text-align: center;
	}

	.main-footer .social-links li{
		float: none;
		display: inline-block;
		margin: 0px 3px;
	}

	.project-details .gallery-item-two.width-two,
	.project-details .gallery-item-two.width-three,
	.project-details .gallery-item-two.width-four,
	.project-details .gallery-item-two{
		width: 50%;
	}

	.clients-section .client-block{
		width: 50%;
	}

	.contact-section .info-column ul li{
		font-size: 16px;
	}

	.contact-section .info-column .inner{
		padding-top: 0px;
	}
}

@media only screen and (max-width: 599px){
	.gallery-section .items-row .gallery-item{
		width: 100%;
	}

	.project-details .upper-box .project-info,
	.project-details .upper-box .post-controls{
		width: 100%;
	}

	.project-details .upper-box .post-controls .control{
		margin: 0 15px 10px 0;
		padding: 8px 20px;
		font-size: 14px;
	}

	.project-details .gallery-item-two.width-two,
	.project-details .gallery-item-two.width-three,
	.project-details .gallery-item-two.width-four,
	.project-details .gallery-item-two{
		width: 100%;
	}
}

@media only screen and (max-width: 479px) {
	.main-header .main-box .logo-box .logo img{
		max-width: 180px;
	}

	.main-header .nav-toggler{
		padding-top: 20px;
	}

	.clients-section .client-block{
		width: 100%;
	}
}
@media only screen and (min-width: 1300px){
	.banner-section .slide-item .content-box {
    padding: 40% 0 30%;
}
}