/*------===========MOBILE----NAVBAR------START==========----------*/

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

    
    .mobile-header {
        padding: 6px 2px;
        background: #fafafb;
    }

    
    .mobile-header-elements {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mobile-logo a img{
        width: 65%;
    }
    
    .mobile-nav-icon {
        font-size: 21px;
        border: 1px solid #cacadf;
        width: 37px;
        height: 35px;
        border-radius: 4px;
        color: #302c60;
        text-align: center;
    }


    
    
    .mobile-sidebar {
        position: fixed;
        height: 100%;
        width: 100%;
        background:#fff;
        z-index: 9999;
        padding: 40px 30px;
        left: -100%;
        top: 0;
        visibility: hidden;
        opacity: 0;
        transition: all .3s;
        
        
    }
    
    .mobile-sidebar .contact-icon{
        background: #fff;
    }
    
    
    .mobile-sidebar.mobile-menu-active {
       left: 0;
        visibility: visible;
        opacity: 1;
        transition: all .3s;
        padding: 10px 13px;
        max-height: 100%;
        overflow-y: scroll;
    }

    .logo-m a img{
      width: 65%;
    }
    
    .menu-close {
        font-size: 17px;
        color: #474257;
        cursor: pointer;
      }
    
    .mobile-nav li a {
        font-size: 16px;
        color: #3d3b57;
        padding: 10px 0;
        display: block;
        font-weight: 500;
        letter-spacing: 0.5px;
    }
    
    
    span.mobile-nav-menu-icon {
        position: absolute;
        right: 0;
        top: 0;
        height: 50px;
        width: 50px;
        text-align: center;
        line-height: 50px;
        color: #fff;
    }
    
    ul.mobile-menu-sub {
        display: none;
        position: relative;
        left: 0;
        padding-left: 10px;
        transition: all .3s;
    }
    
    ul.mobile-menu-sub.sub-menu-active{
        display: block;
        position: relative;
        transition: all .3s;
    }
    
    
    
    .mobile-nav li {
        position: relative;
        z-index: 2;
        border-bottom: 1px solid #e0e1f4;
    }
    
    span.submenu-button {
        position: absolute;
        width: 100%;
        height: 44px;
        top: 0;
        left: 0;
        z-index: 3;
        transition: all .3s;
    }
    
    span.submenu-button:after, span.submenu-button:before {
        position: absolute;
    content: "";
    height: 13px;
    width: 2px;
    background: #59586f;
    top: 16px;
    right: 6px;
    transition: all .3s;
    }
    
    span.submenu-button:before {
       height: 2px;
      width: 13px;
      right: 0px;
      top: 22px;
    }
    
    span.submenu-button.submenu-opened:after {
        visibility: hidden;
        opacity: 0;
    }
    
    .sub-menu{
        display: none;
        padding-left: 15px;
    }

    .logo-close-wrp{
      display: flex;
      justify-content: space-between;
    }

    .mobile-nav{
      margin-top: 15px;
    }


 
}


/*------===========MOBILE----NAVBAR------END===========----------*/




/*--------------mobile---------responsive--------start----------*/

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


/*--------course------finder---wrap-------start------------*/

.course-fnd-icon {
  padding: 0px 17px 3px 14px;
  margin-right: 0px;
  width: 100%;
  border-radius: 20px 20px 0px 0px;
  text-align: center;
  border-bottom: 1px solid #e3dfe0;
  margin-bottom: 19px;
}

.course-fnd-icon img {
  width: 90px;
}

.innr-course-slct {
  width: 100%;
  margin: 0px 19px 15px;
}

.innr-course-srch {
  margin: auto auto 20px;
}

.innr-course-slct select {
  width: 100%;
}


/*-----course-----finder----------wrap------end---------*/

 /*-------about-----wrap------start---------*/

    .about-sctn .images .image2 img{
        display: none;
    }

    .about-sctn {
      padding: 30px 7px 30px;
    }

    .heading h2 {
      font-size: 23px;
      margin-bottom: 12px;
    }

    .about-sctn .images .image1 {
      position: relative;
    }

    .about-sctn-content p {
      font-size: 14px;
      line-height: 29px;
      text-align: left;
    }

    .vision-mission-bx p {
      text-align: left;
    }

    .about-sctn .images {
      min-height: auto;
      margin-bottom: 15px;
    }

    .about-sctn .buttons-about-sctn {
      margin-top: 23px;
    }

    .our-course-sctn {
      padding: 40px 17px 30px;
    }

    /*--------about-------wrap----------end--------*/

    /*------course-----wrap---start-----------*/

     .our-course-sctn .outer-box {
        flex-wrap: wrap;
        margin: 20px auto; 
    }

    .our-course-sctn .course-block {
        flex: 1 1 100% !important; 
        min-height: auto; 
        margin: 10px 0;
    }

    .course-block .image-box .image img {
      height: 310px;
    }

    .course-block .content-box {
      left: 10px;
      right: 10px;
      bottom: 20px;
      width: 92%;
      padding: 20px 10px 20px 10px;
    }


    .course-block .content-box .read-more::before {
      background-color: rgba(114, 18, 37, 0.84);
      width: 35px;
      height: 35px;
    }


    .course-block .content-box .read-more {
      top: -13px;
      right: 25px;
      width: 35px;
      height: 35px;
      line-height: 30px;
    }

    /*------course-----wrap---end---------*/

    /*------partner-----wrap-----start---------*/

    .heading3 h2 {
      font-size: 26px;
      line-height: 38px;
      margin-bottom: 20px;
    }


    .logo-slider-area {
      padding: 20px 0px 25px;
    }

    /*------partner-----wrap-----end---------*/

    /*--------study----destination-----wrap---start---------*/

    .stdy-abrd-sctn {
      padding: 40px 15px 220px;
    }

    .study_abroad_wrap {
      margin: -203px auto 0px;
      padding: 0px 32px 0px;
    }

    /*--------study----destination-----wrap---end---------*/

    /*-------universities-----wrap---start--------*/


    .uni-sctn {
      padding: 32px 0px 10px;
    }

    .portfolio-tab-1 .filter-menu-active {
    gap: 12px 11px;
    padding: 30px 0px 28px;
  }

  .uni-block{
    margin:0px auto 30px;
  }

  .uni-block .inner-box .content .text {
  white-space: break-spaces;
}



