@media (max-width: 1024px){
  .main-banner .heading-text h1 br{display: none;}
}

@media (max-width: 992px) {
  .header .logo {
    width: 157px;
  }
  .left-sec{
    padding-top: 20px !important;
  }

  .header .right-logo {
    width: 157px;
  }

  .main-banner {
    background-position: left;
    background-repeat: no-repeat;
    height: 100%;
  }

  .main-banner .heading-text h1 {
    font-size: 30px !important;
    text-align: center;
  }

  .main-banner .heading-text h1 span {
    font-size: 30px !important;
  }

  .course_item {
    justify-content: center;
  }

  .main-banner .left-sec .course_item h4 {
    font: 16px !important;
    padding: 5px 8px;
  }

  .about_section .about_item::after {
    left: -19px;
    top: -19px;
  }

  .main-banner .form-container {
    width: 100%;
  }

  .courses_offered_section .courses_items {
    width: auto;
  }

  .why_section .dihe_item {
    width: auto;
  }


  .about_section .about_title p {
    text-align: justify;
  }

  .about_section .bgClr .about_item img {
    width: 100%;
  }

  .main-banner .program-tags span {
    font-size: 25px !important;
  }

  .main-banner .program-tags {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin: 20px auto !important;

  }
  .main-banner p{
    text-align: center;
    font-size: 28px;
    line-height: 30px;
  }
  .main-banner .batch
  {
    margin-top: 20px;
  }
}

@media (max-width: 680px) {

  .hero-thankyou .bc-img01 .thankyou__dv{
    width: 100% !important;
  }
  .hero-thankyou .bc-img01 .thankyou__dv h3{
    font-size: 30px !important;
    line-height: 40px;
  }
  .mobile_form{
    height: 410px;
  }
  .main-banner .batch{
  justify-content: center;
}
.main-banner .batch h6,.main-banner .batch h6 span{
  font-size: 26px;
  line-height: 36px;
}
.program-tags span{
  font-size: 24px;
}
.key_takeway_sec .keyaway_text ol{
  font-size: 18px;
  line-height: 26px;
}
  .main-banner .batch img{
    width: 70px !important;
    height: 70px !important;
  }
  .about_j p{
    width: 100%;
  }
  .sec-heading .main-heading,.sec-heading .main-heading span{
    font-size: 28px;
    line-height: 34px;
  }
  .sideNavi{
  bottom: 0%;
  width: 100%;
  top: auto;
  }
  .sideNavi a{
    text-align: center;
    border-radius: 0;
    justify-content: center;
  }
}

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

@media (max-width: 380px) {
  .header .logo {
    width: 157px;
  }

  .header .right-logo {
    width: 157px;
  }

  .main-banner .heading-text h1 {
    font: 30px !important;
    text-align: center;
  }
}
@media (max-width: 360px) {
  .main-banner .program-tags{
    width: 100%;
  }
  .header .right-logo{
    width: 120px;
  }
}