/* Responsive Css */
	
@media only screen and (max-width: 1200px) {
.page-gapping{ padding:80px 0px; }
.section-two { padding-top: 0px !important; }
.section-two .grey .cont{ padding-top:45px; }
.section-three{ margin-bottom:80px; }


}


 

@media only screen and (max-width: 991px) {
.section-one .content { text-align: center; }	
.section-one .content .img{ margin-top:0px; }
.section-one .content .img img{ width:100%; }
.section-one h2 { font-size: 50px; line-height: 60px; }
.section-one .img { text-align: center; margin-top: 45px; }
.section-one .img img { width: 60%; }

.section-two .grey .cont { padding-top: 65px; }
.section-two .grey .cont h3 { font-size: 36px; }

.inner-content{ padding:0 15px; }

.about-one .img { text-align: center; }
.about-two .mission { margin-bottom: 30px; }


.blog-head h1 { font-size: 35px; line-height: 45px; }
.post-detail-wrapper { width: 100%; }



}

	

@media only screen and (max-width: 767px) {
.page-gapping{ padding:60px 0px; }
.section-two { padding-top: 0px !important; }
.section-one h2 { font-size: 45px; line-height: 52px; }
.section-one .img img { width: 75%; }
.section-two .desktop{ display:none; }
.section-two .mobile{ display:block; }

.section-three{ background-position:right top; }
.section-three h3 { font-size: 37px; text-shadow: 1px 1px 1px #fff; }

.footer-sec .logo { text-align: center; }
.footer-sec .ft-logo ul { padding-top: 15px; padding-bottom: 15px; text-align: left; }
.footer-top .list { width: 60%; flex: 0 0 60%; max-width: 60%; }
.footer-sec .social { width: 40%; flex: 0 0 40%; max-width: 40%; }


.inner-page-title{ padding: 30px 0; } 
h1{ font-size:30px; }

.blog-head h1 { font-size: 30px; line-height: 42px; }


}





@media only screen and (max-width: 576px) {
.slider-section .mobile{ display:block; }
.slider-section .desktop{ display:none; }
.section-one h2 { font-size: 43px; line-height: 50px; }

.section-three { background-position: center top; }
.footer-top .list { width: 100%; flex: 0 0 100%; max-width: 100%; margin-bottom:15px; }
.footer-sec .social { width: 100%; flex: 0 0 100%; max-width: 100%; }



}




@media only screen and (max-width: 575px) {	
.section-two .grey .img { width: 100%; }
.section-two .grey .cont { width: 100%;  padding: 25px 30px; }
.footer-top { padding: 45px 0 30px; } 
.footer-sec .ft-logo ul{ text-align:left; }

.blog-head h1 { font-size: 28px; line-height: 39px; }
.post-detail-wrapper { padding: 35px 0; }
.post-detail-wrapper h3 { font-size: 24px; line-height: 33px; }
.post-detail-wrapper .img { margin: 20px auto 20px; }



}