@media screen and (max-width:1600px) and (min-width:768px) {
    .hero-slider {
        max-height: 55vh;
    }

    .hero-content {
        padding-top: 0;
        padding-bottom: 200px;
    }

    .hero-content h1 {
        font-size: clamp(36px, 2 .2vw, 60px);
        line-height: 1.05;
    }

    .hero-nav-group {
        bottom: max(28px, calc(100% - 55vh + 14px));
    }

    .hero-content p {
        max-width: 650px;
        margin: 0 0 30px;
        font-size: clamp(19px, 1.5vw, 29px);
        line-height: 1.35;
        font-weight: 400;
    }

    .btn-outline-light-custom {
        border-radius: 26px;
        padding: 8px 20px;
        font-size: 14px;
    }

    .btn-primary-custom {
        border-radius: 26px;
        padding: 8px 20px;
        font-size: 16px;
    }

    .brand-logo {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .language-selector {
        max-width:220px;
    }
}

@media screen and (max-width:1500px) {
    .forex-item__value, .forex-item__pair {
        font-size: 12px;
    }
    .forex-item {
        padding: 12px 20px;
    }

    .currency-ticker__label {
        padding: 8px 23px;
        font-size: 12px;
    }
    h2, .h2, .quick-access-title, .products-heading h2, .app-content h2, .faq-intro h2 {
        font-size: clamp(2rem, 30px, 48px);
    }
}

@media screen and (max-width:768px) {
    .hero-content h1 {
        font-size: clamp(30px, 2.2vw, 50px);
    }

    .hero-content p {
        font-size: clamp(16px, 1.5vw, 25px);
    }

  /*  .quick-access-grid {
        display: ruby;
    }*/
}