@media only screen and (max-width: 1200px) { 
    .nav-links a {
        font-size: 15px;
    }
    .integration-box {
        display: block;
    }
    .integration-box svg {
        margin-bottom: 20px;
        margin-right: 0;
    }

}

@media only screen and (max-width: 991px) { 
    .hero-section-main .row {
        flex-direction: column-reverse;
    }
    .quick-payable-banner {
        margin-bottom: 30px;
    }
    section.usecase-section .row {
        flex-direction: column-reverse;
    }
    .usecase-banner {
        margin-bottom: 30px;
    }
    .contact-us-banner {
        margin-bottom: 30px;
    }
    .header-sticky.sticky-bar {
        padding: 6px;
    }

 }

 @media only screen and (max-width: 768px) {
    .hero-content h1 {
        font-size: 32px;
    }
    .works-title h2, .why-leading-cont h2 {
        font-size: 25px;
    }
    section.our-app-section button.slick-prev.slick-arrow {
        left: 0;
    }
    section.our-app-section button.slick-next.slick-arrow {
        right: 0;
    }
    section.quick-content h2 {
        font-size: 25px;
    }
    #back-top {
        right: 0;
    }
  }
  @media only screen and (max-width: 575px) {
    .footer-links ul li {
        width: 100%;
    }
    .app-exchange-main {
        display: block;
    }
    
  }