/*-------------- media section ---------------*/
@media screen and (max-width:1920px) and (min-width:1600px) {
  .about_me{
        padding-left: 30px
  }
}
 @media screen and (max-width:1600px) and (min-width:1200px) {
   #myBtn i{
     bottom: 14%;
     font-size: 18px;
     height: 60px;
      width: 60px;
      padding: 18px 23px;
          right: 9.5%;
   }
   #slider .slider-heading {
       font: 600 38px/51px Outfit;
       margin-bottom: 20px;
   }
   #event .event-content-inner .event-title{
       line-height: 0.5;
 }
 #event .event-title a, #all-event .event-title a {
   font: normal normal 600 16px/20px Outfit;
   color: #000;
   }
  #event .event-content-inner{
        padding: 16px 0;
  }
  #event .fas.fa-arrow-up.slick-arrow, #event .fas.fa-arrow-down.slick-arrow{
        left: -30px;
  }
  #testimonials .owl-nav {
    position: absolute;
    left: -106%;
    bottom: 0px;
  }
  #slider-right-img3{
    bottom: 5%;
    right: 27%;
    width: 227px
  }
  #slider-right-img2{
    height: 270px;
    right: 11%;
    top: 37%;
  }
  #slider-right-img4{
    top: 115px;
    right: 21px;
    width: 202px;
  }
  #slider-right-img5 {
      top: 37%;
      height: 255px;
  }
  #slider-right-img6 {
      right: 10px;
      bottom: 10px;
      width: 225px;
  }
  #slider-right-img7 {
      right: 13%;
      bottom: 0;
      height: 120px;
  }
}


 @media screen and (max-width:1400px) and (min-width:1200px) {
   #slider-right-img1{
     right: 32%;
     top: 5%;
     width: 190px;
   }
   #slider-right-img2{
     height: 253px;
   right: 12%;
   top: 26%;
   }
   #slider-right-img4{
     width: 180px;
   top: 4%;
   right: 23px;
   }
   #slider{
         padding: 60px 0;
   }
   #slider-right-img3{
     width: 200px;
     bottom: 7%;
     right: 31%;
   }
   #slider-right-img6{
     width: 190px;
     right: 50px;
   }
   #slider-right-img7{
       height: 108px;
       right: 16%;
   }
   #slider-right-img5{
     top: 30%;
     height: 260px;
   }
   #myBtn{
    right: 8.5%;
   }
   .certificate-text{
         margin-top: 15px;
   }
   #courses .owl-carousel.owl-loaded {
    margin-top: 25px;
  }
   .main-navigation li{
         padding: 15px 30px 15px 10px;
   }
  .scrolled  .innermenubox, .innermenubox{
          margin-left: 10%;
    }
  .tribe-events-calendar-list__event-details.tribe-common-g-col{
        padding: 3px 11px;
  }
  #header .theme-button{
    font: 400 14px/28px Outfit;
  }
  .search-main-box input[type=search]:focus + span, .search-main-box input[type=search]:focus{
  width: 140px;
  }
  .circle-big svg{
    width: 185px;
    height: 185px;
  }
  .circle-big .bg,   .circle-big .progress{
        r: 65;
  }
  .circle-big .progress{
    transform-origin: 54% 54%;
  }
  #degree-courses .courses-title, #free-courses .courses-title, #Blog .blog-detail .blog-title {
      max-width: 335px;
  }
  #event .slick-slide{
    width: unset !important;
  }
  .woocommerce-cart .wc-block-cart__main {
      width: 63% !important;
      margin-right: 18px !important;
  }
 }
 @media screen and (max-width:1040px){

}

