Viewing File: /home/ubuntu/voice-assistant-frontend/public/css/responsive.css

@media (max-width: 575.98px) {}

@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 992px) {}

@media (min-width: 1440px) {}

@media (max-width: 1199.98px) {
    .banner-img{
        width:100%;
    }
    .trusted-by-brands-box{
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 2em;
    }
    .share-audio-box{
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 2em;
    }
}

@media (max-width: 991.98px) {
    .resp-mrg-btm-md{
        margin-bottom: 2em;
    }
    .home-banner-sec {
      min-height: auto;
    }
    .banner-vertical-content{
      min-height: auto;
      padding: 2em 0;
    }
    .banner-content{
      text-align: center;
    }
    .banner-content h1{
      max-width: 100%;
    }
    .banner-content p{
      margin: auto;
      max-width: 100%;
    }
    .banner-img{
      max-width: 35em;
    }
    .banner-img-sec{
      text-align: center;
    }
    .about-img{
      max-width: 35em;
    }

    .about-img-sec{
      text-align: center;
    }
    .sm-padding {
      padding: 2em 0;
    }
    .create-audio-file-box{
      grid-template-columns: repeat(4, 1fr);
    }
    .cta-box{
      flex-direction: column-reverse;
    }
    .cta-info{
      text-align: center;
    }
    .banner-btn-sec{
      justify-content: center;
    }
    .about-us-btn-sec{
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .section-title {
      margin-bottom: 3em;
    }
    .auth-left-sec{
      display: none;
    }
    .auth-right-sec{
      width: 100%;
    }
    .auth-right-box{
      overflow: hidden;
    }
}


@media (max-width: 767.98px) {
    .admin-ui-main-wrapper {
        margin-left: 0%!important;
    }
    .admin-ui-collapse-sidebar{
        width: 80%!important;
    }
    .admin-ui-header-sec{
        padding: 0.5em 0.5em!important;
    }
.admin-ui-logo-sec{
    padding: 0.92em 0.5em!important;
}
.admin-ui-collapse-sidebar .offcanvas-close{
    padding-right: 0!important;
    padding-bottom: 0!important;
}
.admin-ui-logo {
    max-width: 7em!important;
}
.admin-your-bot-list-header-sec{
    flex-wrap: wrap;
    justify-content: center!important;
    gap: 1em;
}
.admin-your-bot-list-header-right-sec{
    justify-content: center!important;
    align-items: center!important;
}
.create-audio-file-box {
  grid-template-columns: repeat(2, 1fr);
}
.generate-btn-sec {
  margin-top: 2em;
}
.logo {
  max-height: 50px;
}
.banner-content h1{
  font-size: 1.8em;
}
.copyright-card{
  flex-direction: column;
  gap: 1em;
}
.cta-box .cta-info h3{
  font-size: 1.5em;
}
.section-title h2{
  font-size: 1.5em;
}
.voicelab-box{
  padding: 1em;
}
.voicelab-header-sec{
  flex-direction: column;
  text-align: center;
  justify-content: center;
  text-align: center;
  gap: 1em;
}
.voicelab-action-btn-sec{
  flex-direction: column;
  text-align: center;
  justify-content: center;
  text-align: center;
  gap: 1em;
}
.voicelab-selected-action-btn-sec{
  flex-direction: column;
  text-align: center;
  justify-content: center;
  text-align: center;
  gap: 1em;
}
.voicelab-list-card {
  grid-template-columns: repeat(1, 1fr);
}
.voicelab-list-action-btn-sec{
  justify-content: center;
}
.profile-box{
  padding: 1em;
}
.profile-form-card{
    gap: 0.5em;
    flex-direction: column;
    align-items: flex-start;
}
.profile-box h3{
  font-size: 1.4em;
}
.profile-box p{
  font-size: 0.9em;
}
.voicelab-list-info{
  text-align: center;
  justify-content: center;
}
.choose-voice-audio-list-box{
  grid-template-columns: repeat(1, 1fr);
}
.add-voice-text-speech h3{
  font-size: 1.4em;
}
.add-voice-action-btn-sec{
  flex-direction: column;
  gap: 1em;
}
.add-voice-success-card{
  text-align: center;
}
.generate-voice-input-wrapped {
  grid-template-columns: repeat(1, 1fr)!important;
  gap: 1em;
}
.generate-voice-card-area,.generate-audio-frame{
  padding: 1em!important;
}
.generate-voice-card-area h3,.generate-voice-card-area p{
  text-align: center;
}
}

@media (max-width: 575.98px) {}