@media only screen and (max-width: 991px) {
    .nav-tabs .nav-link {
        font-size: 0.8rem;
    }
}

@media only screen and (max-width: 767px) {
    body.loggedOut .mainHeader .tenant-logo img {
        max-width: 180px;
    }

    body.loggedOut main .btn {
        width: 130px;
    }

    .nav-tabs .nav-link {
        padding: .3rem .5rem;
        font-size: 0.75rem;
    }
}

@media only screen and (max-width: 540px) {
    .account-tabs {
        margin-bottom: 20px;
    }

    .account-tabs + .mt-5 {
        margin-top: 20px !important;
    }

        .nav-tabs {
            display: block;
        }
        
            .nav-tabs .nav-item {
                border-top: 1px solid #dee2e6;
                margin: 0;
            }
            
                .nav-tabs .nav-link {
                    padding: .3rem .5rem;
                    border: none;
                    border-radius: 0;
                    font-size: 1rem;
                }
            
                .nav-tabs .nav-link.active {
                    border-left: 4px solid hsl(49,100%,50%);
                    color: inherit;
                    background: none;
                }
    
    .account-registered-vouchercard {
        margin-top: 20px !important;
    }
}

@media only screen and (max-width: 500px) {
    .mainHeader .tenant-logo img {
        max-width: 90px;
    }
    
    body.loggedOut .mainHeader .tenant-logo img {
        max-width: 120px;
    }

    .mainHeader .navbar-poweredby {
        font-size: 0.8rem;
    }
    
    .mainHeader .logo-site {
        height: 14px;
    }

    body.home.loggedIn {
        background-position: 35% center;
    }

    main {
        padding-top: 15px;
    }

    h1 {
        font-size: 1.6rem;
    }

    h2 {
        font-size: 1.4rem;
    }

    h3 {
        font-size: 1.2rem;
    }

    h4 {
        font-size: 1rem;
    }

    .account-registered {
        display: block;
    }

    .account-registered-add-credit {
        margin-left: 0px;
        max-width: 300px;
    }

    .account-registered-radio-payment-type {
        flex-direction: column;
    }
}