.container.glo-gloteach{
    width: 100%!important;
}
.glo-carousel-slide{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.carousel-inner img.glo-img-glotech{
  height: 800px;
  opacity: 0.9;
  object-fit: cover;
}
.carousel-caption.glo-carousel-caption{
  bottom: unset;
  top: 40%;
  left:10%;
  width: 40%;
}
@media screen and (min-width: 1400px){
    .container.glo-gloteach{
      width: 100%!important;
      max-width: 100% !important;
    }
} 
@media screen and (min-width: 1200px) and (max-width: 1399px){
    .container.glo-gloteach{
      width: 100%!important;
      max-width: 100% !important;
    }
    .carousel-inner img.glo-img-glotech{
      height: 500px;
      opacity: 0.9;
    }
    .carousel-caption.glo-carousel-caption{
      left:5%;
    }
}
  
@media screen and (min-width: 992px) and (max-width: 1199px){
    .container.glo-gloteach{
      width: 100%!important;
      max-width: 100% !important;
    }
    .carousel-inner img.glo-img-glotech{
      height: 500px;
      opacity: 0.9;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .container.glo-gloteach{
      width: 100%!important;
      max-width: 100% !important;
    }
    .carousel-inner img.glo-img-glotech{
      height: 500px;
      opacity: 0.9;
    }
    .carousel-caption.glo-carousel-caption{
      width: 80%;
    }
}
@media screen and (min-width: 375px) and (max-width: 500px){
  .carousel-caption.glo-carousel-caption{
    width: 80%;
    top: 0%;
  }
}
@media screen and (min-width: 501px) and (max-width: 767px){
  .carousel-caption.glo-carousel-caption{
    width: 80%;
    top: 5%;
  }
}
@media screen and (min-width: 375px) and (max-width: 767px){
    .container.glo-gloteach{
      width: 100%!important;
      max-width: 100% !important;
    }
    .carousel-inner img.glo-img-glotech{
      height: 400px;
      opacity: 0.9;
    }

}