@media only screen and (max-width: 7000px){

	.page-wrapper{

		overflow: hidden;

	}

	

}



@media only screen and (max-width: 1650px){

	 



	 

}



@media only screen and (max-width: 1340px){

	 



 

}



@media only screen and (max-width: 1139px){

	 

  



	.header-style-three .nav-box .social {

		display: none;

	}



	.header-style-three .nav-box .search-btn{

		float: right;

		padding-right: 0;

	}



	.header-style-three .nav-box .search-btn:after{

		display: none;

	}



	.header-style-three .header-lower .nav-box{

		padding-left: 5px;

		padding-right: 5px;

	}



	.banner-carousel .content-box h1, 

	.banner-three .banner-carousel .content-box h1, 

	.page-banner h1{

		font-size: 60px;

	}



	  



	.service-block .text-column .inner{

		padding-right: 0;

	}



	.services .service-block:nth-child(even) .text-column .inner{

		padding-left: 0;

	}

  

 



	.call-to-action,

	.call-to-action .links-column,

	.call-to-action-two,

	.call-to-action-two .links-column,

	.call-to-action-three,

	.call-to-action-three .links-column{

		text-align: center;

	}



	.call-to-action .links-column .inner,

	.call-to-action-three .links-column .inner,

	.call-to-action-two .links-column .inner{

		padding-top: 0;

	}



	.about-section-two .image-column .inner{

		padding-right: 0;

	}



	.about-section-two .image-column .image-box{

		margin-left: 0;

	}



	.service-block-four .inner-box{

		padding: 40px 20px ;

	}



	.featured-block-two{

		text-align: center;

	}



	.featured-block-two .title .icon{

		display: block;

		margin: 0 0 20px;

	}



	.featured-section .content-box{

		padding: 50px 25px 20px;

	}



	.featured-block-five .inner-box{

		padding: 60px 30px 50px;

		height: auto;

	}



	.featured-block-five .overlay-inner{

		padding: 20px 30px 30px;

	}

 



	 

  



	 



	 



	.services .service-block:nth-child(even) .text-column .inner,

	.service-block .text-column .inner{

		padding-top: 0;

		padding-right: 0;

		padding-left: 0;

	}



	.sec-title h2,

	.sec-title-two h2,

	.sec-title-three h2 {

		font-size: 32px;

	}



	.fact-counter .count-box{

		font-size: 36px;

	}



	.fact-counter .counter-title{

		font-size: 16px;

	}



	.about-section-two .text-column .inner{

		padding-right: 0;

	}

}



@media only screen and (min-width: 768px){

	.main-menu .navigation > li > ul,

	.main-menu .navigation > li > ul > li > ul{

		display:block !important;

		visibility:hidden;

		opacity:0;

	}

}



@media only screen and (max-width: 1023px){



  

 



	 

}



