@media (min-width: 320px) and (max-width: 568px)
{
	.cl-effect-16 a::before
	{
		display: none;
	}
	.navbar-brand
	{
		padding: 3px 15px 0px;
		margin-bottom: 10px;
	}
	.navbar-right li
	{
		text-align:left;
	}
	.navbar-right li i
	{
		padding-right: 6px;
	}
	.navbar-brand img
	{
		width: 200px;
	}
	.slider-section 
	{
	    margin-top: 0px;
	}
	.sticky-header
	{
		height: 60px;
	}
	.heading h2
	{
		font-size: 30px;
	}
	.more-about p 
	{
	    font-size: 15px;
	    padding: 0px 0 28px 0px;
	}
	.more-about
	{
		padding: 30px 0px 0px;
	}
	.aboutsec2 h3 
	{
	    font-size: 24px;
	    margin-bottom: 12px;
	}
	.ab-img  img, .event-story
	{
		margin-top: 20px;
	}
	.banner-social
	{
		margin-top: 40px;
	}
	.blackbanner h3 
	{
	    font-size: 23px;
	    line-height: 39PX;
	    text-align: center;
	}
	.blackbanner span
	{
		font-size: 33px;
	}
	.event-story:before, .heart-icon, .banner-text:before
	{
		display: none;
	}
	.event-caption p, .second-wrapper p
	{
		margin-left: 0px;
		margin-right: 0px;
	}
	.first-wrapper , .second-wrapper
	{
	    padding: 0px 0px 40px;
	    border-bottom: 1px solid #ddd;
	}
	.second-wrapper .event-caption
	{
		padding-left: 0px;
	}
	.event-pic img
	{
		margin-top: 20px;
	}
	.banner, .aboutop
	{
		padding:20px 0px;
	}
	.banner h3
	{
		font-size: 34px;
	    margin-bottom: 3px;
	}
	.testimonial p
	{
		padding: 0px;
	}
	.testimonial-content:before
	{
		left: -1px;
    	top: -3px;
	}
	.testimonial-content:after
	{
		right: -3px;
   	 	bottom: 3px;
	}
	.bcrumb, .about-founder
	{
		padding:5px;
	}
	.ab-logo:before
	{
		right: -13px;
	}
	.why-heading
	{
		padding: 20px;
		text-align: center;
	}
	.why-outer li
	{
		font-size: 15px;
	}
	.why-inner,.ourvision, .ourmission
	{
		padding: 25px;
	}
	.aboutop h1
	{
		font-size: 24px;
	}
	.aboutop p
	{
		font-size: 15px;
	}
	.about4-box
	{
		padding: 30px;
	}
	.side-heading, .service-block
	{
		padding: 20px 0px;
	}
	.side-heading h1
	{
		font-size: 42px;
		line-height: 55px;
	}
	.con-detail ul
	{
		padding-left: 0px;
	}
	.c-icon
	{
		margin-bottom: 60px;
	}
	.con-detail p
	{
		font-size: 15px;
	}
	.c-icon
	{
		margin-bottom: 57px;
	}
	.story-box img
	{
		margin-top: 0px;
	}
}

@media (min-width: 320px) and (max-width: 568px){

	.blog-post img 
	{
    	height: 230px !important;
    	width: 362px !important;
    }
    .banner-social
	{
		margin-top: 40px;
	}
}

@media (min-width: 375px) and (max-width: 667px){

	.banner-social
	{
		margin-top: 40px;
	}
}

@media (min-width: 768px) and (max-width: 1024px){

	.navbar-brand 
	{
    	padding: 5px 20px 5px;
    }
    .nav>li>a
    {
    	padding: 10px;
    }
    .navbar-nav
    {
    	padding: 15px 0px 15px;
    }
    .slider-section 
	{
	    margin-top: 0px;
	}
	.more-about p
	{
		padding: 0px 0px 30px 0px;
	}

	.more-about
	{
		padding: 30px 0px 0px;
	}
	.ab-img  img
	{
		margin-top: 20px;
	}
	.event-story
	{
		margin-top: 45px;
	}
	.event-story:before
	{
		top: -15px;
	}
	.event-pic 
	{
		margin-right: 12px;
		margin-left: 12px;
	}
	.event-caption p
	{
		font-size: 15px;
   		line-height: 26px;
   		margin-top: 0px;
    	margin-left: 12px;
	}
	.heart-icon
	{
	    top: -170px;
	}
	.first-wrapper
	{
		padding: 0px;
	}
	.second-wrapper .event-caption
	{
		padding-left: 0px;
	}
	.banner-form .form-control
	{
		padding: 6px 0px 6px 12px;
	}
	.banner-form .btn-default
	{
		margin-top: 15px;
	}
	.event-pic img
	{
		margin-top: 50px;
	}
	.bcrumb
	{
		padding: 10px;
	}
	.why-inner p, .ourvision p , .ourmission p
	{
	    font-size: 14px;
	    line-height: 22px;
	}
	.why-inner
	{
		padding: 48px;
	}
	.ourvision, .ourmission
	{
		padding: 40px 20px;
	}
	.about4-box p 
	{
	    color: #565656;
	    line-height: 22px;
	    font-size: 14px;
	}
	.about4-box h4
	{
		font-size: 22px;
	}
	.about4-box 
	{
	    padding: 20px 10px;
	    background: rgba(255,255,255,0.87);
   }
   .about-founder
   {
   		padding: 0px;
   }
   .service-block 
   {
    	padding: 27px;
	}
	.our-ser-bg1
	{
		padding: 29px 0px;
	}
	.con-detail p
	{
		font-size: 15px;
	}
	.c-icon 
	{
	    float: left;
	    margin-bottom: 50px;
	    padding-right: 20px;
	}
}