/* Medium Layout: 1280px. */
/* :root {
	--primary: #07523d;
} */

/* .color-main {
	background: var(--primary) !important;
}

.graphbtn a {
	border: 1px solid var(--primary) !important;
	background: var(--primary) !important;
}
.contentBoxHeader {
	background: var(--primary) !important;
}

.contentBoxFooter {
	background: var(--primary) !important;
}
.nav-item a {
	color: var(--primary) !important;
}

.footer-area {
	background: var(--primary) !important;
} */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	h5.textSub {
		text-align: left;
		font-size: 2em;
	}

	i.fas.fa-arrow-up {
		font-size: 45px;
		padding-left: 0px;
		margin-left: 0;
	}
	.contentMain {
		padding-top: 55px;
	}
	.colmd3 {
		width: 25%;
		text-align: right;
	}
}
/* Tablet & mobile Layout: 768px. */
@media only screen and (max-width: 991px) {
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	h5.textSub {
		font-size: 1.2em;
		position: relative;
		margin: 0;
		margin-top: 0;
		text-align: left;
	}
	h5.textSub span {
		font-size: 11px;
		position: absolute;
		top: 3px;
		font-weight: 400;
	}
	i.fas.fa-arrow-up {
		font-size: 40px;
		padding-left: 0;
	}
	.contentMain {
		min-height: 120px;
		padding-top: 48px;
	}
	.contentBoxHeader h4 {
		padding: 12px;
		font-size: 15px;
	}
	.contentBoxFooter {
		padding: 12px;
		font-size: 15px;
	}
	i.fas.fa-arrow-up {
		font-size: 25px;
		padding-left: 0;
	}
	.colmd4 img {
		width: 45px;
	}
	.colmd3 {
		text-align: right;
	}
	h5.textSub {
		font-size: 1.2em;
		position: relative;
		margin: 0;
		margin-top: 0;
		text-align: left;
	}
}
/* Mobile Layout: 320px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {
	h5.textSub {
		font-size: 1.2em;
		position: relative;
		margin: 0;
		margin-top: 0;
		text-align: left;
	}
	h5.textSub span {
		font-size: 11px;
		position: absolute;
		top: 3px;
		font-weight: 400;
	}
	i.fas.fa-arrow-up {
		font-size: 40px;
		padding-left: 0;
	}
	.contentMain {
		min-height: 120px;
		padding-top: 50px;
	}
	i.fas.fa-arrow-up {
		font-size: 25px;
		padding-left: 0;
	}
	.colmd4 img {
		width: 45px;
	}
	.colmd3 {
		text-align: right;
	}
	.contentBoxHeader h4 {
		padding: 12px;
		font-size: 15px;
	}
	.contentBoxFooter {
		padding: 12px;
		font-size: 15px;
	}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 240px) and (max-width: 767px) {
}

@media only screen and (min-width: 200px) and (max-width: 550px) {
	.clientarea,
	.header-fixed,
	#myTab,
	footer {
		display: none !important;
	}
}