@media screen and (max-width: 1199px) and (min-width:1024px){
  #slider .slider-heading {
      font: 600 35px/50px Outfit;
    }
  #slider-right-img1{
    right: 26%;
    top: 15%;
    width: 190px;
  }
  #slider-right-img2{
    height: 210px;
    right: 14%;
    top: 42%;
  }
  #slider-right-img4{
    width: 165px;
    top: 25%;
    right: 10px;
  }
  #slider{
        padding: 60px 0;
  }
  #slider-right-img3{
    width: 170px;
    bottom: 4%;
    right: 32%;
  }
  #slider-right-img6{
    width: 155px;
    right: 40px;
    bottom: 8px;
  }
  #slider-right-img7{
    height: 95px;
    right: 16%;
  }
  #slider-right-img5{
    top: 47%;
    height: 215px;
  }
  #myBtn{
    bottom: 8%;
    right: 7.4%;
    padding: 14px 20px;
    font-size: 20px;
    border-radius: 50%;
    height: 60px;
    width: 60px;
  }
  #why-choose-us .choose-girl-img{
  left: 0%;
  }
  #category .cat-main-div{
      width: 225px;
  }
  #category .img-category-title a {
    font: 500 20px/23px Outfit;
  }
  .circle-big svg{
    width: 190px;
    height: 190px;
  }
  .circle-big .bg,   .circle-big .progress{
        r: 65;
  }
  .circle-big .progress{
        transform-origin: 53% 53%;
  }
  .choose-counter-inner .counter1-up{
        font: normal normal bold 26px/28px Outfit;
  }
  .row.choose-row{
        margin-top: 30%;
  }
  .choose-counter-inner{
    width: 135px;
    padding: 20px 3px;
    margin-right: 10px;
  }
  .tribe-common--breakpoint-medium.tribe-common .tribe-common-b2{
        padding: 2px 0;
  }
  .tribe-events-calendar-list__event-description p{
        font-size: 13px;
  }
  .innermenubox{
        margin-left: 0%;
  }
  .main-navigation li{
    padding:15px 24px 15px 10px;
  }
  .title-box h1{
    font: normal normal 600 28px/35px Outfit;
  }
  .title-box{
        background-position: right;
  }
  .scrolled .innermenubox{
        margin-left: 0%;
  }
  #menu-primary-menu > .menu-item-has-children::before{
        right: 14px;
  }
  .search-main-box input[type=search]:focus + span, .search-main-box input[type=search]:focus{
        width: 100px;
  }
  #header .theme-button{
    font: 400 14px/28px Outfit;
  }
  #newsletter .news_title{
        max-width: 80%;
  }
  #newsletter .news_title h3 {
    font: normal normal normal 14px/26px Outfit;
  }
  .newsletter-bg-img{
    height: 275px;
    }
  .newsletter-bg-img img{
    height: 100%;
  }
  .wpcf7-response-output{
    position: absolute;
    top: 35px;
  }
  #event .fas.fa-arrow-up.slick-arrow, #event .fas.fa-arrow-down.slick-arrow{
    left: -33px;
  }
    #event .event-content-inner .event-title{
        line-height: 0.5;
  }
  #event .event-title a, #all-event .event-title a {
    font: normal normal 600 16px/20px Outfit;
    color: #000;
  }
    #event .event-meta-desc{
    margin-bottom: 10px;
  }
  #degree-courses .courses-title a, #free-courses .courses-title a {
    font: normal normal 600 14px/20px Outfit;
    letter-spacing: 0px;
    color: #000;
  }
  #degree-courses .courses-title, #free-courses .courses-title, #Blog .blog-detail .blog-title {
        max-width: 100%;
  }
  #sec-heading, .philosophy-sub-heading {
    font:700 26px/35px Outfit;
    color: #000000;
  }
  #testimonials .owl-nav {
    left: -107%;
    bottom: -14px;
  }
  #testimonials .owl-carousel .owl-nav button{
      padding: 7px 12px;
  }
  .sec-paragraph {
    font: normal normal normal 14px/25px Outfit;
  }
  #event .slick-slide{
    width: unset !important;
  }
  #all-event .event-month{
        font: normal normal normal 12px/27px Outfit;
  }
  .tribe-events-single-event-title {
    font: normal normal 600 28px/33px Outfit;
    margin-bottom: 13px;
  }
  #myBtn i{
    height: 50px;
    width: 50px;
    padding: 14px 16px;
    font-size: 19px;
    bottom: 10%;
    right: 8.5%;
  }
  #event  .event-content {
      align-self: center;
  }
  .tutor-user-profile-content .tutor-grid-3{
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .woocommerce-cart .wc-block-cart__main {
      width: 63% !important;
      margin-right: 18px !important;
  }
  #testimonials .owl-carousel .owl-item img {
      width: 55% !important;
  }
  .course-archive-page .tutor-course-list-btn a, .course-archive-page .course-level-inner{
    font: 500 12px/26px Outfit;
  }
}
 @media screen and (max-width: 1023px) and (min-width:992px){
   #slider{
      padding: 70px 0;
   }
   #slider .slider-heading {
    font: 600 35px/50px Outfit;
    }
   .choose-counter-inner{
     width: 135px;
   }
   #slider-right-img1{
     right: 26%;
     top: 25%;
     width: 190px;
   }
   #slider-right-img2{
     height: 200px;
     right: 11%;
     top: 50%;
   }
   #slider-right-img4{
     width: 150px;
     top: 200px;
   }
   #slider-right-img3{
      width: 145px;
      bottom: 1%;
   }
   #slider-right-img6{
     width: 145px;
   }
   #slider-right-img7{
     height: 75px;
   }
   #slider-right-img5{
     top: 52%;
     height: 185px;
   }
   #myBtn{
     padding: 10px 16px;
      font-size: 18px;
      height: 50px;
      width: 50px;
      bottom: 9%;
   }
   #category .cat-main-div{
         width: 218px;
   }
   #sec-heading, .philosophy-sub-heading {
    font: 700 26px/35px Outfit;
    margin-bottom: 15px
  }
  .choose-counter-inner .counter1-up {
      font: normal normal bold 26px/28px Outfit;
  }
  .circle-big svg{
    width: 190px;
    height: 190px;
  }
  .circle-big .bg,   .circle-big .progress{
        r: 65;
  }
  .circle-big .progress{
        transform-origin: 53% 53%;
  }
  #newsletter .newsletter-bg-img{
        height: 265px;
  }
  #newsletter .newsletter-bg-img img{
    height: 100%;
  }
  #newsletter{
        padding: 35px 0 !important;
  }
  #all-event .event-month{
        font: normal normal normal 12px/27px Outfit;
  }
  .tribe-events-single-event-title {
    font: normal normal 600 26px/28px Outfit;
      width: max-content !important;
    }
  #testimonials .owl-nav{
    left: -106%;
    bottom: -6px;
  }
  #testimonials .owl-carousel .owl-item img{
        width: 55% !important;
  }
  #myBtn i{
    height: 50px;
    width: 50px;
    padding: 14px 16px;
    font-size: 19px;
    bottom: 9%;
  }
  #event  .event-content {
      align-self: center;
    }
   .tutor-user-profile-content .tutor-grid-3{
      grid-template-columns: repeat(2, 1fr) !important;
    }
    .woocommerce-cart .wc-block-cart__main{
      width: 62% !important;
      margin-right: 20px !important;
    }
}
 @media screen and (max-width: 991px) and (min-width:768px){
   .search-main-box input[type=search]:focus + span {
      width: 140px;
    }
    .search-main-box input[type=search]:focus {
    width: 140px;
    }
   .slider-right-images img, #myBtn{
     display: none;
   }
   #slider {
     padding: 80px 0;
   }
   #slider .slider-heading {
    font: 600 38px/60px Outfit;
  }
  #category .cat-main-div{
    width: unset;
  }
  #category .img-category-title a {
    font: 500 20px/23px Outfit;
  }
  #sec-heading, .philosophy-sub-heading {
    font: 700 22px/33px Outfit;
  }
  .philosophy-paragraph, .why-choose-paragraph{
    max-width: 100%;
  }
  .philosophy-sub-heading, .why-choose-sub-heading{
    font: 700 22px/35px Outfit;
        margin-bottom: 0px;
  }
  .philosophy-paragraph, .why-choose-paragraph {
    font: normal normal normal 14px/26px Outfit;
  }
  #testimonials .owl-nav{
        bottom: 8px;
        left: -107%;
  }
  #testimonials .owl-stage{
        padding-top: 80px;
  }
    #testimonials .owl-stage-outer{
      margin-right: -18px;
  }
  .choose-counter-inner{
    width: 165px;
    padding: 30px 10px;
    margin: 0px auto 25px;
  }
  .choose-counter-inner .counter1-up {
    font: normal normal bold 28px/28px Outfit;
  }
  #sec-small-heading {
    font: normal normal 600 16px/28px Outfit;
  }
  .why-choose-content-box-inner{
        margin-bottom: 20px;
  }
  #Blog, #newsletter{
    padding-top: 0;
  }

 .newsletter-bg-img{
  height: 270px;
  }
  .newsletter-bg-img img{
  height: 100%;
  }
  .tribe-common--breakpoint-medium.tribe-common .tribe-common-b2{
    padding: 0px 0;
  }
  .tribe-common p {
        font-size: 12px;
  }
  .tribe-events-calendar-list__event-featured-image-wrapper.tribe-common-g-col {
    max-width: 25%;
  }
  .tribe-events-calendar-list__event-details.tribe-common-g-col{
        padding: 5px 11px;
  }
  .title-box .banner-left{
        box-shadow: -200px 0px #e4edf5;
  }
  .title-box h1{
    font: normal normal 600 22px/28px Outfit;
  }
  .bradcrumbs{
        font: 500 14px/28px Outfit;
  }
  .title-box,.title-box .banner-left{
        height: 221px;
  }
  #event .event-content-inner .event-meta-date{
    font: 500 12px/17px Outfit;
    letter-spacing: 0px;
    color: #000000;
  }
    #event h2.event-title{
          line-height: 0;
    }
    #event .event-title a, #all-event .event-title a{
      font: normal normal 600 15px/25px Outfit;
      color: #000;
    }
      #event  .event-content {
          align-self: center;
    }
    #event .event-meta-address{
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
    #all-event .event-meta-desc p, #event .event-meta-desc p{
      font-size: 12px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      }
    #event  .event-para-text{
    font: normal normal normal 14px/22px Outfit;
    }
    #event  .event-date .event-date-no{
      font: normal normal 600 28px/27px Outfit;
      color: #000000;
      }
    #event .event-month, #all-event .event-month {
      font: normal normal normal 12px/27px Outfit;
      }
    #free-courses  .product-image-main .courses-box{
        margin-bottom: 20px;
      }
    #why-choose-us .choose-girl-img{
      display: none
      }
    #event .fas.fa-arrow-up.slick-arrow, #event .fas.fa-arrow-down.slick-arrow{
    left: -27px;
    font-size: 14px;
    }
    #header .theme-button{
    font: 400 14px/28px Outfit;
    }
    #header .theme-button{
          padding: 4px 10px;
    }
    #courses .certificate-text{
      text-align: left;
    }
    #event .event-date{
      padding: 44px 0px;
    }
    #event .event-content-inner h2.event-title{
      margin-bottom:0 !important;
    }
    #event .event-img{
      height: 143px;
    }
    #event .fas.fa-arrow-up.slick-arrow, #event .fas.fa-arrow-down.slick-arrow{

    }
    #all-event .event-content-box{
          margin: 10px 0%;
    }
  .content-details-main,.event-map{
    max-width: 300px;
    margin: 15px auto;
  }
  .tribe-events-single-event-title {
    font: normal normal 600 30px/30px Outfit;
  }
  .single.single-post .single-post-comment .comments-area .comment-respond{
    width: 100%;
  }
  #comments .comment-author.vcard img{
        width: 30%;
  }
  #Blog .owl-nav, #instructor .owl-nav{
    display: block;
        text-align: center;
  }
  #Blog .owl-nav button, #instructor .owl-nav button{
    background: #000000;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 7px;
    border: none;
    color: #fff;
    margin: 5px;
    padding: 10px 15px;
    }
    #our-partner{
    text-align: center;
    }
    #testimonials .owl-carousel .owl-item img{
      width: 70% !important;
    }
    .ot-social{
      display:block !important;
    }
    .instructor-content{
      background: #3790CB;
      width: 100%;
      height: 80px;
      bottom: 16px;
      z-index: 0;
      padding: 20px 0px 8px 0px;
      transition: unset;
    }
  .instructor-name a,.instructor-content p{
    color:#fff;
    }
    #single-course-page .tutor-course-details-header .tutor-course-details-top .tutor-col-auto{
      margin-top:unset;
    }
    .single.single-courses .tutor-course-details-ratings{
      top: unset;
      bottom: 0;
    }
    .blog-title a {
    font: 500 16px/20px Outfit;
      }
      .single-blog-main h3.blog-title {
        width: 280px;
    }
    .gallery-img-outer2{
      margin-top: 30px;
    }
    #our-story h5 {
          margin-top: 15px;
    }
    .story-img-two {
    position: absolute;
    right: 20%;
    top: -45px;
    }
    #testimonials{
      padding-top: 0px;
    }
    #customer_details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper, #customer_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper, #order_review{
      margin-bottom: 25px;
    }
    .woocommerce-cart .wc-block-cart__main{
      width:100% !important;
    }
    .woocommerce-cart .wc-block-components-sidebar{
      margin-top: 21px;
    }
      .woocommerce-cart .is-medium table.wc-block-cart-items .wc-block-cart-items__row{
      grid-template-columns: 200px 132px !important;
    }
    .woocommerce-cart .is-medium table.wc-block-cart-items td{
      margin:unset;
    }
    #degree-courses .tab-content {
          margin-top: 20px;
    }
    #testimonials p{
          font: 400 14px/23px Outfit;
    }
    #testimonials .testimonial-content{
      right: 0;
          max-width: 280px;
    }
    .testimonial-content p{
      height: 75px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      padding-top: 7px;
    }
    #testimonials .testimonial-inner-content-main{
      height: 140px;
    }
    .testimonial-row{
          align-items: center;
    }
    #courses .courses-tab{
      box-shadow: 1px -3px 10px #00000029;
    }
    #newsletter .news_title h3{
          font: normal normal normal 15px/26px Outfit;
    }
}
@media screen and (max-width: 1023px) {
    #menu-primary-menu-1 > .menu-item-has-children::before{
        content: "\f078";
        font-family: 'Font Awesome 5 Free';
        font-weight: 800;
        position: absolute;
        right: 16px;
        bottom: 0;
        top: 20px;
        font-size: 14px;
        color: #fff;
    }
    .thumb_image_border, .main-header .sidenav {
        display: none;
   }
    .main-navigation ul ul {
        background-color: transparent;
        border: none;
   }
    .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li {
        border-bottom: none;
   }
    .toggle-nav {
        display: none;
   }

    #sidebar1{
        transition: 0.5s;
   }
   amp-sidebar#sidebar1 {
        height: 100%;
        width: 250px;
        position: fixed;
        z-index: 999999;
        top: 0;
        left: 0;
        background-color: #3790CB;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        transition: all 4s ease;
       -webkit-box-shadow: 1px 0 5px rgb(0 0 0 / 50%);
       box-shadow: 1px 0 5px rgb(0 0 0 / 50%);
       transition-duration: 1s;
       animation: slideInLeftMenu 1s;
   }
     @keyframes slideInLeftMenu {
         0% {
           opacity: 0;
           -webkit-transform: translateX(-296px);
           -ms-transform: translateX(-296px);
           transform: translateX(-296px);
         }

         100% {
           -webkit-transform: translateX(0px);
           -ms-transform: translateX(0px);
           transform: translateX(0px);
         }
       }

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        color: #818181;
        display: block;
        transition: 0.3s;
   }

    #close_nav {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 26px;
        color: white;
        cursor: pointer;
        z-index: 9999;
        text-align: right;
   }
    #close_nav i{
      color: white;
      border: 1px solid #fff;
      font-size: 20px;
      border-radius: 50%;
      padding: 9px;
      height: 35px;
      line-height: 0.8;
      width: 35px;
   }
    .sidenav #site-navigation {
        width: 100%;
   }
      .toggle-nav{
        position: relative;
      }
    .toggle-nav span {
      position: absolute;
       left: 25px;
   }
    iframe {
        width: 100%;
        height: auto;
   }
    .toggle-nav {
        display: block;
        z-index: 1;
   }
   #header{
         padding: 10px 0;
   }

    .main-navigation a {
        color: var(--grey4);
   }
    .main-navigation .menu {
        float: none;
        text-align: center;
   }
   .main-navigation .current-menu-item a{
     color: #000 !important;
   }
    .main-navigation ul ul li, #masthead.scrolled .main-navigation ul ul li {
        display: block;
   }
    .main-navigation .menu>ul>li.highlight {
        background: transparent !important;
   }
    .menu>ul>li:hover:before, .menu>ul>li.current_page_item:before, .menu>ul>li.current-menu-item:before {
        display: none;
   }
    .sf-arrows .sf-with-ul:after {
        border-top-color: var(--grey2);
   }
    .toggle i.fa.fa-bars, .toggle i.fa.fa-times {
        float: right;
        color: black;
   }
    .menubar .nav ul {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
   }
    .menubar .nav ul li, .menubar.scrolled .main-navigation li {
        border-top:1px #e3e3e3 solid;
        display: block;
        text-align: left;
        float: none;
        padding: 8px 0;
   }
    .menu-item-has-children>a {
        padding-bottom: 11px !important;
   }
    .nav ul li a {
        padding: 5px 10px;
        display: block;
        color: #fff!important;
   }

    .nav ul li ul li a:before {
        content: "\00BB \00a0";
   }
    .nav ul li ul li a {
        padding-left: 20px !important;
   }
    .nav ul li ul li ul li a {
        padding-left: 30px !important;
   }
    .main-navigation ul ul {
        position: static;
        width: 100%;
        box-shadow: none;
   }

    .main-navigation ul ul, .sub-menu{
        animation: unset !important;
        transition: unset !important;
   }
   .slideInUp, .fadeInRight, .fadeIn, .fadeInLeft, .fadeInDown, .zoomIn , .slideInLeft{
    -webkit-animation: none !important;
            animation: none !important;
    -webkit-transform: none !important;
            transform: none !important;
    transition-property: none !important;
    opacity: 1 !important;
  }
  #event .slick-slide{
    width: unset !important;
  }
  #event .event-content-inner h2.event-title{
    line-height: 0.5;
  }
  #event .fas.fa-arrow-up.slick-arrow, #event .fas.fa-arrow-down.slick-arrow{
    padding: 11px 11px;
        left: -30px;
  }
  .main-navigation a:hover{
	  color:  #fff !important;
	}
	.innermenubox i{
		font-size:20px;
	}
}



 @media (min-width:576px) and (max-width:767px){
   .slider-right-images img, #myBtn{
     display: none;
   }
   #slider{
         padding: 75px 0;
   }
   #testimonials{
         padding-bottom: 80px;
   }
   #testimonials .owl-nav {
    position: absolute;
    left: unset;
    bottom: -55px;
    left: 0;
    right: 0;
  }
  #testimonials .owl-carousel .owl-item img {
    width: 100% !important;
  }
  .choose-counter-inner{
    width: 225px;
        margin: 20px auto;
  }
  .choose-row{
    justify-content: center;
  }
  .why-choose-content-box-inner{
      margin-bottom: 30px;
    }
    #Blog #sec-small-heading, #category #sec-small-heading{
      text-align: left;
    }
    .blog-meta-content{
      justify-content: center;
      margin-bottom: 10px;
    }
    #newsletter{
      padding-bottom:0important;
    }
    .newsletter-bg-img{
          height: 300px;
    }
    .newsletter-bg-img img{
      height: 100%;
      object-fit: initial;
      width: 100%;
    }
    .wpcf7 form .wpcf7-response-output{
          margin: -2em 0.5em 1em;
    }
    .single.single-courses .tutor-course-details-ratings{
      top: unset;
      bottom: -40px;
      right: 0;
      left: 0;
    }
    #single-course-page .tutor-course-details-header .tutor-course-details-top .tutor-col-auto{
      margin-top: unset;
    }
    #courses .owl-carousel.owl-loaded {
        margin-top: 55px;
    }
    #newsletter .news_title {
    max-width: 85%;
    }
    #event{
          background-position: bottom;
    }
    #degree-courses .courses-title, #free-courses .courses-title, #Blog .blog-detail .blog-title{
      max-width: 100%;
    }
    .content-details-main, .event-map{
      max-width: 300px;
      margin: 15px auto;
    }
    .single-post h2 {
    font: normal normal bold 28px/40px Outfit;
    }
    #testimonials .testimonial-title a{
          font: 500 14px/27px Outfit;
    }
    #testimonials p {
        font: 400 14px/23px Outfit;
    }
    #testimonials .testimonial-content{
      padding: 10px;
    }
    #event .fas.fa-arrow-up.slick-arrow, #event .fas.fa-arrow-down.slick-arrow{
      padding: 8px 9px;
      left: -25px;
      font-size:14px;
    }
    #event  .event-content, #all-event .event-meta-desc  {
        align-self: center;
    }
    #event .event-meta-address p{
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
    #event .event-date .event-date-no {
    font: normal normal 600 28px/27px Outfit;
        color: #000000;
    }
    #testimonials .owl-carousel .owl-nav button{
          padding: 7px 12px;
    }
    #all-event .event-content{
          padding: 7px 15px;
    }
    .woocommerce-cart .wc-block-cart__main{
      width: 100% !important;
    }
    .woocommerce-cart .is-small table.wc-block-cart-items .wc-block-cart-items__row{
    grid-template-columns: 200px 132px !important;
    }
    .woocommerce-cart .wc-block-cart-items__row td{
      margin:unset !important;
    }
    .woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar{
          margin-top: 5%;
    }
    .single.single-courses .tutor-row{
    display:block;
    }
    .tutor-course-details-header.tutor-mb-44{
    margin-bottom: 60px;
    }
    #event .event-cat li button{
          margin-right: 10px;
    }
    .mobile_dash-icon i{
      color: #000000;
      font-size: 18px;
      position: relative;
      right: -18px;
      top: 3px;
    }
    .mobile-regi-icon  i{
      color: #000000;
      font-size: 18px;
      position: relative;
      right: -33px;
      top: 1px;
    }
}
@media screen and (max-width:767px) {
  .main-navigation li, #masthead.scrolled .main-navigation li {
      display: block;
      line-height: 1.5 !important;
     }
      .sf-arrows .sf-with-ul {
          padding-right: 0;
     }
      .menu>ul>li>a {
          padding: 5px 10px;
     }
      .main-navigation ul ul {
          position: static;
          width: 100%;
          box-shadow: none;
     }
     .why-choose-content-box-inner,.philosophy-content-box-inner{
       margin-bottom: 20px;
       display: block !important;
     }
      #our-partner,#our-philosophy, #testimonials, #slider, #testimonials .testimonial-content, .tutor-card.tutor-course-card, #why-choose-us, #Blog, .single.single-post, .blog-detail,  #sec-small-heading, .tutor-dashboard-content .tutor-fs-5.tutor-fw-medium.tutor-color-black, .tutor-frontend-dashboard, #tribe-events-content, #footer,#courses, #degree-courses, #degree-courses .courses-title, #free-courses .courses-title, .student-enroll-main,.course-time, #all-event, .single.single-courses h1.tutor-course-details-title, #single-course-page .tutor-course-details-content, .tutor-course-details-widget,.courses-degree ,.single.single-courses #tutor-course-details-tab-info h3,.single.single-courses .tutor-course-details-instructors h3,
      #single-course-page .tutor-course-details-actions,.courses-title,.contactpage-details p, #support-page, #abut-page-mission , .about-page, #event .event-para, .woocommerce-checkout .middle-content, .profile-main,#footer ul li,#tutor-quiz-attempt-questions-wrap .quiz-question-title,.quiz-answer-footer-bar{
        text-align: center;
      }
      #customer_details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper, #customer_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper, #order_review{
        margin-bottom: 25px;
      }
      .woocommerce-checkout #payment ul.payment_methods{
        padding: unset;
      }
      #about-gallery img, #our-story img{
        margin-bottom: 15px;
      }
      #footer{
            padding: 2em 0 0 0px;
      }
      #slider .slider-buttons, .tutor-dashboard-menu-item-link ,.tribe-events-single>.tribe_events, #event .nav.nav-pills, .tutor-single-course-sidebar .tutor-d-flex,.quiz-meta-info   {
        justify-content: center !important;
      }
      #tribe-events-content .tribe-events-single-event-title {
        font: normal normal 600 24px/32px Outfit;
      }
      #slider .slider-heading {
        font: 600 34px/54px Outfit;
      }
      #sec-small-heading {
          font: normal normal 600 16px/28px Outfit;

      }
      #sec-heading, .philosophy-sub-heading {
        font: 700 26px/36px Outfit;
        text-align: center;;
      }

      .theme-button{
            font: 400 14px/23px Outfit !important;
        }
      #category .cat-main-div{
        margin:0px auto 30px;
      }
      section{
            padding: 45px 0;
      }
      a.dashboard-text{
        /* position: absolute;
        top: 7px;
        right: -60px;
        left: 0;
        text-align: center; */
      }
      .philosophy-sub-heading, .why-choose-sub-heading{
            font: 700 26px/35px Outfit;
      }
      .title-box, .title-box .banner-left{
            height: 180px;
            background-position: left;

      }
      .title-box h1{
        font: normal normal 600 20px/26px Outfit;
        margin-bottom: 10px;
      }
      .bradcrumbs{
            font: 500 14px/28px Outfit;
      }
      .title-box .banner-left{
            box-shadow: -114px 0px #e4edf5;
      }
      .single.single-courses .tutor-course-details-widget li.tutor-d-flex,  .single.single-courses .tutor-card-footer .tutor-d-flex, .single.single-courses .tutor-loop-rating-wrap.no-rating, .d-flex.tutor-loop-rating-wrap.no-rating, #free-courses, .circle-progress-bar, .tutor-card.tutor-course-card .tutor-ratings, #related-course, .course-rating .tutor-loop-rating-wrap, .course-time-outer .d-flex, .cat-sec, .single-blog-meta,.tutor-ratings , .tutor-header-right-side {
          justify-content: center !important;
        }
        #why-choose-us .choose-girl-img{
          display: none;
        }
        #courses .nav-pills .nav-link{
          text-align: center;
        }
        #free-courses .courses-box , #free-courses .courses-box{
          margin-bottom: 20px;
        }
        #degree-courses .courses-title, #free-courses .courses-title{
          max-width: 100%;
        }
      #event .event-title a, #all-event .event-title a{
        font: normal normal 600 16px/16px Outfit;
      }
      .innermenubox i{
        margin-left:30px;
        margin-top: 5px;
      }
      h3.blog-title{
            margin-top: 10px;
      }

      .single.single-post .single-post-comment .comments-area .comment-respond{
        width: 100%;
      }
      #degree-courses .courses-title, #free-courses .courses-title, #Blog .blog-detail .blog-title{
        max-width: 100%;
      }
      #comments .comment-author.vcard img{
            width: 30%;
      }
      .single-blog-main h3.blog-title{
        width: 100%;
      }
      .single-blog-main #sec-small-heading,.socila_share{
        text-align: center !important;
      }
      .contactpage-details h3 {
        font: 600 26px/26px Outfit;
        text-align: center;
      }
      #Blog .owl-nav, #instructor .owl-nav{
        display: block;
      }
      #Blog .owl-nav button, #instructor .owl-nav button{
        background: #000000;
        box-shadow: 0 3px 6px #00000029;
        border-radius: 7px;
        border: none;
        color: #fff;
        margin: 5px;
        padding: 7px 11px
      }
      .product-cat .nav.nav-pills{
            justify-content: center !important;
      }
      #courses .courses-tab{
        margin: 10px;
        border-radius:12px;
        box-shadow: 1px -3px 10px #00000029;
      }
      .ot-social{
        display:block !important;
      }
      .instructor-content{
        background: #3790CB;
        width: 100%;
        height: 80px;
        bottom: 16px;
        z-index: 0;
        padding: 20px 0px 8px 0px;
        transition: unset;
      }
      .instructor-name a,.instructor-content p{
      color:#fff;
      }
      .single.single-courses .tutor-ratings, .tutor-nav,   .blog-meta-content, .tutor-meta{
        justify-content: center;
      }
      .single.single-courses h1.tutor-course-details-title{
            font: normal normal 600 22px/28px Outfit;
      }
      .tutor-dashboard  .tutor-header-left-side{
        display:block !important;
      }

       #event .nav.nav-pills{
             margin: 20px 0 !important;
       }
       #event .event-cat li button{
         text-align: center;
       }
}
 @media (min-width:375px) and (max-width:575px){
  .choose-counter-inner{
        width: 160px;
        padding: 10px 3px;
        margin: 10px auto;
  }
 }
  @media screen and (max-width:374px){
    .choose-counter-inner{
          width: 145px;
          padding: 10px 3px;
          margin: 10px auto;
    }
 }
