/*-------------- media section ---------------*/

@media screen and (max-width:1600px){
  #event,#get-in-touch,#about-us{
      overflow: hidden;
  }
}
@media screen and (max-width: 1399px) and (min-width: 1200px){
  .top-bar-contact a, .topbar-time{
    font: 400 14px / 16px "Outfit", sans-serif;
  }
  .topbar-text::after{
        right: -15px;
  }
  .offer-man{
        height: 425px;
  }
  .img-category-title a{
    font: bold 16px / 20px Outfit;
  }
  #slider {
    padding-top: 15%;
  }
  .slider-item-main{
        grid-template-rows: repeat(11, 35px);
  }
  .slider-item-main .slider-item:nth-child(1){
    grid-column-start: 3;
    grid-column-end: 10;
    margin-top: -10px;
  }
  .slider-item h5{
    font: 600 16px / 16px Outfit;
  }
  .slider-item-main .slider-item:nth-child(5), .slider-item-main .slider-item:nth-child(4){
        gap: 5px;
  }
  .slider-item-main .slider-item:nth-child(7) svg {
    height: 88px;
    right: -2px;
    width: 95px;
    }
    #testimonial .slider.slider-nav{
      max-width: 65%;
    }
}

@media screen and (max-width:1199px){
  .title-box h1 {
    font: 600 30px / 36px "Outfit", sans-serif;
}
  .theme-btn{
    padding: 10px 20px;
  }
  #about-us .main-para,#why-choose .main-para {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  }
  .img-category-title a{
    font: bold 16px / 20px Outfit;
  }
  .above_title{
      padding: 25px 60px;
      margin: 13% auto 6%;
  }
  .tribe-events-single-event-title {
    font: normal normal 600 30px / 30px Outfit;
  }
  .offer-man{
    height: 100%;
    width: 100%;
  }
}
@media screen and (max-width:1023px){

      #header .search-buttons{
      margin-top: -1px;
      }

      .main-navigation .current-menu-item a:after{
      display: none;
      }
      .toggle-nav {
      display: block;
      }
      .toggle-nav i {
        font-size: 20px;
        color: #000;
        margin-top: 5px;
      }
      .sidenav .close-sidebar {
      position: relative;
      font-size: 32px;
      display: block;
      padding-right: 7%;
      color: #ffffff;
      cursor: pointer;
      cursor: pointer;
      text-align: right;
      }
      .main-navigation ul li.current-menu-item a{
      border-top: none !important;
      }
      .main-navigation ul li>ul {
      opacity: 1;
      display: block !important;
      visibility: visible !important;
      transform: none;
      box-shadow: unset;
      padding: 0;
      margin: 0;
      }
      .main-navigation ul li a:before,
      .main-navigation ul li a:before {
      background-color: transparent;
      }
      .main-navigation ul li:hover>ul {
      display: block !important;
      padding: 0;
      color: #000000;
      }
      .main-navigation ul li {
      height: 100%;
      }
      .main-navigation ul li ul li ul {
      position: unset;
      }
      .main-navigation ul li ul{
      display: none;
      position: relative !important;
      }
      .main-navigation ul ul li a:hover{
      transition: unset;
      }
      .headerbar {
      display: block !important;
      margin: 0;
      }
      .main-navigation ul ul li{
      padding: 0px 12px;
      margin: 0px 0 0px 0;
      }
      .main-navigation ul ul li a {
      padding-left: 16px;
      color: #ffff !important;
      }

      .main-header .main-navigation {
      display: none
      }
      .header-inner{
      padding-bottom: 4px;
      }
      .sticky.stickynavbar .header-inner{
      padding-top:unset;
      padding-bottom: unset;
      }
      .main-navigation ul li.current-menu-item a{
      border-top: none !important;
      }
      .main-navigation ul li>ul {
      opacity: 1;
      display: block !important;
      visibility: visible !important;
      transform: none;
      box-shadow: unset;
      padding: 0;
      margin: 0;
      }
      .main-navigation ul li a:before,
      .main-navigation ul li a:before {
      background-color: transparent;
      }
      .main-navigation ul li:hover>ul {
      display: block !important;
      padding: 0;
      color: #000000;
      }
      .main-navigation ul li ul li ul {
      position: unset;
      }
      .main-navigation ul li ul{
      display: none;
      position: relative !important;
      }
      .main-navigation ul ul li a:hover{
      transition: unset;
      /* padding: 12px 27px; */
      }
      .headerbar {
      display: block !important;
      margin: 0;
      }
      .main-navigation ul ul li{
      padding: 0px 12px;
      margin: 0px 0 0px 0;
      }
      .main-navigation ul ul li a {
      padding-left: 16px;
      color: #ffff !important;
      }
      .main-navigation,.main-navigation li {
      padding: 0;
      display: block;
      width: 250px;
      }
      .main-navigation ul li a {
      padding: 10px 15px;
      display: block;
      border-bottom: 1px solid #e2e2e2;
      background: 0 0!important;
      text-align: left;
      margin: 0;

      }
      .main-navigation ul ul a {
      font: normal normal 600 13px/22px Open Sans;
      }
      #sidebar1 .close-sidebar.mobile-menu{
      position: relative;
      font-size: 32px;
      display: block !important;
      padding-right: 7%;
      color: #fff;
      cursor: pointer;
      cursor: pointer;
      text-align: right;
      }
      #sidebar1 {
      height: 100%;
      width: 0;
      position: fixed !important;
      z-index: 9999999;
      top: 0;
      right: 0;
      background-color: #525FE1;
      overflow-x: hidden;
      transition: .9s;
      padding-top: 8px !important;
      transition-duration: 1s;
            animation: slideInRightMenu 1s;
      }
      @keyframes slideInRightMenu {
        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);
        }
      }
      #sidebar1 ul li a{
      color: #fff !important;
      border-bottom: none;
      }
      #sidebar1 ul li:hover>ul {
      visibility: visible;
      opacity: 1;
      height: auto;
      z-index: 11111;
      transform: scale(1) !important;
      }
      #sidebar1 ul li:hover>ul {
      display: block !important;
      transition: all .4s ease;
      }
      #sidebar1 ul ul {
      background: #fff;
      border-top: 4px solid var(--color-red);
      visibility: hidden;
      display: none !important;
      opacity: 0;
      animation-name: fadeOutUp;
      transform: scale(0) !important;
      transform-origin: top left;
      transition: all 0.3s ease-out;
      }
      @keyframes fadeOutUp {
      from {
      opacity: 1;
      }
      to {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
      }
      }

      .main-navigation ul ul{
      width: 100%;
      }
      .main-navigation ul ul,.main-navigation ul ul li {
      background: transparent !important;
      }
      .main-navigation ul ul li {
      display: block;
      padding-left: 1px;
      border-bottom: none;
      }
      .main-navigation ul ul ul li {
      padding-left: 15px;
      }
      .main-navigation li {
      position: relative;
      }
      #contentwoocom{
      margin-top: 3rem;
      }
      .sbi_item, .sbi_photo{
      height:unset;
      }


      .courses-title a{
        font: 600 16px / 20px Outfit;
      }
      .courses-bottom-content h5 {
        font: normal normal 600 14px / 18px Outfit;
      }

      .main-head {
        font: 700 26px / 35px Outfit;
      }
      .event-title a {
        font: bold 18px / 20px Outfit;
      }
      .main-para {
            font: 400 14px / 28px Outfit;
        }

  }
