/* General styles for all menus */
@media (max-width: 1000px) {
    .cbp-spmenu {
        background: #f1f1f1;
        position: fixed;
        box-shadow: 3px 0px 4px rgba(0, 0, 0, 0.5)
    }

    .cbp-spmenu h3 {
        color: #afdefa;
        font-size: 1.9em;
        padding: 20px;
        margin: 0;
        font-weight: 300;
        background: #0d77b6;
    }

    .cbp-spmenu a {
        display: block;
        color: #fff;
        font-size: 1.1em;
        font-weight: 300;
    }

    .cbp-spmenu a:hover {
        /*	background: #7ac7bd;*/
    }

    .cbp-spmenu a:active {
        /*	background: #afdefa;
        color: #47a3da;*/
    }


    /* Orientation-dependent styles for the content of the menu */


    /*ken 20160513 START*/

    .cbp-spmenu-vertical {
        width: 250px;
        height: 100%;
        top: 0;
        z-index: 2500;
        overflow-y: auto;
    }


    /*ken 20160513 END*/

    .cbp-spmenu-vertical a {
        padding: 1em 1em 1em 0;
    }

    .cbp-spmenu-horizontal {
        width: 100%;
        height: 150px;
        right: 0;
        z-index: 1000;
        overflow: hidden;
    }

    .cbp-spmenu-horizontal h3 {
        height: 100%;
        width: 20%;
        float: right;
    }

    .cbp-spmenu-horizontal a {
        float: right;
        width: 20%;
        padding: 0.8em;
        border-left: 1px solid #258ecd;
    }


    /* Vertical menu that slides from the left or right */


    /*ken 20160513 START*/

    .cbp-spmenu-left {
        right: -265px;
    }


    /*ken 20160513 END*/

    .cbp-spmenu-left.cbp-spmenu-open {
        right: 0px;
    }


    /* Push classes applied to the body */

    .cbp-spmenu-push {
        overflow-x: hidden;
        position: relative;
        right: 0;
    }

    .cbp-spmenu-push-toright {
        right: 240px;
    }

    .cbp-spmenu-push-toleft {
        right: -240px;
    }


    /* Transitions */

    .cbp-spmenu,
    .cbp-spmenu-push {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #showLeftClose {
        background: url(../images/wrapperIconX.svg) center center no-repeat;
        background-size: 100% auto;
        width: 15px;
        height: 15px;
        float: r;
        margin: 0 0 0 212px;
        padding: 21px 0;
        pointer-events: none;
    }
}