.drop_sidenav {
            height: 100%;
            width: 0;
            position: fixed;
            z-index: 10000!important;
            top: 0;
            right: 0;
            background-color: #222;
            overflow-x: hidden;
            transition: 0.5s;
            padding-top: 60px;
            color: #fff;
        }

        .drop_sidenav a {
            padding: 8px 8px 8px 32px;
            text-decoration: none;
            font-size: 25px;
            color: #fff;
            display: block;
            transition: 0.3s;
        }

        .drop_sidenav a:hover {
            color: #ffffff;
            background-color: #ff0000;
        }

        .drop_sidenav .closebtn {
            position: absolute;
            top: 0;
            right: 25px;
            font-size: 36px;
            margin-left: 50px;
        }

        #mainnav {
            transition: margin-left .5s;
            padding: 16px;
            float: right;
        }

        .drop_sidenav a,
        .dropnav-btn {
            padding: 9px 8px 11px 16px;
            text-decoration: none;
            font-size: 18px;
            color: #fff;
            display: block;
            background: none;
            width: auto;
            text-align: left;
            letter-spacing: 1.3px;
            cursor: pointer;
            outline: none;
            position: relative;
            z-index: 10000;
        }

        .sidedrop a:hover,
        .dropnav-btn:hover {
            color: #ff0000;
        }

        .dropdown_list {
            width: 200px;
            padding-left: 16px;
        }

        .active {
            background-color: green;
            color: white;
        }

        .dropdown-container {
            display: none;
            background-color: #262626;
            padding-left: 8px;
        }

        .dropOverlay {
            background-color: rgba(0, 0, 0, 0.4);
            width: 0;
            height: 100vh;
            position: fixed;
            z-index: 5000;
            top: 0;
            left: 0;
        }

        .fa-caret-down {
            float: right;
            padding-right: 8px;
        }


        @media screen and (max-height: 450px) {
            .drop_sidenav {
                padding-top: 15px;
            }

            .drop_sidenav a {
                font-size: 18px;
            }
        }