@media only screen and (max-width: 991px){	

	.main-header .nav-outer .main-menu,

	.sticky-header{

		display: none !important;

	}



	.nav-outer .mobile-nav-toggler{

		display: block;

	}



	 



	 

	.main-header .header-top .top-right{

		display: none;

	}



	 



	 



	.banner-carousel .slide-item, 

	.banner-three .banner-carousel .slide-item  {

		padding: 50px 0px 80px;

	}



	.banner-carousel .content-box, 

	.banner-three .banner-carousel .content-box {

		height: 580px;

	}



	.banner-carousel .content-box .content{

		padding: 0px 0px 0px !important;

	}



	.banner-one .banner-carousel .content-box .content{

		padding-top: 50px !important;

	}



	.banner-carousel .content-box h1, 

	.banner-three .banner-carousel .content-box h1, 

	.page-banner h1{

		font-size: 52px;

	}



	.banner-section .slide-item .curve-layer{

		width: 80%;

	}



	.banner-carousel .content-box .content-image{

		display: none;

	}



	.inner-page-header{

		background: none;

	}



	.main-footer .service-block-two{

		display: none;



	}



	.main-footer .service-block-two.logo-block{

		width: 100%;

		display: block;

	}



	 



	.service-block .image-column .inner,

	.services .service-block:nth-child(even) .image-column .inner{

		padding-right: 0;

		padding-left: 0;

	}



	.service-block .image-column .icon-box{

		right: 50%;

		top: 50%;

		margin: -60px -60px 0px 0px;

	}



	.services .service-block:nth-child(even) .image-column .icon-box{

		right: auto;

		left: 50%;

		top: 50%;

		margin: -60px 0px 0px -60px;

	}

 



 



	 

  



	.services-section-three .curve-layer,

	.featured-section .content-box .featured-block-two:nth-child(2) .inner-box:before,

	.featured-section .content-box .featured-block-two:nth-child(2) .inner-box:after{

		display: none;

	}



	.services-section-three .bg-layer{

		width: 100%;

		right: 0;

		margin: 0;

		height: 100%;

	}



	.contact-section .form-box{

		padding: 40px 20px 20px;

	}



	.contact-section .content-box{

		padding-right: 320px;

	}



	.contact-section .content-box .image-layer{

		width: 320px;

	}



	.contact-section .info-box{

		padding: 25px 20px;

	}



	 



	.services .service-block:nth-child(even) .image-column{

		order: 0;

	}



	 



	 



	 



 



	.main-footer .footer-bottom .copyright,

	.main-footer .footer-bottom .footer-nav{

		width: 100%;

		padding-top: 5px;

		text-align: center;

	}



	.main-footer .footer-bottom .footer-nav ul li{

		float: none;

		margin: 0px 10px;

		display: inline-block;

	}

  

	 



	.service-block .text-column .title h2 {

		font-size: 24px;

	}



	.service-block .text-column .title .sub-text{

		font-size: 16px;

	}



	 

 



	.main-footer .upper-section{

		padding: 30px 0px 10px;

	}



	.call-to-action .title-column h2,

	.call-to-action-two .title-column h2,

	.call-to-action-three .title-column h2  {

		font-size: 30px;

		line-height: 1.3em;

	}



	 



	.main-footer .about-text{

		max-width: none;

	}

 



	 

	.features-section {

		padding: 70px 0px 0px;

	}



	.fun-facts-section{

		padding: 200px 0px 20px;

	}



	 



 

	.projects-section-two{

		padding: 70px 0px 40px;

	}



	 



  



	.main-footer .widgets-section  {

		padding: 70px 0px 30px;

	}



 



	.call-to-action {

		padding: 70px 0px 20px;

	}

 



	.services-section-three,

	.dedicated-projects{

		padding: 70px 0px 50px;

	}



	.featured-section{

		padding-top: 100px;

	}



	.contact-section{

		padding-top: 70px;

	}



  



	 



 

 



}



