@media only screen and (max-width: 769px) {

  .brouchure-form>div.d-flex {
    width  : 90%;
    display: block !important;
  }

  .fs-27 {
    font-size: unset;
  }

  h5.card-title {
    background: #c5daf8;
    padding   : 10px;
    font-size : 15px;
  }

  .brouchure-form>div.d-flex .live-img {
    top                : 0;
    width              : 100%;
    left               : 0;
    height             : 180px;
    overflow           : hidden;
    background         : url(../images/university.jpg);
    background-position: center;
    background-size    : cover;
  }

  .brouchure-text h1 {
    font-size: 21px;
  }

  .brouchure-mainbox {
    padding   : 10px 25px 30px;
    width     : 100%;
    text-align: center;
  }

  .brouchure-text p {
    font-size: 13px;
  }

  .navbar-brand {
    width: 50%;
  }

  p {
    font-size: 14px;
  }

  h1 {
    font-size: 27px
  }

  h2 {
    font-size: 25px;
  }

  h3 {
    font-size: 21px;
  }

  h4 {
    font-size: 18px;
  }

  .rank h5,
  .rank p {
    font-size: 13px;
  }

  .rank {
    padding: 30px 5px 0px
  }

  .box-card {
    width: 100%;
  }

  .brouchure-form {
    padding-bottom: 80px;
  }

  .addmission-pro li:before {
    top : 3%;
    left: -12px;
  }

  .addmission-pro {
    display: block;
    padding: 85px 30px 30px;
  }

  .addmission-pro li {
    text-align   : left;
    padding-left : 12px;
    margin-bottom: 25px;
  }

  .addmission-pro li p a.readmore {
    bottom: -16px;
  }

  .addmission-pro li p {
    padding   : 5px;
    text-align: left;
  }

  .tollfree-box h5 {
    font-size: 16px;
  }

  .tollfree-box h2 {
    font-size     : 18px;
    font-weight   : 600;
    letter-spacing: 1px;
  }

  .button-main {
    padding  : 8px 18px;
    font-size: 14px;
    margin   : 14px 0 0 0;
  }

  section.home-sec {
    padding: 0;
  }

  .apply-form h1 {
    font-size : 21px;
    margin-top: 1rem;
  }

  .home-text h1,
  .home-text h4,
  .home-text p {
    margin-bottom: 18px;
  }

  .home-text h4,
  .home-text p {
    display: none;
  }

  .home-text {
    text-align: center;
  }

  nav.navbar.navbar-expand-lg {
    padding: 10px 0;
  }

  .contact-footer {
    z-index: 9999;
    width  : 100%;
    left   : 0;
    bottom : 0;
  }

  .contact-footer a {
    font-weight: 600;
    width      : 50%;
    display    : inline-block;
    text-align : center;
    color      : #fff !important;
    padding    : 15px 0;
    font-size  : 14px;
  }

  .contact-footer a img {
    width       : 20px;
    margin-right: 8px;
  }

  .livechat-form span.close-modal,
  .brouchure-mainbox span.close-modal {
    display      : block;
    height       : 30px;
    background   : #333;
    line-height  : 32px;
    width        : 30px;
    text-align   : center;
    border-radius: 50%;
    color        : #fff;
    top          : 6px;
    right        : 7px;
    font-size    : 25px;
  }

  .brouchure-form .live-img img {
    display: none;
  }

  .brouchure-mainbox,
  .live-img img {
    height: auto;
  }

  .brouchure-mainbox span.close-modal {
    top: -30%;
  }

  .home-text h5 {
    display: none;
  }

  .live-img {
    position: relative;
    top     : -25px;
    width   : 112%;
    left    : -18px;
  }

  .live-img h1:before {
    content: none;
  }

  .live-img h1 {
    margin        : 0;
    background    : #fcebcf;
    padding       : 5px 8px;
    font-size     : 15px;
    text-align    : left;
    line-height   : 21px;
    font-weight   : 600;
    letter-spacing: 1px;
  }

  ul.navbar-nav li a {
    font-size: 14px;
  }

  .home-icon {
    width: 21px;
  }

  .home-courses {
    top: -8px;
  }

  .home-courses span {
    font-size: 11px;
  }

  .livechat-form {
    visibility: visible;
  }

  .home-text h2 {
    font-size    : 25px !important;
    line-height  : 32px !important;
    margin-bottom: 20px !important;
  }

  /* ul.firstmain li span.reshide {display: none;} */
  ul.firstmain li {
    display: inline-block !important;
    width  : 30%;
  }

  section.Certificate-bg img {
    width: 100%;
  }

  ul.firstmain li span {
    display: block;
  }

  ul.firstmain li span img {
    width        : 100%;
    margin-right : 0;
    margin-bottom: 10px;
  }

  ul.firstmain {
    background: #fff;
    padding   : 10px 0;
  }
}

@media only screen and (max-width: 700px) {

  .apply-form {
    width   : 100%;
    padding : 25px 18px;
    overflow: hidden;
    border  : 1px solid #ddd;
  }
}

/*===================================*/

