/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1280px) {


}
@media (min-width: 992px){
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
		float: left;
	}
}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 767px) and (max-width: 991px) {
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
		float: left;
	}
		
	.navbar-b.navbar-trans .nav-item, .navbar-b.navbar-reduce .nav-item {
		padding-right: 5px;
	}
	.counter-single-item {
		margin-bottom: 45px;
	}
	.price-area .item {
		margin-bottom: 30px;
	}
	.blog-item {
		margin-bottom: 30px;
	}

}



@media only screen and (max-width: 767px) {
	.header-text h1 {
		font-size: 35px;
	}
	.header-text p {
		font-size: 14px;
	}
	.counter-single-item {
		margin-bottom: 45px;
	}
	.price-area .item {
		margin-bottom: 30px;
	}
	.blog-item {
		margin-bottom: 30px;
	}
	div#progress-container {
		margin-top: 30px;
	}
	.testimonial-area .citem p {
		padding: 0 15px;
	}
	.f-item {
		margin-bottom: 30px;
	}
}



@media only screen and (max-width: 479px) {
	.header-text h1 {
		font-size: 30px;
	}
	.header-text p {
		font-size: 14px;
	}

	.counter-single-item {
		margin-bottom: 45px;
	}
	.price-area .item {
		margin-bottom: 30px;
	}
	.blog-item {
		margin-bottom: 30px;
	}
	
	div#progress-container {
		margin-top: 30px;
	}
	.testimonial-area .citem p {
		padding: 0 15px;
	}
	.f-item {
		margin-bottom: 30px;
	}
}


@media screen and (max-width: 320px) and (min-width: 0px){
	.header-text h1 {
		font-size: 25px;
	}
	.header-text .button {
		margin-bottom: 20px;
		margin-right: 0;
	}
	.header-text p {
		font-size: 14px;
	}
	.counter-single-item {
		margin-bottom: 45px;
	}
	.price-area .item {
		margin-bottom: 30px;
	}
	.blog-item {
		margin-bottom: 30px;
	}
	
	div#progress-container {
		margin-top: 30px;
	}
	.testimonial-area .citem p {
		padding: 0 15px;
	}
	.f-item {
		margin-bottom: 30px;
	}
	.portfolio-area .filtering span {
		margin: 10px;
	}
}