.wrapper {
 
  min-height: 100vh;
} 

.carousel-control-next-icon {
  display: none;
}

.carousel-control-prev-icon {
  display: none;
}

.carousel-indicators .carousselIndicator{
  display:none;
  width: 60px;
  height:60px;
  opacity: 1;
 }
 .carousel-indicators .carousselIndiator{
  display:none;
  width: 60px;
  height:60px;
  opacity: 1;
 }

 .carousel-indicators {
  /* position: absolute; */
  margin : 0  auto 0 auto;
 }

 .carousel-indicators .carousselIndiator .active{
  border: 1px solid black
}

.carousel-indicators .carousselIndicator .active{
  border: 1px solid black
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: transparent;
  background-size: contain;
  background-repeat:no-repeat;
}

img {
  width: 60%;
}

.carousel-inner {

  margin-top: 50px;

}

.data_content {
margin-top: 0px ;
}

.breadcrumb ul {
  margin:20px 0 10px 0px;
  display: flex;
}
.breadcrumb ul a{
text-decoration: none;
color:#000;
font-size: 0.7vw;
}
.breadcrumb span {
  font-size: 0.7vw;
  font-weight: bold;
}

.breadcrumb ul a:hover{
  font-weight: bold;
}
  
.breadcrumb li::before {
  font-family: "Font Awesome 5 Free";
  content: " \f0da ";
  display: inline-block;
  padding-right: 3px;
  padding-left: 3px;
  vertical-align: middle;
  font-weight: 900;
}
  
.breadcrumb li:first-child::before {
  content: "";
}

h1 {
  font-size: 15px;
  font-weight: bold;
  color: #000;

}
.nom-produit  {
  font-size: 15px;
  font-weight: bold;
  color: #000;
}

.reference {
  font-size: 15px;
  color: #000;

}
.prix {
  font-size: 12px;
  color: #000;
}

/* color select  */
.color {
  height: 24px;
    width: 24px;
    border-radius: 50%;
 
}





/* quantity */
#label_qty {
  font-size: 15px;
  margin-right: 5px;
  color: #000;

}

#qty {
  font-size: 15px;
  color: #000;
}


.description {
  text-align:justify;
  width: 100%;
  align-items: flex-start;
  white-space: pre-wrap;
}

p {
  line-height: 1.3em;
 
}
span {
  line-height: 1.3em;

}
.btn {
  background-color: rgba(60,105,49, .3 );
  color: #000;
  font-size: 15px;
  border-radius: 0;
}

.btn:hover {
  background-color: rgba(60,105,49, .6 );

}

.expand{
  width: 20px;
  font-size: 15px;
  color: #000;
  border:none;
  background-color: #fff;
}


/* iphone */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait)  {
    .wrapper {
     
    }
    .data_content {
      margin-top:10px ;
    }
  }

  /* ipad */
  @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .wrapper {
  
    }
    .data_content {
      margin-top:10px ;
    }

  }


/* Galaxy from S6 */

@media screen 
and (min-device-width: 360px) 
and (max-device-width: 740px) 
and (-webkit-device-pixel-ratio: 4) 
and (orientation: portrait) {
  .wrapper {
	}
  .data_content {
    margin-top:10px ;
  }
  }