/* ------ Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ------*/
@media only screen and (max-width: 479px) {
    body > #rn_nav_widget {
        width: 300px;
        left: -300px;
    }

    body > #rn_nav_widget #rn_nav_close {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    body > #rn_nav_widget {
        width: 300px;
        left: -300px;
    }

    body > #rn_nav_widget #rn_nav_close {
        display: none;
    }
}