.wrapper-dropdown-5 .dropdown ,.wrapper-dropdown-52 .dropdown{
    position: relative;
    top: -10px;
    list-style-type: none;
    padding-left: 10px;
    width: 100%;
}
.wrapper-dropdown-5 .dropdown li a,.wrapper-dropdown-52 .dropdown li a{
    width: 100% !important;
    height: 40px !important;
}
@media all and (min-width: 992px) {
    .wrapper-dropdown-5 {
        /* Size & position */
        position: relative;
        width: auto;
        padding: 12px 15px;
        /* Styles */
        cursor: pointer;
        outline: none;
        transition: all 0.3s ease-out;
    }
    .wrapper-dropdown-5 .dropdown {
        /* Size & position */
        position: absolute;
        top: 110%;
        left: 0;
        right: 0;
        /* Styles */
        background: #458bc7;
        border-radius: 0 0 5px 5px;
        border-top: none;
        border-bottom: none;
        list-style: none;
        transition: all 0.3s ease-out;
        /* Hiding */
        max-height: 0;
        overflow: hidden;
        padding: 0 !important;
    }
    .wrapper-dropdown-5 .dropdown li {
        padding: 0;
    }
    .wrapper-dropdown-5 .dropdown li a {
        display: block;
        text-decoration: none;
        color: #fff;
        padding: 10px;
        transition: all 0.3s ease-out;
        border-bottom: 1px solid #559ddb;
        width: 100%;
        text-align: left;
        height: 50px;
        font-weight: 500;
    }
    .wrapper-dropdown-5 .dropdown li:last-of-type a {
        border: none;
    }
    /* Hover state */
    .wrapper-dropdown-5 .dropdown li:hover a {
        background: #559ddb;
    }
    /* active state */
    .wrapper-dropdown-5.active {
        border-radius: 5px 5px 0 0;
        color: #00bcd4;
    }
    .wrapper-dropdown-5.active:after {
        border-color: #82d1ff transparent;
    }
    .wrapper-dropdown-5.active .dropdown {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        max-height: 400px;
    }
    /**************************** service **************************/
    .wrapper-dropdown-52 {
        /* Size & position */
        position: relative;
        width: auto;
        padding: 12px 15px;
        /* Styles */
        cursor: pointer;
        outline: none;
        transition: all 0.3s ease-out;
    }
    .wrapper-dropdown-52 .dropdown {
        /* Size & position */
        position: absolute;
        top: 110%;
        left: 0;
        right: 0;
        /* Styles */
        background: #458bc7;
        border-radius: 0 0 5px 5px;
        border-top: none;
        border-bottom: none;
        list-style: none;
        transition: all 0.3s ease-out;
        /* Hiding */
        max-height: 0;
        overflow: hidden;
        padding: 0 !important;
    }
    .wrapper-dropdown-52 .dropdown li {
        padding: 0;
    }
    .wrapper-dropdown-52 .dropdown li a {
        display: block;
        text-decoration: none;
        color: #fff;
        padding: 10px;
        transition: all 0.3s ease-out;
        border-bottom: 1px solid #559ddb;
        width: 100%;
        text-align: left;
        height: 50px;
        font-weight: 500;
    }
    .wrapper-dropdown-52 .dropdown li:last-of-type a {
        border: none;
    }
    /* Hover state */
    .wrapper-dropdown-52 .dropdown li:hover a {
        background: #559ddb;
    }
    /* active state */
    .wrapper-dropdown-52.active {
        border-radius: 5px 5px 0 0;
        color: #00bcd4;
    }
    .wrapper-dropdown-52.active:after {
        border-color: #82d1ff transparent;
    }
    .wrapper-dropdown-52.active .dropdown {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        max-height: 400px;
    }
}