/* General styles for all menus */
.cbp-spmenu {
    
    position: fixed;
}

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
    width: 270px;
    height: 100%;
    top: 0;
    overflow-y: auto;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    z-index: 10000;
    
}


.cbp-spmenu-horizontal {
    width: 100%;
    height:64px;
    left: 0;
    overflow: hidden;
    top: 0;

    
}



/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
    left: -210px;
}

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

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

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

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

.cbp-spmenu-top {
    top: -64px;

}

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


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

}

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

/* Push classes applied to the body */
.push-body {
    overflow-x: hidden;
    position: relative;
    left: 0;
    
}

.push-body-toright {
    left: 270px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.push-body-toleft {
    left: -270px;
    
}
.push-body-totop {
    top: 64px;
    

}

.push-body, .cbp-spmenu-push{
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
@media (max-width: 800px) {
    .cbp-spmenu-vertical {
        width: 100%;
    }
    .cbp-spmenu-right {
        right: -800px;
    }  
    .side-menu p {
        width: 50%;
        margin: 0px auto;
        text-align: center;
    }
    .side-menu ul {
        width: 50%;
        margin: 10px auto;
    }
    .side-menu > .social-icons {
        width: 50%;
        margin: 0 auto;
        text-align: center;
    }
    .menueffect > li > a {
        text-align: center;
    }
}
@media (max-width: 768px) {
    .cbp-spmenu-right {
        right: -768px;
    }   
}
@media (max-width: 640px) {
    .cbp-spmenu-right {
        right: -640px;
    }   
}

@media (max-width: 480px) {
    .cbp-spmenu-right {
        right: -480px;
    }   
}
@media (max-width: 360px) {
     .cbp-spmenu-vertical {
        width: 100%;
    }
    .side-menu p {
        width: 100%;
        margin: 0px auto;
        text-align: center;
    }
    .side-menu ul {
        width: 100%;
        margin: 10px auto;
    }
    .side-menu > .social-icons {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .menueffect > li > a {
        text-align: center;
    }
    .cbp-spmenu-right {
        right: -360px;
    }   
}
@media (max-width: 320px) {
     .cbp-spmenu-vertical {
        width: 100%;
    }
    .side-menu p {
        width: 100%;
        margin: 0px auto;
        text-align: center;
    }
    .side-menu ul {
        width: 100%;
        margin: 10px auto;
    }
    .side-menu > .social-icons {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .menueffect > li > a {
        text-align: center;
    }
    .cbp-spmenu-right {
        right: -320px;
    }   
}