@media screen and (max-width: 1199px) and (min-width: 992px){
  .topbar-text::after{
    right: 1px;
  }
  #testimonial .slider.slider-nav{
    max-width: 72%;
  }
  .offer-man{
height: 361px;
  }
  .slider-item-main .slider-item:nth-child(7) svg {
      height: 77px;
      right: -9px;
      width: 95px;
    }
  .top-bar-contact a,.topbar-time{
    font: 400 12px / 15px "Outfit", sans-serif;
  }
  .topbar-text{
          padding-right: 10px;
  }
  #slider h1{
    font: 700 42px / 50px Outfit;
  }
  #slider {
    padding-top: 15%;
  }
  .slider-item-main {
    grid-template-rows: repeat(11, 30px);
  }
  .custom-social-icons i {
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 14px;
  }
  .slider-item-main .slider-item:nth-child(5) p, .slider-item-main .slider-item:nth-child(4) p,
  .slider-item-main .slider-item:nth-child(3) p{
        font: normal normal normal 14px / 16px Outfit;
  }
  .slider-item h5{
    font: 600 15px / 16px Outfit;
  }
  .slider-item-main .slider-item:nth-child(5), .slider-item-main .slider-item:nth-child(4){
        gap: 5px;
  }
  .slider-counter-head {
    font: bold 22px / 25px Outfit;
  }
  .slider-counter-para{
    font: 500 14px / 20px Outfit;
  }
  .slider-item-main .slider-item:nth-child(1){
        grid-column-start: 3;
        margin-top: -10px;
  }
  .about-content-main {
    gap: 10px;
  }
  .abt-img-wrapper{
    grid-template-rows: repeat(12, 10px);
    width: 95%;
  }
  .abt-img-wrapper .abt-item:nth-child(2) img{
        top: 8px;
  }
  .award-wining-wrap img {
    width: 50px !important;
    height: 50px !important;
  }
  .choose-img-wrapper{
    grid-template-rows: repeat(12, 10px);
  }
  .choose-img-wrapper .choose-item:nth-child(1) img{
    top: -8px;
  }
  .how-count{
    top: 12%;
        left: 0%;
    font: normal normal bold 45px / 28px Outfit;
  }
  .get-in-touch-box{
        padding: 30px 24px;
  }


}


