.list-group-item {
    border-color: #eaebec !important
}
.dropdown-list-image img {
    height: 2.5rem;
    width: 2.5rem
}
.profile-right .social-media li a{
    font-size:22px;
    display: inline !important;
}
.social-media {
    padding-left: 23rem;
}

.social-media li a{
    text-decoration: none;
    color: rgb(53, 52, 52);
}
.social-media li a:hover{
    text-decoration: none;
    color: purple;
}
.social-media li{
    display: inline-block;
    margin: 0 4px;
}
.sm-device{
        display: none;
}
.btn-outline-primary {
    border-color: purple;
    color: purple;
}

.btn-outline-primary:hover {
    background-color: purple;
    border-color: purple;
}
.osahan-line-tab .nav-link {
    font-size: 18px;
    font-weight: 500;
    padding: 1rem !important;
    color: #888da8;
    position: relative
}

.osahan-line-tab .nav-link.active {
    color: purple;
}

.osahan-line-tab .nav-link.active:after {
    content: "";
    background: -moz-linear-gradient(194deg, purple 0%, purple 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #007bff), color-stop(100%, #00c9e4));
    background: -webkit-linear-gradient(194deg, purple 0%, purple 100%);
    background: -o-linear-gradient(194deg, purple 0%, purple 100%);
    background: -ms-linear-gradient(194deg, purple 0%, purple 100%);
    background: linear-gradient(256deg, purple 0%, purple 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007bff', endColorstr='#00c9e4', GradientType=1);
    height: 3px;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0
}
.box-products a{
    text-decoration: none;
    color: gray;
}
@media only screen and (max-width: 768px) {
    .profile-right {
        display: none;
    }
    .sm-device{
        display: block;
    }
}

@media(max-width:768px) {
    .osahan-nav-top .dropdown-menu {
        width: 100% !important
    }

    .osahan-nav-top .nav-item.dropdown {
        position: unset
    }

    .osahan-line-tab .nav-link {
        font-size: 13px
    }

    .job-tags .btn {
        margin: 3px 1px !important
    }

    .profile-right {
        display: inline-grid
    }

    .profile-right .btn {
        margin: 2px 0 !important
    }
}