.value-button {
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 3rem;
  margin-top: -3px;
  width: 5.5rem;
  height: 2.5rem;
  text-align: center;
  vertical-align: middle;
  padding: 9px 0;
  background: #eee;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.value-button:hover {
  cursor: pointer;
}

form #decrease {
  margin-right: -4px;
  border-radius: 3rem 0 0 3rem;
}

form #increase {
  margin-left: -4px;
  border-radius: 0 3rem 3rem 0;
}

form #input-wrap {
  margin: 0px;
  padding: 0px;
}

input#ajjas-qty {
  text-align: center;
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0px;
  width: 5rem;
  height: 2.5rem;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.cart-btn{
  background-color: #29C7FF;
  color: #ffffff;
  width: 100%;
}

.cart-btn, .cart-btn:hover{
  transition: background-color 300ms;
  margin-top: 0px;
  width: 100%;
  border-radius: 8px;
  height: 3rem;
}

.background-darkblue:focus,
.background-darkblue:active,
.background-darkblue:hover{
  background: #0094DE;
}

.description{
  color: #29C7FF;
  /*background-color: #ffffff;*/
  line-height: 2rem;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  cursor: pointer;
  background: none!important;
  border: none;
}
.description:hover{
  text-decoration: none;
  border: none;
}
.description i{
  /*position: absolute;*/
  vertical-align: middle;
  /*top: 5px;*/
}

.btn:hover,
.btn:focus{
  text-decoration: none;
  border: none;
  outline: 0px;
  box-shadow: none !important;
}

#description ul>li{
  margin-top: 1rem;
}

.feature-details{
  color: red;
  font-size: 16;
  font-weight: bold;
}

.collapse-header{
  background-color: #29C7FF;
  color: #ffffff;
  float: left;
  font-size: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.collapse-header i{
  font-size: 2rem;
  float: right;
  padding-top: 10px;
}

.prices{
  width: 15rem;
}

.read_more{
  float: right;
}

#description ul>li{
  list-style-image: url('/assets/images/insta-tick.svg');
}

.resize-col{
  padding-right: 15rem;
}

.QA{
  width: 5rem;
  font-weight: bold;
}

.QA_info{
  margin-left: 5rem;
}

.QA_info p{
  margin-top: -1.5rem;
  margin-bottom: 0rem;
}

hr.black {
  background-color: #000;
  width: 100%;
  height: 1px;
  border-top: 1px solid black;
  opacity: 0.3;
}

.product-image{
  /*position: relative;*/
  /*width: 200px;*/
  /*height: 1000px;*/
  overflow: hidden;
}

.user_details{
  margin-top: 30px;
}

.left-section{
  margin-left: 1rem;
  width: 3rem;
}

.right-section{
  width: 13rem;
  margin-left: 3rem;
}

.user_details .review-holder {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
}

.head-image{
  height: 150px;
}

.image-holder img {
  max-width: 100%;
  margin: 0 auto;
}

.review-holder img {
  max-width: 100%;
  margin: 0 auto;
}

.around-image{
  margin: 0;
  padding: 0;
}

.around-image p{
  /*line-height: 5rem;*/
  margin-top: 5rem;
  margin-bottom: 2.5rem;
}

.around-image-left{
  padding-left: 5rem;
}

.first-ele{
  margin-top: 5rem;
}

.user-name{
  text-align: left;
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  opacity: 1;
  margin-top: 1rem;
}
.bike-name{
  color: #29C7FF;
}

.mob-text{
  visibility: hidden;
  height: 0rem;
}

.another-product{
  /*border: 1px solid #000;*/
  width: 310px;
  margin-top: 2rem;
  margin-bottom: 1rem;
  /*opacity: 0.5;*/
}

.another-product img{
  width: 300px;
  height: 300px;
  vertical-align: center;
  opacity: 1;
}

.discount-sticker{
  position: absolute;
  width: 45px;
  height: 45px;
  line-height: 15px;
  font-size: 15px;
  border-radius: 100%;
  color: #fff;
  background: #B12704;
  padding-top: 8px;
  opacity: 1;
}

.more-details{
  width: 310px;
  background-color: #29C7FF;
  /*border: 1px solid #29C7FF;*/
  border-radius: 4px;
}

.more-details:hover,
.more-details:active,
.more-details:focus{
  border: 1px solid #29C7FF;
}

.quantity{
  height: 3rem;
  text-align: left;
  vertical-align: middle;
  margin-top: 0.5rem;
}

.desc{
  padding-left: 1.5rem;
}

.black_mob{
  width: 300px;
  height: 500px;
}

/* Quantity Picker */
.checkout-summary-quantity-picker {
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;

  color: #1778AC;
  align-self: center;
}

.quantity-button {
  height: 20px;
  width: 20px;
  overflow: hidden;

  border-radius: 50%;
  background: #00000026;
  color: #111111;
  font-size: 18px;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;

  cursor: pointer;
}

.quantity-button-disabled {
  color: #666666;
  pointer-events: none;
  cursor: default;
}

#ajjas-qty {
  width: 15px;
  padding: 0 12px;
  display: flex;
  justify-content: center;
}

.checkout-summary-quantity {
  display: flex;
  justify-content: space-between;
}

.checkout-summary-quantity-label {
  font-weight: 700;
}

/* Media Queries */

@media( max-width:  800px){
  .head-image {
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
  }
  .around-image{
    visibility: hidden;
    margin: 0;
  }
  .around-image p{
    /*line-height: 0rem;*/
    margin-top: 0rem;
    margin-bottom: 0rem;
    height: 0;
  }
  .first-ele{
    margin-top: 0rem;
  }
  .mob-text{
    visibility: visible;
  }
  .optimiser_mob_text{
    height: 13rem;
  }
  .maximiser_mob_text{
    height: 14rem;
  }
  .mob-text ul>li{
    list-style-image: url('/assets/images/insta-tick.svg');
  }
  .resize-col{
    padding-right: 3rem;
  }
  .read_more{
    float: left;
  }
  .quantity{
    height: 2rem;
    margin-left: 1rem;
  }
  #convert-plus{
    margin-top: 1rem;
  }
  .quantity-spacing{
    padding: 0px;
  }
  .value-button{
    margin-left: 1rem;
  }
  .checkplus{
    margin-left: 1rem;
  }
}

@media(max-width: 425px){
  .cart-btn, .cart-btn:hover{
   /* width: 15rem;
    height: 3rem;*/
  }
  .prices{
    width: 12rem;
  }
  .value-button {
    width: 4rem;
  }
  input#number {
    width: 4rem;
  }
  .resize-col{
    padding-right: 0rem;
  }
  .optimiser_mob_text{
    height: 13rem;
  }
  .maximiser_mob_text{
    height: 15rem;
  }
  .black_mob{
    width: 100%;
  }
  .another-product{
    width: 90%;
  }
  .another-product img{
    width: 90%;
  }
}