@media screen and (max-width:991px){
  .bradcrumbs{
                display: block;
  }
  .title-box h1 {
    font: 600 30px / 35px "Outfit", sans-serif;
  }
  .top-bar-contact{
      gap: 50px;
  }
  .about_me{
      padding-left: unset;
  }
  .above_title {
      padding: 20px 20px;
      margin: 17% auto 10%;
  }
  .menu-wrap{
    margin-top: 5px;
    padding-right: 0;
    margin-right: 0;
  }
  .top-bar-contact a,.topbar-time{
    font-size: 0;
  }
  .top-bar-contact a i,.topbar-time i{
    font-size: 15px;
  }
  .main-para {
    font: 400 14px / 21px Outfit;
  }
  #about-us .main-para,#why-choose .main-para {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }
    .record_title {
    font: 400 14px / 22px Outfit;
  }
  .about-content-main {
    gap: 10px;
   }
   .main-head {
    font: 700 24px / 32px Outfit;
  }
  .sub-head {
    font: 800 18px / 24px Kalam;
  }
  .our-records-info .counter {
    font: 700 24px / 24px Outfit;
  }
  .award-wining-wrap p {
    font: 500 14px / 16px Outfit;
  }
  .theme-btn{
    font: 500 14px / 20px Outfit;
  }
  .choose-icon{
    width: 70px;
    height: 70px;
    line-height: 65px;
  }
  .why-choose-wrap,.testimonial-wrap{
    gap: 30px 0;
  }
  .blog-title a {
    font: 600 18px / 28px Outfit;
  }
  .newsletter-form-box [type=submit]{
    padding: 10px 10px;
    font: 400 14px / 24px Outfit;
  }
  #footer .footer-col-two .widget_nav_menu{
    padding-left:unset;
  }
  #single-post .single-author-image {
    width: 35px;
    height: 35px;
  }
  .meta-heading {
    font: 500 14px / 26px "Outfit", sans-serif;
  }
  .tribe-events-single-event-title {
    font: normal normal 600 30px / 30px Outfit;
  }
  .content-details-main{
    margin-top: unset;
  }
  .footer-cols>.row{
    gap: 30px 0;
  }
  .contactpage-details h3{
    font: 600 28px / 25px "Outfit", sans-serif;
  }
  .contactpage-details{
    gap: 15px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px){

  .topbar-text::after{
        right: -22px
  }
  .offer-man{
                width: 90%
  }
  #testimonial .slider.slider-nav{
    max-width: 60%;
  }
  .slider-item-main .slider-item:nth-child(7) svg{
        right: 10px;
  }
  #slider h1{
    font: 700 40px / 55px Outfit;
  }
  #slider {
    padding-top: 20%;
  }
  .slider-item-main .slider-item:nth-child(2) img, .slider-item-main .slider-item:nth-child(3) .orange-girl-img img{
        object-fit: contain;
  }
  .abt-img-wrapper{
    grid-template-rows: repeat(11, 14px);
    grid-gap: 10px;
        width: 100%;
  }
  .award-wining-wrap{
    padding: 10px 10px;
    gap: 10px;
  }
  .award-wining-wrap img {
    width: 50px !important;
    height: 45px !important;
  }
  .abt-img-wrapper .abt-item:nth-child(2) img{
    right: 0px;
    top: 13px;
  }
  .choose-img-wrapper{
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(10, 10px);
  }
  .choose-btm-para{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .choose-img-wrapper .choose-item:nth-child(1) img{
    top: 8px;
    right: -10px;
  }
  .how-count{
        font: normal normal bold 40px / 30px Outfit;
            left: -10%;
  }
  .how-arw svg{
        width: 95px;
  }
  #how-it-work h3{
    font: bold 22px / 25px Outfit;
  }
  .get-video-main-main{
    font: 700 22px / 26px Outfit;
  }
  .get-in-touch-box{
    padding: 20px 20px;
  }
  #get-in-touch .get-video-main{
        bottom: -45px;
  }
  i.fa-solid.fa-chevron-right.slick-arrow {
    right: 15px;
  }
  /* #single-post .comment-respond{
    max-width:50%;
  } */
  .comment-list{
        padding-left: 20px;
  }
}


