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

@media only screen and (max-width: 991px){
	
	.br-tablet-none br{
		display: none;
	}
	
	.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;
	}
	
	.page-review{
		padding: 60px 0 30px;
	}
	
	.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;
	}
	
	.step-slide-list,
	.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;
	}
	
	.related-service-section{
	    padding: 30px 0 60px;
	}
	
	.how-we-work-slide-list{
		display: none;
	}
	
	.blog-page{
		padding: 60px 0;
	}
	
	.hire-process-step{
	    display: none;
	}
	
	.hire-process-slider{
        display: block;
    }
	
	.portfolio-nav{
		margin-bottom: 30px;
	}
	
	.engagement-model-item{
	    min-height: 462px;
	    padding: 20px 20px 10px;
	}
	
	.engagement-model-item h3{
	    font-size: 24px;
	}
	
	.related-service-item{
	    margin-bottom: 30px;
	}
}

/* Mobile Layout */
@media only screen and (max-width: 767px){
	.br-mobile-none br{
		display: none;
	}
	
	.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;
	}
	
	.step-slide h3,
	.process-step-slide h3{
		font-size: 26px;
	}
	
	.step-slide p,
	.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;
	}
	
	.engagement-model-section{
	    padding: 60px 0 10px;
	}
	
	.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%;
	}
	
	.review-filter-item{
		padding: 10px;
	}
	
	.ref-commenct-box{
		padding: 20px;
		margin-bottom: 20px;
	}
	
	.ref-commenct-body p{
		font-size: 14px;
	}
	
	.ref-commenct-author h4{
		font-size: 14px;
	}
	
	.page-not-found{
		padding: 120px 0 60px;
	}
	
	.page-404-box h1{
		font-size: 160px;
	}
	
	.page-404-box p{
		font-size: 16px;
	}
	
	.engagement-model-item{
	    margin-bottom: 30px;
	    min-height: auto;
	}
	
	
	/* Career Page CSS */
	.career-list-main-wrapper article.elementor-post{
		padding: 25px;
	}

	.career-list-main-wrapper article.elementor-post a.elementor-post__read-more{
		left: 25px;
		bottom: 25px;
	}	
	
	.carrer-single-post-content ul{
		padding: 0 0 0 20px;
	}

	.carrer-single-post-content ul li{
		margin-bottom: 7px;
	}
	
	.career-form input.elementor-field-textual{
		padding: 10px;
	}
	
	.career-form .elementor-field-type-upload{
		padding-bottom: 15px;
		padding-right: calc( 20px/2 ) !important;
		padding-left: calc( 20px/2 ) !important;
	}

	.career-form button.elementor-button{
		margin-top: 15px;
		padding: 12px 30px 12px 30px !important;
	}

	.career-form .elementor-field-type-upload input[type=file]::-webkit-file-upload-button{
		padding: 6px 10px 7px; 
		font-size: 14px !important;
	}
	
	.career-form-popup .dialog-message.dialog-lightbox-message{
		width: auto !important;
	}
	
}

@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;
	}
	
	.br-mobile-none br{
		display: none;
	}
	
	
}

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