/*----------------------max-width 1400px----------------------*/

@media screen and (max-width: 1400px) {
/*.banner-content {
	padding: 50px 0px;
}
.slider.style-2 .banner-content {
	padding: 50px 0 30px 0;
}
*/
	

/*----------------------max-width 1199px----------------------*/

@media screen and (max-width: 1199px) {
 .banner-content [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
 font-size: 70px;
}
 .banner-content h2 {
 font-size: 54px;
}
 .banner-content h3 {
 font-size: 26px;
}
 .banner-content p {
 margin: 0 auto 40px auto;
}
}

/*----------------------max-width 990px----------------------*/

@media screen and (max-width: 990px) {
.banner-content [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
	font-size: 65px;
}
.banner-content h3 {
	font-size: 24px;
}
.banner-content h2 {
	font-size: 50px;
}
.banner-content p {
	width: 520px;
	font-size: 14px;
}
.button {
	padding: 10px 40px;
	font-size: 14px;
}
}

/*----------------------max-width 860px----------------------*/

@media screen and (max-width: 860px) {
.button-prev {
	left: 2px;
}
.button-next {
	right: 2px;
}
.button-next, .button-prev {
	color: #f5f5f5;
	background-color: rgba(255,185,2,.9);
}
}


/*----------------------max-width 768px----------------------*/

@media screen and (max-width: 767px) {
.banner-content h3 {
	font-size: 22px;
}
.banner-content h2 {
	font-size: 38px;
}
.banner-content p {
	width: 100%;
	font-size: 14px;
	padding: 0 100px;
}
.button-group .button {
	margin-bottom: 10px;
}

}

 
/*----------------------max-width 640px----------------------*/

@media screen and (max-width: 640px) {
.carousel-control span {
	line-height: 32px;
	font-size: 20px;
}
.carousel-control {
	width: 32px;
	height: 32px;
}
.banner-content p {
	padding: 0;
	margin-bottom: 20px;
}
.banner-content h3 {
	font-size: 20px;
	margin-bottom: 20px;
}
.banner-content h2 {
	font-size: 34px;
}
.button {
	padding: 10px 30px;
	font-size: 12px;
}
.section-head p {
	width: 100%;
	padding: 0;
}
.section-head h2, .section-head [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
	margin-bottom: 10px;
	font-size: 48px;
}
 
.banner-content {
	padding: 80px 15px;
}

.style-2 .banner-content {
	/* padding: 140px 50px 120px 50px; */
	padding: 50px 50px 40px 50px;
}
.style-2 .banner-content h3 {
	font-size: 26px;
}
}


/*----------------------max-width 480px----------------------*/

@media screen and (max-width: 480px) {
.banner-content h2 {
	font-size: 32px;
}
.banner-content h3 {
	font-size: 18px;
	margin-bottom: 15px;
}
.carousel-control {
	display: none;
}
.style-2 .carousel-control {
	display: block;
}
.style-2 .banner-content {
	padding: 50px 30px 30px 30px;
}
.button-group .button {
	padding: 0 10px;
}
.button-group .button {
	font-size: 12px;
	padding: 8px 20px;
}
.coupon {
	overflow: hidden;
}
.coupon .input-box {
	padding: 9px 0px 9px 10px;
	width: 50%;
	float: left;
}
.coupon .button {
	padding: 7px 10px 9px 10px;
	width: 50%;
	float: left;
}
}


/*----------------------max-width 360px----------------------*/

@media screen and (max-width: 360px) {
.banner-content h2 {
	font-size: 26px;
}
.banner-content p {
	font-size: 12px;
}
.banner-content p {
	display: none;
}
.style-2 .banner-content h3 {
	font-size: 20px;
}
.style-2 .banner-content h2 {
	font-size: 30px;
	margin-bottom: 20px;
}
}