.side_menu {
        color: #fff;
        width: 340px;
        padding-left: 20px;
        height: 450px;
        background-color: #0a3d76;
        }

        .side_menu a {
        font-size: 14px;
        color: #fff;
        display: block;
        padding: 12px;
        padding-left: 30px;
        text-decoration: none;
        -webkit-tap-highlight-color:transparent;
        }

        .side_menu a:hover {
        color: #3f5efb;
        background: #fff;
        outline: none;
        position: relative;
        background-color: #fff;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        }

        .side_menu a i {
        margin-right: 5px;
        }

        .side_menu a:hover::after {
        content: "";
        position: absolute;
        background-color: transparent;
        bottom: 100%;
        right: 0;
        height: 35px;
        width: 35px;
        border-bottom-right-radius: 18px;
        box-shadow: 0 20px 0 0 #fff;
        }

        .side_menu a:hover::before {
        content: "";
        position: absolute;
        background-color: transparent;
        top: 38px;
        right: 0;
        height: 35px;
        width: 35px;
        border-top-right-radius: 18px;
        box-shadow: 0 -20px 0 0 #fff;
        }

        .side_menu p {
		font-size: 18px;
        margin: 0;
        padding: 20px 0;
        }
        
		@media (max-width:768px) {
	     .side_menu {
		   width:100%;
	     }
        }