@media (max-width:768px) {
    /* Top Menu Section */

    .top-menu-desktop {
        display: none;
    }
    
    .top-menu-mobile {
        width: 100%;
        position: absolute;
        top: 32px;
        background: var(--colour011);
    }

    .top-menu-mobile a {
        display: block;
        padding: .475rem;
    }

    .top-menu-mobile a:hover {
        background: var(--colour002);
        color: var(--colour011);
    }

    .top-menu-hamburger {
        display: block;
    }

    /* End of Top Menu Section */

    /* Middle Menu Section */

    .middle-menu-desktop {
        text-align: center;
    }

    .middle-menu-desktop img {
        max-width: 150px;
    }

    /* End of Middle Menu Section */

    /* Bottom Menu Section */

    .bottom-menu-desktop {
        display: none;
    }

    .bottom-menu-mobile {
        width: 100%;
        position: absolute;
        top: 148px;
        background: var(--colour002);
        z-index: 999;
    }

    .bottom-menu-mobile a {
        display: block;
        font-weight: bold;
        font-size: .875rem;
        padding: .475rem;
        color: var(--colour011);
    }

    .bottom-menu-mobile a:hover {
        background: var(--colour011);
        color: var(--colour002);
    }

    .bottom-menu-hamburger {
        color: var(--colour011);
        display: block;
        padding: .475rem;
    }

    .bottom-menu-hamburger:hover, .bottom-menu-hamburger:focus {
        color: var(--colour015);
    }

    /* End of Bottom Menu Section */

    /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

    /* Main Section */

    .main-container-section {
        padding: .475rem;
    }

    /* Front Page Container */

    .main-container {
        display: block;
    }

    .preview-result-section {
        display: block;
    }

    .livedraw-day-front-section, .livedraw-night-front-section {
        margin: 1rem 0;
    }

    /* End of Front Page Container */

    /* Random Generator Container */

    .top-random-section span {
        font-size: 1rem;
        padding: .35rem .75rem;
    }

    /* Article Section */

    /* End of Article Section */

    /* Livedraw Container */

    .livedraw-sub-grid {
        display: block;
        padding: 0;
    }

    .livedraw-title {
        padding: .625rem 0;
        background: var(--colour003);
        color: var(--colour015);
    }

    .livedraw-number {
        padding: .825rem 0;
        background: var(--colour013);
    }

    /* End of Livedraw Container */

    /* History Container */

    .double-grid-container {
        display: block;
    }

    .sub-history-container {
        margin: 1.5rem 0;
    }

    /* End of History Container */

     /* End of Main Section */
}