@media screen and (max-width: 1399px) {
    .main-header .header-wrapper .logo{
      width: 120px;
      flex: 0 0 120px;
    }
    .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: 430px;
   }
   .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: 22px;
    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;
   }
}

@media screen and (max-width: 992px){
    .btns{
      padding: 10px 25px;
      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: unset;
    }
    .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;
    }
    .counter-section .counter-box{
        flex-wrap: wrap;
    }
    .counter-section .counter-box .counter-item{
        width: 50%;
        flex: 0 0 50%;
        margin-bottom:20px;
    }
    .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;
    }
    .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;
    }
}