
/*========== Banner Styles  ==================================================*/

.banner-section1 .carousel{font-family:'Raleway',sans-serif;background:#eaeaec;height:546px;}
.banner-section1 .carousel .item{height:546px;background-repeat:no-repeat;background-position:center;background-size:cover}
.banner-section1 .carousel .carousel-caption{left:0%;right:0%;top:40px;bottom:40px}
.banner-section1 .carousel .carousel-control span{background:#717171;padding:12px 17px;border-radius:50%;position:relative;top:50%}
.banner-section1 .carousel .carousel-control span.sr-only{display:none}
.banner-section1 .carousel .carousel-control.left,.banner-section1 .carousel .carousel-control.right{background-image:none!important;width: 10%;}
.banner-section1 .carousel .carousel-caption .slider-content{padding:55px 20px 0 0;text-align:left}
.banner-section1 .carousel .carousel-caption .large-text{color:#88a832;font-family:'Lato',sans-serif;font-size:46px;font-weight:700;text-shadow:none}
.banner-section1 .carousel .carousel-caption .small-text{color:#221f1f;;font-size:54px;font-weight:700;line-height:62px;margin-top:20px;text-shadow:none}
.banner-section1 .carousel .carousel-caption .small-text2{color:#88a832!important;font-size:54px;font-weight:700;line-height:62px;text-shadow:none}
.banner-section1 .carousel .carousel-caption .slider-btn{display:inline-block;margin-top:45px;margin-left: 20px;}
.banner-section1 .carousel .carousel-caption .slider-btn p:first-child{background:#88a832;padding:10px 42px}
.banner-section1 .carousel .carousel-caption .slider-btn p.center{background:#fff;border-radius:50%;padding:11px 7px;position:absolute;left:255px;margin-top:1px;font-size:17px;color:#88a832;font-weight:bold}
.banner-section1 .carousel .carousel-caption .slider-btn p{float:left}
.banner-section1 .carousel .carousel-caption .slider-btn p:last-child{background:#21201e;padding:10px 42px}
.banner-section1 .carousel .carousel-caption .slider-btn p a{font-size:20px;color:#fff;font-weight:bold}

/*============================================================================*/

.banner-section4{font-family:'Poppins', sans-serif}
.banner-section4 .carousel{height:598px;}
.banner-section4 .carousel .item{height:598px;background-repeat:no-repeat;background-position:center;background-size:cover}
.banner-section4 .carousel .item .slider-caption{position:absolute;bottom:0;width:100%;text-align:center;color:#fff;height:330px;font-size:22px;background:url(./images/banner-bg.png) bottom repeat-x;padding-top:220px}
.banner-section4 .carousel .item .slider-caption span{display:block;font-size:54px;text-transform:uppercase;font-weight:600;line-height:1}
.banner-section4 .carousel .carousel-control.left,.banner-section4 .carousel .carousel-control.right{background-image:none!important;width:100px}
.banner-section4 .carousel .carousel-control span{background:transparent;padding:6px 13px;position:relative;top:42%;color:#fff;font-size:26px;border:solid 2px #fff;border-radius:50%}
.banner-section4 .carousel .carousel-control span.sr-only{display:none}

/*=======================================================================*/
/*--------------- RESPONSIVE START ----------------*/


/* medium devices - 992px to 1199px */
@media only screen and (max-width :1199px) {
	
    .banner-section1 .carousel{height:425px}
	.banner-section1 .carousel .item{height:425px}
	.banner-section1 .carousel .carousel-caption .slider-content{padding:15px 20px 0 0}
	.banner-section1 .carousel .carousel-caption .large-text{font-size:38px}
	.banner-section1 .carousel .carousel-caption .small-text{font-size:46px;line-height:52px;margin-top:15px}
	.banner-section1 .carousel .carousel-caption .small-text2{font-size:46px;line-height:52px}

	/*=======================================================================*/
	
	.banner-section4 .carousel{height:458px}
	.banner-section4 .carousel .item{height:458px}
	.banner-section4 .carousel .item .slider-caption{font-size:18px;height:280px;padding-top:200px}
	.banner-section4 .carousel .item .slider-caption span{font-size:43px}

	/*=======================================================================*/
	

}
/* end medium devices */


/* small devices - 768px to 991px */
@media only screen and (max-width :991px) {	
	
	.banner-section1 .carousel{height:380px}
	.banner-section1 .carousel .item{height:380px}
	.banner-section1 .carousel .carousel-caption .slider-content{padding-top:0}
	.banner-section1 .carousel .carousel-caption .large-text{font-size:32px}
	.banner-section1 .carousel .carousel-caption .small-text{font-size:38px;line-height:44px;margin-top:10px}
	.banner-section1 .carousel .carousel-caption .small-text2{font-size:38px;line-height:44px}
	.banner-section1 .carousel .carousel-caption .slider-btn{margin-top:25px}
	.banner-section1 .carousel .carousel-caption .slider-btn p:first-child{padding:10px 25px}
	.banner-section1 .carousel .carousel-caption .slider-btn p.center{font-size:12px;left:190px}
	.banner-section1 .carousel .carousel-caption .slider-btn p:last-child{padding:10px 25px}
	.banner-section1 .carousel .carousel-caption .slider-btn p a{font-size:15px}

	/*=======================================================================*/
	
	.banner-section4 .carousel{height:360px}
	.banner-section4 .carousel .item{height:360px}
	.banner-section4 .carousel .item .slider-caption{height:140px;background-position-y:top;background-size:contain;padding-top:60px;font-size:15px}
	.banner-section4 .carousel .item .slider-caption span{font-size:36px}
		
	/*=======================================================================*/
	
	
}
/* end small devices */


/* extra small devices - 480px to 767px */
@media only screen and (max-width :767px) {	
	
	.banner-section1 .carousel .item{height:245px}
	.banner-section1 .carousel{height:245px}
	.banner-section1 .carousel .carousel-caption{top:15px;bottom:15px}
	.banner-section1 .carousel .carousel-caption .slider-content{padding:0 10px;/*! text-align: center; */}
	.banner-section1 .carousel .carousel-caption .large-text{font-size:28px}
	.banner-section1 .carousel .carousel-caption .small-text{font-size:30px;line-height:36px}
	.banner-section1 .carousel .carousel-caption .small-text2{font-size:30px;line-height:36px;margin-left:5px}
	.banner-section1 .carousel .carousel-caption .slider-btn{margin-top:15px;margin-left:15px}
	.banner-section1 .carousel .carousel-caption .slider-btn p:first-child{padding:8px 22px 8px 14px}
	.banner-section1 .carousel .carousel-caption .slider-btn p:last-child{padding:8px 14px 8px 22px}
	.banner-section1 .carousel .carousel-caption .slider-btn p a{font-size:13px}
	.banner-section1 .carousel .carousel-caption .slider-btn p.center{font-size:10px;left:164px;padding:11px 8px;margin-top:0}

	/*=======================================================================*/
	
	.banner-section4 .carousel{height:270px}
	.banner-section4 .carousel .item{height:270px}
	.banner-section4 .carousel .item .slider-caption span{font-size:28px}
	.banner-section4 .carousel .item .slider-caption{font-size:12px;height:100px;padding-top:40px}
	
	/*=======================================================================*/	
		
	
}
/* end extra small devices */


/* extra-extra small devices - 0px to 479px */
@media only screen and (max-width :479px) {	  
		
	.banner-section1 .carousel{height:200px}
	.banner-section1 .carousel .item{height:200px;background:none!important}
	.banner-section1 .carousel .carousel-caption{top:5px;bottom:5px}
	.banner-section1 .carousel .carousel-caption .slider-content{padding:0;text-align:center}
	.banner-section1 .carousel .carousel-caption .large-text{font-size:26px}
	.banner-section1 .carousel .carousel-caption .small-text{font-size:24px;line-height:28px}
	.banner-section1 .carousel .carousel-caption .small-text2{font-size:24px;line-height:28px;margin-left:initial}
	.banner-section1 .carousel .carousel-caption .slider-btn{margin:15px auto 0}
	.banner-section1 .carousel .carousel-caption .slider-btn p.center{left:46%}
	.banner-section1 .carousel .carousel-control span{padding:5px 10px}

	/*=======================================================================*/
	
	.banner-section4 .carousel{height:220px}
	.banner-section4 .carousel .item{height:220px}
	.banner-section4 .carousel .carousel-control.left,.banner-section4 .carousel .carousel-control.right{width:50px}
	.banner-section4 .carousel .carousel-control span{padding:2px 9px 2px 8px}

	/*=======================================================================*/
	
}
/* end extra-extra small devices */

