#factoryCarousel{
  position: relative;
  background-color: var(--color-theme-6);

}

.factory-info{
  margin: 20px;
  padding: 10px;
  background-color: #f2f2f2;
  background-size: 50% 50%;
}
.img-info{
  border: 10px solid #ffffff;
  width:90%;
}
.factory-info h3{
  font-family: 'promptregular';
  font-size: 1.2rem;
  font-weight: bolder;
  color:var(--navbar-bg-color);
}

.factory-info p{
 
  font-size: 1rem;
  
  color:#000000;
}

.info-box{
  display: block;
}
.info-box2{
  display: none;
  /*background-color: #f2f2f2;*/
  
}
.info-box2 img{
  width: 120%;
}
.info-box2 div{
  margin: 10px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  background-color: #f2f2f2;
}
.info-box2 h3{
  font-size: 1.2rem;
  font-weight: bolder;
  color:var(--navbar-bg-color);
}
.info-box2 p{
  font-size: 1rem;
  color :#000000;
}
#factoryCarousel .carousel-item {
  min-height: 370px;
}
#factoryCarousel .carousel-item img{
  width: 100%;
  min-height: 370px;
  object-fit: cover;
}
/*#factoryCarousel{
 
}*/
#factoryCarousel .carousel-indicators{
  flex-direction: column;
  top: 15%;
  left: 50px;
  bottom: 15%;
  width: 1px;
  height: 70%;
  align-items:center;

  justify-content: space-between;
  background-color: #ccc;
  margin: 0px;
  padding: 0px;
}

#factoryCarousel .carousel-control-btn {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
  border-radius: 50%;
  /*background-color: var(--color-theme-2);*/
  background-color:#ccc;
  opacity: 1;
  transition: all .6s ease;
}
#factoryCarousel .carousel-control-btn.active  {
  opacity: 1;
  background-color:var(--navbar-bg-color);
  width: 14px;
  height: 14px;
}

#factoryCarousel .carousel-text  {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: #222222cc;
  padding: 10px;
  width: 45%;
  min-height: 30%;
}
#factoryCarousel .carousel-text h3 {
  font-family: 'promptregular';
  font-size: 1.2rem;
  font-weight: bolder;
  color:#ffffff;
}
#factoryCarousel .carousel-text p {
  font-size: 1rem;
  color:#ffffff;
}








/* defaut is xxl  */


/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  #factoryCarousel .carousel-text h3 {
    
    font-size: 1rem;
    
  }
  #factoryCarousel .carousel-text p {
    font-size: 0.85rem;
    
  }
 
  #factoryCarousel .carousel-item {
    min-height: 550px;
  }
  #factoryCarousel .carousel-item img{
    min-height: 550px;
  }
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  
  .headline-bar h1{
    font-size: calc(1.375rem + 1.5vw);
  }
  .img-info{
    width:100%;
    margin: 0px;
  }
  .factory-info .img-fluid{
    display: block;
    margin: 0px;
  }
  #factoryCarousel .carousel-text{
    width: 70%;
  }
  #factoryCarousel .carousel-item {
    min-height: 550px;
  }
  #factoryCarousel .carousel-item img{
    min-height: 550px;
  }
  .info-box{
    display: none;
  }
  .info-box2{
    display: block;
  }
  .factory-info{
    margin: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
  }
  .factory-info .col-md-6 {
    padding: 0px !important;
    padding-bottom: 10px !important;
    
  }
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  #factoryCarousel .carousel-item {
    min-height: 472px;
  }
  #factoryCarousel .carousel-item img{
    min-height: 472px;
  }
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}