@media screen and (max-width:767px) {
  .contact-page>.row{
        gap: 25px 0
  }
  .bradcrumbs a, .bradcrumbs span{
        font: normal normal 600 14px / 19px "Outfit", sans-serif;
  }
  .title-box h1 {
    font: 600 26px / 35px "Outfit", sans-serif;
  }
  section{
    overflow-x: hidden;
  }
  .above_title{
    padding: 20px 20px;
    margin: 20% auto 4%;
  }
  .main-para {
      font: 400 14px / 28px Outfit;
  }
  .sub-head{
    font: 800 18px / 24px Kalam;
  }
  #slider h1{
    font: 700 38px / 50px Outfit;
  }
  .main-head{
    font: 700 25px / 33px Outfit;
  }
  .our-records-info .counter{
    justify-content: center;
        font: 700 28px / 30px Outfit;
  }
  .record_title,#tribe-events-content,.outer_dpage{
    text-align: center;
  }
  .tribe-events-single>.tribe_events{
        justify-content: center;
  }
  .counter-box1{
    margin-bottom: 10px;
  }
  .offer-man{
    left: 0;
  }
  #comments{
  display: block;
  }

  #support-page .half-width, #support-page ul{
  display: block;
  text-align: center;
  }

  .comment-author.vcard{
  justify-content: center;
  margin-bottom: 10px;
  }
  .comment-list{
  width: 100%;
  }
  .comment-body>p, .comment-body>.reply{
    padding-left: unset;
    }
    #courses .courses-box .course-sale-price {
    font: bold 18px / 25px Outfit;
    }
    #get-in-touch .get-video-main{
      bottom: 0;
      margin-bottom: 45px;
      padding-left:unset;
    }
    .offer-man{

      text-align: center;
      height: 100%;
      width: 100%;
    }
    .blue-light, .orange-light{
      display: none;
    }
    .counter-main{
      background: #525FE1 ;
    }
    #how-it-work h3{
          font:bold 20px / 25px Outfit;
    }

    #footer_box,.blog-title h3,.contactpage-details,#support-page{
      text-align: center;
    }
    .footer-cols>.row{
        grid-gap: 30px 0;
    }
    .custom-social-icons,.widget_wpb_widget a, .widget_wpb_widget p{
      justify-content: center;
    }
    #footer_box{
      padding-bottom: unset;
    }
    .how-arrow-one,.how-arrow-two{
      display: none;
    }
    .work-box{
      gap: 5%;
    }
    .how-count{
      left: -6%;
      font:bold 40px / 28px Outfit;
    }
    .work-box p {
    font-size: 14px;
     }
     .work-inner-img {
      width: 65px;
      height: 65px;
    }
    .offer-man-main,#single-post{
      text-align: center;
    }
    #footer .social_widget i, .team-social-icon-box i, .custom-social-icons i{
      height: 30px;
      width: 30px;
      line-height: 30px;
      font-size: 16px;
    }
    #gallery .main-grid{
      grid-template-rows: repeat(8, 40px);
    }
    .blog-title a{
      font:600 18px / 27px Outfit;
    }
    #footer h3 {
        margin-bottom: 15px;
    }
    .courses-box,.blog-detail-inner{
          padding: 15px;
    }
    .courses-title a {
      font: 600 15px / 20px Outfit;
    }
    .enroll-btn{
   font: normal normal 600 12px / 19px Outfit;
    }
  .courses-bottom-content h5 {
     font: normal normal 600 14px / 18px Outfit;
    }

    .blog-category a {
    font: 600 14px / 16px Outfit;
  }
  .post-meta-inner{
     display: grid !important;
       grid-template-columns: repeat(2, 1fr);
       grid-gap: 5px;
       text-align: center;
   }
   .social-share-icon-main {
    justify-content: center;
      opacity: 1;
      right: 0;
      left: 0;
      top: 21px;
  }
    .social-share-icon-main a{
      margin: unset;
    }
    .meta-heading {
    font: 500 14px / 26px "Outfit", sans-serif;
    }
    .single-blog-content{
       margin-top: 20px;
     }
     #single-post .single-author-image {
       width: 40px;
       height: 40px;
     }
     #single-post .author-name {
       font: normal normal 600 14px / 26px "Outfit", sans-serif;
     }
     #single-post .comment-respond{
       max-width: 100%;
       margin-top: 20px;
     }
     #single-post #commentform{
       justify-content: center;
     }
     .tribe-events-single-event-title {
        font: normal normal 600 28px / 33px Outfit;
      }
      #get-in-touch .video-container {
        bottom: 20px;
      }
      #get-in-touch .theme-btn{
        right: unset;
      }

  }
  @media screen and (max-width: 767px) and (min-width: 576px){
    .topbar-text::after{
          right: -20px;
    }
    #slider {
    padding-top: 30%;
  }
    #testimonial .slider.slider-nav{
      max-width: 85%;

    }
    .abt-img-wrapper{
      grid-template-rows: repeat(12, 15px);
    }
    .slider-item-main .slider-item:nth-child(7) svg{
          right: -4px;
              height: 84px;
    }
    .slider-item-main .slider-item:nth-child(1){
      grid-column-start: 3;
    }
    .slider-item-main{
          grid-template-rows: repeat(11, 35px);
    }
  .slider-item-main .slider-item:nth-child(2) img{
      position: relative;
      top: 11px;
    }
    .counter-offer-box{
      padding:0 0 15%;
    }
    #get-in-touch .timer_days{
        font:  bold 18px/18px Outfit;
    }
    i.fa-solid.fa-chevron-left.slick-arrow {
      left: 23px;
    }
    i.fa-solid.fa-chevron-right.slick-arrow {
      right: 15px;
    }
  }

