.promo-maxwidth
{
  max-width: 960px;
  margin: 20px auto;
}

.slick-prev, .slick-next
{
  border: 0px;
  outline: 0px;
  background-color: #000000;
  background-repeat: no-repeat!important;
  background-position: 50%!important;
  text-indent: -9999px;
  width: 36px;
  height: 36px;
  z-index: 50;
  top: 50%;
  border-radius: 4px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  cursor: pointer;
  transition: .3s ease;
}

.promoproducts:hover .slick-prev,
.promoproducts:hover .slick-next
{
  opacity: 1;
}

.slick-prev:hover,
.slick-next:hover
{
  opacity: 1;
  background-color: #eb0000!important;
}

.slick-prev:active,
.slick-next:active
{
  background-color: #a1050d;
  background-position: 50%;
}


.slick-prev
{
  left: 0px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3E!Icon / Angle--Right / FFF%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E%3C/defs%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='!Icon-/-Angle--Right-/-FFF' stroke-width='2' stroke='%23FFFFFF'%3E %3Cg id='Icon-/-Angle--Right-/-FFF'%3E %3Cpolyline id='angle' points='8 3 16.25075 12 8 21'%3E%3C/polyline%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E")!important;
  background-size: 66.7% auto;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-transform: translateY(-50%) scaleX(-1);
  transform: translateY(-50%) scaleX(-1);
}
.slick-next
{
  right: 0px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3E!Icon / Angle--Right / FFF%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E%3C/defs%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='!Icon-/-Angle--Right-/-FFF' stroke-width='2' stroke='%23FFFFFF'%3E %3Cg id='Icon-/-Angle--Right-/-FFF'%3E %3Cpolyline id='angle' points='8 3 16.25075 12 8 21'%3E%3C/polyline%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E")!important;
  background-size: 66.7% auto;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.promoproducts
{
  overflow: hidden;
}
.promoproducts > div,
.slick-track > div
{
  padding-left: 20px;
  padding-right: 20px;

	text-align: left;
	
	float: left;
    box-sizing: border-box;
    width: 25%;
}

.promoproducts img {
  max-width: 100%;
  margin-bottom: 12px;
}

.promoproducts p
{
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 12px;
}
    
#shop-home-top-prod h2
{
    color: #000;
    font-size: 22px!important;
    line-height: 1.2;
    margin: 0;
    font-weight: 700;
    padding: 48px 0 32px;
}


.col-xxs-24
{
    width: 100%;
}

.col-xxs-12
{
    width: 50%;
}

.col-xxs-6
{
    width: 25%;
}

@media (min-width: 524px)
{
	.col-xs-24
	{
	    width: 100%;
	}

	.col-xs-12
	{
	    width: 50%;
	}

	.col-xs-6
	{
	    width: 25%;
	}
}

@media (min-width: 640px)
{
	.col-sm-24
	{
	    width: 100%;
	}

	.col-sm-12
	{
	    width: 50%;
	}

	.col-sm-6
	{
	    width: 25%;
	}
}

@media (min-width: 1024px)
{
	.col-md-24
	{
	    width: 100%;
	}

	.col-md-12
	{
	    width: 50%;
	}

	.col-md-6
	{
	    width: 25%;
	}
}


@media (min-width: 1280px)
{
	.col-lg-24
	{
	    width: 100%;
	}

	.col-lg-12
	{
	    width: 50%;
	}

	.col-lg-6
	{
	    width: 25%;
	}
}


.caret-black-16, .caret-black-16:active {
    background: transparent url(https://www.cvs.com/bizcontent/groupby/images/general/caret-black.png) no-repeat scroll right;
    background-size: 7px 12px;
    font-weight: 600;
    padding: 0px 14px 0 0;
    color: #000000 !important;
    text-decoration: none !important;
}    
    

.caret-black-16:hover {
    background: transparent url(https://www.cvs.com/bizcontent/groupby/images/general/caret-red.png) no-repeat scroll right;
    background-size: 7px 12px;
}    
    
