.pro-qty {
	width:130px;
	border-radius:50px
}
.pro-qty input {
	width:28px;
	float:left;
	border:none;
	height:32px;
	line-height:30px;
	padding:0;
	text-align:center;
	background-color:rgba(0,0,0,0);
	font-size:20px;
	font-weight:500;
	margin:0 12px;
	color:#27272e
}
.pro-qty .qtybtn {
	width:32px;
	display:block;
	float:left;
	line-height:26px;
	cursor:pointer;
	text-align:center;
	font-size:16px;
	font-weight:300;
	color:#000;
	height:32px;
	background:#f6f7fb;
	border-radius:50%;
	transition:.3s;
	border:2px solid rgba(0,0,0,0)
}
.quantity-input {
	font-size:16px;
	font-weight:600;
	color:#27272e;
	height:26px;
	width:30px;
	border:none;
	text-align:center;
	padding:0
}
.pro-qty .qtybtn:hover {
	border-color:var(--color-primary)
}
.pro-qty input::-webkit-outer-spin-button,.pro-qty input::-webkit-inner-spin-button {
	-webkit-appearance:none;
	margin:0
}
.pro-qty input[type=number] {
	-moz-appearance:textfield
}

 .pro-qty {
	min-height:40px;
	width:auto
}
/* .pro-qty .qtybtn {
	width:40px;
	height:40px;
	line-height:34px;
	border-radius:8px;
	font-size:20px
} */
 /* .pro-qty input {
	border:1px solid #d8d8d8;
	border-radius:8px;
	height:40px;
	width:40px;
	font-size:14px;
	margin:0 10px
} */

 .pro-qty {
	width:auto;
    display:inline-flex
}
@media only screen and (max-width: 767px) {
	 .pro-qty {
	display:inline-flex

}
.img-fluid
{
    height: 150px !important;
}
}
 .pro-qty input {
	margin:0 5px;
	min-width:45px
}
@media only screen and (max-width: 767px) {
	 .pro-qty input {
	min-width:30px
}
}
 .pro-qty .qtybtn {
	font-size:20px;
	line-height:27px;
	font-weight:500
}
@media only screen and (min-width: 768px)and (max-width: 991px) {
	.pro-qty .qtybtn {
	font-size:18px
}
}
@media only screen and (max-width: 767px) {
	 .pro-qty .qtybtn {
	font-size:16px
}
}
@media only screen and (min-width: 768px)and (max-width: 991px) {
	 .pro-qty .quantity-input {
	font-size:18px
}
}
@media only screen and (max-width: 767px) {
	 .pro-qty .quantity-input {
	font-size:16px
}
}

.footer .widget .wsus__footer_social li {
    width: 20px;
    text-align: center;
}
/* Defines the width of the carousel and centers it on the page */
.slick-carousel {
    margin: 0 auto;
    width: 1000px;
  }

  /* The width of each slide */
  .slick-slide {
    width: 350px;
  }

  /* Color of the arrows */
  .slick-next::before, .slick-prev::before {
    color: blue;
  }