/*============ Bootstrap Media Queries ===========*/

/*--------- Large Devices ---------*/
@media (min-width: 1200px) {
	#projects {
		padding: 80px 0;
	}
	#lefttext-section-home {
		padding: 100px 0;
	}
	#lefttext-section-home img {
		width: 100%;
		height: auto;
		max-height: none;
		object-fit: cover;
	}
}

/*--------- Medium Devices ---------*/
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar {
		background: rgba(0, 0, 0, 0.7);
		padding: 0;
	}
	.navbar-nav {
		float: left;
	}
	.dotclass-nav-wrapper {
		padding: 0;
	}
	#about-content-box {
		padding-left: 50px;
	}
	#projects {
		padding: 70px 0;
	}
	#lefttext-section-home {
		padding: 80px 0;
	}
	#lefttext-section-home img {
		width: 100%;
		height: auto;
		max-height: none;
		object-fit: cover;
	}
}

/*--------- Small Devices ---------*/
@media (min-width: 768px) and (max-width: 991px) {
	.navbar,
	.dotclass-nav-wrapper {
		background: rgba(0, 0, 0, 0.7);
		padding: 0;
	}
	.navbar-nav {
		float: left;
	}
	#about-bg-diagonal {
		width: 100%;
		height: 350px;
		border: none;
		background-image: url("../img/bg-about.jpg");
		background-size: cover;
		background-position: center;
	}
	#about-content-box {
		width: 100%;
		height: auto;
		padding-left: 50px;
	}
	.stats-item {
		padding: 20px 0;
	}
	#footer-copyrights {
		text-align: center;
	}
	#projects {
		padding: 60px 0;
	}
	#lefttext-section-home {
		padding: 60px 0;
	}
	#lefttext-section-home h2 {
		font-size: 28px;
	}
	#lefttext-section-home p {
		font-size: 16px;
	}
	#lefttext-section-home img {
		width: 100%;
		height: auto;
	}
}

/*--------- Extra Small Devices ---------*/
@media (max-width: 767px) {
	.navbar,
	.dotclass-nav-wrapper {
		background: rgba(0, 0, 0, 0.7);
		padding: 0;
	}
	.navbar-nav {
		float: left;
	}
	#home-heading h3 {
		font-size: 24px;
	}
	.btn-general {
		padding: 6px 22px;
	}
	.service-item,
	.service-item-desc {
		margin-left: 15%;
	}
	#about {
		position: relative;
		padding-bottom: 50px;
	}
	#about::after {
		content: "";
		display: table;
		clear: both;
	}
	#about-bg-diagonal {
		width: 100%;
		height: 350px;
		border: none;
		background-image: url("../img/bg-about.jpg");
		background-size: cover;
		background-position: center;
		background-attachment: scroll;
		float: none;
	}
	#about-content-box {
		width: 100%;
		height: auto;
		padding: 30px 20px;
	}
	.img-wrapper img {
		min-width: 100%;
	}
	.testimonial blockquote {
		padding: 6px 50px;
	}
	.testimonial blockquote:before {
		left: 10px;
	}
	.testimonial blockquote:after {
		right: 10px;
	}
	.testimonial blockquote p {
		font-size: 14px;
	}
	.stats-item {
		padding: 20px 0;
	}
	#footer-copyrights {
		text-align: center;
	}
	#projects {
		padding: 40px 0;
	}
	#projects h2 {
		font-size: 24px;
		text-align: center;
		margin-bottom: 20px;
	}
	.project-item {
		margin-bottom: 20px;
		text-align: center;
	}
	.project-item img {
		width: 100%;
		height: auto;
	}
	#lefttext-section-home {
		padding: 40px 0;
		text-align: center;
	}
	#lefttext-section-home h2 {
		font-size: 24px;
		margin-bottom: 15px;
	}
	#lefttext-section-home p {
		font-size: 15px;
		line-height: 1.6;
		padding: 0 10px;
	}
	#lefttext-section-home img {
		width: 100%;
		height: auto;
		margin-top: 20px;
	}
}

/*--------- Extra Small Devices (max 480px) ---------*/
@media (max-width: 480px) {
	#projects {
		padding: 30px 0;
	}
	.project-item {
		margin-bottom: 15px;
	}
	#lefttext-section-home {
		padding: 30px 0;
	}
}

/*--------- Tiny Devices (max 320px) ---------*/
@media (max-width: 320px) {
	.service-item-icon i {
		width: 58px;
		height: 58px;
		padding: 7px;
	}
	.service-item-title h3 {
		font-size: 17px;
	}
	#about-content-box {
		margin-top: 40px;
	}
	.textimonial img {
		max-width: 80px;
	}
	.testimonial blockquote {
		padding: 6px 30px;
	}
	.testimonial blockquote:before {
		left: 7px;
	}
	.testimonial blockquote:after {
		right: 7px;
	}
	#projects h2 {
		font-size: 20px;
	}
	#lefttext-section-home h2 {
		font-size: 20px;
	}
	#lefttext-section-home p {
		font-size: 14px;
	}
}