.dropdown:hover .dropdown-menu {
            display: block;
            margin-top: 0;
        }

        .dropdown .dropdown-menu {
            display: none;
        }

        .dropdown-item {
            color: #000 !important;
        }

        .dropdown-toggle::after {
            display: none !important;
        }

        @media screen and (max-width:550px) {
            .dropdown:hover .dropdown-menu {
                display: block;
                margin-top: 0;
                width: 100%;
            }

            .dropdown .dropdown-menu {
                display: none;
            }

            .dropdown-item {
                color: #000 !important;
            }

            .dropdown-toggle::after {
                display: inline-block !important;
            }

            .dropdown-item{
                left: 10px;
            }
        }