/************************************/
/*****    16. Media Screens     *****/
/************************************/

@media only screen and (max-width: 991px){
	.header .navbar-nav{
		display: none;
	}
	
	.header .navbar{
		padding: 10px 0;
	}
	
	.header .navbar-toggle,
	#responsive-menu{
		display: block;
	}
	
	.banner{
		padding: 140px 0 60px;
	}
	
	.header-content{
		text-align: center;
		margin-bottom: 30px;
	}
	
	.banner .header-content h2{
		font-size: 36px;
	}
	
	.features-section{
		padding: 60px 0 0;
	}
	
	.feature-single .icon-box{
		font-size: 60px;
		margin-bottom: 20px;
	}
	
	.feature-single h3{
		font-size: 26px;
	}
	
	.feature-single{
		margin-bottom: 30px;
	}
	
	.about-us-section{
		padding: 30px 0;
	}
	
	.about-image{
		text-align: center;
		padding-right: 0;
		margin-bottom: 30px;
	}
	
	.about-content{
		padding: 20px;
	}
	
	.about-content:before{
		display: none;
	}
	
	.services-section{
		padding: 30px 0 0;
	}
	
	.section-title h2{
		font-size: 36px;
	}
	
	.testimonial-section{
		padding: 30px 0 60px;
	}
	
	.recent-article-section{
		padding: 60px 0 30px;
	}
	
	.article-single h3{
		font-size: 16px;
	}
	
	.faq-section{
		padding: 60px 0;
	}
	
	.services-page{
		padding: 60px 0 30px;
	}
	
	.service-features{
		margin-top: 30px;
	}
	
	.services-main-features{
		padding: 30px 0;
	}
	
	.process-step-wrapper{
		padding: 60px 0;
	}
	
	.process-step-wrapper{
		padding: 60px 0;
	}
	
	.process-slide-list{
		display: none;
	}
	
	.step-pagination{
		display: block;
	}
	
	.portfolio-item-section{
		padding: 60px 0;
	}
	
	.portfolio-testimonial,
	.get-started-infobar{
		padding: 60px 0;
	}
	
	.portfolio-single-page{
		padding: 60px 0 30px;
	}
	
	.testimonial-single{
		padding: 60px 0;
	}
	
	.faq-item-section{
		padding: 60px 0 30px;
	}
	
	.about-us-content{
		padding: 60px 0 0;
	}
	
	.about-features-section{
		padding: 30px 0 0;
	}
	
	.about-image{
		margin-top: 0;
	}
	
	.our-mission-section{
		padding: 60px 0;
	}
	
	.about-services-section{
		padding: 60px 0 0;
	}
	
	.how-we-work{
		padding: 30px 0 60px;
	}
	
	.how-we-work-slide-list{
		display: none;
	}
	
	.blog-page{
		padding: 60px 0;
	}
}

/* Mobile Layout */
@media only screen and (max-width: 767px){
	.banner .header-content h2{
		font-size: 28px;
	}
	
	.banner .header-content p{
		font-size: 14px;
	}
	
	.btn-custom{
		min-width: auto;
		font-size: 14px;
	}
	
	.about-entry h2{
		font-size: 28px;
	}
	
	.about-counter{
		margin-bottom: 0;
	}
	
	.about-counter-single{
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.about-counter-single p{
		font-size: 16px;
	}
	
	.testimonial-slide p{
		font-size: 14px;
	}
	
	.testimonial-slide h3{
		font-size: 16px;
	}
	
	.recent-article-section .section-title{
		text-align: center;
	}
	
	.article-single{
		margin-bottom: 30px;
	}
	
	.mega-footer{
		padding: 40px 0;
	}
	
	.footer-title{
		margin-bottom: 20px;
	}
	
	.footer-about,
	.footer-social-link{
		margin-bottom: 30px;
	}
	
	.footer-logo{
		text-align: center;
	}
	
	.footer-menu{
		margin-top: 0;
	}
	
	.footer-copyright-text p{
		text-align: center;
	}
	
	.page-header-title h5{
		font-size: 16px;
	}
	
	.page-header-title h2{
		font-size: 32px;
	}
	
	.page-header-title p{
		font-size: 14px;
	}
	
	.process-step-slide h3{
		font-size: 26px;
	}
	
	.process-step-slide p{
		font-size: 14px;
	}
	
	.testimonial-inner-page{
		padding: 60px 0 30px;
	}
	
	.faq-inner-page{
		padding: 30px 0 60px;
	}
	
	.service-contact-us{
		padding: 60px 0;
	}
	
	.get-started-box h2{
		font-size: 34px;
	}
	
	.portfolio-single-header h2{
		font-size: 28px;
	}
	
	.btn-preview{
		text-align: left;
	}
	
	.portfolio-single-content p{
		font-size: 14px;
	}
	
	.testimonial-single .section-title h2{
		font-size: 28px;
	}
	
	.about-us-title p{
		font-size: 18px;
	}
	
	.our-mission p{
		font-size: 20px;
	}
	
	.how-we-work-image{
		float: none;
		width: 100%;
		margin-bottom: 40px;
	}
	
	.how-we-work-entry{
		float: none;
		width: 100%;
	}
}

@media only screen and (max-width: 575px){
	.header .container{
		width: 100%;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	
	.header-slide{
		padding: 20px;
	}
	
	.header-pagination{
		text-align: center;
	}
	
	.header-button-prev,
	.header-button-next{
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		margin: 0 6px;
	}
	
	.section-title h2{
		font-size: 28px;
	}
	
	.portfolio-item figure{
		padding: 20px 20px 0;
	}
	
	.portfolio-item h3{
		font-size: 28px;
	}
	
	.portfolio-item p{
		font-size: 14px;
	}
	
	.post-item{
		padding: 20px;
	}
}

/* Small Mobile Layout */
@media only screen and (max-width: 480px) {
	
}