@media screen and (max-width:575px) {
  #header .theme-button{
      padding: 2px 10px;
      font: 400 14px/28px Outfit;
  }
  .slider-right-images img, #myBtn{
    display: none;
  }
  #slider{
      padding: 60px 0;
  }
  .philosophy-sub-heading, .why-choose-sub-heading{
    font: 700 24px/19px Outfit;
    margin: 12px 0;
  }
  #sec-heading, .philosophy-sub-heading {
    font: 700 26px/34px Outfit;
        margin: 12px 0;
        text-align: center;
  }
  #header .logo img {
    max-width: 125% !important;
  }

  .search-main-box input[type=search]:focus{
    width: 180px;
  height: 18px;
  }
  /* .search-main-box input[type=search]:focus + span {
    width: 155px;
    height: 25px;
  } */
  #slider .slider-heading {
    font: 600 32px/48px Outfit;
  }
  #slider .slider-para {
    font: 500 16px/28px Outfit;
  }
  #slider .slider-buttons a{
    padding: 10px 11px;
    font: 400 14px/28px Outfit;
  }
  .bounce-animation{
    animation: unset;
    margin-bottom: 20px;
  }
  #slider .slider-count {
    font: 600 28px/28px Outfit;
  }
  #slider .bottom-para {
      font: 500 14px/23px Outfit;
  }
  .sec-paragraph {
    font: normal normal normal 14px/28px Outfit;
}
  .philosophy-icon img, .why-choose-icon img {
    max-width: 100%;
  }
  .philosophy-content h5, .why-choose-content h5{
    font:500 18px/30px Outfit;
  }
  /* #testimonials .owl-carousel .owl-item img{
    width: 100% !important
  } */
  #testimonials .testimonial-inner-content-main{
    text-align: left !important;
  }
  .choose-counter-inner{
    /* width: 140px;
    padding: 10px 3px;
    margin: 10px auto; */
  }
  .blog-read-more {
   text-align: center;
   margin-top: 10px;
  }
  #testimonials .owl-nav{
    left: 0;
    right: 0;
    bottom: unset;
  }
  .blog-date{
    width: 48px;
  }
  .blog-date .post-date {
      font: 600 22px/26px Outfit;
  }
  .blog-date .post-month {
    font: 600 12px/19px Outfit;
  }
  .blog-title a {
      font: 500 16px/20px Outfit;
  }
  #instructor .owl-stage {
      padding-bottom: 10px;
  }
  section{
    padding: 40px 0;
  }
  .header-icons{
        justify-content: end;
  }
  #testimonials{
        padding-bottom: 60px;
  }
  #testimonials .owl-carousel .owl-nav button i {
    font-size: 14px;
  }
  #testimonials .owl-carousel .owl-nav button{
        padding: 7px 11px;
  }

  .single-image{
    height: 200px;
    width: 100%;
  }
  .content_page{
    margin-top: unset !important
  }
  .single-post h2 {
    font: normal normal bold 26px/40px Rosario, sans-serif;
  }
  .container.single-post{
        padding: 12px;
  }
  .entry-comments {
      margin-left: 9px;
  }
  .single-post-content p {
    font: normal normal normal 16px/40px Rosario, sans-serif;
  }

  .tutor-nav-link{
        padding: 7px 10px;
  }
  /* .tutor-d-flex{
    justify-content: center !important;
  } */
  .tutor-dashboard-menu-item.tutor-dashboard-menu-settings, .tutor-dashboard-menu-item.tutor-dashboard-menu-logout{
      top: 11.1rem;
  }
  .tutor-dashboard-menu-item.tutor-dashboard-menu-logout {
    right: 7rem;
  }
  .tutor-dashboard-menu-item.tutor-dashboard-menu-settings{
      right: 10rem;
  }
  .tutor-frontend-dashboard .tutor-dashboard-left-menu{
    max-width:unset;
  }
  .banner-page-text .above_title{
    padding: unset;
  }
  span.tribe-events-calendar-list__event-date-tag-daynum.tribe-common-h5.tribe-common-h4--min-medium {
    font: normal normal 600 35px/27px Outfit;
  }
  .tribe-events .tribe-events-calendar-list__event {
    flex-direction: row-reverse;
  }
  .tribe-events-calendar-list__event-title  a{
        font: normal normal 600 16px/26px Outfit;
  }
  .tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
      margin-top: 5px;
  }
  .tribe-events-calendar-list__event-details.tribe-common-g-col {
      max-width: 75%;
      padding: 10px 4px !important;

  }
  .tribe-events-calendar-list__event-featured-image-link {
      height: 70px;
  }
  .tribe-events .tribe-events-calendar-list__event-date-tag-datetime::after{
      left: 0px;
      height: 65px;
  }
  .tribe-events-calendar-list__event-featured-image-wrapper{
  margin-bottom: 0 !important
  }
  .bradcrumbs{
        font:500 14px/19px Outfit;
  }
  .single.single-courses .tutor-row{
    display: block;
  }
  .single.single-courses .tutor-course-details-ratings{
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
  }
  .single.single-courses .tutor-loop-rating-wrap.no-rating{
        justify-content: center;
  }
  .single.single-courses .list-item-button a{
    display: none;
  }
  .single.single-courses .tutor-course-details-ratings{
        top:130px;
  }
