body {
    font-size: 1.125rem; /* 18px */
}

@media (max-width: 850px) {
    .d-menu,
    .navbar-expand-custom .navbar-collapse-custom {
        display: none;
    }

    .m-menu
    {
        display: block !important;
    }

    #navbarMobileMenu{
        background: #1C99D2;
        top: 0;
        right: 0;
        left: 0;
        height: auto;
    }
    
    .list-group-item.active {
        background-color: white;
        border-color: rgba(0, 0, 0, 0.125);
    }

    .bbhk-support-button {
        margin-left: 0 !important;
        border: 2px solid #1999D2;
    }
}

@media (min-width: 850px) {
    .d-menu {
        display: block;
    }

    .m-menu
    {
        display: none !important;
    }

    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-custom .navbar-collapse-custom {
        display: flex!important;
        flex-grow: 1;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }

    .bbhk-support-button:hover {
        border: 2px solid #1999D2;
    }
}

.bbhk-menu,
.bbhk-submenu {
    font-size: 1.1rem; /* 18px */
}

.bbhk-submenu ~ ul .dropdown-item,
.bbhk-submenu div > a.list-group-item {
    font-size: 1rem; /* 16px */
}

@media only screen and (max-width: 767px) {
    .bbhk-title {
        color: #0C445C;
        font-size: 1.375rem; /* 22px */
        font-weight: 600;
    }

    .bbhk-headline {
        color: #e36e28;
        font-size: 1.375rem; /* 22px */
        font-weight: 600;
    }
    
    .bbhk-sub-title {
        color: #1999D2;
        font-size: 1.125rem; /* 18px*/
        font-weight: 600;
    }

    .bbhk-content {
        font-size: 1rem; /* 16px */
    }
}

@media only screen and (min-width: 768px) {
    .bbhk-title {
        color: #0C445C;
        font-size: 1.5rem; /* 24px */
        font-weight: 600;
    }

    .bbhk-headline {
        color: #e36e28;
        font-size: 1.5rem; /* 24px */
        font-weight: 600;
    }

    .bbhk-sub-title {
        color: #1999D2;
        font-size: 1.25rem; /* 20px */
        font-weight: 600;
    }
    
    .bbhk-content {
        font-size: 1.125rem; /* 18px */
    }
}

@media only screen and (max-width: 767px) {
    .bbhk-footer-title {
        font-size: 1.6rem;
    }
    
    .bbhk-footer-content {
        font-size: 1.1rem;    
    }

    .bbhk-footer-line-height {
        line-height: 2.1rem;
    }
}

@media only screen and (min-width: 768px) {
    .bbhk-footer-title {
        font-size: 1.6rem;
    }
    
    .bbhk-footer-content {
        font-size: 1.1rem;    
    }

    .bbhk-footer-line-height {
        line-height: 2.1rem;
    }
}

@media only screen and (max-width: 767px) {
    .bbhk-table-header {
        background: #49ABC6;
        color: WHITE;
        font-size: 1rem; /* 16px */
        font-weight: 600;
        border: thin solid #93CEDC;
    }

    .bbhk-table-content-odd {
        background: #DAEBF1;
        color: BLACK;
        font-size: 1rem; /* 16px */
        border: thin solid #93CEDC;
    }

    .bbhk-table-content-even {
        color: BLACK;
        font-size: 1rem; /* 16px */
        border: thin solid #93CEDC;
    }

}

@media only screen and (min-width: 768px) {
    .bbhk-table-header {
        background: #49ABC6;
        color: WHITE;
        font-size: 1.125rem; /* 18px */
        font-weight: 600;
        border: thin solid #93CEDC;
    }

    .bbhk-table-content-odd {
        background: #DAEBF1;
        color: BLACK;
        font-size: 1.125rem; /* 18px */
        border: thin solid #93CEDC;
    }

    .bbhk-table-content-even {
        color: BLACK;
        font-size: 1.125rem; /* 18px */
        border: thin solid #93CEDC;
    }
}