.mfm-wide-buttons .icon {
    background: transparent url('../img/menu/navIcons_3x.png');
    background: transparent url('../img/menu/navIcons.svg');
    background-size: 240px 1297px;
    display: inline-block;
    width: 55px;
    height: 60px;
    float: left;
    margin-right: 15px;
}

.mfm-wide-buttons .icon.book-now {
    background-position: -10px -390px;
}

.mfm-wide-buttons a:hover .icon.book-now {
    background-position: -89px -390px;
}

.mfm-wide-buttons .icon.news {
    background-position: -10px -470px;
}

.mfm-wide-buttons a:hover .icon.news {
    background-position: -89px -470px;
}

.mfm-wide-buttons .icon.our-people {
    background-position: -10px -545px;
}

.mfm-wide-buttons a:hover .icon.our-people {
    background-position: -89px -545px;
}

.mfm-wide-buttons .icon.work-for-cleansafe {
    background-position: -10px -618px;
}

.mfm-wide-buttons a:hover .icon.work-for-cleansafe {
    background-position: -89px -618px;
}

.mfm-wide-buttons .icon.corporate-social-responsibility {
    background-position: -10px -695px;
}

.mfm-wide-buttons a:hover .icon.corporate-social-responsibility {
    background-position: -89px -695px;
}

.mfm-wide-buttons .icon.our-clients {
    background-position: -10px -769px;
}

.mfm-wide-buttons a:hover .icon.our-clients {
    background-position: -89px -769px;
}

.mfm-wide-buttons .icon.accreditations {
    background-position: -10px -845px;
}

.mfm-wide-buttons a:hover .icon.accreditations {
    background-position: -89px -845px;
}

.mfm-wide-buttons .icon.about-us {
    background-position: -10px -923px;
}

.mfm-wide-buttons a:hover .icon.about-us {
    background-position: -89px -923px;
}

.mfm-wide-buttons .icon.more-about-safegroup {
    background-position: -10px -1001px;
}

.mfm-wide-buttons a:hover .icon.more-about-safegroup {
    background-position: -89px -1001px;
}

.mfm-wide-buttons .icon.sectors-we-cover {
    background-position: -10px -1154px;
}

.mfm-wide-buttons a:hover .icon.sectors-we-cover {
    background-position: -89px -1154px;
}

.mfm-wide-buttons .icon.advice-centre {
    background-position: -10px -1081px;
}

.mfm-wide-buttons a:hover .icon.advice-centre {
    background-position: -89px -1081px;
}

.mfm-wide-buttons .icon.case-studies {
    background-position: -10px -1227px;
}

.mfm-wide-buttons a:hover .icon.case-studies {
    background-position: -89px -1227px;
}

#mfm-menu-elements ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#mfm-menu-elements, #mfm-more-button {
    text-align: center;
}

#mfm-menu-elements li, #mfm-more-button li {
    border-bottom: 1px solid #e7eaec;
    padding: 10px 0;
    line-height: 1.2em;
}

#mfm-more-button, #mfm-menu-elements a, #mfm-more-button a{
    text-decoration: none;
    cursor: pointer;
    line-height: 12px;
    color: #808588;
    letter-spacing: 0.5px;
    font-size: 13px;
    font-weight: 600;
}

#mfm-menu-elements .icon, #mfm-more-button .icon {
    display: block;
    height: 50px;
    width: 100%;
    background: transparent url('../img/menu/navIcons_3x.png');
    background: transparent url('../img/menu/navIcons.svg');
    background-size: 240px 1297px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mfm-more-button {
    padding-bottom: 10px;
    border-bottom: 1px solid #e7eaec;
}

#mfm-menu-elements .icon.emergency-cleaning {
    background-position: 8px -15px;
}

#mfm-menu-elements .icon.emergency-cleaning:hover,
#mfm-menu-elements a:hover .icon.emergency-cleaning{
    background-position: -72px -15px;
}

#mfm-menu-elements .icon.commercial-cleaning {
    background-position: 8px -88px;
}

#mfm-menu-elements .icon.commercial-cleaning:hover,
#mfm-menu-elements a:hover .icon.commercial-cleaning{
    background-position: -71px -88px;
}

#mfm-menu-elements .icon.specialist-cleaning {
    background-position: 8px -167px;
}

#mfm-menu-elements .icon.specialist-cleaning:hover,
#mfm-menu-elements a:hover .icon.specialist-cleaning{
    background-position: -71px -167px;
}

#mfm-menu-elements .icon.contact-us {
    background-position: 8px -240px;
}

#mfm-menu-elements .icon.contact-us:hover,
#mfm-menu-elements a:hover .icon.contact-us {
    background-position: -71px -240px;
}


#mfm-more-button .icon.more {
    background-position: 8px -313px;
}

#mfm-more-button .icon.more:hover,
#mfm-more-button a:hover .icon.more {
    background-position: -71px -313px;
}

#mfm-more-button .icon.more.active,
#mfm-more-button a.active .icon.more{
    background-position: -72px -316px;
}

@media all and (max-width: 500px) {
    #mfm-menu-elements .icon.emergency-cleaning {
        background-position: 8px -13px;
    }

    #mfm-menu-elements .icon.emergency-cleaning:hover, #mfm-menu-elements a:hover .icon.emergency-cleaning {
        background-position: -72px -13px;
    }

    #mfm-menu-elements .icon.commercial-cleaning {
        background-position: 8px -88px;
    }

    #mfm-menu-elements .icon.commercial-cleaning:hover, #mfm-menu-elements a:hover .icon.commercial-cleaning {
        background-position: -71px -88px;
    }

    #mfm-menu-elements .icon.specialist-cleaning {
        background-position: 8px -166px;
    }

    #mfm-menu-elements .icon.specialist-cleaning:hover, #mfm-menu-elements a:hover .icon.specialist-cleaning {
        background-position: -72px -166px;
    }

    #mfm-menu-elements .icon.contact-us {
        background-position: 8px -242px;
    }

    #mfm-menu-elements .icon.contact-us:hover, #mfm-menu-elements a:hover .icon.contact-us {
        background-position: -72px -242px ;
    }

    #mfm-more-button .icon.more {
        background-position: 8px -252px;
    }

    #mfm-more-button .icon.more:hover, #mfm-more-button a.hover .icon.more {
        background-position: -72px -252px;
    }

    #mfm-more-button .icon.more.active, #mfm-more-button a.active .icon.more {
        background-position: -72px -316px;
    }
}