@media only screen and (max-width: 767px){	

	.main-header .header-top .top-left,

	.header-top-three .top-left .top-text{

		width: 100%;

		text-align: center;

	}



  



	.main-header .header-top .top-right,

	.header-style-three .header-upper .info{

		display: none;

	}



	.header-style-three .header-upper .logo-box{

		width: 100%;

		text-align: center;

	}



	.banner-carousel .content-box h1, 

	.banner-three .banner-carousel .content-box h1, 

	.page-banner h1{

		font-size: 42px;

	}



	.banner-carousel .content-box .sub-title{

		letter-spacing: 0;

	}





	.banner-carousel .content-box, 

	.banner-three .banner-carousel .content-box {

		height: 300px;

	}



	.banner-carousel .content-box .text{

		font-size: 16px;

	}



	.page-banner{

		padding: 140px 0px 50px;

	}



	 

  



	.about-section-two .upper-quote-box .inner{

		padding: 0px 30px;

		margin: 0;

	}



	.about-section-two .upper-quote-box .content{

		max-width: none;

		width: 100%;

		padding: 50px 30px 70px;

	}



	.about-section-two .upper-quote-box .content .text{

		font-size: 20px;

		line-height: 1.5em;

	}



	.about-section-two .upper-quote-box .icon{

		font-size: 64px;

		margin: 0;

		bottom: 20px;

		top: auto;

	}



	.contact-section .content-box{

		padding: 0;

	}



	.contact-section .content-box .image-layer{

		position: relative;

		width: 100%;

		padding: 50px 20px;

	}



	.contact-section .info-box{

		position: relative;

		left: 0;

		top: 0;

		bottom: 0;

		right: 0;

		margin: 0;

		padding: 30px 20px;

		text-align: center;

	}

  

 

	 



	 



	 



	.featured-block-three .inner-box,

	.featured-block-four .inner-box{

		padding: 0;

		text-align: center;

	}



	.featured-block-three .icon-box,

	.featured-block-four .icon-box{

		position: relative;

		left: 0;

		top: 0;

		margin: 0 auto 25px;

	}

 

 

   

 



	.sec-title h2,

	.sec-title-two h2,

	.sec-title-three h2 {

		font-size: 28px;

		line-height: 1.3em;

	}



	.recent-proj-tabs{

		margin-bottom: 0;

	}



	.recent-proj-tabs .buttons-box{

		position: relative;

		left: 0;

		top: 0;

		margin: 0 0 10px;

	}



	.recent-proj-tabs .tab-buttons .tab-btn{

		width: 100%;

		height: auto;

		background: #ffffff;

	}



	 

 



	.services .service-block:nth-child(even) .text-column .inner{

		text-align: left;

	}



	.call-to-action .title-column h2,

	.call-to-action-two .title-column h2,

	.call-to-action-three .title-column h2 {

		font-size: 28px;

		line-height: 1.3em;

	}



	 



	.about-section-two .featured-list ul li {

		text-align: center;

		padding: 30px 0px 20px;

	}



	.about-section-two .featured-list ul li .icon {

		display: block;

		margin: 0 0 20px;

	}



	.about-section-two{

		padding-top: 50px;

		padding-bottom: 60px;

	}



	.about-section-two .upper-quote-box{

		position: relative;

		top: 0;

		margin-bottom: 50px;

	}



	.about-section-two .upper-quote-box .inner{

		padding: 0px 15px;

	}



	.fun-facts-section-two .counter-column{

		padding: 25px 0px;

	}



	.fun-facts-section-two{

		padding: 50px 0px;

	}



	.fun-facts-section-two .counter-column .inner{

		display: block;

		padding: 0px 20px;

		text-align: center;

	}

 

	  



	.map-canvas{

		height: 400px;

	}

 

 



	.about-section-two .featured-list{

		max-width: none;

	}



	.about-section-two .featured-list ul li{

		padding-top: 30px;

		padding-bottom: 20px;

	}



	.service-block-four .inner-box{

		text-align: center;

	}

}



@media only screen and (max-width: 599px){

	 

 



	.banner-carousel .content-box h1, 

	.banner-three .banner-carousel .content-box h1 {

		font-size: 30px;

	}



	.banner-section .slide-item .curve-layer{

		width: 100%;

	}

  

  



	.call-to-action .title-column h2,

	.call-to-action-two .title-column h2,

	.call-to-action-three .title-column h2 {

		font-size: 24px;

		line-height: 1.3em;

	}



	.service-block-four .text{

		font-size: 15px;

	}



	.service-block-four .title h3{

		font-size: 20px;

	}

 



	.sec-title h2,

	.sec-title-two h2,

	.sec-title-three h2 {

		font-size: 24px;

	}

}



@media only screen and (max-width: 479px) {

	.contact-section .info-box .phone{

		font-size: 24px;

	}



	.contact-section .info-box .phone .icon{

		display: block;

		margin: 10px 0 20px;

		padding: 0;

	}

}