/* Below 320px Vertical Small Screen Smartphone */
@media only screen and (max-width: 480px) {
    header .small_heading {padding: 40px  0px;}
    #about .row .col-sm-6 {border-bottom: 1px solid #e8e9e9;}
    #testimonial h3 {margin-bottom: -70px;}
    #blog {padding: 80px 0px 80px;}
    .testimonial_slider .bullets {bottom: 15px;}
}

/* Below 767px Vertical Screen Smartphone */
@media (min-width: 281px) and (max-width: 767px) {
	header{overflow: hidden;}
	header .small_heading h4 {text-align: center;}
	.glitch--style-2 .glitch__img {transform: none;}
	.glitch {overflow: hidden;}
	#service .services_wrap h3  {font-size: 16px;border:2px solid #fff;}
	#service .container h2 , #about h2 , #portfolio .container h2 , #team .container h2 , #blog .container h3 {font-size: 40px;padding: 30px 0px 10px;}
	#testimonial h3 {padding: 6px 0px 10px;margin-bottom: -102px;font-size: 40px;}
	#about .about_wrap h3 {font-size: 22px;}
	#portfolio .container h5 {padding: 0;}
	#portfolio .container h2 {margin-top: 20px;}
	.skills .skills_head {position: relative;top: 10%;left: 0px;text-align: center;}
	.skills .skills_head h2 {font-size: 40px;padding-bottom: 20px;}
	.skills .skills_bg {overflow: hidden;}
	#team div:last-child {position: relative !important;}
	#blog .container .blog_wrap h4 {font-size: 20px;}
	#blog .container .blog_wrap p {font-size: 14px;}
	#blog .container .blog_wrap {position: relative;bottom: 0;top: 0;width: 100%;overflow: hidden;margin-bottom: 10px;}
	#testimonial .testimonial_slider .slides h2 {font-size: 30px;}
	#testimonial .testimonial_slider .slides p {font-size: 16px;}
	footer .address {margin-bottom: 10px;}
	#contact .contact_wrap {position: relative;width: 100%;margin: 45px 0;}
	#contact .contact_wrap .contact_form {box-shadow: none;}
}

/* Below 767px Horizontal Screen Smartphone , Vertical Screen Tablet*/
@media (min-width: 768px) and (max-width: 991px) {
	.glitch {max-width: 250px;}
	#service .services_wrap h3  {font-size: 16px;}
	#blog {padding: 80px 0px 190px;}
	#portfolio .container h2 {font-size: 40px;}
	#portfolio .container h5 {padding: 0px 0px 10px;}
	#blog .container .blog_wrap h4 {font-size: 20px;}
	#blog .container .blog_wrap p {font-size: 14px;}
	#blog .container .blog_wrap {position: relative;bottom: 0;top: 0;width: 100%;overflow: hidden;}
}

/* Below 1200px 13.5 inches laptop or desktop */
@media (min-width: 992px) and (max-width: 1200px) {
	.glitch {max-width: 320px;}
	#blog {padding: 80px 0px 220px;}
}

/* Retina Display */
@media (min-width: 1800px) and (max-width: 2900px) {
	#portfolio {padding: 80px 0 0 0;}
	.skills .skills_bg i{width: 131px;}
}