@media only screen and (max-width: 480px) {
    .text-lg-right {
        text-align: left;
    }

    .auth-bg {
        height: 200px!important;
    }

    .counter-container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .counter-wrap .text span {
        font-size: 13px;
    }

    .counter-wrap .icon span {
        font-size: 30px;
    }

    .counter-wrap .text strong.number {
        font-size: 25px;
    }

    .navbar>.container {
        justify-content: center;
    }

    .nav-bottom {
        display: block !important;
        padding: 0.1rem 1.3rem;
        background-color: rgba(255, 255, 255);
        border-top: 2px solid #E0E0E0;
    }

    .main-nav {
        border: none;
        display: none;
    }

    .section-hero-title {
        font-size: 25px;
    }

    .section-hero-subtitle {
        font-size: 18px;
    }

    .section-hero-description {
        font-size: 15px;
        font-weight: 400;
    }

    .vr {
        display: none;
    }
}