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

      /* Styles for phones */
      .navbar-collapse{
        background-color: #6A307D;
        padding: 20px;
        margin: 5px 10px;
        text-align: center;

      }

      .overlayMTC h1{
          margin-top: 0;
      }

      .findtutorHeader{
        margin-top: 100px !important;
      }

      .mobileBanner{
        display: block !important;
        margin-top: 30px;
      }

      .desktopBanner{
        display: none;
      }

      .tabBanner{
        display: none;
      }

      .tabBanner2{
          display: none;
      }

      .navbar-dark .navbar-nav .nav-link{
        color: white !important;

      }

      header .navbar .nav-link.active{
        color: white !important;
      }

      .topLine{
        border-top: 1px solid rgba(255, 255, 255, 0.596);
        margin-top: 20px;
        padding-top: 20px;
      }

      .mobBtn{
        display: block;
      }
      .deskBtn{
        display: none;
      }

      .deskBtn span{
        display: block;
      }

      .mobLang{
        display: block;
      }

      .mobLang li{
        margin: 0 auto;
        width: 65px;
        background-color: white;
        color: black;
        border-radius: 60px;
      }
      .subSec {
        padding: 0px 10px;
        margin: 30px 10px;

      }

      .subSec ul li {
        flex: 0 0 25%;
      }

        .tutorHeader h1{
          font-size: 3rem;
            font-weight: 600;

        }
        .bannerSec{
          padding-top: 85px;
        }

        .advSearTextLeft{
          display: none;
        }

        .tutor-section-ex{
          margin-top: 100px;
        }

        .findtutor-btns{
          display: block;
          text-align: center;
        }

        .drpdwn select {
          width: 80%;
          margin-bottom: 15px;
        }

        .findtutor-btns button{
          width: 150px;
          padding: 7px;
        }


        #accordion{
          width: 100%;
        }

        .advceAccordian{
          width: 16rem;

        }

        .accor{
          display: flex;
          justify-content: center;
        }

        .logoMobNum{
          display: block;
        }


        .imgNumber{
          left:180px;
        }

        .howitwork-sec{
          background-image: none;
        }

        .footer-bottom{
          text-align: center;
          padding: 0 60px;
        }



        .tutor-banner{
          height: 550px;
        }

        .rightside {
          padding: 60px 30px;
          width: 100%;
        }

        .trial {
          padding: 80px 25px;
        }

        .bannText{
          padding:0px 45px 0px 60px
        }

        .dash{
          display: none;
        }

        .abc{
          line-height: 30px;
        }


        .whyChooseUsouter{
          height: 612px;
          border-radius: 20px;
        }

      .whyChooseUsTop{
        width: 100%;
        background-image: url(../img/whyChooseMob.png);
        background-position: center;
        background-repeat: no-repeat;
        height: 760px;
        border-radius: 20px;
      }

      .getstartedBtnPosition{
        position: relative;
            top: 270px;
            left: -110px;
      }


      .resourcesTop{
        width: 100%;
        height: 530px;
        border-radius: 20px;
        background-image: url(../img/Group\ 933.png);
        background-position: right;
        background-repeat: no-repeat;
        background-color: #F6F9F8;
      }

      .resourcesBottom button{
        float: none;
      }

      .logoMobNum{
        margin: 0 auto;
      }

      .logo > .mob{
        margin-left: 0;
      }
      .how-card2{
        width: 100%;
      }

      .cardText{
        width: 100%;
        padding-bottom: 100px;
      }


      .imgNumber1 {
        z-index: 1;
        width: 150px;
        height: 150px;
        position: relative;
        left: 180px;
        bottom: 100px;
      }
      .imgNumber1 .shaddow-shape1{
        width: 155px;

      }

      .numbr11 {
        position: relative;
        bottom: 160px;
        left: 60px;
        width: 55px;
        z-index: 100;
      }


      .imgNumber2 {
        z-index: 1;
        width: 150px;
        height: 150px;
        position: relative;
        left: 180px;
        bottom: 120px;
      }
      .imgNumber2 .shaddow-shape2{
        width: 155px;

      }
      .numbr22 {
        position: relative;
        bottom: 165px;
        left: 20px;
        width: 110px;
        z-index: 100;
    }



      .imgNumber3 {
        z-index: 1;
        width: 150px;
        height: 150px;
        position: relative;
        left: 190px;
        bottom: 100px;
      }
      .imgNumber3 .shaddow-shape3{
        width: 155px;

      }

      .numbr33 {
        position: relative;
        bottom: 140px;
        left: 35px;
        width: 89px;
        z-index: 100;
    }

    .howitwork-sec2{
      background-image: none;
    }


    .trialBtn {
      display: flex;
      justify-content: center;
    }

    .profileSec2{
      flex:1;
      background: linear-gradient(180deg, hsla(0, 0%, 100%, 1) 0%, hsla(282, 38%, 95%, 1) 58%, hsla(286, 22%, 88%, 1) 100%);
    }
    .profileSec1{
      float: right;
    }


    .custom-select {
      margin-bottom: 15px !important;
    }

    .profileSec1{
      order: 2;
    }

    .profileSec2{
      order: 1;
    }

    header {
      padding-top: 20px ;
    }


    .padd-200{
      padding: 10px 50px;
    }


    .padd-50{
      padding: 10px 200px;
    }

    .topBtn{
      display: none;
    }

    .tutorDetails{
      padding: 0 30px;
    }



    #booktrial{
      width: 100%;
    }


    }


  @media only screen and (min-width: 410px) and (max-width: 520px) {

    .navbar-collapse{
      background-color: #6A307D;
      padding: 20px;
      margin: 5px 10px;
      text-align: center;

    }




    .padd-50{
      padding: 10px 50px;
    }

    .findtutorHeader{
      margin-top: 90px !important;
    }

    .desktopBanner{
      display: none;
    }

    .mobileBanner{
      display: block !important;
      margin-top: 80px;
    }

    .tabBanner{
      display: none;
    }
    .tabBanner2{
        display: none;
    }

    .navbar-dark .navbar-nav .nav-link{
      color: white !important;

    }

    header .navbar .nav-link.active{
      color: white !important;
    }

    .topLine{
      border-top: 1px solid rgba(255, 255, 255, 0.596);
      margin-top: 20px;
      padding-top: 20px;
    }

    .mobBtn{
      display: block;
    }
    .deskBtn{
      display: none;
    }

    .deskBtn span{
      display: block;
    }

    .mobLang{
      display: block;
    }

    .mobLang li{
      margin: 0 auto;
      width: 65px;
      background-color: white;
      color: black;
      border-radius: 60px;
    }
    .bannerSec{
      padding-top: 0px;
    }
    .advSearTextLeft{
      display: none;
    }

    .tutor-section-ex{
      margin-top: 100px;
    }

    .tutorDetails{
      padding: 0 75px;
     }


    .findtutor-btns{
      display: block;
      text-align: center;
    }

    .drpdwn select {
      width: 80%;
      margin-bottom: 15px;
    }


    .drpdwn select {
      width: 80%;
      margin-bottom: 15px;
    }

    .findtutor-btns button{
      width: 150px;
      padding: 7px;
    }



    .accor{
      display: flex;
      justify-content: center;
    }
    #accordion{

      width: 100%;
    }

    .advceAccordian{
      width: 18rem;

    }

    .logoMobNum{
      display: block;
    }
    .imgNumber{
      left:220px;
    }


    .howitwork-sec{
      background-image: none;
    }

    .footer-bottom{
      text-align: center;
      padding: 0 80px;
    }
    .subSec {

      padding: 0px 10px;
      /* margin: 100px 10px; */

    }


    .tutor-banner{
      height: 500px;
    }

    .rightside {
      padding: 60px 30px;
      width: 100%;
    }

    .trial {
      padding: 50px 25px;
    }

    .bannText{
      padding:0px 45px 0px 60px
    }

    .trialBtn {
      display: flex;
      justify-content: center;
     }


     .whyChooseUsouter{
      height: 590px;
      border-radius: 20px;
    }

  .whyChooseUsTop{
    width: 100%;
    background-image: url(../img/whyChooseMob.png);
    background-position: right;
    background-repeat: no-repeat;
    height: 730px;
    border-radius: 20px;
  }

  .getstartedBtnPosition{
    position: relative;
        top: 270px;
        left: -110px;
  }

  .resourcesTop{
    width: 100%;
    height: 530px;
    border-radius: 20px;
    background-image: url(../img/Group\ 933.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #F6F9F8;
  }

  .resourcesBottom button {
    float: none;
  }

  .how-card2{
    width: 100%;
  }



  .cardText{
    width: 100%;
    padding-bottom: 100px;
  }


  .imgNumber1 {
    z-index: 1;
    width: 150px;
    height: 150px;
    position: relative;
    left: 320px;
    bottom: 100px;
  }
  .imgNumber1 .shaddow-shape1{
    width: 155px;

  }

  .numbr11 {
    position: relative;
    bottom: 160px;
    left: 60px;
    width: 55px;
    z-index: 100;
  }


  .imgNumber2 {
    z-index: 1;
    width: 150px;
    height: 150px;
    position: relative;
    left: 320px;
    bottom: 120px;
  }
  .imgNumber2 .shaddow-shape2{
    width: 155px;

  }
  .numbr22 {
    position: relative;
    bottom: 165px;
    left: 20px;
    width: 110px;
    z-index: 100;
  }



  .imgNumber3 {
    z-index: 1;
    width: 150px;
    height: 150px;
    position: relative;
    left: 320px;
    bottom: 100px;
  }
  .imgNumber3 .shaddow-shape3{
    width: 155px;

  }

  .numbr33 {
    position: relative;
    bottom: 140px;
    left: 35px;
    width: 89px;
    z-index: 100;
  }

  .howitwork-sec2{
    background-image: none;
  }


  .overlayMTC h1{
    font-size: 3.5rem;
  }





  .overlayMTC {
    /* height: 805px; */
  }

  .custom-select {
    margin-bottom: 15px !important;
   }



   .profileSec1{
    order: 2;
   }

   .profileSec2{
    order: 1;
   }

   .dash{
    display: none;
  }

  header {
    padding-top: 20px ;
  }

  .padd-200{
    padding: 30px 80px;
  }

  .pt80{
    margin-top: 80px;
  }
  .pt100{
    margin-top: 100px;
  }

  .tutorHeader h1{
    margin-top: 80px;

  }




  }

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

    .navbar-collapse{
      background-color: #6A307D;
      padding: 20px;
      margin: 5px 10px;
      text-align: center;

    }



    .padd-50{
      padding: 10px 50px;
    }

    .findtutorHeader{
      margin-top: 90px !important;
    }

    .desktopBanner{
      display: none;
    }

    .mobileBanner{
      display: block !important;
      margin-top: 80px;
    }

    .tabBanner{
      display: none;
    }
    .tabBanner2{
        display: none;
    }

    .navbar-dark .navbar-nav .nav-link{
      color: white !important;

    }

    header .navbar .nav-link.active{
      color: white !important;
    }

    .topLine{
      border-top: 1px solid rgba(255, 255, 255, 0.596);
      margin-top: 20px;
      padding-top: 20px;
    }

    .mobBtn{
      display: block;
    }
    .deskBtn{
      display: none;
    }

    .deskBtn span{
      display: block;
    }

    .mobLang{
      display: block;
    }

    .mobLang li{
      margin: 0 auto;
      width: 65px;
      background-color: white;
      color: black;
      border-radius: 60px;
    }
    .bannerSec{
      padding-top: 0px;
    }
    .advSearTextLeft{
      display: none;
    }

    .tutor-section-ex{
      margin-top: 100px;
    }

    .tutorDetails{
      padding: 0 75px;
     }


    .findtutor-btns{
      display: block;
      text-align: center;
    }

    .drpdwn select {
      width: 80%;
      margin-bottom: 15px;
    }


    .drpdwn select {
      width: 80%;
      margin-bottom: 15px;
    }

    .findtutor-btns button{
      width: 150px;
      padding: 7px;
    }



    .accor{
      display: flex;
      justify-content: center;
    }
    #accordion{

      width: 100%;
    }

    .advceAccordian{
      width: 18rem;

    }

    .logoMobNum{
      display: block;
    }
    .imgNumber{
      left:220px;
    }


    .howitwork-sec{
      background-image: none;
    }

    .footer-bottom{
      text-align: center;
      padding: 0 80px;
    }
    .subSec {

      padding: 0px 10px;
      /* margin: 100px 10px; */

    }


    .tutor-banner{
      height: 500px;
    }

    .rightside {
      padding: 60px 30px;
      width: 100%;
    }

    .trial {
      padding: 50px 25px;
    }

    .bannText{
      padding:0px 45px 0px 60px
    }

    .trialBtn {
      display: flex;
      justify-content: center;
     }


     .whyChooseUsouter{
      height: 590px;
      border-radius: 20px;
    }

  .whyChooseUsTop{
    width: 100%;
    background-image: url(../img/whyChooseMob.png);
    background-position: right;
    background-repeat: no-repeat;
    height: 730px;
    border-radius: 20px;
  }

  .getstartedBtnPosition{
    position: relative;
        top: 270px;
        left: -110px;
  }

  .resourcesTop{
    width: 100%;
    height: 530px;
    border-radius: 20px;
    background-image: url(../img/Group\ 933.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #F6F9F8;
  }

  .resourcesBottom button {
    float: none;
  }

  .how-card2{
    width: 100%;
  }



  .cardText{
    width: 100%;
    padding-bottom: 100px;
  }


  .imgNumber1 {
    z-index: 1;
    width: 150px;
    height: 150px;
    position: relative;
    left: 320px;
    bottom: 100px;
  }
  .imgNumber1 .shaddow-shape1{
    width: 155px;

  }

  .numbr11 {
    position: relative;
    bottom: 160px;
    left: 60px;
    width: 55px;
    z-index: 100;
  }


  .imgNumber2 {
    z-index: 1;
    width: 150px;
    height: 150px;
    position: relative;
    left: 320px;
    bottom: 120px;
  }
  .imgNumber2 .shaddow-shape2{
    width: 155px;

  }
  .numbr22 {
    position: relative;
    bottom: 165px;
    left: 20px;
    width: 110px;
    z-index: 100;
  }



  .imgNumber3 {
    z-index: 1;
    width: 150px;
    height: 150px;
    position: relative;
    left: 320px;
    bottom: 100px;
  }
  .imgNumber3 .shaddow-shape3{
    width: 155px;

  }

  .numbr33 {
    position: relative;
    bottom: 140px;
    left: 35px;
    width: 89px;
    z-index: 100;
  }

  .howitwork-sec2{
    background-image: none;
  }


  .overlayMTC h1{
    font-size: 4rem;
  }



  .findtutor-btns{
    margin: 40px 0;
  }

  .overlayMTC {
    /* height: 805px; */
  }

  .custom-select {
    margin-bottom: 15px !important;
   }



   .profileSec1{
    order: 2;
   }

   .profileSec2{
    order: 1;
   }

   .dash{
    display: none;
  }

  header {
    padding-top: 20px ;
  }

  .padd-200{
    padding: 30px 80px;
  }

  .pt80{
    margin-top: 80px;
  }
  .pt100{
    margin-top: 100px;
  }

  .tutorHeader h1{
    margin-top: 120px;

  }
  .findtutor-btns{
    margin: 60px 0px;
  }

  .subSec{
    margin-top: 60px;
  }



  }

  @media only screen and (min-width: 601px) and (max-width: 767px) {
    /* Styles for tablets */
    .tabBanner{
        display: none;
      /* margin-top: 80px; */
    }
    .desktopBanner{
      display: none;
    }

    .mobileBanner{
      display: none;
    }
    .tabBanner2{
        display: block !important;
    }

    .bannerSec {
        margin-top: 120px;
        padding-top: 0;
    }



   .tutorHeader {
    padding: 90px 0;
   }


    .navbar-collapse{
      background-color: #6A307D;
      padding: 20px;
      margin: 5px 10px;
      text-align: center;

    }

    .navbar-dark .navbar-nav .nav-link{
      color: white !important;
    }

    header .navbar .nav-link.active{
      color: white !important;
    }

    .topLine{
      border-top: 1px solid rgba(255, 255, 255, 0.596);
      margin-top: 20px;
      padding-top: 20px;
    }

    .mobBtn{
      display: block;
    }
    .deskBtn{
      display: none;
    }

    .deskBtn span{
      display: block;
    }

    .mobLang{
      display: block;
    }

    .mobLang li{
      margin: 0 auto;
      width: 65px;
      background-color: white;
      color: black;
      border-radius: 60px;
    }

    .tutorHeader h1{


      margin-top: 0;
    }

    .advSearTextLeft{
      display: none;
    }

    .tutor-section-ex{
      margin-top: 370px;
    }





    .findtutor-btns{
      display: block;
      text-align: center;
    }





    .drpdwn select {
      width: 80%;
      margin-bottom: 15px;
    }

    .findtutor-btns button{
      width: 150px;
      padding: 7px;
    }

    #accordion{

      width: 100%;
    }

    .accor{
      display: flex;
      justify-content: center;
    }

    .logoMobNum{
      display: block;
    }
    .imgNumber{
      left:350px;
    }

    .howitwork-sec{
      background-image: none;
    }

    .advceAccordian{
      width: 20rem;

    }

    .overlayMTC{
      /* height: 660px; */
    }


    /* .tutor-banner{
      height: 500px;
    } */

    .rightside {
      padding: 60px 30px;
      width: 100%;
    }

    .trial {
      padding: 80px 25px;
    }

    .bannText{
      padding:0px 45px 0px 60px
    }


    .trialBtn {
      display: flex;
      justify-content: center;
     }


     .whyChooseUsouter{
      height: 590px;
      border-radius: 20px;
    }

  .whyChooseUsTop{
    width: 100%;
    background-image: url(../img/whyChooseMob.png);
    background-position: right;
    background-repeat: no-repeat;
    height: 730px;
    border-radius: 20px;
  }

  .getstartedBtnPosition{
    position: relative;
        top: 270px;
        left: -110px;
  }

  .resourcesTop{
    width: 100%;
    height: 530px;
    border-radius: 20px;
    background-image: url(../img/Group\ 933.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #F6F9F8;
  }

  .resourcesBottom button {
    float: none;
  }


  .how-card2{
    width: 100%;
  }



  .cardText{
    width: 100%;
    padding-bottom: 100px;
  }


  .imgNumber1 {
    z-index: 1;
    width: 150px;
    height: 150px;
    position: relative;
    left: 320px;
    bottom: 100px;
  }
  .imgNumber1 .shaddow-shape1{
    width: 155px;

  }

  .numbr11 {
    position: relative;
    bottom: 160px;
    left: 60px;
    width: 55px;
    z-index: 100;
  }


  .imgNumber2 {
    z-index: 1;
    width: 150px;
    height: 150px;
    position: relative;
    left: 320px;
    bottom: 120px;
  }
  .imgNumber2 .shaddow-shape2{
    width: 155px;

  }
  .numbr22 {
    position: relative;
    bottom: 165px;
    left: 20px;
    width: 110px;
    z-index: 100;
  }



  .imgNumber3 {
    z-index: 1;
    width: 150px;
    height: 150px;
    position: relative;
    left: 320px;
    bottom: 100px;
  }
  .imgNumber3 .shaddow-shape3{
    width: 155px;

  }

  .numbr33 {
    position: relative;
    bottom: 140px;
    left: 35px;
    width: 89px;
    z-index: 100;
  }

  .howitwork-sec2{
    background-image: none;
  }

  .profileSec1{
    order: 2;
   }

   .profileSec2{
    order: 1;
   }
   .findtutSec-ex{
    margin-top: 100px;
   }

   .dash{
    display: none;

      }

      header {
        padding-top: 20px ;
      }

      .padd-200{
        padding: 10px 100px;
      }


  }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    /* Styles for small desktops */

    .padd-200{
      padding: 0 200px;
    }
    .padd-80{
      padding: 0 80px;
    }


    /* .order3{
      order: 2;
    }
    .order2{
      order: 3;
    }
     */

     .order3{
      margin-top: -320px;
     }

    .profileSec1{
      order: 2;
     }

     .profileSec2{
      order: 1;
     }

     header {
      padding: 30px 0;
    }

    .navbar-collapse{
      background-color: #6A307D;
      padding: 20px;
      margin: 5px 10px;
      text-align: center;

    }

    .findtutorHeader{
      margin-top: 50px !important;
    }



    .navbar-dark .navbar-nav .nav-link{
      color: white !important;

    }

    header .navbar .nav-link.active{
      color: white !important;
    }

    .topLine{
      border-top: 1px solid rgba(255, 255, 255, 0.596);
      margin-top: 20px;
      padding-top: 20px;
    }

    .mobBtn{
      display: block;
    }
    .deskBtn{
      display: none;
    }

    .deskBtn span{
      display: block;
    }

    .mobLang{
      display: block;
    }

    .mobLang li{
      margin: 0 auto;
      width: 65px;
      background-color: white;
      color: black;
      border-radius: 60px;
    }

    .pl-lg-5, .px-lg-5{
      padding-left: 0 !important;
    }




    .tutorHeader h1{

      margin-top: 60px;
    }


    .advSearTextLeft{
      display: none;
    }

    /* .tutor-section-ex{
      margin-top: 250px;
    } */

    /* .findtutor-btns{
      display: block;
    } */

    .drpdwn select {
      width: 80%;
      margin-bottom: 15px;
    }

    .findtutor-btns button{
      width: 150px;
      padding: 7px;
    }


    #accordion{
      width: 100%;
    }

    .advceAccordian{
      width: 16rem;

    }

    .accor{
      display: flex;
      justify-content: center;
    }

    /* .logoMobNum{
      display: block;
    } */


    .imgNumber{
      left:180px;
    }

    .howitwork-sec{
      background-image: none;
    }

    .overlayMTC{
      /* height: 600px; */
    }




    .rightside {
      padding: 60px 30px;
      width: 100%;
    }

    .trial {
      padding: 80px 25px;
    }

    .bannText{
      padding:0px 45px 0px 60px
    }

    .trialBtn {
      display: flex;
      justify-content: center;
     }


  .how-card2{
    width: 100%;
  }



  .cardText{
    width: 100%;
    padding-bottom: 100px;
  }


  .imgNumber1 {
    z-index: 1;
    width: 150px;
    height: 150px;
    position: relative;
    left: 490px;
    bottom: 100px;
  }
  .imgNumber1 .shaddow-shape1{
    width: 155px;

  }

  .numbr11 {
    position: relative;
    bottom: 160px;
    left: 60px;
    width: 55px;
    z-index: 100;
  }


  .imgNumber2 {
    z-index: 1;
    width: 150px;
    height: 150px;
    position: relative;
    left: 490px;
    bottom: 120px;
  }
  .imgNumber2 .shaddow-shape2{
    width: 155px;

  }
  .numbr22 {
    position: relative;
    bottom: 165px;
    left: 20px;
    width: 110px;
    z-index: 100;
  }



  .imgNumber3 {
    z-index: 1;
    width: 150px;
    height: 150px;
    position: relative;
    left: 490px;
    bottom: 100px;
  }
  .imgNumber3 .shaddow-shape3{
    width: 155px;

  }

  .numbr33 {
    position: relative;
    bottom: 140px;
    left: 35px;
    width: 89px;
    z-index: 100;
  }

  .howitwork-sec2{
    background-image: none;
  }

  .findtutSec-ex{
    margin-top: 70px;
   }

   .tabBanner{
    display: block;
  }

  .tabBanner2{
    display: none;
  }
  .desktopBanner{
    display: none;
  }

  .mobileBanner{
    display: none;
  }


  .tutorProfPic{
    padding: 0;
  }

  .tabView{
    display: flex;

  }

  .btnSize{
    margin-right: 20px;
    width: 50%;
  }



  .freeTrial a, .expMore a{

    padding: 8px 0px;

  }

  }
  @media only screen and (min-width: 993px) and (max-width: 1200px) {
    /* Styles for large desktops */

    .navbar-collapse{
      background-color: #6A307D;
      padding: 20px;
      margin: 5px 10px;
      text-align: center;

    }

    .findtutorHeader{
      margin-top: 50px !important;
    }



    .navbar-dark .navbar-nav .nav-link{
      color: white !important;
    }

    header .navbar .nav-link.active{
      color: white !important;
    }

    .topLine{
      border-top: 1px solid rgba(255, 255, 255, 0.596);
      margin-top: 20px;
      padding-top: 20px;
    }

    .mobBtn{
      display: block;
    }
    .deskBtn{
      display: none;
    }

    .deskBtn span{
      display: block;
    }

    .mobLang{
      display: block;
    }

    .mobLang li{
      margin: 0 auto;
      width: 65px;
      background-color: white;
      color: black;
      border-radius: 60px;
    }



    .tutorHeader h1{


      margin-top: 0px;
    }

    .tutorHeader{
      padding: 20px 0;
    }

    .tutor-section-ex{
      margin-top: 200px;
    }

    .tutor-banner{
      height: 550px;
    }

    /* .rightside {
      padding: 60px 30px;
      width: 100%;
    } */

    .trial {
      padding: 80px 25px;
    }

    .bannText{
      padding:0px 45px 0px 60px
    }



    .imgNumber{
      left:160px;
    }

    .howitwork-sec{
      background-position: 130px 245px;
    }

    .trial {
      padding: 80px 25px;
    }

    .trialBtn {
     display: flex;
     justify-content: center;
    }


    .imgNumber1 {

      position: relative;
      left: 350px;

    }

    .imgNumber2 {

      position: relative;
      left: 715px;
      top:90px;

    }

    .imgNumber3 {

      position: relative;
      left: 350px;

    }

    .howitwork-sec2{
      background-position: 100px 325px;
    }
    .overlayMTC{
      height: 640px;
    }


    #accordion{
      width: 100%;
    }

    .advceAccordian{
      width: 38rem;

    }

    .accor{
      display: flex;
      justify-content: center;
    }


    header {
      padding: 30px 0;
    }

    .pl-lg-5, .px-lg-5{
      padding-left: 0px;
    }

    .bannerSec {
        margin-top: 110px;
        padding: 0;
    }


    .tabBanner{
      display: none;
    /* margin-top: 80px; */
  }
  .desktopBanner{
    display: block !important;
  }

  .mobileBanner{

    display: none;
  }
  .tabBanner2{
    display: none;
  }


  }

  @media only screen and (min-width: 1201px) and (max-width: 1500px) {

   /* my laptop size */
  }


  @media only screen and (min-width: 1501px) and (max-width: 1800px) {
    .overlayMTC{
      /* height: 650px; */
    }

    .tutorHeader h1{
      /* background-color: rgb(31, 212, 101); */
      margin-top: 100px;
    }

    #accordion{
      width: 100%;
    }

    .advceAccordian{
      width: 44rem;

    }

    .accor{
      display: flex;
      justify-content: center;
    }
    header {
      padding: 30px 0;
    }

    .howitwork-sec2{
        background-position: 400px 300px;
      }
  }

  @media only screen and (min-width: 1801px) {
    /* Styles for extra large desktops */
    .overlayMTC{
      /* height: 750px; */
    }

    .tutorHeader h1{
      /* background-color: red; */
      margin-top: 100px;
    }

    #accordion{
      width: 100%;
    }

    .advceAccordian{
      width: 46rem;

    }

    .accor{
      display: flex;
      justify-content: center;
    }

    header {
      /* padding: 30px 0; */
  }


  .howitwork-sec{
    background-position: 650px 245px;;
  }

  .howitwork-sec2{
    background-position: 600px 300px;
  }
  }