.profile_icon{
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='25' height='32' viewBox='0 0 25 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.9718 22.8741L16.8541 20.3269C16.3714 20.0864 16.0714 19.6032 16.0714 19.0656V17.2624C16.1941 17.1131 16.3232 16.9429 16.4566 16.7552C17.1204 15.8219 17.6523 14.7829 18.0391 13.6624C18.795 13.3173 19.2857 12.5733 19.2857 11.7333V9.6C19.2857 9.0864 19.0929 8.5888 18.75 8.2V5.3632C18.78 5.06987 18.8979 3.32373 17.6293 1.8832C16.5289 0.6336 14.7434 0 12.3214 0C9.89946 0 8.11393 0.6336 7.01357 1.88267C5.745 3.3232 5.86286 5.06987 5.89286 5.3632V8.2C5.55 8.5888 5.35714 9.0864 5.35714 9.6V11.7333C5.35714 12.3824 5.65339 12.9877 6.15911 13.3915C6.64982 15.3259 7.67679 16.7835 8.03571 17.2512V19.016C8.03571 19.5323 7.75286 20.0059 7.29804 20.2533L2.51893 22.8485C0.964821 23.6928 0 25.3109 0 27.0731V28.8C0 31.3312 8.05982 32 12.3214 32C16.583 32 24.6429 31.3312 24.6429 28.8V27.1771C24.6429 25.3435 23.6191 23.6944 21.9718 22.8741Z' fill='white'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
}

.user_profile{
    position: absolute;
    display: block;
    width: 140px;
    /*height: 5px;*/
    right: -157px;
    top: 31px;
}

.user_profile_submenu{
    top: 28px!important;
}

@media screen and (max-width: 1660px) {
    .user_profile {
        right: 300px;
    }
}
@media screen and (max-width: 1600px) {
    .user_profile {
        right: 250px;
    }
}
@media screen and (max-width: 1550px) {
    .user_profile {
        right: 200px;
    }
}
@media screen and (max-width: 1500px) {
    .user_profile {
        right: 150px;
    }
}
@media screen and (max-width: 1450px) {
    .user_profile {
        right: 100px;
    }
}
@media screen and (max-width: 1400px) {
    .user_profile {
        right: 50px;
    }
}
@media screen and (max-width: 1350px) {
    .user_profile {
        right: 0px;
    }
}
@media screen and (max-width: 1320px) {
    .user_profile {
        right: 120px;
    }
}
@media screen and (max-width: 1200px) {
    .user_profile {
        right: 180px;
    }
}
@media screen and (max-width: 1190px) {
    .user_profile {
        right: -100px;
    }
}
@media screen and (max-width: 993px) {
    .profile_icon {
        background-color: black;
    }
}