/* General styles for all menus */


.main {
    position: absolute;
    z-index: 9999;
    top: 118px;
    right: 0;
    cursor: pointer;
}

    .main span {
        display: none;
    }

    .main .active span {
        position: absolute;
        z-index: 9999;
        top: 182px;
        cursor: pointer;
        color: #006ea1;
        left: 1px;
        background: #FFF;
        display: block;
        padding: 10px;
        width: 38px;
        text-align: center;
        font-weight: 900;
        border-radius: 0 0 0 5px;
    }

.buttonset {
    cursor: pointer;
}


.cbp-spmenu {
    background: #006ea1;
    position: fixed;
}

    .cbp-spmenu h3 {
        color: #FFF;
        font-size: 1.9em;
        padding: 20px;
        margin: 0;
        font-weight: 700;
        background: #006ea1;
    }

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

        .cbp-spmenu a:hover {
            background: #258ecd;
        }

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

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

.cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 991000;
}

    .cbp-spmenu-vertical a {
        border-bottom: 1px solid #258ecd;
        padding: 1em;
    }

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

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

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

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

.cbp-spmenu-left {
    left: -240px;
}

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

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

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

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
    top: -150px;
}

.cbp-spmenu-bottom {
    bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
}

/* Push classes applied to the body */

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

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

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

/* Transitions */

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

/* Example media queries */



@media (max-width: 767px) {      
}


@media screen and (max-width: 55.1875em) { 

    .cbp-spmenu h3 {font-size:11px !important; margin-bottom:5px}  
    .form-control {height:24px; font-size:12px; padding:3px 5px }
    .cbp-spmenu-vertical {font-size:11px !important}
    .cbp-spmenu-vertical p {margin-bottom:2px !important; font-size:10px !important}
    .form-horizontal {padding:0 15px}
    .btn-default {font-size:12px; padding:3px 5px}
    .cbp-spmenu .form-group, .cbp-spmenu .thumbnail {margin-bottom:3px !important}
    .main {top:7px !important}


    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }

    .cbp-spmenu-top {
        top: -110px;
    }

    .cbp-spmenu-bottom {
        bottom: -110px;
    }
}

@media screen and (max-height: 26.375em) {

    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 190px;
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -190px;
    }

    .cbp-spmenu-right {
        right: -190px;
    }

    .cbp-spmenu-push-toright {
        left: 190px;
    }
}

@media (max-width: 767px) {
    .cbp-spmenu h3 {
        padding: 10px 20px 0;
        font-size: 20px;
    }

    .cbp-spmenu .form-group,
    .cbp-spmenu .thumbnail {
        margin-bottom: 8px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {
}