.hm-stories,
.sf-createpost-sec,
.sflogin-sidebar {
    overflow: hidden;
    position: relative;
}

.hm-seeall h2 a,
.hmactive-timeline,
.home-div a,
.home-div img,
.notification-div img,
.postcategory-name a,
.sf-addpost-cta .btn,
.sf-modal .close,
.vg-post-back-action .close,
.vgtalks-addpost-cta .btn,
span.icon-here {
    transition-duration: 0.5s;
}

.gtva img,
.sf-logo img,
.vgtalks-userinfobar img {
    image-rendering: -webkit-optimize-contrast;
}

.HM-nomemory-txtsec p,
.HMSTRVIER .modal-title,
.field-via-item .btn,
div#preview {
    letter-spacing: 1px;
}

.disable-click,
.disable-ok-btn,
.hzruof5a,
.hzruof5a1 {
    pointer-events: none;
}

.klps-wrtpstsec .klps-bypublished h5,
.klps-wrtpstsec .klps-bypublished p {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    color: #fff;
}

body {
    margin: 0;
    padding: 0;
    color: #020202;
    background: #fafafa !important;
    font-family: Inter, sans-serif !important;
    letter-spacing: 0px !important;
}

html {
    scroll-behavior: smooth;
}

.font-300,
.sf-wac .color-grey {
    font-weight: 300;
}

.font-500 {
    font-weight: 500;
}

#story-price-spanish-content-tittle,
.HM-schedulingpost-sec .datepicker table tr td,
.LMblgpager li,
.ct-business-form-fields label,
.font-600 {
    font-weight: 600;
}

.font-700 {
    font-weight: 700;
}

.HMstory-dropdown a,
.sf-newuserlogin.hm-newuserlogin
button.btn.sf-color-2.bootbox-accept.text-white.bootbox-cancel,
.text-black {
    color: #020202 !important;
}

.font-13 {
    font-size: 13px;
}

.font-30 {
    font-size: 30px;
}

.font-20 {
    font-size: 20px;
}

.text-gray {
    color: silver;
}

.vg-color-1 {
    background: #1cdaa5 !important;
}

.vg-color-2 {
    background: #0f9c75 !important;
}

.vg-color-light {
    background: #e3e6eb !important;
}

.textcolor1 {
    color: #1cdaa5 !important;
}

.see-all a,
.textcolor2 {
    color: #0f9c75 !important;
}

.lm-typo-blue {
    color: #408EF0;
}

a {
    outline: 0;
    text-decoration: none !important;
    color: inherit !important;
}

    .notification-div a,
    a:hover {
        text-decoration: none;
    }

.close,
.rs-disabled {
    opacity: 1 !important;
}

.HMstory-dropdown .vgtalks-edityourcommect .fa,
.notification-div a:hover {
    color: #020202;
}

section.feed-header {
    background: #fff;
    margin: 0;
    padding: 10px 0;
    box-shadow: 0 0 15px rgba(178, 178, 177, 0.4);
    z-index: 999;
    border-bottom: 5px solid #408EF0;
}

.vgmobile-notoficationbar .sf-notification {
    margin: 0;
    padding: 0;
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: center;
}

.sf-notification ul {
    margin: 0;
    padding: 0 0 5px;
    text-align: center;
    display: flex;
    gap: 10px;
    align-items: center;
}

.sf-notification li {
    margin: 0;
    padding: 5px 10px;
    list-style: none;
    display: inline-block;
}

.home-div img {
    padding: 0 0 5px;
}

.home-div p {
    color: #3b566e;
    font-weight: 600;
}

li.lmlangtrans {
    position: relative;
    top: 0;
    bottom: 0;
    margin: 0 0 0 0;
    font-size: 14px;
}

.hm_langtrans select#customerlanguage {
    background: #F9FBFF;
    height: 45px;
    padding: 0 40px 0px 10px;
    border: 1px solid #c3deff;
    border-radius: 15px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    color: #263238;
    text-align: left;
    cursor: pointer;
    outline: 0;
}

.notification-div .fa {
    font-size: 28px;
    color: #020202;
}

#tabs .col-lg-12.col-md-12.col-xs-12,
.HM-postcoversec-inner h2,
.HM-postgroupjoinsec p,
.HM-schedular-allset,
.HMVIWERLISTING h6,
.HMalbumdetila-sec h2,
.HMalbumdetila-sec span,
.HMgroupaboutprivacytype h5,
.HMtimeliner h5,
.HMtimeliner p,
.categories-title p,
.group-individual-posts-title h2,
.hm-birthday-inner h5,
.hm-seeall h2,
.hmactive-timeline p,
.hmcheckin-loc p,
.hmfavouritestop h3,
.home-div p,
.klpsarrows-sec,
.lm-viwercounter-sec,
.lmrph5,
.notification-div p,
.search-all-navigation,
.sf-allpost-sec,
.sf-ayp ul,
.sf-quick-links,
.sku-srhname p,
.vg-frnds-inner h5,
.vg-frnds-inner p,
.vgallmemories-sec h2,
.vgtalks-allfriends p,
.vgtalks-dropdown-menu ul,
.vgtalks-friendslist-tab h2,
.vgtalks-profileavatar figure,
.vgtalks-quicklinks p,
.vgtalks-searchsec-items,
label.hmdottedarrow {
    margin: 0;
    padding: 0;
}

.sf-logo {
    margin: 0;
    padding: 6px 0;
    width: 100%;
}

.home-div img,
.notification-div img {
    width: 30px;
}

.hmfavi-icons a img:hover,
.hmfavi-icons a img:visited,
span.icon-here {
    filter: grayscale(1);
}

.home-div img:focus,
.home-div img:hover,
.notification-div img:focus,
.notification-div img:hover {
    filter: brightness(1);
}

.notification-bell span {
    background: #db0000;
    border-radius: 50px;
    font-size: 9px;
    font-weight: 600;
    padding: 0px 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    width: auto;
}



.create-post-here,
.hm-favouritesec.HM-albumtitle,
.hm-invitefriendsevent.HM-albumtitle,
.hm-timline-avatar,
.home-div,
.progressslider-mtr,
.redirectpost,
.reponseclass-wrapper,
.sayhi-sec,
.usedhashtag-avatar,
.userclips-items,
.vg-uploaded-images,
.vgtalks-friendslist-tab,
.vgtalks-ownresponse-sec {
    position: relative;
}

.notification-setting-sec .vgtalks-edityourcommect .dropdown {
    position: relative;
    top: 0px;
    right: 0px;
}

.notification-bell {
    position: absolute;
    top: 0px;
    right: 0;
    display: flex;
    justify-content: center;
    left: 14px;
    margin: 0 auto;
}

.whennotify {
    filter: inherit !important;
}

.create-post-here .modal-header {
    align-items: center;
    justify-content: center;
    padding: 25px 0;
}

.vg-post-back-action {
    position: absolute;
    top: 25px;
    left: 25px;
}

    .vg-post-back-action .close {
        background: #475B76;
        border: none;
        border-radius: 50%;
        height: 30px;
        width: 30px;
        box-shadow: none;
        font-size: 25px;
        text-shadow: none;
        opacity: 1;
        color: #fff;
    }

        .vg-post-back-action .close img {
            width: 30px;
            padding: 8px;
        }

        .vg-post-back-action .close:hover {
            background: #408EF0;
            color: #fff;
            opacity: 1 !important;
        }

.create-post-here h5 {
    margin: 0;
    padding: 0 25px 0 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    color: #263238;
}

.vgtalks-addpost-cta {
    position: absolute;
    right: 20px;
    top: 21.5px;
}

    .vgtalks-addpost-cta .btn {
        border-radius: 5px;
        background: #408EF0;
        border: none;
        padding: 0px 20px;
        height: 35px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
    }

        .HM-hastags-here a.btn:hover,
        .hm-challengetitle-sec .hm-ctgroup-topsec,
        .hm-eventschallenge-sec .create-new-group1 a,
        .hm-purple,
        .hm-schedulinglisting-midsec .btn .fa:hover,
        .lmviwerlist a.searchall-btn.cancel-friend-request,
        .vgtalks-addpost-cta .btn:hover,
        a.vg-color-5.text-white {
            background: #1F6FD3;
        }

.sf-listbar {
    width: 100%;
    float: left;
}

.sf-notification {
    float: left;
    padding: 0;
}

.font-25,
.vhdpadvwnot i.fa.fa-home {
    font-size: 25px;
}

.sf-notification .home-div .active {
    color: #1d5db5 !important;
    bottom: 0px;
    border-bottom: 2px solid #1f6fd3;
}

.home-div a:hover,
.sf-notification .home-div a:hover {
    color: #1d5db5 !important;
    bottom: 5px;
}

.home-div a {
    display: block;
    transition: all ease-in-out 0.3s;
    position: relative;
    bottom: 0px;
}

.font-22,
.home-div span .fa {
    font-size: 22px;
}

.user-profile img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #c3deff;
    /*image-rendering: -webkit-optimize-contrast;*/
    /* line-height: 20px; */
}

.user-profile p {
    margin: 0;
    padding: 0 5px;
    color: #263238;
    font-weight: 500;
    font-size: 14px;
}

span.sf-displaynamee {
    text-transform: capitalize;
}

.sf-user-profile .btn {
    margin: 0;
    padding: 0 30px 0 0;
    border-radius: 15px;
    background: #f9fbff;
    border-color: #c3deff;
    height: 45px;
    line-height: 41px;
}

.user-profile .fa {
    padding: 0 10px;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 25px;
    color: #475B76;
}

.sf-createpost-type .form-control:focus {
    border-color: #1cdaa5;
    outline: 0;
    box-shadow: none;
}

span.sf-displayname {
    padding: 0 12px 0 5px;
    margin: 0;
    text-transform: none;
}

.sf-user-profile .btn:focus,
.sf-user-profile .btn:hover {
    outline: none !important;
    box-shadow: none !important;
    background: #f9fbff !important;
    outline: none !important;
    color: #fff !important;
    border-color: #c3deff;
}

.sf-user-profile .btn-secondary:not(:disabled):not(.disabled).active,
.sf-user-profile .btn-secondary:not(:disabled):not(.disabled):active,
.show > .sf-user-profile .btn-secondary.dropdown-toggle {
    box-shadow: none !important;
    background: #f9fbff !important;
    /*    border: none !important;*/
    border-color: #c3deff !important;
}

.lmblgpostbdytxt p,
.sf-user-profile .dropdown,
.vgtalks-request-response {
    margin: 0;
    padding: 10px 0;
}

.lmblgpostbdytxt p {
    font-size: 14px;
}

.sf-allpost-section {
    padding: 0;
    margin: 110px 0 0;
    background: #fafafa;
}

.sflogin-sidebar {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eaeaea;
}

.greenbar {
    margin: 0;
    padding: 0;
    height: 10px;
    background: #1cdaa5;
}

.sf-user-img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.sf-user-img {
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #eaeaea;
}

.sf-user-title h2 {
    margin: 0;
    padding: 20px 0 5px;
    font-size: 25px;
    font-weight: 600;
    word-break: break-all;
}

.sf-user-title p {
    margin: 0;
    padding: 0 0 20px;
    font-size: 14px;
}

.hm-stories {
    border-radius: 30px;
    margin: 0;
    background: #ffffff;
    border: 1px solid #DCE8FF;
}

a.hm-cys {
    background: #408EF0;
    border-radius: 18px;
    border: 2px solid #ffffff;
    padding: 10px 0;
    transition: all ease-in-out 0.3s;
    position:relative;
    bottom:0px;
}
a.hm-cys:hover{bottom:5px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.hm-stories-title h2,
.hm-stories-title h3 {
    padding: 15px 15px;
    margin: 0;
    border-bottom: 1px solid #DCE8FF;
}

.hm-active-stories-sec p {
    padding: 15px 0;
    margin: 0;
    text-align: center;
}

.hm-crtestory-sec {
    padding: 15px 5px;
    display: block;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #f0f2f5;
    background: #F2F7FF;
}

.hm-active-stories-sec p {
    font-size: 14px;
    font-weight: 400;
}

.HM-postgroupactivities .HM-groupuserinfo,
.HM-schedular-msg,
.HMallstitle,
.cbp-cta .cnp-page,
.sf-displaypost-sec div#map-container-google-1,
.vg-update-pp-option {
    margin: 15px 0 0;
}

.hm-crtestory-sec h5,
.hmactive-timeline h5 {
    margin: 0;
    padding: 0;
    word-break: break-word;
}

.hm-crtestory-sec p,
.hmactive-timeline p {
    margin: 0;
    padding: 4px 0 0;
    color: #898989;
    text-align: left;
    font-size: 12px;
}

.hm-crtestory-sec span .fa {
    background: #408EF0;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
}

.hm-timline-avatar span img {
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
}

.story-unseen {
    border-radius: 50%;
    border: 2.5px solid #408EF0;
    padding: 3px;
}

.story-seen {
    border-radius: 50%;
    border: 2.5px solid #ccc;
    padding: 3px;
}

.hm-stories .media {
    align-items: center;
    justify-content: center;
    gap:5px;
}
.hm-stories .media-body {flex:none;}
.hmactive-timeline .media-body { flex:1;}

.hm-seeall {
    position: absolute;
    top: 15px;
    right: 8px;
    margin: 0;
    padding: 0;
}

    .hm-seeall h2 a {
        background: #408EF0;
        border-radius: 10px;
        display: block;
        width: 100%;
        color: #ffffff !important;
        padding: 6px 15px;
        transition-duration:0.5s;
    }

        .hm-seeall h2 a:hover {
            box-shadow: 0 0 5px rgba(0,0,0,0.2);
        }

    .hmactive-timeline:first-child {
        margin-top: 15px;
    }

.hmactive-timeline {
    padding: 5px 10px 5px 10px;
    margin: 0 5px 5px;
    border-radius: 22px;
    background: #F2F7FF;
    border: 1px solid #F2F7FF;
    transition-duration: 0.5s;
}
    .hmactive-timeline:active,
    .hmactive-timeline:focus,
    .hmactive-timeline:hover {
        border: 1px solid #DCE8FF;
    }

.HMBDAYsucessmsg,
.hm-schedulinglisting .table thead th,
.lnsubscription-prcdtl .vg-plan-listing li:hover,
.lnsubscription-prcdtl .vigor-upper-info sub,
.progressslider-usd,
.text-purple,
.vgtalks-searchsec-icon .fa:hover {
    color: #408EF0;
}

.HMgroupaboutprivacytype,
.hmEventCategory-privacy,
.invite-previewrt {
    margin: 30px 0 0;
}



.vgtalks-searchsec-icon .fa {
    color: #408ef0;
}

.create-post-here .modal-content {
    border: 1px solid transparent;
    border-radius: 15px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.create-post-here .modal-dialog {
    max-width: 680px;
}

.create-post-here .userProfilePic {
    width: 63px;
    height: 63px;
    border-radius: 50%;
    border: 3px solid #fff;
    padding: 2px;
    margin: 0 10px 0 0;
    float: left;
}

.sf-createpost-sec {
    margin: 0 0 20px;
    padding: 10px;
    background: #ffffff;
    border-radius: 30px;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    border: 1px solid #DCE8FF;
}
.lm-createpost-sec {
    margin: 0 0 20px;
    padding: 10px;
    background: #fff;
    border-radius: 30px;
    border: 1px solid #DCE8FF;
    box-shadow: 0 0 12px rgb(0 0 0 / 8%);
}

.writeapost {
    padding: 0;
    background: #f2f7ff;
    cursor: pointer;
    border-radius: 16px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
    transition-duration: 0.5s;
    border: 2px solid #DCE8FF;
}
    .writeapost:hover {
        background: #408EF0;
        color: #ffffff;
        border: 2px solid #ffffff;
        box-shadow: 0 0 12px rgba(0,0,0,0.2);
    }
        .writeapost:hover img {
            color: #ffffff;
            filter: brightness(1) invert(0);
        }

        /* Make inner text & icons also white */
        .writeapost p:hover{
            color: #fff;
            filter: brightness(0) invert(1);
        }

    .writeapost span img {
    width: 25px;
    height: 25px;
    filter: brightness(0.2);
}

    .HMVIWERLISTING .hm-timline-avatar span img,
    .writeapost img {
        width: 35px;
        height: 35px;
    }

    .vg-memoroes-features .fa
{
        padding-right: 10px;
    }
.writeapost span {
    padding-right: 5px;
}

.writeapost p {
    margin: 0;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
}
.txtphvi-item img {
    width: 25px;
    padding: 0 0 0 0;
    margin: 0 5px 0 0;
}
.txtphvi-item p{margin:0px; padding:0px;}

.sf-user-bio .media img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #C3DEFF;
}

.sf-post-item {
    margin: 0 0 20px;
    padding: 10px 0;
    background: #fff;
    border-radius: 30px;
    border: 1px solid #DCE8FF;
    position: relative;
}

.pdlr-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.sf-user-bio h5 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    font-weight: 600;
    width: 90%;
    text-transform: capitalize;
}

.sf-user-bio p {
    margin: 0;
    padding: 0;
    width: 95%;
}

.text-basic {
    color: #343434;
}

.sf-displaypost-sec {
    margin: 10px 0;
    word-break: break-word;
}

    .sf-displaypost-sec h2 {
        font-size: 22px;
        margin: 0;
        padding: 10px 0;
        word-break: break-all;
    }

    .sf-displaypost-sec p {
        margin: 0;
        padding: 0 0 15px;
        font-size: 14px;
        font-weight: 400;
        word-break: break-word;
    }

.sf-divider {
    height: 0.5px;
    background: #DCE8FF;
    margin: 20px 0;
}

span.CommentCounter {
    font-weight: 600;
    font-size: 14px;
    margin: 0 0 0 7px;
    padding: 0;
    color: #020202;
}

.sf-feedback-item img {
    width: 25px;
    margin-right: 0;
}

.sf-feedback-item p a:hover {
    color: #fff;
    outline: 0;
}

.postcategory-name,
.sf-feedback-sec,
.vgtalks-commentrepltlist .media {
    margin: 0 0 10px;
}

span.icon-here:hover {
    filter: hue-rotate(79deg);
}

.HMgroupaboutprivacytype img,
.hmgroupjoinicon img,
.no-filter img {
    width: 28px;
}

.sf-feedback-type {
    width: 100%;
    margin: 0 auto;
    justify-content: left;
}

.sf-categorygreenlist,
.sf-categorylist {
    margin: 0 0 20px;
    background: #fff;
    position: relative;
}

.tossing {
    animation-name: tossing;
    -webkit-animation-name: tossing;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
    0%, 100% {
        transform: rotate(-4deg);
    }

    50% {
        transform: rotate(4deg);
    }
}

@-webkit-keyframes tossing {
    0%, 100% {
        -webkit-transform: rotate(-4deg);
    }

    50% {
        -webkit-transform: rotate(4deg);
    }
}

.floating {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes floating {
    from, to {
        transform: translate(0, 0);
    }

    65% {
        transform: translate(0, 15px);
    }
}

.vg-friends-avatar img {
    width: 200px;
}

.sf-categorylist {
    padding: 0;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    overflow-y: scroll;
    height: 300px;
    min-height: 350px;
}

.sf-categorygreenlist {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #eaeaea;
}

.sf-categorylist ul {
    margin: 0;
    padding: 0 10px;
}

.sf-categorylist li,
.sf-quick-links li,
.templatehmlisting ul,
.vgtalks-dropdown-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bb-button img,
.klps-arrowdown img,
.klps-arrowup img,
.klpsarrows-sec img,
.postcategory-name img,
.progress-money-icon img,
.progress-view-icon img,
.sf-ayp-item img,
.singlestar img {
    width: 35px;
}

.postcategory-name a {
    background: #fafafa;
    margin: 0;
    padding: 5px;
    border-radius: 50px;
    width: 100%;
    display: block;
    font-size: 12px;
}

.HMEDIT-BIO .fa,
.postcategory-name span,
.vg-update-pp-option .fa,
.vgtalks-bgchange .fa {
    padding-right: 5px;
}

.HMstory-dropdown .drop-row a:hover,
.postcategory-name a:hover,
.sf-edityourcommect .dropdown-item:focus,
.sf-edityourcommect .dropdown-item:hover,
.vg-inter-friends .vgtalks-card:hover,
.vgtalks-bgchange a:hover,
.vgtalks-edityourcommect .dropdown-item:focus,
.vgtalks-edityourcommect .dropdown-item:hover {
    background: #c4deff;
}

.sf-categorylist h2 {
    font-size: 16px;
    padding: 10px;
    margin: 0 0 5px;
    z-index: inherit;
}

.vgtalks-contact h2,
.vgtalks-quicklinks h2 {
    font-size: 16px;
    padding: 0;
    margin: 0 0 10px;
}

.vgtalks-contact.vgtalks-groups.vgtalks-setting-sidebar h2 {
    font-size: 22px;
    text-align: center;
}

.vgtalks-duration {
    font-size: 12px;
    color: #979797;
}

.font-12,
.klipcommentbody span.showmorecomment.showhidespan,
.vg-mg-rt .btn,
.vgtalks-bgchange .btn {
    font-size: 12px;
}

.vgtalks-contact .vgtalks-left-listing a {
    font-weight: 600;
    font-size: 12px;
    position: relative;
}

.vgtalks-contact .vgtalks-left-listing {
    margin: 0 0 8px;
    padding: 5px 10px;
    border: none;
    border-radius: 10px;
    background: #f1f4f9;
    transition-duration: 0.5s;
    cursor: pointer;
}

    .klps-bypublished img,
    .vgtalks-contact .vgtalks-left-listing img {
        width: 30px;
        border-radius: 50%;
        height: 30px;
        border: 1px solid #C3DEFF;
    }

.user-activalsignal {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #47e753;
    position: absolute;
    bottom: -10px;
    left: 21px;
    border: 2px solid #f0f2f5;
}

.vgtalks-quicklinks {
    margin: 10px 0 30px;
}

.vgtalks-information {
    margin: 0;
    padding: 0 0 10px;
    display: flex;
    list-style: none;
    gap: 4px;
    justify-content: center;
}

ul.vgtalks-information li a {
    font-size: 11px;
    background-color: transparent;
}

.post-text {
    width: 100%;
    margin-top: 20px;
}

.sf-modal h5 {
    margin: 0;
    padding: 0;
    font-size: 25px;
}

.sf-createpost-type {
    margin: 0 0 20px;
    background: #fafafa;
    padding: 10px 20px 25px;
    border-radius: 10px;
    border: 1px solid #ced4da;
}

.sf-modal .close {
    opacity: 21;
    font-size: 35px;
    background: #1cdaa5;
    margin: 0;
    padding: 0;
    height: 35px;
    width: 35px;
    color: #fff;
    box-shadow: none;
    font-weight: 400;
    font-family: FontAwesome;
    line-height: 35px;
    border-radius: 4px;
}

    .sf-color-2,
    .sf-modal .close:hover,
    .vgtalks-selectbg-tabs .btn:hover,
    a.vgtalks-directmessage:hover,
    join-grpup-cta a:hover {
        background: #0f9c75;
    }

.dropdown-display:after,
.sf-createpost-type .dropdown-display-label:after {
    top: 17px;
    border-top: 6px solid #d5d5d5;
}

.sf-createpost-type
.dropdown-multiple-label.active
.dropdown-display-label:after {
    border-bottom: 6px solid #d5d5d5;
    top: 12px;
}

.sf-createpost-type .dropdown-display-label {
    min-height: 40px;
}

textarea#PostText:focus {
    box-shadow: none;
    border-color: #0f9a75;
}

.dropdown-display-label .dropdown-chose-list {
    display: flex !important;
    align-items: baseline;
    align-content: center;
    flex-wrap: wrap;
}

.sf-createpost-type li.dropdown-option {
    font-size: 14px;
    font-weight: 400;
    color: #020202;
    margin: 0 0 2px;
}

.dropdown-option:hover,
.sf-createpost-type .dropdown-option:focus {
    background-color: #408EF0 !important;
    outline: 0;
    border-radius: 5px;
    color: #fff !important;
}

.sf-createpost-type .dropdown-display-label .dropdown-search {
    display: inline-block;
    margin: 2px 0;
}

.dropdown-option,
.sf-createpost-type .dropdown-group {
    margin: 0;
    padding-left: 5px;
    list-style: none;
    line-height: 30px;
    word-wrap: break-word;
}

.sf-createpost-type .dropdown-display-label .dropdown-selected {
    border-radius: 5px;
    border: none;
    background: #408EF0;
    color: #fff;
}

    #storyMoreActionbtn .fa-times:before,
    .HMstory-dropdown i.fa.fa-ellipsis-h,
    .backtopost .fa,
    .hdiw-popup .close:hover,
    .hm-eventschallenge-sec .create-new-group1 .fa,
    .hmjoinusmodalbox .close:hover,
    .hmusergetbadges .vg-editbyowner .fa,
    .lmsnduremo-inner .input-group-append .fa,
    .sf-createpost-type .dropdown-display-label .dropdown-selected .del,
    .sf-createpost-type
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__display {
        color: #fff;
    }

.sf-createpost-type .dropdown-option.dropdown-chose:after {
    background: #408EF0;
}

.sf-addpost-cta .btn {
    border-radius: 50px;
    background: #1cdaa5;
    border: none;
    padding: 0 70px;
    height: 40px;
}

    .sf-addpost-cta .btn:hover {
        background: #0f9a75;
        color: #fff;
    }

.sf-ayp li {
    margin: 0;
    padding: 0 5px 0 0;
    list-style: none;
    display: inline-block;
}

.sf-ayp {
    background: #fafafa;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #d5d5d5;
}

.sf-addyourpost h3 {
    font-size: 14px;
    padding: 0;
    margin: 9px 0;
    color: #3b566e;
    font-weight: 600;
    text-transform: capitalize;
}

.sf-quick-links ul {
    margin: 0;
    padding: 0 15px 20px;
    text-align: left;
}

.sf-quick-links li a {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #575757;
    font-weight: 400;
    line-height: 30px;
    position: relative;
    left: 0;
    transition: 0.3s ease-in-out;
    display: block;
}

    .sf-quick-links li a:hover {
        left: 10px;
        color: #0f9a75 !important;
    }

.sflogin-sidebar .sf-divider,
.vg-setting-content tr:hover {
    background: #eaeaea;
}

a.sf-loginhere span {
    width: 25px;
    height: 25px;
    background: #1cdaa5;
    display: inline-table;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 15px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    line-height: 25px;
}

a.sf-loginhere {
    background: #f0f2f5;
    padding: 3px 30px 3px 3px;
    border-radius: 50px;
    display: inline-block;
    margin: 11px 0;
    font-weight: 500;
    font-size: 14px;
}

.business-notification-button .media-body,
.sf-loginsec,
.vg-setting-content .table td:last-child {
    text-align: right;
}

.sf-user-title {
    padding: 0 10px;
}

.sf-createpost-type label {
    margin: 0;
    padding: 0 0 9px;
    font-size: 14px;
    font-weight: 600;
    color: #3b566e;
    text-transform: capitalize;
}

span.icon-here .fa {
    font-size: 20px;
    padding: 0 10px 0 0;
}

.sf-categorylist.sticky-top,
.sflogin-sidebar.sticky-top {
    top: 100px;
}

.sh-hastag-master {
    margin: 5px 0 0;
    padding: 0;
    display: inline-block;
}

span.sf-hastag-category {
    font-size: 12px;
    font-weight: 400;
    background: #589CF2;
    padding: 2px 5px;
    margin: 0;
    color: #ffffff;
    border-radius: 5px;
}

.create-post-here .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 1.8rem 0.5rem;
}


.create-post-here .user-profile {
    padding: 25px;
    background: #408EF0;
    margin: 0 0 20px;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    display: flex;
    align-content: center;
    align-items: center;
    line-height: 25px;
}

.HMCE-cta,
.LMgftsection-mid,
.loadMoreStoryViewersDiv,
.lt-sec-logo,
.txtphvi-item {
    text-align: center;
}

    .txtphvi-item a {
        display: flex;
        align-items: center;
        align-content: center;
        background: #f2f7ff;
        padding: 5px 25px;
        margin: 0;
        border-radius: 25px;
        transition: all ease-in-out 0.3s;
        position: relative;
        bottom: 0px;
        border: 1px solid #c4deff;
    }
    .txtphvi-item a:hover{bottom:3px; box-shadow:0 0 5px rgba(0,0,0,0.2);}

.sf-loadmore-sec a,
.stories-list-section .vgtalks-loadmore a {
    color: #fff !important;
    text-transform: capitalize;
    transition-duration: 0.5s;
    cursor: pointer;
}

.sf-comment-sec {
    margin: 10px;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    position: relative;
    overflow: hidden;
}

    .sf-comment-sec .media img,
    .sf-display-comment-sec .media img {
        width: 40px;
        border: 1px solid #C3DEFF;
        height: 40px;
    }

.commentAlertCss,
.sf-wac {
    padding: 11px 20px;
    width: 100%;
    border-radius: 50px;
    min-height: 40px;
    background-color: #f0f2f5;
    font-size: 14px;
    outline: 0;
}

.sf-wac {
    color: #020202 !important;
}

    .sf-wac.CommentText,
    .vg-nestpost-sec p,
    .vgtalks-useraboutinfo p {
        word-break: break-word;
    }

.commentAlertCss {
    border: solid;
    color: #dd2020 !important;
}

.sf-writtenpostviauser {
    background-color: #f0f2f5;
    padding: 5px 20px;
    border-radius: 30px;
    font-size: 14px;
    outline: 0;
    color: #020202 !important;
    word-break: break-word;
    display: inline-block;
    font-weight: 500;
}

span.showmorecomment.showhidespan {
    font-weight: 600 !important;
    padding: 5px 0 10px !important;
    display: block;
    text-transform: capitalize;
}

.sf-display-comment-sec {
    padding: 5px 10px;
    margin: 10px 10px 0;
}

.sf-edityourcommect .btn {
    background: #fafafa;
    border: 1px solid #efefef;
    border-radius: 50%;
    outline: 0;
    padding: 0;
    width: 25px;
    height: 25px;
    font-size: 14px;
}

.sf-edityourcommect .fa,
.vgtalks-edityourcommect .fa {
    color: #c3c3c3;
}

.sf-edityourcommect .btn:hover,
.vgtalks-edityourcommect .btn:hover {
    color: #c4deff;
    background-color: #c4deff;
    border: 1px solid #1f6fd3;
    box-shadow: none;
}

#loader-bg,
.relative {
    position: relative !important;
}

.loader-img {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.95);
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

    .loader-img img {
        vertical-align: middle;
        position: relative;
        top: 40%;
        width: 100px;
        height: 100px;
        -webkit-animation: 1.2s linear infinite spin;
        animation: 1.2s linear infinite spin;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.comment-cta a:hover,
.sf-color1 {
    background: #1f6fd3;
}

.HMstory-dropdown .vgtalks-edityourcommect .btn:focus,
.cyhclass .modal-content.master-div-sec.post-model-body.create-new-group,
.klps-perrply .vgtalks-edityourcommect .btn:focus,
.sf-newuserlogin .btn:focus,
.sf-user-logout .btn:focus,
.vg-editbyowner .btn.focus,
.vg-editbyowner .btn:focus,
.vgtalks-bgchange .btn:focus,
.vgtalks-edit-group .btn.focus,
.vgtalks-edit-group .btn:focus,
div#photos-tabContent {
    box-shadow: none;
}

.sf-newuserlogin .modal-content {
    border-radius: 0;
    border: none;
}

.sf-loadmore-sec {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

    .sf-loadmore-sec a {
        margin: 0 0 30px;
        padding: 5px 30px;
        background: #408ef0;
        display: inline-block;
        border-radius: 10px;
        font-size: 12px;
        border: none;
        font-weight: 500;
    }

.comment-cta a,
.vgtalks-loadmore a {
    border-radius: 50px;
    font-weight: 500;
    display: inline-block;
}

.sf-loadmore-sec a:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.3)
}

.sf-loadmore-sec a .fa {
    margin: 0 3px 0 0;
    font-size: 12px;
}

.sf-edityourcommect .dropdown-menu {
    border-radius: 10px;
    margin: 5px 0 0;
    padding: 10px;
    min-width: 10rem;
    transition: 0.3s ease-in-out;
    will-change: inherit !important;
    left: -78px;
}

.sf-edityourcommect .btn:focus,
.vgtalks-edityourcommect .btn:focus {
    box-shadow: 0 0 0 0.2rem rgb(81 255 205 / 25%);
    border-color: #fafafa;
}

.sf-edityourcommect .dropdown-item {
    font-size: 12px;
    font-weight: 600;
    background: #fafafa;
    border-radius: 5px;
    margin: 0 0 4px;
    padding: 2px 10px;
}

    .sf-edityourcommect .dropdown-item .fa {
        color: #020202;
        font-size: 16px;
        padding: 0 9px 0 0;
        vertical-align: middle;
    }

.comment-cta a {
    font-size: 12px;
    background: #408ef0;
    padding: 2px 15px;
    float: right;
    margin: 4px 11px 0 0;
    transition-duration: 0.5s;
}

.comment-cta .fa,
.vg-editbyowner span {
    padding: 0 7px 0 0;
}

.vgtalks-loadmore a {
    margin: 0 0 10px;
    padding: 2px 75px;
    font-size: 14px;
    color: #5c5c5c !important;
}

.stories-list-section .vgtalks-loadmore a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: 20px auto;
    padding: 5px 0;
    background: #6600cd;
    border-radius: 10px;
    font-size: 12px;
    border: none;
    font-weight: 500;
    width: 48%;
}

.stories-list-section .vgtalks-loadmore span .fa {
    font-size: 12px;
    color: #fff;
    padding-right: 5px;
}

.hmfavi-icons img,
.hmvlogo img,
.socio-loader img,
.vgtalks-loader-svg img {
    width: 40px;
}

.vgtalks-loadmore span .fa {
    font-size: 16px;
    color: #c3c3c3;
    padding-right: 5px;
}

.vgtalks-loader-svg {
    text-align: center;
    position: relative;
}

.vgtalks-post-title label,
.vgtalks-post-write label {
    padding: 9px 0;
    color: #475B76;
    font-weight: 600;
    text-transform: capitalize;
}

.uploading-loader.text-center.post-loader img {
    border-radius: 20px;
    box-shadow: 0 0 20px rgb(0 0 0 / 50%);
    width: 200px;
}

.vgtalks-post-write .post-text {
    width: 100%;
    margin-top: 0;
    background: #fff;
    border: 1px solid #ced4da;
    min-height: 80px;
    border-radius: 4px;
    outline: 0;
    padding: 0 0 0 5px;
}

    .vgtalks-post-write .post-text:focus {
        border-color: #408EF0;
        padding: 0 0 0 5px;
    }

.vgtalks-edityourcommect .dropdown {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 888;
}

.notification-setting-sec .dropdown {
    top: 0;
    right: 0;
}


.vgtalks-edityourcommect .btn {
    background: #f0f2f5;
    border: 1px solid #f0f2f5;
    border-radius: 50%;
    outline: 0;
    font-size: 12px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin: 0;
    padding: 0;
}

.HMtimeliner .btn {
    width: 30px;
    height: 30px;
}

.vgtalks-edityourcommect .dropdown-menu {
    border-radius: 10px;
    margin: 5px 0 0;
    padding: 5px;
    min-width: 12rem;
    transition: 0.3s ease-in-out;
    will-change: inherit !important;
    left: -78px;
}

.vgtalks-edityourcommect .dropdown-item {
    font-size: 14px;
    font-weight: 600;
    background: #fafafa;
    border-radius: 5px;
    margin: 0 0 4px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
}

    .vgtalks-edityourcommect .dropdown-item .fa {
        color: #020202;
        font-size: 16px;
        padding: 0 5px 0 0;
    }

span.CommentLikeCounter.show-comment-liker {
    font-size: 13px;
    font-weight: 600;
}

.vgtalks-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: none;
    float: left;
    font-size: 12px;
    font-weight: 600;
    color: #020202;
    margin: 0;
    text-transform: inherit;
    cursor: pointer;
    transition-duration: 0.5s;
}

    .vgtalks-tooltip:hover {
        color: #408EF0;
    }

    .vgtalks-tooltip .vgtalks-tooltip-text {
        visibility: hidden;
        width: 160px;
        background: #408EF0;
        color: #fff;
        text-align: center;
        border-radius: 10px;
        padding: 5px 5px;
        position: absolute;
        z-index: 1;
        bottom: 127%;
        left: 50%;
        margin-left: -70px;
        font-size: 11px;
        font-weight: 400;
    }

span.rply-counter {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.vgtalks-tooltip .vgtalks-tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #109c75 transparent transparent;
}

.vgtalks-tooltip:hover .vgtalks-tooltip-text {
    visibility: visible;
}

.vgitalks-hit-back-message {
    display: flex;
    justify-content: flex-start;
    margin-left: 0;
    margin-top: 10px;
    cursor: pointer;
    align-items: center;
}

.vg-talks-comment-reply {
    margin: 0 8px;
}

.sf-comment-textarea.commentarea p {
    margin: 0;
    padding: 0 0 4px;
    font-weight: 400;
    font-size: 12px;
}

.vgtalks-toplft-panel {
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    background: linear-gradient(to bottom, #1f6fd5, #1a75b3, #1690b0);
    margin: 20px 0;
    padding: 0;
}

    .vgtalks-toplft-panel ul {
        margin: 0;
        padding:5px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        align-items: baseline;
        font-size: 12px;
        line-height: 15px;
    }

.sf-withoutlogon .vgtalks-toplft-panel ul {
    align-items: start;
}

.vgtalks-toplft-panel li {
    margin: 0;
    padding: 5px 0;
    list-style: none;
    font-size: 14px;
    text-align: center;
    width: 33.333%;
}

.vgtalks-left-listing {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 0 0 10px;
}

    .vgtalks-left-listing a {
        position: relative;
        bottom: 0;
        transition: 0.3s ease-in-out;
    }

        .bootbox .modal-footer .btn:hover,
        .rbg-gdentsshape:hover,
        .vgtalks-left-listing a:hover {
            bottom: 5px;
        }

.hmltbaricons img {
    width: 72%;
}

.vgtalks-left-listing p {
    margin: 0;
    padding: 5px 0 0;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
}

.sf-display-comment-sec .media-body {
    flex: inherit;
}

.sf-comment-sec.commentSection.vgtalks-replysec {
    border: none;
    padding-left: 4.2em;
    width: 90%;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

    .sf-comment-sec.commentSection.vgtalks-replysec img,
    .vgtalks-commentrepltlist .commentrepltlist-img img {
        width: 30px;
        height: 30px;
    }

.vgtalks-replysec .sf-wac {
    padding: 7px 20px;
    font-weight: 400;
    font-size: 12px;
    min-height: 30px;
}

span.vgtalks-replyuser {
    background: #d2fbef;
    padding: 3px 4px;
    font-weight: 500;
}

#seeall,
.vgtalks-profileavatar h2 {
    font-weight: 600;
    text-transform: capitalize;
}

.vgtalks-sidebar.sticky-top {
    top: 90px;
}

.vgtalks-replysec .media-body {
    flex: 1;
}

.vgtalks-commentrepltlist {
    margin-left: 3em;
}

    .vgtalks-commentrepltlist .sf-display-comment-sec {
        padding: 0 10px;
        margin: 0 10px 5px;
    }

.vgtalks-userinfobar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.vgtalks-userinfobar a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    word-break: break-word;
}

.vgtalks-userinfobar {
    background: #fff;
    border-radius: 10px;
    margin: 0 0 5px;
    padding: 10px;
    border: 1px solid #eaeaea;
}

.HM-postcoversec-inner .HM-storourse .dropdown-item,
span.vgtalks-activeuser {
    text-align: left;
}

.vg-adver-post {
    background-image: linear-gradient( to bottom right, rgb(102 0 205), rgb(123 5 243) );
    border-radius: 10px;
    margin: 10px 0 0;
}

.gtva img {
    margin: 20px 0 5px;
    width: 100%;
}

.vg-adver-post p {
    margin: 0;
    padding: 5px 0 10px;
    color: #fff;
    text-align: center;
}

.gettheapp img,
.lm-awrdstype img,
.user-priavcy-avatar img {
    width: 120px;
}

.gettheapp {
    margin: 0;
    padding: 0 0 20px;
    text-align: center;
}

/*.sf-user-profile {
    margin: 0;
    padding: 0;
    float: right;
}*/

.sf-user-profile {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
}

    .sf-user-profile .dropdown-menu {
        background: #fff !important;
        padding: 10px !important;
        border-radius: 20px !important;
        overflow: hidden;
        transition: 0.3s ease-in-out;
        border: 1px solid #EFF7F9 !important;
        min-width: 14.5rem;
        margin: 0.3rem 0 0;
    }

#seeall,
#tabs .nav-tabs .nav-link,
.create-new-group a,
.ppcbtn .fa,
.search-keyword-user,
.sku-close .fa,
.vg-frnds,
.vg-userdecide .btn,
.vgtalks-addyourstory,
.vgtalks-allfriends .vg-frnds,
.vgtalks-bgchange a,
.vgtalks-card p a,
.vgtalks-ff a,
.vgtalks-fr a,
.vgtalks-request-response a,
.vgtalks-searchsec-friends #tabs .nav-tabs .nav-link,
.vgtalks-searchsec-icon,
.vgtalks-searchsec-items ul li a,
.view-more-btn a,
a.vgtalks-directmessage {
    transition-duration: 0.5s;
}

.sf-user-profile .dropdown-menu ul li a {
    text-decoration: none;
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 5px;
    padding: 5px 0 10px 0;
    background-color: transparent !important;
    font-size: 13px;
    /*font-weight: 500;*/
    border-color: rgba(239, 247, 249, 1);
    border-bottom: 1px solid rgba(239, 247, 249, 1);
    color: #263238;
    transition: all ease-in-out 0.5s;
    position: relative;
}

    .sf-user-profile .dropdown-menu ul li a:hover {
        border-bottom: 1px solid rgba(124, 175, 255, 0.5);
    }

.sf-user-profile .dropdown-menu ul li:last-child a {
    border-bottom: 1px solid rgba(239, 247, 249, 0);
}

    .sf-user-profile .dropdown-menu ul li:last-child a:hover {
        border-bottom: 1px solid rgba(124, 175, 255, 0.5);
    }

.sf-user-profile .dropdown-item:hover {
    color: #263238;
    text-decoration: none;
}

.vgtalks-dropdown-menu .fa {
    background-image: linear-gradient(0deg, red, #ff0);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    font-size: 15px;
    text-align: center;
    line-height: 30px;
}

.vgtalks-dropdown-menu span {
    padding: 0 6px 0 0;
}

    .vgtalks-dropdown-menu span img {
        width: 25px;
        height: 25px;
    }

.sf-withoutlogon {
    margin: 0 0 20px;
    padding: 0;
}

.vgtalks-searchsec {
    margin: 11px 0 0;
    padding: 0;
    width: 100%;
}

.search-keyword-container {
    padding: 0;
    position: absolute;
    top: 50px;
    min-width: 348px;
}

.vgtalks-searchsec .input-group {
    background: #fff;
    padding: 5px;
    margin: 0;
    border-radius: 10px;
    border: 1px solid #c3deff;
}

.vgtalks-searchsec .form-control {
    border: none;
    background: #fff;
    font-size: 12px;
    height: 25px;
}

    .vgtalks-searchsec .form-control:focus {
        box-shadow: none;
        background-color: transparent;
    }

#album-detail-view span.HMEDIT-BIO a,
.vgtalks-searchsec .input-group-prepend {
    margin-right: 0;
}

.vgtalks-searchsec-icon {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    align-content: center;
    justify-content: center;
    line-height: 25px;
    color: #777;
    font-weight: 300;
    font-size: 13px;
}

    .vgtalks-searchsec-icon:hover {
        background: #f3e8ff;
        color: #fff !important;
    }

.search-keyword-container-inner ul {
    margin: 0;
    list-style: none;
    background: #fafafa;
    padding: 10px;
    border-radius: 4px;
    position: relative;
    z-index: 999;
}

.sku-figure img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #C3DEFF;
}

.search-keyword-user {
    background: #fff;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
}

    .search-keyword-container-inner a:hover,
    .search-keyword-user:hover,
    .vg-notification-container .search-keyword-user:hover {
        background: #f1f2f6;
    }

.sku-srhname {
    flex-shrink: 1;
    max-width: 100%;
    width: 100%;
    margin: 0 10px;
}

.sku-close {
    flex-shrink: 0;
    width: 40px;
    margin: 0 auto;
    text-align: center;
    align-items: flex-end;
    position: absolute;
    right: 10px;
}

.search-keyword-container-inner a,
.vg-notification-container a {
    display: flex;
    transition-duration: 0.5s;
    align-items: center;
    align-content: center;
}

#seeall {
    width: 100%;
    background: #e3e3e3;
    border-radius: 10px;
    padding: 6px;
    font-size: 14px;
    text-align: center;
    flex-direction: column;
    margin: 20px 0;
    cursor: pointer;
}

    #seeall:hover,
    .interested-btnsec .int-btn,
    .lmdlurctacc:hover,
    .vgtalks-searchsec-items ul li a:focus,
    .vgtalks-searchsec-items ul li a:hover {
        background: #408EF0;
        color: #fff !important;
    }

.sku-close .fa {
    background: #fafafa;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    color: #ccc;
    font-size: 12px;
    font-weight: 400;
}

    .sku-close .fa:hover {
        background: #020202;
        color: #fff;
    }

.search-keyword-container-inner li {
    margin: 0 0 5px;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #d5d5d5;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #408EF0;
    }

.vgtalks-contact {
    margin: 0 0 20px;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eaeaea;
}

.vg-current-request {
    margin: 0 0 20px;
    padding: 0;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #DCE8FF;
}

.sf-createpost-type
.select2-container
.select2-selection--multiple
.select2-selection__rendered {
    font-size: 12px;
    font-weight: 500;
}

.sf-createpost-type
.select2-container--default
.select2-selection--multiple
.select2-selection__choice {
    background-color: #1d5db5;
    border: 1px solid #1d5db5;
}

.sf-createpost-type
.select2-container--default
.select2-selection--multiple
.select2-selection__choice__remove {
    border-right: 1px solid #fff;
    color: #fff;
}

.HM-schedule-action .dropdown-menu .dropdown-item,
.create-group-modal .form-control,
.create-hmgrouphere .form-control,
.font-14,
.hmuserprivact-text h2,
.vg-blkuser-list .btn,
.vg-setting-content .btn,
.vgtalks-userbiolisting #tabs .nav-tabs .nav-link,
span.select2-results {
    font-size: 14px;
}

.select2-results__option {
    margin: 0 0 2px !important;
}

.select2-container--default .select2-results__option--selected {
    background-color: #1d5db5 !important;
    color: #fff;
}

.select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #95bdf3 !important;
    color: #020202 !important;
}

div#EditPostText {
    padding-left: 5px;
}

.vgtalks-ownprofileinner {
    background: #fff;
    border-radius: 40px 40px 10px 10px;
    overflow: hidden;
    position: relative;
}

.vgtalks-ownprofile {
    padding: 0;
    border-radius: 10px;
    position: relative;
    margin: 120px 0 0;
}

.vg-talks-bgimage {
    height: 220px;
    position: relative;
    background-image: url("../images/hmcover01.png");
    background-size: cover;
    background-position: center;
    /*filter: hue-rotate(45deg);*/
}

.vgtalks-profileheader,
div#_notification-div ul li {
    margin: 0;
    padding: 0;
    width: 100%;
}

.vgtalks-bgchange {
    position: absolute;
    bottom: 26px;
    right: 35px;
    z-index: 888;
}

.vgtalks-profileavatar {
    text-align: center;
    margin: -70px 0 0;
    padding: 0;
    left: 0;
    right: 0;
    top: 0;
    position: relative;
}

.vgtalks-setavatar img {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    border: 4px solid #C3DEFF;
    padding: 0;
    /*object-fit: cover;
    object-position: center;*/
}

.vgtalks-profileavatar h2 {
    margin: 0;
    padding: 5px 0;
    font-size: 20px;
}

.vgtalks-profileavatar p {
    margin: 0;
    padding: 0 0 10px;
    font-size: 14px;
}


a.lem_global {
    right: 15px;
    padding: 5px 25px !important;
    margin-top: 5px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    background: #408EF0 !important;
    position:relative;
    transition:all ease-in-out 0.3s;
    bottom:0px;
}
a.lem_global:hover{bottom:5px; box-shadow:0 0 5px rgba(0,0,0,0.2);}

.vgtalks-profileavatar a {
    display: inline-block;
    background: #bcffdf;
    margin: 0;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
}

.vgtalks-userprofile-items .nav-tabs {
    margin: 0;
    padding: 0;
    border: none;
}

.vgtalks-userbiolisting {
    padding: 0 70px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 25px;
    background: #F9FBFF;
    border-radius: 30px;
}

.hm-eventschallenge-sec .hm-ctgroup-topsec,
.vg-notification-container .vgtalks-edityourcommect .btn,
.vgtalks-userprofile-items nav {
    background: #fff;
}

#tabs h6.section-title {
    color: #eee;
}

#tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: none;
    background: #1cdaa5;
}

#tabs .nav-tabs .nav-link {
    color: #263238;
    font-size: 16px;
    border: none;
    border-radius: 0;
    margin: 0 10px;
    font-weight: 600;
    background-color: transparent;
    border-bottom: 2px solid #e7e7e7;
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
}

.hm-myallfriendsection .col-12.col-md-4 {
    padding-left: 5px;
    padding-right: 5px;
}

.hm-myallfriendsection .col-12.col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.nav-tabs .nav-link.active,
.vgtalks-userbiolisting .nav-link:focus,
.vgtalks-userbiolisting .nav-link:hover,
.vgtalks-userbiolisting .nav-tabs .nav-item.show .nav-link {
    background-color: transparent !important;
    color: #1e6dcf !important;
    border-color: #1e6dcf !important;
}

.vgtalks-userprofile-items .tab-content {
    margin: 0;
    background: #ffffff;
    padding: 0 15px !important;
    display: block;
    /*box-shadow: 0 0 5px rgba(0,0,0,0.1);*/
    /*border-top: 2px solid #f7f7f7;*/
}



.vgtalks-tabs-item .tab {
    float: left;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    width: 30%;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px 10px 10px;
    min-height: 300px;
}

    .vgtalks-tabs-item .tab button {
        display: block;
        color: #000;
        padding: 10px;
        width: 100%;
        border: none;
        outline: 0;
        text-align: left;
        cursor: pointer;
        transition: 0.3s;
        font-size: 14px;
        font-weight: 600;
        border-radius: 10px;
        background: #f0f2f5;
        margin: 0 0 10px;
    }

        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active,
        .nav-tabs .nav-link:focus,
        .vgtalks-searchsec-friends .nav-tabs .nav-link:hover,
        .vgtalks-tabs-item .tab button.active,
        .vgtalks-tabs-item .tab button:hover {
            background-color: #408ef0;
            color: #fff;
        }

.vgtalks-tabs-item .tabcontent {
    float: left;
    padding: 0 20px;
    width: 70%;
    height: 100%;
}

.vgtalks-tabs-item {
    margin: 0;
    padding: 0 0 30px;
    width: 100%;
    display: inline-block;
}

.vgtalks-frnds-search {
    position: absolute;
    right: 0;
    top: 15px;
}

.vgtalks-tabs-item h2 {
    margin: 20px 0;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hashtags-listing-rt span img,
.useraboutinfo-item img,
li.show-post-liker.alluviewlist img {
    width: 30px;
}

.useraboutinfo-item p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    word-break: break-word;
    text-align: justify;
}

.media.useraboutinfo-item {
    margin: 0 0 20px;
    align-items: center;
}

.HM-asitem,
.profile-view-avatar {
    align-items: center;
    align-content: center;
}

.vgtalks-ownprofileinner {
    margin: 0 0 40px;
}

.vgtalks-card p a:hover,
.vgtkscolor2 {
    color: #0f9c75;
}

.vgcolor1 {
    color: #1cdaa5;
}

.vgtalks-friendslist-tab span {
    font-weight: 600;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.vg-editbyowner .delete-gallary-images-icon {
    display: flex;
    align-items: center;
}

    .vg-editbyowner .delete-gallary-images-icon span {
        display: flex;
        align-items: center;
    }

.vgtalks-frnds-search .vgtalks-searchsec {
    width: auto;
    margin: 0 15px 0 0;
    padding: 0;
}

.vgtalks-ff a,
.vgtalks-fr a {
    margin: 0;
    padding: 6px 20px;
    background: #f1f2f6;
    color: #020202 !important;
    border-radius: 50px;
    font-size: 12px;
    display: inline-block;
}

    .search-all-list a.page.page-next,
    .search-all-list a.page.page-prev,
    .vgtalks-ff a:hover,
    .vgtalks-fr a:hover,
    .vgtalks-searchsec-items ul li a.active {
        background: #1cdaa5;
        color: #fff !important;
    }

.vgtalks-fr {
    margin: 0 10px;
}

.vgtalks-searchsec-friends nav{
    margin: 35px 0;
    padding: 30px 0 10px;
    text-align: center;
    /*border-top: 2px solid #f3f3f3;*/
    /*border-bottom: 2px solid #f3f3f3;*/
}


.vgtalks-ownprofile .vgtalks-searchsec-items {margin: 0px; padding:20px 0 0;}

.vgtalks-searchsec-items ul li {
    margin: 0 5px;
    padding: 0;
    list-style: none;
    display: inline-block;
}

        .vgtalks-searchsec-items ul li a {
            margin: 0;
            padding: 5px 20px;
            font-weight: 500;
            background: #f0f2f5;
            color: #020202;
            border-radius: 50px;
            font-size: 14px;
        }

.congrtesmodal .modal-header,
.cyhclass .modal-content,
.hdiw-popup .modal-header,
.hmcs-here .modal-header,
.vgtalks-searchsec-friends .nav-tabs,
.vgtalks-selectbg-tabs .nav-tabs {
    border: none;
}

.vgtalks-searchsec-friends #tabs .nav-tabs .nav-link {
    padding: 8px 0;
    font-weight: 500;
    background: #FAFAFA;
    color: #263238;
    border-radius: 14px;
    font-size: 14px;
    border: none;
    margin: 0 5px;
    border: 1px solid #ECECEC;
}

.categories-title h2,
.hm-privacy-option p,
.vgtalks-card p {
    margin: 0;
    padding: 0 0 5px;
}

.vgtalks-card {
    margin: 0 0 20px;
    padding: 10px;
    text-align: center;
    background: #F2F7FF;
    border-radius: 30px;
    border: 1px solid #F2F7FF;
    min-height: 120px;
}

#following .vgtalks-card.pending-request-sec,
#follwers .vgtalks-card.pending-request-sec,
.HMCE-MODE-item {
    min-height: 150px;
}

.vgtalks-card-img img {
    width: 80px;
    height: 80px;
    border: 2px solid #ffffff;
}
.vgtalks-card-img {
    padding: 15px 0 0;
}

.vg-current-request .vgtalks-card-img img {
    width: 90px;
    height: 90px;
    border: 3px solid #0672F9;
}

.vg-current-request .vgtalks-card h5 {
    font-size: 16px;
    font-weight: 600;
    padding: 12px 0 5px;
    color: #263238;
}


.vgtalks-card h3 {
    margin: 0;
    padding: 10px 10px 5px;
    line-height: 14px;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

    .vgtalks-card h3 a {
        margin: 0;
        padding: 0;
        font-size: 14px;
        color: #020202;
        transition-duration:0.5s;
    }

.vg-current-request span a,
.vg-nestpost-sec span a {
    color: #408EF0 !important;
    float: right;
    text-align: right;
}

.vgtalks-card p a {
    display: inline-block;
    border-radius: 50px;
    padding: 0 13px;
    margin: 5px 0 0;
    font-size: 12px;
}

.vgtalks-card .vgtalks-edityourcommect .dropdown {
    position: absolute;
    top: 5px;
    right: 22px;
}

.vg-sidebar {
    width: 25%;
    float: left;
    position: relative;
}

.vg-right-sidebar {
    float: right;
    width: 75%;
}

.vg-sidebar .vgtalks-contact {
    border-radius: 0;
    border: none;
    overflow-y: scroll;
    height: 100%;
    position: fixed;
    padding: 20px 10px 100px;
    width: 300px;
}

.vg-parent .sf-allpost-section {
    margin: 110px 0 0;
    position: relative;
    width: 100%;
}

.add-files-section-container,
.vg-sidebar .vgtalks-left-listing {
    position: relative;
    width: 100%;
}

.vg-frnds .media img {
    width: 40px;
    border-radius: 50%;
}

.vg-frnds {
    position: relative;
    margin: 0 0 8px;
    padding: 15px 15px 0;
    border: none;
    border-radius: 20px;
    background: #fcfcfc;
    cursor: pointer;
}

.setting-table {
    background: #fafafa;
    padding: 15px 15px 0;
    border-radius: 20px;
    border: 1px solid #c4deff;
    font-size: 14px;
}

    .setting-table .table td {
        padding: 8px 10px !important;
        background: #ffffff;
        font-weight: 500 !important;
        font-size: 14px;
    }

    .setting-table .table tr {
        margin-bottom: 3px;
        border-radius: 10px;
    }

.klps-perrply .vgtalks-edityourcommect .dropdown-item:focus,
.klps-perrply .vgtalks-edityourcommect .dropdown-item:hover,
.vg-setting-parent .vg-frnds .active,
.vg-setting-parent .vg-frnds:active,
.vgtalks-setting-sidebar .vg-frnds.active,
.vgtalks-setting-sidebar .vg-frnds:focus,
.vgtalks-setting-sidebar .vg-frnds:hover {
    background: #bcffdf !important;
}

.vgtalks-setting-sidebar .vg-frnds-inner .fa {
    padding-right: 5px;
    vertical-align: middle;
    font-size: 20px;
}

.vg-frnds:hover,
.your-all-feeds a {
    background: #f0f2f5;
}

.vg-timeago {
    position: absolute;
    right: 10px;
    top: 6px;
}

.vg-userdecide .btn {
    margin: 5px 6px 5px 0;
    padding: 2px 30px;
    border-radius: 50px;
    display: inline-block;
    font-size: 14px;
}

    .vg-userdecide .btn:hover {
        opacity: 0.8;
    }

.vg-mfriends {
    margin: 0;
    padding: 4px 0;
    display: block;
    font-weight: 600;
}

.vg-friend-suggestion h4,
.vg-owncreated-group h4 {
    padding: 10px 0;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    display: inline-block;
    font-size: 18px;
    width: 100%;
    margin: 10px 0 20px;
}

.hmuploadtype-pana-img img,
.profile-view-avatar img,
.vg-memoriestagline-sec img {
    width: 200px;
}

.profile-view-avatar h2,
.singlehashtagepage-items h5 {
    padding: 20px 0;
}

.profile-view-avatar {
    position: fixed;
    width: 75%;
    display: flex;
    height: 100%;
    flex-direction: column;
    z-index: 000;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    bottom: 0;
    top: 2.2em;
}

.vgtalks-request-response a {
    padding: 5px 0;
    font-size: 12px;
    width: 12%;
}

    .vgtalks-request-response a:hover {
        background: #1e6dcf !important;
        color: #fff !important;
    }

    .vgtalks-request-response a span img {
        width: 16px;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
        left: 0;
        bottom: 1px;
    }



.vgtalks-myfriendlist-header {
    background: linear-gradient(103deg, #1f6fd3 12.34%, #408ef0 94.58%);
    padding: 20px;
    color: #fff;
}

.vgtalks-myfriendlist .vgtalks-searchsec-friends nav {
    margin: 0;
    border-top: none;
}

.vgtalks-myfriendlist .vgtalks-searchsec-items {
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
}
/*.sentfriends-requests-tab-content {
    padding: 0px 15px;
}*/

.vgtalks-myfriendlist .vgtalks-frnds-search {
    position: absolute;
    right: 30px;
    top: 40px;
}

.vgtalks-settingicon .fa {
    background: #f0f2f5;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}

.vgtalks-allfriends .dropdown {
    position: absolute;
    top: 10px;
    right: 5px;
}

.story-figure img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    border: 2px solid #1cdaa5;
}

.vgtalks-story-section {
    position: relative;
    z-index: 888;
}

.vgtalks-addyourstory {
    border-radius: 10px;
    padding: 5px;
    position: relative;
    border: 2px solid #e9ecef;
    width: 20%;
    cursor: pointer;
    min-height: 150px;
}

    .vgtalks-addyourstory:hover {
        filter: brightness(0.9);
    }

.font-16,
.modal-header.hmcheckin-search .vgtalks-searchsec .form-control {
    font-size: 16px;
}

.addstory-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 3.3em;
}

    .addstory-icon .fa {
        background: #f0f2f5;
        width: 20px;
        height: 20px;
        line-height: 22px;
        border-radius: 50%;
        color: #1cdaa5;
        font-size: 12px;
    }

.vgtalks-addyourstory h5 {
    padding: 15px 0 0;
    margin: 0;
}

.vgtalks-allstory {
    margin: 0;
    padding: 0;
    text-align: right;
    display: none;
}

    .vgtalks-allstory a {
        margin: 0 0 5px;
        padding: 0 10px;
        text-align: right;
        background: #6600cd;
        font-size: 12px;
        display: inline-block;
        border-radius: 50px;
        font-weight: 500;
        color: #fff !important;
    }

.HM-sharestoryformobile {
    margin: 0;
    background: #fff;
    border-top: 3px solid #408EF0;
    border-bottom: 3px solid #408EF0;
    padding: 5px 10px;
}

.HM-sharestoryformobile-inner {
    display: flex;
    margin: 0;
    padding: 0;
    position: relative;
    height: 150px;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-width: none;
    will-change: transform;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.HM-ays {
    background: #e9ecef;
    border-radius: 15px;
}

.HM-systr img {
    width: 40px;
    filter: opacity(0.3);
}

.HM-muserstr {
    background: #e2c5ff;
    border-radius: 15px;
}

.HM-asitem {
    width: 28%;
    text-align: center;
    height: 100%;
    margin: 0 5px;
    display: flex;
    justify-content: center;
    flex: none;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.HMGPJACTIVITIESIMG .media,
.HMVIWERLISTING .hmactive-timeline .media,
.HMgroupaboutprivacytype .media,
.HMpostseenlist .media,
.HMtimeliner .media,
.add-ur-story .media,
.allsearchlisting-sec-inner .media,
.bp-previewimg .media,
.hm-birthday-inner .media,
.hmcheckin-loc .media,
.hmfavuserdiv .media,
.media.lmrbsection,
.ppcbtn .fa,
.singlehashtagepage-top .media,
.user-blcked-item .media,
.vg-owncreated-group .media {
    align-items: center;
}

.HM-asitem-figure img,
.HM-schedulingpost-sec table.table-condensed,
.Hm-eventcategory .CT-title .form-control,
.Lmblgherobanner img,
.bp-ctpost-sec .sf-createpost-sec,
.bp-pp .hmuploadtype,
.create-group-modal .modal-footer .btn,
.drawer-rightside .HMALERTMSG,
.event-preview-figure img,
.gmgotofrendspage .hmalbumcta,
.gtvagettheapp span img,
.hdiw-body-avatar img,
.hm-avatar-sec img,
.hmalbumcta .hm-ss,
.hnjoinourteam img,
.lm-blked-user-srhpage.lmpntfnd,
.login-avatar img,
.my-users-blocked-list,
.nomemory-sec-fig img,
.rt-sidebar-ad img,
.rt-sidebar-advertiser,
.rt-sidebar-advertiser img,
.sliderContainer video,
div#upload-demo {
    width: 100%;
}

.post-report-abuse .fa {
    margin: 0;
    padding: 0;
}

.HM-asitem .hm-timline-avatar span img,
.ppcbtn .fa {
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 0;
}

.HMfrendsmobstrlist {
    position: absolute;
    bottom: -10px;
    z-index: 999;
    left: 5px;
    color: #fff;
    text-align: left;
    line-height: 14px;
    word-break: break-word;
}

.tut9u0nx1 {
    z-index: 222;
    background-image: linear-gradient( to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) );
}

.pmk7jnqg1 {
    position: absolute;
}

.kr520xx41 {
    bottom: 0;
    transform: rotate(180deg);
}

.k996pnph,
.k996pnph1 {
    width: calc(100% + 1px);
}

.j9ispegn,
.j9ispegn1,
.prev {
    left: 0;
}

.d23ldmr11 {
    height: 60px;
}

.HM-asitem .hm-timline-avatar {
    position: absolute;
    z-index: 999;
    top: 4px;
    right: 4px;
}

    .HM-asitem .hm-timline-avatar span img {
        border-radius: 50%;
        border: 2px solid #1cdaa5;
    }

.HM-sharestoryformobile-inner::-webkit-scrollbar {
    display: none;
}

.create-new-group .fa,
.ppcbtn .fa {
    display: flex;
    align-content: center;
}

.HM-sharestoryformobile-inner {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hmtooltip,
.vgtalks-setavatar {
    position: relative;
    display: inline-block;
}

.ppcbtn .fa {
    background: #ffffff;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    z-index: 888;
    bottom: 11px;
    right: -50px;
    cursor: pointer;
    font-size: 16px;
    justify-content: center;
    margin: 0;
}

span.lmppc_cam {
    padding: 5px;
    position: absolute;
    background: #f1f1f1;
    border-radius: 50%;
    top: 0;
    left: 29px;
}

    span.lmppc_cam img {
        width: 20px;
        height: 20px;
        margin: 0;
        border: none;
        border-radius: 0px;
    }

.close-icon span:hover,
a.redirectpost-btn:hover {
    background: #000;
}

.bp-invitelists .be-createdpage-item:last-child,
.hastag-sec .hm-groupcreattor-secinner,
.hmcheckin-loc:last-child,
.hmuploadtypeppc label,
.klpstypemsg .form-group,
.postgridsec:last-child,
.write-bw-post .form-group {
    margin-bottom: 0;
}

/*.HMALERTMSG {
    margin: 10px auto 20px;
    background: #a8f1c6 !important;
    border-radius: 2px;
    border-left: 5px solid #178443 !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    color: #000;
    box-shadow: 0 0 10px #ccc;
    width: 50%;
    padding: 0;
}*/

.HMALERTMSG {
    margin: 10px auto 20px;
    background: #408EF0 !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    box-shadow: none;
    width: 50%;
    padding: 0;
    border: 0px solid #71e24a !important;
}

    .HMALERTMSG .close {
        font-size: 1rem;
        line-height: 25px;
        text-shadow: none;
        opacity: 1;
        color: #408EF0;
        background: rgba(255, 255, 255, 1);
        width: 25px;
        border-radius: 50%;
        height: 100%;
        margin: -4.5px 0 0;
    }

    .HM-album-gallery-sec .vg-allphotos-sec,
    .HM-groupinnerpagesec .vgtalks-searchsec,
    .HMALERTMSG h5,
    .be-createdpage-item p,
    .group-individual-posts .row,
    .hashtags-listing-lt span.hmvlogo,
    .hm-avatar-sec,
    .hmnotifivationalllist .search-all-list,
    .hmphotoalbum-pana h2,
    .how-its-work-url,
    .invite-previewrt label,
    .lnsubscription-prcdtl .vigor-upper-info.text-center h3,
    .vgtalks-allfriends h2,
    .viewfilesEdit_div,
    img.QR-Code-rightpanel {
        margin: 0;
    }

    .HMALERTMSG.alert,
    .hmcheckin-totlist-inner,
    .media-body.lmblgpostbdytxt,
    .vg-viewallfriends {
        padding: 20px;
    }

a.vgtalks-directmessage {
    background: #1cdaa5;
    color: #fff;
    padding: 5px 30px;
    position: absolute;
    bottom: 24px;
    right: 6em;
    font-size: 14px;
}

    a.vgtalks-directmessage .fa {
        font-size: 18px;
        padding: 0 5px 0 0;
    }

.vgtalks-ownresponse-sec .vgtalks-edityourcommect .dropdown {
    position: absolute;
    right: 30px;
    bottom: 24px;
    top: unset;
}

.vg-all-ppc.d-flex {
    flex-wrap: wrap;
}

.btn-purple,
.checkinsave,
.hm-myallfriendsection .add-to-follow,
.irs--round .irs-bar,
.vg-purple {
    background: #408EF0 !important;
}

.vg-red {
    background: red !important;
}

.vgtalks-allfriends .vg-frnds {
    margin: 0 0 8px;
    padding: 5px;
    border: none;
    border-radius: 10px;
    background: #fafafa;
    cursor: pointer;
}

.vg-update-pp-option a {
    padding: 6px 60px;
    background: #1cdaa5;
    color: #fff !important;
    font-size: 16px;
}

.vg-allsuggested-photo h2 {
    margin: 10px 0 0;
    padding: 15px 0;
    text-align: left;
}

.ppc-item img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    /* object-fit: cover;*/
}

.ppc-item {
    width: 18.6%;
    margin: 0 10px 10px 0;
}

.view-more-btn a {
    width: 100%;
    border-radius: 4px;
    padding: 7px 0;
    font-size: 16px;
    display: inline-block;
    margin: 10px 0 0;
    background: #f2f2f2;
}

    .view-more-btn a:hover {
        background: #d6d6d6;
    }

.vgtalks-bgchange .dropdown-menu {
    min-width: 100%;
    padding: 5px;
}

.vgtalks-bgchange a {
    margin: 0 0 5px;
    padding: 5px 10px;
    border-radius: 5px;
    background: #f1f1f1;
    font-size: 14px;
    color: #020202 !important;
}

.vgtalks-selectbg-tabs .btn {
    background: #1cdaa5;
}

.vgtalks-selectbg-tabs .nav-tabs .nav-link {
    background: #1cdaa5;
    color: #fff !important;
    border-radius: 4px;
    border: none !important;
    font-weight: 500;
}

.nav-tabs .nav-link.active,
.vgtalks-selectbg-tabs .nav-tabs .nav-item.show .nav-link {
    border: none;
    background: #0f9c75;
}

.vgtalks-selectbg-tabs .nav-link {
    margin: 0 15px;
}

.vg-btn1 {
    color: #fff !important;
    background-color: #1cdaa5 !important;
    border-color: #1cdaa5 !important;
}

    .vg-btn1:hover,
    .vg-btn2 {
        color: #fff !important;
        background-color: #0f9c75 !important;
        border-color: #0f9c75 !important;
    }

        .vg-btn2:hover {
            background: #078260 !important;
        }

.vgtalks-settingicon {
    position: absolute;
    right: 20px;
    top: 71px;
}

.story-show-option .custom-control.custom-radio .custom-control-label {
    background: #efefef;
    margin: 0;
    padding: 15px 36px;
    border-radius: 10px;
    cursor: pointer;
    width: 100%;
}

.story-show-option .custom-control.custom-radio {
    background: #efefef;
    margin: 0 0 10px;
    border-radius: 10px;
}

.story-show-option .custom-control-label::after,
.story-show-option .custom-control-label::before {
    left: 0;
    top: 21px;
}

.vg-add-your-photo-story .fa {
    background: #1cdaa5;
    color: #fff;
    font-size: 28px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 10px;
}

.vg-add-your-photo-story {
    background: #bcffdf;
    border-radius: 10px;
    padding: 5em 0;
}

    .badges-img.achieved,
    .vg-add-your-photo-story h5 {
        padding: 20px 0 0;
    }

.close-story {
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #eaeaea;
    text-align: right;
}

    .close-story .fa {
        font-size: 18px;
        font-weight: 300;
        background: #1cdaa5;
        height: 30px;
        width: 30px;
        text-align: center;
        line-height: 30px;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
    }

.vgtalks-groups .vgtalks-settingicon {
    top: 14px;
}

.create-new-group a {
    background: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    padding: 0;
    box-shadow: 0 0 10px rgb(2 32 70 / 20%);
}

    .create-new-group a:hover {
        background: #fafafa;
        color: #fff !important;
        box-shadow: 0 0 20px rgb(2 32 70 / 80%);
    }

.create-new-group {
    margin: 0 0 10px;
    position: absolute;
    right: 20px;
}

    .create-new-group .fa {
        font-size: 16px;
        width: 35px;
        height: 35px;
        color: #408EF0;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

.vg-owncreated-group .vg-frnds .media img {
    width: 40px;
    border-radius: 10px;
    border: 1px solid #fff;
    height: 40px;
}

.vg-owncreated-group .vg-frnds-inner h5 {
    font-size: 14px;
    font-weight: 600;
}

.vg-owncreated-group .vg-frnds {
    padding: 8px;
}

.vg-group-list {
    padding: 0 30px;
    margin: 0 15px;
    width: 100%;
}

    .Lmblgherodtlbanner,
    .vg-group-list h2 {
        margin: 0;
        padding: 0 0 15px;
    }

    .vg-group-list .col-md-4.col-12 {
        padding-right: 5px;
        padding-left: 5px;
    }

.font-18 {
    font-size: 18px;
}

.vg-single-group-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    min-height: 208px;
}

.vg-single-group {
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px #ece6e6;
    margin: 0 0 20px;
}

    .vg-single-group h2 {
        margin: 0;
        padding: 11px 0 0;
        text-align: center;
    }

    .vg-single-group p {
        color: #333;
        margin: 0;
        padding: 2px 0;
        text-align: center;
    }

    .vg-single-group span .fa {
        color: #8f8f8f;
    }

.join-group-cta a {
    background: #fff;
    color: #020202;
    display: block;
    text-align: center;
    border-radius: 50px;
    padding: 5px 0;
    margin: 10px 0;
    font-weight: 600;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    transition: 0.3s ease-in-out;
}

    .join-group-cta a:hover {
        background: #1c60b4;
        color: #fff !important;
    }

.categories-title {
    border-top: 1px solid #d5d5d5;
    padding: 20px 0 0;
    margin: 20px 0;
}

.create-group-modal .modal-footer .btn:hover {
    background: #0f9a75 !important;
}

.create-group-fields,
.sf-withoutlogon .vgtalks-toplft-panel {
    margin: 25px 0 0;
}

div#create-new-group {
    z-index: 999999;
}

.group-individual-posts-title {
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #efefef;
    background: #bcffdf;
    margin: 0 auto;
    padding: 3em 0;
    width: 100%;
}

.vg-feedsleftpanel,
.vg-feedsrightpanel,
.vg-mg-lt {
    width: 25%;
    float: left;
}

.vg-group-all-post-sec {
    margin: 0 auto;
    padding: 20px 0;
}

.vgtalks-edit-group {
    z-index: 888;
    text-align: right;
    margin: -61px 61px 0 0;
}

    .vgtalks-edit-group .fa {
        background: #fff;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        text-align: center;
        line-height: 40px;
        font-size: 18px;
    }

.join-grpup-cta a {
    background: #1cdaa5;
    border-radius: 50px;
    font-size: 18px;
    padding: 5px 70px;
    display: inline-block;
    margin: 10px 0 0;
    transition-duration: 0.5s;
}

.HM-allmemorypost-header .media,
.group-all-post-sec {
    padding: 0 30px;
}

.side-bar-groups {
    margin: 20px 0;
    padding: 10px;
    background: #dee2e6;
    border-radius: 10px;
    border: 1px solid #d5d5d5;
}

.HMdetailedhashtags .HMtimeliner h5,
.see-all-groups {
    margin: 10px 0 0;
    padding: 0;
}

    .see-all-groups .your-all-feeds a {
        background: #0f9c75;
        color: #fff !important;
    }

.join-grpup-cta {
    position: relative;
    z-index: 777;
}

.HM-sharestoryformobile,
.HMstorypp.HMGTH,
.klipsmain-class button.owl-next.disabled,
.lm-allsuggestion button.owl-next.disabled,
.lm-allsuggestion button.owl-prev.disabled
.lmspstar,
.mySlides,
.notificationbarpad,
.padview-notification,
.vg-editbyowner .dropdown-toggle::after,
.vg-mobile-header,
li.LM_MOBTRANS {
    display: none;
}

.lmsuggestion-listing button.owl-prev.disabled {
    display: none;
}

.vg-current-request h2 {
    font-size: 16px;
    padding: 15px 15px;
    margin: 0;
    text-align: left;
    color: #475B76 !important;
    /*background: linear-gradient(to top, #6600cd, #5400a9, #6600cd);*/
    border-bottom: 1px solid #DCE8FF;
}

.vg-current-request .vgtalks-edityourcommect .dropdown {
    top: 66px;
    right: 35px;
}

.vg-action-button a {
    display: block;
    color: #fff !important;
    margin: 4px 0 6px;
    border-radius: 10px;
    font-weight: 500;
    position: relative;
    transition: all ease-in-out 0.3s;
    bottom: 0px;
}
    .vg-action-button a:hover {
        background: #408EF0 !important;
        color: #fff !important;
        bottom: 5px;
    } 



.vg-action-button .vg-color-2 {
    background: #1787b1 !important;
}

.hmactiondiv .vg-action-button .vg-color-2,
.vg-action-button .vg-color-1 {
    background: #475B76 !important;
    color: #ffffff !important;
    position:relative;
    transition: all ease-in-out 0.3s;
    bottom:0px;
}

    .hmactiondiv .vg-action-button .vg-color-1:hover,
    .hmactiondiv .vg-action-button .vg-color-2:hover {
        background: #408EF0 !important;
        color: #fff !important;
        bottom: 5px;
    }

.vg-current-request .vgtalks-card {
    padding: 10px 20px 0;
    background: #fff;
    border: none;
    min-height: auto;
}

.events-templates-sec .card-body,
.pd-15,
.vg-viewallfriends .vgtalks-card {
    padding: 15px;
}

.hmiullist .hmtooltip .hmtooltiptext,
.vg-viewallfriends .vg-action-button a {
    padding: 5px;
}

.hmalbumcta,
.vgfeeds-innbetweensection {
    width: 50%;
}



.klipsmain-class .lmsuggestion-listing,
.vg-feed-mdcontent {
    margin: 0 auto;
    width: 90%;
}

.drawer-rightside, .vg-drawer {
    margin-top: 0;
    position: fixed;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    max-width: 285px;
}

.vg-drawer {
    height: -webkit-calc(100% - 100px);
    height: calc(100% - 100px);
    /*overflow: hidden;*/
    width: 285px;
}

.drawer-rightside-container,
.vgtalks-sidebar {
    width: 100%;
    will-change: transform;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.vgtalks-sidebar {
    height: 100%;
    overflow-y: scroll;
    margin: 0;
    padding: 0;
}

    .drawer-rightside-container::-webkit-scrollbar-thumb,
    .vgtalks-sidebar::-webkit-scrollbar-thumb {
        background: no-repeat;
    }

        .drawer-rightside-container::-webkit-scrollbar-thumb:hover,
        .vgtalks-sidebar::-webkit-scrollbar-thumb:hover {
            background: no-repeat;
        }

.drawer-rightside {
    height: -webkit-calc(100% - 100px);
    height: calc(100% - 100px);
    overflow: hidden;
}

.drawer-rightside-container {
    height: 100%;
    overflow-y: scroll;
    padding-right: 16px;
}

.hm-eventschallenge-sec .HM-midgroup-sec,
.hmcheckin-totlist{
    background: #fafafa;
}

.vgtalks-userprofile-items {
    background: #ffffff;
}



.vg-nestpost-sec {
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #f0f2f5;
    position: relative;
    z-index: 888;
    background: #fff;
}

    .vg-nestpost-sec span a {
        padding: 7px 0 0;
    }

.vg-intphotos-sec .ppc-item {
    width: 29.9%;
    margin: 5px;
    height: 100px;
}

.vg-morefiles p {
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: 25px;
    font-size: 30px;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.8);
    padding: 0;
    border-radius: 4px;
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #020202;
}

.vgpost-rightsec .vg-uploaded-images li {
    height: 25vh;
}

.vgpost-rightsec .vg-morefiles p {
    width: 100px;
    font-size: 25px;
}

.post-avatar-sec {
    align-items: center;
    position: relative;
}

.docappointment-cta {
    margin: 0;
    padding: 0;
    text-align: center;
}

    .docappointment-cta a {
        font-size: 10px;
        color: #fff !important;
        background: #6600cd;
        padding: 0 5px;
        border-radius: 50px;
        margin: 2px 0 0;
        animation: 3s infinite glowing;
        transition-duration: 0.5s;
        display: block;
        text-transform: capitalize;
        font-weight: 500;
    }

@keyframes glowing {
    0%, 100% {
        background: #6600cd;
    }

    20% {
        background: #ff0374;
    }

    40% {
        background: #a301bb;
    }

    60% {
        background: #1cdaa5;
    }
}

.docappointment-cta a:hover {
    background: #51059e;
}

.docappointment-cta .fa {
    padding-right: 2px;
}

/*.pending-request-sec .vg-action-button,
.vg-alluserslist-sec .vg-action-button,
.vgtalks-friendslist-tab .vg-action-button {
    width: 48%;
    display: inline-block;
}*/

a.text-white.vg-red.cancel-sent-friend-request {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
}

a.bg-basecolor.block-person {
    display: inline-block;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

a.bg-basecolor.text-white.add-to-unfollow {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
}

.vg-action-button a {
    padding: 5px 0;
    font-size: 12px;
}

.hm-myallfriendsection .vg-action-button a {
    padding: 5px 8px;
    font-size: 12px;
}

.noresultfoundcontainer {
    position: relative;
    margin: 0;
    padding: 3em 0;
    background: #F2F7FF;
    border-radius: 30px;
    height: 100%;
}

.vg-color-grey {
    background: #a5a5a5 !important;
}

.pending-request-sec .vg-action-button .vg-color-1 {
    background: #13ab81 !important;
}

.user-post-section-imgs-list .userup-items img,
.userclips-items img,
.vg-clickeditems .userup-items img {
    border-radius: 10px;
    width: 100%;
    object-fit: cover;
}

#profile-albums .col-12.col-md-3.user-post-section-imgs-list,
.HM-CTEVCHALENGE label,
.HMCED-sec label,
.HMhashtagsmodal .modal-header,
.events-templates-thumbnails h2,
.login-avatar,
.mainpage-loadersec .text-white.load-more-post-likers.lemi-loader.text-center,
.singlehashtagepage-items-inner .col-12.col-md-3,
.userup-items,
.vg-allphotos-sec {
    margin: 0 0 20px;
}

#load-more-photos {
    width: 100%;
    margin: 0;
    padding: 0;
}

.vgtalks-card .close-icon span {
    width: 25px;
    height: 25px;
    font-size: 12px;
    top: 6px;
    right: 23px;
}

.vg-editbyowner {
    position: absolute;
    top: 5px;
    right: 25px;
}

.vgtalks-friendslist-tab .vg-editbyowner .fa {
    color: #475B76;
}

.vg-editbyowner .btn {
    background: #f0f2f5;
    border: 1px solid #f0f2f5;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
    align-items: center;
    align-content: center;
    margin: 0;
    padding: 0;
}

.vg-editbyowner .dropdown-item:active,
.vg-editbyowner.dropdown-item.active {
    color: #fff;
    text-decoration: none;
    background-color: #f0f2f5;
}

.vg-editbyowner .dropdown-menu {
    border-radius: 10px;
    border: none;
    overflow: hidden;
    padding: 5px;
    min-width: 11rem;
    margin: 5px 0 0;
    box-shadow: 0 0 10px #ccc;
}

.vg-editbyowner .dropdown-item {
    font-weight: 500;
    font-size: 12px;
    padding: 0.2rem 1rem 0.2em 0.5rem;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.vg-allphotos-sec .vg-editbyowner .dropdown-item {
    padding: 0.2rem 1rem 0.4em 0.5rem;
}

.lmsuggestion-listing .owl-next,
.userclips-items .vg-editbyowner {
    right: 5px;
}

#profile-albums .userup-items {
    background: #f3f2ef;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    height: 200px;
    cursor: pointer;
}

#profile-albums .user-post-section-imgs-list .userup-items img {
    border-radius: 0;
    height: 100%;
}

#profile-albums .userup-items a {
    display: block;
    height: 100%;
}

.vg-post-lt-sec {
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    position: relative;
    flex: 1;
    justify-content: center;
}

.vg-imagepost-modal .modal-content {
    display: block;
    overflow: hidden;
    min-height: 5.6rem !important;
    border: none;
}

.next,
.prev,
span.vg-playicon .fa {
    text-align: center;
    border-radius: 50%;
    padding: 0;
    color: #fff;
}

.vg-imagepost-modal .modal-open .modal {
    overflow-y: hidden !important;
}

.vg-imagepost-modal .modal-dialog {
    max-width: 1000px;
}

.file-content img,
.file-content video {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
}

.file-content {
    position: relative;
    width: 1000px;
    height: 500px;
}

.postbutton-sec {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 888;
}

.vg-imagepost-modal .close {
    background: #191919;
    border-radius: 50px;
    margin: 0;
    padding: 0;
    height: 35px;
    width: 35px;
    color: #fff;
    box-shadow: none;
    font-family: FontAwesome;
    line-height: 35px;
    transition-duration: 0.5s;
    opacity: 1;
}

    .vg-imagepost-modal .close:hover {
        background: #408EF0;
        color: #fff;
    }

.next,
.prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    font-weight: 700;
    font-size: 18px;
    transition: 0.6s;
    user-select: none;
    background: #fff;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    line-height: 50px;
}

.BA-cta img,
.bw-cta .btn,
.close-icon span,
.ffbwitem,
.field-via-item .btn,
.future-bw-inner .card-header,
.searchall-btn,
.user-blk-rt .btn,
.vg-selectimg-here,
.vg-setting-content tr,
button.close.hmcs-here-close,
span.vg-playicon .fa {
    transition-duration: 0.5s;
}

.next {
    right: 0;
}

    .next:hover,
    .prev:hover {
        background-color: rgba(255, 255, 255, 0.8);
        color: #020202;
    }

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

.HM-schedule-action .posticon-here .fa:hover,
.post-frame-sec {
    background: #020202;
}

.vg-playicon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    right: 0;
    justify-content: center;
}

.vg-clip-duration {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: 700;
    color: #fff;
}

.vg-addownhastag,
.vg-removeownhastag {
    display: inline-block;
    border-radius: 50px;
    padding: 0 10px;
    text-align: right;
    top: 3px;
    margin: 0;
    position: absolute;
}

span.vg-playicon .fa {
    background: #1cdaa5;
    height: 30px;
    width: 30px;
    margin: 0;
    font-size: 14px;
    line-height: 30px;
    opacity: 0.8;
}

    .klps-publisvid:hover .btn.classview-btn,
    span.vg-playicon .fa:hover {
        opacity: 1;
    }

.vg-addownhastag {
    background: #6600cd;
    color: #fff;
    right: 0;
    animation: 3s infinite glowing;
}

.vg-removeownhastag {
    background: #eaeaea;
    color: #6600cd;
    right: 15px;
}

    .vg-addownhastag a,
    .vg-removeownhastag a {
        text-decoration: none;
        font-size: 12px;
        margin: 0;
        padding: 0;
        vertical-align: text-top;
    }

.create-post-here .vgsetting-master-sec {
    margin: 20px auto 0;
    width: 80%;
    background: #fafafa;
    border-radius: 10px;
    padding: 20px;
}

.vg-setting-content .table-responsive {
    display: inline-table;
}

.vg-setting-content tr {
    background: #f0f2f5;
    cursor: pointer;
    font-weight: 500;
    margin-bottom: 8px;
    display: table;
    width: 100%;
}

.vgsetting-master-sec {
    /*background: #fff;*/
    padding: 20px;
    margin: 0;
    border-radius: 10px;
}

.vg-setting-content .table td {
    padding: 5px;
    vertical-align: middle;
    border: none;
}

.vg-setting-content .vg-gas {
    width: 10%;
}

.vg-setting-content .vg-gasname {
    width: 25%;
    font-weight: 600;
}

.vg-blkuser-list .btn:hover,
.vg-setting-content .btn:hover {
    background: #46038a !important;
}

.vg-mg-rt {
    float: left;
    width: 75%;
}

.vg-managing-block {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
}

.vg-managing-block-list {
    background: #fff;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid #f5f0f0;
    width: 100%;
}

.vg-blocked.user-sec h6,
.vg-mg-rt p {
    margin: 0;
    padding: 0 0 10px;
}

.vg-blkuser-list {
    background: #ececec;
    padding: 5px 20px 10px;
    float: left;
    width: 100%;
}

.blk-input-left {
    float: left;
    width: 70%;
}

.blk-inputright {
    float: right;
    width: 28%;
    text-align: left;
    margin-right: 10px;
    padding: 29px 0 0;
}

.nomemory-sec-fig,
.user-blk-lt,
.user-blk-rt {
    float: left;
    width: 100%;
}

.user-blk-lt {
    border-bottom: 1px solid #dcdcdc;
}

.user-blk-lt {
    border-bottom: 1px solid #dcdcdc;
    padding: 5px 15px 15px 15px;
}

.add-files-section-inner {
    margin: 0 0 20px;
    background: #fafafa;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ced4da;
}

    .add-files-section-inner img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .add-files-section-inner .close {
        margin: 0;
        font-size: 18px;
        position: absolute;
        right: 40px;
        top: 30px;
        width: 25px;
        height: 25px;
        background: #fff;
        border-radius: 50%;
        border: 1px solid #475B76;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        padding: 0;
        color: #475B76;
        opacity: 1;
    }

.vg-selectimg-here p {
    margin: 0;
    padding: 5px 10px 5px 5px;
    font-size: 14px;
    background: #eaeaea;
    display: inline-block;
    border-radius: 50px;
    font-weight: 600;
    color: #475B76;
}

.vg-selectimg-here {
    background: #fff;
    margin: 10px 0 0;
    padding: 40px;
    border-radius: 10px;
    border: 1px solid #ececec;
    cursor: pointer;
}

    .vg-selectimg-here:hover {
        background: #c7dfff;
    }

    .vg-selectimg-here span {
        background: #408EF0;
        height: 28px;
        width: 28px;
        display: inline-block;
        font-weight: 600;
        border-radius: 50%;
        font-size: 18px;
        color: #fff;
        margin-right: 5px;
    }

.viewfiles_div .deleteEditFile,
.viewfiles_div .deleteFile,
button.deleteFileIcon {
    z-index: 999;
    background: rgba(0, 0, 0, 0.6);
    height: 25px;
    width: 25px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    padding: 0;
    align-content: center;
}

button.deleteFileIcon {
    right: 35px;
    border: none;
    border-radius: 50%;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    top: 20px;
    align-items: center;
    justify-content: center;
    display: none;
}

.viewfiles_div .deleteEditFile,
.viewfiles_div .deleteFile {
    right: 10px;
    border: none;
    border-radius: 50%;
    font-size: 14px;
    color: #fff !important;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.socio-loader {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 52px;
    top: 46px;
    z-index: 999999;
}

@-webkit-keyframes loader {
    0% {
        width: 0;
    }

    20% {
        width: 10%;
    }

    25% {
        width: 24%;
    }

    43% {
        width: 41%;
    }

    56% {
        width: 50%;
    }

    66% {
        width: 52%;
    }

    71% {
        width: 60%;
    }

    75% {
        width: 76%;
    }

    94% {
        width: 86%;
    }

    100% {
        width: 100%;
    }
}

@keyframes loader {
    0% {
        width: 0;
    }

    20% {
        width: 10%;
    }

    25% {
        width: 24%;
    }

    43% {
        width: 41%;
    }

    56% {
        width: 50%;
    }

    66% {
        width: 52%;
    }

    71% {
        width: 60%;
    }

    75% {
        width: 76%;
    }

    94% {
        width: 86%;
    }

    100% {
        width: 100%;
    }
}

.vg-progress-loader {
    position: relative;
    padding: 10px 0;
}

.JoinGrouppost .HM-postgroupjoinsec h2,
.events-templates-sec .collapsed,
.hm-birthday-inner span,
.hm-story-typography .btn-group,
.hm-story-typography .dropdown-item a,
.vg-progress-bar span {
    display: block;
}

.vg-bar {
    background: rgba(0, 0, 0, 0.075);
}

.vg-progress {
    -webkit-animation: 8s infinite loader;
    animation: 8s infinite loader;
    background: #1cdaa5;
    color: #fff;
    padding: 3px;
    width: 0;
}

.vg-progress-bar {
    border-radius: 60px;
    overflow: hidden;
    left: 50%;
    width: 93%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.vg-setting-parent .vg-frnds {
    padding: 0;
    background: #e9ecef;
}

.feed-shared-image__container {
    height: 0;
    width: 100%;
    display: block;
    position: relative;
}

.feed-shared-mini-update-v2
.feed-shared-image--multi-image
.feed-shared-image__container {
    height: calc(552px - 32px);
}

.feed-shared-image--multi-image .feed-shared-image__container {
    height: 552px;
    display: flex;
    flex-wrap: wrap;
}

.feed-shared-image--span-first-two
.feed-shared-image__image-link:nth-child(-n + 2) {
    height: 60%;
}

.feed-shared-image--span-first-two .feed-shared-image__image-link {
    height: 40%;
}

.feed-shared-image__image,
.feed-shared-image__image-link .ivm-image-view-model,
.feed-shared-image__image-link .ivm-view-attr__img-wrapper {
    width: 100%;
    height: 100%;
}

.feed-shared-image--split-last-three
.feed-shared-image__image-link:nth-last-child(-n + 3) {
    width: 33.33%;
    height: 40%;
}

.display-flex {
    display: flex !important;
}

.feed-shared-image--multi-image .feed-shared-image__image {
    border: 1px solid transparent;
}

.ivm-view-attr__img-wrapper--use-img-tag .ivm-view-attr__img--centered {
    object-position: center;
    object-fit: cover;
}

.ivm-view-attr__img--centered {
    background-position: 50%;
    background-size: cover;
}

.feed-shared-image__excess-image-count-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 1px;
    left: 1px;
    height: calc(100% - 2px);
    width: calc(100% - 2px);
}

video.ivm-view-attr__img--centered.feed-shared-image__image.lazy-image.ember-view {
    object-fit: contain;
    background: #2a2a2a;
}

.feed-shared-image--multi-image .feed-shared-image__image-link {
    width: 50%;
    height: 50%;
    position: relative;
}

.feed-shared-image--span-first .feed-shared-image__image-link {
    height: 40%;
}

.feed-shared-image--has-two-images .feed-shared-image__image-link,
.hm-create-invitesec,
.klps-bothsec {
    height: 100%;
}

.feed-shared-image__image-link {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    cursor: pointer;
}

.feed-shared-image__container button {
    background: 0 0;
    border: none;
    padding: 0;
    cursor: pointer;
}

.feed-shared-image__excess-image-count-overlay,
.feed-shared-image__image-count,
.feed-shared-image__photo-tag-pill {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 30px;
}

.feed-shared-image--span-first .feed-shared-image__image-link:first-child {
    width: 100%;
    height: 60%;
}

.vg-blocked.user-sec {
    width: 96%;
    background: #F2F7FF;
    margin: 10px 0 0;
    border-radius: 30px;
    padding: 15px;
    margin: 0 auto;
    margin-top: 15px;
}

    .vg-blocked.user-sec h5 {
        color: #475B76 !important;
        margin: 0 0 0 0;
        text-transform: capitalize;
    }

.user-blk-figure img {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    border: 1px solid #C1C1C1;
}

.border-10,
.hmeventsmainsec .hm-groupcreattor-secinner .vgtalks-searchsec .input-group,
.user-blcked-item,
.userup-items a img,
.vgtalks-searchsec-items .nav-pills .nav-link {
    border-radius: 10px;
}

.user-blk-rt {
    text-align: center;
    margin: 10px 0 0;
}

    .user-blk-rt .btn a {
        border-radius: 15px;
        font-size: 14px;
        color: #ffffff;
        height: 38px;
        line-height: 38px;
        margin: 0;
        padding: 0 25px 0 25px;
        transition-duration: 0.5s;
        background: linear-gradient(103deg, #7cafff 12.34%, #408ef0 94.58%) !important;
        font-weight: 500;
        position: relative;
        bottom: 0;
        letter-spacing: 1.5px;
        border: none;
    }

        .user-blk-rt .btn a:hover {
            bottom: 5px;
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.2) !important;
            background: linear-gradient(103deg, #7cafff 12.34%, #408ef0 94.58%) !important;
        }

.user-blcked-item {
    background: #fff;
    width: 100%;
    display: inline-block;
    padding: 10px 15px;
}

.userup-items a img {
    width: 50%;
    height: 200px;
    object-fit: cover;
}

.vg-memoroes-features a {
    margin: 0 0 10px;
    padding: 7px 10px;
    background: #f0f2f5;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
}

.vg-memoriestagline-sec {
    background: #008ea5;
    border-radius: 10px;
    padding: 10px;
    color: #fff;
    box-shadow: 0 0 10px #a5a5a5;
}

.vg-pageslist-sec .vg-memoriestagline-sec {
    background: #006a4d;
}

.vg-memoroes-features label {
    float: right;
    margin: 0;
    padding: 0;
}

.close-icon span {
    display: flex;
    align-items: center;
    align-content: center;
    background: rgba(0, 0, 0, 0.6);
    width: 30px;
    height: 30px;
    position: absolute;
    top: 16px;
    right: 25px;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
}

.paginate-pagination li,
.search-all-list {
    display: inline-block;
}

.Post-Files-UL video {
    object-fit: cover;
    max-height: 100%;
    max-width: 100%;
    object-position: center;
}

.search-all-list {
    margin: 7em 0 0;
    width: 100%;
}

.search-result-inner {
    background: linear-gradient(103deg, #1f6fd3 12.34%, #408ef0 94.58%) !important;
    margin: 0 auto;
    width: 85%;
    border-radius: 30px;
    margin-top: 4em;
    overflow: hidden;
}

.hmnotifivationalllist .search-result-inner {
    background: #ffffff !important;
}

.hmnotifivationalllist .search-result-inner {
    background: #ffffff;
}

#profile-photots,
#profile-videos {
    width: 100%;
    margin: 0;
}

.search-all-list .vgtalks-searchsec {
    margin: 0 auto;
    width: 30%;
    padding: 0 0 30px;
}

.search-result-inner h2 {
    padding: 1em 0 0.5em;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
}

.allsearchlisting-sec {
    border-radius: 20px;
    padding: 10px;
}
.hm_classbdaylist .allsearchlisting-sec.bg-white {
    padding: 0px !important;
}

.search-all-list .vg-frnds .media img {
    width: 50px;
    height: 50px;
    padding: 3px;
    border: 2px solid #1f6fd3;
}

.searchall-btn {
    position: absolute;
    top: 22px;
    right: 17px;
    background: #408EF0;
    color: #fff !important;
    font-size: 12px;
    padding: 7px 20px;
    border-radius: 10px;
    width: 16.5%;
    text-align: center;
}

a.searchall-btn.cancel-friend-request {
    background: #fa4949;
}

.searchall-btn:hover {
    background: #1f6fd3;
}

.search-all-list .vg-frnds {
    border: 1px solid #eee;
    padding: 15px;
}

    .search-all-list .vg-frnds:hover {
        background-color: inherit;
    }

.search-all-navigation li {
    list-style: none;
}

.paginate-pagination ul {
    margin: 1em 0 0;
    padding: 0;
    list-style: none;
}

.paginate-pagination li a {
    margin: 0 5px 0 0;
    padding: 10px 15px;
    background-color: #eaeaea;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
}

.request-sent-color {
    background: #d2d2d2 !important;
}

.loadmore-cta .searchall-btn {
    position: static;
    text-align: center;
    border: none;
    background: #408ef0;
    padding: 5px 10px;
    font-size: 12px;
}

.loadmore-cta {
    text-align: center;
    margin: 1em 0 0;
}

    .loadmore-cta span .fa {
        font-size: 10px;
    }

.vg-notification-section {
    position: absolute;
    top: 60px;
    right: 135px;
    width: 22rem;
    left: 0;
}

#profile-albums .vg-editbyowner,
.see-all {
    right: 15px;
}

.notification-item-box {
    margin: 0;
    list-style: none;
    background: #fff;
    padding: 0;
    box-shadow: 0 9px 14px -4px rgb(50 50 93 / 15%), 0 3px 6px -3px rgb(0 0 0 / 20%);
    border-radius: 0.5rem;
    overflow: hidden;
}

.notification-title h2 {
    margin: 0;
    padding: 12px;
}

.notification-title {
    border-bottom: 2px solid #f0f2f5;
}

.vg-notification-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.vg-notification-container {
    padding: 12px;
}

    .page.hm-blog-page,
    .vg-notification-container h3 {
        padding: 0 0 10px;
    }

    .vg-notification-container .search-keyword-user {
        background: #fafafa;
        margin: 0 0 5px;
        padding: 10px;
        position: relative;
    }

    .vg-notification-container .sku-srhname p {
        margin: 0;
        padding: 0 0 5px;
        line-height: 18px;
        text-align: left;
    }

    .vg-notification-container .sku-figure img {
        width: 45px;
        height: 45px;
        filter: inherit;
    }

.see-all {
    position: absolute;
    top: 9px;
}

.request-section {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.request-rr-cta {
    margin: 0 3px;
}

    .request-rr-cta a {
        padding: 3px 30px;
        border-radius: 4px;
        font-size: 14px;
        margin: 10px 0 0;
    }

.noti-state {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #1cdaa5;
    margin: 0;
    padding: 0;
}

.dull-class {
    color: #b9b9b9;
}

.no-notification-sec img {
    width: 110px;
    filter: inherit;
}

.lm-blked-user-contentsec,
.no-notification-sec p {
    padding: 10px 0;
}

.hminvite-sec {
    margin: 4em 0 0;
    padding: 0;
    /*background: #FAFAFA;*/
}

.invite-lt-sec {
    padding: 6em 0 0;
}

.container.hminvite-sec-inner {
    padding: 3em 0 0;
}

.field-via-item .form-control {
    margin: 0;
    border-radius: 10px;
    border-color: #dddddd;
    height: 50px;
    border: 1.5px solid #f0f0f0;
    background: #ffffff;
    font-family: Inter, sans-serif !important;
    font-weight: 400;
    font-size: 14px;
}

.hm-sndtype {
    display: flex;
    align-content: center;
    gap: 10px;
}

    .hm-sndtype .form-group {
        width: 100%;
    }

.field-via-item .btn {
    background: #1d5db5;
    line-height: 50px;
    margin: 0;
    padding: 0 50px;
    color: #ffffff;
    border-radius: 10px;
    background: linear-gradient(103deg, #7cafff 12.35%, #408ef0 90.99%) !important;
    border: none;
    height: 50px;
    font-family: Inter, sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0 !important;
    text-transform: capitalize;
    transition: all ease-in-out 0.3s;
}

    .field-via-item .btn:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
        color: #ffffff;
    }

.invite-via-sec {
    margin: 2em 0 0;
    width: 100%;
    display: inline-block;
}

.vg-inter-friends .vgtalks-card {
    transition-duration: 0.5s;
    min-height: 132px;
}

.otuserprofile .vgtalks-card,
.vg-alluserslist-sec .vgtalks-card {
    min-height: 220px;
}

.suggestionDiv .vgtalks-card {
    min-height: 190px;
}

.lminnersuggcrosscta {
    position: absolute;
    right: 18px;
    top: 5px;
}
    .lminnersuggcrosscta span img {
        width: 20px;
    }

.suggestionDiv .vg-action-button {
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
}

.vgtalks-card.pending-request-sec {
    min-height: 180px;
}

a.bk-appt img {
    top: -5px;
    /*  width: 90px;*/
}

.vg-notification-section.cisyhr {
    display: flex;
    flex-direction: column;
    perspective-origin: right top;
    min-height: 0;
    flex-shrink: 1;
    overflow-x: hidden;
    overflow-y: scroll;
    flex-basis: 100%;
    will-change: transform, scroll-position;
}

.hmnotifivationalllist .search-result-inner {
    background: #fff;
    margin: 0;
    width: 100%;
    border-radius: 30px;
}

.hmnotifivationalllist .search-all-list .allsearchlisting-sec {
    border-radius: 10px;
    /*padding: 0;*/
}


.ayimodal .modal-body,
.blog-details .tags,
.hdiw-body-avatar .modal-body,
.hm-favouritesec .hmctyalbum,
.hmchkininnermdl .modal-body,
.hmnotifivationalllist .vg-notification-container,
.lm-allsuggestion,
.lnsubscription-prcdtl .vigor-plans,
.lnsubscription-prcdtl .vigor-plans-inner,
.modal-body.hmcheckin-sec,
.modal-header.hmcheckin-search,
.user-blk-rt a {
    padding: 0;
}

.sf-feedback-item p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.gtvagettheapp,
.hmgtva p {
    align-items: center;
    display: flex;
}

.PostLikeCounter {
    margin: 0 0 0 7px;
    font-size: 14px;
}

.reponseclass {
    left: 69px;
    right: 0;
    font-size: 12px;
    font-weight: 500;
    color: #0f9c74;
}

.userup-items
a
video.ivm-view-attr__img--centered.feed-shared-image__image.lazy-image.ember-view {
    height: 300px;
    border-radius: 10px;
}

.hm-publish {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    width: 100%;
    height: auto;
}

.hmgtva p {
    margin: 0;
    padding: 10px 0;
    text-align: center;
    text-transform: capitalize;
    justify-content: center;
}

span.hmvlogo {
    margin: 0 5px 0 0;
}

.baahc h3 {
    font-weight: 700;
    font-size: 24px;
}

.gtvagettheapp {
    padding: 30px 0;
    align-content: center;
    justify-content: center;
}

    .gtvagettheapp span {
        margin: 0 5px;
    }

.hm-txtphvi {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 100%;
    padding: 15px 0 10px;
    gap: 10px;
}

.birthday-title h2 {
    margin: 0;
    padding: 0;
    font-size: 18px;
}

.birthday-title .dash {
    margin: 12px auto;
    width: 20%;
    border-width: 3px;
    color: #f1f2f6;
}

.birthday-title {
    padding: 15px 15px;
    border-bottom: 1px solid #ededed;
    margin: 0 0 15px;
}

.class-hmbdaylist {
    padding: 0 15px;
    width: 100%;
}

.hm-birthday-avatar img {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    border: 1px solid #ffffff;
}

.hm-birthday-inner p {
    margin: 0;
    padding: 3px 0 0;
}

.hm-birthday-inner {
    background: #F2F7FF;
    padding: 10px 20px;
    border-radius: 30px;
    position: relative;
    margin: 5px 0 12px;
    border: 1px solid #408EF0;
}

span.HMBDAYsucessmsg {
    text-align: center;
    background: #408EF0;
    border-radius: 12px;
    color: #fff;
    padding: 6px 0;
    margin: 0 auto;
    display: block;
    display: flex;
    justify-content: center;
    width: 80%;
}

.today-birthday-sec h5 {
    text-transform: capitalize;
}

.today-b-color {
    background: #F2F7FF !important;
}

.write-bw-post {
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin: 10px 0;
}


.bw-cta {
    width: 33%;
}

.bw-write,
div#sendbtn,
div#sentbtn {
    width: 65%;
}

.write-bw-post .form-control {
    border-radius: 8px;
    border: none;
    background: #fff !important;
    font-size: 14px;
    height: 40px;
}

    .write-bw-post .form-control::placeholder {
        color: #8b8b8b;
    }

    .write-bw-post .form-control:focus {
        box-shadow: none;
        border-color: #1cdaa5;
    }

.bw-cta .btn {
    background: #408EF0;
    height: 40px;
    width: 100%;
    color: #fff;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    padding:0px;
}

    .bw-cta .btn:hover,
    .inner-ayi-all .active,
    .refresh-icon .fa:hover {
        background: #408EF0;
        color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

.future-bw-inner .card {
    border: none;
    border-radius: 0;
}

.future-bw-inner .card-header {
    padding: 0.75rem 1.25rem;
    background-color: #cff8f4;
    border-bottom: none;
    margin: 0 0 10px;
    overflow: hidden;
}

    .future-bw-inner .card-header:hover {
        background-color: #f0f2f5;
    }

.future-bw-inner .accordion > .card > .card-header {
    margin-bottom: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.future-bw-inner .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: auto;
    padding: 20px;
    background: #f0f2f5;
    border-radius: 10px;
    margin: 0 0 20px;
    border: 1px solid #e9e9e9;
}

.future-bday-list h5 {
    margin: 0;
    padding: 0 0 20px;
}

.ffbwitem img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #fff;
}

.future-bday-alllist {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: left;
}

.ffbwitem {
    padding: 0 10px 15px;
}

.how-its-work-url a,
.rbg-gdentsshape,
a.hmposticonhere {
    transition: 0.3s ease-in-out;
}

.ffbwitem:hover {
    filter: brightness(0.7);
}

.mcolor1 {
    background: #6817fd;
}

.mcolor2 {
    background: #d51068 !important;
}

.mcolor3 {
    background: #8db611 !important;
}

.mcolor4 {
    background: #d64351 !important;
}

.future-bw-inner .accordion .card-header:after {
    font-family: FontAwesome;
    content: "\f068";
    float: right;
    margin: 10px 0 0;
}

.future-bw-inner .card-title {
    margin-bottom: 0;
    background: #6817fd;
    height: 45px;
    padding: 0;
    width: 45px;
    display: inline-block;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff !important;
}

a.vg-color-4.text-white {
    background: #007bff;
}

.vg-setting-parent a {
    display: block;
    width: 100%;
    padding: 10px;
}

.hminvite-sec-inner h2 {
    margin: 0;
    padding: 0;
    color: #475B76;
    font-size: 30px;
}

.invite-lt-sec h3 {
    font-weight: 600;
    color: #3b566e;
}

.hminvite-sec-inner p {
    margin: 0;
    padding: 15px 0 0;
    color: #475B76;
    font-size: 16px;
    font-weight: 500;
}

.HMallstorypage .storyrighthandside,
.invite-avatar img {
    width: 75%;
}
.HMallstitle {
    padding: 0 15px;
}
.stories-list-section {
    padding: 0 5px 0 10px;
}

.storylefthandside .hm-crtestory-sec {
    position: absolute;
    bottom: 0;
}

p.miniclass {
    font-size: 12px;
    margin: 0;
    padding: 10px 0 0;
}

.invite-avatar {
    padding: 2.2em 0 0;
    text-align: right;
}

.field-via-item p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #3b566e;
}

.field-via-item label {
    font-size: 20px;
    margin: 0;
}

.field-via-item label {
    padding: 0;
    width: 100%;
    color: #3b566e;
}

.how-its-work-url a {
    padding: 0 20px;
    color: #ffffff !important;
    font-weight: 600;
    background: #408EF0;
    background: linear-gradient(103deg, #7cafff 12.35%, #408ef0 90.99%) !important;
    border-radius: 15px;
    height: 45px;
    line-height: 45px;
    position: relative;
    transition: all ease-in-out 0.3s;
    bottom: 0px;
    width: 100%;
    border: none;
    outline: none;
}

    .how-its-work-url a:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
        bottom: 5px;
    }

a.followpage.btn:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

a.hm-cys {
    display: block;
    cursor: pointer;
}

.hdiw-popup .modal-content {
    border: none;
    border-radius: 50%;
    outline: 0;
    height: 600px;
    width: 600px;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
}

.hdiw-body-text h2 {
    margin: 0 auto;
    padding: 17px 0 0;
    text-align: center;
    width: 80%;
    font-size: 28px;
    font-weight: 800;
    font-family: Poppins;
    color: #020202;
}

.dollar-40,
.font-40 {
    font-size: 40px;
}

.hdiw-popup .close {
    float: right;
    font-size: 3rem;
    color: #fff;
    font-family: initial;
    position: absolute;
    right: 60px;
    opacity: 1;
    z-index: 999;
}

.awardstc-list {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.awa-items {
    word-break: break-word;
    width: 90%;
    margin: 0 auto;
}

.hdiw-popup .modal-body {
    width: 600px;
    padding: 0;
}

.ub-bars p {
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding: 8px 0;
    width: 88%;
    margin: 0 auto 10px;
}

.hdiw-popup .modal-header img {
    width: 20px;
    margin: -10px 0 0;
}

.postbutton-sec .close img {
    width: 12px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 0 auto;
}

.hdiw-body-avatar {
    width: 75%;
    margin: -30px auto 0;
}

.inviteuser-modal .hdiw-body-avatar {
    width: 75%;
    margin: 0 auto 10px;
}

button.close.hmcs-here-close {
    opacity: 1;
}

.hmcs-here-close img {
    opacity: 1;
    width: 32px;
    filter: brightness(0.7);
}

.hmcs-here .modal-dialog {
    max-width: 650px;
}

.hmcs-here .modal-content {
    position: relative;
    border: none;
    border-radius: 50px;
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
}

.hmcs-here .modal-body {
    padding: 0;
    margin: 0 0 10px;
}
.hmcs-innersec {
    padding: 40px 0 0 0;
}

.HMCE,
.singlehashtage-inner {
    padding: 30px;
}

.hmcptype {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding:20px 0 40px;
}

.hmcs-innersec hr.dashbr {
    width: 10%;
    margin: 0 auto;
    padding: 0 0 0;
    margin-top: 15px;
    margin-bottom: 15px;
    border-width: 5px;
    border-radius: 20px;
    border-color: #263238;
}
.hmposticonhere img{width:80px;}
.jot_img img {width: 40%;}

.hastagmidsection .vg-friends-avatar img {
    width: 100px;
}
.hmcs-innersec-item {
    border-radius: 10px;
    padding: 0;
    cursor: pointer;   
}

a.close.hmcs-here-close {
    position: absolute;
    right: 25px;
    top: 25px;
    z-index:999;
}

.buddy-stars img {
    width: 65px;
}

.buddy-stars {
    position: absolute;
    left: 25px;
    top: 15px;
}



.HMstoryrighthandside,
.storyrighthandsidephoto {
    background: #333;
    display: flex;
    align-content: center;
    float: left;
}

a.hmposticonhere {
    display: block;
    position: relative;
    height: 200px;
    width: 200px;
    padding: 20px 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #F2F7FF;
    border: 3px solid #7CAFFF;
    border-radius: 50%;
}

    .LMgoit a:hover,
    .LMnope a:hover,
    .LMokaybtnforal:hover,
    .lmppcrop-sec .modal-footer .btn:hover
     {
        bottom: 10px;
    }
    a.hmposticonhere:hover{bottom: 10px; box-shadow:0 0 20px rgba(0,0,0,0.2);}

a.hmposticonhere p {
    padding: 2px 15px;
    margin: 15px 0 0;
    background: #408EF0;
    color: #fff;
    border-radius: 15px;
}

.storylefthandside {
    width: 40%;
    float: left;
    padding: 15px;
}

.HMstoryrighthandside {
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 92%;
    padding: 20px;
    position: fixed;
    left: 0;
    right: 0;
    top: 5rem;
}

.storyrighthandsidephoto {
    width: 61%;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.hmwriteyourstortypost {
    display: flex;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
}

.hmtextstroypage-inner {
    margin: 0 auto;
    background: #fff;
    width: 100%;
}

.storyrighthandside {
    background: #e2e2e2;
    padding: 20px;
}

.storylefthandside .vg-frnds {
    margin: 20px 0;
    padding: 10px;
    background: #bbffde;
    background: linear-gradient(to bottom, #5e1bcd, #bc26ed);
    color: #fff;
}

    .storylefthandside .vg-frnds .media img {
        width: 60px;
        border-radius: 50%;
        height: 60px;
    }

.storylefthandside hr.dash {
    width: 18%;
    border-width: 4px;
    margin-top: 12px;
    margin-bottom: 18px;
}

.storylefthandside h2 {
    margin: 10px 0;
}

.storylefthandside textarea.form-control {
    height: auto;
    min-height: 300px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 10px 0;
    margin: 0 0 10px;
}

.storylefthandside label {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.storylefthandside textarea::placeholder {
    font-size: 20px;
    font-weight: 700;
    color: #d5d5d5;
}

.storylefthandside form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #bbffde;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(187 255 222);
}

a.hm-cs-btn.btn,
a.hm-ss-btn.btn {
    border-radius: 10px;
    box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
    transition-duration: 0.3s;
    font-weight: 600;
    font-size: 14px;
}

.hmstorypostbyyou {
    display: flex;
    justify-content: space-around;
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    padding: 20px 0;
}

.hm-cs,
.hm-ss {
    width: 46%;
}

.HMstoryrighthandside-inner .hmstorypostbyyou {
    width: 70%;
}

a.hm-cs-btn.btn {
    background: #f0f2f5;
    width: 100%;
}

a.hm-ss-btn.btn {
    background: #408EF0;
    width: 100%;
    color: #fff !important;
}

    .event-descbtns .hmuploadtype label:hover,
    a.hm-cs-btn.btn:hover,
    a.hm-ss-btn.btn:hover {
        box-shadow: 0 2px 10px rgb(0 0 0 / 40%);
    }

.hmtextstroypage {
    padding: 0;
    position: relative;
}

.HM-groupinnerpagesec .hm-ctgroup-topsec,
.sf-withoutlogon .vgtalks-toplft-panel ul {
    padding: 10px;
}

.sf-withoutlogon .vgtalks-left-listing p {
    font-size: 12px;
    line-height: 14px;
}

.sf-withoutlogon .gt-startheretologin {
    box-shadow: none;
    border: 1px solid #e7e7e7;
}

.sf-withoutlogon .gt-cta .btn {
    height: 40px;
    line-height: 40px;
}

.storylefthandside .uploading-loader.text-center.post-loader img {
    border-radius: 0;
    box-shadow: none;
    width: 100px;
    margin: -15px 0 0;
}

.gt-startheretologin {
    background: #fff;
    display: inline-block;
    width: 100%;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 0 0.5556em 1em 0.3333em rgb(50 50 93 / 32%), 0 0.3333em 0.6667em -0.3333em rgb(0 0 0 / 36%);
}

    .gt-startheretologin img {
        width: 220px;
    }

    .gt-startheretologin p {
        margin: 0 auto;
        padding: 5px 0 10px;
        width: 100%;
        font-size: 20px;
        font-weight: 700;
    }

.gt-cta .btn {
    background: linear-gradient(to bottom, #0dc3cb, #00fcd7);
    border-radius: 10px;
    padding: 0 60px !important;
    color: #fff !important;
    transition: 0.2s !important;
    transform-origin: bottom center;
    box-shadow: 0 0.2778em 0.5556em -0.1111em rgb(50 50 93 / 26%), 0 0.1667em 0.3333em -0.1667em rgb(0 0 0 / 30%);
    height: 50px;
    font-weight: 600;
    text-transform: capitalize;
    border: none !important;
    line-height: 50px;
}

    .gt-cta .btn:hover {
        box-shadow: 0 0.5556em 1em -0.3333em rgb(50 50 93 / 32%), 0 0.3333em 0.6667em -0.3333em rgb(0 0 0 / 36%);
        transform: translateY(-2px) !important;
        background: linear-gradient(to bottom, #00fcd7, #0dc3cb);
    }

.gt-tandc {
    padding: 2em 0 0;
    width: 100%;
}

    .gt-tandc p {
        margin: 0;
        padding: 0;
        font-size: 12px;
        width: 100%;
        text-align: left;
        font-weight: 400;
    }

    .gt-tandc span {
        color: #0f9c75;
        font-weight: 600;
    }

        .gt-tandc span a {
            text-decoration: none;
            color: #0f9c75 !important;
        }

.HMallstorypage .storylefthandside {
    width: 25%;
    float: left;
    padding: 15px;
    background: #fff;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}

.HMallstorypage .hmwriteyourstortypost {
    display: flex;
    position: fixed;
    height: 100%;
    width: 100%;
    padding: 0;
    left: 0;
    right: 0;
}

.HMallstorypage .hm-active-stories-sec {
    height: 100%;
    margin: 0;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    padding: 0 0 140px;
}

.HMallstorypage .hmactive-timeline {
    margin: 0 6px 5px 0;
}

.HM-storourse .dropdown-menu {
    border-radius: 10px;
    top: 0;
    margin: 12px 0 0;
    min-width: 15rem;
    padding: 10px 5px;
    overflow: hidden;
    border: none;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
}

.HM-storourse .dropdown-item {
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 5px;
    margin: 0 0 10px;
}

.HM-syoutimelines .slideshow-container,
.HMstroriesframeset {
    border-radius: 20px;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.HM-storourse span img,
.LMsharemdl-header span img {
    width: 25px;
}

.HM-storourse span {
    padding: 0 10px 0 0;
}

.HM-storourse .dropdown-item.active,
.HM-storourse .dropdown-item:active {
    background-color: #bbffde;
}

.HM-syoutimelines {
    padding: 0;
    display: flex;
    height: 100%;
    align-content: center;
    align-items: center;
}

    .HM-syoutimelines .slideshow-container {
        width: 100%;
        display: flex;
    }

.HMstroriesframeset {
    background: #333;
    width: 30%;
    margin: 0 auto;
}

    .HMstroriesframeset .file-content,
    .Hm-eventcategory .create-new-group1 {
        position: static;
    }

    .HMstroriesframeset
    .ivm-view-attr__img-wrapper--use-img-tag
    .ivm-view-attr__img--centered {
        object-position: center;
        object-fit: cover;
    }

    .HMstroriesframeset .feed-shared-image__image {
        width: 100%;
        height: 100%;
    }

.vg-setting-parent .vg-sidebar .vgtalks-contact {
    border-radius: 10px;
    border: none;
    overflow-y: hidden;
    height: 100%;
    position: fixed;
    padding: 20px 10px 100px;
    width: 340px;
    scroll-width: no;
    scroll-behavior: smooth;
    scrollbar-width: none;
    background: #fafafa;
}

.vg-setting-parent .tm-pagination-sec p {
    text-align: left;
    position: static;
    margin: 0;
    padding: 3px 0 0;
    color: #020202;
}

.HMtimeliner a,
.irs--round .irs-max,
.irs--round .irs-min,
.vg-setting-parent .tm-pagination-sec .pagination li a {
    color: #fff !important;
}

.hm-writtenstory .sf-wac {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: #fafafa;
    padding: 8px;
    width: 100%;
    border-radius: 4px;
    font-size: 14px;
    min-height: 140px;
    outline: 0;
    color: #020202 !important;
    border: 1px solid #e5e5e5;
    resize: none;
    height: 140px;
    overflow: overlay;
}

.hm-story-typography .btn {
    width: 100%;
    text-align: left;
    background: #fafafa;
    border: 1px solid #e5e5e5;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
}

.hm-story-typography,
.hmgroupfigure {
    margin: 20px 0;
}

    .hm-story-typography .btn.focus,
    .hm-story-typography .btn:focus {
        outline: 0;
        box-shadow: none;
        border-color: #7d15e6;
    }

    .hm-story-typography .dropdown-toggle::after {
        float: right;
        margin: 10px 0;
    }

    .hm-story-typography .dropdown-menu {
        min-width: 100%;
        font-size: 14px;
    }

    .hm-story-typography .dropdown-item.active,
    .hm-story-typography .dropdown-item:active {
        background-color: #7d15e6;
    }

.hm-groupcreattor-sec,
.hm-groupcreattor-sec.HMdetailedhashtags,
section.hmuserawrds-sec {
    margin: 8em 0 0;
}

.hm-groupcreattor-secinner {
    position: relative;
    margin-bottom: 20px;
}

.hm-ctgroup-topsec {
    padding: 20px;
    text-align: center;
    /*background: linear-gradient(to bottom, #7d15e6, #6908ca);*/
    border-radius: 20px 20px 0 0;
    position: relative;
    background: linear-gradient(103deg, #1f6fd3 12.34%, #408ef0 94.58%) !important;
}

.hm-groupcreattor-secinner .vgtalks-searchsec .input-group {
    border-radius: 50px;
    margin: 0 auto;
    width: 50%;
}

.hm-ctgroup-topsec h2 {
    padding: 0;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
}

.hm-groupcreattor-midsec {
    border-radius: 0 0 20px 20px;
    background: #fff;
    padding: 0;
}

    .hm-groupcreattor-midsec .nav-link {
        font-weight: 600;
        display: block;
        padding: 0.8rem 1rem;
    }

    .hm-groupcreattor-midsec #nav-tabContent {
        padding: 20px !important;
        background: #fff;
        box-shadow: 0 0 10px rgb(0 0 0 / 15%);
        border-radius: 0 0 20px 20px;
    }

    .hm-groupcreattor-midsec .nav-tabs .nav-link:focus{
        border-color: transparent !important;
        border-radius: 0;
        background: 0 0;
    }

    .hm-groupcreattor-midsec nav {
        box-shadow: 0 4px 10px rgb(0 0 0 / 20%);
        margin: 0;
    }

.hmgroupfigure .fa {
    background: #f7f7f7;
    width: 100px;
    height: 100px;
    color: #d3d3d3;
    font-size: 46px;
    border-radius: 50%;
    line-height: 98px;
    border: 2px solid #f3f1f1;
}

.create-hmgrouphere .sf-createpost-type .form-control:focus {
    border-color: #3f51b5;
}

.hm-privacy-option {
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 10px;
    margin: 0 0 15px;
}

.create-hmgrouphere h5 {
    text-transform: initial;
}

.hmbg-illustration {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 15px;
    background-color: #f3f2ef;
}

.HMillustration-inner ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.HMillustration-inner li {
    display: inline-flex;
    flex-wrap: wrap;
}

.rbg-gdentsshape {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    padding: 0;
    margin: 10px 5px;
    border: 2px solid #f3f2ef;
    position: relative;
    bottom: 0;
    cursor: pointer;
}

.HMillustration-inner .active {
    border: 2px solid #e5e5e5;
    box-shadow: 0 0 10px rgb(146 145 148);
    bottom: 5px;
}

.HM-insideimpactscreen {
    background: #ccc;
    height: 100%;
    align-items: center;
    align-content: center;
    display: flex;
    padding: 0 20px;
    width: 350px;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    border-radius: 5px;
    word-break: break-word;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.hmusertimeliner {
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    padding: 0 15px;
}

.HMtimerbar {
    display: flex;
    width: 100%;
}

.hmtimer-dashbar {
    background: rgba(255, 255, 255, 0.5);
    height: 4px;
    border-radius: 50px;
    width: 100%;
    margin: 0;
}

.HMtimeliner {
    margin: 30px 0 0;
    position: absolute;
    left: 12px;
    top: 0;
    z-index: 999;
    width: 95%;
}

.HMstoryrighthandside-inner video,
.hashtags-listing,
div#StoryPreviewOnChange img {
    width: 100%;
    height: 100%;
    align-content: center;
}

.HMtimeliner .hm-timline-avatar span img {
    border: 2px solid #C3DEFF;
}

.grdns1 {
    background-color: #f20089;
}

.grdns2 {
    background-color: #ff4800;
}

.grdns3 {
    background-color: #f9a620;
}

.grdns4 {
    background-color: #23cba7;
}

.grdns5 {
    background-color: #019875;
}

.grdns6 {
    background-color: #4871f7;
}

.grdns7 {
    background-color: #1e517b;
}

.grdns8 {
    background-color: #00b5cc;
}

.grdns9 {
    background-color: #9a12b3;
}

.grdns10 {
    background-color: #f7567c;
}

.grdns11 {
    background-color: #dc2f02;
}

.grdns12 {
    background-color: #f94144;
}

.grdns13 {
    background-color: #76c893;
}

.grdns14 {
    background-color: #457b9d;
}

.grdns15 {
    background-color: #004b23;
}

.grdns16 {
    background-color: #687259;
}

.grdns17 {
    background-color: #e29578;
}

.grdns18 {
    background-color: #ff0a54;
}

.hashtags-listing {
    background: #f3f2ef;
    border-radius: 12px;
    padding: 10px 15px;
    display: inline-block;
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#nav-contact .col-md-12.col-12,
#nav-profile .col-md-12.col-12,
.hm-groupcreattor-midsec #nav-home .col-md-12.col-12,
.lmsuggestion-listing .vgtalks-card {
    margin-bottom: 10px;
}

.hashtags-listing-lt p {
    color: #9f9f9f;
    margin: 0;
    padding: 0 0 0 18px;
    line-height: 14px;
}

.hashtags-listing-lt
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #1b61b3;
    background-color: #1b5fb3;
}

.hashtags-listing-lt .custom-control-label::after,
.hashtags-listing-lt .custom-control-label::before {
    width: 1.4rem;
    height: 1.4rem;
}

.hashtags-listing-lt .custom-control-label {
    padding: 0 0 5px 18px;
    font-size: 15px;
    color: #263238;
    font-weight: 700;
    display: block;
    word-break: break-word;
    line-height: 30px;
}

.hashtags-listing-lt {
    width: 90%;
    float: left;
}

.hashtags-listing-rt {
    width: 10%;
    float: right;
    text-align: center;
}

.HM-profileCS span img,
.hashtags-listing-lt .hmvlogo img {
    width: 18px;
}

.HM-hastags-here {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 20px;
}

    .HM-hastags-here p {
        margin: 0;
        padding: 0;
        color: #475B76;
    }

.HMhashtagsmodal .form-control:focus {
    border-color: #7d15e6;
}

.HM-createpostitem-type {
    margin: 0 0 20px;
    background: #fafafa;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #ced4da;
}

.HM-hastags-here a.btn {
    border-radius: 4px;
    background: #7d15e6;
    border: none;
    padding: 0 40px;
    height: 40px;
    transition-duration: 0.5s;
    font-size: 16px;
    line-height: 40px;
    color: #fff !important;
}

.HMdetailedhashtags .media {
    align-items: center;
    flex-direction: column;
    align-items: center;
    align-items: center;
}

.HMdetailedhashtags .HMtimeliner .btn {
    border-radius: 4px;
    background: #fff;
    border: none;
    padding: 0 40px;
    height: 30px;
    transition-duration: 0.5s;
    font-size: 16px;
    line-height: 30px;
    color: #1b63b3 !important;
    font-weight: 600;
    margin: 10px 0 0;
    box-shadow: 0 0 10px rgb(2 56 120);
}

.HMdetailedhashtags .HMtimeliner p {
    margin: 0;
    padding: 5px 0 0;
    color: #fff;
    font-size: 14px;
}

.HMdetailedhashtags .hm-timline-avatar span img {
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 50%;
    border: 3px solid #fff;
    padding: 4px;
}

.last-updated.font-12 {
    color: #fff;
    position: absolute;
    left: 81px;
    right: 0;
    text-align: left;
    top: 65px;
}

.HMdetailedhashtags .HMtimeliner {
    margin: 0;
    left: 0;
    top: 0;
    z-index: 999;
    position: static;
}

.HMstoryrighthandside-inner {
    margin: 0;
    padding: 10px;
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    background: #000;
    border-radius: 20px;
}

div#StoryPreviewOnChange img {
    display: flex;
    align-items: center;
    object-fit: contain;
}

div#StoryPreviewOnChange {
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.HM-profileCS a.HMFTCS {
    /*background: linear-gradient(120deg, #2f5caf 0, #4076da 100%) !important;*/
    background: #408EF0;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 15px;
    margin: 5px 0 15px;
}

.HMpostschedulelist .next:hover,
.HMpostschedulelist .prev:hover,
.create-tag-container .create-post-here .modal-header,
a.share:hover {
    background: #2f5caf;
}

.HM-profileCS span {
    padding: 0 2px 0 0;
}

.HMstoryrighthandside-inner .uploading-loader.text-center.post-loader img {
    border-radius: 10px;
    box-shadow: none;
    filter: invert(1);
    width: 100px;
    margin: -10px 0 0;
}

div#videoPreviewDiv {
    display: contents;
}

.HMstoryrighthandside-inner video {
    align-items: center;
    display: flex;
    flex-direction: column;
    object-position: center;
    position: relative;
}

.tut9u0nx {
    z-index: 222;
    background-image: linear-gradient( to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) );
}

.pmk7jnqg {
    position: absolute;
    overflow: hidden;
}

.klipsmail-class .lmsuggestion-listing .owl-next,
.klipsmain-class .lmsuggestion-listing .owl-prev,
.klipsmain-class .owl-next,
.klipsmain-class .owl-prev,
.kr520xx4 {
    top: 0;
}

.HM-album-gallery-sec
.userup-items
a
video.ivm-view-attr__img--centered.feed-shared-image__image.lazy-image.ember-view,
.album-details
.userup-items
a
video.ivm-view-attr__img--centered.feed-shared-image__image.lazy-image.ember-view,
.d23ldmr1 {
    height: 200px;
}

.HMstorybin,
.HMstorypp {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background: linear-gradient(to bottom, #6600cd, #de46ff);
    position: absolute;
    top: 0;
    z-index: 999;
    cursor: pointer;
    text-align: center;
    bottom: 0;
}

.HMstorybin {
    right: 0;
    font-size: 18px;
}

.HMstorypp {
    right: 35px;
    font-size: 12px;
}

.HMstory-dropdown .vgtalks-edityourcommect .btn {
    border: none;
    background: linear-gradient(to bottom, #6600cd, #de46ff);
}

.HMstory-dropdown .drop-row a {
    color: #020202 !important;
    padding: 5px;
    border-radius: 5px;
    transition-duration: 0.5s;
    font-size: 12px;
}

.HMstory-dropdown .vgtalks-edityourcommect .dropdown,
.klps-perrply .vgtalks-edityourcommect .dropdown {
    position: absolute;
    top: 0;
    right: 0;
}

.drop-row .fa {
    padding: 0 5px 0 0;
    font-size: 14px;
}

.HMfirsttimepopopen {
    background: #1f6fd3;
    margin: -18px 0 0;
    position: fixed;
    padding: 4em 0 0;
    background: linear-gradient(to bottom, #0080ff, #1f6fd3);
    left: 0;
    right: 0;
    height: 100vh;
    width: 100%;
}

.HM-rystr,
.HMbth-btn,
.create-new-group1,
.hminteavatar {
    position: absolute;
}

.HMcstfrmfsttme h2 {
    margin: 0;
    padding: 15px 0 5px;
    font-size: 25px;
    font-weight: 700;
    color: #263238;
}

.leads-table.hmleadstable {
    border: 1px solid #eee9e9;
    padding: 30px;
    background: #fff;
    border-radius: 20px;
}

.hmiullist .hm-scheduledinfo-icon {
    right: 35px;
    top: 23px;
    z-index: 999;
}

.hmleadstable .hmtooltip .fa {
    background: #bcffdf;
    text-align: center;
}

.HMcstfrmfsttme p {
    margin: 0;
    padding: 0;
    width: 60%;
    text-align: center;
}

.HMcstfrmfsttme a.HMFTCS {
    font-size: 16px;
    padding: 10px 50px;
    margin: 13px 0;
    border-radius: 10px;
}

.HMSTR-restart .HM-inte-btn a.HMFTCS {
    font-size: 14px;
    padding: 10px 0px;
    margin: 13px 0;
    border-radius: 10px;
}

.HMcstfrmfsttme {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fafafa;
    margin: 0 auto;
    width: 700px;
    height: 700px;
    border-radius: 50%;
    -webkit-animation: 1s linear infinite ripple-white;
    animation: 1s linear infinite ripple-white;
    -webkit-transition: 0.5s linear;
    text-align: center;
}

#storyMoreActionList {
    width: 13.5em;
    top: 35px;
    height: auto;
    background: #fafafa;
    position: absolute;
    right: 0;
    padding: 5px;
    border-radius: 10px;
    margin: 0;
    display: flex;
    flex-direction: column;
}

@-webkit-keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 163, 204, 0.1), 0 0 0 20px rgba(0, 163, 204, 0.1), 0 0 0 40px rgba(0, 163, 204, 0.1);
        box-shadow: 0 0 0 0 rgba(0, 163, 204, 0.1), 0 0 0 20px rgba(0, 163, 204, 0.1), 0 0 0 40px rgba(0, 163, 204, 0.1);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(0, 163, 204, 0.1), 0 0 0 40px rgba(0, 163, 204, 0.1), 0 0 0 60px rgba(0, 163, 204, 0);
        box-shadow: 0 0 0 20px rgba(0, 163, 204, 0.1), 0 0 0 40px rgba(0, 163, 204, 0.1), 0 0 0 60px rgba(0, 163, 204, 0);
    }
}

@keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 163, 204, 0.1), 0 0 0 20px rgba(0, 163, 204, 0.1), 0 0 0 40px rgba(0, 163, 204, 0.1);
        box-shadow: 0 0 0 0 rgba(0, 163, 204, 0.1), 0 0 0 20px rgba(0, 163, 204, 0.1), 0 0 0 40px rgba(0, 163, 204, 0.1);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(0, 163, 204, 0.1), 0 0 0 40px rgba(0, 163, 204, 0.1), 0 0 0 60px rgba(0, 163, 204, 0);
        box-shadow: 0 0 0 20px rgba(0, 163, 204, 0.1), 0 0 0 40px rgba(0, 163, 204, 0.1), 0 0 0 60px rgba(0, 163, 204, 0);
    }
}

@-webkit-keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
    }
}

@keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
    }
}

a.HMFTCS {
    background: #263238;
    font-weight: 600;
    display: inline-block;
    color: #fff !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: 0.3s ease-in-out;
}

.bbPS-button .btn,
.create-new-group1 a,
.hm-add-friend-btn a,
.refresh-icon .fa,
a.spostviewpostbtn,
div#preview,
span.HMEDIT-BIO a {
    transition-duration: 0.5s;
}

a.HMFTCS:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    background: #408EF0;
}

div#user-profile-url {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    width: 80%;
}

span#last-updated {
    color: #fff;
    display: block;
}

.HMtimeliner span {
    font-size: 12px;
    font-weight: 400;
}


.HMSTR-restart {
    display: flex;
    height: 100%;
    background: linear-gradient(to bottom, #0080ff, #1f6fd3);
    box-shadow: 0 0 20px #000;
}

.HM-inte.text-white {
    padding: 0 30px;
    text-align: center;
}

.HMSTR-restart .fa {
    color: #086ed6 !important;
}

.HMSTR-restart a {
    position: relative;
    z-index: 2;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    margin: auto;
    border-radius: 50%;
    display: block;
    -webkit-animation: 1s linear infinite ripple-white;
    animation: 1s linear infinite ripple-white;
    -webkit-transition: 0.5s linear;
    background: #e2e2e2;
    font-size: 25px;
}

.HM-inte-btn a.HMFTCS,
.HMCE-MODE-item,
.cnp-page {
    transition: 0.3s ease-in-out;
}

.HMSTR-restart-inner {
    margin: 15em 0 0;
    width: 100%;
    padding: 0;
    z-index: 999;
}

.hminteavatar {
    margin: 0;
    padding: 0;
    bottom: 0;
}

    .hminteavatar img {
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0;
    }

.HM-inte-btn a.HMFTCS {
    background: #fff;
    font-weight: 700;
    display: inline-block;
    color: #01417f !important;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    animation: none;
    height: auto;
    line-height: inherit;
    width: 100%;
}

    .HM-inte-btn a.HMFTCS:hover {
        background: #01417f;
        color: #fff !important;
    }

.HM-rystr {
    left: 0;
    right: 0;
    top: 7em;
}

.HM-inte p {
    margin: 0 auto;
    padding: 0;
    line-height: 18px;
    width: 90%;
    font-size: 14px;
    font-weight: 400;
}

.HM-inte-btn {
    width: 65%;
    margin: 0 auto;
}

.HM-birthday-schedularpost .hm-birthday-inner {
    padding: 5px 10px;
}

.bbPS-button .btn {
    background: #6600cd;
    font-size: 12px;
    font-weight: 500;
    color: #fff !important;
}

    .bbPS-button .btn:hover {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    }

.today-gy-color {
    background: #f2f2f2 !important;
}

.HM-schedular-msg textarea.form-control {
    resize: none;
    border-radius: 10px;
    outline: 0;
}

.HM-schedular-msg .form-control:focus {
    box-shadow: none;
    color: #6600cd;
}

.HM-schedular-msg .form-control::placeholder {
    color: #eaeaea;
}

.HMjLLAB.bg-white {
    padding: 10px;
    margin: 10px 0 0;
    border-radius: 10px;
    text-align: center;
}

.HM-schedular-allset h5 {
    margin: 0;
    padding: 0;
    color: #6600cd;
}

.HM-schedula-setpost-text {
    background: #fff;
    padding: 10px;
    margin: 20px 0 0;
    border-radius: 10px;
    border: 2px solid #cfcfcf;
}

.HM-schedluedpost-alllist {
    margin: 40px 0;
    padding: 15px;
}

.HM-groupinnerpagesec .hm-groupcreattor-secinner {
    overflow: visible;
}

.HM-groupinnerpagesec .create-new-group {
    right: 10px;
    top: 10px;
}

.HMbth-btn {
    top: 0;
    left: 10px;
}

.create-new-group1 a {
    background: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    padding: 0;
    box-shadow: 0 0 10px rgb(2 32 70 / 20%);
    cursor: pointer;
}

.create-new-group1 .fa {
    font-size: 16px;
    width: 35px;
    height: 35px;
    color: #408EF0;
    text-align: center;
    align-items: center;
    align-content: center;
    display: flex;
    justify-content: center;
}

.create-new-group1 {
    top: 10px;
}

.HM-postcoversec-inner {
    background: linear-gradient(to bottom, #00bcd4, #00e2fe, #00e2ff);
    padding: 4em 0;
}

.HM-midgroup-sec {
    background: #fff;
    padding: 40px 0;
    margin: 0 0 40px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    border-radius: 0 0 20px 20px;
}

.HM-postgroupjoinsec {
    background: #fafafa;
    border: 1px solid #77838f;
    border-radius: 20px;
    padding: 15px 30px;
    width: 90%;
    margin: 0 auto;
}

    .HM-postgroupjoinsec h2 {
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: space-between;
        margin: 0;
        padding: 0 0 10px;
    }

.hmuploadtype label,
div#preview {
    display: inline-block;
    cursor: pointer;
}

.text-midlight {
    color: rgba(0, 0, 0, 0.5);
}

.HM-groupuserinfo {
    margin: 40px 0 0;
}

.HMgroupaboutbio {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.HMGPBTMCTA .HMJNbtn,
.event-categoty,
.hmgroupjoinicon,
.klps-btns {
    width: 22%;
}

.HMGPBTMCTA a.hm-ss-btn.btn {
    padding: 10px 0;
    margin: 20px 0 0;
    font-size: 18px;
}

.HMGPBTMCTA {
    display: flex;
    justify-content: center;
}

.JoinGrouppost .HMJNbtn {
    float: right;
    text-align: right;
    padding-top: 12px;
}

.JoinGrouppost .hm-ss-btn.btn {
    padding-left: 40px;
    padding-right: 40px;
}

.HMJGP-OTpages {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin: 40px 0;
}

.HMJGPOTCTA .hm-ss-btn.btn {
    padding-left: 60px;
    padding-right: 60px;
}

.JoinGrouppost .writeapost {
    margin-top: 30px;
}

.HM-nomemory-sec span img,
.JoinGrouppost .txtphvi-item img {
    width: 60px;
}

.HMGPJACTIVITIESIMG img {
    width: 90px;
    height: 90px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #6600cd;
    padding: 5px;
}

.hm-groupcreattor-secinner .HM-storourse .dropdown-menu {
    margin-left: -205px;
}

.hm-groupcreattor-secinner .create-new-group a {
    text-align: left;
    box-shadow: none;
    background: #fafafa;
    border: 1px solid #fafafa;
}

    .hm-groupcreattor-secinner .create-new-group a:focus,
    .hm-groupcreattor-secinner .create-new-group a:hover {
        box-shadow: none;
        color: #020202 !important;
        border: 1px solid #d5d5d5;
    }

.hmctphotovideostory .hm-cs,
.hmctphotovideostory .hm-ss {
    margin: 0 2px;
}

section#ytplayer {
    width: 90%;
    margin-bottom: 20px;
}

.irs--round .irs-handle {
    border-color: #408EF0 !important;
}

.irs--round .irs-from,
.irs--round .irs-single,
.irs--round .irs-to,
.rs-range-color {
    background-color: #408EF0 !important;
}

.HMCE-Calendar,
.HMCE-MODE-item {
    background: #fff;
    position: relative;
    display: flex;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    border-radius: 20px;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before {
    border-top-color: #6600cd !important;
}

.preview {
    width: 100%;
    text-align: center;
    margin: 10px 0 0;
}

div#preview {
    justify-content: center;
    background: #000;
    padding: 5px 40px;
    border-radius: 10px;
    box-shadow: 0 0 10px #262626;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

    div#preview:hover {
        box-shadow: 0 0 10px #ccc;
    }

span.float-right.story-viewed-time {
    opacity: 0.5;
    text-transform: capitalize;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.hm-eventschallenge-sec .hm-ctgroup-topsec h2 {
    font-size: 30px;
    color: #020202;
    font-weight: 700;
    margin: 0;
}

.HMCCCE .sf-allpost-section {
    background: inherit;
}

.HMCCCE .HM-midgroup-sec {
    padding: 40px;
    background: #fafafa;
}

.HMCE-MODE-item h5 {
    font-size: 18px;
    padding: 0;
    font-weight: 600;
    margin: 0 0 10px;
}

.HMCE-MODE {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin-top: 30px;
}

.HMCE-MODE-item {
    padding: 20px;
    text-align: center;
    max-width: 45%;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    bottom: 0;
    cursor: pointer;
}

    .HMCE-MODE-item:hover {
        bottom: 10px;
        background: #fafafa;
    }

    .HMCE-MODE-item p {
        font-size: 14px;
        margin: 0 auto;
        padding: 0;
        width: 95%;
    }

.HMCE-cta a.hm-ss-btn.btn {
    font-size: 18px;
    width: auto;
    padding: 12px 60px;
}

.HMCED-sec textarea {
    border-radius: 20px;
    resize: none;
}

.HMCE-Calendar {
    height: 75%;
    justify-content: center;
    align-items: center;
}

.HMCED-sec textarea.form-control {
    height: 250px;
    background: #fafafa;
}

    .HMCED-sec textarea.form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #6600cd;
        outline: 0;
        box-shadow: none;
    }

.HMCT-ATTMNT,
.hmfavouritestop .hmalbumcta .hm-ss {
    float: right;
}

    .HMCT-ATTMNT a.hm-ss-btn.btn,
    .event-descbtns .hmuploadtype,
    a.hm-ss-btn.btn.designown {
        width: auto;
    }

.CT-title .form-control {
    margin: 0 auto;
    width: 50%;
    font-weight: 600;
    color: #fff;
    background-color: transparent;
    padding: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
}

    .CT-title .form-control:focus {
        background-color: transparent;
        box-shadow: none;
        border-color: #fff;
        font-weight: 600;
        color: #fff;
    }

    .CT-title .form-control::placeholder {
        color: #fff;
        opacity: 0.5;
    }

.CT-EVENTS-ACTION {
    border-top: 2px solid #bdbdbd;
    margin: 40px 0 0;
    padding: 40px;
}

    .CT-EVENTS-ACTION .hmstorypostbyyou {
        margin: 0 auto;
        width: 70%;
    }

    .CT-EVENTS-ACTION a.hm-cs-btn.btn,
    .CT-EVENTS-ACTION a.hm-ss-btn.btn {
        padding: 10px 0;
        font-size: 16px;
    }

.HMSTRVIER {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999999;
    top: 0;
}

    .HMSTRVIER .modal-dialog {
        height: 100%;
        margin: 0 auto;
    }

    .HMSTRVIER .modal-content {
        height: 100%;
        border-radius: 0;
        border: none;
    }

    .HMSTRVIER .modal-dialog-scrollable,
    .lmsuggestions-alllisting .hm-myallfriendsection {
        max-height: 100%;
    }

    .HMSTRVIER.modal-body {
        padding: 0.5rem;
    }

    .HMSTRVIER .vg-post-back-action .close {
        height: 24px;
        width: 24px;
        margin: 0;
        animation: 0;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

        .HMSTRVIER .vg-post-back-action .close img {
            width: 10px;
            padding: 0;
        }

    .HMSTRVIER .vg-post-back-action {
        position: absolute;
        top: 15px;
        left: 0;
        right: 7px;
    }

    .HMSTRVIER h5 .fa {
        padding: 0 4px 0 0;
        color: #408EF0;
    }

    .HMSTRVIER .modal-header {
        border-bottom: 3px solid #408EF0;
    }

ul.HMVIWERLISTING {
    list-style: none;
    margin: 0;
    padding: 0;
}

.HMVIWERLISTING .hmactive-timeline {
    margin: 0 0 8px;
    border: 1px solid #ededed;
    border-radius: 10px;
    padding: 5px;
}

i.HM-viewerico.fa.fa-eye {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    cursor: pointer;
    width: 28px;
    height: 28px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
}

span.HMviewer-count.font-14.font-600.color-3 {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    font-size: 12px;
}

span.HMEDIT-BIO a {
    float: right;
    font-size: 14px;
    background: #fefefe;
    padding: 7px 10px;
    border-radius: 10px;
    border: 1px solid #475b76;
}

    span.HMEDIT-BIO a:hover {
        background: #475b76;
        color: #ffffff !important;
        border: 1.5px solid #fff;
    }

.setting-table span.HMEDIT-BIO a {
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 7px;
}

.HMeventchallenge-calendar .HMCE-Calendar,
.no-cake {
    padding: 4em 0;
}

.hm-nopage-sec img,
.lmsponsercta img {
    width: 80px;
}

.no-cake img {
    width: 80%;
    padding: 0 0 10px;
}

.no-cake {
    background: #F2F7FF;
    border: 1px solid #408EF0;
    border-radius: 30px;
    padding: 10px 0;
}

.HM-albumtitle h2 {
    margin: 0;
    padding: 0;
    width: 92%;
}

.HM-albumtitle .HMbth-btn {
    top: 10px;
}

.hmctyalbum {
    margin: 0;
    padding: 30px;
}

    .hmctyalbum h2 {
        margin-bottom: 10px;
        font-size: 20px;
        margin-top: 10px;
    }

.hmctyalbum-option-item {
    display: flex;
    gap: 20px;
}

.hmctyalbum-option {
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 600;
}

.hmuralbumtitle .form-control {
    height: 50px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background: #fafafa;
    font-weight: 600;
    color: #020202;
}

    .hmuralbumtitle .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #408EF0;
        outline: 0;
        box-shadow: none;
    }

.hmuploadtype label {
    margin: 0;
    background: #1f6fd3;
    color: #fff !important;
    font-weight: 600;
    box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
    padding: 0 40px;
    border-radius: 10px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.hmuploadtype {
    margin: 0;
    padding: 0;
    width: 50%;
}

.hmalbumcta a.hm-ss-btn.btn {
    line-height: 40px;
    padding: 0 40px;
    font-size: 14px;
}

.hmctyalbum-option
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #673ab7;
    background-color: #673ab7;
}

.alluviewlist,
.ayimodal .ayitag,
.lmitseoixsx,
.lmsnduremo .most-recent-use-emoji .emoji-list-item,
.view-more-icon,
span.float-right.refresh-icon {
    cursor: pointer;
}

.hmalbumscalltoaction {
    display: flex;
    gap: 20px;
    width: 50%;
    margin: 0 auto 20px;
}

.refresh-icon .fa {
    color: #ffffff;
    background: #408ef0;
    font-size: 14px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
}

.hmcheckin-loc:hover {
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.HM-album-gallery-sec {
    margin: 0;
    padding: 20px 20px 0;
    width: 100%;
    background: #fafafa;
    border: 1px solid #e7e7e7;
    border-radius: 0;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: auto;
    max-height: 400px;
    will-change: transform;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

    .HM-album-gallery-sec .userup-items a img {
        border-radius: 10px;
        width: 100%;
        object-fit: cover;
        border: 1px solid #e7e7e7;
    }

    .HM-album-gallery-sec .dropdown-item {
        border-radius: 4px;
        background: #fafafa;
        margin: 0 0 8px;
    }

.hmphotoalbum-pana {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    border: 1px solid #efefef;
}

.hmcheckin-sec {
    margin: 0;
    padding: 0;
    position: relative;
}

.modal-header.hmcheckin-search .vgtalks-searchsec .input-group {
    border-radius: 50px;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}

.modal-header.hmcheckin-search .hm-ctgroup-topsec {
    padding: 15px 30px;
    background: linear-gradient(to bottom, #6600cd, #4c0396);
    border-radius: 0;
    width: 100%;
}

.backtopost {
    position: absolute;
    top: 9px;
    left: 16px;
    font-size: 25px;
    color: #fff;
}

.hmcheckin-loc {
    border-radius: 20px;
    border: 1px solid #efefef;
    padding: 10px;
    cursor: pointer;
    margin: 0 0 10px;
}

.hm-mark .fa {
    background: #9bd2e8;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
}

.text-gdark {
    color: #8c8c8c;
}

.hmcheckins-items {
    border-radius: 30px;
    border: 1px solid #f0f2f5;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.HM-allmemorypost-sec-inner,
.HM-nomemory-sec {
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    position: relative;
    overflow: hidden;
    float: left;
}

.hdivder {
    height: 60px;
    background: #408EF0;
}

.hmcheckins-figure img {
    object-fit: cover;
    width: 100px;
    height: 100px;
    object-position: center;
    border-radius: 50%;
    border: 3px solid #fff;
    margin: 15px 0 0;
}
.hmcheckins-info h3 a {
    font-size: 16px;
}
.hmcheckins-info p {
    margin-top: 5px !important;
}



#follwers .vgtalks-card-img,
#friendtab .vgtalks-card-img,
#vgtalks-FriendsRequests .vgtalks-card-img,
.hm-myallfriendsection .vgtalks-card-img,
.hmcheckins-figure,
.hmothfriendlist-item .vgtalks-card-img,
.lmsuggestion-listing .vgtalks-card-img,
.vgtalks-IamFollowinglist-tab .vgtalks-card-img {
    margin: 0;
}

.hmcheckins-info {
    padding: 10px 30px 30px;
}

.hmcheckins-allloc .col-12.col-md-4.text-center {
    margin-bottom: 30px;
}

.hmdottedarrow img {
    width: 30px !important;
    height: auto !important;
    border: none !important;
}

.HM-nomemory-sec {
    border-radius: 50px;
    background: #fff;
    padding: 0;
    margin: 5em 0;
    width: 100%;
}

    .HM-nomemory-sec h2 {
        margin: 0;
        padding: 50px 0;
        font-size: 40px;
        display: flex;
        align-items: center;
        gap: 20px;
        color: #3c566e;
        justify-content: center;
    }

.HM-nomemory-txtsec {
    margin: 0;
    width: 50%;
    float: left;
    padding: 35px;
}

    .HM-nomemory-txtsec hr.dashbr {
        width: 70%;
        margin: 0;
        padding: 0;
    }

    .HM-nomemory-txtsec p {
        margin: 0;
        padding: 28px 0 0;
        width: 100%;
        color: #3c566e;
    }

.HM-nomemory-midsec {
    padding: 0 0 10em;
    display: block;
    width: 100%;
    float: left;
}

.HM-allmemorypost-sec {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.HM-allmemorypost-sec-inner {
    border-radius: 20px;
    background: #fff;
    padding: 0;
    margin: 5em 0;
    width: 100%;
}

.HM-allmemorypost-header,
.allmemorypost-sec.text-center,
.hm-allcaughtup,
.hmfavouritestop {
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.bp-pp .hmuploadtype img,
.memory-icon {
    width: 50px;
}

.HM-allmemorypost-header h2 {
    color: #3c566e;
}

.HM-allmemorypost-header p,
.hm-allcaughtup h2,
.hm-allcaughtup p {
    margin: 0;
    padding: 0;
    color: #3c566e;
}

.HM-allmemorypost-header {
    padding: 30px 0;
    margin: 0;
    background: #fff;
}

.HM-allmemorypost-viewpost-sec,
.bp-coverview-sec-inner,
.lmsnduremo-inner {
    width: 80%;
    margin: 0 auto;
}

.allmemorypost-sec.text-center {
    margin-bottom: 3.5em;
    margin-top: 3.5em;
    background: #fff;
    border-radius: 20px;
    padding: 3.5em 0;
}

.purple-h {
    height: 70px;
    background: #6600cd;
}

.allcaughtup-fig img {
    width: 100%;
    margin: -50px 0 0;
}

.allcaughtup-fig {
    padding: 0 25px;
}

.hm-allcaughtup {
    border-radius: 20px;
    background: #fff;
    overflow: hidden;
    margin: 3.5em 0;
    padding: 0 0 40px;
}

.allcaughttxt {
    padding: 5px 25px;
}

label.hmdottedarrow .fa {
    padding: 0 5px;
}

.HMPPCSEC .dropdown-menu {
    margin: -4px 39px 0 !important;
}

.hmfavouritestop {
    padding: 30px;
}

.hm-favoutitesmid {
    padding: 30px;
    min-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 500px;
    margin: 30px;
}

.hmfavuserdiv .hm-timline-avatar span img {
    width: 80px;
    height: 80px;
    border: 3px solid #6600cd;
}

.hmfavi-icons {
    text-align: right;
    display: flex;
    justify-content: end;
    align-items: center;
    align-content: center;
    height: 100%;
}

.HMfavourties-user-list {
    padding: 5px 30px 20px;
    border-bottom: 2px solid #ccc;
    margin: 0 0 30px;
}

.hmfavi-icons a img:focus-within {
    filter: grayscale(1);
}

.hm-favouritesec .vgtalks-searchsec,
.hm-invitefriendsevent .vgtalks-searchsec {
    width: 50%;
    position: absolute;
    top: 7px;
    right: -120px;
}

.hm-favoutitesmid .vgtalks-searchsec {
    margin: 10px 0 40px;
    padding: 0;
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
}

.hmainvitecta {
    display: flex;
    justify-content: right;
    align-items: center;
    align-content: center;
    height: 100%;
}

a.hm-ss-btn.btn.hmctauninvite {
    background: #8b8b8b;
}

.HNCN {
    display: flex;
    justify-content: end;
}

    .HNCN .hm-ss {
        width: 15%;
    }

.hmainvitecta .hm-ss {
    width: 70%;
}

.hm-schedulinglisting .hm-ctgroup-topsec {
    background: linear-gradient(to bottom, #fff, #fff);
}

.HM-schedulingpost-sec .next,
.HM-schedulingpost-sec .prev {
    background: #408EF0;
    font-weight: 600 !important;
    line-height: 30px;
}

.hm-schedulinglisting .HM-albumtitle h2 {
    color: #020202;
    width: 100%;
}

.hm-schedulinglisting-midsec .btn .fa {
    width: 25px;
    height: 25px;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
}

.hm-schedulinglisting-midsec .table td {
    vertical-align: middle;
    font-weight: 600;
    font-size: 14px;
}

.nav-pills .show > .nav-link,
.vgtalks-searchsec-items .nav-pills .nav-link.active {
    background: #408EF0;
    border-radius: 10px;
}

.CTalbums span.HMEDIT-BIO a {
    float: none;
}

.CTalbums {
    text-align: right;
    padding: 15px 0 0;
}
.vg-clickeditems h3, vgtalks-userprofile-items h2 {
    padding-top: 15px;
}

.add-files-section-inner div#CalendarDiv {
    background: #ffff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    margin: 10px;
}

.EventCategory-eventpreview .hm-ss,
.HM-schedulingpost-sec .datepicker-inline {
    width: 90%;
    margin: 0 auto;
}

.HM-schedulingpost-sec .datepicker table tr th {
    font-weight: 800;
    color: #408EF0;
}

.HM-schedulingpost-sec .next {
    right: 33px;
    color: #fff !important;
}

.HM-schedulingpost-sec .prev {
    left: 33px;
    color: #fff !important;
}

    .HM-schedulingpost-sec .next:hover,
    .HM-schedulingpost-sec .prev:hover {
        color: #fff !important;
        background: #1F6FD3 !important;
    }

.HM-schedulingpost-sec .datepicker table tr td span.active:hover.active:hover {
    background: #7d15e6 !important;
    border-color: #7d15e6 !important;
}

.HM-schedulingpost-sec .datepicker table tr td span.focused,
.HM-schedulingpost-sec.datepicker table tr td span:hover {
    background: #7d15e6 !important;
    color: #fff;
}

.HM-schedulingpost-sec .datepicker table tr td.active.active {
    background: #408EF0 !important;
}

.HM-album-gallery-sec .cross-icon,
.HM-album-gallery-sec .deleteFileFromuploadedFiles {
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    width: 25px;
    align-items: center;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 25px;
    margin: 0;
    padding: 0;
}

#profile-albums .HM-albumtitle {
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    padding: 5px 10px;
    color: #fff;
    border-radius: 0 0 10px 10px;
}

.HMalbumdetila-sec {
    padding: 0;
    background: #fff;
    border-radius: 30px 30px 0 0;
    box-shadow: 0 0 10pc rgb(0 0 0 / 20%);
}

.album-name-details {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 0;
}

.hmalbuledit {
    position: absolute;
    right: 20px;
    top: 28px;
}

    .hmalbuledit .btn {
        background: #fff;
        border: 1px solid #fff;
        border-radius: 50%;
        outline: 0;
        font-size: 14px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        margin: 0;
        padding: 0;
    }

        .hmalbuledit .btn:focus {
            outline: 0;
            box-shadow: none;
            border-color: #ccc;
        }

.col-12.col-md-12.album-name-details {
    padding: 15px 70px;
    margin: 0 0 30px;
}

div#album-details {
    padding: 20px;
    height: calc(100vh - 250px);
    overflow-y: auto;
}

.HMalbumdetila-sec .HMbth-btn {
    position: absolute;
    top: 17px;
    left: 10px;
}

#closePostScheduleCalender {
    margin: 0;
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #475B76;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 0;
    color: #475B76;
    opacity: 1;
}

.calendar-title {
    color: #3b566e;
    font-weight: 600;
    font-size: 14px;
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px 0 10px;
}

#dp-profile-pics-list .userup-items a img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
    border: 2px solid #fafafa;
}

.HMpostschedulelist {
    padding: 15px 10px 10px 10px;
    position: relative;
    overflow: hidden;
    border-radius: 0 0 20px 20px;
}

    .HMpostschedulelist p {
        margin: 0;
        padding: 0;
        font-weight: 500;
        word-break: break-word;
    }

a.spostviewpostbtn {
    background: #fff;
    padding: 5px 30px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
    border: 1px solid #7510db;
}

    a.spostviewpostbtn:hover {
        background: #7510db;
        color: #fff !important;
    }

.HM-schedule-action .posticon-here .fa {
    margin: 0;
    padding: 0;
    background: #720ed7;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 32px;
    border-radius: 50%;
    font-size: 16px;
    transition-duration: 0.5s;
}

.HMpostschedulelist .next {
    position: relative;
    color: #fff !important;
    background: #6600cd;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    border-radius: 5px;
}

.HMpostschedulelist .prev, .HMpostschedulelist .next {
    position: relative;
    color: #ffffff !important;
    background: #d4e5ff !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    border-radius: 5px;
}

.HMpostschedulelist .disabled {
    background: 0 0;
    color: #408ef0 !important;
}

.vg-dc-pagination li a {
    padding: 0 10px;
    line-height: 30px;
    font-weight: 600;
}

.vg-dc-pagination li {
    background: #d7d7d7;
    border-radius: 5px;
    margin: 0 5px;
    padding: 0;
}

    .lmsuggestions-alllisting .vg-dc-pagination li:hover,
    .vg-dc-pagination li.active {
        background: #408ef0;
        color: #ffffff;
    }

/*.vg-innerpost-sec {
    padding: 25px 0 0;
}*/

.vgtalks-useraboutinfo {
    background: #f0f2f5;
    padding: 20px 30px 0;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #fafafa;
}
    .vgtalks-useraboutinfo h3 
    {
        font-size: 18px;
        font-weight: 600;
    }
    .vgtalks-useraboutinfo p {
        font-size: 14px;
    }

.vgpost-leftsec .vgtalks-useraboutinfo {
    background: #fff;
    padding: 0;
    border: none;
}

.sf-edityourcommect.d-flex.ml-3d-flex.ml-3 {
    margin: 0 0 0 5px !important;
    z-index: 888;
}

.h-divider {
    background: #408EF0;
    height: 60px;
}

.hm-myallfriendsection .vgtalks-card,
.hmothfriendlist-item .vgtalks-card {
    border: 1px solid #c3deff;
    overflow: hidden;
    padding: 0;
    transition:all ease-in-out 0.3s;
}
    .hm-myallfriendsection .vgtalks-card:hover,
    .hmothfriendlist-item .vgtalks-card:hover {
        border: 1px solid #408EF0;
    }

    .hm-myallfriendsection,
    .hmbpagecardlist,
    .vgtalks-userfrendslist.otuserprofile {
        max-height: 500px;
        overflow-x: hidden;
        overflow-y: auto;
        height: 100%;
    }

.HMpostseenlist .hmactive-timeline,
.business-page-list-sec,
.cnp-page {
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.hm-myallfriendsection {
    padding: 0 20px;
}

.vgtalks-userfrendslist.otuserprofile #friendtab {
    margin: 10px;
}

.hmactiondiv {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    width: 88%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    gap: 5px;
}
.vgtalks-ownprofileinner .hmactiondiv{padding:0 10px;}

.vgtalks-userfrendslist.otuserprofile {
    margin: 0;
}

.vgtalks-card.pending-request-sec {
    border: 1px solid #f3f2ef;
    overflow: hidden;
    padding: 0;
}

.hmtooltip .hmtooltiptext,
.posttooltip .posttooltiptext {
    visibility: hidden;
    padding: 5px 0;
    opacity: 0;
    transition: opacity 0.3s;
    position: absolute;
    left: 50%;
    text-align: center;
}

.vgtalks-Followerlist-tab .vgtalks-card h3 a {
    /*display: block;*/
    padding-top: 5px;
}

    .eventseeall a,
    .hmseenusername:hover,
    .lnsubscription-prcdtl .color2,
    .vgtalks-Followerlist-tab .vgtalks-card h3 a:hover,
    .vgtalks-card h3 a:hover {
        color: #408ef0 !important;
    }

.hmtooltip .hmtooltiptext {
    width: 150px;
    background-color: #020202;
    color: #fff;
    border-radius: 6px;
    bottom: 125px;
    margin-left: -75px;
    font-size: 12px;
    z-index: 999999;
}

.hm-scheduledinfo-icon .hmtooltip .hmtooltiptext {
    bottom: 40px;
}

.hmtooltip .hmtooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #020202 transparent transparent;
}

.hmtooltip:hover .hmtooltiptext,
.posttooltip:hover .posttooltiptext {
    visibility: visible;
    opacity: 1;
}

.hmtooltip .fa {
    background: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    cursor: pointer;
    color: #1f6fd3;
}

.hm-scheduledinfo-icon {
    position: absolute;
    right: 15px;
    top: 23px;
}

.posttooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000;
}

    .posttooltip .posttooltiptext {
        width: 120px;
        background-color: #555;
        color: #fff;
        border-radius: 6px;
        z-index: 1;
        bottom: 125%;
        margin-left: -60px;
        list-style: none;
    }

        .posttooltip .posttooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent;
        }

#HMcountusser .vg-post-back-action {
    right: 25px;
}

#HMcountusser.create-post-here .modal-dialog {
    max-width: 550px !important;
}

.hm-add-friend-btn a {
    margin: 0;
    padding: 5px 21px;
    font-size: 14px;
    background: #7d15e6;
    color: #fff !important;
    border-radius: 5px;
}

    .hm-add-friend-btn a:hover {
        background: #6510bc;
    }

.HMpostseenlist .hmactive-timeline {
    background: #fafafa;
    border-radius: 10px;
    position: relative;
    border-left: 0;
}

    .HMpostseenlist .hmactive-timeline:hover {
        background: #eaeaea;
        box-shadow: none;
        border-left: none;
    }

.HMBSPAGE {
    margin: 10em 0 0;
    padding: 0;
}

.business-page-list-sec {
    background: #fff;
    border-radius: 20px;
    padding: 20px 30px;
}

.business-page-tab nav {
    border-bottom: none;
    background: #e9e9e9;
    border-radius: 10px;
    padding: 10px 0;
    margin: 2em 0 0;
}

.business-page-tab .nav-tabs {
    border: none;
    width: 80%;
    margin: 0 auto;
}

.business-page-tab .nav {
    gap: 20px;
}

.interested-btnsec {
    gap: 20px;
    padding: 20px 0;
}

.hm-nopage-sec {
    padding: 5em 0;
}

    .hm-nopage-sec h5 {
        margin: 0;
        padding: 20px 0 0;
    }

.cnp-page {
    background: #6600cd;
    color: #fff !important;
    padding: 10px 40px;
    display: inline-block;
    margin: 60px 0 0;
    border-radius: 10px;
    position: relative;
    bottom: 0;
}

.bp-btn.btn,
.business-setting-icon .btn,
.checkin-link,
.events-tempcard {
    transition-duration: 0.5s;
}

.cnp-page:hover {
    box-shadow: 0 0 10px rgb(0 0 0 / 40%);
    bottom: 5px;
}

.hmbusinesstabs img {
    width: 35px;
    padding-right: 10px;
}

.businesspageheading {
    display: flex;
    justify-content: space-between;
}

.business-setting-icon .btn {
    background: #6600cd;
    color: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .business-setting-icon .btn:focus,
    .business-setting-icon .btn:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        color: #fff;
    }

.business-setting-icon .dropdown-menu {
    min-width: 25rem;
    padding: 20px;
    margin: 0.3rem 0 0 -22rem;
    border: 1px solid transparent;
    border-radius: 20px;
    width: 25rem;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.business-notification-button .fa {
    background: #6600cd;
    font-size: 20px;
    color: #fff;
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 50%;
    line-height: 28px;
    margin: 0 10px 0 0;
}

.business-setting-icon
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #6600cd;
    background-color: #6600cd;
}

.bpages-dropdown-sec {
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
}

.b-pageslist {
    width: 30%;
}

    .b-pageslist select {
        font-weight: 600;
        border-radius: 10px;
    }

    .b-pageslist .custom-select:focus {
        border-color: #6600cd;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgb(102 0 205 / 20%);
    }

.be-page-img img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

.hmbpagecardlist-inner .media {
    border: 2px solid #ccc;
    padding: 15px;
    border-radius: 15px;
}

.hmbpagecardlist {
    margin: 0 auto;
    width: 85%;
    padding: 0 20px 0 0;
}

.be-page-edit span img {
    width: 15px;
}

.be-page-edit .dropdown-item {
    background: #fafafa;
    border: 1px solid #d5d5d5;
}

.be-createdpage-item,
.bp-invitelists .be-createdpage-item {
    margin: 0 0 30px;
}

.be-page-edit .fa {
    color: #9e9e9e;
}

.hmbusinesspages-list {
    margin: 50px 0 0;
}

.HMalbumdetila-sec #album-photos-count {
    margin: 0;
    padding: 0;
    color: #020202;
    font-weight: 600;
}

.hm-albumcreation {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    margin: 7px 0 0;
}

.ctbusinesspage-form-sec {
    background: #fff;
    padding: 15px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.ct-business-form {
    margin: 10px auto;
    width: 92%;
}

.bp-pp .hmuploadtype label {
    display: flex;
    margin: 0;
    background: #fff;
    color: #020202 !important;
    box-shadow: none;
    padding: 20px 0;
    cursor: pointer;
    height: auto;
    line-height: normal;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #ccc;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
}

.ct-business-form-fields .form-control {
    border-radius: 8px;
    font-weight: 600;
    border: 2px solid #ccc;
}

    .ct-business-form-fields .form-control:focus {
        box-shadow: none;
        border-color: #6600cd;
    }

.bp-preview-sec,
.events-selectdesign .events-tempcard:hover {
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.bp-preview-sec {
    margin: 0;
    padding: 0 0 40px;
    border-radius: 20px;
    overflow: hidden;
}

    .bp-preview-sec h2 {
        margin: 0;
        padding: 10px 0;
        background: #eaeaea;
    }

.bp-coverview-sec {
    margin: 2.5em 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}

    .bp-coverview-sec .vg-talks-bgimage {
        border-radius: 0 0 20px 20px;
        height: 150px;
    }

.bp-previewimg img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.bp-previewimg {
    margin: -20px 0 20px;
    position: relative;
    padding: 0 10px;
}

    .bp-previewimg h3 {
        padding-top: 20px;
    }

.bp-about-sec {
    margin: 4.5em 0 0;
}

    .bp-about-sec .vg-talks-bgimage {
        border-radius: 0 0 20px 20px;
    }

    .bp-about-sec .bp-previewimg img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
    }

.bp-about-header {
    background: #fff;
    padding: 0 0 20px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
}

.bp-btn.btn,
.bp-nopostyet,
.eventpreview-sec,
.events-tempcard {
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.bp-mid-sec {
    padding: 2.5em 0;
}

.bp-invitelists {
    padding: 0 15px;
    margin: 20px 0;
}

    .bp-invitelists .be-page-img img {
        width: 53px;
        height: 53px;
        padding: 3px;
        border: 2px solid #6600cd;
    }

.bp-btn.btn {
    font-size: 14px;
    background: #6600cd;
    color: #fff !important;
}

    .bp-btn.btn:hover {
        background: #4d0399;
    }

.bp-about-info p {
    margin: 0;
    padding: 20px 15px;
}

.bp-nopostyet {
    padding: 8em 0;
    margin: 30px 0;
    border-radius: 20px;
    background: #fff;
    color: #6600ca;
}

.bp-ctposy-sec {
    margin: 0 auto;
    width: 80%;
}

.Hm-eventcategory .hm-ctgroup-topsec,
.eventpreview-editsec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Hm-eventcategory .CT-title {
    width: 40%;
}

.event-categoty select,
.hmEventCategory-privacy select {
    font-size: 15px;
    font-weight: 500;
    border-radius: 10px;
}

    .event-categoty select option,
    .hmEventCategory-privacy select option {
        font-weight: 500;
        background: #f3f2ef;
        color: #6600cd;
    }

.HMeventchallenge-location {
    margin: 2em 0 0;
}

    .HMeventchallenge-description .form-control,
    .HMeventchallenge-location .form-control {
        border-radius: 8px;
        background: #f7f7f7;
    }

    .HMeventchallenge-location a.hm-ss-btn.btn {
        width: auto;
        float: right;
        margin: 10px 0 0;
        display: inline-block;
    }

.event-descbtns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

    .event-descbtns .hmuploadtype label {
        width: auto;
        padding: 0.375rem 0.75rem;
        height: auto;
        line-height: inherit;
        font-size: 14px;
        box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
        transition-duration: 0.5s;
    }

.hmeventinvite-frends .form-control {
    border-radius: 8px 0 0 8px;
    background: #f7f7f7;
    font-size: 14px;
}

    .hmeventinvite-frends .form-control::placeholder {
        color: #ccc;
    }

.HMeventchallenge-location .form-control::placeholder {
    color: #ccc;
}

.HMeventchallenge-description .form-control::placeholder {
    color: #ccc;
}

.input-group-text.hmct-inviteico.text-white {
    background: #6600cd;
    border-radius: 0 8px 8px 0 !important;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
}

.hminviteuserview-ava img {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    padding: 3px;
    border: 1px solid #7d15e6;
}

.hminviteuserview {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 10px 0 0;
}

.hminviteuserview-ava-sec {
    display: flex;
    gap: 5px;
}

.EventCategory-eventpreview {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.checkin-link:hover {
    color: #589CF2 !important;
    text-decoration: underline !important;
}

.eventpreview-back .hm-ss-btn.btn {
    height: 40px;
    padding-bottom: 0;
    padding-top: 0;
    line-height: 40px;
}

.eventpreview-editsec .hm-ss-btn.btn {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.event-preview-figure {
    border-radius: 10px;
    display: flex;
    align-items: center;
    min-height: 200px;
    background: #f5f5f5;
}

.eventpreview-viewevent {
    border: 1px solid;
    padding: 15px;
    border-radius: 10px;
    margin: 30px 0;
    height: 90%;
}

.eventpreview-sec {
    border-radius: 20px;
    padding: 15px 20px;
    height: 95%;
}

.invite-previewrt .hminviteuserview-ava-sec {
    background: #fafafa;
    padding: 10px 0 0;
}

.invite-previewrt .hminviteuserview {
    border: 1px solid #ced4da;
    background: #f7f7f7;
    border-radius: 8px;
    padding: 10px;
    position: relative;
}

.eventseeall {
    position: absolute;
    right: 10px;
    top: 0;
}

.badges-text,
a.share {
    right: 0;
    position: absolute;
}

.hmeventsmainsec .hm-ctgroup-topsec {
    padding: 35px;
}

.hmeventsmainsec .hm-mainevent-midsec {
    padding: 20px;
    background: #fafafa;
}

.events-templates-sec {
    width: 95%;
    margin: 0 auto;
}

    .events-templates-sec [data-toggle="collapse"]:after {
        display: inline-block;
        font: 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f054";
        transform: rotate(90deg);
        transition: 0.25s linear;
        float: right;
    }

    .events-templates-sec [data-toggle="collapse"].collapsed:after {
        transform: rotate(0);
    }

    .events-templates-sec .card {
        margin-bottom: 15px;
        border-radius: 10px;
        overflow: hidden;
    }

    .events-templates-sec .card-header {
        padding: 15px;
        background: #6600cd;
        color: #fff;
        border-radius: 8px;
    }

        .events-templates-sec .card-header:first-child {
            border-radius: 8px 8px 0 0 !important;
        }

    .events-templates-sec h5 {
        font-size: 16px;
        color: #fff;
    }

    .events-templates-sec a {
        width: 100%;
        display: block;
    }

.templatehmlisting li {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 35px;
}

.event-announcementsec {
    margin: 0 auto;
    width: 60%;
}

.events-tempcard {
    background: #fff;
    min-height: 120px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.badges-item,
.interested-btnsec .btn,
a.ad-preview.btn,
a.awardsbtn {
    transition: 0.3s ease-in-out;
    bottom: 0;
}

.ad-avatar img,
.publish-ad-cta {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

a.events-selectdesign {
    display: inline-block;
    margin: 0 0 20px;
}

.schdeulemsgdate {
    width: 12%;
}

.media.useraboutinfo-item h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

span.error.text-danger {
    display: inline-block;
    font-size: 14px;
}

.hm-privacyrestriction-sec {
    margin-top: 7em;
}

.privacy-listing-sec ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.privacy-listing-sec li {
    font-size: 15px;
    font-weight: 500;
    padding: 0 0 15px;
}

.privacy-listing-sec .form-check {
    padding-left: 1.25rem;
}

.privacy-listing-sec .form-check-label {
    margin-bottom: 0;
    padding-left: 10px;
    padding-top: 3px;
    display: block;
    width: 100%;
    cursor: pointer;
}

.privacy-listing-sec .form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
    width: 18px;
    height: 18px;
}

.badges-item,
.hm-publish-ad,
.hmusergetbadges,
.hnjoinourteam,
a.ad-preview.btn,
a.awardsbtn {
    position: relative;
}

.hnjoinourteam {
    margin-top: 15px;
    z-index: 999999;
}

.hm-current-request {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.hm-current-request {
    width: 100%;
}

    .hm-current-request .vg-action-button a {
        border-radius: 10px;
    }

.vg-action-button {
    width: 100%;
}

a.hm-request-confirm {
    background: #408EF0;
    border: 1px solid #2069F9;
    position: relative;
    bottom: 0;
    transition: all ease-in-out 0.3s;
}

    a.hm-request-confirm:hover {
        bottom: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        border-color: #408EF0;
    }

a.hm-request-cancel {
    background: #F53872;
    border: 1px solid #cd1b52;
    position: relative;
    bottom: 0;
    transition: all ease-in-out 0.3s;
    color: #ffffff !important;
}

    a.hm-request-cancel:hover {
        bottom: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }

.adpost-innersec {
    background: #fafafa;
    border-radius: 20px;
    border: 1px solid #d5d5d5;
    padding: 30px;
    margin: 30px 0;
}

    .adpost-innersec .form-control {
        border-radius: 8px;
        border-color: #6600cd;
    }

        .adpost-innersec .form-control:focus {
            color: #495057;
            background-color: #fff;
            border-color: #7d15e6;
            outline: 0;
            box-shadow: 0 0 0 0.1rem rgb(125 21 230 / 32%);
        }

.hm-publish-ad {
    background: url("../images/adswave.svg") top right/cover #a0efff;
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    height: auto;
    margin: 0 0 15px;
    overflow: hidden;
}

.publish-ad-cta,
a.awardsbtn {
    background: #408EF0;
    color: #fff !important;
    display: inline-block;
}

.ad-avatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 3px;
    border: 4px solid #6600cd;
}

.publish-ad-cta {
    padding: 5px 50px;
    border-radius: 10px;
}

.adpost-innersec input.form-control-file {
    background: #fff;
    border: 1px solid #7d15e6;
    border-radius: 8px;
    padding: 3px;
    font-size: 14px;
}

a.ad-preview.btn {
    display: inline-block;
    justify-content: center;
    margin-top: 10px;
    background: #673ab7;
    width: auto;
    text-align: center;
    border-radius: 8px;
    padding: 10px 30px;
    color: #fff !important;
    font-weight: 500;
}

    a.ad-preview.btn:hover {
        bottom: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    }

a.awardsbtn {
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 10px;
    margin: 30px 0 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 40%);
}

.lmsuggestion-listing .vgtalks-card h3 a,
.vgtalks-card h2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.achievedtext h2,
.notachievedtext h2 {
    font-size: 30px;
    font-weight: 900;
}

a.awardsbtn:hover {
    background: #1f6fd3;
    bottom: 5px;
}

.LMppimgcrop .modal-content,
.hmjoinusmodalbox .modal-content {
    border-radius: 20px;
    border: none;
}

.hmjoinusmodalbox .modal-header {
    border-radius: 20px 20px 0 0;
    justify-content: center;
}

.jointheteam-midsec img {
    width: 80%;
    margin: -18px 0 20px;
}

.achievedtext h2,
.klpstypemsg .klps-bypublished,
.lmsuggcrd .vgtalks-card p,
a.int-btn.btn.g-recaptcha {
    margin: 0;
    padding: 0;
}

.interested-btnsec .btn {
    width: 35%;
    font-size: 16px;
    font-weight: 600;
    border-radius: 12px;
    position: relative;
    height: 42px;
    line-height: 42px;
    padding: 0;
}

.interested-btnsec .not-int-btn {
    background: #475B76;
    color: #ffffff !important;
}

.interested-btnsec .btn:hover {
    box-shadow: 0 0 8px rgb(0 0 0 / 40%);
    bottom: 10px;
}

.hmusergetbadges {
    margin: auto;
    border-radius: 20px;
    background: #fff;
    width: 90%;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    overflow: hidden;
    margin-top: 0px;
    position: relative;
    top: 0;
}

.badges-item {
    border-radius: 30px;
    padding: 0;
    background: #fafafa;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

    .badges-item:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
        bottom: 5px;
    }

.badges-img img {
    max-width: 70%;
}

.badges-text {
    top: 68px;
    left: 0;
}

.achievedtext p {
    margin: 5px 0 0;
    padding: 0;
    line-height: 16px;
}

.notachievedtext h2 {
    margin: 0;
    padding: 0;
    color: #fff;
}

.notachievedtext p {
    margin: 5px 0 0;
    padding: 0;
    line-height: 16px;
    color: #fff;
}

.hmbadgesbgcolor {
    background: #408EF0;
    min-height: 250px;
}

.hmbadges-collection {
    padding: 0 30px;
    margin: -110px 0 40px;
}

a.share {
    top: 14px;
    background: #6600cd;
    padding: 5px 27px;
    font-size: 12px;
    color: #fff !important;
    font-weight: 700;
    border-radius: 20px 0 0 20px;
    transition-duration: 0.5s;
}

.hmusergetbadges .vg-editbyowner .btn {
    background: linear-gradient( 90.73deg, #f53872 5.3%, rgba(162, 32, 223, 0.88) 94.7% );
    width: 37px;
    height: 37px;
    text-align: center;
    display: flex;
    justify-content: center;
}

    .hmusergetbadges .vg-editbyowner .btn:hover {
        border: 1px solid #9c27b0;
    }

img.lm-sharesvgico {
    color: #fff;
    width: 17px;
    height: 17px;
    filter: brightness(100);
}

.hmusergetbadges .vg-editbyowner {
    right: 10px;
}

span.lm_verified img {
    border: none !important;
    width: 16px !important;
    height:16px !important;
}



.hmuserachievedawards img {
    width: 30px;
    margin: 0;
    /*position: absolute;
    top: -21px;
    left: -5px;*/
}

a.hmuserachievedawards {
    background-color: transparent;
    padding: 0;
    cursor: pointer;
}

    .hmuserachievedawards .hmtooltip .hmtooltiptext {
        bottom: 31px;
        margin-left: -59px;
    }

.app__wrapper.css-1ng06do {
    position: unset !important;
}

.hmckhinmodal .modal-header {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999;
    border: none;
}

.hmckhinmodal .modal-content {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    border-radius: 20px !important;
    overflow: hidden;
}

.hmckhinmodal .lmbapp-close img {
    width: 30px;
}

.create-tag-container .create-post-here h5,
.create-tag-container .modal-header {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
}

.ayimodal .btn,
.ayitag,
.share-as .btn {
    transition: 0.3s ease-in-out;
}

.privacy-listing-sec-items {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
}

    .privacy-listing-sec-items span {
        position: absolute;
        left: 50px;
        margin: 0;
        padding: 0;
        line-height: 20px;
        font-size: 14px;
        font-weight: 600;
        text-transform: capitalize;
    }

    .privacy-listing-sec-items input[type="checkbox"] {
        width: 20px;
        height: 20px;
        border-radius: 10px;
        overflow: hidden;
    }

.hmchkininnermdl .autocomplete-input {
    text-align: left !important;
    padding: 0 0 0 10px !important;
}



.css-15717t0 {
    border: none !important;
    border-radius: 30px !important;
    box-shadow: rgb(0 0 0 / 20%) 0 5px 40px !important;
}

.css-83p5v1 {
    border-right: none !important;
}

.hmuserprivacy-sec {
    width: 60%;
    margin: 0 auto;
    background: #f3f2ef;
    border-radius: 30px 30px 0 0;
    border-bottom: 5px solid #ccc;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    padding: 20px;
}

.create-tag-container .create-new-group {
    top: 0;
    right: 0;
}

input#HsImage {
    font-size: 14px;
    background: #f3f3f3;
    color: #212529;
    border-radius: 10px;
}

    .vgtalks-hastags-here .form-control:focus,
    input#HsImage:focus {
        border-color: #408EF0;
        box-shadow: none;
    }

.create-tag-container .vgtalks-addpost-cta .btn {
    border-radius: 20px;
    background: #fff;
    padding: 0 20px;
    height: 32px;
    font-size: 12px;
    color: #408EF0 !important;
    font-weight: 600;
    line-height: 32px;
}

.create-tag-container .create-post-here .modal-header {
    margin: 0 0 20px;
    padding: 15px 0 !important;
}

.create-new-group {
    top: 10px;
    font-size: 14px;
}

.create-tag-container .modal-header {
    background: linear-gradient(103deg, #7cafff 12.34%, #408ef0 94.58%);
}

.create-tag-container .modal-dialog-scrollable .modal-body {
    margin: 20px 0 0;
}

.create-tag-container .modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
}

a#hidecreatetag {
    margin-top: -10px;
}

.create-tag-container .vgtalks-addpost-cta {
    top: 28px;
}

#hminterestmodal .modal-footer {
    justify-content: center;
    width: 80%;
    margin: 0 auto;
    border: none;
}

.ayimodal .modal-dialog {
    max-width: 650px;
}

.ayimodal .modal-header,
.bootbox .modal-footer,
.hmchkininnermdl .modal-footer {
    justify-content: center;
}

.ayimodal .modal-content {
    overflow: hidden;
    border-radius: 15px;
}

.ayimodal .btn {
    width: 40%;
    border-radius: 10px;
    position: relative;
    bottom: 0;
}

.ayi-cancta {
    background: #f0f2f5 !important;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    font-size: 14px;
    color: #020202 !important;
    font-weight: 600 !important;
}

.ayimodal .btn:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    bottom: 5px;
}

.ayi-all tagssec {
    background: #f3f3f3;
    border: 1px solid;
    border-radius: 20px;
}

.inner-ayi-all {
    background: #f3f3f3;
    border-radius: 20px;
    border: 1px solid #ebebeb;
    margin: 10px;
    padding: 15px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.ayitag {
    background: #fff;
    border-radius: 10px;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    /* border: 1px solid #ececec !important;*/
    outline: none !important;
}

    .ayitag:active,
    .ayitag:focus {
        background: #1e6dcf;
        /* border: 1px solid #35006a;*/
        color: #fff;
    }

.mt-8em {
    margin-top: 8em;
}

.ayi-all p {
    padding-left: 0;
    text-align: center;
}

.hashtagallsection .modal-body,
.lmsuggcrd .vgtalks-card {
    padding: 0;
    overflow: hidden;
}

.HM-schedulingpost-sec,
.createhastaghere,
.cyhclass .modal-body,
.suite-createpost {
    padding: 0 1.8rem 0.5rem;
}

.sf-createpost-type.create-post-icongrid {
    margin: 0 1.8rem 1.8rem;
}

.hastag-sec .hm-ctgroup-topsec {
    border-radius: 0;
}

.hastag-sec .hm-groupcreattor-midsec #nav-tabContent {
    box-shadow: none;
    padding-bottom: 20px !important;
}

.cyhclass .modal-body {
    box-shadow: none;
}

.sayhi-sec p {
    position: absolute;
    right: 0;
    top: -32px;
    padding: 0;
    margin: 0;
    background: #000;
    background: linear-gradient(120deg, #2f5caf 0, #4076da 100%);
    color: #fff;
    padding: 5px 15px;
    border-radius: 10px;
    font-family: Poppins, sans-serif;
    box-shadow: 5px 5px #0b41b8;
}

.sayhi-sec img {
    width: 20px;
    margin: 0 0 0 8px;
}

.sayhi-sec a {
    display: flex;
    align-items: center;
}



.congrtesmodal .modal-content,
.lmsuggestion-title-sec a,
.postgridsec:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.checkinmapcontiner,
.viewfiles_div {
    margin: 0 1.8rem 0.5rem;
}

    .viewfiles_div .close {
        top: 30px;
        right: 60px;
    }

.noresultfoundcontainer {
    position: relative;
    margin: 0;
    padding: 0;
}
    .noresultfoundcontainer h4 {
        padding: 0 0 20px;
        font-size: 16px;
    }


.lmawrds-set1,
.lmawrds-set2,
.lmawrds-set3,
.lmawrds-set4,
.lmclose-class {
    position: absolute;
}

.nopostsection img {
    width: 100px;
}

.nomessageimage {
    width: 100px !important;
}

.hashtagscontainer img {
    width: 100px;
}

.modal-body.createhastaghere {
    margin: 22px 0 0 !important;
}

.cong-font {
    font-size: 35px;
    text-align: center;
    padding: 50px 0 0;
    color: #263238 !important;
    font-weight: 800;
    letter-spacing: 0;
}

.lm-hppynote,
.lmnextlevel {
    color: #263238;
    font-weight: 600;
}

.cong-card-btm h3 {
    font-weight: 700;
    font-size: 22px;
    text-transform: capitalize;
}

.congrtesmodal .modal-body {
    padding: 0;
    margin: 0;
    position: relative;
}

.congrtesmodal hr.dash {
    margin: 10px auto 15px;
    width: 15%;
    border-width: 4px;
    border-color: #263238;
    padding: 0;
    border-radius:15px;
}

.lm-awrdstype {
    padding: 10px 0 15px;
}

p.lmnextlevel {
    margin: 15px 0 0;
    width: 100%;
}

p.lmnextlevel {
    margin: 15px 0 0 !important;
    text-align: center;
    width: 100% !important ;
}

.lmnextlevel {
    font-size: 14px;
}

.lm-hppynote {
    font-size: 20px;
    line-height: 28px;
    padding: 15px 15px 0 !important;
}

.lmbadgename {
    font-weight: 600 !important;
    font-size: 14px !important;
    background: #263238;
    color: #ffffff;
    display: inline;
    padding: 8px 25px !important;
    border-radius: 12px;
    font-size: 18px;
}

.congrtesmodal .modal-content {
    border-radius: 30px;
    overflow: hidden;
    border: none;
    padding: 0;
}

.lmclose-class {
    right: 0;
    top: 0;
}

.congrtesmodal.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-shadow: none;
    opacity: 1;
    z-index: 999;
}


.cong-card-top {
    background: #6600cd;
    height: 110px;
}

#cometchat__widget,
.lm-badges-icon {
    height: auto !important;
}

.lmawrds-set1 {
    top: -8px;
    left: -3px;
}

    .lmawrds-set1 img,
    .lmawrds-set2 img {
        width: 135px;
    }

.lmawrds-set2 {
    top: -8px;
    right: 10px;
}

.lmawrds-set3 {
    bottom: 30%;
    left: 5px;
}

    .lmawrds-set3 img,
    .lmawrds-set4 img {
        width: 110px;
    }

.lmawrds-set4 {
    bottom: 30%;
    right: 5px;
}

.congrtesmodal .modal-footer {
    justify-content: center;
    border: none;
    padding: 0 0 20px;
}

.cong-card-avatar {
    text-align: center;
    margin: -75px 0 0;
    position: relative;
    z-index: 999999;
}

    .cong-card-avatar img {
        border-radius: 50%;
        width: 120px;
        height: 120px;
        border: 4px solid #fcbd17;
    }

.cong-card-btm p {
    margin: 0 auto;
    width: 80%;
    padding: 0;
}

.share-as {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px !important;
}

    .share-as .btn {
        width: 40%;
        background: linear-gradient(120deg, #408EF0 0, #7CAFFF 100%) !important;
        border-radius: 10px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        position: relative;
        bottom: 0;
        border:none;
    }

        .share-as .btn:hover {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
            bottom: 5px;
            color: #fff;
        }

.toprtelements img {
    width: 63%;
    image-rendering: optimizequality;
    opacity: 1;
    transform: rotate(5deg);
}

.toprtelements {
    position: absolute;
    left: -40px;
}

.topltelements {
    position: absolute;
    right: -40px;
}

    .topltelements img {
        width: 59%;
        image-rendering: optimizequality;
        opacity: 1;
        transform: rotate(-249deg);
    }

.startdust {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

    .startdust img {
        width: 200px;
        z-index: 999;
        position: relative;
    }

.singlestar {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    top: 132px;
    z-index: 999999;
}

.col-12.col-md-3._uservideos.user-post-section-videos-list a.redirectpost-btn {
    bottom: 5px;
    padding: 0 15px;
}

a.redirectpost-btn {
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
    color: #fff !important;
    font-size: 12px;
    padding: 5px 15px;
    border-radius: 0 0 10px 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    transition-duration: 0.5s;
}

.hastag-sec .vgtalks-searchsec .form-control {
    background-color: transparent !important;
    margin-left: 0 !important;
    text-transform: capitalize;
}

.singlehashtage-section {
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    background: #fff;
    border-radius: 30px;
    margin-top: 7em;
    margin-bottom: 2em;
}

.usedhashtag-avatar img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 3px solid #e1e1e1;
}

a.followpage.btn {
    background: #6600cd;
    color: #fff !important;
    font-size: 14px;
    margin: 0;
    padding: 3px 30px;
    border-radius: 10px;
    transition-duration: 0.5s;
}

.singlehashtagepage-items {
    padding: 0;
    border-top: 2px solid #e9e9e9;
    margin: 40px 0 0;
}

.postgridsec {
    background: #fff;
    border-radius: 15px;
    transition-duration: 0.5s;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.allvwemoicon,
.lmdlurctacc {
    transition: 0.3s ease-in-out;
}

.editavatar {
    position: absolute;
    text-align: center;
    right: 0;
    bottom: 24px;
}

    .editavatar .fa {
        background: #673ab7;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        line-height: 25px;
        color: #fff;
        font-size: 14px;
    }

.singlehashtagepage-top h2 {
    word-break: break-all;
    line-height: 30px;
    padding: 0 0 5px;
}

.postgridsec img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 200px;
}

.postgridsec
video.ivm-view-attr__img--centered.feed-shared-image__image.lazy-image.ember-view {
    border-radius: 15px;
    height: 200px;
}

span#notWantPostTag {
    padding: 0 0 0 8px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

#tagsCreatedByMe li {
    background: #1d5db5;
    color: #fff;
    border-radius: 0;
    font-size: 14px;
    padding: 0 5px;
    margin: 0 0 4px;
    word-break: break-all;
}

ul#tagsCreatedByMe {
    padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    gap: 3px;
    flex-wrap: wrap;
}

.vgtalks-card h2 {
    word-break: break-all;
}

.post-selection-emoji .selectorFace {
    position: absolute;
    left: 43px;
    bottom: 10px;
    width: 20px;
    height: 20px;
}

.post-selection-emoji .vgtalks-care {
    background: url(vgtalks-allfaceicons.png) 0 40px / cover;
}

.post-selection-emoji .vgtalks-love {
    background: url(vgtalks-allfaceicons.png) 0 100px / cover;
}

.post-selection-emoji .vgtalks-like {
    background: url(vgtalks-allfaceicons.png) 0 300px / cover;
}

.post-selection-emoji .vgtalks-angry,
.utotreactionlist .vgtalks-angry {
    background-size: cover;
}

.post-selection-emoji .vgtalks-haha,
.utotreactionlist .vgtalks-love {
    background: url(vgtalks-allfaceicons.png) 0 140px / cover;
}

.post-selection-emoji .vgtalks-surprise {
    background: url(vgtalks-allfaceicons.png) 0 340px / cover;
}

.post-selection-emoji .vgtalks-sad {
    background: url(vgtalks-allfaceicons.png) 0 -280px / cover;
}

.post-selection-emoji .vgtalks-wow {
    background: url(vgtalks-allfaceicons.png) 0 -300px / cover;
}

@keyframes slidebg {
    to {
        background-position: 25vw;
    }
}

.rainbow {
    background-color: #6600cd;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    padding: 2px 10px;
    margin: 0;
    display: inline-block;
    font-size: 12px;
}

.rainbow-1:hover {
    background-image: linear-gradient( 90deg, #00c0ff 0, #ffcf00 49%, #fc4f4f 80%, #00c0ff 100% );
    animation: 5s linear infinite slidebg;
}

.text-white.load-more-post-likers.lemi-loader.text-center {
    margin: 25px 0 3px;
}

.emojilikelist-modal .emoji-count {
    position: absolute;
    bottom: -20px;
    text-align: center;
    width: 28px;
    font-size: 10px;
    margin: 0 auto;
    font-weight: 500;
}

.emojilikelist-modal ul#post-have-emojis {
    list-style: none;
    display: flex;
    margin: 0;
    width: 100%;
    gap: 18px;
    justify-content: left;
    align-items: center;
    position: relative;
    text-align: center;
    align-content: center;
}

.utotreactionlist .vgtalks-like {
    background: url(vgtalks-allfaceicons.png) 0 168px / cover;
}

.utotreactionlist .vgtalks-care {
    background: url(vgtalks-allfaceicons.png) 0 56px / cover;
}

.utotreactionlist .vgtalks-surprise {
    background: url(vgtalks-allfaceicons.png) 0 224px / cover;
}

.utotreactionlist .vgtalks-haha {
    background: url(vgtalks-allfaceicons.png) 0 196px / cover;
}

.utotreactionlist .vgtalks-sad {
    background: url(vgtalks-allfaceicons.png) 0 -140px / cover;
}

.utotreactionlist .vgtalks-wow {
    background: url(vgtalks-allfaceicons.png) 0 -168px / cover;
}

.utotreactionlist .selectorFace {
    width: 28px;
    height: 28px;
}

li.show-post-liker.alluviewlist {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    z-index: 999;
}

.emojilikelist-modal .searchall-btn {
    top: 22px;
    font-size: 10px;
    padding: 5px 0;
    text-align: center;
    font-weight: 500;
    width: 20%;
}

.allvwemoicon {
    position: relative;
    bottom: 0;
    z-index: 999;
}

    .allvwemoicon:hover,
    .utotreactionlist .emoactive {
        bottom: 5px;
        color: #6600cd;
        filter: drop-shadow(0px 0px 6px #ccc);
    }

    .allvwemoicon:active {
        bottom: 5px !important;
        color: #6600cd;
        filter: drop-shadow(0px 0px 6px #ccc);
    }

.utotreactionlist .selectorFace,
.utotreactionlist .vgtalks-angry {
    margin-left: 0;
}

.emojilikelist-modal a.hmseenusername h3 {
    width: 77%;
    line-height: 16px;
    font-size: 14px;
}

.alluviewlist span {
    position: absolute;
    font-size: 11px;
    margin: 2px 0 0;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
}

.classlemihome {
    background: navy;
}

.hmjoinusmodalbox h5,
.lemi-loader {
    text-align: center;
    width: 100%;
}

.hmchkininnermdl .modal-footer .btn {
    font-size: 14px;
    border-radius: 10px;
    width: 30%;
}

.notification-setting-sec {
    text-align: right;
    padding: 0 0 10px;
}

    .notification-setting-sec .vgtalks-edityourcommect {
        justify-content: end;
    }

        .notification-setting-sec .vgtalks-edityourcommect .dropdown-item {
            font-size: 12px;
            margin: 0 0 4px;
            padding: 4px 8px;
        }

        .notification-setting-sec .vgtalks-edityourcommect .dropdown-menu {
            margin: 5px 0 0 64px;
            padding: 5px;
            min-width: 11rem;
            left: -78px;
        }

.lemi-proress-slider {
    background: #fff;
    border-radius: 40px 40px 0 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding: 20px;
}

    .lemi-proress-slider h2 {
        margin: 0;
        padding: 20px 0 30px;
        font-size: 35px;
        font-weight: 700;
        color: #3b566e;
    }

.viwercounter {
    text-align: center;
    display: flex;
    justify-content: center;
}

.progressslider-mtr h3 {
    margin: 0;
    padding: 20px 0;
    font-size: 25px;
    font-weight: 700;
}

span.al-range-slider__tooltip.js-al-range-slider__tooltip {
    background: #408EF0;
    border: none;
    box-shadow: none;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}

.rt-sidebar-ad {
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    margin: 0;
}

.progress-view-icon {
    position: absolute;
    top: 59px;
    left: 3px;
    z-index: 888;
}

.progress-money-icon {
    position: absolute;
    top: 59px;
    right: 3px;
    z-index: 888;
}

.hmjoinusmodalbox .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    text-shadow: none;
    opacity: 1;
}

.rs-handle {
    background-color: #b29ada !important;
}

.rs-tooltip-text {
    font-family: inherit !important;
    font-weight: 700 !important;
    color: #6600cd;
}

.congrtesmodal .close {
    color: #fff !important;
    text-shadow: none;
    opacity: 1;
    z-index: 222;
    padding: 12px 22px !important;
}

.bootbox .modal-content {
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    border: none !important;
}

.bootbox .bootbox-body {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 5px 0;
    line-height: 24px;
    color: #263238;
}

.bootbox .modal-footer .btn {
    /* background: #7d15e6;*/
        border-radius: 10px;
        box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
        font-weight: 600;
        font-size: 14px;
        width: 40%;
        margin: 0 10px;
        border: none;
        transition: 0.3s ease-in-out;
        position: relative;
        bottom: 0;
        background: linear-gradient(103deg, #7cafff 12.34%, #408ef0 94.58%) !important;
    }

.lmppcrop-sec .modal-footer .crop-confirm,
.sf-newuserlogin.hm-newuserlogin .btn.sf-color1.bootbox-accept.text-white {
    background: #408EF0 !important;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
    font-weight: 600;
    font-size: 14px;
    color: #fff !important;
}

.bootbox .modal-dialog {
    margin: 2.75rem auto;
}

.bootbox .close {
    opacity: 1;
    margin: -12px 0 0;
}

.lm-badges-icon {
    width: 35px !important;
    border: none !important;
    margin: 0 auto;
    position: absolute;
    top: 9px;
    right: -45px;
    text-align: center;
    left: 0;
}

.lmsnduremo,
img.badges-mid {
    position: absolute;
    left: 0;
    right: 0;
}

img.badges-mid {
    text-align: center;
    top: 4.5em;
    margin: 0 auto;
    filter: invert(1);
}

.gy2 {
    filter: grayscale(1) !important;
}

.bootbox button.btn.sf-color-2.bootbox-accept.text-white.bootbox-cancel {
    background: #7d15e6;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
    font-weight: 600;
    font-size: 14px;
    color: #fff !important;
}

.bootbox button.btn.sf-color1.text-white.bootbox-accept {
    background: #f0f2f5 !important;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
    font-weight: 600;
    font-size: 14px;
    color: #020202 !important;
}

.vgtalks-card .lm-badges-icon {
    top: 35px;
    right: -50px;
}

.lmsnduremo {
    bottom: 0;
}

.lmsnduremo-inner .input-group {
    border-radius: 20px;
    padding: 2px;
    background: rgba(0, 0, 0, 0.7);
}

.lmsnduremo-inner .form-control {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

    .lmsnduremo-inner .form-control:focus {
        background-color: transparent;
        border: none;
        color: #fff;
        box-shadow: none;
    }

.lmsnduremo-inner .input-group-append .btn,
.lmsnduremo-inner .input-group-append .btn:focus {
    border: none;
    outline: 0;
    box-shadow: none;
}

.lmsnduremo-inner .form-control::placeholder {
    color: #ccc;
}

.lmrpclass {
    font-size: 10px;
    color: #333;
    margin: 0;
    padding: 0;
}

.lmindeed-sec .custom-file-label {
    height: 50px;
    padding: 0 15px;
    overflow: hidden;
    color: #263238;
    border: 1px solid #408EF0;
    border-radius: 18px;
    background: #F2F7FF;
    font-size: 14px;
    text-align: left;
    line-height: 50px;
    font-weight: 600;
    margin:0;
    text-align:center;
}

    .lmindeed-sec .custom-file-label::after {
        height: 40px;
        padding: 0 16px;
        color: #020202;
        background-color: #ccc;
        line-height: 40px;
    }

.lmindeed-sec {
    width: 80%;
    margin: 0 auto 0;
    margin-bottom: 20px;
}
.jot_img {
    padding: 0;
    text-align:center;
}

.lmsnduremo .most-recent-use-emoji ul {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    font-size: 30px;
    gap: 10px;
}

.lmsnduremo-inner .alert {
    position: relative;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 0;
    margin: 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
    top: -12px;
}

.lmaddur-intertest-sec {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

    .lmaddur-intertest-sec img {
        width: 100px;
        text-align: center;
        margin: 0 auto;
    }

.lmaddtointerst {
    margin: 20px 0 0;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    padding: 5px 20px !important;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.lm-msf-list {
    padding: 5px 0;
    background: #fff;
}

    .lm-msf-list h5 {
        margin: 0;
        padding: 0;
        color: #3b566e;
        font-size: 16px;
        font-weight: 600;
    }

.lmsuggestions-sec .vgtalks-card h3 {
    padding: 15px 0 0;
}

.lmsuggestions-sec .vgtalks-card p a {
    margin: 5px 0;
}

.lmsuggestion-title-sec {
    display: flex;
    justify-content: space-between;
    padding: 10px 0 20px;
}

    .lmsuggestion-title-sec h2 {
        color: #020202;
        font-weight: 600;
        margin: 0;
        padding: 0;
    }

    .lmsuggestion-title-sec a {
        background: #408EF0;
        font-size: 14px;
        border-radius: 8px;
        padding: 1px 15px;
        color: #fff !important;
    }

.lm-allsuggestion .vgtalks-card h3 {
    padding: 5px 0 0;
}

.lm-allsuggestion .vgtalks-card p a {
    padding: 0;
    margin: 0;
    font-size: 12px;
}

.lm-allsuggestion .h-divider {
    background: #6600cd;
    height: 48px;
    border-radius: 10px 10px 0 0;
}

.lm-allsuggestion .vg-action-button a {
    font-size: 12px;
    border-radius: 10px;
}

.lnsubscription-prcdtl {
    margin: 4.8em 0 0;
}

    .lnsubscription-prcdtl .vg-section3 {
        padding: 2em 0 0;
    }

    .lnsubscription-prcdtl .vigor-plans-info {
        border-radius: 20px;
        min-height: auto;
    }

    .lnsubscription-prcdtl .vigor-upper-info h1 {
        font-size: 40px !important;
    }

    .lnsubscription-prcdtl .vg-plan-listing ul {
        margin: 0;
        padding: 10px;
    }

    .lnsubscription-prcdtl .vigor-upper-info.text-center {
        padding: 10px 0 0;
        background: #eee1fb;
    }

    .lnsubscription-prcdtl .vg-signup-cta a {
        padding: 5px 0;
        font-size: 18px;
    }

a.reau150 {
    color: #1d5db5 !important;
    font-weight: 600;
    text-shadow: 0 0 10px #fbfbfb;
    transition-duration: 0.5s;
}

    a.reau150:hover {
        color: #0b356f !important;
    }

.lnsubscription-prcdtl .day-trial h4 {
    background: #6600cd;
    padding: 10px 0;
    margin: 0;
    color: #fff !important;
}

.lmsuggestion-listing .vgtalks-card h3 a {
    font-size: 14px;
    margin: 0;
    padding: 5px 0;
    line-height: 18px;
    transition-duration: 0.5s;
}

.lmsuggestion-listing .hmmyfriend-item {
    width: 33.33%;
}

.lmsuggestion-listing .vgtalks-IamFollowinglist-tab {
    overflow-x: scroll;
    overflow-y: auto;
    margin: 0;
    width: 100%;
    display: flex;
    gap: 10px;
}

.lm-ownreffralcode {
    display: flex;
    gap: 20px;
    width: 90%;
    align-items: center;
    margin-top: 20px;
}

.lm-getmycode {
    margin: 0;
    position: relative;
    width: 100%;
    flex: 1;
}

.how-its-work-url {
    flex: 1;
}

.lm-getmycode span {
    color: #475B76;
    font-weight: 600;
    position: absolute;
    top: -11px;
    background: #ffffff;
    left: 18px;
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 15px;
}

.lm-getmycode h5 {
    margin: 0;
    padding: 0 0 0 20px;
    font-size: 20px;
    font-weight: 600;
    border: 2px solid #408EF0;
    border-radius: 15px;
    height: 48px;
    line-height: 48px;
    letter-spacing: 5px;
    color: #263238;
}

.lmsuggestions-alllisting .pagination {
    padding-left: 38px;
}
.lmsuggpglstng .pagination {
    padding-left: 0;
}

.lmsuggestions-alllisting .prev {
    left: 12px;
}

.lmsuggestions-alllisting .vg-dc-pagination li a {
    line-height: 30px;
    font-size: 14px;
    padding: 0;
}

.lmsuggestions-alllisting .next,
.lmsuggestions-alllisting .prev {
    top: 0;
    font-size: 16px !important;
    width: 35px;
    height: 30px;
    padding: 0;
    line-height: 30px;
    background: #408EF0 !important;
    color: #fff;
}

    .lmsuggestions-alllisting .next:hover,
    .lmsuggestions-alllisting .prev:hover {
        background: #e2c6ff !important;
        color: #6f0cd2;
    }

.lmsuggestions-alllisting .next {
    left: 258px;
}

.lmsuggestions-alllisting .vg-dc-pagination li {
    width: 35px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    transition-duration: 0.5s;
}

.lmsuggestions-alllisting li.next a,
.lmsuggestions-alllisting li.prev a {
    padding: 0;
    margin: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    font-size: 18px !important;
}

.vg-dc-pagination li.next.disabled {
    opacity: 0.5;
}


.owl-nav span,
.xxxsuggbtnxxx {
    justify-content: center;
    display: flex;
}

.lmsuggestion-listing .owl-prev {
    left: 5px;
}

.lmsuggestion-listing .owl-next,
.lmsuggestion-listing .owl-prev {
    position: absolute;
    top: 40%;
    background: rgba(255, 255, 255, 0.8);
    font-family: sans-serif;
    border-radius: 50px;
    width: 35px;
    color: #333;
    font-size: 30px;
    border: none;
    transition-duration: 0.5s;
    height: 35px;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}

    .lmsuggestion-listing .owl-next:hover,
    .lmsuggestion-listing .owl-prev:hover {
        background: #fff;
        color: #6600cd;
        box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    }

.lmsuggcrd-captionsec {
    padding: 0 15px;
    margin-bottom: 10px;
}

.lmsuggcrd-card-img {
    position: relative;
    height: 150px;
}

    .lmsuggcrd-card-img img {
        width: 100%;
        height: 100%;
        /*object-fit: cover;*/
        object-position: center;
    }

.owl-nav span {
    align-items: center;
    height: 100%;
    align-content: center;
    margin: 0;
    padding: 0;
    font-family: Inter;
}

.xxxsuggbtnxxx {
    position: absolute;
    z-index: 888;
    right: 15px;
    top: 10px;
    font-size: 16px !important;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.3);
    width: 30px;
    height: 30px;
    border-radius: 50px;
    line-height: 30px;
    align-items: center;
    cursor: pointer;
}

    .xxxsuggbtnxxx .RemoveUserSuggestion {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
    }

        .xxxsuggbtnxxx .RemoveUserSuggestion img {
            width: 12px !important;
        }

.lmsponsercta {
    position: absolute;
    left: 0;
    bottom: -7px;
    display: flex;
    justify-content: center;
    right: 0;
}

.lminnersuggcrosscta .close {
    color: #fff !important;
    position: absolute;
    right: 30px;
    top: 10px;
    text-shadow: none;
    font-family: serif;
}

.lmsponsercta-cta {
    background: linear-gradient( 204.96deg, rgba(159, 116, 1, 0.94) 22.69%, rgba(245, 178, 0, 0.94) 79.05% );
    display: flex;
    justify-content: space-around;
    font-size: 9px;
    gap: 4px;
    font-weight: 500;
    border-radius: 50px;
    color: #fff;
    padding: 0 7px;
    align-items: center;
    align-content: center;
}

section.lmblkuser-singlepage {
    height: 100%;
    display: flex;
    justify-content: center;
}

.lmblkuser-singlepage .container {
    align-items: center;
    display: flex;
    justify-content: center;
    display: flex;
    align-content: center;
}

.lmspstar .fa {
    font-size: 7px;
}

.lmtimelineapostitle .lmsponsercta {
    margin: -7px 0 0;
    position: static;
}

.lm-blked-user-img img {
    width: 120px;
    margin: 0 0 20px;
}

.lm-blked-user-contentsec h4 {
    font-size: 18px;
    font-weight: 600;
}

.lm-blked-user-contentsec p {
    font-size: 14px;
    margin: 0 auto;
    width: 60%;
}

.lm-blked-user-srhpage.text-center {
    margin: 0 auto;
    width: 60%;
    border-radius: 30px;
    padding: 30px;
}

.lmretrievebutton .btn {
    margin: 0;
    padding: 5px 25px;
    background: #6600cd;
    color: #fff !important;
    border-radius: 10px;
    border: none;
    transition-duration: 0.5s;
    font-weight: 600;
}

    .lmretrievebutton .btn:hover {
        background: #7d15e6;
        box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    }

.lmretrievebutton {
    margin-top: 10px;
}

.lmbktohm {
    margin-top: 5px;
    display: block;
    font-weight: 600;
}

.lmdlurctacc {
    font-size: 14px;
    background: #f0f2f5;
    padding: 7px 20px !important;
    border-radius: 10px;
    border: 1px solid #e2e2e2;
    display: inline-block !important;
    font-weight: 600;
    width: 28% !important;
}

.lmdeldevnorms {
    font-size: 12px;
    font-weight: 400;
    color: #020202;
    padding: 12px 0 0;
    margin: 0;
    line-height: 18px;
}

.lm-metatag-container {
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding: 10px;
}

.lm-metatag-vidimag img {
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.lm-metatag-btm-sec {
    background: #e9ecef;
    padding: 5px 10px;
    border-radius: 0 0 10px 10px;
}

.lm-metatag-vidimag {
    height: 400px;
    position: relative;
}

a.action-on-my-account.lmdeactivateacc {
    display: inline;
    padding: 7px 30px;
    font-size: 14px;
    background: #f0f2f5;
    border-radius: 10px;
    border: 1px solid #e2e2e2;
    transition-duration: 0.5s;
}

    a.action-on-my-account.lmdeactivateacc:hover {
        background: #6600cd;
        border-color: #7d15e6;
        color: #fff !important;
    }

.sentfriends-requests-tab-content .vg-action-button a,
.suggestionDiv .vg-action-button a {
    font-size: 12px;
    box-shadow: 0 0 5px rgb(0 0 0 / 12%);
}

.lmsuggcrd .lm-allsuggestion .vg-action-button a,
.sentfriends-requests-tab-content a.text-white.vg-red.cancel-friend-request,
.suggestionDiv a.text-white.vg-red.cancel-friend-request {
    background: #dee2e6 !important;
    color: #020202 !important;
    font-weight: 600;
}

.klps-perrply .vgtalks-edityourcommect,
.vg-notification-container .vgtalks-edityourcommect {
    display: none !important;
}

.klps-perrply:hover .vgtalks-edityourcommect {
    display: block !important;
}

.search-keyword-user:hover .vgtalks-edityourcommect {
    display: block !important;
}

.vg-notification-container .vgtalks-edityourcommect .dropdown {
    position: absolute;
    top: 25px;
    right: 25px;
}

.vg-notification-container .vgtalks-edityourcommect .dropdown-item {
    font-size: 12px;
    margin: 0;
}

ul#ul-for-notifications-list li:last-child {
    padding-bottom: 5px;
}

.search-keyword-user .noticlose {
    font-weight: 900;
    padding-right: 5px;
}

.awardlm-type {
    margin: 0;
    padding: 10px 0;
    font-size: 20px;
}

.earnlm-type {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0;
    background: linear-gradient( 90.73deg, #f53872 5.3%, rgba(162, 32, 223, 0.88) 94.7% );
    border-radius: 0 0 30px 30px;
    color: #fff;
}

.lm-upcoming-awards {
    filter: contrast(0.5) grayscale(1) saturate(0.5);
}

.lmmb-blk-btm {
    background: #109c75 !important;
}

.HM-mblksearch .lmmb-blk-btm {
    background: #408EF0 !important
}

.btn.lmmb-blk-btm {
    padding: 0 20px;
    border-radius: 15px;
}

.HM-mblksearch .input-group .form-control:focus {
    box-shadow: none;
}

.fetchall-cta .btn {
    border-radius: 15px;
    margin: 0;
    border: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    padding-left: 1px;
    padding-right: 1px;
    position: relative;
    height: 45px;
    width: 100%;
    background-color: #475B76;
    transition: all ease-in-out 0.3s;
    bottom: 0px;
    position: relative;
}

    .fetchall-cta .btn:hover {
        bottom: 5px;
        background-color: #475B76;
    }

.blk-empty-titletext p {
    margin: 0 0 0;
    padding: 15px 0 0;
}

.blk-empty-titletext img {
    width: 150px;
}

input#SearchString:focus {
    box-shadow: none;
    border-color: #109c75;
}

.vg-setting-parent .loadMoreBlockedUsersDiv a {
    display: inline-block !important;
    width: auto;
    padding: 5px 12px;
    margin-top: 5px;
}

.user-blcked-item-top {
    display: flex;
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
}

.blk-empty-titletext p {
    color: #475B76;
}

.user-blcked-item-top .user-blcked-item {
    background: #fff;
    width: 49%;
    display: inline-block;
    padding: 10px 0;
    border-radius: 20px;
    flex-wrap: wrap;
    flex-grow: 1;
    border: 1px solid #DCDCDC;
}

.LMSPNSERTLE {
    display: flex;
    width: auto;
    margin: 0;
    padding: 3px 0;
}

.lmsponstitle {
    background: linear-gradient( 89.74deg, rgba(232, 175, 24, 0.94) 7.11%, rgba(187, 137, 5, 0.94) 99.63% );
    border-radius: 10px;
    color: #fff;
    font-size: 10px;
    margin: 0;
    padding: 0 10px;
}

.vgfeeds-innbetweensection.LM-clsforklips {
    margin-top: 20px;
    width: 75%;
}

.lmsuggpglstng {
    display: flex;
    justify-content: left;
    width: 100%;
}

    .lmsuggpglstng .next,
    .lmsuggpglstng .prev {
        position: static !important;
    }

.vg-action-button .cancel-sent-friend-request {
    background: #475B76 !important;
    box-shadow: none !important;
    display: block;
    padding: 5px 10px;
    color: #fff !important;
    margin: 8px 0 6px;
    border-radius: 10px;
    font-weight: 500;
    transition: all ease-in-out 0.3s;
    bottom: 0px;
    position: relative;
}
.vg-action-button .cancel-sent-friend-request:hover{bottom:5px; background:#408EF0 !important;}

.my-pending-requests-user .reponseclass {
    left: 0;
    top: 0;
}

.vg-nestpost-sec .inner-ayi-all {
    background: #fff;
    border-radius: 0;
    border: none;
    gap: 5px;
    justify-content: left;
    margin: 0;
    padding: 0;
}

.vg-nestpost-sec .ayitag {
    padding: 5px 8px;
    font-size: 12px;
    font-weight: 500;
}

.lminsth3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 0 0 10px;
    color: #656565;
}

.LMcandcsec {
    position: fixed;
    bottom: 30px;
    left: 0;
    right: 0;
    width: 60%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    border-radius: 30px;
    z-index: 888888;
    padding: 40px 25px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.LMcandcsec-lt {
    margin: 0;
    padding: 0;
    float: left;
    width: 60%;
}

    .LMcandcsec-lt p {
        margin: 0;
        padding: 0;
        color: #020202;
        font-size: 16px;
        font-weight: 600;
    }

.LMnope, .LMgoit {
    width: 100%;
}

    .LMgoit a, .LMnope a {
        box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.33);
        border-radius: 15px;
        color: #fff !important;
        padding: 15px 0;
        font-weight: 600;
        position: relative;
        transition: 0.3s ease-in-out;
        bottom: 0;
        display: flex;
        width: 100%;
        justify-content: center;
    }

.LMcandcsec-rt {
    margin: 0;
    padding: 0;
    float: left;
    width: 40%;
    display: flex;
    justify-content: right;
    gap: 10px;
}

.LMnope a {
    background: #333;
}

.LMgoit a {
    background: linear-gradient( 90.73deg, #2f5caf 5.3%, rgba(32, 116, 223, 0.88) 94.7% );
}

.lmallreadicon img,
.lmdelallicon img {
    width: 16px;
}

.lmallreadicon,
.lmdelallicon {
    padding: 0 3px 0 0;
}

.search-keyword-container #Success_Message {
    font-size: 14px;
    font-weight: 500;
}

a.mutual-friend-count-cl {
    display: flex;
    font-size: 11px;
    justify-content: center;
    border-radius: 10px;
    margin: 0;
    padding: 0;
}

.lmppcrop-sec .modal-footer .crop-cancel {
    background: #f0f2f5 !important;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    font-weight: 600;
    font-size: 14px;
    color: #020202 !important;
}

.lmppcrop-sec .modal-footer .btn {
    transition: 0.3s ease-in-out;
    position: relative;
    bottom: 0;
    width: 40%;
}

.Lmblgherobanner {
    margin: 0;
    padding: 95px 0 0;
    position: relative;
}

.blgpagebody-title {
    margin: 0;
    padding: 30px 0;
    font-size: 30px;
    color: #020202;
}

.lm-blogtxt {
    position: absolute;
    bottom: 2.4em;
    width: 50%;
    margin: 0 auto;
    font-family: Poppins, sans-serif;
}

    .lm-blogtxt h2 {
        font-weight: bold;
        font-size: 50px;
        letter-spacing: 2px;
    }

    .lm-blogtxt p {
        font-size: 18px;
        font-weight: 300;
        color: #c5c5c5;
        margin: 0;
    }

.lmblgpost {
    background: #fff;
    border-radius: 20px;
    border: 2px solid #ebebeb;
    position: relative;
    overflow: hidden;
    margin: 0 0 20px;
}

.lmblgpostbdytxt h5 {
    margin: 0;
    padding: 0;
    font-size: 20px;
}

.lmblgpostbdytxt .post-date {
    color: #9d9d9d;
}

.LMblgpager ul {
    list-style: none;
    display: flex;
    gap: 5px;
    padding-bottom: 20px;
    padding-left: 0;
}

.next-page,
.previous-page {
    font-weight: 600;
    color: #0b41b8;
}

li.individual-page a {
    color: #3b566e !important;
    background: #eaeaea;
    padding: 2px 18px;
    border-radius: 50px;
}

.current-page span {
    color: #fff;
    background: #408EF0;
    padding: 2px 18px;
    border-radius: 50px;
}

.lmdtlpage.lmblogpost-page h2 {
    margin: 0 0 3px;
    padding: 0;
}

.lmdtlpost-body h2 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
}

.lmdtlpost-body p {
    font-size: 14px;
    margin: 0;
    padding: 5px;
}

.lmblgpost-date span {
    color: #9d9d9d;
    padding: 0 0 10px;
}

.lmblgpost-img {
    width: 40%;
    height: 35.5vh;
}

    .lmblgpost-img img {
        border-radius: 20px;
        width: 100%;
        height: 100%;
        object-fit: fill;
        object-position: center;
    }

.blog-details .tags ul {
    list-style: none;
    padding: 0 0 20px;
    margin: 0;
}

.blog-details .tags li {
    display: inline-block;
    padding: 0;
    margin: 0 0 2px;
}

.blog-details li a {
    background: #408EF0;
    padding: 2px 10px 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    color: #fff !important;
    line-height: 12px;
}

.lmbackpage a,
.lmblgpostbdytxt .read-more,
span.lmallblglist a {
    background: #f0f0f0;
    color: #0b41b8 !important;
    transition-duration: 0.5s;
}

.lmblgpostbdytxt .read-more {
    font-size: 12px;
    text-align: center;
    float: right;
    padding: 3px 20px;
    border-radius: 8px;
    border: 1px solid #408EF0;
}

    .lmbackpage a:hover,
    .lmblgpostbdytxt .read-more:hover,
    span.lmallblglist a:hover {
        background: #408EF0;
        color: #ffffff !important;
        border: 1px solid #fff;
    }

.Lmblgherodtlbanner img {
    width: 100%;
    border-radius: 10px;
}

.lmbackpage {
    padding: 110px 0 15px;
    text-align: right;
}

    .lmbackpage a {
        font-size: 12px;
        text-align: center;
        padding: 5px 20px;
        border-radius: 5px;
        border: 1px solid #0b41b8;
    }

span.lmallblglist a {
    font-size: 14px;
    padding: 5px 20px;
    text-align: right;
    margin: 5px 0;
    float: right;
    border-radius: 5px;
    border: 1px solid #0b41b8;
}

.lmmidcnt-sec {
    background: #fff;
    padding: 20px;
    border-radius: 30px;
    border: 1px solid #ededed;
}

span.lmbacktoawards {
    position: absolute;
    right: 15px;
    top: 16px;
    color: #475B76;
    background: #ffffff;
    padding: 4px 14px;
    border-radius: 10px;
    font-size: 12px;
    transition-duration: 0.5s;
}

    span.lmbacktoawards:hover {
        background: #1f6fd3;
        color: #ffffff;
    }

.popLMgftcrd .modal-content {
    border-radius: 80px;
    background: linear-gradient(66.27deg, #577bf9 1.5%, #0085ff 95.15%);
    padding: 0 20px;
}

.popLMgftcrd .modal-dialog {
    max-width: 750px;
}

#story-price-english-content-tittle {
    margin: 0;
    padding: 15px 0 5px;
    color: #fff !important;
    font-size: 35px;
    font-weight: 600;
}

.LMgftsection-top {
    margin: 0;
    padding: 0;
    color: #fff !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 32px;
    width: 100%;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
}

    .LMgftsection-top p {
        margin: 0;
        padding: 0;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        line-height: 32px;
    }

.klps-publisvid p,
.klps-txt p {
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.LMgftsection-mid img {
    width: 80%;
    padding: 20px 0 0;
}

.LMGVDLR {
    font-size: 35px;
    line-height: 40px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.LMokaybtnforal,
p#enable-okay-btn-timer {
    font-size: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}

.LMokaysecforuser {
    text-align: center;
    padding: 30px 0;
}

.LMokaybtnforal {
    background: linear-gradient(94.24deg, #ffd372 4.55%, #e4a022 99.14%);
    border-radius: 15px;
    padding: 12px 90px;
    font-weight: 600;
    color: #020202 !important;
    transition: 0.3s ease-in-out;
    position: relative;
    bottom: 0;
    letter-spacing: 1px;
}

.lmtcapply,
p#enable-okay-btn-timer {
    margin: 0;
    padding: 0;
    text-align: center;
}

.lmtcapply {
    font-size: 12px;
    color: #fff;
}

.disable-ok-btn {
    opacity: 0.5;
}

p#enable-okay-btn-timer {
    text-transform: capitalize;
    background: #05244f;
    position: absolute;
    bottom: 30px;
    right: 10px;
    width: 80px;
    line-height: 80px;
    height: 80px;
    border-radius: 50px;
    font-weight: 700;
    color: #f6c156;
    transition: 0.5s ease-in-out;
}

.lmnoneblg {
    padding: 1.5em 0;
}

    .lmnoneblg img {
        padding-bottom: 10px;
    }

.klipstags {
    padding: 5px 15px;
    font-weight: 500;
    font-size: 14px;
    margin: 0 auto;
    border-radius: 15px;
    border: 2px solid #e4e4e4;
    background: linear-gradient(134deg, #e9e9e9 0, #ededed 100%);
    cursor: pointer;
}

.klips-inner {
    width: 92%;
    margin: 0 auto;
}

.klipsmain-class {
    margin: 0;
    padding: 7em 0 1em;
    background: #fff;
    height: 100%;
}

.bottom-bar,
.klipstags.active,
.klipstags:hover {
    background: linear-gradient(134deg, #7cafff 0, #408ef0 100%);
}

.klips-main .owl-carousel.owl-loading {
    opacity: 1;
    display: flex;
    width: 100%;
    gap: 10px;
}

.storylefthandside .struserloader img {
    border-radius: 0;
    box-shadow: none;
    width: 70px;
    margin: 0;
}

.klipsmain-class .owl-item {
    width: auto !important;
}

.klipsmain-class .lmsuggestion-listing .owl-next {
    right: -59px;
}

.klipsmain-class .lmsuggestion-listing .owl-prev {
    left: -64px;
}

.klipstags.active,
.klipstags:hover {
    border-radius: 15px;
    border: 2px solid #fff;
    color: #fff;
}

.bottom-bar {
    border-radius: 15px;
    height: 5px;
    width: 98%;
    margin: 30px auto 0;
}

.klp-flist h2 {
    color: #475b76;
    font-size: 22px;
    font-weight: 600;
    padding: 30px 0;
    margin: 0;
}

.klip-alllist {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: space-around;
}

.klps-item {
    width: 15.95%;
    gap: 10px;
    cursor: pointer;
}

.klps-publisvid img {
    width: 100%;
    min-height: 250px;
}

.klps-publisvid {
    position: relative;
    width: 100%;
    transition: 0.3s ease-in-out;
}

.klps-singlereel,
.klpsframeset {
    width: 60%;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.klps-publisvid p {
    font-size: 12px;
    margin: 0;
    padding: 10px 15px;
    position: absolute;
    bottom: 65px;
    color: #fff;
    overflow: hidden;
    width: 100%;
    font-weight: 500;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.klp-flist {
    background: #fff;
    position: relative;
}

.klps-bypublished h5 {
    color: #475b76;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}

.klps-bypublished p {
    font-size: 12px;
    color: #475b76;
    margin: 0;
    padding: 3px 0 0;
}

.klps-bypublished {
    padding: 5px 0;
}

    .klps-bypublished .media a {
        display: flex;
    }

span.dotactive {
    width: 10px;
    height: 10px;
    background: #ff0d81;
    display: inline-block;
    border-radius: 50%;
    padding: 0;
    margin-right: 5px;
}

.klps-singlereel {
    padding: 0;
    border-radius: 60px;
    border: 2px solid #bbd8f6;
    background: #f2f7ff;
    overflow: hidden;
}

.klpsframeset {
    padding: 1em 0;
}

.klps-dividesec,
.klps-plysnglreels {
    padding: 0;
    height: 100%;
    display: flex;
}

.klps-plysnglreels {
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 20px;
    overflow: hidden;
}

    .klps-plysnglreels video {
        height: 100%;
        width: 100%;
        object-fit: contain;
        object-position: center;
        background: linear-gradient(180deg, #020202 0, #333 100%);
    }

.klps-dividesec {
    position: relative;
    margin: 0;
    width: 100%;
}

.klpscommentset {
    width: 40%;
    border-right: 2px solid #bbd8f6;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.klpscommentinner-class {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -15px;
    overflow: auto;
    padding: 25px;
}

.klps-vlookmainframe {
    position: relative;
    width: 60%;
    margin: 0 auto;
    justify-content: center;
    height: 100%;
    padding: 1em 0;
    overflow: hidden;
}

.klps-vlookmainframe-mini {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.klpscomment-main {
    background: #fff;
    /*height: 66%;*/
    height: 82%;
    border-radius: 30px;
    position: relative;
}

.klps-txt p {
    margin: 0;
    padding: 0 0 12px;
    color: #fff;
    font-size: 12px;
    text-shadow: 0 0 10px #000;
    overflow: hidden;
    width: 100%;
    font-weight: 500;
}

.klps-wrtpstsec {
    position: absolute;
    bottom: 58px;
    padding: 0 10px;
}

.klpstypemsg {
    border-radius: 0 0 20px 20px;
    background: linear-gradient(120deg, #2f5caf 0, rgba(32, 116, 223, 0.88) 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 12px;
}

    .klpstypemsg .form-control {
        background-color: transparent !important;
        border: none !important;
        color: #fff !important;
        font-size: 12px;
        font-weight: 400 !important;
        box-shadow: none;
        border-bottom: 1px solid #8cabd6 !important;
        border-radius: 0;
        padding: 0;
    }

        .klpstypemsg .form-control:focus {
            box-shadow: none;
            border: none;
        }

        .klpstypemsg .form-control::placeholder {
            color: #8ab5ea;
            font-weight: 400;
        }

.buttonContainer {
    display: flex;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
}

    .buttonContainer .btn {
        width: 25%;
        background: #fff;
        font-size: 12px;
        margin: 5px 0 0;
        padding: 2px 0;
        font-weight: 500;
        transition-duration: 0.5s;
    }

        .buttonContainer .btn:hover {
            background: #e9e9e9;
            color: #3b566e;
        }

.klps-toptitle {
    text-align: center;
    color: #475b76;
    border-bottom: 2px solid #475b76;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

    .klps-toptitle h2 {
        font-size: 16px;
        margin: 0;
    }

    .klps-toptitle hr {
        width: 18%;
        margin: 0 auto;
        padding: 0;
        display: inline-block;
        border-width: 3px;
        border-radius: 50px;
        border-color: #475b76;
        font-size: 16px;
    }

.rplyago,
span.klipcommentlikecount {
    font-size: 10px;
    color: #475b76;
}

.wrapcrossbox {
    position: absolute;
    top: 29px;
    right: 37px;
}

    .wrapcrossbox img {
        width: 20px;
        cursor: pointer;
    }

.klps-perrply {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    align-items: baseline;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 8%);
    margin: 0 10px 8px;
    position: relative;
    align-items: center;
}

.klps-rplyby {
    flex-grow: 1;
    width: 85%;
    padding: 0 0 0 5px;
}

.klps-rplymoji {
    flex-grow: 1;
    width: 15%;
    align-items: start;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-content: center;
    gap: 8px;
}

.rplyago {
    font-weight: 400;
    text-transform: lowercase;
}

.klpsrplyback {
    display: block;
    font-size: 12px;
    color: #475b76;
    cursor: pointer;
}

.klps-rplyby .klps-bypublished p {
    color: #263238;
    font-weight: 500;
    font-size: 14px;
    word-break: break-all;
    padding: 0 5px;
}

.heart-icon {
    font-size: 18px !important;
    color: #eaeaea;
}

.klpscolored {
    color: #ff0d81;
}

.klps-publisvid video {
    width: 100%;
    max-height: 300px;
    height: 100vh;
    border-radius: 15px;
    background: #475b76;
    background: linear-gradient(180deg, #020202 0, #333 100%);
}

a.LoadMoreklips {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    display: block;
    padding: 8px 0;
    text-align: center;
    width: 10%;
    margin: 0 auto 20px;
    border-radius: 15px;
    border: 2px solid #e1edff;
    background: linear-gradient(134deg, #7cafff 0, #408ef0 100%);
    color: #fff !important;
    letter-spacing: 0.5px;
    transition-duration: 0.5s;
}

    a.LoadMoreklips:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

.klpsframeset .klps-wrtpstsec {
    position: absolute;
    bottom: 58px;
    padding: 0 10px;
    left: 0;
    width: 100%;
}

.klps-vlookmainframe-mini .klpsframeset .klps-wrtpstsec {
    bottom: 82px;
}

.klpscomtlist {
    position: relative;
    height: 70%;
    overflow-y: scroll;
    padding: 10px 0;
}

.klps-btns a {
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.9);
    color: #475b76 !important;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5px 0;
    transition: 0.3s ease-in-out;
    position: relative;
    bottom: 0;
}

    .klps-btns a:hover {
        bottom: 5px;
        box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
    }

.klpsdtl-actbtns {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 5px 0 0;
}

.klps-arrowup {
    position: absolute;
    right: 15%;
}

.klps-arrowdown {
    position: absolute;
    bottom: 90px;
    right: 15%;
}

.klps-fullquote {
    border-radius: 20px;
    background: #fff;
    margin: 0 0 15px;
}

    .klps-fullquote .klps-bypublished {
        padding: 10px 15px;
    }

        .klps-fullquote .klps-bypublished h6 {
            text-shadow: none;
            color: #475b76;
            margin: 0;
            padding: 10px 0 0;
            line-height: 18px;
            font-size: 12px;
        }

a.LoadMoreklipComments {
    background: #f2f7ff;
    border-radius: 10px;
    padding: 5px 17px;
    transition-duration: 0.5s;
}

    a.LoadMoreklipComments:hover {
        background: rgb(0 0 0 / 30%);
        color: #fff !important;
    }

.klps-perrply .vgtalks-edityourcommect .btn {
    background-color: transparent !important;
    border: none !important;
    color: #475b76 !important;
    opacity: 1;
}

.klps-perrply .vgtalks-edityourcommect .fa {
    color: #475b76;
    font-size: 18px;
}

.klps-perrply .vgtalks-edityourcommect .dropdown-item {
    font-size: 12px;
    font-weight: 400;
    border-radius: 5px;
    padding: 2px 10px;
}

.klps-perrply .vgtalks-edityourcommect .dropdown-menu {
    border-radius: 10px;
    margin: -8px 0 0;
    padding: 2px;
    min-width: 6rem;
    right: 0;
    left: 0 !important;
}

.klps-perrply .lmallreadicon img,
.klps-perrply .lmdelallicon img {
    width: 12px;
}

.klps-perrply a.dropdown-item.editKlipComment {
    background: #e7e7e7;
}

.klps-perrply a.dropdown-item.deleteKlipComment {
    background: #f3f2f2;
}

span.showlessbodyText.showhidespan,
span.showmorebodyText.showhidespan {
    font-size: 14px;
    font-weight: 500 !important;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100%;
    color: #475b76;
    display: block;
}

.klps-rplyby span.showlessbodyText.showhidespan,
.klps-rplyby span.showmorebodyText.showhidespan {
    font-size: 12.5px;
    font-weight: 500 !important;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100%;
    color: #475b76;
    display: block;
}

.klps-rplyby .font-300.lesscomment {
    font-weight: 500;
    font-size: 12.5px;
    word-break: break-word;
    padding: 0 5px;
}

.LMsharemdl-header h5 {
    color: #475b76;
    font-weight: 600;
}

#LMsharemdl .modal-content {
    border: none;
    border-radius: 30px;
    position: relative;
}

.LMsharemdl-header .klps-toptitle {
    padding-top: 10px;
}

    .LMsharemdl-header .klps-toptitle h2 {
        padding: 10px 0 0;
    }

.LMsharemdl-header button.close {
    position: absolute;
    right: 15px;
    top: 10px;
}

.klipcommentbody span.showlesscomment.showhidespan {
    font-weight: 600 !important;
    font-size: 12px;
}

.klipcommentbody .klipcmnttext.morecomment.font-300 {
    font-size: 12.5px;
    font-weight: 500;
}

.field-via-item span.error {
    font-size: 14px;
    position: relative;
    left: 10px;
    top: 10px;
}

.invite-via-sec .iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
    margin: 0;
}

.invite-via-sec .iti {
    width: 100%;
}

.invite-via-sec .iti__selected-flag {
    height: 49px;
    border-radius: 10px 0 0 10px;
}

.invite-via-sec .iti__flag-container {
    height: 50px;
}

.invite-via-sec span.error {
    font-size: 14px;
    color: #f11e0f;
    position: static;
}

.invite-via-sec button#sendEmail {
    margin: 0;
}

span.notWantPostTag {
    font-size: 10px;
    font-style: italic;
    font-weight: 700;
    padding: 0 3px 0 5px;
}

.btn.classview-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
}

.klps-publisvid .btn.classview-btn {
    border-radius: 50px;
    background: linear-gradient( 91deg, #f53872 5.3%, rgba(162, 32, 223, 0.88) 94.7% );
    cursor: pointer;
    font-size: 12px;
    color: #fff !important;
    padding: 3px 20px;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.klps-publisvid .classview-btn {
    opacity: 0;
    transition: opacity 0.3s;
}

.classview-btn img {
    width: 16px;
    min-height: auto;
}

.pvalidationmsg.error {
    display: block;
    background: #b80d00;
    width: 80%;
    margin: 0 auto;
    padding: 7px 0;
    border-radius: 10px;
    color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.lm-classadvertise {
    background: #0B41B8;
    position: relative;
    overflow: auto;
    border-radius: 30px;
    text-align: center;
    color: #fff;
}

.lmclass-adfig {
    background: #2269F5;
    border-radius: 30px;
    margin: 0 0 10px;
}

.lm-begin {
    display: inline-block;
    justify-content: center;
    padding: 5px 40px;
    margin: 10px 0;
    background: linear-gradient(120deg, #2f5caf 0, #4076da 100%);
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: all ease-in-out 0.3s;
    position: relative;
    bottom: 0;
}

.lm-classadvertise p {
    margin: 0;
    padding: 0 10px;
}

.lm-classadvertise h6 {
    margin: 0 0 2px;
}

.lm-begin:hover {
    bottom: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.classjoindteam {
    background: linear-gradient(120deg, #1B0439 0, #33056D 100%);
}

    .classjoindteam .media-body {
        text-align: center;
        padding-right: 20px;
    }

.classjoindteam {
    border-radius: 20px;
    padding: 5px 5px;
}

    .classjoindteam h5 {
        margin: 0;
        padding: 0;
        color: #ffffff;
        letter-spacing: 2px;
        font-size: 15px;
    }

    .classjoindteam h6 {
        margin: 4px 0 0;
        padding: 2px 0;
        background: linear-gradient(120deg, #9B37FF 0, #6299FF 100%);
        letter-spacing: 2px;
        font-size: 22px;
        color: #fff;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }

.media.classjoindteam {
    align-items: center;
    color: #ffffff;
}

.lmindeed-sec .custom-file-input {
    cursor: pointer;
}

/* New Setting section CSS Start */
.vg-setting-parent .HM-Psetlftitems a {
    padding: 0;
}

.HM-Psetlftclass.vgtalks-toplft-panel {
    margin-top: 0px;
    border-radius: 25px;
}

.HM-classmngsetting {
    padding: 0 0 0 15px;
}

.vgsetting-master-sec {
    padding: 0;
    margin: 0;
    border-radius: 25px;
}

.HM-classmngsetting .vg-gereranaccountsetting h2 {
    padding: 15px 15px 0 15px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #475B76;
}

.HM-classmngsetting .vg-gereranaccountsetting hr {
    border-color: #ededed;
}

.lmacchlder {
    border: 1px solid #b08afc;
    background: #f0e9fe;
    transition-duration: 0.5s;
}

    .lmacchlder:hover {
        background: #eadfff;
    }

.lmbnkname {
    border: 1px solid #fe8647;
    background: #ffeee4;
    transition-duration: 0.5s;
}

    .lmbnkname:hover {
        background: #ffc4a6;
    }

.lmaccnber {
    border-radius: 30px;
    border: 1px solid #ffbf42;
    background: #ffe7b7;
    transition-duration: 0.5s;
}

    .lmaccnber:hover {
        background: #ffd98d;
    }

.lmroutingno {
    border-radius: 30px;
    transition-duration: 0.5s;
}

.lmroutingno {
    border: 1px solid #1dbfc1;
    background: #c2feff;
}

    .lmroutingno:hover {
        background: #96feff;
    }

.mngaccountsame {
    border-radius: 30px;
    padding: 20px 20px;
    margin: 0 0 15px;
    min-height: 100px;
}

    .mngaccountsame h5 {
        margin: 0;
        padding: 0;
        font-size: 16px;
        line-height: normal;
        font-weight: 600;
        letter-spacing: 0.25px;
        color: #475B76 !important;
    }

    .mngaccountsame h3 {
        margin: 0;
        padding: 5px 0 0;
        font-size: 16px;
        word-wrap: break-word;
        color: #263238 !important;
        font-weight: 500;
    }

    .mngaccountsame img {
        width: 30px;
        margin-right: 0.5rem !important;
    }

    .mngaccountsame .media {
        align-items: center;
    }

.vg-gereranaccountsetting .col-12.col-xl-6.col-md-6.col-sm-6 {
    padding-right: 5px;
    padding-left: 5px;
}

.class-GI {
    padding: 0 10px;
}

.class-spacelft {
    padding: 0 15px;
}

.vg-gereranaccountsetting {
    border-radius: 20px;
    padding: 0 0 10px;
}

.class-useraccsetting {
    border-radius: 20px;
    margin-top: 20px;
}

.useraccsetting-head h2 {
    padding: 15px 15px 0 15px;
    color: #475B76
}

.useraccsetting-nested {
    margin: 0 auto;
    width: 85%;
    padding-bottom: 20px;
}

.accsetting-thumbnail {
    background: #F2F7FF;
    border-radius: 30px;
    padding: 30px;
    text-align: center;
    border: 2px solid #C4DEFF;
    transition: all ease-in-out 0.3s;
    position: relative;
    bottom: 0px;
}

    .accsetting-thumbnail:hover {
        background: #D7E8FF;
        border: 2px solid #1F6FD3;
        bottom: 10px;
    }

    .accsetting-thumbnail h6 {
        padding: 10px 0;
        margin: 0;
    }

    .accsetting-thumbnail a.action-on-my-account.lmdeactivateacc {
        display: inline-block;
        padding: 8px 0;
        font-size: 14px;
        background: #f0f2f5;
        border-radius: 12px;
        border: 1px solid #e2e2e2;
        width: 60%;
        font-weight: 500;
        background: linear-gradient(120deg, #2f5caf 0, #4076da 100%);
        color: #ffffff !important;
    }

    .accsetting-thumbnail img {
        width: 90px
    }

.HM-mblksearch .input-group .form-control {
    border-radius: 15px;
    height: 45px;
    border-color: #78ACFE;
    font-size: 14px;
}

.HM-mblksearc .input-group .form-control:focus {
    box-shadow: none;
    border-color: #2F5CAF;
}

.btn.lmmb-blk-btm span {
    display: flex;
    align-items: center;
    align-content: center;
}

.lmmb-blk-btm span img {
    width: 20px;
}

.fetchall-cta img {
    width: 18px;
    margin-right: 2px;
}

.page-pririst p {
    padding: 2px 15px;
}

.hm-privacyrestriction-itemsec h3 {
    padding: 15px 20px;
    margin: 0;
    background: #6600cd;
    overflow: hidden;
    background: linear-gradient(120deg, #408EF0 0, #7CAFFF 100%);
}

.hm-classinviteuserlist .leads-table.hmleadstable {
    padding: 0;
}

.hmiullist .hmtooltip .hmtooltiptext {
    bottom: 35px;
}

.hmiullist {
    padding: 15px 15px;
    margin: 0;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

    .hmiullist h2 {
        padding: 0px !important;
    }

.table-responsive.table-striped.table-hover.hm-classinuser th {
    border: none;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 500;
    background: #408EF0;
    text-transform: capitalize;
}

.table-responsive.table-striped.table-hover.hm-classinuser {
    width: 95%;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 30px;
    background: #F2F7FF;
    margin-bottom: 30px;
}

.hm-classinuser .tm-pagination-sec p {
    color: #475B76 !important;
}

.hm-classinuser .tm-pagination-sec .pagination {
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin: 0px;
}

.hm-classinuser .tm-pagination-sec {
    padding: 15px 15px 15px 0;
    font-size: 14px;
}

    .hm-classinuser .tm-pagination-sec p {
        color: #475B76 !important;
        padding: 0 15px;
    }

td.hm-iualertclass {
    background: #f2f7ff;
}

.table-responsive.table-striped.table-hover.hm-classinuser table {
    border: none;
}

.hm-classinuser .tm-pagination-sec .pagination li {
    padding: 0 5px;
    border-radius: 10px;
    font-size: 12px;
    background: linear-gradient(120deg, #408EF0 0, #7CAFFF 100%) !important;
    margin: 0 4px 0 0;
    color: #ffffff;
}

    .hm-classinuser .tm-pagination-sec .pagination li.active {
        background: linear-gradient(to bottom, #1f6fd5, #1a75b3, #1690b0) !important;
    }

    .hm-classinuser .tm-pagination-sec .pagination li a {
        padding: 5px 10px;
    }

.hm-classinuser .table tbody tr td {
    text-align: center;
    font-size: 14px;
    padding: 0px;
    font-weight: 500;
}

    .hm-classinuser .table tbody tr td:first-child {
        font-size: 14px;
        font-weight: 500;
    }

.page-pririst .col-12.col-md-4 {
    padding-left: 5px;
    padding-right: 5px;
}

.page-pririst .vg-managing-block-content {
    width: 98%;
    margin: 0 auto;
}

.table-responsive.table-striped.table-hover.hm-classinuser tbody tr:nth-of-type(odd) {
    background-color: #E3EEFF !important;
}

.table-responsive.table-striped.table-hover.hm-classinuser tbody tr:nth-of-type(even) {
    background-color: #F2F7FF !important;
}

img.ico_pencil {
    width: 16px;
    margin: 0 !important;
    padding: 0;
}
/* New Setting section CSS End */
.create-post-here .userProfilePic img {
    width: 20%;
}

span#createpopusernme {
    width: 80%;
    font-size: 18px;
}

.vg-nestpost-sec.vg-introuser-sec p {
    font-size: 14px;
}

img.ico_noview {
    width: 50%;
}

.suite-createpost input#search-tags-select {
    text-transform: capitalize;
}

#my-input-autocomplete {
    text-transform: capitalize;
}
/* custom file input css start*/

.lm_classmemfile {
    width: 100%;
}

    .lm_classmemfile .file-input-container {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        height: auto !important;
        margin: 0 !important;
        background: #ffffff !important;
        padding: 5px !important;
        border-radius: 10px !important;
        opacity: 1 !important;
        border: 1px solid #ced4da;
    }

    .lm_classmemfile p {
        margin: 0px;
        padding: 0 0 5px;
        color: #3b566e;
    }

    .lm_classmemfile .file-label {
        background-color: #6600cd;
        color: white;
        padding: 8px 0;
        border-radius: 10px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        margin: 0;
        width: 35%;
        text-align: center;
    }

        .lm_classmemfile .file-label:hover {
            background-color: #7d15e6;
        }

    .lm_classmemfile .file-input {
        display: none;
    }

    .lm_classmemfile .file-name {
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        color: #333;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        margin: 0;
        padding: 0 !important;
    }
/* custom file input css end*/
.hm-blue {
    color: #408EF0;
}

.hm-baseblue {
    background: #408EF0;
}

.hm-basecolor {
    color: #475b76 !important;
}
.bg-basecolor {
    background: #475b76 !important;
}

.hm-basecolordark {
    color: #263238 !important;
}
.bg-basecolor{
    color:#475B76 !important;
}

.bg-basecolor-dark {
    color: #263238 !important;
}

.hm-current-request .lm_spinner img {
    width: 25px;
}

.lm_postloader {
    margin-top: -20px;
}

.refer-img {
    margin: 0 0 15px;
}

.field-via-item {
    padding: 20px;
    position: relative;
    border-radius: 30px;
    border: 1px solid #BBD8F6;
    background: #f2f7ff;
}

.hm_classSchldPost {
    width: 74%;
    margin: 0;
    padding: 0 0 0 30px;
}

.div_classSchldPost {
    border-radius: 30px;
    border: 1px solid #f0f0f0;
    background: #fff;
    position: relative;
}

.classSchldPost-title {
    padding: 15px 0;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

span.lm-ccquery {
    float: right;
    margin-right: 15px;
}

.classSchldPost-title h2 {
    color: #475b76 !important;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding: 0 30px;
}

.hm_classSchldPost .noresultfoundcontainer {
    position: relative;
    margin: 0;
    padding: 3em 0;
    background: #F2F7FF;
    border-radius: 30px;
    height: 100%;
}

.lm-toctablist {
    height: 100%;
}

    .lm-toctablist .appointment-status-contain.vgt-user-booking-list {
        background: #f2f7ff;
        position: relative;
        margin-bottom: 10px;
        border: 1px solid #ededed !important;
        border-radius: 20px;
        height: 100%;
        padding: 0 !important;
    }

    .lm-toctablist .vgt-member-info-sec {
        border-left: none;
        border-right: none;
        padding: 0 15px;
        margin: 20px 0 0;
    }

.vgt-member-name-sec {
    padding: 12px 0 10px;
    margin: 0;
}

.dropdown.lm-appdropdown {
    position: absolute;
    top: 0;
    right: 0;
}

.lm-appdropdown #lm-memdropdown {
    box-shadow: none !important;
    background-color: transparent !important;
    width: auto;
    border: none;
}

.lm-appdropdown .dropdown-toggle::after {
    content: none;
}

.lm-appdropdown .dropdown-menu.dropdown-menu-right.show {
    left: -10px !important;
}

.lm-appdropdown .dropdown-menu {
    border-radius: 15px;
    margin: -10px 0 0;
    padding: 5px;
    min-width: 12rem;
    will-change: inherit !important;
    border-color: #7CAFFF;
}

.hm_spitem h6 {
    margin: 0;
    padding: 0 0 5px;
}

.hm_spitem .media {
    align-items: center;
}

.hm_spitem {
    margin: 15px 0 0;
}

.sp-cta {
    width: 100%;
    text-align: center;
    margin: 20px 0 8px;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 5px;
}

    .sp-cta .spostviewpostbtn {
        background: #408EF0;
        padding: 8px 50px;
        font-size: 14px;
        font-weight: 500;
        border-radius: 12px;
        border: none;
        color: #ffffff !important;
        transition: all ease-in-out 0.3s;
        position: relative;
        bottom: 0px;
    }

        .sp-cta .spostviewpostbtn:hover {
            background: #408EF0;
            bottom: 5px;
            box-shadow: 0 0 10px rgba(0,0,0,0.3);
        }

.div_classSchldPost .appointment-status-list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.div_classSchldPost .apt-data-sec {
    width: 49.3%;
}

.div_classSchldPost ul.pagination.bootpag {
    margin: 10px 0;
}

.lm-mngsappsdroplist .dropdown-item {
    background: #F2F7FF;
    margin: 0 0 5px;
    border-radius: 10px;
    font-size: 12px;
    color: #475B76;
    font-weight: 500;
    padding: 7px 12px;
    transition-duration: 0.5s;
}

    .lm-mngsappsdroplist .dropdown-item:hover {
        background: #7CAFFF;
        color: #ffffff !important;
    }

.vgt-member-info-sec.ScheduledPostTR {
    margin: 0 0 70px;
}

.lm_frendsnodata {
    position: relative;
    margin: 0;
    padding: 3em 0;
    background: #F2F7FF;
    border-radius: 30px;
    height: 100%;
}

/* Responsive CSS Here*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 1) {
    .notificationbarpad, .padview-notification, .vgmobile-notoficationbar {
        display: block;
    }

    .vgtalks-story-section {
        overflow-y: scroll;
    }

    .vgtalks-addyourstory {
        width: 100%;
        min-height: 200px;
        margin: 10px 5px;
    }

    .writeapost img {
        width: 35px;
        height: 35px;
    }

    .hmcheckins-info h2,
    .sf-user-bio h5,
    .writeapost p {
        font-size: 15px;
    }

    .vgtalks-quicklinks {
        margin: 20px 0 0;
    }

    .HMpostschedulelist p,
    .HMtimeliner h5,
    .hmuploadtype label,
    .klps-toptitle h2,
    .vgtalks-bgchange .btn {
        font-size: 14px;
    }

    .klipsmain-class .owl-nav,
    .lmspstar,
    .sf-notification.vhdpadvwnot,
    .sf-withoutlogon,
    .vg-adver-post,
    .vgtalks-sidebar.sticky-top {
        display: none;
    }

    .vgtalks-ownresponse-sec .vgtalks-edityourcommect .dropdown {
        right: 10px;
        bottom: 80px;
    }

    a.vgtalks-directmessage {
        bottom: 84px;
        right: 4em;
    }

    .vgtalks-bgchange {
        bottom: inherit;
        right: 12px;
        top: 2em;
    }

    .vgtalks-searchsec-items ul li a {
        padding: 5px 25px;
    }

    .vgtalks-frnds-search {
        position: relative;
    }

        .vgtalks-frnds-search.d-flex.justify-content-end.align-content-center.align-items-center {
            justify-content: flex-start !important;
        }

    .vgtalks-userbiolisting .nav-link {
        padding: 0.3rem 1rem;
    }

    .hmvlogo img,
    .useraboutinfo-item img {
        width: 30px;
    }

    .vg-sidebar .vgtalks-contact {
        padding: 20px 20px 0;
        height: 350px;
        width: 100%;
        position: static;
    }

    .badges-item,
    .hm-publish,
    .hmactive-timeline,
    .side-bar-groups,
    .vg-frnds,
    .vgtalks-toplft-panel ul {
        padding: 5px;
    }

    .HM-inte p,
    .HMstoryrighthandside-inner,
    .hmusergetbadges,
    .jointheteam-midsec img,
    .klpsframeset,
    .vg-sidebar,
    .vgtalks-userbiolisting {
        width: 100%;
    }

    .vg-right-sidebar {
        float: right;
        width: 100%;
    }

    .profile-view-avatar {
        width: 100%;
        position: relative;
    }

    div#esctoclose {
        z-index: 999999;
    }

    .vg-update-pp-option a {
        padding: 6px 30px;
    }

    .hmctfavoutite .hmalbumcta a.hm-ss-btn.btn,
    .lnsubscription-prcdtl .vigor-plans,
    .sf-notification,
    .sf-notification ul,
    section.feed-header {
        padding: 0;
    }

    .HMallstorypage .storylefthandside,
    .lm-accdetinfocell .vg-gasname {
        width: 45%;
    }

    .HMallstorypage .storyrighthandside {
        width: 55%;
        margin: 15px 0 0;
    }


    .hm-crtestory-sec h5,
    .hmactive-timeline h5 {
        font-size: 12px;
    }
    .lm-classadvertise h3 {
        font-size: 16px;
    }
    .lm-begin {
        padding: 5px 20px;
        font-size: 14px;
    }

    .HMstroriesframeset,
    .klps-plysnglreels,
    .klpsframeset .klps-wrtpstsec {
        width: 95%;
    }

    .HMallstorypage .hmwriteyourstortypost {
        height: 90%;
    }

    .vg-drawer {
        width: 180px;
    }

    .hm-crtestory-sec {
        padding: 5px;
    }

        .hm-crtestory-sec span .fa {
            width: 26px;
            height: 26px;
            line-height: 26px;
            font-size: 14px;
        }

        .hm-crtestory-sec .media-body {
            flex: 1;
        }
    a.hm-cys {
        padding: 10px 5px;
        display: flex;
        justify-content: center;
    }

    .hm-timline-avatar.d-flex.align-self-center.mr-3,
    .hmaddstoricon.d-flex.align-self-center.mr-3 {
        margin-right: 0.5rem !important;
    }

    .hm-timline-avatar span img {
        width: 40px;
        height: 40px;
        padding: 2px;
    }

    .HMpostseenlist .hm-timline-avatar span img {
        width: 50px;
        height: 50px;
    }

    .post-selection-emoji .selectorFace {
        left: 31px;
        bottom: 4px;
    }

    .vgtalks-left-listing p {
        font-size: 10px;
        line-height: 12px;
        word-break: break-all;
        padding: 5px 3px;
    }

    .hm_classSchldPost {
        padding: 0 0 0 20px;
    }

    .hmltbaricons {
        width: 35px;
        height: 35px;
        line-height: 30px;
    }

    .vgtalks-toplft-panel li {
        padding: 5px 0 0;
    }

    .hm-stories-title h2,
    .hmnotifivationalllist {
        margin: 0;
    }

    .HMstoryrighthandside {
        height: 80%;
    }

    .HMcstfrmfsttme {
        width: 550px;
        height: 550px;
    }

    .HMcstfrmfsttme-img {
        width: 100%;
        text-align: center;
    }

        .HMcstfrmfsttme-img img,
        .lmadvertiser-fmfigure img {
            width: 60%;
        }

    .HMcstfrmfsttme p {
        width: 65%;
    }

    .sf-user-profile .dropdown-menu {
        min-width: 13rem;
    }

    a.spostviewpostbtn {
        display: block;
        width: 100%;
        font-size: 12px;
        min-width: 125px;
        max-width: 100%;
    }

    .HMpostschedulelist .table-bordered td,
    .HMpostschedulelist .table-bordered th {
        vertical-align: middle;
    }

    .hm-groupcreattor-sec {
        margin: 9.5em 0 0;
    }

    #album-details .userup-items a video,
    #dp-profile-pics-list .userup-items a img,
    .HM-album-gallery-sec .userup-items a img,
    .HM-album-gallery-sec
    .userup-items
    a
    video.ivm-view-attr__img--centered.feed-shared-image__image.lazy-image.ember-view,
    .album-details .userup-items a img,
    .vg-allphotos-sec .userup-items a img {
        height: 130px;
    }

    .LMcandcsec-lt p,
    .hmctfavoutite a.hm-ss-btn.btn,
    .klps-bypublished h5,
    .klps-rplyby .klps-bypublished p,
    .useraboutinfo-item p,
    .vg-action-button a,
    .vg-editbyowner .dropdown-item,
    .vgtalks-card p a,
    span.lmallblglist a {
        font-size: 12px;
    }

    .vg-intphotos-sec .ppc-item {
        width: 44%;
    }

    #PostFriendsTab .col-12.col-md-6.col-lg-6.col-xl-6 {
        padding-right: 5px;
        padding-left: 5px;
    }

    .vg-talks-bgimage {
        height: 140px;
    }

    .vg-nestpost-sec h2 {
        display: flex;
        justify-content: start;
        align-items: start;
        flex-direction: column;
        font-size: 12px;
        word-break: break-word;
    }

    #PostFriendsTab h2 {
        text-align: center;
        justify-content: center;
        display: flex;
        width: 100%;
        align-content: center;
        align-items: center;
    }

    .ppcbtn .fa {
        bottom: -30px;
        right: -27px;
    }

    .vgtalks-searchsec-items ul {
        margin: 16px 0;
    }

    .vgtalks-userprofile-items .tab-content {
        padding-top: 15px !important;
    }

    .vgtalks-searchsec-friends #tabs .nav-tabs .nav-link {
        padding: 8px 10px;
        flex: 1;
        font-size: 12px;
        align-items: center;
        align-content: center;
    }

    .vgtalks-searchsec-items span {
        font-size: 12px;
    }

    .h-divider {
        height: 50px;
    }


    .vg-alluserslist-sec .vgtalks-card {
        min-height: 170px;
        padding: 0 0 10px;
    }

    .drawer-rightside-container .vg-current-request .vgtalks-card {
        padding: 10px 10px 0;
    }

        .drawer-rightside-container .vg-current-request .vgtalks-card h5 {
            padding: 8px 0 0;
        }

    .drawer-rightside-container .vgtalks-card a {
        margin: 0 0 5px;
    }

    .bp-coverview-sec-inner,
    .sf-createpost-sec {
        margin: 0 auto 15px;
        width: 100%;
    }

    .hmgtva p {
        font-size: 12px;
        line-height: 16px;
    }

    .achievedtext p,
    .notification-div p {
        line-height: 12px;
    }

    .home-div p {
        padding: 0 0 3px;
        line-height: 12px;
    }

    .home-div img {
        width: 25px;
    }

    .notification-bell {
        top: -5px;
    }

    .classjoindteam h6 {
        font-size: 18px;
    }

    .media.classjoindteam img {
        width: 40px;
    }



    .vgmobile-notoficationbar .sf-notification {
        padding: 10px 0;
        background: #fafafa;
    }

    .sf-allpost-section {
        margin: 8.2em 0 0;
    }

        .sf-allpost-section.class_SPL {
            margin-top: 9.5em;
        }

        .sf-allpost-section .container{
            /*max-width: 755px;*/
            padding:0px;
        }

    .vg-feedsleftpanel .vg-drawer {width: 188px;}



    .hm-favouritesec .vgtalks-searchsec {
        right: -60px;
    }

    .hm-favoutitesmid {
        padding: 20px;
        margin: 0;
    }

    .hm-favouritesec .hmfavuserdiv .hm-timline-avatar span img {
        width: 70px;
        height: 70px;
    }

    .hm-favouritesec h5,
    .lmblgpostbdytxt h5 {
        font-size: 18px;
    }

    .vgtalks-ownprofile {
        margin: 150px 0 0;
    }

    .vgtalks-ownprofileinner .vgtalks-request-response a {
        width: 18%;
    }

    #PostFriendsTab .col-6.col-md-6.col-lg-6.col-xl-6 {
        margin: 0 0 10px;
        padding: 0 8px;
    }

    #PostFriendsTab .vg-inter-friends .vgtalks-card {
        height: 100%;
        margin: 0;
    }

    .vgtalks-card a {
        margin: 0;
        /*display: flex;*/
        flex-direction: column;
        gap: 0;
    }

    .vgtalks-card h3 a {
        margin: 0;
        padding: 0;
        font-size: 14px;
        color: #020202;
        transition-duration: 0.5s;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }
    .vgtalks-card h3{padding-bottom:10px;}
    .hmactiondiv {
        bottom: 35px;
        width: 85%;
    }

    #PostFriendsTab .vgtalks-card {
        margin: 0;
        padding: 2px;
    }

    .vg-inter-friends .vgtalks-card {
        min-height: 100px;
    }

    #PostFriendsTab .vgtalks-card-img img {
        width: 40px;
        height: 40px;
        border: 2px solid #d9d8d8;
    }

    .search-all-list {
        margin: 8em 0 0;
    }

    .vg-editbyowner .dropdown-menu {
        min-width: auto;
        margin: 5px 30px 0;
        padding: 0;
        left: 30px !important;
    }

    .vgtalks-edityourcommect .dropdown-item .fa {
        font-size: 12px;
        padding: 0 2px 0 0;
    }

    .baahc h3,
    .hmcheckins-info h3{
        font-size: 16px;
    }
    .lemi-proress-slider h2{font-size:25px;}

    a.awardsbtn {
        font-size: 12px;
        margin: 15px 0 25px;
        box-shadow: none;
    }

    .gtvagettheapp {
        padding: 10px 0;
    }

    .interested-btnsec .btn {
        width: 40%;
        font-size: 16px;
    }

    ul.vgtalks-information li a {
        background: 0 0;
        padding: 0 0 10px;
        margin: 0;
        font-size: 10px;
    }

    .hm-seeall h2 a {
        font-size: 10px;
        padding: 5px 8px;
    }

    .hmcheckins-info {
        padding: 0 5px;
    }

    .hmcheckins-figure img {
        width: 90px;
        height: 90px;
    }

    .vgtalks-edityourcommect .dropdown-menu {
        padding: 5px;
        min-width: 10rem;
    }

    .vgtalks-edityourcommect .dropdown-item {
        font-size: 12px;
        font-weight: 500;
        padding: 2px 10px;
    }

    .vgtalks-edityourcommect .btn {
        width: 25px;
        height: 25px;
        line-height: inherit;
    }

    .vgtalks-quicklinks p,
    span#last-updated {
        font-size: 10px;
    }

    .vg-setting-parent {
        margin: 3em 0 0;
        border-radius: 10px;
        position: relative;
        overflow: hidden;
    }

        .vg-setting-parent .vg-sidebar .vgtalks-contact {
            position: relative;
            width: 100%;
            height: 340px;
            background: 0 0;
        }

    .vg-sidebar.bg-white {
        overflow-y: scroll;
        height: auto;
    }

    .group-all-post-sec {
        padding: 0;
        margin: 20px 0 0;
    }

    .hminvite-sec-inner p {
        font-size: 14px;
        margin: 0;
        padding: 0;
    }

    .hminvite-sec-inner h2 {
        font-size: 22px;
    }

    .hminvite-sec {
        margin: 8.5em 0 0;
    }

    .LMcandcsec-lt,
    .lm-ownreffralcode {
        width: 70%;
    }

    .invite-lt-sec {
        padding: 3.5em 0 0;
    }

        .achievedtext h2,
        .how-its-work-url a,
        .invite-lt-sec h3 {
            font-size: 25px;
        }

    .hmmyfriend-item .vgtalks-card-img img {
        width: 55px;
        height: 55px;
    }

    .badges-img img {
        max-width: 100%;
    }

    .badges-item .vgtalks-edityourcommect .dropdown {
        top: -1px;
        right: -5px;
    }

    .achievedtext p {
        margin: 2px 0 0;
        padding: 0;
        font-size: 12px;
    }

    .hmtextstroypage {
        padding: 30px 0 0;
        position: relative;
    }

    .hm-stories {
        margin: 25px 0 0;
    }

    .search-all-list-subparent {
        margin: 20px 0 0;
    }
        .search-all-list-subparent .hm-stories {
            margin: 0;
        }
    .searchall-btn{width:auto;}

    .HM-rystr {
        top: 6em;
    }

    .HM-inte h3 {
        font-size: 20px;
    }

    .HM-inte-btn a.HMFTCS {
        font-weight: 600;
        font-size: 14px;
        margin: 5px 0;
        padding: 7px 0;
    }

    .HMSTR-restart-inner {
        margin: 13.5em 0 0;
    }

    .storyrighthandside {
        height: 84%;
    }

    .HMstroriesframeset {
        height: 95%;
    }

    .hmtextstroypage-inner {
        margin-top: 20px;
    }
    .ss-btn.btn{font-size:12px;}

    .vgtalks-setavatar img {
        width: 100px;
        height: 100px;
    }

    .lmsuggestion-listing .hmmyfriend-item {
        width: 50%;
    }

    .lmdlurctacc {
        width: 56% !important;
        font-size: 12px;
    }

    .LMcandcsec {
        width: 90%;
        padding: 25px;
    }

    .LMgoit a,
    .LMnope a {
        padding: 8px 20px;
        font-size: 14px;
        border-radius: 10px;
    }

    .LMcandcsec-rt {
        width: 30%;
    }

    .drawer-rightside,
    .vg-feed-mdcontent {
        margin-top: 25px;
        margin-right: 0;
        margin-left: 0;
    }

    .drawer-rightside {
        width: 188px;
    }

    .drawer-rightside-container {
        padding-right: 0;
    }


.vg-feed-mdcontent {
    width: 100%;
    padding: 0 15px 0 18px;
}

    .klps-perrply,
    .xxxsuggbtnxxx .RemoveUserSuggestion {
        align-items: center;
    }

    .lmsuggestion-listing .vgtalks-card h3 a {
        padding-bottom: 8px;
    }

    .vgfeeds-innbetweensection.LM-clsforklips {
        margin-top: -7px;
    }

    .HMallstorypage .hmactive-timeline {
        padding: 5px 15px 13px;
    }

    .lmsponsercta-cta {
        font-size: 8px;
        padding: 0 3px;
    }

    .lmsponsercta {
        left: -5px;
    }

    .hm-stories-title h2,
    .hm-stories-title h3 {
        padding: 10px 15px;
        font-size: 16px;
    }

    .hm-seeall{top:9px;}


    .LM_MOBTRANS {
        width: 100%;
        padding: 5px 10px;
        border-radius: 10px;
        background: #fafafa;
        bottom: 0;
        display: flex;
        flex-direction: column;
    }

    .language-selector {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    select#customerlanguage {
        border-radius: 10px;
        font-size: 13px;
        font-weight: 500;
        color: #020202;
        flex-direction: column;
        padding: 5px 0;
        border: 1px solid #ccc;
    }

    .lmblgpost .media {
        flex-direction: column;
    }

    .lmblgpost-img {
        width: 100%;
        height: 20.5vh;
    }

    .blgpagebody-title {
        padding: 10px 0;
        font-size: 20px;
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .Lmblgherodtlbanner img {
        height: auto;
    }

    .LMgftsection-top h2 {
        padding: 10px 0 5px;
        font-size: 25px;
    }

    .LMgftsection-top p {
        font-size: 14px;
        line-height: 25px;
    }

    .popLMgftcrd .modal-dialog {
        max-width: 690px;
    }

    .LMokaybtnforal {
        padding: 8px 70px;
        font-size: 18px;
    }

    #story-price-english-content-tittle,
    #story-price-spanish-content-tittle,
    .LMGVDLR {
        font-size: 28px;
    }

    .LMokaysecforuser {
        padding: 20px 0;
    }

    .LMgftsection-top {
        font-size: 14px !important;
        line-height: 28px;
    }

    .klps-item {
        width: 32.2%;
    }

    .klipsmain-class {
        padding: 10em 0 1em;
    }

    .bottom-bar {
        margin-bottom: 0;
    }

    .klp-flist h2 {
        font-size: 18px;
        padding: 15px 0;
    }

    a.LoadMoreklips {
        width: 25%;
    }

    .klps-singlereel {
        width: 95%;
        border-radius: 20px;
    }

    .klpscommentset {
        border-right: none;
    }

    .wrapcrossbox img {
        width: 15px;
    }

    .klpscommentinner-class {
        right: 0;
        padding: 15px;
    }

    .klpscomment-main {
        height: 74%;
    }

    .lnsubscription-prcdtl .vg-section3 {
        padding: 6em 0 0 !important;
    }

    .Lmblgherobanner {
        margin: 0;
        padding: 145px 0 0;
        position: relative;
    }

    .lm-blogtxt {
        bottom: 1.5em;
    }

        .lm-blogtxt h2 {
            font-size: 20px;
            margin: 0 0 5px 0;
        }

        .lm-blogtxt p {
            font-size: 12px;
        }

    .vg-current-request h2 {
        font-size: 14px;
    }

    .user-profile p {
        font-size: 12px;
        padding: 0 2px;
    }

    .hm_langtrans select#customerlanguage {
        height: 100%;
        font-size: 12px;
        border-radius: 10px;
        margin: 0;
        padding: 8px 20px;
        width: 100%;
    }

    .sf-user-profile .btn {
        margin: 0;
        padding: 0 25px 0px 0px;
        border-radius: 10px;
        height: 35px;
        line-height: 31px;
    }

    .hm-myallfriendsection, .hmbpagecardlist, .vgtalks-userfrendslist.otuserprofile {
        max-height: 100%;
    }

    .user-profile img {
        width: 30px;
        height: 30px;
    }

    .user-profile .fa {
        top: 21px;
    }

    .vg-current-request .vgtalks-card h5 {
        font-size: 14px;
    }

    .txtphvi-item img {
        width: 18px;
    }
    .txtphvi-item p{font-size:12px;}
    .txtphvi-item a{padding:5px 15px;}
    .writeapost{margin-top:8px;}
    .hm-txtphvi{gap:5px;}
    .hmnotifivationalllist .search-result-inner {margin: auto;width: 95%;}
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 770px;
    }
}

@media (max-width: 767.98px) {
    #esctoclose,
    #vg-story-privacy,
    .sf-modal,
    .vg-sidenav {
        z-index: 999999;
    }

    .sf-logo {
        width: auto;
    }

    .hmcs-here .modal-body,
    span.sf-displayname {
        padding: 0;
        margin: 0;
    }

    .drawer-rightside,
    .hm-quicklinks,
    .klipsmain-class .owl-nav,
    .mob-none,
    .notificationbarpad,
    .padview-notification,
    .sf-categorylist,
    .sf-withoutlogon,
    .vg-adver-post,
    .vg-drawer,
    .vg-gereranaccountsetting hr,
    .vgtalks-ff,
    .vgtalks-fr,
    .vgtalks-sidebar.sticky-top,
    section.feed-header {
        display: none;
    }

    .vgtalks-story-section {
        overflow-y: scroll;
    }

    .vgtalks-addyourstory {
        width: 100%;
        min-height: 200px;
        margin: 10px 5px;
    }

    .writeapost img {
        width: 35px;
        height: 35px;
    }

    .sf-loadmore-sec {
        margin: 0 0 15px;
    }

    .vgtalks-bgchange .btn-secondary {
        font-size: 12px;
        padding: 2px 5px;
    }

    .vgtalks-bgchange {
        top: 40px;
        position: absolute;
        bottom: 0;
        right: 10px;
    }

    .vgtalks-setavatar img {
        border-radius: 50%;
        width: 80px;
        border: 2px solid #fff;
        height: 80px;
    }

    .edit-profile-icon .fa {
        width: 25px;
        height: 25px;
        line-height: 25px;
        bottom: 11px;
        right: -25px;
        font-size: 12px;
    }

    .vg-clickeditems {
        padding: 10px 15px;
    }

    #pills-albums h3,
    #pills-profile-photos h3,
    .create-tag-container h5,
    .hminvite-sec-inner .invite-lt-sec a.awardsbtn,
    .vgplans-budget p {
        font-size: 16px;
    }

    .vgtalks-profileavatar h2 {
        font-size: 16px;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 0px;
        margin-bottom: 0;
        padding: 0;
    }

    .hmuserachievedawards img {
        width: 22px;
        position: static;
    }

    #vgtalks-FriendsRequests p,
    .hm-groupcreattor-midsec .nav-link,
    .hmgtva p,
    .nav-tabs .nav-link.active,
    .vg-alluserslist-sec.hm-myallfriendsection p,
    .vgtalks-friendslist-tab span,
    .vgtalks-profileavatar p,
    .vgtalks-userbiolisting .nav-tabs .nav-item.show .nav-link,
    a.HMFTCS {
        font-size: 14px;
    }

    .vgtalks-ownresponse-sec {
        position: static;
        padding: 10px 0 0;
    }

    .vgtalks-request-response {
        margin: 0;
        padding: 10px 0;
        position: relative;
        top: 0;
    }

    a.vgtalks-directmessage {
        right: 0;
        left: 0;
        width: 68%;
        text-align: center;
        margin: 0 auto;
        position: static;
    }

    .vgtalks-ownresponse-sec .vgtalks-edityourcommect .dropdown {
        right: 10px;
        top: 51px;
    }

    .vgtalks-userbiolisting {
        width: 100%;
        margin: 0;
        padding: 20px 0;
    }

    #tabs .nav-tabs .nav-link {
        font-size: 14px;
        margin: 5px 10px;
        padding: 2px 10px;
    }

    .vgtalks-tabs-item .tab {
        width: 100%;
        min-height: auto;
    }

    .vgtalks-userprofile-items .tab-content {
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none;
    }

    .vgtalks-tabs-item .tabcontent {
        float: left;
        padding: 20px 0;
        width: 100%;
        height: auto;
    }

    .vg-innerpost-sec,
    .vgtalks-friendslist-tab,
    .vgtalks-tabs-item {
        padding: 0 15px;
    }

        #pending.vgtalks-friendslist-tab,
        .HM-schedulingpost-sec,
        .container.hminvite-sec-inner,
        .group-all-post-sec,
        .hm-myallfriendsection .vgtalks-tabs-item,
        .modal-body.createhastaghere,
        .suite-createpost,
        .vg-setting-parent .tm-pagination-sec,
        .vgtalks-friendslist-tab.vgtalks-myfriendlist.bg-white {
            padding: 0;
        }

    span.HMEDIT-BIO a {
        margin-right: 0;
        font-size: 12px;
        padding: 7px 10px;
    }

    .CTalbums,
    .home-div,
    .notification-div {
        text-align: center;
    }

    .vgtalks-searchsec-items ul {
        margin: 15px 0;
    }

    .vg-clickeditems h3 {
        font-size: 16px;
        /*display: flex;
        justify-content: space-between;*/
    }

    .vg-nestpost-sec p {
        word-break: break-word;
        font-size: 14px;
        margin: 0;
    }

    .leads-table.hmleadstable,
    .vgmobile-notoficationbar .sf-notification,
    .vgtalks-frnds-search {
        position: relative;
    }

    .HM-albumtitle h2 {
        margin: 3px 0 0;
        padding: 0;
        width: 100%;
        font-size: 18px;
    }

    .profile-view-avatar h2,
    .vg-add-your-photo-story h5 {
        font-size: 16px;
        padding: 20px;
    }

    .create-new-group1 .fa {
        width: 30px;
        height: 30px;
    }

    .HM-inte p,
    .HMstoryrighthandside-inner .hmstorypostbyyou,
    .HMstroriesframeset,
    .LMcandcsec-lt,
    .LMcandcsec-rt,
    .create-tag-container input#HsImage,
    .hm-groupcreattor-secinner .vgtalks-searchsec .input-group,
    .hmalbumscalltoaction,
    .jointheteam-midsec img,
    .klps-item,
    .klps-vlookmainframe,
    .lm-ownreffralcode,
    .lmsuggestion-listing .hmmyfriend-item,
    .rt-sidebar-ad img,
    .share-as,
    .storylefthandside,
    .user-blcked-item-top .user-blcked-item,
    .vg-setting-content .vg-gasname,
    .vg-sidebar,
    .vgfeeds-innbetweensection,
    .vgfeeds-innbetweensection.LM-clsforklips,
    .vgtalks-frnds-search .vgtalks-searchsec,
    .vgtalks-myfriendlist .vgtalks-searchsec-items {
        width: 100%;
    }

    .vgtalks-searchsec-items ul li {
        margin: 0 5px 10px;
    }

    .vgtalks-ownprofile {
        margin: 80px 0 0;
    }

    .profile-view-avatar {
        top: 0;
        width: 100%;
        position: relative;
    }

    .vg-sidebar .vgtalks-contact {
        padding: 20px 20px 0;
        height: 400px;
        width: 100%;
        z-index: 999999;
        position: relative;
    }

    .setting-table,
    .vg-frnds {
        padding: 5px;
    }

    .vg-frnds .vg-frnds-inner h5 {
        width: 100%;
        margin-bottom:5px;
    }

        .vg-frnds .searchall-btn {
            position: static;
        }
    .loadmore-cta .searchall-btn {
        width: auto;
    }

    .classSchldPost-title h2 {
        text-align: center;
        width: 100%;
        font-size:16px;
    }

    .vg-right-sidebar {
        width: 100%;
        margin: 20px 0 0;
    }

    .vg-sidebar.bg-white {
        height: 260px;
        overflow-y: scroll;
    }

    .vg-setting-parent .vg-sidebar.bg-white {
        height: auto;
        overflow-y: unset;
        margin: 20px 0 0;
        border-radius: 10px;
    }

    .vg-setting-parent .vg-sidebar .vgtalks-contact {
        border-radius: 0;
        border: none;
        overflow: unset;
        height: auto;
        position: relative;
        width: 94%;
        padding: 20px;
    }

    .vg-setting-parent .tm-pagination-sec .pagination {
        justify-content: start;
        width: 100%;
        overflow: unset;
    }

        .vg-setting-parent .tm-pagination-sec .pagination li {
            padding: 5px 8px;
            font-size: 12px;
            margin: 5px 5px;
            overflow: unset;
        }

    .profile-view-avatar img {
        width: 100px;
    }

    .vg-add-your-photo-story h5 {
        font-weight: 600;
    }

    .vgtalks-bgchange .dropdown-menu {
        left: -20px !important;
    }

    .vg-update-pp-option a {
        padding: 6px 20px;
        font-size: 14px;
    }

    .event-categoty,
    .klps-btns,
    .ppc-item {
        width: 30%;
    }

    .vgtalks-edityourcommect .dropdown-item .fa,
    .writeapost p {
        font-size: 15px;
    }

    .vgtalks-edityourcommect .dropdown-menu {
        transition: none;
    }

    #following .vgtalks-card.pending-request-sec,
    #follwers,
    .vg-single-group-img img {
        min-height: auto;
    }

    .vg-parent .sf-allpost-section {
        z-index: 222;
    }

    .group-individual-posts-title,
    .hmtextstroypage {
        padding: 1em 0;
    }

    .vgtalks-edit-group {
        margin: -47px 13px 0 0;
    }

    .HM-sharestoryformobile,
    .vg-mobile-header {
        display: block;
    }

    .fixed-top {
        position: static !important;
    }

    .sf-notification ul,
    .vg-mobile-search {
        padding: 5px 0;
    }

    .vg-mobile-header .vgtalks-searchsec {
        margin: 2px 20px 0 0;
        padding: 0 5px;
        width: 85%;
        float: left;
    }

    .vg-mobile-header .sf-logo img {
        width: 125px;
    }

    .vg-mobile-logo-login {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        background: #fff;
        padding: 0 14px;
    }

    .sf-allpost-section {
        margin: 0;
        padding: 0;
    }

    .HMfirsttimepopopen,
    .hm-groupcreattor-sec,
    .hmSTR-seeall h2,
    .row #profile-photots,
    .row #profile-videos,
    .search-all-list,
    .sf-createpost-type.create-post-icongrid,
    .user-blk-rt .btn,
    .userdetails,
    .vg-mobile-header a.sf-loginhere,
    .vg-parent .sf-allpost-section,
    a.hmposticonhere p {
        margin: 0;
    }

        .vg-mobile-header a.sf-loginhere span {
            width: 25px;
            height: 25px;
            font-size: 15px;
            line-height: 25px;
        }

    .vg-mobile-header .user-profile img {
        width: 25px;
        height: 25px;
        image-rendering: -webkit-optimize-contrast;
    }

    .vg-mobile-header .user-profile .fa {
        right: 5px;
        top: 25px;
    }

    .vg-mobile-header .vgtalks-searchsec .form-control,
    .vgtalks-addpost-cta .btn {
        height: 25px;
    }

    .vg-mobile-header .vgtalks-searchsec-icon {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 14px;
    }

    .Lmblgherodtlbanner img,
    .vgtalks-searchsec .input-group {
        height: auto;
    }

    .vg-sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #e9ecef;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 0;
        box-shadow: 0 0 13px #a7a7a7;
    }

        .vg-sidenav a {
            padding: 0;
            text-decoration: none;
            font-size: 14px;
            color: #818181;
            display: block;
            transition: 0.3s;
        }

            .vg-sidenav a:hover {
                color: #f1f1f1;
            }

        .vg-sidenav .closebtn {
            position: absolute;
            top: 45px;
            right: 10px;
            font-size: 30px;
            margin-left: 50px;
            font-weight: 500;
        }

    #vgtalks-offcanvas {
        transition: margin-left 0.5s;
        padding: 0;
    }

    a.vg-homelink {
        text-align: left;
        margin: 0;
        padding: 5px 12px;
        border-bottom: none;
        border-top: none;
        background: #fff;
        border-radius: 0 0 20px 20px;
    }

    .vgmobile-sf-categorylist {
        padding: 0 10px;
        background: #fff;
        margin: 10px;
        border-radius: 10px;
    }

    #vgmobile-RightSideNav {
        list-style: none;
        padding: 0;
    }

    .postcategory-name {
        margin: 0 0 3px;
    }

    #vgmobile-RightSideNav .postcategory-name a {
        font-size: 12px;
        padding: 5px;
        margin: 0 0 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .vgmobile-sf-categorylist h2 {
        border-bottom: 1px solid #d5d5d5;
        padding: 10px 0;
        margin: 0 0 15px;
    }

    .vgtalks-userinfobar {
        margin: 0 0 10px;
        text-align: center;
    }

        .vgtalks-userinfobar span {
            display: block;
            text-align: center;
        }

    .vgtalks-toplft-panel {
        margin: 0 0 10px !important;
        padding: 0;
        border-radius: 30px;
    }

    .classjoindteam {
        border-radius: 20px;
        padding: 10px 10px;
    }

    .storylefthandside .vg-frnds,
    .vgmobile-vgtalks-sidebar,
    .vgtalks-myfriendlist-header {
        padding: 10px;
    }

    .vgtalks-toplft-panel ul {
        padding: 10px;
        align-items: start;
    }

    .sf-notification {
        background: #fafafa;
        display: none;
    }

    .baahc h3 {
        text-align: center;
        font-size: 18px;
    }

    .vgtalks-contact {
        margin: 10px;
        padding: 0 10px;
        background: #fff;
        border-radius: 10px;
        border: 1px solid #eaeaea;
    }

        .vgtalks-contact .vgtalks-left-listing img {
            width: 28px;
        }

    .user-activalsignal {
        height: 10px;
        width: 10px;
        bottom: 0;
    }

    .vgtalks-contact h2 {
        border-bottom: none;
        padding: 10px 0;
        margin: 0 0 15px;
    }

    .vgtalks-contact .vgtalks-left-listing a {
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    span.vg-contact-avatar {
        width: 15%;
        float: left;
    }

    .vgtalks-contact .vgtalks-left-listing {
        margin: 0 0 8px;
        padding: 5px 10px;
        border: none;
        border-radius: 10px;
        background: #fcfcfc;
    }

    .vgtalks-myfriendlist .vgtalks-frnds-search {
        position: relative;
        right: 0;
        top: 12px;
    }

    .story-figure img {
        border-radius: 50%;
        width: 80px;
        height: 80px;
        border: 2px solid #1cdaa5;
    }

    .addstory-icon {
        top: 4.8em;
    }

    .vg-friends-avatar img,
    a.LoadMoreklips {
        width: 50%;
    }

    .vg-feedsleftpanel {
        display: inline-block;
        width: 100%;
    }

    .hmSTR-seeall a {
        margin: 10px 0 0;
        padding: 0;
        display: inline-block;
        background: #eaeaea;
        border-radius: 50px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 16px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        transition-duration: 0.5s;
    }

        .hmSTR-seeall a:hover {
            background: #6600cd;
            color: #fff !important;
        }

    .hmSTR-seeall {
        right: 4px;
        position: absolute;
        align-items: center;
        justify-content: end;
        top: 0;
        bottom: 0;
        display: none;
    }

    .BA-cta img,
    .EventCategory-eventpreview,
    .lmsponsercta {
        position: static;
    }

    .invite-lt-sec {
        padding: 20px 0 0;
        text-align: center;
    }

    .HMstorypp.HMGTH {
        right: 70px;
        font-size: 18px;
        display: block;
    }

    .vg-setting-parent .tm-pagination-sec p {
        position: relative;
        margin: 25px 0 0;
        padding: 3px 0 0;
        color: #020202;
        top: 0;
        font-size: 14px;
    }

    /*.how-its-work-url a {
        font-size: 20px !important;
    }*/

    .lm-ownreffralcode {
        gap: 5px;
    }

    .invite-via-sec {
        padding: 10px;
        margin: 0;
    }

    .sf-allpost-sec {
        margin: 20px 0 0;
        padding: 0;
    }

    .BA-cta img {
        top: 8px;
        /*width: 80px;*/
        margin: -29px 0 0;
    }

    .vg-talks-bgimage {
        height: 80px;
    }

    .vgtalks-profileavatar {
        margin: -40px 0 0;
    }

    .vgtalks-searchsec-friends #tabs .nav-tabs .nav-link {
        margin-bottom: 5px;
        font-size: 11px;
        padding: 5px;
    }

    .vgtalks-searchsec-items span {
        font-size: 11px;
    }

    .HM-inte.text-white h3,
    .home-div span .fa,
    .lmdtlpage.lmblogpost-page h2,
    .vg-nestpost-sec.vg-introuser-sec h2,
    .vgtalks-contact.vgtalks-groups.vgtalks-setting-sidebar h2,
    .vgtalks-myfriendlist-header h2,
    h2.font-22.font-600.acct-info {
        font-size: 18px;
    }

    .sf-notification ul {
        text-align: center;
        width: 100%;
        justify-content: center;
    }

    .create-post-here h5 {
        font-size: 16px;
        padding: 0 30px 0 0;
    }

    .home-div span i.fa.fa-home,
    .invite-lt-sec h3 {
        font-size: 22px;
    }

    .dropdown-menu.vgtalks-dropdown-menu.show {
        width: 100%;
        margin: 0.5rem 0 0;
    }

    .sf-user-profile .dropdown {
        margin: 0;
        padding: 10px 0;
        width: 95%;
        align-items: end;
        align-content: end;
        display: flex;
        justify-content: end;
    }

    .sf-user-profile {
        margin: 0;
        padding: 0;
        float: right;
        width: 100%;
        display: flex;
        justify-content: end;
        align-content: end;
        align-items: end;
    }

    .user-blk-lt,
    .user-blk-rt {
        float: left;
        width: 100%;
    }

    .sf-user-profile .btn {
        width: auto;
        text-align: right;
    }

    .HMfrendsmobstrlist,
    .editavatar,
    .hmcheckins-info,
    .hnjoinourteam img,
    .lmblgpostbdytxt .read-more,
    .lmdlurctacc,
    .user-blk-rt,
    a.jointeambtn,
    span.lmbacktoawards {
        text-align: center;
    }

    .sf-user-profile .btn-secondary:not(:disabled):not(.disabled).active,
    .sf-user-profile .btn-secondary:not(:disabled):not(.disabled):active,
    .show > .sf-user-profile .btn-secondary.dropdown-toggle {
        box-shadow: none;
        background: 0 0 !important;
        border: none !important;
    }

    .sf-user-profile .btn:focus,
    .sf-user-profile .btn:hover {
        box-shadow: none;
        background: #fff;
    }

    #PostFriendsTab .vgtalks-card h2,
    .HM-scheduler-calendar-submitsec .hmstorypostbyyou a.hm-cs-btn.btn,
    .HM-scheduler-calendar-submitsec .hmstorypostbyyou a.hm-ss-btn.btn,
    .HM-schedulingpost-sec .datepicker table tr td,
    .HMpostschedulelist p,
    .HMtimeliner h5,
    .ayitag,
    .event-categoty select,
    .hmalbumcta a.hm-ss-btn.btn,
    .hmphotoalbum-pana p,
    .klipstags,
    .vg-notification-container .sku-srhname p,
    .vgtalks-left-listing p,
    .vgtalks-searchsec-items ul li a,
    .write-bw-post .form-control,
    span.lmallblglist a {
        font-size: 12px;
    }

    .create-post-here .user-profile {
        font-size: 16px;
        padding: 10px 15px;
    }

    .vgtalks-addpost-cta .btn {
        padding: 0 20px;
        font-size: 12px;
    }

    .create-post-here .modal-body {
        padding: 0 1rem 0.5rem;
    }

    .vg-selectimg-here p {
        font-size: 12px;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: left;
        gap: 10px;
    }

    #tagsCreatedByMe li,
    .LMcandcsec-rt,
    .hmainvitecta,
    .hmfavi-icons,
    .vg-all-ppc.d-flex {
        justify-content: center;
    }

    .vg-selectimg-here span {
        height: 25px;
        width: 25px;
        line-height: 22px;
    }

    .add-files-section-inner .close {
        height: 25px;
        width: 25px;
    }

    .vgtalks-request-response a,
    .vgtalks-toplft-panel li {
        width: 33%;
    }

    .vgtalks-profileavatar .vgtalks-request-response a {
        width: 45%;
        margin-bottom: 5px;
    }

    .hmfavuserdiv .media,
    .hmwriteyourstortypost,
    .lmblgpost .media {
        flex-direction: column;
    }

    .vg-intphotos-sec .ppc-item {
        width: 28%;
    }

    .vg-inter-friends .vgtalks-card {
        transition-duration: 0.5s;
        min-height: 135px;
    }

    .hminvite-sec {
        margin: 3em 0 0;
        padding: 0;
        background:#ffffff;
    }
    .field-via-item{margin:0 0 15px;}

    .hminvite-sec-inner h2 {
        font-size: 22px;
        padding: 0 0 10px;
    }

    .hminvite-sec-inner p {
        font-size: 16px;
        padding: 0;
    }

    .how-its-work-url {
        margin: 2em 0;
    }
    .how-its-work-url a{padding: 0 0px;}
    .lm-getmycode h5{font-size:18px;}

    .HM-insideimpactscreen,
    .hmcptype,
    .lmsuggestions-midsec {
        padding: 20px;
    }

    .hmcs-innersec-item {
        padding: 0;
        margin: 0 0 15px;
    }

    a.hmposticonhere{gap:8px;}
    .hmcs-here .buddy-stars img {width: 50px;}
    a.hmposticonhere {height: 150px;width: 150px;}
    .hmposticonhere img {width: 60px;}
    .buddy-stars {left: 28px; top: 10px;}
    a.hmposticonhere p {font-size: 12px;}
    .txtphvi-item p{font-size:12px;}
    .txtphvi-item img{font-size:18px;}
    .txtphvi-item a{padding:5px 15px;}
    .hm-txtphvi{gap:5px;}
    .interested-btnsec {gap: 10px; width: 80%; margin: 0 auto;}
    .jot_img img {width: 50%;}

    .storylefthandside .vg-frnds .media img {
        width: 40px;
        height: 40px;
    }

    .storylefthandside textarea.form-control {
        min-height: 150px;
    }

    .hmstorypostbyyou {
        padding: 10px 0;
    }

    .HMallstorypage .storylefthandside {
        width: 100%;
        flex-grow: inherit;
        display: none;
    }

    .HMallstorypage .storyrighthandside,
    .HMstoryrighthandside-inner,
    .lmblgpost-img {
        width: 100%;
        height: 100%;
    }

    .HMstoryrighthandside {
        top: 0;
        height: 100%;
    }

    .HMallstorypage .hm-active-stories-sec {
        height: auto;
        position: relative;
        overflow-y: scroll;
        padding: 0;
    }

    .HMcstfrmfsttme {
        width: 400px;
        height: 400px;
    }

        .HMcstfrmfsttme h2 {
            font-size: 20px;
            padding: 5px 0;
        }

        .HMcstfrmfsttme p {
            width: 80%;
            font-size: 14px;
        }

    .HMcstfrmfsttme-img img {
        width: 200px;
    }

    .lmadvertiser-fmfigure img {
        width: 180px;
    }

    .storyrighthandsidephoto {
        background: #fff;
        padding: 0 15px 15px;
        min-height: 100vh;
        height: 100vh;
        width: 100%;
    }

    .hmphotostorybyyouy h2 {
        font-size: 20px;
        margin: 0;
        padding: 0;
    }

    .d23ldmr1 {
        height: 60px;
    }

    .HM-rystr {
        top: 4em;
    }

    .HMSTR-restart a {
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    .HMSTR-restart-inner {
        margin: 10em 0 0;
    }

    .sf-notification .home-div a:active {
        color: #24d499 !important;
    }

    .HMallstorypage .hmwriteyourstortypost {
        top: 0;
    }

    a.spostviewpostbtn {
        display: block;
        width: 100%;
        font-size: 12px;
        min-width: 125px;
        max-width: 100%;
    }

    .sp-cta .spostviewpostbtn {
        width: 50%;
    }

    .HMpostschedulelist .table-bordered td,
    .HMpostschedulelist .table-bordered th {
        vertical-align: middle;
    }

    .hm-myallfriendsection {
        max-height: 100%;
    }

        .hm-myallfriendsection .vgtalks-card {
            padding-bottom: 20px;
        }

    .HM-schedulingpost-sec .next,
    .HM-schedulingpost-sec .prev {
        right: 15px;
    }

    .hm-favouritesec .vgtalks-searchsec,
    .hm-invitefriendsevent .vgtalks-searchsec {
        width: 70%;
        right: 10px;
    }

    .hmeventsmainsec .hm-mainevent-midsec {
        padding: 0;
        margin: 20px 0;
    }

    .hm-groupcreattor-secinner.hm-invitefriendsevent.mt-5 {
        margin-top: 1rem !important;
    }

    .HMfavourties-user-list {
        margin: 0 0 30px;
        background: #fafafa;
        border-radius: 10px;
        padding: 10px;
        border: 1px solid;
    }

    .hm-favoutitesmid {
        margin: 15px;
        padding: 0;
        height: 100%;
        overflow: inherit;
        min-height: 100%;
        max-height: 100%;
    }

    .hmctyalbum,
    .hmfavouritestop,
    .hmphotoalbum-pana,
    .singlehashtage-inner {
        padding: 15px;
    }

    .hmfavuserdiv .media {
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .hmctfavoutite .hmalbumcta a.hm-ss-btn.btn {
        font-size: 12px;
        line-height: 30px;
    }

    .hmctfavoutite .vgtalks-searchsec {
        width: 100%;
        right: 0;
    }

    .hm-timline-avatar.d-flex.align-self-center.mr-3 {
        margin-right: 8px !important;
    }

    .hmfavuserdiv h5 {
        font-size: 16px;
        margin: 0;
        padding: 10px 0 0;
    }

    .hmalbumscalltoaction .hmalbumcta a.hm-ss-btn.btn,
    .hmuploadtype label {
        line-height: 40px;
        padding: 0;
    }

    .hmctfavoutite .hmfavuserdiv .hm-timline-avatar span img {
        width: 60px;
        height: 60px;
        margin: 0 0 5px;
    }

    .search-result-inner {
        width: 100%;
        margin-top: 1.5em;
    }

    .hmuploadtype label {
        font-size: 12px;
        height: 40px;
    }

    .hmctyalbum h2 {
        font-size: 15px;
        padding: 0 0 5px;
    }

    .hmctyalbum {
        margin: 0;
    }

    .HMALERTMSG.alert {
        width: 90%;
    }

    .vgtalks-searchsec-friends .alert {
        width: 90%;
        margin: 0 auto 14px;
        font-size: 14px;
        padding: 7px 0;
        border-radius: 10px;
    }

    .hm-myallfriendsection .hmmyfriend-item .vgtalks-card h3 {
        padding: 0 10px 10px;
    }

    #vgtalks-FriendsRequests .hmactiondiv {
        bottom: 37px;
    }

    .hmtooltip .hmtooltiptext {
        width: 80px;
        margin-left: -40px;
        font-size: 11px;
    }

    .jttemmainsec {
        margin-top: 30px;
    }

    .interested-btnsec .btn {
        width: 50%;
        font-size: 14px;
    }

    .interested-btnsec.d-flex.justify-content-center.mb-5.mt-2 {
        margin-bottom: 20px !important;
    }

    #CheckinModel .autocomplete-input-container {
        width: 88%;
    }

    #CheckinModel .autocomplete-item {
        text-overflow: ellipsis;
    }

    .create-new-group .fa {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .create-new-group,
    .create-tag-container .create-new-group {
        top: 10px;
    }

    .hm-ctgroup-topsec h2 {
        font-size: 16px;
        margin: 0;
        padding: 0;
        position: relative;
        bottom: 6px;
    }

    .hm-groupcreattor-midsec #nav-tabContent {
        padding: 5px !important;
        background: #fafafa;
    }

    .hashtags-listing {
        padding: 8px;
    }

    .hashtags-listing-lt .custom-control-label {
        font-size: 12px;
        padding: 0 0 0 5px;
    }

    .hashtags-listing-lt p {
        padding: 3px 0 0 5px;
    }

    .hashtags-listing-lt .custom-control-label::after,
    .hashtags-listing-lt .custom-control-label::before {
        width: 1.1rem;
        height: 1.1rem;
    }

    .emojilikelist-modal .emoji-count,
    .hashtags-listing-rt span img,
    li.show-post-liker.alluviewlist img {
        width: 20px;
    }

    .create-tag-container .create-new-group1 {
        position: absolute;
        top: 0;
        right: -10px;
    }

    .Lmblgherodtlbanner,
    .create-tag-container .create-post-here .modal-header {
        padding: 15px 0;
    }

    .create-tag-container .vgtalks-addpost-cta .btn {
        padding: 0 15px;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
    }

    .create-tag-container .vgtalks-addpost-cta {
        right: 5px;
        top: 12px;
    }

    .create-tag-container .vg-post-back-action {
        top: 12px;
    }

    .create-tag-container .create-new-group1 a {
        box-shadow: none;
    }

    .create-tag-container .create-new-group1 .fa {
        width: 30px;
        height: 30px;
        font-size: 14px;
        background: #fff;
        color: #6600cd;
        border-radius: 10px;
    }

    .HM-hastags-here {
        flex-direction: column;
        gap: 5px;
    }

    .hm-groupcreattor-sec.mt-8em {
        margin-top: 70px;
    }

    .ayi-all p {
        padding-left: 15px;
        font-size: 12px;
    }

    .usedhashtag-avatar img {
        width: 90px;
        height: 90px;
    }

    .hmbadgesbgcolor h3,
    .singlehashtagepage-top h2,
    .vgplans-budget h2 {
        font-size: 20px;
    }

    .emojilikelist-modal ul#post-have-emojis {
        padding: 0 0 0 11px;
        gap: 10px;
    }

    .hastag-sec .hm-ctgroup-topsec {
        border-radius: 20px 20px 0 0;
    }

    .hm-ctgroup-topsec {
        margin: 15px 0 0;
    }

    #tagsCreatedByMe li {
        font-size: 12px;
        display: flex;
        align-items: center;
    }

    .checkinmapcontiner,
    .viewfiles_div {
        margin: 0 0 20px;
    }

    a#hidecreatetag {
        margin-top: 0;
    }

    .editavatar {
        position: absolute;
        right: -8px;
        bottom: 15px;
    }

    .viewfiles_div .close {
        right: 35px;
    }

    .utotreactionlist .selectorFace {
        width: 20px;
        height: 20px;
    }

    .utotreactionlist .vgtalks-haha {
        background: url(vgtalks-allfaceicons.png) 0 140px / cover;
    }

    .utotreactionlist .vgtalks-like {
        background: url(vgtalks-allfaceicons.png) 0 120px / cover;
    }

    .utotreactionlist .vgtalks-love {
        background: url(vgtalks-allfaceicons.png) 0 100px / cover;
    }

    .utotreactionlist .vgtalks-care {
        background: url(vgtalks-allfaceicons.png) 0 40px / cover;
    }

    .utotreactionlist .vgtalks-surprise {
        background: url(vgtalks-allfaceicons.png) 0 340px / cover;
    }

    .utotreactionlist .vgtalks-sad {
        background: url(vgtalks-allfaceicons.png) 0 -100px / cover;
    }

    .utotreactionlist .vgtalks-wow {
        background: url(vgtalks-allfaceicons.png) 0 -120px / cover;
    }

    .emojilikelist-modal a.hmseenusername h3 {
        width: 65%;
        font-size: 12px;
        line-height: 14px;
    }

    .HMpostseenlist .hm-timline-avatar.d-flex.align-self-center.mr-3 {
        margin-right: 10px !important;
    }

    .emojilikelist-modal .searchall-btn {
        width: 25%;
        right: 5px;
    }

    a.jointeambtn {
        padding: 0;
        margin-bottom: 15px;
    }

    .hnjoinourteam img {
        width: 100%;
    }

    .hminvite-sec-inner .invite-lt-sec h2 {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .invite-avatar {
        text-align: center;
        padding: 0px;
    }

    #howitsworkspopup.hdiw-popup .modal-content {
        border-radius: 180px;
    }

    #howitsworkspopup .hdiw-body-avatar {
        width: 90%;
        margin: 0 auto;
    }

    #howitsworkspopup.hdiw-popup .close {
        right: 20px;
        font-size: 2rem;
    }

    .awardstc-list {
        width: 80%;
    }

    .badges-img img {
        max-width: 50%;
    }

    .hmbadges-collection {
        padding: 0 10px;
    }

    .badges-text {
        top: 80px;
    }

    .hmcheckins-info {
        padding: 10px;
    }

    .vg-imagepost-modal .close {
        height: 25px;
        width: 25px;
        line-height: 25px;
        font-size: 20px;
    }

    .file-content img {
        max-height: 54%;
    }

    .vgtalks-edityourcommect .dropdown-item {
        font-size: 12px;
        padding: 3px 8px;
        margin-bottom: 2px;
    }

    .vgtalks-edityourcommect .dropdown-menu {
        margin: 5px 0 0 80px;
        padding: 2px;
        min-width: 10rem;
    }

    .lmtcapply,
    span#last-updated {
        font-size: 10px;
    }

    #storyMoreActionList {
        width: 180px;
        right: 1px;
        padding: 2px;
        font-size: 12px;
    }

    .create-post-btn .vg-post-back-action {
        top: 24px;
    }

    .hmuserprivacy-sec {
        width: 90%;
        padding: 5px;
    }

    .user-profile p {
        line-height: 1px;
    }

    .uploading-loader.text-center.post-loader img {
        width: 110px;
    }

    .lm-accdetinfocell .setting-table .table td,
    .lmdlurctacc {
        width: 100% !important;
    }

    .setting-table {
        margin-top: 50px;
    }

    span.HMEDIT-BIO.float-right {
        margin: 8px 0 0;
        text-align: center;
        width: 100%;
    }

    .vg-alluserslist-sec .vgtalks-card {
        min-height: 175px;
    }

    .cong-font {
        font-size: 35px;
    }

    .cong-card-btm p {
        width: 85%;
        font-size: 16px;
    }

    .progress-money-icon img,
    .progress-view-icon img {
        width: 25px;
    }

    .progress-view-icon {
        top: 47px;
        left: 0;
    }

    .progress-money-icon {
        top: 48px;
        right: 3px;
    }

    #story-price-english-content-tittle,
    #story-price-spanish-content-tittle,
    .LMGVDLR,
    .lemi-proress-slider h2 {
        font-size: 25px;
    }

    .progressslider-mtr h3 {
        padding: 20px 0;
        font-size: 20px;
    }

    .create-tag-container .modal-header {
        font-size: 16px;
        padding: 18px 0;
    }

    .lmtitleline h2 {
        font-size: 40px;
        font-weight: 800;
    }

    .lm-genrictextslider {
        padding: 4em 0 0;
        position: relative;
        z-index: 111;
    }

    .lm-genriccollage {
        position: relative;
        bottom: 0;
        top: 0;
        z-index: 000;
    }

    .lnsubscription-prcdtl .vigor-upper-info h1 {
        font-size: 30px !important;
    }

    .lm-blked-user-srhpage.text-center {
        margin: 0 auto;
        width: 100%;
        padding: 20px;
    }

    .lm-blked-user-contentsec p {
        font-size: 14px;
        padding: 5px 3px;
    }

    .lm-blked-user-contentsec h4 {
        font-size: 16px;
        font-weight: 600;
    }

    .lm-blked-user-img img {
        width: 100px;
        margin: 0 0 20px;
    }

    .lm-metatag-vidimag {
        height: 250px;
    }

    .lm-accdetinfocell .setting-table .table tr,
    .setting-table .table tr {
        display: flex;
        flex-direction: column;
    }

    .lmsuggcrd-card-img {
        height: 200px;
    }

        .lmsuggcrd-card-img img {
            object-fit: contain;
            object-position: top center;
            background: #f0f2f5;
        }

    .vgtalks-tooltip .vgtalks-tooltip-text {
        width: 175px;
        margin-left: -83px;
    }

    .lmsuggcrd-captionsec {
        padding: 0 40px;
        margin-bottom: 10px;
    }

    .lm-allsuggestion .lmsuggcrd-captionsec .vg-action-button a {
        font-size: 14px;
        padding: 8px 0;
        width: 80%;
        margin: 5px auto;
    }

    .vgtalks-left-listing {
        margin: 0 0 5px;
    }

    .fetchall-cta .btn {
        margin: 5px 0 0;
    }

    .write-bw-post {
        flex-direction: column;
        gap: 8px;
    }

        .bw-cta .btn,
        .write-bw-post .form-control {
            height: 35px;
        }

    .refresh-icon .fa {
        margin-left: 5px;
        font-size: 14px;
    }

    .table tbody tr td:first-child {
        font-size: 14px;
        font-weight: 600 !important;
    }

    .vg-setting-content .table-responsive {
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .setting-table .table td {
        padding: 5px 10px !important;
    }

    .hm-sndtype {
        gap: 0;
        flex-direction: column;
    }

    .invite-via-sec span {
        display: block;
        font-size: 14px;
        padding-top: 10px;
    }
    .hm-sndtype .form-group {
        margin-bottom: 0.5rem;
        line-height: normal;
    }

    #vg-talks-AllFriends span {
        font-size: 11px;
    }

    .create-new-group1 {
        z-index: 888;
    }

    .emojilikelist-modal .emoji-count {
        font-weight: 600;
        font-size: 12px;
    }

    .PostLikeCounter {
        padding: 0 5px;
    }

    .CommentLikeCounter {
        font-size: 14px;
        font-weight: 600;
    }

    .ayitag {
        padding: 5px 10px;
        font-weight: 500;
        width: auto;
    }

    .blog-details,
    .inner-ayi-all {
        justify-content: left;
    }

    .LM_MOBTRANS,
    .LMcandcsec {
        flex-direction: column;
        display: flex;
    }

    .LMcandcsec {
        width: 90%;
        padding: 20px;
    }

    .LMgoit a,
    .LMnope a {
        padding: 6px 20px;
        font-size: 12px;
    }

    .LMcandcsec-lt p {
        font-size: 12px;
        padding-bottom: 12px;
    }

    .hmltbaricons img {
        width: 60px;
        height: 60px;
    }

    .HMfrendsmobstrlist {
        right: 0;
    }

    .lmsponsercta-cta {
        font-size: 11px;
        margin: 0;
        padding: 3px 0;
        position: absolute;
        z-index: 999999;
        left: 0;
        right: 0;
        top: 0;
        border-radius: 0;
    }

    #sponsered-div-section .lmsponsercta-cta {
        font-size: 8px;
        padding: 0;
        top: 42px;
        border-radius: 10px;
    }

    .hmuserprivact-text h2,
    span.privacier-name {
        font-size: 12px !important;
    }

    .feed-shared-image--multi-image .feed-shared-image__container {
        height: 200px;
        object-position: center center;
    }

    .Lmsrelist img {
        width: 18px !important;
    }

    .dropdown-menu.dropdown-menu-center.lm-abtsection1.Lmsrelist.show {
        padding: 5px !important;
        min-width: 11.5rem;
    }

    .HM-storourse .Lmsrelist .dropdown-item {
        padding: 5px;
        font-size: 12px;
        margin: 0;
    }

    div#HM-checkins-sec h2 {
        padding: 0 15px;
        font-size: 18px;
    }

    span.sf-displayname {
        font-size: 12px;
        line-height: 16px;
    }

    section.lmblkuser-singlepage {
        justify-content: start;
        width: 100%;
        align-items: start;
    }

    .bootbox .modal-dialog {
        width: 95%;
    }

    .lmsuggestions-alllisting .pagination {
        padding-left: 0;
    }

    .LM_MOBTRANS {
        width: 100%;
        padding: 5px 12px;
        border-radius: 0;
        background: #408EF0;
        bottom: 0;
    }

    .language-selector {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    select#customerlanguage {
        border-radius: 50px;
        font-size: 13px;
        font-weight: 500;
        color: #020202;
        padding: 8px 12px;
        border: 1px solid #ccc;
    }

    .Lmblgherobanner {
        padding: 55px 0 0;
    }

    .blgpagebody-title {
        padding: 15px 0;
        font-size: 20px;
        text-align: left;
    }

    .media-body.lmblgpostbdytxt {
        padding: 15px;
        width: 100%;
    }

    .lmblgpostbdytxt h5 {
        margin: 0;
        padding: 0;
        font-size: 18px;
    }

    .lmblgpostbdytxt .read-more {
        font-size: 12px;
        float: none;
        padding: 5px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        margin: auto;
        width: 40%;
    }

    .lmblgpost-date span {
        padding: 5px 0 10px;
        display: block;
    }

    .vg-notification-container .sku-figure img {
        width: 40px;
        height: 40px;
        filter: inherit;
    }

    #ul-for-notifications-list .search-keyword-user .vgtalks-edityourcommect {
        display: block !important;
    }

    #ul-for-notifications-list .vgtalks-edityourcommect .btn {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .LMgftsection-top p {
        font-size: 12px;
        line-height: 20px;
    }

    .story-price-spanish-content-tittle {
        padding: 5px 0;
        font-size: 20px;
        margin: 0;
    }

    .popLMgftcrd .modal-content {
        border-radius: 50px;
        padding: 0;
    }

    .LMgftsection-top {
        font-size: 14px !important;
        line-height: 25px;
    }

    .LMgftsection-mid img {
        width: 100%;
        padding: 15px 0 0;
    }

    .LMgftsection-top span {
        font-size: 20px;
        line-height: 25px;
        font-weight: 600;
    }

    .LMokaybtnforal {
        padding: 6px 50px;
        font-size: 14px;
        border-radius: 10px;
    }

    .klipsmain-class {
        padding: 4em 0 1em;
    }

    .bottom-bar {
        margin-top: 15px;
    }

    .klp-flist h2 {
        font-size: 18px;
        padding: 15px 0;
    }

    .klps-publisvid video {
        width: 100%;
        max-height: 500px;
        height: 100vh;
    }

    .klps-publisvid .classview-btn {
        opacity: 1;
    }

    .klps-singlereel {
        width: 95%;
        border-radius: 10px;
        padding: 10px 0 0;
    }

    .klpscommentset {
        border-right: none;
        width: 100%;
    }

    .klpsframeset {
        width: 95%;
        padding: 0 0 10px;
    }

    .klps-dividesec {
        flex-direction: column-reverse;
    }

    .klps-vlookmainframe-mini {
        right: 0;
    }

    .klps-plysnglreels video {
        object-fit: cover;
    }

    .vg-right-sidebar .tm-nrf {
        width: 80% !important;
    }

    .hmbadgesbgcolor {
        min-height: 195px;
    }

    span.lmbacktoawards {
        background: #811fe4;
        padding: 8px 14px;
        border-radius: 0;
        font-size: 12px;
        border: none;
        right: 0;
        left: 0;
        top: 0;
    }

    .lmbackpage {
        padding: 85px 0 15px;
        text-align: left;
    }

    .Lmblgherobanner img {
        display: none;
    }

    .lm-blogtxt {
        position: static;
        width: 100%;
        padding: 15px 15px 30px 15px;
        background: #312732;
        border-radius: 0 0 30px 30px;
        border-top: 5px solid #1CDAA5;
    }

        .lm-blogtxt h2 {
            font-size: 35px;
        }

        .lm-blogtxt p {
            font-size: 14px;
        }

    .hnjoinourteam {
        margin-top: 0;
        padding: 10px 0;
    }

    .classjoindteam h6 {
        font-size: 22px;
        padding: 4px 0;
    }

    .classjoindteam h5 {
        font-size: 20px;
    }

    .posttext {
        font-size: 14px;
    }

    .HMtimeliner {
        left: 10px;
    }

    .HM-classmngsetting .vg-gereranaccountsetting h2 {
        padding-bottom: 15px;
        flex-direction: column;
        font-size: 18px;
    }

    .vg-gereranaccountsetting span.HMEDIT-BIO.float-right {
        width: auto;
    }

    .useraccsetting-head h2 {
        font-size: 18px;
    }

    .accsetting-thumbnail {
        margin-bottom: 15px;
    }

    .useraccsetting-nested {
        width: 100%;
    }

    .HM-classmngsetting {
        padding: 0;
    }

    .HM-Psetlftclass.vgtalks-toplft-panel {
        margin-top: 20px !important;
    }

    .table-responsive.table-striped.table-hover.hm-classinuser th {
        padding: 10px 0;
        font-size: 12px;
        padding-left: 5px;
    }

    .table-responsive.table-striped.table-hover.hm-classinuser {
        width: 98%;
        margin-top: 15px;
        border-radius: 10px;
        margin-bottom: 15px;
    }

    .hm-classinuser .table tbody tr td {
        text-align: center;
        font-size: 12px !important;
        font-weight: 500 !important;
    }

    .vg-setting-parent .tm-pagination-sec p {
        padding: 3px 0 0;
        font-size: 12px;
        left: 10px;
        margin: 0px;
    }

    .hm-classinuser .pagination-container {
        margin: 0px !important;
    }

    .hm-classinuser .tm-pagination-sec .pagination li a {
        padding: 0 5px;
    }

    .page-pririst h2 {
        align-items: flex-start !important;
        padding: 15px 15px 0 15px !important;
        margin: 0;
    }

    .lmdtlpost-body img {
        width: 100%;
    }

    .Lmblgherodtlbanner {
        padding: 0px;
    }

    .page-title h2 {
        margin: 10px 0 0 !important;
    }

    .lmdtlpost-body h3 {
        font-size: 18px;
        margin: 0;
    }

    .hm_classSchldPost {
        width: 100%;
        margin: 10px 0 0;
        padding: 0 0 0 10px;
    }
    .class_SPL .hm_classSchldPost {
        width: 97%;
    }

    .hm-groupcreattor-secinner.hm_classSchldPost {
        padding: 0 10px;
    }

    .div_classSchldPost .apt-data-sec {
        width: 100%;
    }
}

@media screen and (max-height: 450px) {
    .vg-sidenav {
        padding-top: 15px;
    }

        .vg-sidenav a {
            font-size: 18px;
        }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 450px) {
    .vgtalks-edityourcommect .dropdown-menu {
        min-width: 6.5rem;
    }

    /*.vg-mobile-header .sf-logo img {
        width: 100px;
    }*/

    .lmsuggestion-title-sec a,
    h5.mt-0.font-14.font-600.lmrph5,
    span.sf-displayname {
        font-size: 12px;
    }

    .sf-user-profile .btn {
        padding: 8px 15px 8px 0;
    }

    .popLMgftcrd .modal-content,
    .user-profile .fa {
        padding: 0;
    }

    .ppc-item {
        width: 29%;
    }

    .vgtalks-setavatar img {
        width: 80px;
    }

    .vg-update-pp-option a {
        padding: 5px 14px;
        font-size: 12px;
    }

    .vg-userdecide .btn {
        padding: 2px 20px;
        font-size: 12px;
    }

    .vg-add-your-photo-story h5 {
        font-size: 14px;
        padding: 10px;
    }

    .sf-notification li {
        padding: 6px 0 0 14px;
    }

    .BA-cta img {
        top: 8px;
    }

    .HMcstfrmfsttme {
        width: 360px;
        height: 360px;
    }

    a.HMFTCS {
        font-size: 12px;
        padding: 5px 40px;
        margin: 7px 0;
    }

    .HM-inte-btn {
        width: 90%;
    }

    .HM-inte p {
        font-size: 12px;
        line-height: 14px;
    }

    .HM-inte.text-white h3 {
        font-size: 16px;
        margin: 0 0 5px;
    }

    .vgtalks-searchsec-items ul li a {
        font-size: 14px;
        padding: 5px 12px;
    }

    #dp-profile-pics-list p,
    #profile-albums p,
    #profile-photots p,
    .create-post-here h5 {
        font-size: 14px;
    }

    .interested-btnsec .btn {
        font-size: 11px;
    }
    .JOTSEC .interested-btnsec .btn {
        font-size: 12px;
    }

    ul#post-have-emojis {
        gap: 5px;
    }

    .vg-post-back-action .close img {
        width: 10px;
        padding: 0;
        display: flex;
        margin: 0 auto;
        align-items: center;
        align-content: center;
        height: 100%;
    }

    .vg-post-back-action .close {
        height: 25px;
        width: 25px;
    }

    .vgtalks-addpost-cta {
        top: 24px;
    }

    .vg-post-back-action {
        top: 6px;
    }

    #HMcountusser .vg-post-back-action {
        right: 5px;
    }

    .emojilikelist-modal .modal-body {
        padding: 0 0.3rem 0.5rem;
    }

    .emojilikelist-modal .hmactive-timeline,
    .vg-selectimg-here {
        padding: 10px;
    }

    .emojilikelist-modal .hm-timline-avatar span img {
        width: 40px;
        height: 40px;
    }

    .post-selection-emoji .selectorFace {
        left: 26px;
    }

    .emojilikelist-modal .searchall-btn {
        width: auto;
        padding: 5px;
    }

    .emojilikelist-modal a.hmseenusername h3 {
        width: 60%;
    }

    .sf-user-bio h5 {
        font-size: 14px;
        width: 85%;
    }

    .sf-user-bio p {
        width: 90%;
        font-size: 12px;
    }

    .LMgftsection-top h2,
    .hmjoinusmodalbox h5 {
        font-size: 18px;
    }

    .hmsecureveficationsec.text-center.mt-3.mb-2 {
        overflow-y: hidden;
        overflow-x: scroll;
    }

    .vg-selectimg-here p {
        margin: 20px 0 0;
    }

    .add-files-section-inner .close {
        right: 30px;
        top: 24px;
    }

        .add-files-section-inner .close:hover {
            color: #6600cd;
        }

    .create-tag-container h5 {
        font-size: 12px;
        padding: 0 20px 0 0;
    }

    .vgtalks-tooltip .vgtalks-tooltip-text {
        width: 140px;
        margin-left: -70px;
        bottom: 134%;
        font-size: 10px;
    }

    .lmrbsection .d-flex.mr-3.align-items-center {
        margin-right: 0 !important;
    }

    .sf-edityourcommect .dropdown-menu {
        padding: 3px;
    }

    .lmsponsercta-cta {
        font-size: 10px;
        margin: 0;
        padding: 0 0 2px;
        position: absolute;
        z-index: 999999;
        left: 0;
        right: 0;
        top: 0;
    }

    .font-12.font-500.HMfrendsmobstrlist {
        font-size: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 5px;
    }

    .HMfrendsmobstrlist {
        right: 0;
        text-align: center;
        left: 0;
    }

    .LMgftsection-top p {
        font-size: 10px;
        line-height: 18px;
    }

    .LMgftsection-top span {
        font-size: 15px;
        line-height: 20px;
    }

    .LMokaybtnforal {
        padding: 6px 50px;
        font-size: 12px;
    }

    .lmtcapply {
        font-size: 8px;
    }

    .LMgftsection-top {
        font-size: 12px !important;
        line-height: 22px;
    }

    #story-price-english-content-tittle {
        padding: 5px;
    }

    #story-price-english-content-tittle,
    #story-price-spanish-content-tittle,
    .LMGVDLR {
        font-size: 22px;
    }

    .LMokaysecforuser {
        padding: 10px 0;
    }

    .vgtalks-addpost-cta .btn {
        padding: 0 10px;
    }

    .lmsuggestion-title-sec h2 {
        font-size: 15px;
    }

    .sayhi-sec p {
        padding: 5px 10px;
        font-size: 12px;
    }
}

@media only screen and (min-device-width: 280px) and (max-device-width: 319px) {
    #story-price-english-content-tittle,
    #story-price-spanish-content-tittle,
    .LMGVDLR {
        font-size: 18px;
    }

    #story-price-english-content-tittle {
        padding: 5px;
    }

    .LMgftsection-top {
        font-size: 12px !important;
        line-height: 20px;
    }

    .LMokaysecforuser {
        padding: 10px 0;
    }

    .LMokaybtnforal {
        font-size: 12px;
    }

    p#enable-okay-btn-timer {
        bottom: 30px;
        right: 10px;
        padding: 0;
        width: 40px;
        text-align: center;
        line-height: 40px;
        height: 40px;
        border-radius: 50px;
        font-size: 12px;
        font-weight: 600;
        color: #f6c156;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
        transition: 0.5s ease-in-out;
    }
}

@media (min-width: 1024px) and (max-width: 1100px) {
    .sf-feedback-item img {
        width: 22px;
    }

    .sf-withoutlogon,
    .vg-adver-post,
    .vgtalks-sidebar.sticky-top {
        display: none;
    }

    .vgtalks-story-section {
        overflow-y: scroll;
    }

    .vgtalks-addyourstory {
        width: 100%;
        min-height: 200px;
        margin: 10px 5px;
    }

    .writeapost img {
        width: 35px;
        height: 35px;
    }

    .vg-sidebar .vgtalks-contact {
        padding: 20px 20px 0;
        height: 400px;
        width: 100%;
        z-index: 999999;
        position: relative;
    }

    .vg-frnds {
        padding: 5px;
    }

    .vg-right-sidebar {
        float: right;
        width: 70%;
    }

    .profile-view-avatar {
        width: 100%;
        position: relative;
    }

    #esctoclose,
    #vg-story-privacy {
        z-index: 999999;
    }

    .vg-sidebar.bg-white {
        height: auto;
        overflow-y: scroll;
    }

    .vg-talks-bgimage {
        height: 190px;
    }

    .vgtalks-profileavatar {
        margin: -110px 0 0;
    }

    .vg-drawer {
        max-width: 245px;
    }

    .sf-notification {
        float: left;
        padding: 0;
    }

    .HMcstfrmfsttme {
        width: 600px;
        height: 600px;
    }

    .HMcstfrmfsttme-img {
        width: 100%;
        text-align: center;
    }

        .HMcstfrmfsttme-img img,
        .klps-vlookmainframe,
        .lmadvertiser-fmfigure img {
            width: 60%;
        }

    .HMfirsttimepopopen {
        padding: 4em 0 0;
    }

    .vgtalks-lefth-sec.d-flex {
        align-items: center;
    }

    .sf-logo {
        margin: 0;
        padding: 6px 0;
        width: 80%;
    }

        .sf-logo img {
            width: 100%;
        }

    .home-div img {
        padding: 0 0 5px;
        width: 22px;
    }

    .home-div p {
        font-size: 10px;
    }

    .notification-bell {
        position: absolute;
        top: -6px;
        right: 14px;
    }

    .HMcstfrmfsttme p {
        width: 60%;
        font-size: 14px;
    }

    .sf-notification li {
        padding: 6px 0 0 6px;
    }

    .BA-cta img {
        /*  width: 80px;*/
        top: 0;
    }

    .lmdlurctacc {
        width: 46% !important;
    }

    .lm-accdetinfocell .vg-gasname {
        width: 40%;
    }

    .LMcandcsec {
        width: 90%;
        padding: 25px;
    }

    .LMgoit a,
    .LMnope a {
        padding: 8px 20px;
        font-size: 14px;
    }

    .LMcandcsec-lt {
        width: 70%;
    }

    .LMcandcsec-rt {
        width: 30%;
    }

    .LMcandcsec-lt p {
        font-size: 14px;
    }

    .lmblgpostbdytxt h5 {
        font-size: 18px;
    }

    .lmblgpost-img {
        height: 27vh;
    }

    .LMgftsection-top h2 {
        padding: 10px 0 5px;
        font-size: 30px;
    }

    .LMgftsection-top p {
        font-size: 14px;
        line-height: 25px;
    }

    .popLMgftcrd .modal-dialog {
        max-width: 690px;
    }

    .LMokaybtnforal {
        padding: 8px 70px;
        font-size: 18px;
    }

    #story-price-english-content-tittle,
    #story-price-spanish-content-tittle,
    .LMGVDLR {
        font-size: 28px;
    }

    .LMokaysecforuser {
        padding: 20px 0;
    }

    .LMgftsection-top {
        font-size: 14px !important;
        line-height: 28px;
    }

    .klipstags {
        padding: 5px 6px;
        font-weight: 500;
        font-size: 10px;
    }

    .klipsmain-class .lmsuggestion-listing .owl-prev {
        left: -45px;
    }

    .klipsmain-class .lmsuggestion-listing .owl-next {
        right: -45px;
    }

    .klps-item {
        width: 24%;
    }

    a.LoadMoreklips {
        font-size: 12px;
        width: 12%;
        padding: 5px 10px;
        border-radius: 12px;
    }

    .klps-publisvid video {
        max-height: 300px;
    }

    .klipsmain-class .lmsuggestion-listing .owl-prev,
    .klipsmain-class .lmsuggestion-listing .lmsuggestion-listing .owl-next {
        top: 0;
        width: 30px;
        height: 30px;
        font-size: 25px;
    }

    .lmsuggestion-listing .owl-prev,
    .lmsuggestion-listing .owl-next {
        width: 30px;
        height: 30px;
        font-size: 25px;
    }

    .sf-displaypost-sec {
        word-break: break-word;
        font-size: 14px;
    }



    .klp-flist h2 {
        padding: 0 0 20px;
    }

    .klps-singlereel,
    .klpsframeset {
        width: 90%;
    }

        .klpsframeset .klps-wrtpstsec {
            width: 95%;
        }

    .lm-blogtxt h2 {
        font-size: 30px;
    }

    .lm-blogtxt p {
        font-size: 14px;
    }

    .lm-blogtxt {
        bottom: 1.5em;
    }

    .lmsuggcrd-card-img {
        height: 120px;
        max-height: 100%;
    }

    .HMstroriesframeset {
        width: 60%;
        z-index: 000;
    }

    .HMallstorypage .storylefthandside {
        width: 35%;
    }

    .hminteavatar img {
        width: 100%;
    }
    .hminteavatar {
        bottom: 90px;
    }

    .storylefthandside {
        width: 45%;
    }
    .storyrighthandsidephoto {
        width: 55%;
    }


    .HM-inte h3 {
        font-size: 18px;
    }

    .HM-inte p {
        width: 90%;
        font-size: 12px;
    }

    .HMallstorypage .hmwriteyourstortypost {
        /*position: static;*/
        height: 100%;
    }

    .HM-rystr {
        top: 4em;
    }

    .HMSTR-restart-inner {
        margin: 11em 0 0;
    }

    .vg-nestpost-sec.vg-introuser-sec p {
        font-size: 12px;
    }

    .vg-nestpost-sec {
        padding: 10px;
    }

    .vg-intphotos-sec .ppc-item {
        width: 31.2%;
        margin: 0px;
        height: 70px;
    }

    .vg-all-ppc.d-flex {
        flex-wrap: wrap;
        gap: 8px;
    }

    .vg-inter-friends #PostFriendsTab .col-6.col-md-6.col-lg-6.col-xl-6 {
        padding-left: 5px;
        padding-right: 5px;
    }

    #PostFriendsTab {
        padding: 0 10px;
    }

    .vg-nestpost-sec h2 {
        font-size: 16px;
    }

    #post-tab-friends .vgtalks-card h2 {
        font-size: 12px !important;
    }

    .inner_features {
        border-radius: 60px;
        padding: 10px;
    }

    .feat_single {
        border-radius: 50px;
        min-height: 280px;
    }

        .feat_single img {
            width: 120px;
        }

    .feat_single {
        padding: 20px 10px;
    }

        .feat_single .btn {
            width: 70%;
            font-size: 12px;
        }

    .lm_nestedbigasset {
        padding: 1em 0;
    }

    .lm_figbigasset img {
        width: 100%;
    }

    .hm-stories-title h2, .hm-stories-title h3 {
        padding: 12px 15px;
        font-size: 18px;
    }

    .hm-crtestory-sec {
        padding: 10px;
    }

        .hm-crtestory-sec span .fa {
            width: 40px;
            height: 40px;
            line-height: 40px;
        }

    .hm-timline-avatar span img {
        width: 40px;
        height: 40px;
    }

    .hm-crtestory-sec h5 {
        font-size: 14px;
    }

    .hm-timline-avatar.d-flex.align-self-center.mr-3 {
        margin-right: 10px !important;
    }

    .writeapost p {
        font-size: 14px;
    }

    .lmsuggestion-title-sec h2 {
        font-size: 16px;
    }

    .user-profile img {
        width: 30px;
        height: 30px;
    }

    .user-profile p {
        font-size: 12px;
    }

    .hmactive-timeline h5 {
        font-size: 14px;
    }

    .vg-sidebar {
        width: 30%;
    }

    .HM-classmngsetting .vg-gereranaccountsetting h2 {
        font-size: 16px;
    }

    span.HMEDIT-BIO a {
        font-size: 12px;
    }

    .mngaccountsame {
        border-radius: 20px;
        padding: 10px 15px;
        margin: 0 0 15px;
        min-height: 80px;
    }

    .useraccsetting-head h2 {
        font-size: 16px;
    }

    .accsetting-thumbnail {
        padding: 15px;
    }

        .accsetting-thumbnail img {
            width: 70px;
        }

        .accsetting-thumbnail h6 {
            font-size: 16px;
        }

        .accsetting-thumbnail a.action-on-my-account.lmdeactivateacc {
            font-size: 12px;
            border: none;
        }
}

@media (min-width: 1101px) and (max-width: 1280px) {
    .sf-feedback-item img {
        width: 22px;
    }

    .HMcstfrmfsttme {
        width: 480px;
        height: 480px;
    }

    .HMcstfrmfsttme-img img,
    .lmadvertiser-fmfigure img {
        width: 250px;
    }

    .HMfirsttimepopopen {
        padding: 1.8em 0 0;
    }

    .HMcstfrmfsttme h2 {
        font-size: 20px;
    }

    .HMcstfrmfsttme p {
        width: 60%;
        font-size: 14px;
    }

    .HMallstorypage .hmwriteyourstortypost {
        height: 100%;
    }

    .HMallstorypage .storylefthandside {
        width: 25%;
    }

    .HMallstorypage .storyrighthandside {
        width: 75%;
    }

    .HMstroriesframeset,
    .lm-accdetinfocell .vg-gasname {
        width: 50%;
    }
    .hminteavatar  {
        bottom:90px;
    }
        .hminteavatar img {
            width: 80%;
        }

    .HM-rystr {
        position: absolute;
        left: 0;
        right: 0;
        top: 5.5em;
    }

    .HMSTR-restart-inner {
        margin: 11.5em 0 0;
        width: 100%;
        padding: 0;
        z-index: 999;
    }

    .HMSTR-restart a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    .HM-inte h3 {
        font-size: 20px;
    }

    .HM-inte-btn a.HMFTCS:hover {
        background: #01417f;
        color: #fff !important;
    }

    .lmdlurctacc {
        width: 56% !important;
    }

    .LMcandcsec,
    .klpsframeset {
        width: 90%;
    }

    .lmblgpost-img {
        height: 41vh;
    }

    .lmblgpostbdytxt h5 {
        font-size: 18px;
    }

    .LMgftsection-top h2 {
        padding: 10px 0 5px;
        font-size: 28px;
    }

    .LMgftsection-top p {
        font-size: 14px;
        line-height: 25px;
    }

    .popLMgftcrd .modal-dialog {
        max-width: 650px;
    }

    .LMokaybtnforal {
        padding: 8px 70px;
        font-size: 18px;
    }

    .LMgftsection-top span {
        font-size: 28px;
        line-height: 36px;
        font-weight: 600;
    }

    .LMokaysecforuser {
        text-align: center;
        padding: 20px 0;
    }

    .klipsmain-class .lmsuggestion-listing .owl-prev {
        left: -50px;
    }

    .klipsmain-class .lmsuggestion-listing .owl-next {
        right: -50px;
    }

    .klipstags {
        padding: 5px 8px;
        font-size: 12px;
    }

    .klps-item {
        width: 24%;
    }

    .klps-publisvid video {
        max-height: 300px;
    }

    .klipsmain-class .lmsuggestion-listing .owl-prev {
        top: 0;
        width: 30px;
        height: 30px;
        font-size: 25px;
    }

    .lm-blogtxt {
        bottom: 3em;
    }

        .lm-blogtxt h2 {
            font-size: 40px;
        }

        .lm-blogtxt p {
            font-size: 16px;
        }

    .vg-location-avatar img, .vg-friends-avatar img {
        width: 100px;
    }

    .vg-nestpost-sec h2 {
        font-size: 18px;
    }

    .nomessageimage {
        width: 100px !important;
    }

    .klp-flist h2 {
        font-size: 18px;
        padding: 15px 0;
    }

    .hm-stories-title h2 {
        font-size: 18px;
    }

    .hm-crtestory-sec span .fa {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

@media (min-width: 1281px) and (max-width: 1440px) {
    .sf-feedback-item img {
        width: 22px;
    }

    .HMcstfrmfsttme {
        width: 500px;
        height: 500px;
    }

    .HMcstfrmfsttme-img img {
        width: 290px;
    }

    .HMfirsttimepopopen {
        padding: 2em 0 0;
    }

    .HMallstorypage .hmwriteyourstortypost {
        height: 85.09%;
    }

    .HMallstorypage .storylefthandside {
        width: 25%;
    }

    .HMallstorypage .storyrighthandside,
    div#user-profile-url {
        width: 75%;
    }

    .HMstroriesframeset,
    .lm-accdetinfocell .vg-gasname {
        width: 40%;
    }

    .HM-rystr {
        position: absolute;
        left: 0;
        right: 0;
        top: 8em;
    }

    .HMSTR-restart-inner {
        margin: 14em 0 0;
        width: 100%;
        padding: 0;
        z-index: 999;
    }

    .HMSTR-restart a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    .HM-inte h3 {
        font-size: 20px;
    }

    .HM-inte-btn a.HMFTCS:hover {
        background: #01417f;
        color: #fff !important;
    }

    .hm-crtestory-sec h5,
    .hmactive-timeline h5 {
        font-size: 14px;
    }

    .HMtimeliner h5 {
        font-size: 14px;
        width: 100%;
    }

    .klpstypemsg .form-control,
    span#last-updated {
        font-size: 12px;
    }

    .lmadvertiser-fmfigure img {
        width: 250px;
    }

    .lmdlurctacc {
        width: 46% !important;
    }

    .LMcandcsec {
        width: 80%;
    }

    .lm-genrictextslider {
        padding: 1em 0 !important;
    }

    .lmtitleline h2 {
        font-size: 50px !important;
    }

    .lmblgpost-img {
        width: 40%;
        height: 46.5vh;
    }

    .LMgftsection-top {
        font-size: 15px !important;
        line-height: 25px;
    }

    .klipsmain-class .lmsuggestion-listing .owl-prev {
        top: 0;
        width: 30px;
        height: 30px;
        font-size: 25px;
    }

    .klipstags {
        font-size: 12px;
        padding: 5px 10px;
    }

    .klps-bypublished h5 {
        font-size: 13.5px;
    }

    .klps-rplyby .klps-bypublished p {
        font-weight: 500;
        font-size: 12.5px;
    }

    .klps-bypublished img {
        width: 30px;
        height: 30px;
        margin-right: 10px !important;
    }

    .heart-icon {
        font-size: 18px !important;
    }

    .lm-blogtxt h2 {
        font-size: 40px;
    }
}

@media (min-width: 1366px) and (max-width: 1400px) {
    .klps-item {
        width: 15.90%;
    }
}


@media (min-width: 1441px) and (max-width: 1660px) {
    .klpstypemsg .form-control,
    .lmtcapply,
    span#last-updated {
        font-size: 12px;
    }

    .sf-feedback-item img {
        width: 22px;
    }

    .gettheapp img {
        width: 100px;
    }

    .vg-setting-parent .vg-sidebar .vgtalks-contact {
        width: 340px;
    }

    .HMallstorypage .hmwriteyourstortypost {
        height: 85.09%;
    }

    p.font-12.HMSTR-duration,
    span.HMstorybin.text-white {
        bottom: 25px;
    }

    .HMcstfrmfsttme-img img,
    .lmadvertiser-fmfigure img {
        width: 250px;
    }

    .HMfirsttimepopopen {
        padding: 2.2em 0 0;
    }

    .HMcstfrmfsttme {
        width: 500px;
        height: 500px;
    }

        .HMcstfrmfsttme h2 {
            font-size: 20px;
        }

        .HMcstfrmfsttme p {
            font-size: 14px;
        }

    .HMstoryrighthandside {
        height: 90.5%;
    }

    .HM-rystr {
        position: absolute;
        left: 0;
        right: 0;
        top: 4em;
    }

    .HMSTR-restart-inner {
        margin: 9em 0 0;
        width: 100%;
        padding: 0;
        z-index: 999;
    }

    .HMSTR-restart a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    .HM-inte h3 {
        font-size: 20px;
    }

    .HM-inte-btn a.HMFTCS:hover {
        background: #01417f;
        color: #fff !important;
    }

    .hmactive-timeline h5 {
        font-size: 14px;
    }

    .HMtimeliner h5 {
        font-size: 14px;
        width: 100%;
    }

    div#user-profile-url {
        width: 75%;
    }

    .lmdlurctacc {
        width: 46% !important;
    }

    .lm-accdetinfocell .vg-gasname {
        width: 40%;
    }

    .LMcandcsec {
        width: 80%;
    }

    .lmblgpost-img {
        width: 40%;
        height: 46.5vh;
    }

    .LMgftsection-top h2 {
        margin: 0;
        padding: 0 0 5px;
        font-size: 30px;
    }

    .LMgftsection-mid img {
        width: 72%;
        padding: 10px 0 0;
    }

    .LMgftsection-top p {
        font-size: 16px;
        line-height: 32px;
    }

    .LMokaysecforuser {
        padding: 20px 0;
    }

    .lmtcapply {
        text-align: center;
        margin: 0;
        padding: 0;
        color: #fff;
    }

    .LMgftsection-top span {
        font-size: 30px;
        line-height: 40px;
        font-weight: 600;
    }

    .popLMgftcrd .modal-dialog {
        max-width: 690px;
    }

    .LMgftsection-top {
        font-size: 15px !important;
        line-height: 25px;
    }

    .klipstags {
        font-size: 12px;
        padding: 5px 10px;
    }

    .klps-bypublished h5 {
        font-size: 13px;
    }

    .klps-rplyby .klps-bypublished p {
        font-weight: 500;
        font-size: 12.5px;
        line-height: 15px;
    }

    .klps-bypublished img {
        width: 30px;
        height: 30px;
        margin-right: 10px !important;
    }

    .heart-icon {
        font-size: 18px !important;
    }

    .klps-btns {
        width: 27%;
    }

    .klpsframeset {
        width: 65%;
    }

    .HMSTR-restart .HM-inte-btn a.HMFTCS {
        font-size: 16px;
    }

    .klps-item {
        width: 15.90%;
        gap: 10px;
        cursor: pointer;
    }
}

@media (min-width: 1661px) and (max-width: 3000px) {
    .vg-drawer {
        width: 300px;
    }

    .vg-setting-parent .vg-sidebar .vgtalks-contact {
        width: 435px;
    }

    .HMallstorypage .hmwriteyourstortypost {
        height: 86.6%;
    }

    .HMcstfrmfsttme-img img {
        width: 455px;
    }

    .lmadvertiser-fmfigure img {
        width: 400px;
    }

    .HMfirsttimepopopen {
        padding: 3.2em 0 0;
    }

    .klps-item {
        width: 16%;
    }

    .klps-singlereel {
        height: 93.2%;
    }

    .klpscomtlist {
        height: 75%;
    }

    .klpscomment-main {
        height: 74%;
    }

    .klps-bypublished {
        padding: 8px 0;
    }

    .klps-toptitle hr {
        margin-top: 20px;
        margin-bottom: 5px;
    }

    .klps-toptitle h2 {
        font-size: 18px;
    }

    .how-its-work-url {
        margin: 4em 0;
    }

    .invite-avatar img {
        width: 100%;
    }

    .invite-avatar {
        padding: 4em 0 2em;
    }

    #errorMsgStoryText {
        color: red;
    }

    .custom-controls div {
        font-size: 28px;
    }

    .lm-blogtxt {
        bottom: 4.5em;
    }
}