/*-------universities-----wrap---end---------*/

/*-------services-----wrap---start---------*/

.services_sctn {
  padding: 40px 20px;
}

.service-content h4 {
  font-size: 19px;
}

.service2-box {
  margin-top: 55px;
  padding: 50px 15px 30px 15px;
  height: auto;
}


/*-------services-----wrap---end---------*/


/*------testimonials----wrap---start---------*/

.testimonial-sctn {
  padding: 40px 5px 30px;
}


.testi-bx {
  padding: 0 10px 15px;
  min-height: auto;
}

.testi-bx .author-box {
  position: relative;
  padding: 10px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  display: flex;
  align-items: center;
}

.testi-bx .text {
  font-size: 14px;
  line-height: 27px;
  margin-top: 8px;
}

.author-box .author-image {
  position: unset;
  transform: translateX(0%);
}

.author-box .author-info {
    padding: 0px;
    width: 67%;
}


/*------testimonials----wrap-----end-------*/




/*------counter----wrap----start-------*/

.counter_box {
  padding: 20px 0 20px;
}

.funfact-one__grid {
  grid-template-columns: repeat(2, 1fr);
}

/*------counter----wrap----end-------*/


/*--------faq---wrap----start--------*/

.faq_counter-sctn {
  padding: 35px 10px 25px;
}


.faq_counter-sctn .faq-one__image-inner img{
    display: none;
}

.faq-all-area {
  margin-left: 0px;
}

.faq-all-area .accordion-item .accordion-body p{
    text-align: left;
    font-size: 13px;
}

/*--------faq---wrap----end-------*/


/*------cta----wrap----start-----*/

.cta-one {
  padding: 30px 0;
}


.cta-one__title {
  margin-bottom: 24px;
  font-size: 25px;
}

.cta_content {
  width: 95%;
  font-size: 15px;
  line-height: 25px;
}

.cta-one__image-one,
.cta-one__image-two{
    display: none;
}


.cta_btn {
    margin-top: 20px;
}

.cta_btn__icon {
  width: 33px;
  height: 32px;
}

/*------cta----wrap----end-----*/


/*-------blog-----wrap-------start------*/

.blog-sctn {
  padding: 30px 10px 20px;
}

.blog-sctn .slider-rgt-buttons {
  text-align: start;
}

.blog-sctn .slider-rgt-buttons button {
  height: 37px;
  width: 37px;

}

.blog-slider {
  margin-top: 25px;
}

.blog-card {
  padding: 10px 10px 5px;
  margin: 0px 0px;
}


/*-----blog---wrap----end-----*/

.progress-wrap {
  right: 21px;
  bottom: 55px;
  height: 43px;
  width: 43px;
}

.progress-wrap::after {
  line-height: 43px;
  font-size: 16px;
  height: 43px;
  width: 43px;
}


.footer {
  padding: 33px 5px 25px;
}

.foot-abt-para p {
  text-align: left;
  width: 100%;
}

.breadcrumb-cntnt .brd-crmb-hdg {
  font-size: 24px;
}


.breadcrumb-cntnt .brd-crmb-hdg::after {
  width: 34px;
  top: 17px;
  margin-left: 10px;
}

.breadcrumb-cntnt .brd-crmb-lst {
  margin-top: 5px;
}

.breadcrumb-cntnt {
  margin-top: 33px;
}


.brdcm-hdr {
  height: 132px;
}

.brdrmb-img {
  bottom: -42px;
}

.brdrmb-img img {
  width: 65%;
}

.msg-sectn {
  padding: 30px 0;
}




}

/*--------------mobile---------responsive--------end-----------*/



/*--------------tablet--------responsive--------start-----------*/

