@media screen and (max-width: 1399px) {
    .main-header .header-wrapper .logo{
      width: 110px;
      flex: 0 0 110px;
      padding: 10px;
    }
    .main-header .header-wrapper .menu-wrapper .top-header .dtl a{
      font-size: 12px;
    }
    .main-header .header-wrapper .menu-wrapper .top-header .dtl i{
      width: 25px;
      height: 25px;
      flex: 0 0 25px;
    }
    .menu .nav-menu li a{
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .menu .dropdown-menu li a{
      padding: 7px;
      padding-bottom: 7px;
    }
    .menu .nav-menu{
      gap:15px;
    }
   .slider{
    height: 650px;
   }
   .swiper-slide .hero-wrapper{
    max-width: 1140px;
   }
   .swiper-slide .left-content .title{
    font-size: 52px;
    font-weight: 700;
   }
   .about-sec .about-wrapper .about-content h2{
    font-size: 52px;
   }
   .about-sec .about-wrapper .ring{
    width: 600px;
    height: 600px;
   }
   .product-section .service-box .text h2{
    font-size: 52px;
   }
   .product-section .service-box .product-box .card{
    height: 500px;
   }
   .product-section .service-box .product-box .product-card .cards-body h3{
    font-size: 32px;
   }
   .services-section .heading h2{
    font-size: 52px;
   }
   .choose-section .right-content .heading-box h2{
    font-size: 52px;
   }
   .testimonial-section .heading h2{
    font-size: 52px;
   }
   .main-footer .footer-top .top-section .dtl-box .icon{
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    font-size: 16px;
   }
   .main-footer .footer-top .top-section .dtl-box p{
    font-size: 14px;
   }
   .main-footer .footer-bottom .footer-card h4{
    font-size: 20px;
   }
   .services-section .title h2{
    font-size: 52px;
   }
   .product-section .service-box .product-box .card .cards-body h3{
    font-size: 24px;
   }
   .work-process-section .title h2{
    font-size: 52px;
   }
   .about-us-page-sec .text h1{
    font-size: 40px;
   }
   .about-us-page-sec .text h2{
    font-size: 22px;
   }
   .about-us-page-sec .image{
    object-position: center;
    object-fit: cover;
   }
   .about-us-page-sec .image img{
    height: 100%;
   }
   .mission-vision-sec{
    padding-bottom: 70px;
   }
   .who-we-are-sec .sec-wrapper .image{
    object-fit: cover;
    object-position: center;
    height: 262px;
   }
   .who-we-are-sec .sec-wrapper .image img{
    width: 100%;
    height: 100%;
   }
   .counter-section{
    padding-bottom: 70px;
   }
   .counter-section .counter-box .counter-item .number{
    font-size: 52px;
   }
   .about-why-choose .text h3{
    font-size: 18px;
    margin-bottom: 15px;
   }
   .about-why-choose .text{
    padding: 20px;
   }
   .about-why-choose .text ul li{
    font-size: 12px;
   }
   .main-footer .footer-bottom .footer-card{
    max-width: 365px;
   }
   .pager-wrapper .card-view .text h3{
    font-size: 16px;
   }
   .product-section .service-box .product-box .card .cards-body ul li{
    font-size: 10px;
   }
   .testimonials-section .title h2{
    font-size: 52px;
   }
}

@media screen and (max-width: 992px){
  .swiper-button-next:after, .swiper-button-prev:after{
    font-size: 22px !important;
  }
    .btns{
      padding: 10px 45px 10px 10px;
      font-size: 14px;
    }
    .main-header .header-wrapper .menu-wrapper .top-header{
      display: none;
    }
    .main-header .header-part{
        border-radius: 8px;
        padding: 0 16px;
    }
    .main-header .header-part .logo{
        width: 150px;
        padding: 10px 0px;
    }
    .main-header .menu-wrapper .book-btn{
        font-size: 14px;
        height: 36px;
        padding: 10px 15px;
        border-radius: 8px;
        display: none;
    }
    .main-header .menu-wrapper{
        position: absolute !important;
        height: 100% !important;
        padding: 16px 0;
    }
   
    .menu .menu-toggle{
      float: right;
      margin-right: 16px;
    }
    .swiper-slide .hero-wrapper{
      padding-top: 110px;
      justify-content: flex-start;
      min-height: 1200px;
    }
    .swiper-slide .left-content{
        width: 90%;
    }
    .swiper-slide .left-content .tag{
      margin-bottom: 15px;
    }
    .swiper-slide .left-content .title{
        font-size: 32px;
        margin-bottom: 15px;
    }
    .swiper-slide .left-content .desc{
      margin-bottom: 15px;
    }
    .swiper-slide .right-content{
      width: 100%;
    }
    .swiper-slide .right-content .hero-card{
      width: 300px;
      height: 200px;
    }
    .counter-section{
      padding-bottom: 0;
      padding: 30px 0;
    }
    .counter-section .counter-box{
        flex-wrap: wrap;
        padding-bottom: 0;
    }
    .counter-section .counter-box .counter-item{
        width: 50%;
        flex: 0 0 50%;
        margin-bottom:20px;
        padding-left: 0;
        flex-direction: column;
        text-align: center;
    }
    .counter-section .counter-box .counter-item:nth-child(2){
      border: none;
    }
    .counter-section .counter-box .counter-item .icon{
        width: 70px;
        height: 70px;
        flex: 0 0 70px;
        border-radius: 15px;
        margin-bottom: 10px;
    }
    .counter-section .counter-box .counter-item .number{
        font-size: 24px;
    }
    .counter-section .counter-box .counter-item .label{
        font-size: 14px;
    }
    .about-sec{
        padding-bottom: 30px;
        padding-top: 10px;
        min-height: unset;
    }
    .about-sec .about-wrapper{
        display: block;
    }
    .about-sec .about-wrapper .about-animation{
        width: 100%;
        padding: 16px;
    }
    .about-sec .about-wrapper .about-content{
        width: 100%;
        padding: 16px;
    }
    .about-sec .about-wrapper .about-animation{
      display: none;
    }
    .about-sec .about-wrapper .about-content h2{
      font-size: 26px;
    }
    .about-sec:before{
      display: none;
    }
    .about-sec .about-wrapper .about-content h4{
      font-size: 14px;
      margin-bottom: 10px;
    }
    .product-section{
      min-height: 500px;
    }
    .product-section .service-box{
      min-height: 400px;
    }
    .product-section .service-box .text{
      padding: 10px;
    }
    .product-section .service-box .text h4{
      font-size: 14px;
    }
    .product-section .service-box .text h2{
      font-size: 26px;
    }
    .product-section .service-box .text p{
      font-size: 14px;
    }
    .product-section .service-box .text p br{
      display: none;
    }
    .product-section .service-box .text .next-btn{
      display: none;
    }
    .product-section .service-box .product-box .card{
      top: 0;
      left: 0;
      transform: translate(0%, 0%);
    }
    .product-section .service-box .product-box .card .cards-body .icon{
      width: 70px;
      height: 70px;
      border-radius: 10px;
    }
    .product-section .service-box .product-box .card .cards-body{
      padding: 0 20px;
    }
    .product-section .service-box .product-box .card .cards-body h3{
      font-size: 20px;
    }
    .product-section .service-box .product-box .card{
      height: 350px;
    }
    .product-section .service-box .product-box .card .cards-body ul{
      display: none;
    }
    .services-section{
      padding-top: 90px;
      padding-bottom: 10px;
    }
    .services-section .title h4{
      font-size: 14px;
    }
    .services-section .title h2{
      font-size: 28px;
    }
    .services-section .service-card{
      padding: 16px;
    }
    .services-section .service-card h3{
      font-size: 18px;
    }
    .services-section .service-card .service-icon{
      width: 55px;
      height: 55px;
    }
    .services-section .service-card .service-icon img{
      width: 30px;
    }
    .choose-section{
      padding-bottom: 20px;
    }
    .choose-section .right-content .heading-box{
      padding-left: 0;
    }
    .choose-section .right-content .heading-box h5{
      font-size: 14px;
      margin-bottom: 10px;
    }
    .choose-section .right-content .heading-box h2{
      font-size: 28px;
      margin-bottom: 10px;
    }
    .choose-section .choose-card{
      display: block;
      padding: 16px;
      margin-bottom: 20px;
    }
    .choose-section .choose-card .icon{
      width: 60px;
      height: 60px;
      font-size: 25px;
      border-radius: 10px;
      margin: auto;
      margin-bottom: 10px;
    }
    .choose-section .choose-card .content h3{
      font-size: 18px;
      text-align: center;
    }
    .choose-section .choose-card .content p{
      line-height: 18px;
      text-align: center;
    }
    .work-process-section:after{
      display: none;
    }
    .work-process-section .title h2{
      font-size: 28px;
    }
    .work-process-section .title p{
      font-size: 12px;
    }
    .work-process-section .image{
      display: none;
    }
    .work-process-section .right .panel .step-no{
      width: 60px;
      height: 60px;
      border-radius: 10px;
      font-size: 30px;
    }
    .work-process-section .right{
      height: auto;
    }
    .work-process-section .right .track{
      position: relative;
      z-index: 9;
    }
    .work-process-section .right .panel{
      padding: 0;
    }
    .work-process-section .right .panel h3{
      font-size: 18px;
    }
    .work-process-section .right .panel p{
      font-size: 12px;
    }
    .main-footer .footer-top .top-section{
      flex-direction: column;
      gap: 16px;
    }
    .main-footer .footer-top .top-section .left{
      flex-direction: column;
      gap: 16px;
    }
    .main-footer .footer-bottom{
      flex-direction: column;
      padding: 30px 0;
    }
    .main-footer .footer-last{
      text-align: center;
      font-size: 14px;
    }
     .scrollbar-track {
        display: none !important;
    }
    .page-banner{
      min-height: 240px;
    }
    .page-banner .page-title h2{
      font-size: 30px;
    }
    .about-us-page-sec{
      padding-top: 30px;
      padding-bottom: 30px;
    }
    .about-us-page-sec .text h1{
      font-size: 27px;
    }
    .about-us-page-sec .text{
      padding: 0;
      margin-bottom: 30px;
    }
    .who-we-are-sec .sec-wrapper{
      padding: 16px;
    }
    .who-we-are-sec .sec-wrapper .image{
      height: 200px;
      margin-bottom: 20px;
    }
    .who-we-are-sec .sec-wrapper .text h2{
      font-size: 28px;
      margin-bottom: 10px;
    }
    .who-we-are-sec{
      padding-bottom: 30px;
    }
    .mission-vision-sec .cards{
      padding: 16px;
      margin-bottom: 20px;
    }
    .about-us-page-sec:after{
      display: none;
    }
    .about-us-page-sec:before{
      display: none;
    }
    .mission-vision-sec .cards .icon{
      width: 70px;
      height: 70px;
      border-radius: 15px;
    }
    .mission-vision-sec .cards .icon img{
      width: 40px;
    }
    .mission-vision-sec .cards h3{
      font-size: 24px;
      margin-bottom: 10px;
    }
    .mission-vision-sec{
      padding-bottom: 0px;
    }
    .about-why-choose .title h2{
      font-size: 27px;
    }
    .about-why-choose{
      padding-bottom: 30px;
    }
    .our-core-software .title h2{
      font-size: 27px;
    }
    .our-core-software .text .heading h3{
      font-size: 24px;
    }
    .our-core-software .text{
      margin-bottom: 30px;
    }
    .our-core-software{
      padding-bottom: 30px;
    }
    .mission-vision-sec .mission-vision-container{
      padding: 0px;
      overflow: hidden;
      margin-bottom: 30px;
    }
    .mission-vision-sec .image{
      padding: 16px;
      background: #fff;
    }
    .mission-vision-sec .image img{
      border-radius: 20px;
    }
    .about-why-choose .text ul{
      display: block;
    }
    .about-why-choose .para-text{
      margin-top: 0;
    }
    .about-why-choose .para-text p br{
      display: none;
    }
    .pager-wrapper{
      padding-top: 30px;
      padding-bottom: 30px;
    }
    .pager-wrapper .form-box{
      margin-bottom: 30px;
    }
    .pager-wrapper .text h2{
      font-size: 24px;
    }
    .pager-wrapper .card-view h3{
      font-size: 22px;
    }
    .pager-wrapper .card-view{
      margin-bottom: 0;
    }
    .pager-wrapper .list-view h3{
      font-size: 22px;
    }
    .pager-wrapper .list-view ul{
      grid-template-columns: 1fr;
    }
    .pager-wrapper .list-view li{
      font-size: 13px;
    }
    .pager-wrapper .text h3{
      font-size: 22px;
    }
    .testimonials-section .title h2{
      font-size: 28px;
    }
    .work-process-section{
      padding-bottom: 30px;
    }
    .testimonials-section .swiper-button-next::after,
    .testimonials-section .swiper-button-prev::after {
      color: #096af3;
    }
    .testimonial-tab-sec .title h2{
      font-size: 28px;
    }
    .testimonial-tab-sec .gallery-tabs{
      display: block;
      text-align: center;
    }
    .testimonial-tab-sec .gallery-tabs .tab-line{
      display: none;
    }
    .testimonial-tab-sec .gallery-grid{
      grid-template-columns: repeat(1, 1fr);
    }
    .testimonials-section .testimonialSwiper:before{
      display: none;
    }
    .testimonials-section .testimonialSwiper:after{
    display: none;
    }
    .testimonials-section .title p{
      font-size: 12px;
    }
}