
/* ------ Places padding between middle slides and not around first and last slides ----- */
.standard_carousel .slick-slide {
  margin: 0 23px;
}

.standard_carousel .slick-list {
  margin: 0 -23px;
}

/* ------ Previous Next navigation ----- */
.standard_carousel .slick-prev:before,
.standard_carousel .slick-next:before {
    color: #000000;
}


/* ------ Images ----- */
.standard_carousel .slick-track img {
   width: inherit;
}



/* ------ Navigation dots ----- */

.standard_carousel .slick-dots  {
    bottom: -51px;
}

.standard_carousel .slick-dots li {
    /* background-color: #FFFFFF; */
	background: transparent;
	top 0px;
}


.standard_carousel .slick-dots li {
    top: 0px;
	width: 15px;
}

.standard_carousel .slick-dots li button {
    top 0px;
	background-color: #A8A8A8;
	border-radius: 12px;
	height: 12px;
	width: 12px;
}

.standard_carousel .slick-dots li.slick-active button{
	background-color: #FFFFFF;
}


.standard_carousel .slick-dots li.slick-active button:before{
	background-color: #55AF58;
	color: #55AF58;
	/* For making the active dot larger than other dots */
	/* height: 14px;
	width: 14px;
	border-radius: 14px;
	top: -1px;*/
	height: 12px;
	width: 12px;
	border-radius: 12px;
	top: 0px;
}

.standard_carousel .slick-dots li button:before,
.standard_carousel .slick-dots li.slick-active button:before {
    border: 0px solid #ffffff;
	content: '';
}


/* ------ Previous Next Buttons ----- */
.standard_carousel .slick-prev {
    left: -38px;
}

.standard_carousel .slick-next {
    right: -38px;
}


.standard_carousel .slick-prev:before {
    content: url(../images/slide_prev_arrow_v2.png);
}

.standard_carousel .slick-next:before {
    content: url(../images/slide_next_arrow_v2.png);
}



@media (max-width: 991px) {
	
	.standard_carousel .slick-slide {
	  margin: 0 10px;
	}

	.standard_carousel .slick-list {
	  margin: 0 -10px;
	}

}



@media (max-width: 768px) {
	
	.standard_carousel .slick-track {
		height: inherit;
	}
	
	.standard_carousel .slick-dots  {
		bottom: -45px;
	}
	
	.standard_carousel.slide_top_nav_dots .slick-dots  {
		top: 45px;
	}
	
	.standard_carousel .slick-next {
		display: none !important;
	}
	
}


@media (max-width: 500px) {
	
	.standard_carousel .slick-dots  {
		bottom: -35px;
	}
	
}

