@media (min-width: 1350px) and (max-width: 1800px) {
    .navigation-bar a.logo {
        margin-left: 10px;
    }

    .riview-area{
        left: 30px;
    }
    .services-left{
        padding-left: 30px;
    }
    .flip-card1{
        left: 120px;
    }
    .flip-card2{
        left: 360px;
    }
    .flip-card3{
        left: 466px;
    }

    .pricing-info-left{
        padding-left: 24px;
    }

    .our-portfolio-info .our-portfolio .item a img{
        height: auto;
    }
}


@media (min-width: 1280px) and (max-width: 1349px) {
    .navigation-bar a.logo {
        margin-left: 12px;
    }

    .riview-area{
        left: 30px;
    }
    .services-left{
        padding-left: 30px;
    }
    .flip-card1{
        left: 100px;
    }
    .flip-card2{
        left: 325px;
    }
    .flip-card3{
        left: 412px;
        top: 450px;
    }

    .pricing-info-left{
        padding-left: 12px;
    }
    .our-portfolio-info .our-portfolio .item a img{
        height: auto;
    }
    .brand-sec-txt{
        padding: 0 12px;
    }
}



@media (min-width: 992px) and (max-width: 1279px) {
    .navigation-bar a.logo {
        margin-left: 10px;
    }

    .riview-area{
        left: 30px;
    }
    .services-left{
        padding-left: 30px;
    }
    .flip-card1{
        left: 100px;
    }
    .flip-card2{
        left: 325px;
    }
    .flip-card3{
        left: 412px;
        top: 450px;
    }

    .navigation-bar .nav{
        gap: 25px;
    }

    .navigation-bar .nav .nav-list{
        gap: 20px;
    }

    .contact-sec .contact-sec-icon img{
        width: 50px;
        height: 50px;
    }

    .contact-sec .contact-txt h4{
        padding-bottom: 0px;
        font-size: 20px;
    }

    .contact-sec{
        padding: 10px 12px;
    }

    .services-left h2{
        font-size: 40px;
        line-height: 41px;
    }

    .services-left h2 span::after{
        top: 45px;
    }

    .flip-card3{
        left: 154px;
        top: 223px;
    }

    .flip-card2{
        left: 263px;
        top: 28px;
    }

    .flip-card1{
        left: 17px;
        top: 30px;
    }

    .our-features-tab-content{
        height: 285px;
    }

    .our-experts-info-right{
        width: 400px;
        height: 400px;
    }

    .our-portfolio-info .our-portfolio .item a img{
        height: auto;
    }

    .clients-review-box{
        height: auto;
    }

    .footer-content{
        padding: 0 12px;
    }

    .footer-text-sec{
        gap: 30px;
    }

    .pricing-info-left{
        padding: 30px;
    }

    .our-experts-info-right img{
        right: 60px;
    }
    .background-box{
        width: 400px;
        height: 400px;
    }

    .dropdown-menubar-col-right .form-control, .dropdown-menubar-col-left .form-control{
        padding: 0 !important;
    }
}


@media (min-width: 992px) and (max-width: 1349px) {
    .form-content-sec{
        height: 1018px;
    }
    .navigation-bar a.logo {
        margin-left: 12px;
    }

}


@media (min-width: 992px) and (max-width: 1058px) {
    .navigation-bar a.logo {
        margin-left: 10px;
    }

    .brand-sec-txt{
        padding: 0 12px;
    }

    .riview-area{
        left: 30px;
    }
    
    .services-left{
        padding-left: 30px;
    }
    .flip-card1{
        left: 100px;
    }
    .flip-card2{
        left: 325px;
    }
    .flip-card3{
        left: 412px;
        top: 450px;
    }

    .navigation-bar .nav{
        gap: 25px;
    }

    .navigation-bar .nav .nav-list{
        gap: 20px;
    }

    .contact-sec .contact-sec-icon img{
        width: 50px;
        height: 50px;
    }

    .contact-sec .contact-txt h4{
        padding-bottom: 0px;
        font-size: 20px;
    }

    .contact-sec{
        padding: 10px 12px;
    }

    .services-left h2{
        font-size: 40px;
        line-height: 41px;
    }

    .services-left h2 span::after{
        top: 45px;
    }

    .flip-card3{
        left: 154px;
        top: 223px;
    }

    .flip-card2{
        left: 263px;
        top: 28px;
    }

    .flip-card1{
        left: 17px;
        top: 30px;
    }

    .our-features-tab-content{
        height: 285px;
    }

    .our-experts-info-right{
        width: 400px;
        height: 400px;
    }

    .our-portfolio-info .our-portfolio .item a img{
        height: auto;
    }

    .clients-review-box{
        height: auto;
    }

    .footer-content{
        padding: 0 12px;
    }

    .footer-text-sec{
        gap: 30px;
    }

    .pricing-info-left{
        padding: 12px;
    }

    .our-experts-info-right img{
        right: 60px;
    }
    .background-box{
        width: 400px;
        height: 400px;
    }

    .dropdown-menubar-col-right .form-control, .dropdown-menubar-col-left .form-control{
        padding: 0 !important;
    }

    .our-portfolio-info .our-portfolio .item a img{
        height: auto;
    }
}



