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

    .header .navigation li:first-child {
        display: none;
    }


    .header .navigation li:not(.link-button) a {
        padding: 0 7px;
        line-height: 1;
        position: relative;
        top: -3px;
    }

}

@media (max-width: 991px) {
    .ion-hero-video {
        height: auto !important;
        padding: 300px 30px;
    }

    .header .navigation li a {
        font-size: 13px;
        line-height: 1;
    }


    .header .navigation li.link-button {
        margin-left: 7px;
    }

    .faqs .faq .faq-toggle {
        align-items: flex-start;
    }

    .faqs .faq .faq-toggle .faq-icons {
        position: relative;
        top: 7px;
    }

    .faqs .faq .faq-toggle .faq-start-icon {
        position: relative;
        top: -2px;
    }

    .ion-badges ul li {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .ion-badges ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ion-badges ul li:nth-child(4) {
        order: 5;
    }

    .ion-badges ul li a {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 15px 0;
    }

    .ion-badges ul li:nth-child(1) a img, .ion-badges ul li:nth-child(2) a img, .ion-badges ul li:nth-child(3) a img, .ion-badges ul li:nth-child(5) a img {
        width: auto;
        max-height: 120px;
    }

    .footer p:last-child a {
        font-size: var(--font-size);
        display: block;
    }

    .footer p:last-child {
        font-size: 0;
    }

    .footer p:last-child a:last-child {
        margin: 25px 0 0;
    }



}

@media (max-width: 767px) {

    .header .brand {
        display: none;
    }

    .header .elementor-widget-shortcode {
        width: 100%;
    }

    .header, .header.active {
        background: var(--dark);
        padding: 10px 30px;
    }

    .header .mobile-navigation li.mobile-button span {
        color: #fff;
    }

    .header .mobile-navigation li.mobile-logo a {
        width: 100px;
        height: 100px;
        margin: 0 0 -35px;
        display: block;
    }

    .header .navigation li:not(.link-button):after {
        display: none !important;
    }

    .header.active .navigation li:not(.link-button).current-menu-item a:after, .header.active .navigation li:not(.link-button) a:hover:after, .header.active .navigation li:not(.link-button) a:focus:after {
        display: none;
    }

    .header .navigation li a {
        padding: 15px !important;
        font-size: 15px;
        display: block;
        width: 100%;
    }

    .header .navigation li:not(:last-child,:nth-last-child(2)) a {border-bottom: 1px solid rgba(255,255,255,0.1);}

    .header .navigation li:last-child {
        margin: 7px 0 0;
    }

    .ion-badges ul li {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .ion-badges ul li:nth-child(6), .ion-badges ul li:nth-child(7), .ion-badges ul li:nth-child(4) {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .faqs .faq .faq-toggle .faq-start-icon {
        flex: 0 0 23px;
    }

    .faqs span.faq-question {
        font-size: var(--font-size--h4);
    }


}