.jcarousel-wrapper{}

/** Carousel **/
.jcarousel{position:relative; overflow:hidden; width:100%;}
	.jcarousel ul {
		width: 85% !important;
		list-style: none;
		margin: 0 auto;
		padding: 0;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.jcarousel li {
		width: 19% !important;
		height: auto;
		float: left;
		text-align: center;
		margin: 3%;
		padding: 0;
	}
		.jcarousel li div {
			border-radius: 20px;
			width: 100%;
			height: auto;
			background: #FFFFFF;
			float: left;
			text-align: center;
			margin: 0;
			padding: 0;
			font-size: 13px;
			color: #FF0000;
		}
		.jcarousel li span.imgspan {
			width: 90%;
			height: auto;
			display: block;
			text-align: center;
			margin: 9% auto 0 auto;
			padding: 0;
			font-family: Helvetica;
			font-size: 18px;
			font-weight: 700;
			color: #000000;
			position: relative;
		}
			.jcarousel li span.imgspan img {
				width: 100%;
				height: 200px;
				object-fit: cover;
				margin: 0 auto;
			}
		.jcarousel li div.price {
			position: relative;
			width: 100%;
			height: auto;
			float: left;
			text-align: center;
			margin: 0;
			padding: 0;
			font-family: var(--font-family);
			font-size: 18px;
			font-weight: 700;
			color: #000000;
			padding-bottom: 35px;
		}
			.jcarousel li div.price p {
				text-align: center;
				width: 65%;
				font-family: var(--font-family);
				font-size: 17px;
				font-weight: 500;
				color: #235590;
				padding: 0;
				margin: 0 auto;
				float: none;
			}
			.jcarousel li span.pricespan {
				width: 90%;
				height: auto;
				float: left;
				text-align: center;
				margin: 0;
				padding: 2% 5%;
				font-family: 'Source Sans Pro', sans-serif;
				font-size: 23px;
				font-weight: 600;
				color: #17135C;
			}
			.jcarousel li span.pricespan a:link, .jcarousel li span.pricespan a:visited {
				width: 90%;
				height: auto;
				float: left;
				text-align: center;
				margin: 0;
				padding: 2% 5%;
				font-family: 'Source Sans Pro', sans-serif;
				font-size: 23px;
				font-weight: 600;
				text-decoration: none;
				color: #17135C;
				opacity:1;
			}
.jcarousel li span.pricespan a:hover{opacity:0.8;text-decoration:underline;}
.jcarousel li span.pricespan strong{width:90%; height:auto; float:left; text-align:center; margin:5px 0 0 0; padding:2% 5%; font-size:16px; font-weight:700; color:#878787;}

/** Carousel Controls **/
.jcarousel-control-prev{position:absolute; top:120px; left:0; width:30px; height:180px; cursor:pointer; background:transparent url(..https://res.cloudinary.com/dipljmruh/image/upload/c_fill,f_auto,q_auto/images/general/prev-horizontal.png) top no-repeat; text-indent:-9999px;}
.jcarousel-control-prev{left:0;}
.jcarousel-control-next{position:absolute; top:120px; right:0; width:30px; height:180px; cursor:pointer; background:transparent url(..https://res.cloudinary.com/dipljmruh/image/upload/c_fill,f_auto,q_auto/images/general/next-horizontal.png) top no-repeat; text-indent:-9999px;}
.jcarousel-control-next{right:0;}

/* BRANDS Carousel */
.jcarousel2{position:relative; overflow:hidden; width:920px; margin:10px 40px 0 40px;}
.jcarousel2 ul{width:20000em; position:relative; list-style:none; margin:0; padding:0;}
.jcarousel2 li{width:140px; height:auto; float:left; text-align:center; margin:0 7px 0 6px; padding:0;}

/* Carousel Controls */
.jcarousel-control-prev2{position:absolute; top:15px; left:0; width:20px; height:60px; cursor:pointer; background:transparent url(..https://res.cloudinary.com/dipljmruh/image/upload/c_fill,f_auto,q_auto/images/general/prev-horizontal2.png) top no-repeat; text-indent:-9999px;}
.jcarousel-control-prev2{left:10px;}
.jcarousel-control-next2{position:absolute; top:15px; right:0; width:20px; height:60px; cursor:pointer; background:transparent url(..https://res.cloudinary.com/dipljmruh/image/upload/c_fill,f_auto,q_auto/images/general/next-horizontal2.png) top no-repeat; text-indent:-9999px;}
.jcarousel-control-next2{right:10px;}

/** Carousel Pagination **/
.jcarousel-pagination{position:absolute; bottom:-40px; left:50%; -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); transform:translate(-50%, 0); margin:0;}
.jcarousel-pagination a{text-decoration:none; display:inline-block; font-size:11px; height:10px; width:10px; line-height:10px; background:#FFFFFF; color:#4E443C; border-radius:10px; text-indent:-9999px; margin-right:7px; -webkit-box-shadow:0 0 2px #4E443C; -moz-box-shadow:0 0 2px #4E443C; box-shadow:0 0 2px #4E443C;}
.jcarousel-pagination a.active{background:#4E443C; color:#FFFFFF; opacity:1; -webkit-box-shadow:0 0 2px #F0EFE7; -moz-box-shadow:0 0 2px #F0EFE7; box-shadow:0 0 2px #F0EFE7;}

@media only screen and (min-width:0px) and (max-width:479px){
	.productjquery p {
		font-size: 22px;
	}
	.productjquery span.PJspan {
		font-size: 36px;
	}
	.jcarousel ul {
		width: 80% !important;
	}
	.jcarousel li {
		width: 90% !important;
	}
	.product-submit {
		height: 35px;
		width: 30px;
		bottom: 10%;
	}
}
@media only screen and (min-width:480px) and (max-width:767px){
	.jcarousel li {
		width: 44% !important;
	}
		.jcarousel li span.pricespan a:link, .jcarousel li span.pricespan a:visited {
			font-size: 17px;
			bottom: 9%;
		}
	.product-submit {
		height: 35px;
		width: 30px;
	}
	.product-button {
		font-size: 20px;
	}
}
@media only screen and (min-width:768px) and (max-width:1023px){
	.jcarousel{overflow:hidden;}
		.jcarousel ul {
			width: 95% !important;
		}
		.jcarousel li {
			width: 25% !important;
		}
}
@media only screen and (min-width:1024px) and (max-width:1270px){
	.jcarousel{position:relative;}
		.jcarousel li span.pricespan a:link, .jcarousel li span.pricespan a:visited {
			font-size: 20px;
		}
}