@media (min-width: 320px) and (max-width: 991px) {


    .navigation-bar .nav .contact-sec{
        display: none;
    }

    .navigation-bar{
        padding: 10px;
    }

    .navigation-bar .nav-list{
        padding: 0 20px;
        white-space: nowrap;
    }

    .navigation-bar .nav{
        overflow-x: auto;
    }

    .navigation-bar a.logo {
        margin-left: 0px;
    }

    .navigation-bar .nav .nav-list{
        gap: 20px;
    }

    .form-content-sec{
        height: auto;
    }

    .clients-details{
        align-items: start;
    }
/*     
  <!--developement-user-sevices--section-start--> */

    .user-sec::before{
        content: unset;
    }

    .backToTopBtn.active{
        display: none;
    }
/* 
   <!--developement-services-section-start--> */

   .services-info-list{
    margin-bottom: 30px;
   }

    .riview-area{
        left: 30px;
    }
    .services-left{
        padding: 30px 12px;
        height: auto;
    }

    .services-right{
        display: flex;
        gap: 30px;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        padding: 30px 12px;
    }

    .flip-card1, .flip-card3, .flip-card2, .riview-area{
        position: static;
       
    }

    .services-left h2{
        font-size: 40px;
        line-height: 41px;
    }

    .services-left h2 span::after{
        top: 45px;
    }

/* 
    <!--why-us--section-start--> */

    .our-experts-info{
        padding: 0;
    }

    .our-experts-bg{
        justify-content: center !important;
    }

    .background-box{
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 300px;
        height: 300px;
    }

    .our-experts-info-right img{
        right: 0;
    }

/* 
    <!-- Seamelss Integration-section-strat --> */

    .seamelss-integration-sec{
        height: auto;
        padding: 30px 0;
    }


    /*    
<!-- Our Features-section-stat -->  */

    .our-features-sec, .our-portfolio-sec, .our-experts-sec, .our-clients-sec, .client-review-sec, .our-approach-sec, .form-sec{
        padding: 30px 0;
    }

/* 
    <!-- Our portfolio-section-stat -->     */

    .our-portfolio-info .services-info-btn{
        margin-top: 30px;
    }

    .our-portfolio-info .our-portfolio .item a img{
        height: auto;
    }

/* 
    <!-- Our Clients-section-stat --> */
    .our-clients-col-right{
        justify-content: start !important;
    }

    .our-clients-info .our-clients-txt h2{
        margin: 9px 0 30px 0;
    }

    .our-clients-slide{
        margin-top: 30px;
    }

/* 
    <!-- Our Clients-review--section-stat --> */


/* 
    <!-- Pricing---section-stat --> */

    .pricing-info-left{
        padding: 30px 12px;
    }

    .pricing-info-left h4, .pricing-info-left h5{
        font-size: 40px;
        line-height: 40px;
    }

    /* <!--brand-----section-stat --> */

    .brand-sec-txt{
        padding: 0 12px;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 15px;

    }
    .brand-sec{
        padding-top: 30px;
    }

    .brand-slider{
        margin-bottom: 40px;
    }

    .brand-footer-content{
        position: static;
        transform: unset;
    }

    .brand-footer-info{
        padding: 30px 12px;
    }

/* 
    <!--brand-----section-stat --> */

    .footer-sec{
        padding: 30px 12px;
    }

    .footer-col-sec{
        justify-content: center !important;
        padding: 10px 0;
    }





    .contact-sec .contact-sec-icon img{
        width: 50px;
        height: 50px;
    }

    .contact-sec .contact-txt h4{
        padding-bottom: 0px;
        font-size: 20px;
    }

    .contact-sec{
        padding: 10px 12px;
    }

    .exclusive-content{
        padding: 0 7px;
    }


    .footer-text-sec{
        gap: 20px;
    flex-wrap: wrap;
    }

    .clients-review-box{
        height: auto;
    }
   

    .our-experts-info-right{
        width: 400px;
        height: 314px;
    }

    .services-right{
        display: none;
    }
  
    .services-right-mobile{
        display: block;
     }

     .accordion-sec{
        margin-top: 20px;
     }

     .integration-slider .item p{
        margin-top: 0;
     }

     .our-clients-slider1{
        margin-top: 10px;
     }
 

    /* .menu-btn{
        display:block;
     } */
}