.tutor-course-details-top,.tutor-course-details-actions {
  margin-top:13px;
}
  .circle-big{
    height: 100%;
    width: 100%;
  }
  .circle-big .text{
    top: 40%;
    left: 0;
    right: 0;
  }

  #courses .certificate-text{
    font:500 18px/27px Outfit;
  }
  #newsletter .news_content{
    position: unset;
  }

  #newsletter .news_title h3{
    font: normal normal normal 14px/24px Outfit;
    color: #000000;
  }
  #newsletter .news_title{
    max-width: 100%;
  }
  #newsletter .newsletter-bg-img{
    display: none;
  }
  .choose-counter-inner .counter1-up {
    font: normal normal bold 32px/28px Outfit;
  }
  #degree-courses .courses-title a, #free-courses .courses-title a{
        font: normal normal 600 16px/20px Outfit;
  }
 #all-event .event-img img {
      border-radius: 12px;
  }
  #all-event .event-date-no{
        font: normal normal 600 28px/27px Outfit;
  }
  .tutor-frontend-dashboard-header .tutor-dashboard-content .tutor-row {
    margin: 12px 0;
  }
  #event{
    background-position: center;
  }
  #event .nav.nav-pills{
    justify-content: center;
  }
   #event .fas.fa-arrow-up.slick-arrow, #event .fas.fa-arrow-down.slick-arrow, .gallery-img-two-bg{
      display: none !important;
    }
  #event .slick-list.draggable {
    height: 360px !important;
  }
  #event .event-date-no{
    font: normal normal 600 26px/27px Outfit;
  }
  #event .event-content-inner .event-meta-desc{
  display: block !important;
  }
  #event .event-meta-date.event-meta-address{
    padding-left:unset !important;
  }
  #event .event-title a{
        font: normal normal 600 14px/16px Outfit;
  }
  #event .event-meta-date p{
    font: 500 12px/15px Outfit;
  }
  #event .event-meta-date{
    margin-bottom: 6px !important;
  }
  #event .event-img img, #all-event .event-img img, #related-event .event-img img{
    border-radius:12px;
  }
  #event .event-month, #all-event .event-month, #related-event .event-month {
    font: normal normal normal 12px/27px Outfit;
  }
  .tutor-dashboard .tutor-dashboard-content #tutor_profile_cover_photo_editor #tutor_profile_area{
    width: 84px;
    height: 84px;
    left: 7px;
    top: 204px;
  }
  .tutor-dashboard .tutor-dashboard-content #tutor_profile_cover_photo_editor #tutor_photo_meta_area {
  padding-left: 83px;
  }
  .content-details-main{
    margin-top: unset;
  }
  #single-course-page .tutor-course-details-header .tutor-course-details-top .tutor-col-auto {
  margin-top: -15px;
  }
  #comments .comment-author.vcard img{
        width: 30%;
  }
  .post_pagination .post-title{
        font: 500 12px/20px Rosario, sans-serif;
  }
  .nav-previous .post-title{
        text-align: left;
  }
  .entry-date, .entry-comments a {
      font: normal normal normal 14px/20px Lato;
  }
  .single.single-courses h1.tutor-course-details-title{
    height: 60px;
  }
  .single.single-courses h1.tutor-course-details-title span{
        font: normal normal 600 24px/28px Outfit;
  }
  #all-event .event-location, #related-event .event-location{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 18px;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text{
    width: 48%;
    height:unset;
  }
  .woocommerce-cart .wc-block-cart__main{
     width: 100% !important;
  }
  .is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row{
    display: flex !important;
  flex-wrap: wrap;
      justify-content: center;
  }
    .tutor-user-profile-content {
      margin-top: 10px;
  }
  .woocommerce-cart .wc-block-components-sidebar-layout{
    text-align: center;
  }
  .woocommerce-cart .wc-block-components-quantity-selector{
      margin: 0 auto;
  }
  .woocommerce-cart .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product,
  .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product{
    padding: unset;
  }
  .woocommerce-cart .wc-block-cart-item__remove-link{
        margin-top: 25px !important;
  }
  .woocommerce-cart  .wc-block-components-sidebar{
        margin-top: 20px;
  }
  .search-main-box input[type=search]:focus + span{
    width: 155px;
    height: 25px;
  }
  .search-main-container{
    transform: translate(25%);
  }
  .courses-box{
    width: 85%;
    margin: auto;
  }
  #newsletter{
  background: hsl(208.24deg 45.95% 92.75%);
  }
  #testimonials .owl-carousel .owl-item img{
        width: 70% !important;
  }
  .testimonial-content p{
    font: 400 14px/23px Outfit !important;
    height: 75px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 3px;
  }
  #testimonials .testimonial-inner-content-main{
    height: 140px;
  }
  #testimonials .testimonial-content{
    right: 15px;
    left: 20px;
  }
  .our-vision-points{
    text-align: left;
    padding-left: 15px;
  }
  .mobile_dash-icon i{
    color: #000000;
    font-size: 18px;
    position: relative;
    right: -14px;
    top: 3px;
  }
  .mobile-regi-icon  i{
    color: #000000;
    font-size: 18px;
    position: relative;
    right: -20px;
    top: 1px;
  }
  .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-quiz-wrapper .tutor-quiz-wrap{
        width: 285px;
  }
  #tutor-quiz-single-multiple-choice .tutor-row .tutor-quiz-answer-single{
        width: 100% !important;
  }
   #tutor-quiz-image-matching-choice .quiz-meta-info{
      justify-content: center !important;
  }
  #Blog .blog-detail{
        margin: 15px;
  }
  #courses .tutor-ratings-stars{
        font-size: 14px;
  }
  #courses .courses-contain-main-box{
        padding: 10px;
  }
  #degree-courses .course-price-outer{
        justify-content: space-around !important;
}
