.slider-product {
	text-align: center;
}
.slider-product {
	margin: 0 auto;
	position:relative;
	width:500px;
	padding: 0 30px;
}
/* Slider Setup */
.slider-product input {
	display: none;
}
.slider-product .overflow {
	width: 100%;
	overflow: hidden;
}
.slider-product .slides article img {
	max-width: 100%;
}
.slider-product .slides .inner{
	width:100%;
}
.slider-product .slides article {
	width: 6.25%;
	float: left;
	position:relative;
	border: 1px solid #e0e0e0;
}
/* Slider Styling */

/* Control Setup */
.slider-product .slides article a{display:inline-block; width:100%;}
.slider-product .active {
	text-align: center;
	position:absolute;
	left:0;
	z-index:9;
	bottom: 30px;
	margin: 0;
	width:100%;
	text-align:center
}
.slider-product .active label {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin: 0 5px;
	cursor: pointer;
	background: #ccc; 
	-webkit-border-radius: 21px; 
	-moz-border-radius: 21px;
	border-radius: 21px;
}
.slider-product .active label:hover {
	background: #57bee8;
}
.slider-product .controls {
	position:absolute;
	bottom:67%;
	width:100%;
	left:0;
}
.slider-product .controls label { 
	position:absolute;
	display: none;
	width: 40px;
	height: 50px;
	opacity: 0;
	z-index:9;
	cursor:pointer;
	margin:0px;
}
.brand .slider-product .controls label { 
	position:absolute;
	display: none;
	width: 9px;
	height: 14px;
	opacity: 0;
	z-index:9;
	cursor:pointer;
	margin:0px;
}
.slider-product .controls label:hover {
} 	
/* Slider Styling */
.slider-product .slides {
	margin: 0;
	background: #fff;
	padding:0 20px;
	position: relative;
}
/* Animation */
.slider-product .slides .inner{
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.slider-product {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.slider-product .controls label{
	-webkit-transform: translateZ(0);
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
.slider-product #product1:checked ~  .slides article:nth-child(1) .info,
.slider-product #product2:checked ~  .slides article:nth-child(2) .info,
.slider-product #product3:checked ~  .slides article:nth-child(3) .info,
.slider-product #product4:checked ~  .slides article:nth-child(4) .info,
.slider-product #product5:checked ~  .slides article:nth-child(5) .info,
.slider-product #product6:checked ~  .slides article:nth-child(6) .info,
.slider-product #product7:checked ~  .slides article:nth-child(7) .info,
.slider-product #product8:checked ~  .slides article:nth-child(8) .info,
.slider-product #product9:checked ~  .slides article:nth-child(9) .info,
.slider-product #product10:checked ~ .slides article:nth-child(10) .info,
.slider-product #product11:checked ~ .slides article:nth-child(11) .info,
.slider-product #product12:checked ~ .slides article:nth-child(12) .info{
	opacity: 1;
	-webkit-transition: all 1s ease-out 0.6s;
	-moz-transition: all 1s ease-out 0.6s;
	-o-transition: all 1s ease-out 0.6s;
	transition: all 1s ease-out 0.6s;
}
.slider-product .controls, .slider-product .slides, .slider-product .active, .slider-product .active label  {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.slider-product .active{display:none;}
.slider-product{width:100%;padding:0px;}
.slider-product .slides{padding:0;  position:relative}
.slider-product .slides article{width:23.5%;margin:0px 2% 20px 0px;}
.slider-product .slides article:first-child{padding-left:0px;}
.slider-product .slides article:nth-child(5){padding-left:0px;}
.slider-product .slides article:last-child{padding-right:0px;}
.slider-product .slides article:nth-child(4n){padding-right:0px;margin-right:0px;}
.slider-product .slides article .images-product{text-align:center; width:100%;padding:13px;}
.slider-product .slides article .images-product a{height:auto; padding:10px;max-width:90%;  }
.slider-product .slides article .images-product img{max-height:100%; max-width:100%; width:auto;}
.slider-product .slides article .name-product{overflow:hidden; margin-top:2px;padding:0px 10px; height: 54px;}
.slider-product .slides article .name-product a {font-size:14px; font-family:'Arial', sans-serif; color:#000000; line-height:18px; text-align:center;font-weight:400;}
.slider-product .slides article .price-product{display:inline-block;padding:20px 0px;}
.slider-product .slides article .price-product span{font-size: 18px;
font-family: 'Poppins' , sans-serif !important;
color: #006897;
font-weight: 600;
line-height: 18px;}
.slider-product .slides article > div >p{display:inline-block;}

.slider-brand .active{display:none; bottom:-20px}
.slider-brand .slides article{ display:inline-block; height:104px;}
.slider-brand .slides article img{max-width:100%; max-height: 104px;border:1px solid #e1e1e1;}
.slider-brand .slides article div{display: table; width: 100%; height: 100%}
.slider-brand .slides article div a{display: table-cell; vertical-align: middle;}
.slider-product .slides article > div >p{display:inline-block;background:#404040;width:92%;height:36px;border-radius:3px;position:relative;margin-bottom:13px;}
.slider-product .slides article > div >p:hover{ background:#000; }
.slider-product .slides article > div >p a{line-height:36px;text-indent:-99999px;position:relative;width:100%;display:inline-block;}
.slider-product .slides article > div >p a:after{position:absolute;left: 80px;content: "shop now >";top: 0px;font-family:'Poppins',sans-serif;font-size:14px;font-weight:600;color:#fff;text-indent:0px;text-transform:uppercase;}
@media (max-width: 1199px){
	.slider-product .slides article > div > p a::after {left: 60px;}
}
@media (max-width: 1140px){
	.slider-product .slides article > div > p a::after {left: 60px;}
}
@media (max-width: 939px){
	.slider-product .slides article > div > p a::after {left: 50px;}
}
@media (max-width: 768px){
	.slider-product .slides article > div > p a::after {left: 37px;}
}
@media (max-width: 767px){
	.slider-product .slides article:nth-child(2n) {margin-right:0px;}
	.slider-product .slides article:nth-child(5) {display:none;}
	.slider-product .slides article:nth-child(6) {display:none;}
	.slider-product .slides article:nth-child(7) {display:none;}
	.slider-product .slides article:nth-child(8) {display:none;}
	.slider-product .slides article {width: 49%;}
	.slider-product .slides article > div > p a::after {left: 125px;}
}
@media (max-width: 736px){
	.slider-product .slides article > div > p a::after {left: 117px;}
}
@media (max-width: 667px){
	.slider-product .slides article > div > p a::after {left: 102px;}
}
@media (max-width: 640px){
	.slider-product .slides article > div > p a::after {left: 97px;}
}
@media (min-width: 640px)  and (max-width: 767px) {
/************************** Cross sell 1 ******************/
	
}
@media (max-width: 639px) {
	
	 
/************************** Cross sell 1 ******************/	

}
@media (max-width: 568px){
	.slider-product .slides article > div > p a::after {left: 80px;}
}
@media (max-width: 480px){
	.slider-product .slides article > div > p a::after {left: 60px;}
}
@media (max-width: 414px){
	.slider-product .slides article > div > p a::after {left: 49px;font-size: 12px;}
	.slider-product .slides article .name-product{height: 44px;}
	.slider-product .slides article .name-product a {font-size: 10px; line-height: 14px;}
}
@media (max-width: 400px){
	.slider-product .slides article > div > p a::after {left: 46px;}
	.footer-bottom .box-footer ul li {padding-right: 10px;}
}
@media (max-width: 380px){
	.slider-product .slides article > div > p a::after {left: 44px;}
}
@media (max-width: 360px){
	.slider-product .slides article > div > p a::after {left: 37px;}
}
@media (max-width: 320px){
	.slider-product .slides article > div > p a::after {left: 27px;}
	.footer-bottom .box-footer ul li {padding-right: 8px;}
}