@media only screen and (max-width: 959px) {
    /************************************ HEADER PANEL STARTS HERE ************************************/

    #header .navMenu {
        display: none;
    }

    .mean-container {
        display: block;
        float: right;
        width: 100% !important;
    }

    .main_menu {
        background: url("../images/nav_bg.png") no-repeat scroll top center #d2ab67 height: 42px;
        padding: 0;
    }

    .mean-container .mean-nav {
        margin-top: 0;
    }

    .mean-container .mean-bar {
        background: none !important;
        padding: 0
    }

    #header {
        padding: 45px 0 0;
        float: right
    }

    .mean-container .mean-nav ul li li a {
        padding: 8px 28px;
    }

    .mean-container .mean-nav ul li a.mean-expand {
        box-sizing: unset;
        font-size: 29px !important;
        padding: 0 !important;
    }

    /************************************ HEADER PANEL ENDS HERE ************************************/
    .mean-nav {
        box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.4);
        position: absolute;
        right: 0;
        top: -42px;
        width: 210px;
        z-index: 99;
        background: #fd9700;
    }


}

@media only screen and (max-width: 319px) {
    #header .navMenu {
        display: none;
    }
}