#footer-bottom {
	display: none;
}

@media (max-width: 980px){
    /* this will fix the menu regardless of the header format */
    .et_non_fixed_nav ‪#main‬-header, .et_non_fixed_nav ‪#top‬-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
        position: fixed !important;
        background-color:transparent !important;
    }
    /*****************************************************************
    Style the Mobile Menu Header
    Used if we have a Heading Style of Centered or Centered Inline Logo
    *****************************************************************/
    /* switch off the Search button on Default header */
    div.et_menu_container span#et_search_icon {
        display:none;
    }
    /* make the enclosing container transparent on Centered and Centered Inline Logo headers */  
    div.et_menu_container div.mobile_nav { 
        background-color:transparent !important;
    }
    /*  switch off the Select Page text on Centered and Centered Inline Logo headers */
    div.et_menu_container span.select_page {
        display:none !important;
    }
    /*  switch off the mobile logo on Default and Centered headers */
    div.et_menu_container div.logo_container {
        display:none;
    }
    /*****************************************************************
    Remove the shadow beneath the header
    *****************************************************************/
    /* this is used when viewport is at top of page */
    #main-header {
        -webkit-box-shadow:none !important;
        -moz-box-shadow:none !important;
        box-shadow:none !important;
    }
    /* this is used when we scroll and have a fixed header */
    #main-header.et-fixed-header {
        -webkit-box-shadow:none !important;
        -moz-box-shadow:none !important;
        box-shadow:none !important;
    }
    /*****************************************************************
    Style the Hamburger
    *****************************************************************/
    /* style the opened mobile menu hamburger (make it an 'X') */
    div.mobile_nav.opened .mobile_menu_bar:before {
        font-family: "ETmodules";
        content: "\4d";
    }
    /* color and size both the open and close hamburgers */
    div.mobile_nav.opened .mobile_menu_bar:before, div.mobile_nav.closed .mobile_menu_bar:before {
        color: #a4d44f;
        font-size:60px !important;
    }
    /*****************************************************************
    Style the Menu Container
    *****************************************************************/
    /* style the container that the menu elements are housed in */
    .et_mobile_menu {
        /* background is white by default */
        background-color: #000 !important;
    }
    /*****************************************************************
    Style the submenu root (parent)
    *****************************************************************/
    /* the root (parent) menu item of submenus gets treated a little different */
    /* and needs this to deal with the background */
    .et_mobile_menu .menu-item-has-children>a {
        background-color:#000 !important;
    }
    .et_mobile_menu .menu-item-has-children>a:hover {
        background-color:rgba(0, 0, 0, 0.03) !important;
    }
    /*****************************************************************
    Style the menu items
    *****************************************************************/
    .et_mobile_menu li a {
        color:#a4d44f !important;
    }
    /*****************************************************************
    Set all items to the same font weight
    *****************************************************************/
    .et_mobile_menu li a, .et_mobile_menu .menu-item-has-children>a {
        font-weight:400;
    }
}