/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {



}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
.mainmenu-main li a {
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0;
	padding: 16px 5px;
	transition: .2s;
	font-size: 13px;
}
.section-img {
	width: 380px;
}
.header-top-right {
	float: right;
	padding-right: 0;
}

}



 
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.form-box {
	margin-left: 0;
}
.hero-text {
	padding-top: 30px;
}
.section-img {
	width: 350px;
}

.common-text p {
	font-size: 16px;
}
.common-text h3 {
	font-size: 24px;
	letter-spacing: .4px;
}
.theme-btn {
	font-size: 16px;
	letter-spacing: .5px;
}
.common-area-two h2 {
	font-size: 36px;
}
.common-area-two h1 {
	font-size: 50px;
}

.common-area-two p {
	font-size: 17px;
	color: #fff;
	padding-right: 50px;
}
.theme-btn.btn-large {
	font-size: 18px;
}
.common-text h2 {
	font-size: 28px;
}
.testimonial-box h2 {
	font-size: 28px;
	margin-bottom: 20px;
}

.testimonial-box p {
	font-size: 16px;
}
.person {
	width: 290px;
}

.promo-area h2 {
	font-size: 22px;
}
.footer-logo .header-top-left {
	max-width: 250px;
	margin: 0 auto;
}









}
 

/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {

.footer-logo .header-top-left {
	max-width: 250px;
	margin: 0 auto;
}

.btn-bg {
	display: none !important;
}
.logo h2 {
	font-size: 28px;
	line-height: 40px;
}
.marketing-txt p {
	font-size: 11px;
	letter-spacing: .5px
}
.mean-container .mean-nav {
	position: absolute;
}
.header-top-right a {
	font-size: 12px;
	margin-top: 10px;
	padding: 4px 30px;
	padding-right: 15px;
	margin-left: 0;
}
.hero-text h1 {
	font-size: 40px;
}
.hero-text h2 {
	font-size: 32px;	
	line-height: 32px;
}
.hero-text p {
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0px;
}
.form-box {
	padding: 50px 25px;
	margin-left: 0;
}

.single-box input {
	height: 45px;
}
.brand-area h2 {
	letter-spacing: .5px;
	font-size: 24px;
}
.brand-item {
	display: inline-block;
	margin: 15px;
}
.brand-item img {
	width: 130px;
}
.common-area-two h1 {
	font-size: 28px;
	letter-spacing: 1px;
}
.common-area-two h2 {
	font-size: 24px;
}
.common-area-two p {
	font-size: 16px;
	padding-right: 0;
}
.theme-btn {
	font-size: 16px;
	font-weight: 700;
	padding: 10px 30px;
	margin-top: 25px
}
.service-title h2 {
	font-size: 28px;
}
.service-title h4 {
	font-size: 18px;
	line-height: 25px;
}
.theme-btn.btn-large {
	padding: 11px 35px;
	border-radius: 50px;
	font-size: 18px;
}
.common-text {
	padding-right: 0;
}
.common-text h2 {
	font-size: 28px;
}
.common-text h3 {
	font-size: 18px;
}
.common-text p {
	font-size: 16px;
	letter-spacing: .4px;
	margin-top: 30px;
}
.common-area-two.bgg-two h1 {
	font-size: 40px !important;
}
.bgg-two.common-area-two h2 {
	font-size: 24px;
}
.testimonial-box h2 {
	font-size: 36px;
	line-height: 45px;
}
.testimonial-box p {
	font-size: 16px;
}

.person {
	position: absolute;
	width: 305px;
	bottom: 30%;
	left: -48%;
	opacity: .5;
}
.promo-area h2 {
	font-size: 24px;
	line-height: 35px;
}
.promo-area {
	padding: 35px 0;
}
.common-text {
	padding-right: 0;
	margin-bottom: 350px;
}
	.section-img {
		position: absolute;
		right: unset;
		top: unset;
		width: 300px;
		transform: translate(-50%, -20%);
		bottom: 0;
		left: 50%;
	}
	.mean-container a.meanmenu-reveal {
		margin-top: -73px;
	}
	.header-top-right {
		float: right;
		padding-right: 0;
	}
	.footer-bottom {
		text-align: center;
	}
	.footer-bottom ul {
		float: none;
		margin-top: 20px;
	}
	.footer-bottom li a {
		display: inline-block;
		margin-left: 0;
		color: #c1c2c8;
		margin: 0 15px;
	}
	.marketing-txt p {
		font-size: 10px;
		letter-spacing: .3px;
	}



}





/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

 
}


/* SM Small Device :320px. */
@media only screen and (max-width: 991px) {

	.mean-container .mean-nav {
		float: left;
		width: 100%;
		background: #0c1923;
		margin-top: 25px;
		position: absolute;
	}
	.mean-container .mean-bar {

		margin-top: -25px;
	}

}