@media (min-width:768px) and (max-width: 991px) {
    .dropdown-menubar-col-right .form-control, .dropdown-menubar-col-left .form-control{
        padding: 0 !important;
    }

    .dropdown-menubar-col-right{
        width: 90% !important;
    }
     
    .dropdown-menubar-col-left{
        width: 10% !important;
    }
}

@media (min-width:577px) and (max-width: 767px) {

    .dropdown-menubar-col-right{
        width: 85% !important;
        flex: unset !important;
    }
     
    .dropdown-menubar-col-left{
        width: 15% !important;
        flex: unset !important;
    
    }
}

@media (min-width:360px) and (max-width: 577px) {
    .dropdown-menubar-col-right .form-control, .dropdown-menubar-col-left .form-control{
        padding: 0 !important;
    }
   
    .dropdown-menubar-col-right{
        width: 80% !important;
        flex: unset !important;
    }
     
    .dropdown-menubar-col-left{
        width: 20% !important;
        flex: unset !important;
    
    }
}


@media screen and (max-width: 768px) {
    [data-aos] {
      pointer-events: auto !important;
    }
  
    html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
      opacity: 1 !important;
    }
  
    html:not(.no-js) [data-aos=fade-up] {
      transform: none !important;
    }

    .footer-logo, .footer-text-sec{
        display: none;
    }
    
    .footer-col-sec{
        padding: 0;
    }
    
    body{
        margin-bottom: 100px;
    }
    .footer-sec {
        position: fixed;
        bottom: -100px; 
        width: 100%;
        z-index: 999;
        background: #FEBB13;
        box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); 
        transition: bottom 0.3s ease; 
        padding: 10px 0; 
        overflow: hidden;
      }

    .footer-copyright{
        display: none;
    }

    .footer-contact-nb h6{
        font-size: 28px;
    }
    .footer-sec.active {
        bottom: 0; 
      }

      .footer-contact{
        height: 66px;
      }

      .footer-contact-nb p{
        line-height: 10px;
      }

      .our-features-tab-content .services-info-list{
        max-width: 100%;
      }

      .services-right-mobile{
        display: none !important;
      }
  }


  @media screen and (max-width: 437px) {
    .services-info-btn .getstart-btn, .services-info-btn .chat-btn{
        width: 100%;
        text-align: center;
    }
    .user-sec{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

  
 .our-features .col-md-8.d-flex{
   display: unset !important;
} 




.brand-sec-info .brand-sec-txt h1{
    margin-bottom: 10px;
    text-align: center;
}


   
  }

  @media screen and (max-width:567px) {
    .services-info-list {
        margin-bottom: 10px;
    }

    .services-info-list a{
        margin-bottom: 0px;
    }

    .our-experts-info-left h2, .seamelss-integration-info h4, .our-portfolio-heading h2, .our-clients-info .our-clients-txt h2, .clients-review-txt h2, .our-approach-info h2, .our-features-tab h2{
        font-size: 27px;
        line-height: normal;
    }

    .seamelss-integration-info h4{
        margin-bottom: 20px;
        text-align: left;
    }

    .our-features-tab h2{
        margin-bottom: 20px;
    }

    .our-features-tab .tab-content{
        margin-top: 30px !important;
    }

    .our-experts-info-left .services-info-list, .our-features-tab-content .features-icon, .our-clients-info .our-clients-txt h2, .our-portfolio-heading h2, .our-approach-info h2, .brand-slider{
        margin-bottom: 20px;
    }

    .our-clients-slide::before, .our-clients-slide::after, .brand-slider::before, .brand-slider::after{
        content: unset;
    }

    .our-approach-sec .bg-circle-container{
        display: none !important; 
    }

    .form-content-txt, .nav-pills{
        gap: 10px;
    }

    .tab-content{
        padding-top: 20px;
    }

    .circle{
        width: 300px;
    height: 300px;
    }

    .brand-footer-info .services-info-btn{
        margin-top: 25px;
    }

    .brand-slide-content{
        margin: 20px 0 10px 0;
    }

    .upload-box p{
        font-size: 14px;
    }

    .answer-blog p{
        padding: 0;
    }

    .submit-btn{
        margin-top: 0;
    }

    .accordion-sec h3{
        margin-bottom: 20px;
        font-size: 33px;
        line-height: normal;
    }

    .our-approach-tab .nav-pills .nav-link{
        font-size: 13px !important;
    }

 

  }