@media (max-width: 1399px) {

}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {
    .header-section-inner {
        min-height: 80px !important;
    }

    .header-logo {
        width: 100px;
        position: absolute;
        top: 50%;
        left: 19px;
        transform: translate(0px, calc(-50% - 1px));
    }

    .header-logo .primary-img {
        display: none;
    }

    .header-logo .short-img {
        width: 100%;
        position: static;
        opacity: 1;
        transform: none;
    }

    .apple-row {
        --item: 2;
    }

    .coffee-row {
        --item: 2;
    }

    .footer-top-row {
        flex-direction: column;
        align-items: stretch;
    }

    .footer-right {
        padding: 40px 0;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        display: flex;
        justify-content: center;
    }

    .footer-bottom-row .copy-right {
        font-size: 14px;
    }

    .footer-bottom-row {
        padding: 30px 0 15px;
    }

    .footer-top-row .footer-menu {
        padding: 33px 0 31px;
    }

    .footer-top-border {
        display: none;
    }

    .apple-section {
        padding: 40px 0 10px;
    }

    .banana-section {
        padding: 60px 0 55px;
    }
}

@media (max-width: 768px) {
    .apple-row {
        --item: 1;
    }

    .apple-card .content {
        padding: 23px 0px 10px;
    }

    .box-h4 {
        font-size: 15px;
        margin: 0 0 22px;
        letter-spacing: 0px;
        padding: 5px 10px;
        border-radius: 4px;
    }

    .banana-content h3 {
        font-size: 30px;
    }

    .banana-content h5 {
        margin: 0 0 17px;
        font-size: 15px;
    }

    .apple-row2 {
        --inner-space: 25px;
        --item: 1;
    }

    .coffee-row {
        --item: 1;
    }

    .coffee-row-outer {
        padding: 0;
        background: transparent;
    }
}

@media (max-width: 575px) {
    .header-section .container {
        padding: 0 22px;
    }
}

@media (max-width: 390px) {

}

.auth-btn {
    position: absolute;
    bottom: 2rem;
}

.mobile-menu .btn-login {
    background-color: white;
    color: #191919;
    min-width: 7rem;
    padding: 3px;
    margin-bottom: 0.7rem;

}

.mobile-menu .btn-register {
    background-color: #FFD700;
    color: #191919;
    min-width: 7rem;
    padding: 3px;
    margin-bottom: 0.7rem;

}

.btn-desktop-login {
    background-color: white;
    color: #191919;
    min-width: 7rem;
    padding: 3px;

}

.header-color a.btn-desktop-login {
    color: white !important;
    background-color: #191919;
}

.btn-desktop-register {
    background-color: #FFD700;
    color: #191919;
    min-width: 7rem;
    padding: 3px;
}