@media screen and (max-width:575px) {
  .single-course-main .course-img{
    margin-bottom: 10px;
  }

  .top-bar-contact {
    gap: 30px;
  }
  .slider-item-main .slider-item:nth-child(2) img{
    top: unset;
  }
  .topbar-text::after{
    right: -10px;
  }
  .shape{
    animation: unset;
  }
  .counter-offer-box{
        padding: 0% 0 15% 5%;
  }
  .title-box h1{
        font: 600 22px / 25px "Outfit", sans-serif;
  }
  .bradcrumbs a, .bradcrumbs span{
        font: normal normal 600 14px / 20px "Outfit", sans-serif;
  }
  .slider-left{
      max-width: 100%;
  }
 .custom-social-icons i {
   height: 28px;
   width: 28px;
   line-height: 28px;
   font-size: 12px;
  }
  .custom-social-icons{
    gap: 4px;
  }
  .slider-item-main .slider-item:nth-child(1){
    grid-column-start: 1;
grid-column-end: 10;
  }

  .slider-item-main .slider-item:nth-child(7) svg{
    display: none;
  }
  .slider-item-main .slider-item:nth-child(2){
            grid-row-start: 3;
    grid-row-end: 7;
    grid-column-start: 8;
    grid-column-end: 14;
    bottom: unset;
  }
  .slider-item-main .slider-item:nth-child(5){
    grid-column-start: 8;
    grid-column-end: 14;
    left: 0px;
    bottom:0;
  }
  .slider-item-main .slider-item:nth-child(3){
    grid-row-start: 7;
    grid-row-end: 11;
    grid-column-start: 1;
    grid-column-end: 8;
 right: 0 ;
 top:0;
 max-height: 100%;
  }
  .orange-girl-img{
    margin-top: 0%;
    height: 100%;
  }
  .slider-item-main .slider-item:nth-child(4){
    grid-column-start: 1;
grid-column-end: 8;
bottom:0;
  }
  .slider-item-main{
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }
  .slider-item-main .slider-item:nth-child(2)::after{
        height: 100%;
  }
  .slider-item-main .slider-item:nth-child(6){
    grid-row-start: 11;
    grid-row-end: 18;
    grid-column-start: 1;
    grid-column-end: 14;
    margin-top: unset;
    padding: 10px;
  }
  .slider-item-icons{
        margin-top: -5px;
  }
  .slider-item h5{
        font: 600 16px / 16px Outfit;
        -webkit-line-clamp: 1;
  }
  .slider-counter-para {
    font: 500 14px / 18px Outfit;
  }
  .slider-counter-head {
    font: bold 22px / 30px Outfit;
  }
  .slider-counter-box img{
          width: auto;
  }
  .above_title{
    padding: 30px 20px;
    margin: 5% auto 4%;
  }
    .how-count{
          left: 10%;
    }
  .site-header{
    position: relative;
  }
  .work-box{
    flex-direction: column;
    gap: 25px;
  }
  .about-content-main{
    margin-top: 10%;
  }
  .courses-top-row,  .event-content-wrap{
        gap: 10px 0;
  }

  .choose-img-wrapper{
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(12, 6px);
  }
  .choose-img-wrapper .choose-item:nth-child(1) img{
    top: 0;
    right: -15px;
  }
  #testimonial .slider.slider-nav{
        max-width: 100%;
  }

  .work-inner-img{
    width: 70px;
    height: 70px;
        padding: 18px;
  }
  .award-wining-wrap img {
    width: 40px !important;
    height: 40px !important;
  }
  .award-wining-wrap h6 {
    font: 500 25px / 27px Outfit;
  }
  .award-wining-wrap p{
      font: 500 14px / 16px Outfit;
  }
  #gallery .main-grid{
        grid-template-rows: repeat(8, 40px);
  }
  .footer-news-main{
        padding: 40px 15px;
  }
  .newsletter-form-box [type=submit]{
        padding: 10px 10px
  }
  .newsletter-form-box{
    margin-top: 10px;
  }
  .abt-img-wrapper{
    grid-template-rows: repeat(11, 17px);
    width: 100%;
  }
  .abt-img-wrapper .abt-item:nth-child(2) img{
    top: 2px;
  }
  .single-course-content a{
    margin: 0 auto;
  }
    .offer-man{
      width: 100%;
      height: 100%;
  }
  .copyright a{
  font: 500 14px / 23px Outfit;
 }
  i.fa-solid.fa-chevron-left.slick-arrow{
    left: 15px;
  }
  i.fa-solid.fa-chevron-right.slick-arrow{
        right: 5px;
  }
  .testi-image{
    width: 50px;
    height: 50px;
  }
  #testimonial .slider.slider-nav .slick-active.slick-center .testi-image img{
        transform: scale(1.4);
  }
  .contact-page{
    padding: 20px;
  }

}
@media screen and (max-width: 575px) and (min-width: 470px) {
  .courses-box{
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (max-width:500px){
  .orange-girl-img{
    width: 100%;
  }
  .slider-review-main{
    display: none !important;
  }
  .slider-item-main .slider-item:nth-child(3){

  }
}
@media screen and (max-width: 425px){
  .slider-item-main .slider-item:nth-child(7) svg{
    display: none;
  }

  .abt-img-wrapper{
      width: 100%;
      grid-template-rows: repeat(13, 10px);
      grid-gap: 15px
  }
  .abt-img-wrapper .abt-item:nth-child(2) img{
    right: -10px;
    top: 10px;
  }
  .slider-item-main .slider-item:nth-child(3){
        display: block !important;
  }
}
@media screen and (max-width: 320px){

  #testimonial .slider.slider-nav .slick-active.slick-center .testi-image img{
    transform: scale(1.2);
  }
  .theme-btn {
      padding: 10px 17px;
  }
  .slider-item-main .slider-item:nth-child(1){
    grid-column-start: 1;
    grid-column-end: 12;
    }
    .search-form [type=submit]{
      padding: 1px 10px
    }
}