@media (max-width: 435px) {
            .badge {
                padding: 0.3em 0.2em;
                font-size: 85%;
                font-weight: 600;
                line-height: 1.2;
            }
        }

        @media (max-width: 575.98px) {
            .user-avatar {
                top: -1%;
            }
        }

        .user-avatar {
            top: -10px;
        }

        .kstyle {
            color: #0b0b0b;
        }

        .kstyle:hover {
            color: #40657d;
        }

        .kstyle-selected {
            color: #be0017;
        }

        .kstyle-selected:hover {
            color: #ed615f;
        }

        #upr-title-blog1 {
            margin-top: 20px !important;
            margin-bottom: 20px !important;
            font-size: 40px;
        }

        #upr-title-blog2 {
            margin-top: 20px !important;
            margin-bottom: 20px !important;
            font-size: 40px;
        }
        .isfav {
            color: #be0017 !important;
        }

        .notfav {
            color: #989898 !important;;
        }

        .fa-home {
            font-size: 20px !important;
        }

        .fa-angle-double-right {
            padding: 0 !important;
            padding-right: 8px !important;
        }