/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 1201px) and (max-width: 1400px) {

.hero-right {
    padding: 10px 12% 10px 30px; 
}

.hero-cont {
    padding: 10px 30px 10px 10%; 
}


}

/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1200px) {

.hero-right {
    padding: 10px 20% 10px 30px; 
}

.hero-cont {
    padding: 10px 30px 10px 18%; 
}


}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {


.banner-area-2 {
	padding: 50px 0;
}

.banner-2-cont h2 {
	font-size: 22px;
}

.hero-right,
.hero-cont {
	padding: 15px;
	text-align: center;
}


}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {

.banner-area-2 {
	padding: 50px 0;
}

.banner-2-cont h2 {
	font-size: 20px;
}

.happy-area {
    padding: 40px 0;
}

.happy-cont h4 {
	font-size: 21px;
}

.hero-right,
.hero-cont {
	padding: 15px;
	text-align: center;
}

.hero-area {
    padding: 0;
}

.footer-cont h4 {
	font-size: 20px;
}

.social-icon ul li a {
	font-size: 18px;
}

.copy-cont {
	margin-top: 15px;
}


}