@media only screen and (max-width: 360px) {
  .box-card {
    width: 100%;
  }

  .fs-18 {
    font-size: 17px;
  }

  .contact-footer a {
    padding: 12px 0;
  }

  .addmission-pro li {
    font-size: 15px;
  }

  .addmission-pro li:before {
    left: -14px;
  }

  .rank h5,
  .rank p {
    font-size  : 12px;
    margin-top : 10px;
    font-weight: 400;
  }

  .starimg {
    width: 85px;
  }
}

@media screen and (max-width: 500px) {
  form label.error {
    font-size: 10px;
  }
}

@media screen and (max-width: 700px) {


  .vertical-border {
    width    : 2px;
    height   : 60%;
    left     : 8.8% !important;
    top      : 16%;
    transform: translateX(0%);
  }

  ul.firstmain.mb-4 {
    padding-left: 0;
  }

}

@media (min-width: 800px) and (max-width: 915px) {

  .addmission-pro li p a.readmore {
    width      : 100%;
    bottom     : -35px !important;
    left       : 0;
    color      : #dc3545;
    border     : none;
    font-weight: 500;
  }

  .fs-27 {
    font-size: unset;
  }

  .vertical-border {
    top: 48%;
  }
}

@media screen and (max-width: 767px) {

  .aboutHomeImg::before {
    bottom: 0;
  }

  .MainMoial p {
    width        : 100%;
    font-size    : 18px;
    line-height  : 30px;
    margin-bottom: 28px;
  }
}

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

  .addmission-pro li {
    width: 49% !important;
  }

  .vertical-border {
    display: none;
  }

  .vertical-border {
    width    : 2px;
    height   : 60%;
    left     : 16.8%;
    top      : 16%;
    transform: translateX(0%);
  }
}

@media (min-width: 715px) and (max-width: 768px) {
  .vertical-border {
    width    : 2px;
    height   : 60%;
    left     : 8.8% !important;
    top      : 16%;
    transform: translateX(0%);
    display  : none;
  }
}


@media (min-width: 699px) and (max-width: 713px) {


  .vertical-border {
    width    : 2px;
    height   : 60%;
    left     : 17% !important;
    top      : 16%;
    transform: translateX(0%);
  }
}

@media (min-width: 500px) and (max-width: 540px) {
  .vertical-border {
    display: none !important;
  }

}

@media screen and (max-width: 540px) {
  .successSlider .item {
    height       : 105px;
    padding-left : 34px !important;
    padding-right: 30px !important;
  }
}

@media screen and (max-width: 600px) {

  .TestimonialsSlider .card p {
    max-height: 160px;
  }

  .wdth50 {
    height: 100% !important;
  }

  .vertical-border {
    width    : 2px;
    height   : 60%;
    left     : 16.8%;
    top      : 16%;
    transform: translateX(0%);
  }

  .JustifyText {
    text-align: justify;
  }

}


@media (min-width: 750px) and (max-width: 912px) {
  .brouchure-form>div {
    width: 90%;
  }


}

@media (min-width: 912px) and (max-width: 1024px) {
  .box-card .card-body {
    height: 272px;
  }

  .fs-27 {
    font-size: unset;
  }
}

@media screen and (max-width: 768px) {
  button.navbar-toggler {
    font-size: 17px;
    position : absolute;
    right    : 15px;
  }


  .display3 {
    font-size  : 19px !important;
    font-weight: 700 !important;
  }

  .MainHeroDivBanner {
    margin-bottom: 1rem;
  }
}

@media (min-width: 550px) and (max-width: 1300px) {
  i.fa-solid.fa-chevron-left {
    left: -16px;
  }

  .MainMoial p {
    width: 100%;
  }

  i.fa-solid.fa-chevron-right {
    right: -16px;
  }
}

@media (min-width: 1024px) and (max-width: 1300px) {


  .col-3 {
    flex : 0 0 auto;
    width: 100%;
  }

  .fs-15 {
    font-size: 15px;
  }

  .col-lg-5.col-3.MaindivIMG {
    width: 100%;
  }

  .MainHeroDivBanner {
    display: contents !important;
  }

  .col-lg-7.col-9.MainDivContent {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  button.navbar-toggler {
    font-size: 22px;
    position : absolute;
    right    : 0;
  }

  .fs-15 {
    font-size: 15px;
  }

  .display3 {
    font-size: 1.5rem !important;
  }
}

@media screen and (max-width: 913px) {

  iframe {
    height: 230px;
  }
}

@media screen and (max-width: 1023px) {
  .margin-4 {
    margin-bottom: 0 !important;
  }

  .margin-5 {
    margin-top: 0rem !important;
  }

  ul.navbar-nav li a {
    background: none !important;
    color     : #fff !important;
    text-align: justify;
    border    : none !important;
  }

  .still_unsure {
    width: 100%;
  }

  .wow.fadeIn.position-relative {
    padding-left: 0;
  }

  .wdth50 {
    width: 100%;
  }

  .borderleft {
    padding-left: 10px;
  }
}


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

  .container,
  .container-sm {
    max-width: 95% !important;
  }
}