/* Smart Phones And Tablets */
@media (max-width: 767px)
{
	.header.header-colored .navbar-nav li.active a:after{width: 100%;}
    
    .header .navbar-nav { float: none; background-color: #fff; }
    
	.header.header-colored .navbar-nav li a,
	.header .navbar-nav li a { padding: 10px 10px; color: #222; }	
	
	h1{font-size: 33px; line-height: 35px;}
	h2{font-size: 28px; line-height: 38px;}
	h3{font-size: 25px; line-height: 33px;}
	h4{font-size: 22px; line-height: 28px;}
	h5{font-size: 18px; line-height: 22px;}
	h6{font-size: 16px; line-height: 20px;}
	
	.box-padding{padding: 80px 20px;}
	
	.how-work .image-back-50-left,
	.features .image-back-50-right,
	.skills-area .image-back-50-left,
	.contact-area .box .image-back-50-left{position: relative; height: 400px; left: 0; width: 100%; right: 0; }

	
	.main-title{font-size: 28px;}
	
	.creative-area p{margin-right: 10%;}
	
	.testimonials .single-review p,
	.video-area p{margin: 0 10%;}
	
	.brands-area img{padding: 10px;}
	
	
	.blog-content .post-details .first-comment img,
	.blog-content .post-details .second-comment img{width: 80px;}
	.blog-content .post-details .first-comment .the-comment,
	.blog-content .post-details .second-comment .the-comment{padding-left: 80px;}
	.blog-content .post-details .second-comment{margin-left: 60px;}

}

/* Small Screen */
@media (min-width: 768px) and (max-width: 991px)
{
    .header .navbar-nav li a{ padding: 33px 12px;}
	
	.creative-area p{margin-right: 20%;}
	
	.brands-area img{padding: 50px;}
   
}

/* Medium Screen */
@media (min-width:992px) and (max-width: 1199px)
{ 
   
    .brands-area img{padding: 20px;}

}

/* Large Screen */
@media (min-width:1200px)
{
}