/*============bootstrap media queries===========*/
/*---------large device-------*/
@media (min-width:1200px) {
	/*everything is ok for screen size is greater than 1200px */
}

/*---------meadium device-------*/
@media (min-width:992px) and (max-width:1199px) {
	.navbar {
		background: rgba(0, 0, 0, .7);
		padding: 0;
	}

	.navbar-nav {
		float: left;
	}


	.dotclass-nav-wrapper {
		padding: 0;
	}

	#about-content-box {
		padding-left: 50px;
	}

}

/*---------small device-------*/
@media (min-width:768px) and (max-width:991px) {
	.navbar-nav {
		float: left;
	}

	.navbar {
		background: rgba(0, 0, 0, .7);
		padding: 0;
	}


	.dotclass-nav-wrapper {
		padding: 0;
	}

	/*about section remove diagonal border*/
	#about-bg-diagonal {
		border-left: 0;
		border-top: 0px;
		width: 100%;
		height: 350px;
	}

	#about-content-box {
		width: 100%;
		height: 350px;
		padding-left: 50px;
	}

	.stats-item {
		padding: 20px 0;

	}

	#footer-copyrights {
		text-align: center;
	}
}

/*---------extra small device-------*/
@media (max-width:767px) {
	.navbar-nav {
		float: left;
	}

	.navbar {
		background: rgba(0, 0, 0, .7);
		padding: 0;
	}

	.dotclass-nav-wrapper {
		padding: 0;
	}

	#home-heading h3 {
		font-size: 24px;
	}

	.btn-general {
		padding: 6px 22px 6px 22px;
	}

	.service-item,
	.service-item-desc {
		margin-left: 15%;
	}

	#about-bg-diagonal {
		border-left: 0;
		border-top: 0px;
		width: 100%;
		height: 350px;
	}

	#about-content-box {
		width: 100%;
		height: 350px;
		padding-left: 50px;
	}

	/*work*/
	.img-wrapper img {
		min-width: 100%;
	}

	/*testimonial section*/
	.testimonial blockquote {
		padding: 6px 50px;
	}

	.testimonial blockquote:before {
		left: 10px;
	}

	.testimonial blockquote:after {
		right: 10px;
	}

	.testimonial blockquote p {
		font-size: 14px;
	}

	/*states section*/
	.stats-item {
		padding: 20px 0;
	}

	#footer-copyrights {
		text-align: center;
	}
}

/*---------extra small device-------*/

@media (max-width:480px) {

	/*all ok*/
}

/*---------extra small device-------*/
@media (max-width:320px) {

	/*services section*/
	.service-item-icon i {
		width: 58px;
		height: 58px;
		padding: 7px;

	}

	.service-item-title h3 {
		font-size: 17px;
	}

	#about-content-box {
		margin-top: 40px;
	}

	/*testimonial section*/
	.textimonial img {
		max-width: 80px;
	}

	.testimonial blockquote {
		padding: 6px 30px;
	}

	.testimonial blockquote:before {
		left: 7px;
	}

	.testimonial blockquote:after {
		right: 7px;
	}


}