@media screen and (min-width: 100px) and (max-width: 768px) {
  #testimonial-carousel {
    padding: 15px;
  }
  .innerbanner {
    height: auto;
  }
  .innerbanner img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .innerbanner aside {
    padding-bottom: 50px;
    align-items: flex-end;
    justify-content: flex-end;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+35,000000+70,000000+100&0.6+1,0+20,0+48,0+59,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 1%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.27) 70%, rgb(0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#99000000", endColorstr="#000000",GradientType=0 ); /* IE6-9 */
  }
  .innerbanner aside h1 {
    margin: 0;
    text-align: center;
    font-size: 30px;
    width: 100%;
    margin-bottom: 30px;
  }
  .innerbanner aside .socialMedia {
    position: static !important;
    display: flex;
  }
  .ann-site-logo {
    width: 100px !important;
    height: 100px !important;
  }
  .innerbanner img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .sm-none {
    display: none !important;
  }
  .sm-block {
    display: block !important;
  }
  #owl-block {
    padding: 0 15px !important;
  }
}
@media screen and (min-width: 100px) and (max-width: 575px) {
  .innerbanner {
    height: 100vh;
  }
  .innerbanner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .innerbanner h1 br {
    display: block !important;
  }
}/*# sourceMappingURL=responsive.css.map */