@media (max-width: 1024px) {
    .banner .banner-title-ctn h1 {
        font-size: 40px;
    }
}

@media (max-width: 991px) {
    .banner .cta-button-ctn {
        justify-content: center;
        gap: 10px;
    }

    .banner .cta-button .cta-title h2 {
        font-size: 25px;
    }

    .nav-wrapper {
        padding: 0;
    }

    #header .nav-item a {
        padding: 8px!important;
    }

    #header .top-bar-ctn {
        display: none;
    }

    #header .top-bar-ctn.mobile-bar {
        display: flex;
        flex-direction: column;
        align-items: start;
        padding: 0 8px;
    }
    
    #header .top-bar-ctn ul,
    #header .top-bar-ctn.mobile-bar ul li {
        display: inline-block;
    }

    #header .top-bar-ctn ul li:last-of-type {
        border-right: none;
    }

    #header .top-bar-ctn .wpml-ls ul li {
        padding: 8px 0;
    }
}

@media (max-width: 768px) {
    .banner .banner-title-ctn h1 {
        font-size: 25px;
    }
}