/* =====================================================
   DESKTOP DEFAULT
   ===================================================== */

.mobile-navigation {
    display: none;
}


/* =====================================================
   MOBILE
   ===================================================== */

@media only screen and (max-width: 767px) {

    /* Header */
    .main_header {
        position: relative;
        width: 100%;
    }


    /* Logo section */
    .mainLogo_part {
        position: relative;
        width: 100%;
    }


    .mhrd_part {
        position: relative;
        width: 100%;
        min-height: 75px;
    }


    /* =================================================
       LOGO
       ================================================= */

    .nba_logo1 {
        max-width: 230px;
        height: auto;
        padding-right: 21px;
    }


    .eNBA_logo {
        max-width: 45px;
        height: auto;
    }


    /* =================================================
       HIDE OLD BOOTSTRAP NAVBAR BUTTON
       ================================================= */

    .navbar-header {
        display: none !important;
    }


    /* =================================================
       HIDE DESKTOP MENU ON MOBILE
       ================================================= */

    .main-content-box .fixed-top-bar {
        display: none !important;
    }


    /* =================================================
       MOBILE NAVIGATION CONTAINER
       ================================================= */

    .mobile-navigation {
        display: block !important;
        position: relative;
        width: 100%;
        background: #ffffff;
    }


    /* =================================================
       CHECKBOX
       ================================================= */

    #mobileMenuToggle {
        display: none !important;
    }


    /* =================================================
       HAMBURGER BUTTON
       ================================================= */

    .mobile-hamburger {
        display: block;
        position: absolute;
        right: 31px;
        top: -38px;
        width: 41px;
        height: 38px;
        padding: 8px 9px;
        box-sizing: border-box;
        background-color: #26afe6;
        border: none;
        cursor: pointer;
        z-index: 2;
        border-radius: 5px;
    }


        /* =================================================
       HAMBURGER LINES
       ================================================= */

        .mobile-hamburger span {
            display: block;
            width: 25px;
            height: 3px;
            margin: 4px auto;
            background-color: #ffffff;
            border-radius: 1px;
            transition: all 0.3s ease;
        }


    /* =================================================
       MOBILE MENU CLOSED
       ================================================= */

    .mobile-menu {
        display: none;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #ffffff;
        border-top: 1px solid #dddddd;
        position: relative;
        z-index: 999998;
    }


    /* =================================================
       MOBILE MENU OPEN
       ================================================= */

    #mobileMenuToggle:checked ~ .mobile-menu {
        display: block !important;
    }


    /* =================================================
       MENU UL
       ================================================= */

    .mobile-menu ul.navigation {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }


        /* =================================================
       MENU LI
       ================================================= */

        .mobile-menu ul.navigation li {
            display: block !important;
            width: 100% !important;
            float: none !important;
            clear: both;
            margin: 0 !important;
            padding: 0 !important;
            border-bottom: 1px solid #dddddd;
        }


            /* =================================================
       MENU LINKS
       ================================================= */

            .mobile-menu ul.navigation li a {
                display: block !important;
                width: 100% !important;
                min-height: 45px;
                padding: 13px 20px !important;
                box-sizing: border-box;
                color: #174b6b !important;
                background-color: #ffffff !important;
                font-size: 14px;
                font-weight: 500;
                line-height: 20px;
                text-align: left;
                text-decoration: none !important;
            }


                /* =================================================
       HOVER
       ================================================= */

                .mobile-menu ul.navigation li a:hover {
                    color: #ffffff !important;
                    background-color: #174b6b !important;
                }


                /* =================================================
       HOME ICON
       ================================================= */

                .mobile-menu ul.navigation li a i {
                    margin-right: 8px;
                    font-size: 16px;
                }


    /* =================================================
       HAMBURGER -> X
       ================================================= */

    #mobileMenuToggle:checked + .mobile-hamburger span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }


    #mobileMenuToggle:checked + .mobile-hamburger span:nth-child(2) {
        opacity: 0;
    }


    #mobileMenuToggle:checked + .mobile-hamburger span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }
}


/* =====================================================
   DESKTOP
   ===================================================== */

@media only screen and (min-width: 768px) {

    .mobile-navigation {
        display: none !important;
    }


    .main-content-box {
        display: block;
    }
}