@media only screen and (min-width: 768px) and (max-width: 992px) {


    /*------course-----wrap---start-----------*/
     .our-course-sctn .course-block {
        min-height: 350px;
        flex: 1 1 calc(50% - 10px); /* 2 per row */
      }
    /*------course-----wrap---end-----------*/



    .hero-area5 {
      min-height: 470px;
    }

    .hero-area5 .main-heading {
      margin-top: 5px;
    }

    .hero-area5 .main-heading h1 {
          font-size: 30px;
          line-height: 38px;
        }

        .hero-area5 .images-all {
          height: 395px;
          margin-bottom: 0px;
        }


        .hero-area5 .main-heading span.span {
          font-size: 15px;
          line-height: 16px;
          padding: 7px 9px;
        }

        .hero-area5 .main-heading p {
          font-size: 15px;
          line-height: 27px;
        }

        .bdr-bttn, .cistdy-btn{
            font-size: 14px;
            padding: 10px 8px 9px 8px;
        }

        .bdr-bttn span,
        .cistdy-btn span {
            font-size: 12px;
        }

        .course-fnd-icon{
          display: none;
        }

        .bannr-course-box {
          padding: 27px 20px;
        }

        .bannr-course-srch-bar {
          justify-content: start;
          row-gap: 15px;
          column-gap: 16px;
        }

        .about-sctn {
          padding: 50px 35px 35px;
        }


        .about-sctn .images .image2 {
          right: 30px;
          bottom: 100px;
        }

        .about-sctn .images {
          min-height: 540px;
        }

        .about-sctn .buttons-about-sctn {
          margin-top: 35px;
      }

      .our-course-sctn {
        padding: 25px 25px 35px;
      }

      /*------course-----wrap---start-----------*/

     .our-course-sctn .outer-box {
        flex-wrap: wrap;
        margin: 20px auto; 
        column-gap: 18px;
    }

    .our-course-sctn .course-block {
        flex: 1 1 45% !important; 
        min-height: auto; 
        margin: 10px 0;
    }

    .course-block .image-box .image img {
      height: 310px;
    }

    .course-block .content-box {
      left: 10px;
      right: 10px;
      bottom: 20px;
      width: 92%;
      padding: 20px 10px 20px 10px;
    }


    .course-block .content-box .read-more::before {
      background-color: rgba(114, 18, 37, 0.84);
      width: 35px;
      height: 35px;
    }


    .course-block .content-box .read-more {
      top: -13px;
      right: 25px;
      width: 35px;
      height: 35px;
      line-height: 30px;
    }

    /*------course-----wrap---end---------*/

    .heading h2 {
      font-size: 31px;
      margin-bottom: 6px;
    }

    .heading3 h2 {
      font-size: 29px;
      margin-bottom: 15px;
    }

    .university-logo-slide .single-slider {
      width: 200px !important;
    }


    .logo-slider-area {
      padding: 25px 0px 30px;
    }


    .uni-block{
      margin-bottom: 20px;
    }


    .uni-block .inner-box .content .text {
      white-space: normal;
    }

    .testimonial-sctn {
      padding: 55px 35px 55px;
    }

    .testi-bx {
      min-height: 395px;
    }

    .testi-bx .content {
      height: 227px;
      overflow-y: scroll;   
      scrollbar-width: none; 
      -ms-overflow-style: none; 
      padding-top: 10px;
    }

    .testi-bx .content::-webkit-scrollbar {
      display: none; 
    }

    .funfact-one__grid {
      grid-template-columns: repeat(3, 1fr);
    }

    .faq_counter-sctn .faq-one__image-inner img {
      width: 335px;
      height: 698px;
    }

    .faq_counter-sctn {
      padding: 50px 20px 30px;
    }

    .faq-all-area .accordion-item .accordion-body {
      text-align: left;
    }

    .cta-one__title {
      margin-bottom: 17px;
      font-size: 30px;
    }

    .cta_content {
      font-size: 16px;
      line-height: 27px;
    }


    .cta-one__image-two {
      right: 55px;
      width: 150px;
    }

    .cta-one__image-one {
      left: 12px;
      width: 218px;
    }

    .blog-sctn {
      padding: 40px 25px 50px;
    }


    .blog-card {
      padding: 19px 17px 13px;
    }

    .footer {
      padding: 35px 0px 30px;
    }

    .single-footer-items h3 {
      font-size: 21px;
      margin-bottom: 21px;
    }

    .footer .social-icon {
      margin-top: 18px;
      margin-bottom: 27px;
    }

    .slider-all{
      padding: 0px 23px;
    }

    .contact-page__form {
      margin-bottom: 23px;
    }

    .contact-page__form {
      padding: 64px 40px 20px;
    }

    .breadcrumb-cntnt {
      margin-top: 24px;
    }

    .brdcm-hdr {
      height: 170px;
    }


     .tstmonail-lst .testi-bx .content {
      height: auto;
     }

     .inr-pg-sctn-pd {
        padding: 45px 0 40px 0;
      }

      .inr-pg-sctn-pd {
        padding: 40px 0 45px 0;
      }

      .inr-pges .stdy-cntnt .stdy-cntnt2 {
        height: 345px;
      }

      .stdy-menu .stdy-menus ul {
        gap: 14px 7px;
      }


}

/*-------------tablet---------responsive--------end-----------*/