/* - 575 (xs) */
/* 576 - 767 (sm) */
/* 768 - 991 (md) */
/* 992 - 1199 (lg) */
/* 1200  (xl) */
@media (min-width: 1200px){

}
@media (min-width: 992px){
	.mobile-nav-btn{
		display: none;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	.slider-section:before{
		display: block !important;
	}
	.top-left {
        width: 35% !important;
    }
    .top-right {
        width: 65% !important;
    }
    .header-contact-wrapper{
    	display: none !important;
    }
    .slider-section:before{
    	width: 63%;
    }
    .about-wrapper-bg {
        display: flex !important;
    }
    .about-experience{
    	position: relative;
    	z-index: 3;
    }
    .home-banner-block-bg h2 {
    	font-size: 20px;
    }
    .footer-contact-form{
    	padding: 20px;
    }
    .page-banner:before{
		display: block !important;
		width: 63%;
	}
	.footer-contact-meta {
        display: flex !important;
    }
    .footer-contact-icon i{
    	position: absolute !important;
    }
    .footer-wrapper{
    	text-align: left !important;
    }
    .page-meta-wrapper {
        left: 35%;
    }
    .header-logo-text {
    	font-size: 17px;
    }
    .slider-side-border{
    	display: none;
    }
    .slider-side-border-text{
    	display: none;
    }
    .services-description p{
    	text-align: justify;
    }
    .services-title{
    	font-size: 17px;
    	position: absolute;
	    transform: unset;
	    left: 10px;
	    bottom: 0;
    }
    .team-text-wrapper{
    	padding: 30px;
    }
    .testimonial-page-section .testimonal-description{
    	font-size: 16px;
    }
    .contact-form-wrapper{
    	padding: 30px;
    }
}
@media (min-width: 768px) and (max-width: 992px){
	.slider-section:before{
		display: none;
	}
	.carousel-caption h1{
		font-size: 3rem;
	}
	.top-left{
		width: 80%;
		text-align: left;
	}
	.top-right{
		width: 20%;
	}
	.navbar{
		float: right;
	}
	.header-logo-text{
		font-size: 17px;
	}
	.header-logo img {
	    width: 30%;
	}
	.slider-side-border{
		display: none;
	}
	.slider-side-border-text{
		display: none;
	}
	.about-description{
		text-align: justify;
	}
	.home-banner-block-wrapper {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.team-text-wrapper{
		margin-bottom: 30px !important;
	}
	.testimonal-description{
		text-align: justify;
	}
	#main_header.sticky .mobile-nav-btn span{
		background: #fff;
	}
	.footer-pattern{
		width: 100%;
	}
	.footer-wrapper{
		text-align: center;
	}
	.footer-contact-meta {
	    display: block;
	}
	.footer-contact-icon i {
    	position: relative;
	}
	.footer-contact{
		margin-bottom: 30px;
	}
	.footer-contact-form{
		margin-top: 30px !important;
	}
	.page-banner:before{
		display: none;
	}
	.about-wrapper-bg{
		display: inline-block;
	}
	.about-meta-text{
		text-align: justify;
	}
	.faq-accordion-body{
		text-align: justify;
	}
	.page-meta-wrapper{
		left: 30%;
	}
	.testimonal-description {
    	font-size: 17px;
    }
    .services-description p{
    	text-align: justify;
    }
    .services-title{
    	font-size: 17px;
    	position: absolute;
	    transform: unset;
	    left: 10px;
	    bottom: 0;
    }
    .team-text-wrapper {
    	padding-top: 20px;
	    padding-bottom: 20px;
	    padding-left: 20px;
	    padding-right: 20px;
	}

}
@media (min-width: 576px) and (max-width: 768px){
	.top-left{
		width: 60%;
		text-align: left;
	}
	.top-right{
		width: 40%;
	}
	.navbar{
		float: right;
	}
	.mobile-nav-btn span{
		background: #000;
	}
	.page-meta-wrapper{
		display: none;
	}
	#main_header.sticky .mobile-nav-btn span{
		background: #fff;
	}
	.header-logo-text{
		font-size: 16px;
		text-align: left;
	}
	.header-logo img{
		width: 30%;
	}
	.header-logo{
		text-align: center;
	}
	.slider-section:before{
		display: none;
	}
	.slider-side-border{
		display: none;
	}
	.slider-side-border-text{
		display: none;
	}
	.section-title h1{
		font-size: 29px;
	}
	.about-wrapper{
		margin-left: 0;
	}
	.about-description{
		text-align: justify;
	}
	.home-banner-block-wrapper {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	.home-banner-block-bg h2{
		font-size: 22px;
	}
	.home-banner-block-bg h1{
		font-size: 28px;
	}
	.services-wrapper{
		margin-bottom: 20px;
	}
	.team-text-wrapper{
		margin-bottom: 20px !important;
	}
	.footer-wrapper{
		text-align: center;
	}
	.footer-pattern{
		width: 100%;
	}
	.footer-contact-meta {
	    display: block;
	}
	.footer-contact-icon{
		padding-left: 0;
	}
	.footer-contact-icon i{
		position: relative;
	}
	.footer-contact{
		margin-bottom: 20px;
	}
	.footer-menu-wrap{
		margin-bottom: 20px;
	}
	.footer-contact-form{
		margin-top: 0;
	}
	.page-banner:before{
		width: 10%;
	}
	.page-meta-wrapper{
		left: 25%;
	}
	.page-meta{
		padding: 10px 10px 10px;
		text-align: center;
	}
	.page-meta h3{
		font-size: 30px;
	}
	.about-wrapper-bg{
		display: block;
	}
	.about-meta-text{
		text-align: justify;
	}
	.faq-accordion-body{
		text-align: justify;
	}
	.services-description p{
		text-align: justify;
	}
	.testimonal-description{
		text-align: justify;
		font-size: 16px;
	}
	.about-banner{
		padding: 0;
	}
	.contact-page-section .section-title h1 {
	    font-size: 38px;
	}
}
@media (max-width: 576px){
	.top-left{
		width: 60%;
		text-align: left;
	}
	.top-right{
		width: 40%;
	}
	.navbar{
		float: right;
	}
	.mobile-nav-btn span{
		background: #000;
	}
	.page-meta-wrapper{
		display: none;
	}
	#main_header.sticky .mobile-nav-btn span{
		background: #fff;
	}
	.header-logo-text{
		font-size: 16px;
		text-align: left;
	}
	.header-logo img{
		width: 30%;
	}
	.header-logo{
		text-align: center;
	}
	.slider-section:before{
		/*width: 10%;*/
		display: none;
	}
	.slider-side-border{
		display: none;
	}
	.slider-side-border-text{
		display: none;
	}
	.section-title h1{
		font-size: 29px;
	}
	.about-wrapper{
		margin-left: 0;
	}
	.about-description{
		text-align: justify;
	}
	.home-banner-block-wrapper {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	.home-banner-block-bg h2{
		font-size: 22px;
	}
	.home-banner-block-bg h1{
		font-size: 28px;
	}
	.services-wrapper{
		margin-bottom: 20px;
	}
	.team-text-wrapper{
		margin-bottom: 20px !important;
	}
	.footer-wrapper{
		text-align: center;
	}
	.footer-pattern{
		width: 100%;
	}
	.footer-contact-meta {
	    display: block;
	}
	.footer-contact-icon{
		padding-left: 0;
	}
	.footer-contact-icon i{
		position: relative;
	}
	.footer-contact{
		margin-bottom: 20px;
	}
	.footer-menu-wrap{
		margin-bottom: 20px;
	}
	.footer-contact-form{
		margin-top: 0;
	}
	.page-banner:before{
		/*width: 10%;*/
		display: none;
	}
	.page-meta-wrapper{
		left: 25%;
	}
	.page-meta{
		padding: 10px 10px 10px;
		text-align: center;
	}
	.page-meta h3{
		font-size: 30px;
	}
	.about-wrapper-bg{
		display: block;
	}
	.about-meta-text{
		text-align: justify;
	}
	.faq-accordion-body{
		text-align: justify;
	}
	.services-description p{
		text-align: justify;
	}
	.testimonal-description{
		text-align: justify;
		font-size: 16px;
	}
	.about-banner{
		padding: 0;
	}
	.contact-page-section .section-title h1 {
	    font-size: 38px;
	}
}
@media (max-width: 480px){
	.slider-section:before {
        display: none;
    }
    .top-left {
        width: 80%;
        text-align: left;
    }
    .top-right {
        width: 20%;
    }
    .page-banner:before{
		display: none;
	}
	.mobile-nav-btn span{
		background: #000;
	}
	.page-meta-wrapper{
		display: none;
	}
	#main_header.sticky .mobile-nav-btn span{
		background: #fff;
	}
}
@media (max-width: 416px){
	.slider-section:before {
        display: none;
    }
    .top-left {
        width: 80%;
        text-align: left;
    }
    .top-right {
        width: 20%;
    }
    .page-banner:before{
		display: none;
	}
	.mobile-nav-btn span{
		background: #000;
	}
	.page-meta-wrapper{
		display: none;
	}
	#main_header.sticky .mobile-nav-btn span{
		background: #fff;
	}
}
@media (max-width: 320px){
	.top-left {
        width: 80%;
        text-align: left;
    }
    .top-right {
        width: 20%;
    }
    .header-logo-text {
        font-size: 12px;
    }
	.slider-section:before {
        display: none;
    }
    .mobile-nav-btn span{
		background: #000;
	}
    #main_header.sticky .mobile-nav-btn span{
		background: #fff;
	}
	.testimonial-section .section-title{
		width: 100%;
		background-image: none;
		margin-bottom: 0;
	}
	.services-title{
		font-size: 18px;
		left: -50px;
    	bottom: 99px;
	}
	.team-text-wrapper{
		padding: 30px;
	}
	.team-text-description{
		text-align: justify;
	}
	.banner2-area{
		display: block;
		text-align: center;
	}
	.banner2-area-text:before{
		display: none;
	}
	.banner2-area-text{
		margin-right: 0;
	}
	.page-banner:before{
		display: none;
	}
	.mobile-nav-btn span{
		background: #000;
	}
	.page-meta-wrapper{
		display: none;
	}
	#main_header.sticky .mobile-nav-btn span{
		background: #fff;
	}
	.contact-form-wrapper{
		padding: 15px;
	}
}