@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap");

body,
p,
input,
button,
textarea,
select,
option,
span,
label,
ul,
li,
ol,
td,
tr,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
div,
code {
  font-family: "Source Sans Pro", sans-serif !important;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(73, 73, 73, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5a4;
}

::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5a4;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #929292;
}

textarea {
  resize: none;
}

a,
button,
video {
  outline: none;
  cursor: pointer;
}

a:visited,
a:checked,
.a:visited,
button:checked,
video:visited,
video:focus {
  outline: none;
}

.__highlighter strong {
  background: none !important;
  font-weight: bold !important;
}

ul.emoji-mart-category-list {
  max-width: 100% !important;
}


.emoji-mart-preview {
  height: 50px !important;
}

span.totalLikeList2021 {
  font-weight: 500;
  float: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-right: 5px;
  font-size: 15px !important;
  margin-top: 4px;
  height: 20px;
}

.mentions-input-box .emoji_control.keep-inside-clicks-open.open .dropdown-menu.emoji_box section.emoji-mart,
.post-icons-wall-21 section.emoji-mart,
.profile-navbar .suggested_star_contributors .view_friends.to-hover .portfolio_body_left_view_friendsimage .image-start-container .user-post-pic-holder.avater-image-2021 img.user_profile_img-2021,
img.user_profile_img-2021,
.modal-header.blockPeople_header .view_all_friends {
  position: relative !important;
}

.fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content #popup-post-details .post_right_side .portfolio_body_right4.main.status_content .is_shared_posted .my_streamcontent.main .right_popup_post_body .mobile_comment_footer_fix section.emoji-mart {
  position: absolute !important;
  bottom: 50px;
}


.userReportDesign {
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  float: left;
  padding: 8px 10px 8px 10px;
  font-weight: normal;
  font-size: 11px;
  border-radius: 5px;
  margin: 5px 0px;
}

.introModal,
.invite-group-modal,
.likeuserList,
.post-added-con,
.unique_message_2019_05_21,
.step_popup_cls,
.change_category-modal.change_post_category,
.nominate_modal {
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 9999999;
  background: #0000007d;
}

.step_popup_cls .modal-dialog {
  width: 730px !important;
}

.profile-card.prowrep.right-mar-pad div#profile-img-popub_profile_complete .avat-main17.profile_popup {
  height: 150px;
  width: 150px;
}

.profile-card.prowrep.right-mar-pad div#profile-img-popub_profile_complete .avat-main17.profile_popup form {
  float: left;
  width: 100%;
  height: 100%;
}

.profile-card.prowrep.right-mar-pad div#profile-img-popub_profile_complete .avat-main17.profile_popup form div svg {
  float: left;
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgb(233 243 249);
  padding: 5px;
}


.profile-card.prowrep.right-mar-pad div#profile-img-popub_profile_complete .avat-main17.profile_popup form div div {
  padding: 0;
  top: 105px;
  height: 40px;
  left: 10px;
  width: 85%;
}

.profile-card.prowrep.right-mar-pad div#profile-img-popub_profile_complete .avat-main17.profile_popup form div div button {
  margin: 0;
  width: 100%;
  float: left;
  height: 40px;
  border: none;
  -moz-border-radius: 0% 0% 50% 50% / 0% 0% 100% 100% !important;
  -webkit-border-radius: 0% 0% 50% 50% / 0% 0% 100% 100% !important;
  border-radius: 0% 0% 50% 50% / 0% 0% 100% 100% !important;
  background: #e9f3f961;
  content: "amar";
}

body.popup-scroll-hide,
.popup-scroll-hide-privacy {
  overflow: hidden !important;
}



button.feed_filter_type_1,
button.feed_filter_type_1:hover,
button.feed_filter_type_1:focus,
button.feed_filter_type_1:visited {
  font-weight: normal;
  font-size: 15px;
}

button.feed_filter_type_1 span,
button.feed_filter_type_2 span,
button.feed_filter_type_3 span {
  opacity: 1;
}

button.feed_filter_type_2,
button.feed_filter_type_2:hover,
button.feed_filter_type_2:focus,
button.feed_filter_type_2:visited {
  background: #0eb88f !important;
  font-weight: normal;
  font-size: 15px;
}

button.feed_filter_type_3,
button.feed_filter_type_3:hover,
button.feed_filter_type_3:focus,
button.feed_filter_type_3:visited {
  background: #de2350 !important;
  font-weight: normal;
  font-size: 15px;
}

.thumb_hover_whole_upload .cancel_thumb_img {
  cursor: pointer;
  position: absolute;
  top: -5px;
  right: -5px;
}

.my_streamcontent3.main .cancel_new_btn {
  top: 38px !important;
  position: absolute;
}

li.srcliBox a.trigger.right-caret.cat-nav-org.srcaBox svg,
li.srcliBox a.trigger.cat-nav-org.srcaBox.left-caret svg {
  left: 89%;
  z-index: 99;
  top: 65%;
  transform: translate(-65%, -89%);
}

.portfolio_body .portfolio_body_right .portfolio_body_right2 {
  width: 65% !important;
  margin-right: 10px;
  padding: 0 14px 10px 0;
  position: relative;
  float: left;
}

.portfolio_body_right2.stopscroll.main.group_dashboard_right {
  width: 100% !important;
  padding-right: 0;
  margin-right: 0;
}

.menuabout-17 .friends_tab_area-17 .friends_info_bottom2 {
  float: left;
  display: none;
}

.ReactModal__Body--open .new-stiky-cls.black-nav,
.popup-scroll-hide .new-stiky-cls.black-nav {
  z-index: 1;
}

.portfolio_header .container2021 {
  height: 41px;
}

.portfolio_header .container2021 .main {
  float: left;
  width: 100%;
  height: 41px;
}

.portfolio_header_right_mobile {
  float: right;
  width: auto;
}

.menu-text.flex-2021-text {
  display: inherit !important;
}

.menu-text.flex-2021-text span:nth-child(1) {
  font-size: 1.8rem;
  margin-top: 12px;
  float: left;
}

.portfolio_header .container2021 .main .search_hide1.search_hide21 {
  float: left;
  height: 41px;
}

.all_photo_gallery_area .portfolio_body_message_center .portfolio_message21 .message_area_top_heading .single-settings a span.icon-leftdot {
  display: inherit;
}

.portfolio_header .container2021 .main .search_hide1.search_hide21 .search_hide3 .logo_area {
  width: 100px;
  margin-right: 30px;
  line-height: 41px;
  margin-top: 0px !important;
  top: 0;
  position: relative;
}

.portfolio_header .container2021 .main .search_hide1.search_hide21 .search_hide3 .bitmap_src {
  margin-top: 0 !important;
  margin-left: 0 !important;
  height: 41px;
  line-height: 41px;
  left: 0;
  width: 291px !important;
  float: left;
}

.portfolio_header .container2021 .main .search_hide1.search_hide21 .search_hide3 .bitmap_src .over-search-2021 {
  width: 100%;
  float: left;
  height: 41px;
}

.portfolio_header .container2021 .main .search_hide1.search_hide21 .search_hide3 .bitmap_src .over-search-2021 div#input_search_area {
  float: left;
  height: 41px;
  width: 250px;
  position: relative;
}

.portfolio_header .container2021 .main .search_hide1.search_hide21 .search_hide3 .bitmap_src .over-search-2021 div#input_search_area input.headerSearchUser_new {
  margin: 0 !important;
  padding-right: 30px !important;
}

.portfolio_header .container2021 .main .search_hide1.search_hide21 .search_hide3 .bitmap_src .over-search-2021 .bar2021 {
  width: 1px;
  float: left;
  margin: 0 20px;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  height: 41px;
  line-height: 41px;
}

.portfolio_header .container2021 .main .search_hide1.search_hide21 .search_hide3 .bitmap_src .over-search-2021 .bar2021 svg {
  float: left;
  height: 41px;
}

.portfolio_header_left_bobile .portfolio_header_left a {
  float: left;
  height: 41px;
  line-height: 41px;
  display: flex;
  align-items: center;
}

.friends_droupdown_heading .friends-ico21 {
  top: 10px;
}

.LeftSideBar-main.LeftSideBar-main21 {
  max-width: 250px !important;
  padding-left: 0;
  margin-left: 20px;
  position: fixed;
  top: 95px;
  left: 0;
  padding-left: 2px;
  z-index: 2;
}
.leftside_isinvest_true,
.right_isinvest_true{
  top: 150px !important;
}
.middle_isinvest_true{
  margin-top: 140px !important;
}
.right_isinvest_true_chat_box{
  top: 120px;
}

.filter-nav>ul>li>.parent i {
  left: 6px;
  top: 1px;
  position: relative;
}

.profile-navbar .suggested_star_contributors .view_friends.to-hover {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.profile-navbar .suggested_star_contributors .view_friends.to-hover .portfolio_body_left_view_friendsimage {
  height: 30px;
  min-width: 30px;
  max-width: 30px;
  float: left;
  padding: 0;
  margin-right: 10px;
}

.profile-navbar .suggested_star_contributors .view_friends.to-hover .portfolio_body_left_view_friendsimage a {
  float: left;
  width: 100%;
  height: 100%;
}

.profile-navbar .suggested_star_contributors .view_friends.to-hover .portfolio_body_left_view_friendsimage a .image-start-container {
  height: 100%;
  width: 100%;
  position: relative;
}

.profile-navbar .suggested_star_contributors .view_friends.to-hover .portfolio_body_left_view_friendsimage a .image-start-container .user-post-pic-holder.avater-image-2021 {
  min-width: 100%;
  max-width: 100%;
  height: 100%;
}

.profile-navbar .suggested_star_contributors .view_friends.to-hover .portfolio_body_left_view_friendsimage a .image-start-container .user-post-pic-holder.avater-image-2021 span {
  font-size: 2.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-navbar .suggested_star_contributors .view_friends.to-hover .portfolio_body_left_view_friendsimage a .image-start-container svg {
  width: auto !important;
  height: 100%;
  position: absolute !important;
  right: -5%;
  top: 0px;
  left: auto;
}


.profile-navbar .suggested_star_contributors .view_friends.to-hover .bitlami .portfolio_body_left_view_friendscont .portfolio_body_left_view_friends_heading p {
  margin: 0 !important;
}

.infinite-scroll-component .status_content .my_streamcontent_bottom {
  padding: 0px;
  margin: 0 !important;
  width: 100%;
  float: left;
  z-index: 0;
}


.status_content h1.sharedTitleView {
  float: left;
  width: 100%;
  margin-bottom: 0px !important;
}

.status_content span.Linkify span {
  margin-right: 5px;
}

.status_content h1.sharedTitleView span.Linkify a {
  line-height: 25px !important;
  display: inline;
}

.status_content .Linkify.Linkify_loadmore code span,
.status_content span.Linkify.Linkify_loadless code>span,
.status_content .Linkify span a {
  line-height: 25px !important;
}

.status_content a.imgPostImLi {
  width: 100%;
  float: left;
  padding-top: 14px;
  cursor: pointer;
}

.status_content a.imgPostImLi img {
  width: auto;
  max-width: 100%;
}

p.vpost-site-icon img {
  width: auto !important;
}

.status_content a.imgPostImLi .imgPostText h2 {
  margin-top: 0 !important;
  line-height: 23px;
  font-size: 17px;
  word-break: break-word;
}

.status_content .img_options {
  width: 171px;
  z-index: 9;
  position: absolute;
  max-width: 208px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.status_content .img_options ul {
  padding: 0;
  margin: 0;
}

.status_content .my_streamcontent_bottom .imgPostMain .img_options ul li {
  padding: 5px;
  cursor: pointer;
}

.status_content .my_streamcontent_bottom .imgPostMain .img_options ul li:first-child {
  border-radius: 5px 5px 0 0;
}

.status_content .my_streamcontent_bottom .imgPostMain .img_options ul li:last-child {
  border-bottom: none;
  border-radius: 0 0 5px 5px;
}

.status_content .my_streamcontent_bottom .imgPostMain .img_options ul li:hover {
  background: #2687c9;
}

.status_content .comment_friend.after_comment {
  float: left;
  width: 100%;
  padding: 20px 15px;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
  position: relative;
}

.comment_friend.after_comment.more_comment_2339.my_streamcontent3.main+.cssload-container-div {
  float: left;
  height: 0px;
  width: 30px;
  position: relative;
  left: 20% !important;
  top: 0% !important;
  transform: none;
  margin-top: -10px;
}

.comment_friend.after_comment.more_comment_2339.my_streamcontent3.main+.cssload-container-div .cssload-div {
  height: 20px;
  width: 20px;
}

.status_content .comment_friend.after_comment .comment-show-hide-link-2021 {
  float: left !important;
  width: 18%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  top: 0px;
  cursor: pointer;
}

.status_content .comment_friend.after_comment .my_streamcontent3_right_history.main {
  float: right !important;
  width: 40%;
  justify-content: flex-end;
}

.status_content .comment_friend.after_comment .my_streamcontent3_right_history.main .my_streamcontent3_top_left .MoreComm {
  margin: 0 !important;
}

.status_content .comment_friend.after_comment .my_streamcontent3_right_history.main .my_streamcontent3_top_left .MoreComm div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
}

.status_content .comment_friend.after_comment .my_streamcontent3_right_history.main .my_streamcontent3_top_left .MoreComm div span.icon-dot {
  font-size: 0.35em;
  display: flex;
  align-items: center;
}

.status_content .post-commnet-container.show .my_streamcontent3_right_history.main {
  float: left;
  justify-content: flex-start;
  width: 100%;
}

.status_content .post-commnet-container.show .comment_friend.after_comment.my_streamcontent3.main {
  margin-top: 0px !important;
}

.status_content .my_streamcontent2.main.after_comment {
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_left_icon {
  margin-right: 8px;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main {
  width: 86% !important;
  float: left;
  margin: 0px;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .cancel_new_btn.comment_cancel {
  width: auto;
  float: left;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  margin-left: 5px;
  margin-top: -5px;
  position: absolute;
  right: -40px;
  padding: 5px 0;
  top: 35px;
}

.friends-find21 p,
.fade.nominate_modal.common-post-modal.in.modal .modal-content,
.likeuserList .modal-content .modal-footer .more-like-user.more-like-user-footer,
.modalPost_commentReply,
.form-group.webSiteAdd .form-group,
.nominate_modal .form-group input.form-control,
.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .mentions-input-box {
  width: 100%;
}

.status_content .my_streamcontent2.main.after_comment .comment_new_style {
  float: right;
  width: 35px;
  margin-top: 5px;
}

.status_content .my_streamcontent2.main.after_comment .comment_new_style .comment_new_left_side {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}

.status_content span.more-people-likes,
.status_content .my_streamcontent2_right .my_streamcontent2_like_share .ShareDrop19 span.dropbtn,
span.like_count_string {
  font-weight: 500;
}

span.like_count_string {
  font-size: 15px !important;
  margin-top: 3px;
}

.sharedTitleView span.Linkify div {
  font-weight: bold;
  font-size: 16px;
}

.friends_info_bottom2,
section.emoji-mart-category ul.emoji-mart-category-list li button.emoji-mart-emoji span,
.comment-show-hide-link-icom {
  cursor: pointer;
}



.status_content .post-commnet-container.show {
  float: left;
  width: 100%;
  border-top: 1px solid #eeeeee;
  margin-top: 10px;
  padding-top: 10px;
}

.status_content .post-commnet-container.show .view-more-comments {
  float: left;
  display: flex;
  align-items: center;
}

.status_content .post-commnet-container.show .view-more-comments a.MoreComm+.cssload-container-div {
  position: relative;
  height: 30px;
  width: 30px;
  float: left;
  float: left;
  left: 0 !important;
  top: 0 !important;
  transform: none;
}

.status_content .post-commnet-container.show .view-more-comments a.MoreComm+.cssload-container-div .cssload-div {
  height: 20px;
  width: 20px;
}

button.video-react-icon-fullscreen.video-react-fullscreen-control.video-react-control.video-react-button.video-react-icon::before {
  content: "\e989" !important;
  font-family: "icomoon";
  font-size: 14px;
  margin-top: 4px;
}

button.video-react-icon-fullscreen-exit.video-react-fullscreen-control.video-react-control.video-react-button.video-react-icon::before {
  content: "\e98a";
  font-family: "icomoon";
}

.new_more_posts {
  z-index: 99;
  float: left;
  width: 100%;
  text-align: center;
  top: -180px;
  position: relative;
  left: -4%;
}

.new_more_posts button {
  border: none;
  background: transparent;
  font-weight: 600;
  font-size: 13px;
  min-width: 150px;
  padding: 10px;
  text-align: center;
  border-radius: 20px;
  box-shadow: 0px 0px 10px #cacaca;
  position: fixed;
  height: 50px;
}

.new_more_posts button i::after {
  margin-right: 5px;
  content: "|";
  margin-left: 5px;
}

.post-user-profile-details ul.post-setting-map li a i:nth-child(2) {
  float: right;
}

#darktooltip-undefined {
  position: absolute;
  text-align: left !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  line-height: 23px;
  opacity: 1 !important;
  padding: 25px !important;
  font-size: 13px;
  top: 142px !important;
  z-index: 99999;
}

#darktooltip-undefined .fa {
  font-size: 25px;
  text-align: left;
  position: absolute;
  top: -4px;
  left: -7px;
}

.is_shared_post .post_profile_top {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.is_shared_post .post_profile_top .post-user-profile,
.post_profile_top .post-user-profile {
  position: relative;
  float: left;
  margin-right: 10px;
}


.is_shared_post .post_profile_top .shared_profile_header .post-upd-name {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

.is_shared_post .imgPostText {
  border-radius: 0px 0px 20px 20px;
  padding: 10px 12px;
  position: relative;
}

.LeftSideBar-main {
  margin-left: 30px;
}

.founding-badge-view {
  float: left;
  padding-left: 12px;
}

.founding-badge-view i {
  position: relative;
  top: -2px;
}

.cover-bg .container21 .user_Profile_Info .profile-identity .divCheck .founding-badge-view span.founding-member-badge {
  position: relative;
  float: left;
  height: 20px;
  width: 16px;
  display: flex;
  align-items: center;
}

span.founding-member-badge::after {
  content: "\2022";
  font-size: 20px;
  line-height: 24px;
  margin: 4px;
  position: absolute;
  right: -15px;
}

.portfolio_body_right_footer .footer.footerOnRight .footer_bottom.rightFootterCon .footer_bottom_left_main p {
  font-size: 13px;
}

.app-box-sec1 .btn-android img.playtorebutton {
  width: 100%;
  height: 100% !important;
}

.content.friends_tab_area_new_content {
  min-height: 1px;
}

.find-friend-wrapper .find-friend-box .tab-content .friends_tab_area .friends_tab_area_new_content .fw-facebook .find-with-facebook button,
.find-friend-wrapper .find-friend-box .tab-content .twitter_friends_invitation_tab a {
  margin-left: 0;
  border-radius: 5px;
}

.portfolio_body.group-body .wall-left-col.group_body_left .container21 .profile-identity {
  width: 47%;
  padding-left: 0 !important;
}

.portfolio_body.group-body .wall-left-col.group_body_left .container21 .profile-identity p.user-profile-name,
.portfolio_body.group-body .wall-left-col.group_body_left .container21 .profile-identity p.likes-friends {
  left: 0;
  padding-left: 0;
}

.portfolio_body.group-body .wall-left-col.group_body_left .container21 .profile-identity p.user-profile-name {
  text-align: start;
}

.portfolio_body.group-body .wall-left-col.group_body_left .profileCover-Nav ul.profile-nav {
  padding-left: 0;
}

.postMentionsInputBox-edit-post-21>div>div>div {
  box-shadow: none;
}

.my_streamcontent3.main .like-replay-wrap .my_streamcontent3_bottom_right.clscommentLikeShow {
  height: 20px;
  margin-right: 0;
}

.my_streamcontent3.main .like-replay-wrap .my_streamcontent3_bottom_right.clscommentLikeShow .last_coment_amount-react {
  padding-left: 7px !important;
  padding-right: 0 !important;
  cursor: pointer;
}

.my_streamcontent3.main .like-replay-wrap .my_streamcontent3_bottom_right.clscommentLikeShow .last_coment_amount_like {
  width: 17px;
  height: 20px;
  margin-right: 0;
}

.my_streamcontent3.main .last_coment_amount_like img {
  vertical-align: top;
}

.my_streamcontent3.main .like-replay-wrap .comment_reply svg {
  float: left;
  height: 20px;
  line-height: 20px;
  margin: 0 10px !important;
}

.site-nav-mid.site-nav-mid-continer__snm21.top_header_menu_button.open_top_header_menu_button {
  float: left;
  z-index: 1;
}

.portfolio_body_left.profile-progress-area.liker-create-account .portfolio_body_left_impruve.profile-progress.blue_bg {
  padding-bottom: 0 !important;
}

.portfolio_body_left.profile-progress-area.liker-create-account .portfolio_body_left_impruve2 {
  float: left;
  margin: 0;
}

.portfolio_body_left.profile-progress-area.liker-create-account .portfolio_body_left_impruve2 .progressbar-count.progressbarText {
  padding: 20px 0;
}

.portfolio_body_left.profile-progress-area.liker-create-account .portfolio_body_left_impruve3 {
  float: left;
  width: 100% !important;
}

section.group_section_inner .group_div_inner .portfolio_body_right.wall_photos_21 {
  width: 100% !important;
  max-width: 100% !important;
}

section.group_section_inner .group_div_inner .portfolio_body_right.wall_photos_21 .portfolio_body_right2.stopscroll.main {
  margin: 0;
  padding: 0;
}

section.group_section_inner .group_div_inner .portfolio_body_right.wall_photos_21 .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .photo_galari__ {
  padding-bottom: 0;
}

section.group_section_inner .group_div_inner .portfolio_body_right.wall_photos_21 .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .photo_galari__ .tab-edit-button-photo-17 h3 {
  margin: 0;
  padding-bottom: 15px;
}

section.group_section_inner .group_div_inner .portfolio_body_right.wall_photos_21 .portfolio_body_right2.stopscroll.main p.no-more-photo {
  width: 100%;
  text-align: center;
  float: left;
  margin: 10px 0;
}


.my_streamcontent3_right_history_bottom.reply_photo_single .edit_comment_reply_to_reply .my_streamcontent2.main.after_comment {
  width: 100% !important;
  float: left;
  margin: 0 !important;
  display: block !important;
  top: 8px;
}

.my_streamcontent3_right_history_bottom.reply_photo_single .edit_comment_reply_to_reply .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main {
  width: 100% !important;
  margin-top: 8px;
}

.my_streamcontent3_right_history_bottom.reply_photo_single .edit_comment_reply_to_reply .my_streamcontent2.main.after_comment .comment_new_style {
  width: 14.5%;
  float: right;
  text-align: right;
  margin: 0 !important;
  padding: 0 !important;
}

.my_streamcontent3_right_history_bottom.reply_photo_single .edit_comment_reply_to_reply .my_streamcontent2.main.after_comment .comment_new_style .comment_new_left_side {
  float: right;
}

.my_streamcontent3_right_history_bottom.reply_photo_single .edit_comment_reply_to_reply .my_streamcontent2.main.after_comment .comment_new_style .cancel_new_btn.comment_cancel {
  float: right;
  text-align: right;
  position: relative;
  top: 0 !important;
  right: 0 !important;
  padding: 0 !important;
  margin-top: 10px;
  margin-right: 5px;
  font-weight: normal;
}

.general-comment-main .my_streamcontent3_top_left.left3 {
  width: auto;
  float: left;
  /* display: flex; */
  display: grid;
  align-items: center;
}

.general-comment-main .my_streamcontent_post_date.my_streamcontent_post_date_view {
  width: auto;
  top: 0 !important;
  z-index: 99;
}

.my_streamcontent3_right_history_bottom.general-comment.cmt_photo_single {
  margin-left: 0;
  width: 100%;
  float: left;
  margin-top: 0;
  padding: 0 !important;
}

.my_streamcontent3_right_history_bottom.general-comment.cmt_photo_single .my_streamcontent3_bottom_left.comment_img_17 {
  padding: 0 !important;
}

.my_streamcontent3_right_history_bottom.general-comment.cmt_photo_single .my_streamcontent3_bottom_left.comment_img_17 .img_comment_box {
  margin-top: 0 !important;
  float: left;
  width: 100%;
}

.my_streamcontent3_right_history_bottom.general-comment.cmt_photo_single .my_streamcontent3_bottom_left.comment_img_17 .img_comment_box span.Linkify span {
  margin-left: 5px;
}

.my_streamcontent3_right_history_bottom.general-comment.cmt_photo_single .my_streamcontent2.main.after_comment.only_edit_main_comment {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.my_streamcontent3_right_history_bottom.general-comment.cmt_photo_single .my_streamcontent2.main.after_comment.only_edit_main_comment .comment_new_style.comment_area_591 {
  width: auto !important;
  margin-left: 5px !important;
  display: grid !important;
  justify-content: center;
  align-items: center;
}

.my_streamcontent3_right_history_bottom.general-comment.cmt_photo_single .my_streamcontent2.main.after_comment.only_edit_main_comment .comment_new_style.comment_area_591 {
  width: 100%;
  padding: 0 !important;
  margin: 0;
}

.my_streamcontent3_right_history_bottom.general-comment.cmt_photo_single .my_streamcontent2.main.after_comment.only_edit_main_comment .comment_new_style.comment_area_591 .cancel_new_btn.comment_cancel {
  float: right;
  text-align: right;
  position: relative;
  top: 0 !important;
  right: 0 !important;
  padding: 0 !important;
  margin-top: 10px;
  margin-right: 5px;
  font-weight: normal;
}

.group_div_inner .posts_wrapper11.member_list_view .friends_tab_area-17 .friends_info_bottom {
  position: relative;
  right: 0;
  top: 0;
  width: auto;
}

.group_div_inner .posts_wrapper11.member_list_view .friends_tab_area-17 .friends_info_bottom span.member_owner {
  position: relative;
  left: 0;
}

.group_div_inner .posts_wrapper11.member_list_view .friends_tab_area-17 .friends_info_bottom .friends_info_bottom3.cancelbtn {
  position: relative;
  left: 0;
}

.group_div_inner .posts_wrapper11.member_list_view .friends_tab_area-17 .friends_info_bottom .friends_info_bottom2 {
  margin-right: 5px;
}

/* .group_div_inner .posts_wrapper11.member_list_view .friends_tab_area-17 .friends_info_bottom .friends_info_bottom3 {
  margin-right: 5px;
} */

.group_div_inner .posts_wrapper11.member_list_view .friends_tab_area-17 .friends_info_bottom .friends_info_bottom3:last-child {
  margin-right: 0;
}

.account_main .account_cint.block .account_cont_right .block-button .tabel-body-17 {
  position: absolute;
  top: 50% !important;
  bottom: 0 !important;
  left: 50% !important;
  right: 0 !important;
  text-align: center !important;
  -moz-transition: height 1s ease important;
  -webkit-transition: height 1s ease important;
  -o-transition: height 1s ease important;
  transition: height 1s ease important;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 {
  padding: 25px;
  width: 420px !important;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);
  border-radius: 20px;
}

.account_main .account_cint.block .account_cont_right .block-button .modal-content-bottom2,
.modal-content-rank-all-post {
  width: 100%;
  float: left;
  height: auto;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-header {
  float: left;
  width: 100%;
  padding: 0px !important;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-header .view_all_friends {
  float: left;
  width: 100%;
  position: absolute;
}

.account_main .account_cint.block .account_cont_right .block-button .view_all_friends_heading2 {
  float: left;
  height: auto;
  position: relative;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-header .view_all_friends_heading2 h3 {
  text-align: left;
  margin: 0px;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
}

.account_main .account_cint.block .account_cont_right .block-button .modal-header .close {
  opacity: 1;
  background: #333333 !important;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  position: absolute;
  top: -30px;
  right: -33px;
  text-align: center;
}

.account_main .account_cint.block .account_cont_right .block-button .modal-header .close span {
  font-size: 9pt !important;
}

.account_main .account_cint.block .account_cont_right .block-button .modal-header .close span {
  position: relative;
  top: 1px;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 20px;
  transform: translate(0);
  height: 27px;
  line-height: 24px;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-body.modal-body-17 {
  max-height: 420px !important;
  overflow: auto;
}

.account_main .account_cint.block .account_cont_right .block-button .modal-body-17 {
  padding: 1px !important;
  text-align: center !important;
}

.account_main .account_cint.block .account_cont_right .block-button .content {
  position: relative;
  max-width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-content-bottom2 .view_all_friends_bottom {
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: inline-block;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-content-bottom2 .view_all_friends_bottom:last-child {
  border-bottom: 0;
}

.account_main .account_cint.block .account_cont_right .block-button .totale_area2 {
  height: auto;
  width: 100%;
  float: left;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-content-bottom2 .view_all_friends_bottom .totale_area2 {
  padding: 10px 5px !important;
}

.account_main .account_cint.block .account_cont_right .block-button .notifications_message_image2 {
  float: left;
  height: 45px;
  width: 45px;
}

.account_main .account_cint.block .account_cont_right .block-button .notifications_message_image2 img {
  height: 45px;
  margin-right: 5px;
  width: 45px;
}

.account_main .account_cint.block .account_cont_right .block-button .notifications_message_text {
  max-width: 311px;
  padding: 0 10px;
  height: auto;
  float: left;
  text-align: left;
}

.account_main .account_cint.block .account_cont_right .block-button .notifications_message_text h3 {
  margin: 0 !important;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
}

.account_main .account_cint.block .account_cont_right .block-button .notifications_message_text h3 a {
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
}

.account_main .account_cint.block .account_cont_right .block-button .light_lff span.light2 {
  font-weight: 600;
  font-size: 11px;
  line-height: 15px;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-content-bottom2 .view_all_friends_bottom .add_friend {
  display: inline;
  float: right;
  background: rgba(255, 0, 0, 0.1) !important;
  border-radius: 7px !important;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-content-bottom2 .view_all_friends_bottom .add_friend a button.btn.btn-default.block-pop-btn {
  color: inherit;
  background: initial;
  border-color: inherit;
  border: none !important;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-content-bottom2 .view_all_friends_bottom .add_friend a button.btn.btn-default.block-pop-btn span {
  margin-right: 0;
}

.nominate_modal .table_body .dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17 {
  right: 0 !important;
  left: 50% !important;
}

.nominate_modal .table_body .dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17 ul#content.dropCustome.sdrpmenu.content.dropBoxnav .dropdown-menu.sub-menu li a span.sub-cat-add-img {
  top: 0;
  line-height: 15px;
}

.nominate_modal .table_body .dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17 ul#content.dropCustome.sdrpmenu.content.dropBoxnav .dropdown-menu.sub-menu li a span.sub-cat-add-img svg {
  position: relative;
  left: 0 !important;
  top: 0 !important;
}

.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded {
  float: left;
  width: 100%;
  padding: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded+.posts_wrapper.allpost-body-left {
  margin-top: 15px;
}

.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded .left-site-star-info,
.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded .right-site-star-info {
  font-size: 18px;
  padding: 5px 0;
  float: left;
  width: 50%;
  line-height: 30px;
  margin-bottom: 15px;
}

.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded ul.profile-badge.all-profile-badge {
  padding-left: 0px;
}

.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded ul.profile-badge.all-profile-badge li {
  float: left;
  padding: 5px;
  width: 25%;
}

.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded ul.profile-badge.all-profile-badge li a {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: grid;
  padding: 10px;
}

.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded ul.profile-badge.all-profile-badge li a p {
  display: block;
  text-align: center;
  font-weight: bold;
  margin: 0;
  width: 100%;
  border: none;
}

.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded ul.profile-badge.all-profile-badge li a p:nth-child(2) {
  line-height: 25px;
  font-size: 11px;
  font-weight: bold;
}

.report-modal .modal-header h5 {
  line-height: 22px;
}

.lbmcamcbr_in_but .custom-common-but.disabled-but .cssload-double-div {
  height: 25px;
  width: 25px;
  position: absolute;
  border-color: transparent rgb(255 255 255) rgb(255 255 255);
  animation: cssload-spin 1.05s infinite linear;
  -o-animation: cssload-spin 1.05s infinite linear;
  -ms-animation: cssload-spin 1.05s infinite linear;
  -webkit-animation: cssload-spin 1.05s infinite linear;
  -moz-animation: cssload-spin 1.05s infinite linear;
}

.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-body {
  padding: 0 !important;
  padding-right: 25px !important;
  overflow-y: auto;
  float: left;
}

.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-header {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}


.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-body .featured-images-wrap .suggested-featured-photo p {
  font-size: 14px;
  float: left;
  width: 100%;
  line-height: 22px;
  margin-bottom: 8px;
  text-indent: 7px;
}

.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-body .featured-images-wrap .suggested-featured-photo .form-group.mob-cmn-cls.col-md-6 {
  padding-top: 0;
}


.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-body .featured-images-wrap .suggested-featured-photo .form-group.mob-cmn-cls.col-md-12 .Dropzone {
  height: auto;
  min-height: auto !important;
  position: relative;
  float: left;
}

.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-body .featured-images-wrap .suggested-featured-photo .form-group.mob-cmn-cls.col-md-12 .new_upload_photos .edit-featurs-images {
  min-height: 20px;
  height: auto;
  margin-top: 0 !important;
}

.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-footer {
  float: left;
  width: 100%;
  padding-right: 25px;
}

.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-footer .action-wrap button.btn.btn-success {
  width: 100% !important;
  float: left;
}


.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-footer .text-danger {
  background: rgba(255, 0, 0, 0.05) !important;
  padding: 14px 10px;
  border-radius: 5px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-footer .text-danger span {
  margin-right: 7px;
}


#dropdown-notificatoin1 #notificatione_new_area_scroll .notifications_area.new-unread-notification {
  position: relative;
}

#dropdown-notificatoin1 #notificatione_new_area_scroll .notifications_area.new-unread-notification::after {
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 50%;
  position: absolute;
  right: 11px;
  bottom: 11px;
}

.friends-find21 {
  justify-content: center;
  text-align: center;
  padding-top: 10px !important;
  min-height: 80px;
}

.friends-find21 .find-with-facebook.facebookshare {
  padding-top: 10px !important;
}

.friends-find21 a.btn.btn-primary.send_friend_invitaion_common_btn {
  margin: 0;
}

.tab-pane.active {
  width: 100%;
  position: relative;
  min-height: 50px;
}

img#fb_loading {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.friends_info_bottom2:hover,
.friends_info_bottom3:hover {
  background: #2687c9 !important;
}

.modal-content.model-popup-inner-17 .modal-footer .action-wrap button.cancleNewEmailBtm {
  background: #dc3545 !important;
  border: 1px solid #dc3545 !important;
  transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  margin-right: 20px !important;
}

.step_popup_cls .find-friend-btn {
  margin-bottom: 15px;
  border-top: 1px solid #c4cad58c;
  padding-top: 25px;
}

.img_2_add__highlighter strong,
.img_3_add__highlighter strong,
.img_4_add__highlighter strong,
.img_5_add__highlighter strong,
.img_6_add__highlighter strong,
.gradient_2_add__highlighter strong,
.gradient_3_add__highlighter strong,
.gradient_4_add__highlighter strong,
.gradient_5_add__highlighter strong,
.gradient_6_add__highlighter strong,
.gradient_7_add__highlighter strong,
.gradient_8_add__highlighter strong,
.gradient_9_add__highlighter strong,
.gradient_10_add__highlighter strong,
.gradient_11_add__highlighter strong,
.gradient_12_add__highlighter strong,
.gradient_13_add__highlighter strong,
.gradient_14_add__highlighter strong,
.gradient_15_add__highlighter strong,
.gradient_16_add__highlighter strong,
.gradient_17_add__highlighter strong,
.gradient_18_add__highlighter strong {
  display: none !important;
}



.my_streamcontent_bottom .imgPostMain h1.sharedTitleView span div span {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}

.my_streamcontent_bottom .imgPostMain h1.sharedTitleView span div span a {
  font-size: 16px;
  line-height: 25px;
}

.is_shared_post .my_streamcontent.main h1.shared_post_titles_on_post span div span span,
.is_shared_post .my_streamcontent.main h1.shared_post_titles_on_post span div span a {
  font-size: 16px;
  line-height: 25px;
}

.img_2_preview .imgPostMain h1.sharedTitleView span div span,
.img_3_preview .imgPostMain h1.sharedTitleView span div span,
.img_4_preview .imgPostMain h1.sharedTitleView span div span,
.img_5_preview .imgPostMain h1.sharedTitleView span div span,
.img_6_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_2_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_3_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_4_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_5_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_6_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_7_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_8_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_9_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_10_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_11_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_12_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_13_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_14_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_15_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_16_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_17_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_18_preview .imgPostMain h1.sharedTitleView span div span {
  margin: 0 !important;
  padding: 0 !important;
  display: inline !important;
  font-size: 25px !important;
  line-height: 34px;
  font-weight: 700 !important;
  font-family: "Helvetica", sans-serif, Arial !important;
}

.img_2_preview .imgPostMain h1.sharedTitleView span div span a,
.img_3_preview .imgPostMain h1.sharedTitleView span div span a,
.img_4_preview .imgPostMain h1.sharedTitleView span div span a,
.img_5_preview .imgPostMain h1.sharedTitleView span div span a,
.img_6_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_2_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_3_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_4_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_5_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_6_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_7_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_8_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_9_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_10_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_11_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_12_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_13_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_14_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_15_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_16_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_17_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_18_preview .imgPostMain h1.sharedTitleView span div span a {
  font-weight: bold !important;
  font-size: 22px !important;
}

.color_1_add__suggestions {
  z-index: 9999 !important;
}

.gradient_9_preview .imgPostMain h1.sharedTitleView span div span a {
  font-weight: bold;
  font-size: 22px;
}

.meme_new_popup_design_19 .my_streamcontent_bottom .imgPostMain h1.sharedTitleView span div a {
  display: inline !important;
  float: inherit;
}

.portfolio_body.group-body.public-group-body .wall-left-col.group_body_left {
  width: 100% !important;
  position: relative;
}

.password_error.alert.alert-success {
  background: #d4edda !important;
  border: 1px solid #155724;
  width: 100%;
  border-radius: 10px !important;
  font-size: 15px;
  font-weight: bold;
  z-index: 1;
  opacity: 1;
}


.fade.nominate_modal.common-post-modal.in.modal .modal-content .hide-nominate-scrollable.modal-body {
  overflow-y: inherit !important;
  float: left;
  width: 100%;
}

.fade.nominate_modal.common-post-modal.in.modal .modal-content .hide-nominate-scrollable.modal-body .model-popup-inner-17 {
  float: left;
  width: 100% !important;
}


.fade.nominate_modal.common-post-modal.in.modal .modal-content .modal-footer {
  float: left;
  width: 100%;
  padding: 0 !important;
  padding-bottom: 10px !important;
}

.fade.nominate_modal.common-post-modal.in.modal .modal-content .modal-footer .col-md-12.add_new_phone {
  width: 130px;
  float: left;
  top: 0;
}

.fade.nominate_modal.common-post-modal.in.modal .modal-content .modal-footer button.cancleNewEmailBtm.cnl-btn {
  margin: 0 !important;
  float: left !important;
}

.fade.nominate_modal.common-post-modal.in.modal .modal-content .modal-footer .add_new_phone {
  float: right;
}

.fade.nominate_modal.common-post-modal.in.modal .modal-content .modal-footer .action-wrap.pull-right {
  margin: 0 10px !important;
}

.fade.nominate_modal.common-post-modal.in.modal .modal-content .modal-footer .action-wrap.pull-right .custom-common-but {
  position: relative;
  top: 0 !important;
  left: 0;
}

.fade.nominate_modal.common-post-modal.in.modal .modal-content .hide-nominate-scrollable.modal-body .model-popup-inner-17 .col-md-12.table_body .col-md-4 .text-danger {
  margin-top: -5px;
  margin-bottom: 5px;
}

.item.search-filter-category-btn {
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  border-radius: 5px !important;
  float: left !important;
  padding: 0 3px;
  width: auto;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item.search-filter-category-btn a {
  float: right;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  line-height: 23px;
  white-space: nowrap;
}

.item.search-filter-category-btn.item_active {
  background: rgb(38 135 201 / 23%);
}

.item.search-filter-category-btn:hover {
  background: rgb(38 135 201 / 15%);
}

.owl-item.active .item.search-filter-category-btn span {
  float: left;
  margin-right: 5px;
  left: 2px !important;
  top: 0 !important;
  transform: translateY(0) !important;
  line-height: 23px;
  font-size: 0.6em;
  position: relative;
}

.owl-nav button span {
  font-size: 1rem;
}

.owl-stage {
  height: 23px;
  overflow: hidden;
  margin-top: 5px;
  display: flex;
  width: fit-content !important;
}

ul.color_1_add__suggestions__list {
  max-width: 240px;
  min-width: 200px;
}

ul.color_1_add__suggestions__list li {
  padding: 5px !important;
  border-bottom: 1px solid #ccc;
  border-top: none !important;
  float: left;
  width: 100%;
}

ul.color_1_add__suggestions__list li:hover {
  background: #2687c9;
}

ul.color_1_add__suggestions__list li div.user {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  min-height: inherit !important;
}

ul.color_1_add__suggestions__list li div.user .userMentionPost {
  float: left;
  height: 26px;
  width: 26px;
  min-width: 26px;
  margin-right: 5px;
}

ul.color_1_add__suggestions__list li div.user .userMentionPost div {
  float: left;
  height: 100%;
  width: 100%;
}

ul.color_1_add__suggestions__list li div.user .userMentionPost div img.user_profile_img-2021 {
  float: left;
  height: 100%;
  width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

ul.color_1_add__suggestions__list li div.user svg {
  float: left;
  height: 26px;
  width: 26px;
  margin-right: 5px;
  border: 2px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 2px;
}

ul.color_1_add__suggestions__list li div.user a {
  float: left;
  height: 26px;
  width: 26px;
  margin-right: 5px;
}



.dropdown.dropdown-tip .dropdown-pane-more {
  -moz-box-shadow: 0 0 10px #2687c969;
  -webkit-box-shadow: 0 0 10px #2687c969;
  box-shadow: 0 0 10px #2687c969;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
}

.dropdown.dropdown-tip .dropdown-pane-more .moreOption {
  display: flex;
  align-items: center;
  padding: 8px;
}

.dropdown.dropdown-tip .dropdown-pane-more .moreOption a {
  display: flex;
  align-items: center;
  font-size: 13px !important;
}

.dropdown.dropdown-tip .dropdown-pane-more .moreOption a svg {
  margin-right: 5px;
}


.friends_area__.post_body_left.pd_top_none {
  padding-top: 0 !important;
}

.portfolio_body.contact_body,
.portfolio_body.trems_body {
  min-height: 91.2vh;
  width: 100%;
  position: relative;
  bottom: 0;
}

.portfolio_body.contact_body .container.custom-container .privacy_area.main_topic_margin {
  padding-top: 235px;
  margin-top: 0 !important;
}

.header_buttonClass.modal-header button span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.likeuserList .modal-content {
  padding: 20px 25px;
  float: left;
}

.likeuserList .modal-content .modal-header {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  height: 40px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.likeuserList .modal-content .modal-header .overview_close {
  position: absolute;
  top: -30px;
  right: -35px;
}

.likeuserList .modal-content .modal-header h3 {
  padding: 0;
}


.likeuserList .modal-content .modal-body .more-people-item {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.likeuserList .modal-content .modal-body .more-people-item .col-md-9 {
  padding-left: 0;
}

.likeuserList .modal-content .modal-body .more-people-item .col-md-9 .content .totale_area2 .notifications_message_text h3 {
  margin-top: 0;
  display: flex;
  align-items: center
}

.likeuserList .modal-content .modal-body .more-people-item .more-people-btns {
  top: 0;
  padding-right: 0;
}

ul.user_login_errortextUl li,
.advance-21-post-search,
.advance-21-post-search span,
.checkbox.worked-still.no-mar-top,
.checkbox.worked-still,
.checkbox.worked-still.no-mar-top label,
.checkbox.worked-still label,
.my_streamcontent_like1 .common-tagline .like-inc,
.cover-btn.group-page-btn.joined.more_profile_btn.pending_btn,
#content.feed_filter_ul_210519 li a,
ul.dropdown-menu.post-setting-map li,
.likeuserList .modal-content .modal-body .more-people-item .col-md-9 .content .totale_area2 {
  display: flex;
  align-items: center;
}

.likeuserList .modal-content .modal-body .more-people-item .col-md-9 .content .totale_area2 .notifications_message_image2 .post-user-profile {
  position: relative;
  align-items: center;
}

.likeuserList .modal-content .modal-body .more-people-item .col-md-9 .content .totale_area2 .notifications_message_image2 .post-user-profile svg.user_profile_img-2021.likes {
  height: 41px;
  width: 41px;
}

.likeuserList .modal-content .modal-body .more-people-item .col-md-9 .content .totale_area2 .notifications_message_text {
  padding-left: 10px;
}

.likeuserList .modal-content .modal-footer {
  width: 100%;
  float: left;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}


.likeuserList .modal-content .modal-footer {
  width: 100%;
  margin-top: 20px;
}


ul.wall-category-audiance-21 li span.cat-add-img.cat-add-img21 {
  margin-top: 0 !important;
  margin-right: 0;
}

ul.wall-category-audiance-21 ul li a,
div#popup-post-details .post_profile_top.post_In_Group {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

ul.wall-category-audiance-21 ul li a span.sub-cat-add-img.sub-cat-add-img21 {
  position: initial !important;
  margin-right: 0 !important;
}

.step2_Factor-Authentication h3 {
  text-align: center;
  margin-bottom: 26px;
}

.step2_Factor-Authentication h3 span {
  background: rgba(38, 135, 201, 0.1);
  border-radius: 15px;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.step2_Factor-Authentication h4 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
}

.step2_Factor-Authentication p {
  font-size: 15px;
  line-height: 27px;
  text-align: center;
  margin-bottom: 10px;
}

.activate_authentication {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
  font-weight: 600;
  font-size: 15px;
}

.activate_authentication .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.activate_authentication .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.activate_authentication .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.activate_authentication .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 2px;
  background: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.activate_authentication input:checked+.slider {
  background: #2196f3;
}

.activate_authentication input:focus+.slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.activate_authentication .slider.round {
  height: 30px;
  width: 60px;
  -moz-border-radius: 34px;
  -webkit-border-radius: 34px;
  border-radius: 34px;
}

.activate_authentication .slider.round:before {
  border-radius: 50%;
}

.emailvarified {
  overflow: hidden;
  box-shadow: 0px 4px 30px rgb(0 0 0 / 6%);
  border-radius: 20px;
  margin: 0 auto;
  padding: 40px;
}


button.btn.btn-Confirm {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  background: #2687c9;
  border-radius: 12px;
  width: 100%;
  height: auto;
  padding-top: 12px;
  float: right;
}


.step2_Factor-otp h3 {
  font-size: 35px;
  font-weight: 600;
  line-height: 47px;
}

.step2_Factor-otp .user_info_otp {
  float: left;
  display: flex;
  width: 100%;
  align-items: center;
  margin: 20px 0;
}

.step2_Factor-otp .user_info_otp .user_pic {
  float: left;
  width: 43px;
  height: 43px;
  background: #e3e8ec;
  border-radius: 50%;
  margin-right: 13px;
}

.step2_Factor-otp p.otp_sender {
  line-height: 30px;
  font-size: 15px;
  margin-bottom: 30px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.step2_Factor-otp p.otp_sender label {
  display: block;
  font-weight: 600;
}


.opt_fild label {
  display: block;
  line-height: 30px;
  margin-bottom: 5px;
}

input.opt_input {
  box-sizing: border-box;
  border-radius: 12px;
  height: 55px;
  text-align: center;
  width: 55px !important;
  margin-right: 10px;
  font-size: 17px;
}

button.btn.btn_continue {
  width: 100%;
  float: left;
  margin: 25px 0;
  height: 50px;
  background: #2687c9;
  border-radius: 12px;
  font-weight: bold;
  font-size: 15px;
}

.alert.alert-success {
  font-weight: bold;
  display: flex;
  align-items: center;
  float: left;
  width: 100%;
  z-index: 1;
}

.alert.alert-success span.successSvg {
  float: left;
  background: rgba(107, 191, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.passwordNew h3 {
  font-size: 35px;
  font-weight: 600;
  line-height: 47px;
}

.passwordNew p {
  margin: 18px 0;
  font-size: 16px;
  line-height: 30px;
}

.passwordfrom .form-group {
  margin-bottom: 10px;
  padding-top: 10px;
}

.passwordfrom .form-group label {
  margin-bottom: 8px;
  float: left;
  width: 100%;
}

.passwordfrom input.form-control {
  box-sizing: border-box;
  border-radius: 12px;
  height: 55px;
  width: 100%;
  font-size: 17px;
  padding: 0 20px;
}

button.btn.btn_reset {
  width: 100%;
  float: left;
  margin: 5px 0;
  height: 50px;
  background: #2687c9;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  padding-top: 0;
  font-weight: bold;
  font-size: 15px;
  line-height: 50px;
}

.changPass_done {
  padding: 70px 40px !important;
}

.passwordChanged h3.passChange {
  display: flex;
  align-items: center;
  width: 80%;
  margin: 0 auto;
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 15px;
}

.passwordChanged h3.passChange span {
  height: 45px;
  width: 45px;
  background: rgba(107, 191, 0, 0.1);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: flex;
  float: left;
  align-items: center;
  justify-content: center;
  margin-right: 35px;
  position: relative;
}

.passwordChanged h3.passChange span::after {
  position: absolute;
  content: "";
  height: 45px;
  width: 1px;
  background: #eee;
  left: 65px;
}

.passwordChanged p.otp_sender {
  font-size: 15px;
  line-height: 25px;
  text-align: center;
  margin: 15px 0;
}

.logNow {
  width: 34%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

button.btn.btn_loginNow {
  margin: 5px 0;
  height: 40px;
  background: #2687c9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  padding: 10px 20px;
}

.alert.alert-success {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 1;
}

span.log_err {
  float: left;
  width: 100% !important;
  background: none !important;
  text-align: left !important;
  justify-content: flex-start !important;
  display: flex;
  align-items: center;
}

.modal-backdrop {
  background: #000000;
  opacity: 0.85 !important;
}

.modal-backdrop .modal-dialog .modal-content .modal-footer {
  padding: 0 !important;
}

.croping-modal .modal-dialog {
  max-width: 880px;
  min-width: 880px !important;
  opacity: 1;
}

.croping-modal .modal-dialog .modal-content {
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  border: none;
}

.cropper-main .container-buttons {
  border: none !important;
}

.cropper-main .container-buttons button {
  background: #1388d1;
  border: none;
  border-radius: 5px;
  padding: 5px 20px;
  font-size: 16px;
  letter-spacing: 1px;
}

.activate_startCheckup {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
}

.activate_startCheckup button.btn.btn-startCheckup {
  width: 153px;
  height: 50px;
  background: #2687c9;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-weight: bold;
}

.any_messaage_step2 h3.icon-check {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

h3.icon-check {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0px;
}

.any_messaage_step2 h3.icon-check span {
  height: 50px;
  width: 50px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(107, 191, 0, 0.1);
}

.any_messaage_step2 .step2_Factor-Authentication p {
  margin-bottom: 30px;
}

.login-section-two_factor {
  text-align: center;
}

.login-section-two_factor .btn.btn_goHome {
  width: 137px;
  height: 50px;
  background: rgba(38, 135, 201, 0.1);
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  box-shadow: none;
  margin-top: 20px;
  font-weight: bold;
}

.wrongMess {
  text-align: center;
  float: left;
  width: 100%;
  margin-bottom: 5px !important;
}

ul.validation_password {
  display: block;
  -moz-box-shadow: 0px 16px 35px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 16px 35px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 16px 35px rgba(0, 0, 0, 0.05);
  -moz-border-radius: 0px 0px 20px 20px;
  -webkit-border-radius: 0px 0px 20px 20px;
  border-radius: 0px 0px 20px 20px;
  position: absolute;
  padding: 20px;
  z-index: 10;
  top: 85px;
  min-width: 100%;
}

ul.validation_password li {
  font-size: 14px;
  margin-bottom: 10px;
}

ul.validation_password li:last-child {
  margin-bottom: 0;
}

.pass_success:before {
  position: relative;
  content: "\e95d";
  font-family: "icomoon";
  margin-right: 10px;
  font-size: 12px;
}

.pass_error:before,
.nameText::before {
  position: relative;
  content: "\e965";
  font-family: "icomoon";
  margin-right: 10px;
  font-size: 12px;
}

.pass_error:before {
  position: relative;
  content: "\e965";
  font-family: "icomoon";
  margin-right: 10px;
  font-size: 12px;
}

.modal-backdrop.fade.in {
  opacity: 1 !important;
  background: #0000009c;
  /* z-index: 999999; */
}

div#dark_Active_modal {
  z-index: 999999;
}

.login_validation {
  float: left;
  width: 100%;
  position: relative;
}

.login_validation ul.validation_password {
  top: 0;
  width: 100%;
}

.modal-dialog.new-model-17 {
  margin: 80px auto !important;
}

.modal-content.model-popup-inner-17 .modal-body {
  max-height: 80vh !important;
  padding-top: 10px;
}


.modal-content.model-popup-inner-17 .modal-body form .form-group {
  padding-top: 0;
}

.modal-content.model-popup-inner-17 .modal-footer {
  padding: 0;
  margin-top: 10px;
}

.modal-content.model-popup-inner-17 .modal-footer .action-wrap .education-permission-top .permission-but-all .permissionDropbox.dropdown {
  position: relative;
  right: 0;
  margin-top: 0;
  margin-left: 0;
  bottom: 0;
}

.modal-content.model-popup-inner-17 .modal-footer .action-wrap button {
  margin-top: 0 !important;
  margin-right: 0 !important;
}

.portfolio_body .wall-left-col .about_edit .user_experince .form-group.col-md-6 .select-dropdown-one {
  width: 48%;
  float: right;
}

.modal-dialog.new-model-17 {
  min-width: 720px;
}

.portfolio_body_right2.stopscroll.main.account-cls {
  width: 85% !important;
}

.tour-tooltip-new-post-text {
  left: -265px;
}

.tour-tooltip-new-post-category {
  left: 100%;
  width: 300px;
  top: -85px;
  text-align: center;
}

ul.postMOdalPopup#content li a span.cat-name svg {
  left: 10px !important;
  top: 8px;
}

.singelCategory_FilterNav {
  padding-top: 5px !important;
}


.singelCategory_FilterNav a.trigger.right-caret.cat-nav-org.srcaBox {
  padding: 0px 8px;
  margin-bottom: 6px;
}

ul#content.feed_filter_ul_210519 li a svg {
  top: 8px;
  left: 5px;
}

ul#content.feed_filter_ul_210519 li a span.sub-cat-add-img div svg {
  margin-left: 6px !important;
}

ul.user_login_errortextUl {
  margin-bottom: 15px !important;
  display: block;
  align-items: center;
}


ul.user_login_errortextUl span.svg.error-svg {
  width: auto !important;
  height: auto !important;
}

ul.user_login_errortextUl li span.login_errortext {
  font-size: 12px;
  float: left;
  width: 90% !important;
  margin-right: 0 !important;
  text-align: left;
  font-weight: 500;
  height: auto;
  line-height: 22px;
}

ul.user_login_errortextUl li span.login_errortext a {
  font-size: 12px;
}

ul.institute_dropdown_list {
  width: 94% !important;
  margin: 0 auto;
  margin-left: 15px;
}

#educationEditNewModal .form-control {
  width: 100%;
}

#educationEditNewModal textarea.form-control {
  width: 98%;
  margin: 0 auto;
}


.top-profile-right-image {
  float: left;
  max-width: 37px;
}

.avat-main17.profile_popup.wall-avatar-21 svg.default_user_photo {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

.profileUserName {
  margin-bottom: 12px !important;
}

h3.userHeadLine {
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

address.userAddress {
  padding-bottom: 25px !important;
  border-bottom: 1px solid #eee;
  margin-top: 0 !important;
  margin-bottom: 25px !important;
}

.portfolio_coment .basic-info p {
  font-weight: 500;
}

.portfolio_coment .basic-info p b {
  font-weight: normal !important;
  margin-right: 4px;
}

.portfolio_coment h3 {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 22px;
}

.default_user_icon {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 25px;
  width: 30px;
  top: 9px;
  position: relative;
  margin-right: 5px;
}

.search-filter-title.search-filter-title-2021.usertour-tendingfeedfilter.bootstro-highlight {
  z-index: 99991;
}

div.custom-common-but.disabled-but.signup-loading {
  text-align: center;
  background: radial-gradient(#ffffff6b, #ffffff00);
  position: absolute;
  top: 0;
  width: 100%;
  height: 50px;
  top: 0;
}

div.custom-common-but.disabled-but.signup-loading .cssload-double-div {
  margin: 0 auto;
  top: 10px;
  position: relative;
}

button.btn-style-#ffffff-round.sign-up-btn {
  position: relative;
  background: #e9f3f9;
  border: none;
  height: 42px;
  width: 100px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

button.btn-style-#ffffff-round.sign-up-btn span {
  margin-right: 4px;
}

button.btn-style-#ffffff-round.sign-up-btn .custom-common-but.disabled-but.signup-loading {
  height: 40px !important;
  width: 100% !important;
  left: 0 !important;
  top: 5px !important;
}

ul.color_1_add__suggestions__list,
ul.img_2_add__suggestions__list,
ul.img_3_add__suggestions__list,
ul.img_4_add__suggestions__list,
ul.img_5_add__suggestions__list,
ul.gradient_4_add__suggestions__list,
ul.gradient_5_add__suggestions__list,
ul.gradient_6_add__suggestions__list,
ul.gradient_7_add__suggestions__list,
ul.gradient_8_add__suggestions__list,
ul.gradient_9_add__suggestions__list,
ul.gradient_10_add__suggestions__list,
ul.gradient_11_add__suggestions__list,
ul.gradient_12_add__suggestions__list,
ul.gradient_13_add__suggestions__list,
ul.gradient_14_add__suggestions__list,
ul.gradient_15_add__suggestions__list,
ul.gradient_16_add__suggestions__list,
ul.gradient_17_add__suggestions__list,
ul.gradient_18_add__suggestions__list {
  max-height: 200px !important;
  overflow-y: auto;
  border-radius: 10px;
  box-shadow: 0 0 10px #e9f3f9;
  max-width: 245px;
}

ul.color_1_add__suggestions__list li div.user svg,
ul.img_2_add__suggestions__list li div.user svg,
ul.img_3_add__suggestions__list li div.user svg,
ul.img_4_add__suggestions__list li div.user svg,
ul.img_5_add__suggestions__list li div.user svg,
ul.gradient_4_add__suggestions__list li div.user svg,
ul.gradient_5_add__suggestions__list li div.user svg,
ul.gradient_6_add__suggestions__list li div.user svg,
ul.gradient_7_add__suggestions__list li div.user svg,
ul.gradient_8_add__suggestions__list li div.user svg,
ul.gradient_9_add__suggestions__list li div.user svg,
ul.gradient_10_add__suggestions__list li div.user svg,
ul.gradient_11_add__suggestions__list li div.user svg,
ul.gradient_12_add__suggestions__list li div.user svg,
ul.gradient_13_add__suggestions__list li div.user svg,
ul.gradient_14_add__suggestions__list li div.user svg,
ul.gradient_15_add__suggestions__list li div.user svg,
ul.gradient_16_add__suggestions__list li div.user svg,
ul.gradient_17_add__suggestions__list li div.user svg,
ul.gradient_18_add__suggestions__list li div.user svg {
  float: left;
  width: 26px;
  height: 26px;
  border: 2px solid #fff;
  margin-right: 5px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.userMentionPost {
  border: 2px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 26px;
  width: 26px;
  float: left;
  margin-right: 5px;
}

.userMentionPost img.user_profile_img-2021 {
  float: left;
  height: 100%;
  width: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}


ul.color_1_add__suggestions__list+.emoji-icon-21,
ul.img_2_add__suggestions__list+.emoji-icon-21,
ul.img_3_add__suggestions__list+.emoji-icon-21,
ul.img_4_add__suggestions__list+.emoji-icon-21,
ul.img_5_add__suggestions__list+.emoji-icon-21,
ul.gradient_4_add__suggestions__list+.emoji-icon-21,
ul.gradient_5_add__suggestions__list+.emoji-icon-21,
ul.gradient_6_add__suggestions__list+.emoji-icon-21,
ul.gradient_7_add__suggestions__list+.emoji-icon-21,
ul.gradient_8_add__suggestions__list+.emoji-icon-21,
ul.gradient_9_add__suggestions__list+.emoji-icon-21,
ul.gradient_10_add__suggestions__list+.emoji-icon-21,
ul.gradient_11_add__suggestions__list+.emoji-icon-21,
ul.gradient_12_add__suggestions__list+.emoji-icon-21,
ul.gradient_13_add__suggestions__list+.emoji-icon-21,
ul.gradient_14_add__suggestions__list+.emoji-icon-21,
ul.gradient_15_add__suggestions__list+.emoji-icon-21,
ul.gradient_16_add__suggestions__list+.emoji-icon-21,
ul.gradient_17_add__suggestions__list+.emoji-icon-21,
ul.gradient_18_add__suggestions__list+.emoji-icon-21 {
  z-index: -1 !important;
}

.almost-done-21-signup .custom-common-but.disabled-but.signup-loading {
  top: 50% !important;
  width: 100% !important;
  height: 51px !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

.message-signup-text {
  margin-bottom: 30px;
}

.croping-modal .overview_close {
  top: 30px;
  right: 15px;
  z-index: 1;
}

.modal-body .form-group .input-group input.web-site-input {
  padding-left: 100px;
}

button.share-option {
  margin-left: 5px;
  min-width: 45px;
  padding: 7.5px 8px;
}

button.share-option span.caret {
  margin-left: 5px;
}

.add-style.story_section {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 10px;
}

.add-style.story_section label {
  width: auto !important;
  margin-bottom: 0;
}

.add-style.story_section label i {
  font-weight: bold;
  text-transform: capitalize;
}

.add-style.story_section .changes-cls {
  margin: 0 !important;
}


a.view_post {
  width: 90px;
  height: 30px;
  line-height: 30px !important;
  font-size: 13px !important;
  text-align: center;
  float: right;
  background: #e9f3fa;
  margin-left: 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.my_streamcontent2.main.after_comment.comment_reply_row {
  display: block;
}

.left-ranking-title p {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.left-ranking-title p a {
  position: relative !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  right: 0 !important;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 20px;
}

textarea#wallfeed_post_input_box {
  overflow-y: auto !important;
}

textarea#wallfeed_post_input_box::-webkit-scrollbar,
.gov_id_approve::-webkit-scrollbar,
#content::-webkit-scrollbar,
textarea#post_content_text_modal_edit_mode::-webkit-scrollbar {
  width: 5px;
}

textarea#wallfeed_post_input_box::-webkit-scrollbar-track,
#content::-webkit-scrollbar-track,
.gov_id_approve::-webkit-scrollbar-track,
textarea#post_content_text_modal_edit_mode::-webkit-scrollbar-track {
  background: #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

textarea#wallfeed_post_input_box::-webkit-scrollbar-thumb,
.gov_id_approve::-webkit-scrollbar-thumb,
#content::-webkit-scrollbar-thumb,
textarea#post_content_text_modal_edit_mode::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.groupImages {
  height: 60px !important;
  width: 60px !important;
  float: left;
}

.group-sections-wrap .react-multi-carousel-track li.react-multi-carousel-item svg {
  height: 60px;
  width: 60px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  float: left;
}

.single-group-title {
  float: left;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
}

.single-group-title a {
  font-size: 15px;
  font-weight: 600;
}

.fixed-P-alert-container .alert.alert-success {
  float: left;
  min-height: 60px;
  line-height: 30px;
  clear: both;
  width: auto;
}

.fixed-P-alert-container .alert.alert-success span.svg {
  background: rgba(107, 191, 0, 0.1) !important;
  float: left;
  width: 30px !important;
  height: 30px !important;
  margin-right: 0 !important;
}

.fixed-P-alert-container .alert.alert-success span:nth-child(2) {
  min-width: 50% !important;
  max-width: 90% !important;
  margin: 0 !important;
  margin-right: 0 !important;
  margin-left: 10px !important;
  font-weight: normal;
  line-height: 20px;
  display: flex;
}

.fixed-P-alert-container .alert.alert-success span:nth-child(2) div span {
  float: left;
  width: 100%;
  margin-right: 0 !important;
}

.fixed-P-alert-container .alert.alert-success span:nth-child(2) div span code,
.fixed-P-alert-container .alert.alert-success span:nth-child(2) div span code span {
  font-size: 14px;
}

.fixed-P-alert-container .alert.alert-success span {
  float: left;
  width: auto;
  background: none;
}

.fixed-P-alert-container .alert.alert-success span code {
  line-height: 30px;
}

.advancesearch_main .imgPostMain-advance-21 .search_text_link_warp .sharedTitleView span {
  line-height: 24px;
}

h1.shared_post_titles_on_post {
  float: left;
  width: 100%;
  margin: 0;
}

.forFitfriendsFF .friends_info .friends_info_top .friends_info_topimg {
  height: 45px;
  width: 45px;
  float: left;
}

.forFitfriendsFF .friends_info .friends_info_top .friends_info_topimg a {
  float: left;
  width: 100%;
  height: 100%;
}

.forFitfriendsFF .friends_info .friends_info_top .friends_info_topimg a img.user_profile_img-2021 {
  float: left;
  width: 45px;
  border: 0px solid #fff !important;
  height: 45px;
}

.forFitfriendsFF .friends_info .friends_info_bottom {
  display: flex;
  align-items: center;
  justify-content: center !important;
}

ul li div.user a {
  float: left;
  height: 30px;
  width: 30px;
}

ul.react-autofocus__suggestions__list {
  max-height: 200px;
  max-width: 230px;
}

.user .mentionUserImage img {
  border: 2px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.my_streamcontent_bottom.gradient_10_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_12_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_11_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_13_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_14_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_15_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_16_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_17_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_18_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_2_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_3_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_4_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_5_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_6_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_7_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_8_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_9_preview span div span.Linkify code,
.my_streamcontent_bottom.img_2_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
.my_streamcontent_bottom.img_3_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
.my_streamcontent_bottom.img_4_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
.my_streamcontent_bottom.img_5_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
.my_streamcontent_bottom.img_6_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
.my_streamcontent_bottom.img_7_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
.my_streamcontent_bottom.img_8_preview .imgPostMain h1.sharedTitleView span div span.Linkify code {
  font-size: 22px !important;
  line-height: 32px !important;
  font-weight: 700 !important;
}

.post_body_left .status_content .imgPostMain h1.sharedTitleView span.Linkify.Linkify_loadless code {
  font-size: 16px !important;
  line-height: 25px;
  font-weight: 400 !important;
}

li div.user {
  text-align: left;
  display: flex;
  align-items: center;
}

.image-start-container .post_profile_pic_star-2021 {
  position: absolute !important;
  top: 0;
}

.featured-images-wrap .suggested-featured-photo .edit-featured-popup .new_upload_photos {
  position: relative;
  float: left;
  width: 100%;
}

p.data-not-found {
  text-align: center;
  padding-top: 10px;
}

section.emoji-mart-category {
  float: left;
  width: 100%;
  margin: 5px 0;
}

button.emoji-mart-anchor.emoji-mart-anchor-selected span.emoji-mart-anchor-bar {
  background: #2286c9 !important;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .mentions-input-box div div ul {
  width: 100%;
  min-height: 30px;
  overflow-y: auto;
  right: 0;
  z-index: 999;
  float: left;
  max-width: 300px;
  max-height: 300px;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .mentions-input-box div div ul li {
  float: left;
  width: 100%;
  padding: 5px 10px !important;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .mentions-input-box div div ul li .user {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 !important;
  background: red;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .mentions-input-box div div ul li .user div {
  padding: 0 !important;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .mentions-input-box div div ul li .user svg.user_profile_img-2021.likes {
  border: 2px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 2px;
  margin-right: 5px;
  height: 26px !important;
  min-width: 26px !important;
  max-width: 26px;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .mentions-input-box div div ul li .user div img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 26px !important;
  width: 26px !important;
  margin-right: 5px;
  border: 2px solid #fff;
}

.verification-continue {
  top: 25px !important;
}

.profile-card.prowrep.right-mar-pad div#profile-img-popub_profile_complete {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.avat-main17.profile_popup .profile-card.prowrep.right-mar-pad div#profile-img-popub_profile_complete {
  clear: both;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 140px;
  width: 140px;
}

.well-name-wrapper-21-edit-post .emoji-edit-post-21 .capturePost {
  box-shadow: none !important;
  height: 100%;
  width: 100%;
  min-height: inherit !important;
}

.profileCover-Nav .container-nav-21 ul.profile-nav {
  margin-bottom: 18px;
}

.portfolio_body_left_impruve.profile-progress {
  padding: 5px 30px !important;
}

.portfolio_body_left_impruve.profile-progress .portfolio_body_left_impruve2 {
  float: left;
  margin: 0 !important;
}


.newpostmodals.common-post-modal21 .modal-content .modal-body .flypost_box {
  margin-top: 0;
}

section.emoji-mart-category ul.emoji-mart-category-list {
  width: 100% !important;
  height: auto !important;
  box-shadow: none;
  overflow: inherit !important;
}

section.emoji-mart-category ul.emoji-mart-category-list li {
  float: left;
  width: auto !important;
}

section.emoji-mart-category ul.emoji-mart-category-list li button.emoji-mart-emoji {
  padding: 4px;
  cursor: pointer;
}

.morelike-profile-stars .image-start-container svg {
  height: 25px;
  width: 25px;
}

.right_chatBox .chat-user-avatar-wrap .image-start-container svg,
.right_chatBox .chat-user-avatar-wrap .image-start-container img {
  height: 100%;
  width: 100%;
}

.demo_images {
  z-index: 99999999999999999;
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.5s linear;
}

.cssbox_full img {
  position: fixed;
  background: #ffffff;
  margin: 0;
  padding: 0;
  max-height: 85%;
  max-width: 100%;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 20px black;
  min-width: auto;
  object-fit: cover;
}

.demo_images button.btn.btn_left {
  top: 50%;
  position: absolute;
  left: 5%;
  z-index: 99;
}

.demo_images button:hover {
  background: #1388d1;
}

.demo_images button.btn.btn_right {
  top: 50%;
  right: 5%;
  position: absolute;
}

a.prev-delete {
  position: absolute;
  left: 50%;
  top: 1%;
  transform: translate(-50%, -1%);
  display: flex;
  align-items: center;
  font-size: 15px;
}

a.prev-delete svg {
  margin-left: 5px;
}

.demo_images button.close {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: none;
  font-size: 0.7em;
  font-weight: normal;
  top: 10px;
  position: absolute;
  right: 15px;
  opacity: 1;
  background: #080606;
  z-index: 99999999999;
}

.demo_images button.close:hover {
  opacity: 1;
}

.info-edit-popup.user_education .form-group label {
  height: 25px;
  line-height: 25px !important;
}

div#HonorsAndAwards .modal-body form .form-row {
  float: left;
  margin: 0;
}

div#HonorsAndAwards .modal-body form .form-row .form-group label,
#EditHonorsAndAwards .modal-body form .form-row .form-group label {
  height: 25px;
  line-height: 25px !important;
}

div#HonorsAndAwards .modal-body form .form-row .form-group .form-group,
div#EditHonorsAndAwards .modal-body form .form-row .form-group .form-group {
  margin-bottom: 0;
}

.step_popup_cls .loginsignup-body.modal-body.modal-body .multi_step_form div.setup-content {
  margin: 0;
  width: 100%;
}

.step_popup_cls .loginsignup-body.modal-body.modal-body .multi_step_form div.setup-content .col-md-12.res-width {
  padding: 0 !important;
}

.step_popup_cls .loginsignup-body.modal-body.modal-body .multi_step_form div.setup-content .col-md-12.res-width .form_all_for_complete {
  padding-right: 8px;
}

.modal-body::-webkit-scrollbar {
  width: 8px;
}

.modal-body::-webkit-scrollbar-track {
  background: #f2f2f2;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.modal-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

#myModalLabel {
  padding-left: 15px !important;
}

.leftBottomPushNotification_notify .notifications_text {
  float: left;
  width: 84%;
  margin-left: 5px;
}

.leftBottomPushNotification_notify .notifications_image {
  float: left;
  height: 26px;
  width: 26px;
  left: 0 !important;
}

.leftBottomPushNotification_notify .notifications_area {
  padding: 0;
}

.post_right_side .portfolio_body_right4.main.status_content .is_shared_posted .my_streamcontent.main .post_profile_top {
  display: inherit !important;
}

.tour-tooltip-wall-category .arrow {
  top: 12% !important;
}

div#HonorsAndAwards .modal-dialog.new-model-17,
div#EditHonorsAndAwards .modal-dialog.new-model-17,
div#education .modal-dialog.new-model-17,
div#educationEditNewModal .modal-dialog.new-model-17,
div#SitesAndSocialLinks .modal-dialog.new-model-17,
div#editSitesAndSocialLinks .modal-dialog.new-model-17,
div#certifications .modal-dialog.new-model-17,
div#Editcertifications .modal-dialog.new-model-17,
div#experiences .modal-dialog.new-model-17,
div#Editexperiences .modal-dialog.new-model-17 {
  min-width: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin: 1% auto !important;
  height: 96vh;
}

div#HonorsAndAwards .modal-dialog.new-model-17 .modal-content.model-popup-inner-17,
div#EditHonorsAndAwards .modal-dialog.new-model-17 .modal-content.model-popup-inner-17,
div#editSitesAndSocialLinks .modal-dialog.new-model-17 .modal-content.model-popup-inner-17,
div#educationEditNewModal .modal-dialog.new-model-17 .modal-content.model-popup-inner-17 {
  margin-top: 0;
  transform: rotateY(0);
}

#profile_preview .post-user-profile a {
  float: left;
  height: 100%;
  width: 100%;
}

#profile_preview .post-user-profile a .user-post-pic-holder {
  float: left;
  height: 100%;
  width: 100%;
}

#profile_preview .post-user-profile a .user-post-pic-holder img.myProfileImage {
  float: left;
  height: 100%;
  width: 100%;
}

#profile_preview .post-user-profile .image-start-container svg.user_profile_img-2021.likes {
  height: 100%;
  width: 100%;
  border: none !important;
}

.share_post_cont_main21 .post_profile_top .post-user-profile a {
  height: 100%;
  width: 100%;
  float: left;
}

.share_post_cont_main21 .post_profile_top .post-user-profile a .image-start-container svg {
  height: 100%;
  width: 100%;
}

#profile_preview .image-start-container div {
  float: left;
  height: 100%;
  width: 100%;
}

#profile_preview .image-start-container div img.user_profile_img-2021 {
  border: none !important;
  height: 100%;
  width: 100%;
}

.is_shared_post .my_streamcontent.main h1.shared_post_titles_on_post {
  float: left;
  margin-bottom: 10px;
  float: left;
}

.is_shared_post .my_streamcontent.main h1.shared_post_titles_on_post span div code {
  font-size: 15px;
  display: inline;
}

.custom-common-but.login-loader.disabled-but.signup-loading.verification-continue {
  top: 5px !important;
}

#blockuser .notifications_message_image2 a {
  height: 100%;
  width: 100%;
}

#blockuser .notifications_message_image2 a svg.user_profile_img-2021.likes.dfaultImage {
  height: 100%;
  width: 100%;
}

.share-text-21 h1.share-text_cont_main17.gradient_4_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_5_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_6_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_7_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_8_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_9_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_10_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_11_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_12_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_13_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_14_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_15_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_16_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_17_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_18_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_19_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_1_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_2_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_3_preview span div span code span {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  text-align: center;
}

.modal-content {
  max-height: 98vh;
  min-width: 550px;
  float: left;
}
.modal-dialog .modal-content .want_to_block_people.modal-body{
  max-height: 60vh;
  overflow-y: scroll;
}
@media only screen and (min-width: 992px) and (max-width: 1023px) {

  .LeftSideBar-main.LeftSideBar-main21 {
    width: 240px;
    margin-left: 5px !important;
  }


  .notie-container {
    left: 50%;
    top: 50% !important;
    transform: translate(-50%, -50%);
    width: 60%;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right {
    width: 70% !important;
    max-width: 70% !important;
    float: left;
    margin-left: 25%;
  }

  .portfolio_body_message_left {
    padding-left: 0;
    width: 25%;
  }

  .portfolio_body_message_center {
    width: 45%;
  }

  .main.message_page .portfolio_body_message_right {
    width: 30%;
  }

  .portfolio_body_message_left .post_body_left {
    padding: 5px;
  }

  .message_text.msg_sender.msg_sender_17 span {
    display: none;
  }

  .recentactive_message_area {
    padding: 5px;
    height: 60px;
  }

  .all_photo_gallery_area .portfolio_body_message_right .messageRight p.likes-friends {
    padding-left: 0px;
  }

  .all_photo_gallery_area .portfolio_body_message_center .portfolio_message21 .message_area_top_heading .single-settings {
    width: 30px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right .stopscroll.main.account-cls {
    width: 100% !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right .stopscroll.main.account-cls .account_setting_left {
    width: 30% !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right .stopscroll.main.account-cls .account_setting_right {
    width: 68% !important;
  }

  .portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded ul.profile-badge.all-profile-badge li {
    width: 33.33% !important;
  }

  .fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content #popup-post-details .post_right_side {
    min-width: 420px !important;
    width: 420px !important;
  }

  .fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content #popup-post-details .post_right_side .portfolio_body_right4.main.status_content .is_shared_posted .my_streamcontent.main .post_profile_top,
  .fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content #popup-post-details .post_right_side .portfolio_body_right4.main.status_content .is_shared_posted .my_streamcontent.main .right_popup_post_body,
  .fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content #popup-post-details .post_right_side .portfolio_body_right4.main.status_content .is_shared_posted .my_streamcontent.main .right_popup_post_body .comment_friend.after_comment {
    max-height: 50vh;
  }

  .single_popup_on .is_shared_posted .right_popup_post_body .post-commnet-container {
    /* max-height: 30vh; */
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls {
    margin-top: 100px !important;
    overflow: hidden;
    padding: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left {
    float: left;
    width: 28% !important;
    position: relative !important;
    left: 0;
    top: 0;
    padding: 15px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left h4 {
    padding: 10px 0;
    margin: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left ul.nav.nav-pills.nav-stacked.account_setting_nav li {
    padding: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_right {
    float: right;
    width: 70% !important;
    position: relative !important;
    left: 0;
    top: 0;
  }

  .portfolio_header .container2021 .main .search_hide1.search_hide21 .search_hide3 .logo_area {
    margin-right: 20px;
  }

  .site-nav-mid.site-nav-mid-continer__snm21.top_header_menu_button.open_top_header_menu_button {
    margin-top: 5px !important;
  }

  .site-nav-mid.site-nav-mid-continer__snm21.top_header_menu_button.open_top_header_menu_button .virticalmenu_li {
    font-size: 12px;
    padding: 6px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }

  .site-nav-mid.site-nav-mid-continer__snm21.top_header_menu_button.open_top_header_menu_button .virticalmenu_li a h6 {
    margin: 0;
    font-size: 13px !important;
  }

  .menu2021.friends2021 {
    padding-right: 7px !important;
  }

  .portfolio_body {
    width: 100vw;
  }

  .portfolio_body .container.custom-container {
    width: 100vw;
  }

  .container2021 {
    padding: 0 15px !important;
  }

  .home2021 {
    margin-top: 0 !important;
  }

  span.text-menu-top,
  span.home-text {
    display: none !important;
  }

  .notifications,
  .message {
    width: auto;
  }

  .portfolio_body .container.custom-container .right_chatBox,
  .right_chatBox {
    width: 20vw !important;
    height: 100%;
    float: right;
    overflow: hidden;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users,
  .right_chatBox .online-chat-users {
    width: 240px;
    padding: 70px 10px 10px;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body,
  .right_chatBox .online-chat-users .online-chat-body {
    width: 100%;
    margin: 0px;
    padding: 0;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-active-status,
  .right_chatBox .online-chat-users .online-chat-body .online-active-status {
    position: relative;
    top: 0;
    text-align: left;
    width: 100%;
    height: auto;
    padding-bottom: 8px;
    float: left;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-active-status .online-active-status-left,
  .right_chatBox .online-chat-users .online-chat-body .online-active-status .online-active-status-left {
    font-size: 11px;
    font-weight: bold;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-chat-inputarea,
  .right_chatBox .online-chat-users .online-chat-body .online-chat-inputarea {
    position: relative;
    top: 0;
    width: 100%;
    float: left;
    margin-top: 10px;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component {
    width: 100%;
    top: 120px;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user {
    width: 100%;
    display: table;
    height: auto;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .chat-user-avatar-wrap,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .chat-user-avatar-wrap,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .chat-user-avatar-wrap,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .chat-user-avatar-wrap {
    display: table-cell;
    vertical-align: middle;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .online-user-details,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .online-user-details {
    display: table-cell;
    vertical-align: middle;
    font-size: 90%;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .online-user-details .online-chatuser-name,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .online-user-details .online-chatuser-name {
    font-size: 90%;
  }

  .online-recent-msg {
    font-size: 68%;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 {
    width: 25vw !important;
    float: left;
    padding: 0 15px;
    margin-left: 0px;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .virticalmenu_li a h6 {
    font-size: 13px !important;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left {
    padding: 10px !important;
    float: left;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left .friends_top p {
    font-size: 1em !important;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left .friends_top_scroll2 {
    float: left;
    width: 100%;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left .friends_top_scroll2 .view_friends {
    float: left;
    width: 100%;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left .friends_top_scroll2 .view_friends .userView .portfolio_body_left_view_friendsimage {
    float: left;
    height: 35px;
    width: 35px;
    margin-top: 7px;
    margin-right: 7px;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left .friends_top_scroll2 .view_friends .userView .portfolio_body_left_view_friendsimage a {
    float: left;
    width: 35px;
    height: 35px;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left .friends_top_scroll2 .view_friends .userView .portfolio_body_left_view_friendsimage a .image-start-container {
    height: 35px;
    width: 100%;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left .friends_top_scroll2 .view_friends .userView .portfolio_body_left_view_friendsimage a .image-start-container .user-post-pic-holder.avater-image-2021 {
    float: left;
    position: relative;
    width: 100%;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left .friends_top_scroll2 .view_friends .userView .portfolio_body_left_view_friendsimage a .image-start-container .user-post-pic-holder.avater-image-2021 img.user_profile_img-2021 {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right {
    width: 50vw !important;
    max-width: 50vw !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main {
    width: 100% !important;
    max-width: 100% !important;
    float: left;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .portfolio_body_right7.main {
    width: 20vw !important;
    max-width: 20vw !important;
    float: right;
    overflow: hidden;
    min-height: 300px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .portfolio_body_right7.main .RightSide_Sticky.RightSide_Sticky21 {
    width: 270px !important;
  }

  .body_right21 {
    display: none;
  }

  .fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog {
    max-width: 95%;
    min-width: 95%;
  }

  .portfolio_body .wall-left-col {
    width: calc(100vw - 240px);
  }

  .profile-content-main17 .cover-bg .cover-img #cover_img img {
    height: 240px !important;
  }

  .portfolio_body .wall-left-col .container21,
  .container-nav-21 {
    width: 780px;
  }

  .portfolio_body .wall-left-col .container21 .profile-pic-box {
    width: 20%;
  }

  section.wall_section_inner .wall_div_inner {
    width: 780px;
  }

  .wall_div_inner .LeftSideBar-main {
    width: 33% !important;
    margin-right: 0px !important;
  }

  .container.custom-container .wall-left-col section.wall_section_inner .wall_div_inner .portfolio_body_right {
    width: 66% !important;
    max-width: 66% !important;
    float: right;
  }

  .all_notification_border_area .infinite-scroll-component {
    width: 100% !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main {
    padding: 0px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box {
    margin-top: 10px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF {
    padding: 15px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF p {
    padding: 0px;
    font-size: 14px;
    line-height: 22px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF .find-friend-btn {
    padding: 0;
  }

  .find-with-facebook.facebookshare {
    width: 81%;
    text-align: center;
    line-height: 41px !important;
    padding: 0px !important;
    height: 41px;
    margin: 0 auto;
    font-size: 15px !important;
  }

  .find-with-facebook.facebookshare svg {
    line-height: 41px;
    height: 41px;
    float: left;
  }

  .ff-btn-icon.fw-linkedin {
    margin-right: 0px !important;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box.ff-tab-design {
    margin-top: 20px;
    -moz-border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box.ff-tab-design .nav.nav-tabs.FindFriendsTab {
    padding: 15px !important;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box.ff-tab-design .nav.nav-tabs.FindFriendsTab li a {
    padding: 10px;
  }

  .friends_tab_area.friends_tab_area_new,
  .friends_tab_area.friends_tab_area_new .content.friends_tab_area_new_content {
    float: left;
    width: 100%;
  }

  .find-friend-wrapper .find-friend-box .tab-content .tab-pane .friends_tab_area .friends_tab_area_new_content .infinite-scroll-component {
    padding: 0 10px !important;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_top {
    width: 70%;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom {
    width: 30%;
    justify-content: flex-end;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom .friends_info_bottom2 {
    margin-top: 0;
    line-height: 35px;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom .friends_info_bottom3 {
    position: relative;
    width: auto;
    top: 0;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom .friends_info_bottom3 a {
    padding: 10px;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_top .friends_info_topimg {
    height: 45px;
    width: 45px;
  }

  .friends_info_topcont.friends_info_topcont_ext {
    float: left;
  }

  .friends_info_topcont.friends_info_topcont_ext p {
    margin-bottom: 0;
  }

  .my_streamcontent_like1 {
    float: left;
  }

  .common-tagline span {
    float: left;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right {
    max-width: 100vw !important;
  }

  .wall-left-col.group_body_left .container21,
  .portfolio_body.group-body .wall-left-col.group_body_left .profileCover-Nav ul.profile-nav,
  .portfolio_body.group-body .wall-left-col.group_body_left .group_section_inner .group_div_inner {
    width: 760px;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_section_inner .group_div_inner .portfolio_body_right {
    width: 69% !important;
    max-width: 69% !important;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_section_inner .group_div_inner .rightSideBar-main.group_body_right {
    width: 30%;
    float: right;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_section_inner .group_div_inner .rightSideBar-main.group_body_right .rightsidebar-who-to-follow .portfolio_body_left {
    width: 100% !important;
  }

  .my_streamcontent2.main.after_comment.comment_reply_row .my_streamcontent2_right_input.main.comment_reply_input_text,
  .status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main {
    width: 83% !important;
  }

  .notifications .dropdown {
    left: -40px !important;
  }

  .message #dropdown-message {
    left: -75px !important;
  }

  .friends_droupdown .dropdown {
    left: -100px !important;
  }

  .notify_title1.noti_2021.badge-alignment,
  .notify_title2.noti_2021,
  .notify_title.noti_2021.message-bage-2021 {
    left: 0 !important;
  }

  .notie-container {
    left: 50%;
    top: 50% !important;
    transform: translate(-50%, -50%);
    width: 60%;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right {
    width: 70% !important;
    max-width: 70% !important;
    float: left;
    margin-left: 25%;
  }

  .portfolio_body_message_left {
    padding-left: 0;
    width: 25%;
  }

  .portfolio_body_message_center {
    width: 45%;
  }

  .main.message_page .portfolio_body_message_right {
    width: 30%;
  }

  .portfolio_body_message_left .post_body_left {
    padding: 5px;
  }

  .message_text.msg_sender.msg_sender_17 span {
    display: none;
  }

  .recentactive_message_area {
    padding: 5px;
    height: 60px;
  }

  .all_photo_gallery_area .portfolio_body_message_right .messageRight p.likes-friends {
    padding-left: 0px;
  }

  .all_photo_gallery_area .portfolio_body_message_center .portfolio_message21 .message_area_top_heading .single-settings {
    width: 30px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right .stopscroll.main.account-cls {
    width: 100% !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right .stopscroll.main.account-cls .account_setting_left {
    width: 30% !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right .stopscroll.main.account-cls .account_setting_right {
    width: 68% !important;
  }

  .portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded ul.profile-badge.all-profile-badge li {
    width: 33.33% !important;
  }

  .fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content #popup-post-details .post_right_side {
    min-width: 420px !important;
    width: 420px !important;
  }

  .fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content #popup-post-details .post_right_side .portfolio_body_right4.main.status_content .is_shared_posted .my_streamcontent.main .post_profile_top,
  .fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content #popup-post-details .post_right_side .portfolio_body_right4.main.status_content .is_shared_posted .my_streamcontent.main .right_popup_post_body,
  .fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content #popup-post-details .post_right_side .portfolio_body_right4.main.status_content .is_shared_posted .my_streamcontent.main .right_popup_post_body .comment_friend.after_comment {
    max-height: 50vh;
  }

  .single_popup_on .is_shared_posted .right_popup_post_body .post-commnet-container {
    max-height: 30vh;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls {
    margin-top: 100px !important;
    overflow: hidden;
    padding: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left {
    float: left;
    width: 28% !important;
    position: relative !important;
    left: 0;
    top: 0;
    padding: 15px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left h4 {
    padding: 10px 0;
    margin: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left ul.nav.nav-pills.nav-stacked.account_setting_nav li {
    padding: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_right {
    float: right;
    width: 70% !important;
    position: relative !important;
    left: 0;
    top: 0;
  }

  .portfolio_header .container2021 .main .search_hide1.search_hide21 .search_hide3 .logo_area {
    margin-right: 20px;
  }

  .site-nav-mid.site-nav-mid-continer__snm21.top_header_menu_button.open_top_header_menu_button {
    margin-top: 5px !important;
  }

  .site-nav-mid.site-nav-mid-continer__snm21.top_header_menu_button.open_top_header_menu_button .virticalmenu_li {
    font-size: 12px;
    padding: 6px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }

  .site-nav-mid.site-nav-mid-continer__snm21.top_header_menu_button.open_top_header_menu_button .virticalmenu_li a h6 {
    margin: 0;
    font-size: 13px !important;
  }

  .menu2021.friends2021 {
    padding-right: 7px !important;
  }

  .portfolio_body {
    width: 100vw;
  }

  .portfolio_body .container.custom-container {
    width: 100vw;
  }

  .container2021 {
    padding: 0 15px !important;
  }

  .home2021 {
    margin-top: 0 !important;
  }

  span.text-menu-top,
  span.home-text {
    display: none !important;
  }

  .notifications,
  .message {
    width: auto;
  }

  .portfolio_body .container.custom-container .right_chatBox,
  .right_chatBox {
    width: 20vw !important;
    height: 100%;
    float: right;
    overflow: hidden;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users,
  .right_chatBox .online-chat-users {
    width: 240px;
    padding: 70px 10px 10px;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body,
  .right_chatBox .online-chat-users .online-chat-body {
    width: 100%;
    margin: 0px;
    padding: 0;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-active-status,
  .right_chatBox .online-chat-users .online-chat-body .online-active-status {
    position: relative;
    top: 0;
    text-align: left;
    width: 100%;
    height: auto;
    padding-bottom: 8px;
    float: left;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-active-status .online-active-status-left,
  .right_chatBox .online-chat-users .online-chat-body .online-active-status .online-active-status-left {
    font-size: 11px;
    font-weight: bold;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-chat-inputarea,
  .right_chatBox .online-chat-users .online-chat-body .online-chat-inputarea {
    position: relative;
    top: 0;
    width: 100%;
    float: left;
    margin-top: 10px;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component {
    width: 100%;
    top: 120px;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user {
    width: 100%;
    display: table;
    height: auto;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .chat-user-avatar-wrap,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .chat-user-avatar-wrap,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .chat-user-avatar-wrap,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .chat-user-avatar-wrap {
    display: table-cell;
    vertical-align: middle;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .online-user-details,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .online-user-details {
    display: table-cell;
    vertical-align: middle;
    font-size: 90%;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .online-user-details .online-chatuser-name,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .online-user-details .online-chatuser-name {
    font-size: 90%;
  }

  .online-recent-msg {
    font-size: 68%;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 {
    width: 25vw !important;
    float: left;
    padding: 0 15px;
    margin-left: 0px;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .virticalmenu_li a h6 {
    font-size: 13px !important;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left {
    padding: 10px !important;
    float: left;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left .friends_top p {
    font-size: 1em !important;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left .friends_top_scroll2 {
    float: left;
    width: 100%;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left .friends_top_scroll2 .view_friends {
    float: left;
    width: 100%;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left .friends_top_scroll2 .view_friends .userView .portfolio_body_left_view_friendsimage {
    float: left;
    height: 35px;
    width: 35px;
    margin-top: 7px;
    margin-right: 7px;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left .friends_top_scroll2 .view_friends .userView .portfolio_body_left_view_friendsimage a {
    float: left;
    width: 35px;
    height: 35px;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left .friends_top_scroll2 .view_friends .userView .portfolio_body_left_view_friendsimage a .image-start-container {
    height: 35px;
    width: 100%;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left .friends_top_scroll2 .view_friends .userView .portfolio_body_left_view_friendsimage a .image-start-container .user-post-pic-holder.avater-image-2021 {
    float: left;
    position: relative;
    width: 100%;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left .friends_top_scroll2 .view_friends .userView .portfolio_body_left_view_friendsimage a .image-start-container .user-post-pic-holder.avater-image-2021 img.user_profile_img-2021 {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
  }


  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main {
    width: 100% !important;
    max-width: 100% !important;
    float: left;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .portfolio_body_right7.main {
    width: 20vw !important;
    max-width: 20vw !important;
    float: right;
    overflow: hidden;
    min-height: 300px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .portfolio_body_right7.main .RightSide_Sticky.RightSide_Sticky21 {
    width: 270px !important;
  }

  .body_right21 {
    display: none;
  }

  .fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog {
    max-width: 95%;
    min-width: 95%;
  }

  .portfolio_body .wall-left-col {
    width: calc(100vw - 240px);
  }

  .profile-content-main17 .cover-bg .cover-img #cover_img img {
    height: 240px !important;
  }

  .portfolio_body .wall-left-col .container21,
  .container-nav-21 {
    width: 780px;
  }

  .portfolio_body .wall-left-col .container21 .profile-pic-box {
    width: 20%;
  }

  section.wall_section_inner .wall_div_inner {
    width: 780px;
  }

  .wall_div_inner .LeftSideBar-main {
    width: 33% !important;
    margin-right: 0px !important;
  }

  .container.custom-container .wall-left-col section.wall_section_inner .wall_div_inner .portfolio_body_right {
    width: 66% !important;
    max-width: 66% !important;
    float: right;
  }

  .all_notification_border_area .infinite-scroll-component {
    width: 100% !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main {
    padding: 0px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box {
    margin-top: 10px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF {
    padding: 15px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF p {
    padding: 0px;
    font-size: 14px;
    line-height: 22px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF .find-friend-btn {
    padding: 0;
  }

  .find-with-facebook.facebookshare {
    width: 81%;
    text-align: center;
    line-height: 41px !important;
    padding: 0px !important;
    height: 41px;
    margin: 0 auto;
    font-size: 15px !important;
  }

  .find-with-facebook.facebookshare svg {
    line-height: 41px;
    height: 41px;
    float: left;
  }

  .ff-btn-icon.fw-linkedin {
    margin-right: 0px !important;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box.ff-tab-design {
    margin-top: 20px;
    -moz-border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box.ff-tab-design .nav.nav-tabs.FindFriendsTab {
    padding: 15px !important;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box.ff-tab-design .nav.nav-tabs.FindFriendsTab li a {
    padding: 10px;
  }

  .friends_tab_area.friends_tab_area_new,
  .friends_tab_area.friends_tab_area_new .content.friends_tab_area_new_content {
    float: left;
    width: 100%;
  }

  .find-friend-wrapper .find-friend-box .tab-content .tab-pane .friends_tab_area .friends_tab_area_new_content .infinite-scroll-component {
    padding: 0 10px !important;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_top {
    width: 70%;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom {
    width: 30%;
    justify-content: flex-end;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom .friends_info_bottom2 {
    margin-top: 0;
    line-height: 35px;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom .friends_info_bottom3 {
    position: relative;
    width: auto;
    top: 0;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom .friends_info_bottom3 a {
    padding: 10px;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_top .friends_info_topimg {
    height: 45px;
    width: 45px;
  }

  .friends_info_topcont.friends_info_topcont_ext {
    float: left;
  }

  .friends_info_topcont.friends_info_topcont_ext p {
    margin-bottom: 0;
  }

  .my_streamcontent_like1 {
    float: left;
  }

  .common-tagline span {
    float: left;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right {
    max-width: 100vw !important;
  }

  .wall-left-col.group_body_left .container21,
  .portfolio_body.group-body .wall-left-col.group_body_left .profileCover-Nav ul.profile-nav,
  .portfolio_body.group-body .wall-left-col.group_body_left .group_section_inner .group_div_inner {
    width: 760px;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_section_inner .group_div_inner .portfolio_body_right {
    width: 69% !important;
    max-width: 69% !important;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_section_inner .group_div_inner .rightSideBar-main.group_body_right {
    width: 30%;
    float: right;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_section_inner .group_div_inner .rightSideBar-main.group_body_right .rightsidebar-who-to-follow .portfolio_body_left {
    width: 100% !important;
  }

  .my_streamcontent2.main.after_comment.comment_reply_row .my_streamcontent2_right_input.main.comment_reply_input_text,
  .status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main {
    width: 83% !important;
  }

  .notifications .dropdown {
    left: -40px !important;
  }

  .message #dropdown-message {
    left: -75px !important;
  }

  .friends_droupdown .dropdown {
    left: -100px !important;
  }

  .notify_title1.noti_2021.badge-alignment,
  .notify_title2.noti_2021,
  .notify_title.noti_2021.message-bage-2021 {
    left: 0 !important;
  }

  .posts_wrapper.allpost-body-left .post_body_left .is_shared_posted .post_profile_top .post-user-profile-details {
    width: 87%;
  }

  span.post_head_cat21>a {
    font-size: 10px;
    line-height: 12px;
  }

  .portfolio_body .infinite-scroll-component .post_body_left {
    padding: 15px !important;
  }

  .friends_top .hashTag_p {
    margin-bottom: 5px;
  }

  .custom-container .portfolio_body_right .portfolio_body_right2 .account_setting_left .account_setting_nav {
    padding-bottom: 10px;
  }
}

@media only screen and (min-width: 1152px) and (max-width: 1279px) {
  .WallDragDivShow {
    height: 22rem !important;
    width: 441px !important;
  }

  .post-user-profile-details {
    width: 87% !important;
  }

  .portfolio_body_left_impruve.profile-progress {
    padding: 0 !important;
  }

  .general-comment-main .my_streamcontent3_top_left.left3 {
    width: 96%;
  }

  .my_streamcontent_post_date.my_streamcontent_post_date_view.comment_reply_show_comment {
    width: auto;
  }

  .wall-left-col .LeftSideBar-main .left-sidebar-main17 .featured_images ul.current-featurs li {
    float: left;
    width: 50%;
    margin-top: 10px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right {
    width: 70% !important;
    max-width: 70% !important;
    float: left;
    margin-left: 25%;
  }

  .portfolio_body_message_left {
    padding-left: 0;
    width: 25%;
  }

  .portfolio_body_message_center {
    width: 45%;
  }

  .main.message_page .portfolio_body_message_right {
    width: 30%;
  }

  .portfolio_body_message_left .post_body_left {
    padding: 5px;
  }

  .message_text.msg_sender.msg_sender_17 span {
    display: none;
  }

  .recentactive_message_area {
    padding: 5px;
    height: 60px;
  }

  .all_photo_gallery_area .portfolio_body_message_right .messageRight p.likes-friends {
    padding-left: 0px;
  }

  .all_photo_gallery_area .portfolio_body_message_center .portfolio_message21 .message_area_top_heading .single-settings {
    width: 30px;
  }

  .fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content #popup-post-details .post_left_side,
  .fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content #popup-post-details .post_right_side {
    min-width: 450px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right {
    width: 49% !important;
    max-width: 49% !important;
    float: left;
    margin-left: 28%;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right .stopscroll.main.account-cls {
    width: 100% !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right .stopscroll.main.account-cls .account_setting_left {
    width: 100% !important;
    float: none;
    margin-bottom: 20px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right .stopscroll.main.account-cls .account_setting_right {
    width: 100% !important;
    float: none;
    height: 447px;
    max-height: 448px;
    overflow-y: auto;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right .stopscroll.main.account-cls .account_setting_right::-webkit-scrollbar {
    display: none;
  }

  .portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded ul.profile-badge.all-profile-badge li {
    width: 33.33% !important;
  }

  .friends_droupdown .dropdown {
    left: -100px !important;
  }

  .portfolio_header .container2021 .main .search_hide1.search_hide21 .search_hide3 .logo_area {
    margin-right: 20px;
  }

  .site-nav-mid.site-nav-mid-continer__snm21.top_header_menu_button.open_top_header_menu_button {
    margin-top: 5px !important;
  }

  .site-nav-mid.site-nav-mid-continer__snm21.top_header_menu_button.open_top_header_menu_button .virticalmenu_li {
    font-size: 12px;
    padding: 6px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }

  .site-nav-mid.site-nav-mid-continer__snm21.top_header_menu_button.open_top_header_menu_button .virticalmenu_li a h6 {
    margin: 0;
    font-size: 13px !important;
  }

  .menu2021.friends2021 {
    padding-right: 7px !important;
  }

  span.text-menu-top,
  span.home-text {
    display: none !important;
  }

  .notifications,
  .message {
    width: auto;
  }

  .carousel-inner>.item>div>.span1 {
    width: 28px;
  }

  .portfolio_body .container .custom-container.wall-left-col {
    width: calc(100vw - 210px);
  }

  .portfolio_body {
    width: 100vw;
  }

  .portfolio_body .container.custom-container {
    width: 100vw;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21,
  .portfolio_body .container.custom-container .LeftSideBar-main {
    width: 24vw !important;
    float: left;
    padding: 0 15px;
    margin-left: 0px;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 section .portfolio_body_left.portfolio_body_left21 .portfolio_body .container.custom-container .LeftSideBar-main section .portfolio_body_left.portfolio_body_left21 {
    padding: 0px;
    width: 100%;
    float: left;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 section .portfolio_body_left.portfolio_body_left21 li a h6,
  .portfolio_body .container.custom-container .LeftSideBar-main section .portfolio_body_left.portfolio_body_left21 li a h6 {
    font-size: 90% !important;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow,
  .portfolio_body .container.custom-container .LeftSideBar-main .rightsidebar-who-to-follow {
    float: left;
    width: 100%;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left,
  .portfolio_body .container.custom-container .LeftSideBar-main .rightsidebar-who-to-follow .portfolio_body_left {
    float: left;
    padding: 12px;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .friends_top p,
  .portfolio_body .container.custom-container .LeftSideBar-main .rightsidebar-who-to-follow .friends_top p {
    font-size: 0.84em !important;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left #portfolio_body_left_friends,
  .portfolio_body .container.custom-container .LeftSideBar-main .rightsidebar-who-to-follow .portfolio_body_left #portfolio_body_left_friends {
    float: left;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left #portfolio_body_left_friends .view_friends.to-hover,
  .portfolio_body .container.custom-container .LeftSideBar-main .rightsidebar-who-to-follow .portfolio_body_left #portfolio_body_left_friends .view_friends.to-hover {
    display: table;
  }

  .portfolio_body .container.custom-container .portfolio_body_right {
    width: 47vw !important;
    max-width: 50vw !important;
    left: -45px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main {
    width: 100% !important;
    max-width: 100vw !important;
    float: left;
    padding-right: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .portfolio_body_right7.main {
    width: 20vw !important;
    max-width: 20vw !important;
    float: right;
    overflow: hidden;
    min-height: 300px;
    display: none;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .portfolio_body_right7.main .RightSide_Sticky.RightSide_Sticky21 {
    width: 270px !important;
  }

  .container2021 {
    padding: 0 15px !important;
  }

  .home2021 {
    margin-top: 0 !important;
  }

  span.text-menu-top,
  span.home-text {
    display: none !important;
  }

  .notifications,
  .message {
    width: auto;
  }

  .portfolio_body .container.custom-container .right_chatBox,
  .right_chatBox {
    width: 20vw !important;
    height: 100%;
    float: right;
    overflow: hidden;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users,
  .right_chatBox .online-chat-users {
    padding: 70px 10px 10px;
    width: 25%;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body,
  .right_chatBox .online-chat-users .online-chat-body {
    width: 100%;
    margin: 0px;
    padding: 0;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-active-status,
  .right_chatBox .online-chat-users .online-chat-body .online-active-status {
    position: relative;
    top: 0;
    text-align: left;
    width: 100%;
    height: auto;
    padding-bottom: 8px;
    float: left;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-active-status .online-active-status-left,
  .right_chatBox .online-chat-users .online-chat-body .online-active-status .online-active-status-left {
    font-size: 11px;
    font-weight: bold;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-chat-inputarea,
  .right_chatBox .online-chat-users .online-chat-body .online-chat-inputarea {
    position: relative;
    top: 0;
    width: 100%;
    float: left;
    margin-top: 10px;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component {
    width: 100%;
    top: 130px;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user {
    width: 100%;
    display: table;
    height: auto;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .chat-user-avatar-wrap,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .chat-user-avatar-wrap {
    display: table-cell;
    vertical-align: middle;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .online-user-details,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .online-user-details {
    display: table-cell;
    vertical-align: middle;
  }

  .online-recent-msg {
    font-size: 10px;
  }

  .portfolio_body .wall-left-col {
    width: calc(100vw - 300px);
    position: relative;
  }

  .cover-img-extra-wall-21 {
    min-height: 240px;
    height: 240px;
  }

  section.wall_section_inner .wall_div_inner .LeftSideBar-main .portfolio_body_left,
  section.wall_section_inner .wall_div_inner .left-profile-progress {
    padding: 5px !important;
  }

  .portfolio_body_left_impruve.profile-progress {
    padding: 0px !important;
  }

  .profile-content-main17 .cover-bg .cover-img #cover_img img {
    height: 240px !important;
  }

  .portfolio_body .wall-left-col .container21,
  .container-nav-21 {
    width: 800px;
  }

  .container21 .profile_popup {
    height: 140px;
    width: 140px;
  }

  .profile-content-main17 .cover-bg .profile-card .avat-main17 .myProfileImage {
    height: 140px;
    width: 140px;
  }

  .cover-bg .container21 .flower-meg-addfriend .cover-btn {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
  }

  .portfolio_body .wall-left-col.group_body_left .container21,
  .portfolio_body .wall-left-col.group_body_left .profileCover-Nav ul.profile-nav {
    width: 745px !important;
    overflow: hidden;
  }

  .portfolio_body .wall-left-col.group_body_left .profileCover-Nav ul.profile-nav {
    overflow: inherit;
  }

  .portfolio_body .wall-left-col .container21 .profile-pic-box {
    width: 17.2%;
  }

  .cover-bg .container21 .flower-meg-addfriend {
    width: 52%;
  }

  .container21 .profile-identity {
    width: 30%;
  }

  section.wall_section_inner .wall_div_inner {
    width: 745px;
  }

  .container.custom-container .wall-left-col section.wall_section_inner .wall_div_inner .LeftSideBar-main {
    width: 33% !important;
    margin-right: 1% !important;
    padding: 0 !important;
  }

  .container.custom-container .wall-left-col section.wall_section_inner .wall_div_inner .portfolio_body_right {
    width: 66% !important;
    max-width: 66% !important;
    float: left;
    left: 0;
  }

  .container.custom-container .wall-left-col section.wall_section_inner .wall_div_inner .portfolio_body_right.wall_photos_21 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .container.custom-container .wall-left-col section.wall_section_inner .wall_div_inner .portfolio_body_right.wall_photos_21 .photo_galari__ {
    width: 100%;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right {
    max-width: 100vw !important;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .profileCover-Nav ul.profile-nav {
    width: 755px;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner {
    width: 745px;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right {
    width: 69% !important;
    max-width: 69% !important;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .rightSideBar-main.group_body_right {
    width: 30%;
    float: right;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .rightSideBar-main.group_body_right .rightsidebar-who-to-follow .portfolio_body_left {
    width: 100%;
  }

  .all_notification_border_area .infinite-scroll-component {
    width: 100% !important;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box {
    margin-top: 10px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF {
    padding: 15px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF p {
    padding: 0px;
    font-size: 14px;
    line-height: 22px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF .find-friend-btn {
    padding: 0;
  }

  .find-with-facebook.facebookshare {
    width: 81%;
    text-align: center;
    line-height: 41px !important;
    padding: 0px !important;
    height: 41px;
    margin: 0 auto;
    font-size: 15px !important;
  }

  .find-with-facebook.facebookshare svg {
    line-height: 41px;
    height: 41px;
    float: left;
  }

  .ff-btn-icon.fw-linkedin {
    margin-right: 0px !important;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box.ff-tab-design {
    margin-top: 20px;
    -moz-border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box.ff-tab-design .nav.nav-tabs.FindFriendsTab {
    padding: 15px !important;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box.ff-tab-design .nav.nav-tabs.FindFriendsTab li a {
    padding: 10px;
  }

  .friends_tab_area.friends_tab_area_new,
  .friends_tab_area.friends_tab_area_new .content.friends_tab_area_new_content {
    float: left;
    width: 100%;
  }

  .find-friend-wrapper .find-friend-box .tab-content .tab-pane .friends_tab_area .friends_tab_area_new_content .infinite-scroll-component {
    padding: 0 10px !important;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_top {
    width: 70%;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom {
    width: 30%;
    justify-content: flex-end;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom .friends_info_bottom2 {
    margin-top: 0;
    line-height: 35px;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom .friends_info_bottom3 {
    position: relative;
    width: auto;
    top: 0;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom .friends_info_bottom3 a {
    padding: 10px;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_top .friends_info_topimg {
    height: 45px;
    width: 45px;
  }

  .friends_info_topcont.friends_info_topcont_ext {
    float: left;
  }

  .friends_info_topcont.friends_info_topcont_ext p {
    margin-bottom: 0;
  }

  .my_streamcontent_like1 {
    float: left;
  }

  .common-tagline span {
    float: left;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right {
    max-width: 100vw !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment {
    float: left;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap {
    float: left;
    width: 100%;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .group-page-header {
    width: 100%;
    border-radius: 15px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .group-page-header .page-title {
    padding-left: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .group-page-header .create-new-group {
    float: right;
    padding: 13px 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .group-page-header .create-new-group a {
    padding: 15px 10px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .bitmap_src {
    left: 80px;
    width: 52% !important;
  }

  .group-sections {
    width: 100% !important;
  }

  .col-md-4.single-group {
    padding: 0 5px !important;
    width: 50%;
    margin-bottom: 35px;
  }

  .single-group .single-group-wrap {
    width: 100% !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-bottom: 15px;
    float: left;
  }

  .single-group .single-group-wrap a.svgClass {
    max-width: 100%;
  }

  .single-group .single-group-wrap img.group-cover-img {
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
  }

  .single-group .single-group-wrap .single-group-title {
    padding: 15px;
  }

  .single-group .single-group-wrap .single-group-title a {
    padding: 0;
  }

  .single-group .single-group-wrap .single-group-meta {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 15px;
  }

  .single-group .single-group-wrap .single-group-meta ul {
    padding-left: 0;
  }

  .single-group .single-group-wrap .single-group-join {
    width: 90%;
    margin: 0 auto;
    display: block;
    transform: none;
    clear: both;
  }

  .my_streamcontent2.main.after_comment.comment_reply_row .my_streamcontent2_right_input.main.comment_reply_input_text,
  .status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main {
    width: 83% !important;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right.wall_photos_21 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .wall-left-col .portfolio_body_right .portfolio_body_right.wall_photos_21 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .photo_galari__ {
    width: 100%;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view {
    width: 100%;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .photo_galari__ {
    width: 100%;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area {
    padding: 15px;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .show_profile_or_cover_images {
    float: left;
    margin-left: -10px;
    margin-right: -10px;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .show_profile_or_cover_images .gallery-photo-bg {
    width: 25% !important;
    margin: 0 !important;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 15px !important;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .show_profile_or_cover_images .gallery-photo-bg img {
    margin: 0px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls {
    float: left;
    padding: 0;
    margin: 0 !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left {
    float: left;
    width: 28% !important;
    position: relative !important;
    left: 0;
    top: 0;
    padding: 15px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left h4 {
    padding: 10px 0;
    margin: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left ul.nav.nav-pills.nav-stacked.account_setting_nav li {
    padding: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_right {
    float: right;
    width: 70% !important;
    position: relative !important;
    left: 0;
    top: 0;
  }

  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .show_profile_or_cover_images {
    float: left;
    width: 100%;
  }

  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .infinite-scroll-component .show_profile_or_cover_images .gallery-photo-bg,
  .user_photo_gallery_area .infinite-scroll-component .show_profile_or_cover_images .gallery-video-bg {
    width: 25% !important;
    margin: 0 !important;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 15px !important;
    height: 165px !important;
  }

  .user_photo_gallery_area .infinite-scroll-component .show_profile_or_cover_images .gallery-video-bg img,
  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .infinite-scroll-component .show_profile_or_cover_images img {
    margin: 0 !important;
    height: 165px !important;
  }

  .notifications,
  .message,
  .friends_droupdown {
    width: auto;
    padding: 0 5px;
  }

  .notify_title1.noti_2021.badge-alignment,
  .notify_title2.noti_2021,
  .notify_title.noti_2021.message-bage-2021 {
    left: 0 !important;
  }

  .message #dropdown-message {
    top: 53px !important;
    left: -53px !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right {
    margin-top: 90px;
  }

  .modal-content.model-popup-inner-17 .modal-body {
    max-height: 80vh !important;
    padding-top: 10px;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  .col-sm-6.col-xs-6:first-child {
    width: 35%;
}
  .right_chatBox .single-chat .single-chat-body,
  .right_chatBox .single-chat .single-chat-body.single-chat-body1 {

    height: 380px !important;
    min-height: 380px
  }
  .WallDragDivShow {
    width: 564px !important;
  }

  .share_post_modal.share_post_modal21 .modal-dialog .popup-container-main21-shared {
    max-height: 55vh;
  }

  .cover-img-extra-wall-21 {
    min-height: auto;
  }

  .my_streamcontent_post_date.my_streamcontent_post_date_view.comment_reply_show_comment {
    width: auto;
  }

  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .photo_galari__ {
    width: 100%;
  }

  .container21,
  .container-nav-21,
  section.wall_section_inner .wall_div_inner {
    width: 970px;
  }

  .container.custom-container section.wall_section_inner .wall_div_inner .portfolio_body_right.wall_photos_21 {
    width: 100% !important;
    max-width: 100% !important;
  }

  span.text-menu-top,
  span.home-text {
    display: none !important;
  }

  .notifications,
  .message,
  .friends_droupdown {
    width: auto;
    padding: 0 5px;
  }

  .notify_title1.noti_2021.badge-alignment,
  .notify_title2.noti_2021,
  .notify_title.noti_2021.message-bage-2021 {
    left: 0 !important;
  }

  .site-nav-mid.site-nav-mid-continer__snm21.top_header_menu_button.open_top_header_menu_button {
    top: 11px;
    z-index: 1;
  }

  .portfolio_body_left2.profile-tips-area.profile-tips-area21.video-left-21 {
    margin-bottom: 0 !important;
    padding: 20px;
    border-radius: 15px;
  }

  .portfolio_body_left2.profile-tips-area.profile-tips-area21.video-left-21 .video_bottom_txt {
    height: auto;
    text-align: center;
    font-size: 12px;
  }

  .portfolio_body_left2.profile-tips-area.profile-tips-area21.video-left-21 .video_bottom_txt p {
    margin-bottom: 0 !important;
    width: 100%;
    font-size: 12px !important;
    text-align: center;
  }


  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 {
    width: 21vw !important;
    float: left;
    padding: 0 15px;
    margin-left: 15px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right {
    width: 56% !important;
    max-width: 56% !important;
    left: -20px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main {
    width: 65% !important;
    max-width: 65% !important;
    margin: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .body_right21 {
    width: 30%;
    float: left;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .portfolio_body_right7.main {
    width: 100% !important;
    max-width: 228px !important;
    float: left;
    overflow: hidden;
    min-height: 300px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .portfolio_body_right7.main .RightSide_Sticky.RightSide_Sticky21 {
    width: 208px !important;
    float: left;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .portfolio_body_right7.main .RightSide_Sticky.RightSide_Sticky21 .portfolio_body_left_impruve.tips-and-plicy {
    width: 100% !important;
  }

  div#RecentActivityMasterContent .notifications_area .notifications_text.main {
    width: 80% !important;
  }

  .portfolio_body .container.custom-container .right_chatBox,
  .right_chatBox {
    width: 30% !important;
    height: 100%;
    float: right;
    overflow: hidden;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users,
  .right_chatBox .online-chat-users {
    padding: 70px 10px 10px;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body,
  .right_chatBox .online-chat-users .online-chat-body {
    width: 100%;
    margin: 0px;
    padding: 0;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-active-status,
  .right_chatBox .online-chat-users .online-chat-body .online-active-status {
    position: relative;
    top: 0;
    text-align: left;
    width: 100%;
    height: auto;
    padding-bottom: 8px;
    float: left;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-active-status .online-active-status-left,
  .right_chatBox .online-chat-users .online-chat-body .online-active-status .online-active-status-left {
    font-size: 11px;
    font-weight: bold;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-chat-inputarea,
  .right_chatBox .online-chat-users .online-chat-body .online-chat-inputarea {
    position: relative;
    top: 0;
    width: 100%;
    float: left;
    margin-top: 10px;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component {
    width: 100%;
    top: 120px;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user {
    width: 100%;
    display: flex;
    height: auto;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .chat-user-avatar-wrap,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .chat-user-avatar-wrap {
    float: left;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .online-user-details,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .online-user-details {
    float: left;
    width: 80%;
    font-size: 80%;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right {
    max-width: 100vw !important;
    width: 100% !important;
    margin-right: 0 !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment {
    float: left;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap {
    float: left;
    width: 100%;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .group-page-header {
    width: 100%;
    border-radius: 15px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .group-page-header .page-title {
    padding-left: 0;
    font-size: 13px;
  }

  .group-page-header .create-new-group a {
    padding: 15px 20px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .bitmap_src {
    left: 80px;
    width: 60% !important;
  }

  .group-sections {
    width: 100% !important;
  }

  .col-md-4.single-group {
    padding: 0 5px !important;
    margin-bottom: 35px;
  }

  .single-group .single-group-wrap {
    width: 100% !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-bottom: 15px;
    float: left;
  }

  .single-group .single-group-wrap img.group-cover-img {
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
  }

  .single-group .single-group-wrap .single-group-title {
    padding: 8px 15px;
  }

  .single-group .single-group-wrap .single-group-title a {
    padding: 0;
  }

  .single-group .single-group-wrap .single-group-meta {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 15px;
  }

  .single-group .single-group-wrap .single-group-meta ul {
    padding-left: 0;
    margin-bottom: 0;
  }

  .single-group-meta ul li {
    font-size: 12px;
    line-height: 16px;
  }

  .single-group .single-group-wrap .single-group-join {
    width: 90%;
    margin: 0 auto;
    font-size: 12px;
  }

  .single-group .single-group-wrap .single-group-join i.fa {
    margin-right: 5px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls {
    float: left;
    margin-top: 100px !important;
    padding: 0;
    width: 91% !important;
    max-width: 91% !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left {
    float: left;
    width: 28% !important;
    position: relative !important;
    left: 0;
    top: 0;
    padding: 15px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left h4 {
    padding: 10px 0;
    margin: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left ul.nav.nav-pills.nav-stacked.account_setting_nav li {
    padding: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_right {
    float: right;
    width: 70% !important;
    position: relative !important;
    left: 0;
    top: 0;
  }

  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .show_profile_or_cover_images {
    float: left;
    width: 100%;
  }

  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .infinite-scroll-component .show_profile_or_cover_images .gallery-photo-bg,
  .user_photo_gallery_area .infinite-scroll-component .show_profile_or_cover_images .gallery-video-bg {
    width: 25% !important;
    margin: 0 !important;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 15px !important;
  }

  .user_photo_gallery_area .infinite-scroll-component .show_profile_or_cover_images .gallery-video-bg img,
  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .infinite-scroll-component .show_profile_or_cover_images img {
    margin: 0 !important;
  }

  section.wall_section_inner .wall_div_inner .LeftSideBar-main {
    width: 334px;
    float: left;
    margin-right: 15px;
    top: 0px;
    padding-left: 0px;
  }

  .container.custom-container section.wall_section_inner .wall_div_inner .portfolio_body_right {
    max-width: 615px !important;
    height: 100vh;
    width: 615px !important;
    float: left;
    margin-left: 0px !important;
    left: 0;
  }

  .container.custom-container section.wall_section_inner .wall_div_inner .portfolio_body_right .portfolio_body_right2 {
    max-width: 100% !important;
    padding-right: 0px;
  }

  .friend_nominate_conditional.friend_nominate_conditional21 .founding_member_title {
    padding: 6px 8px 0;
    font-size: 12px;
    line-height: 16px;
  }

  .portfolio_body_left2.profile-tips-area.founding_member {
    width: 99%;
  }

  .friend_nominate_conditional.friend_nominate_conditional21 .portfolio_body_left_impruve.tips-and-plicy.no-padding .founding_member_body {
    padding: 0;
  }

  .founding_member_body p {
    line-height: 20px;
    font-size: 11px;
    margin: 0px 0 5px 0 !important;
  }

  .founding_member_unlock_btn {
    line-height: 15px;
    font-size: 11px;
  }

  .portfolio_body_right_footer .footer.footerOnRight {
    margin-top: 0 !important;
  }

  .portfolio_body_right_footer .footer.footerOnRight .footer_bottom.rightFootterCon {
    width: 100% !important;
  }

  .portfolio_body_right_footer .footer.footerOnRight .footer_bottom.rightFootterCon .footer_bottom_left_main p {
    font-size: 11px !important;
  }

  .footer_bottom_left .footer_bottom_left_main ul.nav.nav-pills.footer-nav-17 li,
  .footer_bottom_left .footer_bottom_left_main ul.nav.nav-pills.footer-nav-17 li a {
    margin-right: 4px !important;
    margin-bottom: 0px;
    padding: 0 !important;
  }

  .footer_bottom_left .footer_bottom_left_main ul.nav.nav-pills.footer-nav-17 li a {
    font-size: 0.85em;
  }

  .footer_bottom_left .footer_bottom_left_main ul.nav.nav-pills.footer-nav-17 li:last-child,
  .footer_bottom_left .footer_bottom_left_main ul.nav.nav-pills.footer-nav-17 li:last-child a {
    margin-right: 0 !important;
  }

  .all_notification_border_area .infinite-scroll-component {
    width: 100% !important;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box {
    margin-top: 10px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF {
    padding: 15px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF p {
    padding: 0px;
    font-size: 14px;
    line-height: 22px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF .find-friend-btn {
    padding: 0;
  }

  .find-friend-wrapper .find-friend-box .find-friend-box-header .find-friend-btn .col-md-4 {
    margin-right: 7px;
  }

  .find-with-facebook.facebookshare {
    width: 81%;
    text-align: center;
    line-height: 41px !important;
    padding: 0px !important;
    height: 41px;
    margin: 0 auto;
    font-size: 15px !important;
  }

  .find-with-facebook.facebookshare svg {
    line-height: 41px;
    height: 41px;
    float: left;
  }

  .ff-btn-icon.fw-linkedin {
    margin-right: 0px !important;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box.ff-tab-design {
    margin-top: 20px;
    -moz-border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box.ff-tab-design .nav.nav-tabs.FindFriendsTab {
    padding: 15px !important;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box.ff-tab-design .nav.nav-tabs.FindFriendsTab li a {
    padding: 10px;
  }

  .friends_tab_area.friends_tab_area_new,
  .friends_tab_area.friends_tab_area_new .content.friends_tab_area_new_content {
    float: left;
    width: 100%;
  }

  .find-friend-wrapper .find-friend-box .tab-content .tab-pane .friends_tab_area .friends_tab_area_new_content .infinite-scroll-component {
    padding: 0 10px !important;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom {
    justify-content: flex-end;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom .friends_info_bottom2 {
    margin-top: 0;
    line-height: 35px;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom .friends_info_bottom3 {
    position: relative;
    width: auto;
    top: 0;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom .friends_info_bottom3 a {
    padding: 10px;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_top .friends_info_topimg {
    height: 45px;
    width: 45px;
  }

  .friends_info_topcont.friends_info_topcont_ext {
    float: left;
  }

  .friends_info_topcont.friends_info_topcont_ext p {
    margin-bottom: 0;
  }

  .my_streamcontent_like1 {
    float: left;
  }

  .common-tagline span {
    float: left;
  }


  .portfolio_body.group-body .wall-left-col.group_body_left .container21 .profile-identity {
    width: 47%;
    padding-left: 0 !important;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .container21 .profile-identity p.user-profile-name,
  .portfolio_body.group-body .wall-left-col.group_body_left .container21 .profile-identity p.likes-friends {
    left: 0;
    padding-left: 0;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .profileCover-Nav ul.profile-nav {
    padding-left: 0;
  }

  .group-body .group_body_left .group_div_inner {
    width: 970px;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right {
    width: 70% !important;
    max-width: 70% !important;
    float: left;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main {
    width: 100% !important;
    max-width: 100% !important;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .rightSideBar-main.group_body_right {
    width: 30%;
    float: left;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .rightSideBar-main.group_body_right .rightsidebar-who-to-follow {
    width: 100%;
    float: left;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .rightSideBar-main.group_body_right .rightsidebar-who-to-follow .portfolio_body_left {
    width: 100%;
  }

  .my_streamcontent2.main.after_comment.comment_reply_row .my_streamcontent2_right_input.main.comment_reply_input_text,
  .status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main {
    width: 85% !important;
  }

  .wall-left-col.group_body_left .container21,
  .wall-left-col.group_body_left .profileCover-Nav ul.profile-nav {
    width: 970px;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right.wall_photos_21 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .wall-left-col .portfolio_body_right .portfolio_body_right.wall_photos_21 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .photo_galari__ {
    width: 100%;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view {
    width: 100%;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .photo_galari__ {
    width: 100%;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area {
    padding: 15px;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .show_profile_or_cover_images {
    float: left;
    margin-left: -10px;
    margin-right: -10px;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .show_profile_or_cover_images .gallery-photo-bg {
    width: 25% !important;
    margin: 0 !important;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 15px !important;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .show_profile_or_cover_images .gallery-photo-bg img {
    margin: 0px;
  }

  .single_popup_on .is_shared_posted .right_popup_post_body .post-commnet-container {
    /* max-height: 40vh; */
  }

  .portfolio_body_left.profile-progress-area.liker-create-account {
    margin-bottom: 10px;
  }

  .portfolio_body_left.profile-progress-area.liker-create-account .portfolio_body_left_impruve.profile-progress.blue_bg .portfolio_body_left_impruve2 .progressbar-count.progressbarText {
    padding: 10px 0;
    font-size: 13px;
    line-height: 18px;
  }

  .portfolio_body_left.profile-progress-area.liker-create-account .portfolio_body_left_impruve.profile-progress.blue_bg .portfolio_body_left_impruve3 {
    margin-top: 10px;
    position: relative;
    padding-top: 15px;
    height: auto;
    text-align: center !important;
    padding-bottom: 15px;
  }

  .portfolio_body_left.profile-progress-area.liker-create-account .portfolio_body_left_impruve.profile-progress.blue_bg .portfolio_body_left_impruve3 span {
    padding-top: 0;
    float: left;
    width: 100%;
    height: 25px;
    line-height: 25px;
  }

  .portfolio_body_left.profile-progress-area.liker-create-account .portfolio_body_left_impruve.profile-progress.blue_bg .portfolio_body_left_impruve3 a.tips-button {
    margin-top: 10px;
    transform: none;
    height: auto;
    padding: 0 10px;
    width: 65%;
    margin-left: 17%;
    margin-right: 17%;
  }

  .portfolio_body_right_footer .footer.footerOnRight,
  .portfolio_body_right_footer .footer.footerOnRight .footer_bottom.rightFootterCon {
    padding-top: 0;
  }

  .RightSide_Sticky21 .liker_video_play21 .img-responsive {
    max-width: 100%;
    max-height: 119px;
  }

  .friend_nominate_conditional .portfolio_body_left2 {
    top: 6px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right {
    width: 65% !important;
    max-width: 65% !important;
    left: 40px;
  }

  .right_chatBox .single-chat {
    width: 290px;
  }

  .portfolio_body .right_chatBox .chat_room_body {
    float: left;
    width: 100%;
  }

  .single-chat-header {
    float: left;
    width: 100%;
  }

  .right_chatBox .single-chat .chat-user-avatar-wrap {
    width: 32px;
    height: 32px;
  }

  .right_chatBox .single-chat .single-chat-body {
    height: 300px;
    font-size: 100% !important;
  }

  .chat-user-single-msg-text {
    padding: 3px 6px !important;
    font-size: 90% !important;
    line-height: 170% !important;
  }

  .chat-seen-date.right-chat-seen-date.cls-ht,
  .right_chatBox .chat-seen-date.left-chat-seen-date.cls-ht {
    font-size: 82% !important;
  }

  .chat-seen-date.right-chat-seen-date.cls-ht span,
  .right_chatBox .chat-seen-date.left-chat-seen-date.cls-ht span {
    font-size: 10px;
  }

  div.chat-seen-date.seen-by {
    margin-left: 3px;
  }

  div.chat-seen-date.seen-by svg {
    height: 80%;
    width: 80%;
  }

  .right_chatBox .msg-send-date-bar {
    margin: 10px 0;
  }

  .right_chatBox .msg-send-date-bar-line span {
    font-size: 80% !important;
  }

  div.chat-user-single-msg.chat-user-mine.other_message::before {
    left: 3px;
    top: 7px;
    font-size: 15px;
  }

  .right_chatBox .chat-user-single-msg.chat-user-other.my-nessage:after {
    right: 3px;
    top: 7px;
    font-size: 15px;
  }

  .right_chatBox .single-chat .center30x30>.cssload-div {
    width: 20px;
    height: 20px;
  }

  .right_chatBox .single-chat-header {
    padding: 5px;
  }

  .right_chatBox .chat-user-title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .right_chatBox .chat-user-title-icon span,
  .single-chat.minimized-single .chat-user-title-icon span.minimize {
    width: 20px;
    height: 20px !important;
    margin: 0 4px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    float: left;
  }

  .right_chatBox .chat-user-title-wrap .chat-user-title-icon span.cross svg {
    position: relative;
    top: 0px;
    height: 8px;
    width: 8px;
  }

  .right_chatBox .single-chat-inputarea {
    float: left;
    width: 100%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .right_chatBox .single-chat-inputarea .single-chat-textarea textarea {
    width: 77%;
    margin-left: 32px;
  }

  .right_chatBox .single-chat:nth-child(2) {
    right: 300px !important;
  }

  .right_chatBox .single-chat:nth-child(3) {
    right: 600px !important;
  }

  .right_chatBox .single-chat-icon-wrap .single-chat-send-msg,
  .single-chat-icon-wrap .single-chat-emoji {
    top: 5px;
    position: relative;
  }

  .attachement-main.attachement-tom {
    margin-left: 0px;
  }

  .modal-dialog {
    margin: 68px auto !important;
  }

  .portfolio_message21 .message_main_area .nano {
    height: calc(81vh - 130px);
  }

  .form-group {
    margin-bottom: 10px;
  }

  .croping-modal.modal.in .modal-dialog {
    margin: 25px auto !important;
  }

  .cropper-main {
    height: 550px !important;
  }

  .portfolio_body_right2 .info-edit-popup .modal-new-style .modal-dialog .modal-content {
    max-height: 92vh;
  }

  .portfolio_body_right2 .info-edit-popup .modal-new-style .modal-dialog .modal-content .modal-body {
    max-height: 74vh !important;
  }

  .col-md-12.about-heading {
    padding: 0px 0 10px;
    margin-bottom: 15px;
  }

  .about-heading .account_left p {
    font-size: 15px;
  }

  .advancesearch_main .post_body_left .post_profile_top.search_user_result .post-user-profile {
    margin-right: 8px;
  }

  .portfolio_body .infinite-scroll-component .post_body_left {
    padding: 15px !important;
  }

  .post_profile_top {
    margin-bottom: 8px;
  }

  span.post_head_cat21>a {
    padding: 5px 6px;
    font-size: 11px;
    line-height: 15px;
  }

  .my_streamcontent3 .my_streamcontent3_right_history .my_streamcontent3_right_history_top .my_streamcontent3_top_left h5 a {
    font-size: 12px;
  }

  .my_streamcontent_like span.light2 span {
    font-size: 11px !important;
  }

  .Linkify code span,
  .general-comment-main .img_comment_box span.Linkify span {
    font-size: 14px;
  }

  .post_profile_top .post-user-profile-details .post-upd-name {
    font-size: 14px;
    line-height: 18px;
  }

  .post-upd-top>div p span a {
    font-size: 11px;
    line-height: 15px;
  }

  .post-user-profile-details span.posted_upload_time,
  span.post-upd-permission-icon>div {
    font-size: 11px;
    line-height: 18px;
  }

  .group-sections-wrap .react-multi-carousel-track li.react-multi-carousel-item>div>.single-group-title {
    font-size: 11px !important;
    line-height: 15px;
  }

  .single-group .single-group-wrap a.svgClass {
    width: 100%;
    height: 180px;
  }

  .single-group-wrap img.group-cover-img {
    height: 180px;
  }

  .group-sections-header .group-sections-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
  }

  .single-group-title a {
    font-size: 13px;
  }

  .group-sections-wrap .single-group {
    margin-bottom: 30px;
    max-height: 360px;
    min-height: 300px;
  }

  .comment-show-hide-link-2021 .comment-show-hide-link-icom svg {
    width: 90%;
  }

  .comment-show-hide-link-comment {
    font-size: 12px;
  }

  .portfolio_body_right4 .my_streamcontent2.main {
    margin-top: 10px;
    padding: 5px 10px !important;
  }

  .portfolio_body_right4 .my_streamcontent2.main .krodd_icon.like-main17 a.repp svg.heartAnimation {
    height: 18px;
    width: 18px;
  }

  .portfolio_body_right4 .my_streamcontent2.main .krodd_icon.like-main17 a.repp svg.likeIconSvg.my_streamcontent2_icon {
    width: 18px;
    height: 18px;
  }

  .status_content .comment_friend.after_comment {
    padding: 20px 10px 10px;
  }

  span.totalLikeList2021 {
    margin-top: 0;
    font-size: 14px !important;
  }

  .handlePostLikeShow .krodd_icon span.love-icon svg {
    width: 19px;
  }

  .mentions-input-box textarea {
    font-size: 13px !important;
    line-height: 29px !important;
  }

  .dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17.drop-down-select-audiance-21 ul li a {
    display: flex;
    align-items: center;
  }

  .dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17.drop-down-select-audiance-21 ul li a span {
    display: flex;
    align-items: center;
  }

  .dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17.drop-down-select-audiance-21 ul li a span svg {
    top: 0 !important;
    position: relative !important;
  }

  .status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .cancel_new_btn.comment_cancel {
    font-size: 11px;
    right: -36px;
    margin-left: 0;
  }

  .repp img.my_streamcontent2_icon,
  .last_coment_amount_like a img {
    width: 15px;
  }

  span.like_count_string,
  span.postlikeUserShow.m_class.rank_post_class.more-people {
    font-size: 13px !important;
  }

  .virticalmenu_li a h6 {
    font-size: 13px !important;
  }

  .reply_comment_area .my_streamcontent3_bottom_left.comment_img_17 h5 span.Linkify span {
    font-size: 13px;
  }

  .my_streamcontent3.main .my_streamcontent3_bottom_left h5 {
    line-height: 20px !important;
  }

  .status_content .Linkify.Linkify_loadmore code span,
  .status_content span.Linkify.Linkify_loadless code>span,
  .status_content .Linkify span a {
    line-height: 20px !important;
  }

  .my_streamcontent2_right .dropbtn {
    font-size: 13px;
    line-height: 25px;
  }

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

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

  .post_body_left .status_content .imgPostMain h1.sharedTitleView .Linkify code,
  .post_body_left .status_content .imgPostMain h1.sharedTitleView span.Linkify.Linkify_loadless code {
    font-size: 13px !important;
    line-height: 20px !important;
  }

  .my_streamcontent_bottom.gradient_10_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.gradient_12_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.gradient_11_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.gradient_13_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.gradient_14_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.gradient_15_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.gradient_16_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.gradient_17_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.gradient_18_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.gradient_2_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.gradient_3_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.gradient_4_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.gradient_5_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.gradient_6_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.gradient_7_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.gradient_8_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.gradient_9_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.img_2_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.img_3_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.img_4_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.img_5_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.img_6_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.img_7_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
  .my_streamcontent_bottom.img_8_preview .imgPostMain h1.sharedTitleView span div span.Linkify code {
    font-size: 22px !important;
    line-height: 32px;
    font-weight: 700 !important;
  }

  .status_content h1.sharedTitleView span.Linkify a {
    line-height: 22px !important;
    font-size: 14px !important;
  }

  .readMoreText {
    font-size: 13px;
  }

  .popup-container-main17.popup-container-main21-post-edit {
    max-height: 57vh;
  }

  .postMentionsInputBox-edit-post-21>div>div>div textarea#post_content_text_modal_edit_mode {
    overflow: auto !important;
    left: 0;
  }

  .is_shared_post .my_streamcontent.main h1.shared_post_titles_on_post span div span a {
    font-size: 13px;
    line-height: 22px !important;
  }

  .fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content #popup-post-details .post_right_side .portfolio_body_right4.main.status_content .is_shared_posted .my_streamcontent.main .right_popup_post_body .my_streamcontent_bottom {
    /* max-height: 25vh; */
  }

  .newpostmodals .modal-dialog .modal-content div#new-post-modal-height {
    max-height: 80vh;
    overflow-y: auto;
    padding: 0;
  }

  div#new_post_categoryList .dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17 {
    -moz-border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    border-radius: 20px !important;
    -moz-box-shadow: 0px 0px 10px rgb(0 0 0 / 22%);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 22%);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 22%);
    max-height: 290px;
    padding: 6px 0;
  }

  div#new_post_categoryList .dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17 ul#content {
    height: 80%;
  }

  .permissionDropbox21>button.btn.btn-default.share-option .caret-21 svg {
    transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
  }

  .post-insert-footer-21 .new_post_categoryList .permission-but-all.new-permission-class.palinPost .dropdown.dropdownFix.permissionDropbox.permissionDropbox21 ul.dropdown-menu,
  .portfolio_coment_button-wall-21 .permission-but-all.new-permission-class.palinPost .dropdown.dropdownFix.permissionDropbox.permissionDropbox21 ul.dropdown-menu {
    top: inherit;
    left: 5px !important;
    bottom: 40px;
  }

  .is_shared_post .my_streamcontent.main h1.shared_post_titles_on_post span div code {
    font-size: 13px;
  }

  .search-filter-main-2021 .search-filter-title-2021 .btn-default-2021 span.filter-option-2021 {
    font-size: 13px;
  }

  .mobile-drop-17.dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17 {
    margin-left: 135px;
    width: 370px;
    margin-top: 8px;
    border-top: none;
  }

  .single-chat .chat-user-single-msg-link {
    width: 220px;
  }

  .single-chat .link-msg-text {
    padding: 0 8px;
    font-size: 12px;
    line-height: 20px;
  }

  .single-chat .link-msg-link {
    padding: 0 5px;
    margin: 0 !important;
    font-size: 12px;
    float: left;
    line-height: 20px;
  }

  .my-nessage .msg-send-option .msg-send-option-dropdown ul.dropdown-menu {
    padding: 0;
    top: -53px;
  }

  .my-nessage .msg-send-option .msg-send-option-dropdown ul.dropdown-menu li {
    padding: 5px;
    border-bottom: 1px solid #eee;
  }

  .my-nessage .msg-send-option .msg-send-option-dropdown ul.dropdown-menu li:last-child {
    border: none;
  }

  .my-nessage .msg-send-option .msg-send-option-dropdown ul.dropdown-menu li a {
    padding: 0;
    font-size: 13px;
  }

  .drop-down-select-audiance-21>.dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17 {
    width: 285px !important;
  }

  .category-select-area.wall-feed-post-category {
    margin-bottom: 10px;
  }

  .posts_wrapper.allpost-body-left .post_body_left .is_shared_posted .post_profile_top .post-user-profile-details {
    width: 88%;
  }

  .comment-not-available .postNotFound {
    width: 88%;
  }

  .img_2_add,
  .img_3_add,
  .img_4_add,
  .img_5_add,
  .img_6_add,
  .img_7_add,
  .img_8_add,
  .img_9_add {
    padding: 60px 30px !important;
  }

  .meme_auto_height {
    max-height: 200px !important;
  }

  .img_2_add__input,
  .img_3_add__input,
  .img_4_add__input,
  .img_5_add__input,
  .img_6_add__input,
  .img_7_add__input,
  .img_8_add__input,
  .img_9_add__input {
    padding: 60px 30px !important;
    text-align: center;
    font-size: 32px !important;
    max-height: inherit !important;
  }

  .postMentionsInputBox>.wall {
    margin-top: 10px !important;
  }

  .gradient_2_add,
  .gradient_3_add,
  .gradient_4_add,
  .gradient_5_add,
  .gradient_6_add,
  .gradient_7_add,
  .gradient_8_add,
  .gradient_9_add,
  .gradient_10_add,
  .gradient_11_add,
  .gradient_12_add,
  .gradient_13_add,
  .gradient_14_add,
  .gradient_15_add,
  .gradient_16_add,
  .gradient_17_add,
  .gradient_18_add {
    height: 290px;
  }

  .gradient_2_add textarea#post_content_text_modal_edit_mode,
  .gradient_3_add textarea#post_content_text_modal_edit_mode,
  .gradient_4_add textarea#post_content_text_modal_edit_mode,
  .gradient_5_add textarea#post_content_text_modal_edit_mode,
  .gradient_6_add textarea#post_content_text_modal_edit_mode,
  .gradient_7_add textarea#post_content_text_modal_edit_mode,
  .gradient_8_add textarea#post_content_text_modal_edit_mode,
  .gradient_9_add textarea#post_content_text_modal_edit_mode,
  .gradient_10_add textarea#post_content_text_modal_edit_mode,
  .gradient_11_add textarea#post_content_text_modal_edit_mode,
  .gradient_12_add textarea#post_content_text_modal_edit_mode,
  .gradient_13_add textarea#post_content_text_modal_edit_mode,
  .gradient_14_add textarea#post_content_text_modal_edit_mode,
  .gradient_15_add textarea#post_content_text_modal_edit_mode,
  .gradient_16_add textarea#post_content_text_modal_edit_mode,
  .gradient_17_add textarea#post_content_text_modal_edit_mode,
  .gradient_18_add textarea#post_content_text_modal_edit_mode {
    height: 290px;
    max-height: 290px;
  }

  .gradient_2_add textarea#post_content_text_modal_edit_mode,
  .gradient_3_add textarea#post_content_text_modal_edit_mode,
  .gradient_4_add textarea#post_content_text_modal_edit_mode,
  .gradient_5_add textarea#post_content_text_modal_edit_mode,
  .gradient_6_add textarea#post_content_text_modal_edit_mode,
  .gradient_7_add textarea#post_content_text_modal_edit_mode,
  .gradient_8_add textarea#post_content_text_modal_edit_mode,
  .gradient_9_add textarea#post_content_text_modal_edit_mode,
  .gradient_10_add textarea#post_content_text_modal_edit_mode,
  .gradient_11_add textarea#post_content_text_modal_edit_mode,
  .gradient_12_add textarea#post_content_text_modal_edit_mode,
  .gradient_13_add textarea#post_content_text_modal_edit_mode,
  .gradient_14_add textarea#post_content_text_modal_edit_mode,
  .gradient_15_add textarea#post_content_text_modal_edit_mode,
  .gradient_16_add textarea#post_content_text_modal_edit_mode,
  .gradient_17_add textarea#post_content_text_modal_edit_mode,
  .gradient_18_add textarea#post_content_text_modal_edit_mode {
    height: 286px !important;
    max-height: 286px !important;
    padding: 120px 30px !important;
  }

  .meme_auto_height #post_content_text_modal_11,
  .meme_auto_height #wallfeed_post_input_box {
    max-height: 203px !important;
    padding: 74px 30px !important;
    left: 0px;
    top: 50% !important;
    transform: translateY(-50%);
  }

  .portfolio_body_right .portfolio_body_right2 .account_setting_right .portfolio_coment .account_main .account_cont_right .block-button button.m_class.button {
    font-size: 12px;
    padding: 12px 12px;
  }

  .portfolio_body_right .portfolio_body_right2 .account_setting_right .portfolio_coment .account_main .account_cint .account_cont_right button.buttonall {
    font-size: 12px;
    padding: 12px 12px;
  }

  .account_setting_right .portfolio_coment .account_main .account_border_wrep .account_main_bottom .add_new_email .add_new_input_section .form-group .input-group .input-group-addon {
    width: 70px;
  }

  .account_setting_right .portfolio_coment .account_main .account_border_wrep .account_main_bottom .add_new_email .add_new_input_section .input-group input.form-control {
    width: 69% !important;
  }

  .post-submit .cssload-container-div.center15x15 {
    left: 0%;
  }

  .drop-down-select-audiance-21 .cssload-container-div.center15x15 {
    left: 50%;
    transform: translateX(-50%);
  }

  .chat-user-single-msg .videothumb-cal .video-react-controls-enabled {
    max-width: 227px;
  }

  .chat-user-single-msg .video-react .video-react-control {
    width: 3em;
  }

  .main_msg_body .single-chat .my-message .mp3preview,
  .filepreview {
    float: right;
    margin-right: 8px;
    max-width: 317px !important;
  }

  .add_new_input_section .cssload-container-div.center15x15 {
    top: -15px;
  }

  .set_option_for_email .cssload-container-div.center15x15 {
    left: 16rem;
    top: 48px;
  }

  textarea.react-autofocus__input {
    padding-top: 8px !important;
  }

  .all_photo_gallery_area .videoicon-overthumb .fa {
    font-size: 23px;
  }

  .single-chat .mp3preview,
  .filepreview {
    width: 89% !important;
  }

  .other_message .msg-send-option .msg-send-option-dropdown ul.dropdown-menu {
    top: -58px;
    bottom: auto;
    left: -95px !important;
  }

  .top-left-menu21__item,
  .top-left-menu21__item:last-of-type {
    margin-bottom: 8px !important;
  }

  .bugmail p {
    font-size: 12px !important;
  }

  .online-chatuser-name {
    font-size: 12px;
  }

  .portfolio_body_left_view_friends_heading>p>a {
    font-size: 12px;
  }

  .profile-navbar .suggested_star_contributors .view_friends.to-hover .portfolio_body_left_view_friendsimage {
    height: 30px;
    min-width: 30px;
    max-width: 30px;
    margin-right: 6px;
  }

  .online-chatuser-bottom .online-recent-msg {
    font-size: 11px;
  }

  .portfolio_body_right_heading1 {
    position: relative;
  }

  .portfolio_body_right_heading1>span {
    font-size: 10px;
  }

  .suggested_star_contributors {
    max-height: 250px;
  }

  .custommargitop17 .portfolio_body.group-body .wall-left-col.group_body_left .col-md-12.no-mar-pad.cover-bg form#cover_img {
    min-height: auto;
  }

  .custommargitop17 .portfolio_body.group-body .wall-left-col.group_body_left .col-md-12.no-mar-pad.cover-bg form#cover_img img#coverImage {
    height: 100%;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .container21 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .LeftSideBar-main.LeftSideBar-main21 {
    margin-left: 5px !important;
    width: 240px;
  }

  .cover-bg .bottom-bg .flower-meg-addfriend .cover-btn {
    height: 35px;
    font-size: 10px;
    line-height: 35px;
  }

  .bioAddEdit,
  .profile-card .profile-identity .likes-friends {
    padding-right: 10px;
    font-size: 11px;
    line-height: 15px;
  }

  .profileCover-Nav ul li a {
    font-size: 12px;
    padding-top: 8px;
  }

  .cover-img-extra-wall-21 form {
    height: 280px;
    min-height: 280px;
    max-height: 280px;
  }

}

@media only screen and (min-width: 1351px) and (max-width: 1368px) {
  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls {
    width: 90% !important;
    max-width: 90% !important;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1350px) {
  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls {
    width: 88% !important;
    max-width: 88% !important;
  }

  .body_right21 {
    display: none;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {

  div#react-contain div .portfolio_body .container.custom-container .wall-left-col section.wall_section_inner.wall_Photo .wall_div_inner .portfolio_body_right.wall_photos_21 {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
  }

}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  /* .single_popup_on .is_shared_posted .right_popup_post_body .post-commnet-container {
    max-height: 300px;
  } */

  .portfolio_body_right7.main {
    right: -55px !important;
  }

  .portfolio_body_left2.profile-tips-area.profile-tips-area21.video-left-21 {
    padding: 15px;
  }

  .founding_member_title {
    padding: 20px 20px 0px 20px;
    font-size: 12px;
    line-height: 18px;
  }

  .RightSide_Sticky21 .liker_vedio21 .video_bottom_txt {
    font-size: 12px;
    line-height: 18px;
  }

  .notify_title1.noti_2021.badge-alignment,
  .notify_title.noti_2021.message-bage-2021 {
    left: 55px !important;
    transform: translate(-50%, 0);
  }

  .notification_area.notification_for_friend_request_etc .notify_title2.noti_2021 {
    left: 40px !important;
    transform: translate(-50%, 0);
  }

  .portfolio_body .container.custom-container .portfolio_body_right {
    width: 61% !important;
    max-width: 61% !important;
    overflow-x: hidden;
  }

  .posts_wrapper.allpost-body-left .post_body_left .is_shared_posted .post_profile_top .post-user-profile-details {
    width: 89.8%;
  }

  .site-nav-mid.site-nav-mid-continer__snm21.top_header_menu_button.open_top_header_menu_button {
    z-index: 1;
  }

  .menu2021.friends2021 {
    padding: 0px 20px 0px 0px !important;
  }

  .menu2021 {
    width: auto;
    float: left;
    padding: 0px 6px 0px 0px;
    line-height: 41px;
    margin: 0;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 {
    width: 18vw !important;
    float: left;
    padding: 0 12px;
    max-width: 230px !important;
    margin-left: 15px;
  }

  .rightsidebar-who-to-follow .portfolio_body_left {
    padding: 12px;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .friends_top p {
    font-size: 0.9em;
  }

  .profile-navbar .suggested_star_contributors .view_friends.to-hover .portfolio_body_left_view_friendsimage {
    width: 30px;
    margin-right: 8px;
  }

  .portfolio_body_left_view_friends_heading>p>a {
    font-size: 0.8em;
  }

  .portfolio_body_right7.main {
    float: left;
  }

  .portfolio_body .container.custom-container .right_chatBox {
    width: 20vw !important;
    height: 100%;
    float: right;
    overflow: hidden;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users {
    padding: 70px 10px 10px;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body {
    width: 100%;
    margin: 0px;
    padding: 0;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-active-status {
    position: relative;
    top: 0;
    text-align: left;
    width: 100%;
    height: auto;
    padding-bottom: 8px;
    float: left;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-active-status .online-active-status-left {
    font-size: 11px;
    font-weight: bold;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-chat-inputarea {
    position: relative;
    top: 0;
    width: 100%;
    float: left;
    margin-top: 10px;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component {
    width: 100%;
    top: 120px;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user {
    width: 100%;
    display: flex;
    height: auto;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .chat-user-avatar-wrap {
    width: 40px;
    height: 40px;
    float: left;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .online-user-details {
    float: right;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .online-user-details .online-chatuser-name {
    font-size: 90%;
  }

  .all_notification_border_area {
    width: 625px !important;
    float: left;
  }

  .all_notification_border_area .infinite-scroll-component {
    width: 100% !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right {
    max-width: 100% !important;
    width: 95% !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment {
    float: left;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap {
    float: left;
    width: 100%;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .group-page-header {
    width: 100%;
    border-radius: 15px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .group-page-header .create-new-group {
    padding: 13px 0 !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .group-page-header .page-title {
    padding-left: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .bitmap_src {
    left: 75px;
    width: 69% !important;
  }

  .group-sections {
    width: 100% !important;
  }

  .col-md-4.single-group {
    padding: 0 5px !important;
    margin-bottom: 35px;
  }

  .single-group .single-group-wrap {
    width: 100% !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-bottom: 15px;
    float: left;
  }

  .single-group .single-group-wrap a.svgClass {
    max-width: 100%;
  }

  .single-group .single-group-wrap img.group-cover-img {
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
  }

  .single-group .single-group-wrap .single-group-title {
    padding: 15px;
  }

  .single-group .single-group-wrap .single-group-title a {
    padding: 0;
  }

  .single-group .single-group-wrap .single-group-meta {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 15px;
  }

  .single-group .single-group-wrap .single-group-meta ul {
    padding-left: 0;
  }

  .single-group .single-group-wrap .single-group-join {
    width: 90%;
    margin: 0 auto;
    display: block;
    transform: none;
    font-size: 12px;
    clear: both;
  }


  .portfolio_body.group-body .wall-left-col.group_body_left .container21 .profile-identity {
    width: 50%;
    padding-left: 0 !important;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .container21 .profile-identity p.user-profile-name,
  .portfolio_body.group-body .wall-left-col.group_body_left .container21 .profile-identity p.likes-friends {
    left: 0;
    padding-left: 0;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .profileCover-Nav ul.profile-nav {
    padding-left: 0;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right {
    width: 70% !important;
    max-width: 70% !important;
    float: left;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main {
    width: 100% !important;
    max-width: 100% !important;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .rightSideBar-main.group_body_right {
    width: 30%;
    float: left;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .rightSideBar-main.group_body_right .rightsidebar-who-to-follow {
    width: 100%;
    float: left;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .rightSideBar-main.group_body_right .rightsidebar-who-to-follow .portfolio_body_left {
    width: 100%;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls {
    float: left;
    margin-top: 100px !important;
    padding: 0;
    width: 98% !important;
    max-width: 98% !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left {
    float: left;
    width: 28% !important;
    position: relative !important;
    left: 0;
    top: 0;
    padding: 15px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left h4 {
    padding: 10px 0;
    margin: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left ul.nav.nav-pills.nav-stacked.account_setting_nav li {
    padding: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_right {
    float: right;
    width: 70% !important;
    position: relative !important;
    left: 0;
    top: 0;
  }

  .portfolio_body .portfolio_body_right div#middle_container_wrapper {
    max-width: 590px !important;
  }

  .RightSide_Sticky {
    width: 250px !important;
    right: 300px;
  }

  .posts_wrapper.allpost-body-left .post_body_left .is_shared_posted .post_profile_top {
    width: 100%;
  }

  .portfolio_body_left2.profile-tips-area.profile-tips-area21.video-left-21 {
    border-radius: 15px;
  }

  .portfolio_body .wall-left-col section.wall_section_inner .portfolio_body_right div#middle_container_wrapper {
    max-width: 100% !important;
  }

  section.wall_section_inner .wall_div_inner .LeftSideBar-main {
    margin-right: 20px;
  }

  .portfolio_body_left.profile-progress-area.liker-create-account .portfolio_body_left_impruve2 .progressbar-count.progressbarText {
    padding: 8px 0;
    font-size: 13px;
    line-height: 18px;
  }

  .RightSide_Sticky21 .portfolio_body_left_impruve.profile-progress.blue_bg .portfolio_body_left_impruve3 {
    margin-top: 0px;
    margin-top: 10px;
  }

  .RightSide_Sticky21 .portfolio_body_left_impruve.profile-progress.blue_bg .portfolio_body_left_impruve3 span {
    padding-top: 20px;
  }

  .portfolio_body_right_footer .footer.footerOnRight {
    padding-top: 0;
    margin-top: 0 !important;
  }

  .portfolio_body_right_footer .footer.footerOnRight .footer_bottom.rightFootterCon {
    margin-top: 0 !important;
  }

  .popup-container-main17.popup-container-main21-post-edit {
    position: relative;
    float: left;
    width: 100%;
    max-height: 64vh;
    /* overflow-y: auto; */
  }

  /* .tour-tooltip-feed-category.popover.fade.left.in {
    top: -54px;
    width: 243px;
    left: -243px;
  } */

  .WallDragDivShow {
    width: 614px !important;
  }

  .custommargitop17 .portfolio_body.group-body .wall-left-col.group_body_left .col-md-12.no-mar-pad.cover-bg form#cover_img {
    min-height: auto;
  }

  .custommargitop17 .portfolio_body.group-body .wall-left-col.group_body_left .col-md-12.no-mar-pad.cover-bg form#cover_img img#coverImage {
    height: 100%;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .container21 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .cover-img-extra-wall-21,
  .cover-img-extra-wall-21 form,
  .custommargitop17 .portfolio_body.group-body .wall-left-col.group_body_left .col-md-12.no-mar-pad.cover-bg form#cover_img {
    height: 315px;
    min-height: 315px;
    max-height: 315px;
  }

  .cover-img-extra-wall-21 form .cover-photo-new img {
    height: 100%;
    min-height: 315px;
    max-height: 315px;
    object-fit: cover !important;
  }

  .portfolio_body_left2.profile-tips-area.profile-tips-area21.video-left-21 .liker_vedio21 .liker_video_set21 a {
    display: flex;
    align-items: center;
  }

  .portfolio_body_left2.profile-tips-area.profile-tips-area21.video-left-21 .liker_vedio21 {
    width: 100%;
  }

  .portfolio_body_left2.profile-tips-area.profile-tips-area21.video-left-21 .liker_vedio21 .liker_video_set21 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
  }

  .portfolio_body_left2.profile-tips-area.profile-tips-area21.video-left-21 .liker_vedio21 .liker_video_set21 .verifySvg {
    width: 20%;
}

  .portfolio_body_left2.profile-tips-area.profile-tips-area21.video-left-21 .liker_vedio21 .liker_video_set21 a .liker_video_play21 {
    margin-bottom: 0;
    margin-right: 10px;
  }
}

@media only screen and (min-width: 1921px) and (max-width: 5600px) {
  .portfolio_body {
    width: 1920px;
    margin: 0 auto;
    max-width: 1920px;
  }

  .LeftSideBar-main.LeftSideBar-main21 {
    margin-left: 0;
    left: auto;
    float: left;
  }

  .portfolio_body_right {
    width: 60% !important;
    max-width: 60% !important;
  }

  .portfolio_body .portfolio_body_right div#middle_container_wrapper {
    max-width: 65%;
    float: left;
    margin-top: 95px;
  }

  .body_right21 {
    max-width: 25%;
    margin-left: 1%;
    float: left;
  }

  .right_chatBox {
    float: right;
    right: 0;
    width: 20%;
  }

  .portfolio_body .wall-left-col {
    width: 76.2%;
    position: relative;
  }

  section.wall_section_inner .wall_div_inner .portfolio_body_right #middle_container_wrapper {
    max-width: 100%;
  }

  .all_notification_border_area {
    width: 625px !important;
    float: left;
  }

  .all_notification_border_area .infinite-scroll-component {
    width: 100% !important;
  }
}

.share-modal-footer21-bottom .permission-but-all.new_post_categoryList .permission-but-all.new-permission-class.palinPost .dropdown.dropdownFix.permissionDropbox.permissionDropbox21 ul.dropdown-menu.permission-dropdown {
  left: 0 !important;
  width: 145px;
  min-height: auto;
  bottom: 40px;
  top: inherit;
}

.share-modal-footer21-bottom .permission-but-all.new_post_categoryList .permission-but-all.new-permission-class.palinPost .dropdown.dropdownFix.permissionDropbox.permissionDropbox21 ul.dropdown-menu.permission-dropdown li {
  padding: 4px 8px;
}

.share-modal-footer21-bottom .permission-but-all.new_post_categoryList .permission-but-all.new-permission-class.palinPost .dropdown.dropdownFix.permissionDropbox.permissionDropbox21 ul.dropdown-menu.permission-dropdown li a {
  padding: 0;
  margin: 0 !important;
}

.post-edit-footer-left21-modal .permission-but-all.new_post_categoryList .permission-but-all.new-permission-class.palinPost .dropdown.dropdownFix.permissionDropbox.permissionDropbox21 ul.dropdown-menu.permission-dropdown {
  left: 0 !important;
  width: 145px;
  min-height: auto;
  bottom: 40px;
  top: inherit;
}

.post-edit-footer-left21-modal .permission-but-all.new_post_categoryList .permission-but-all.new-permission-class.palinPost .dropdown.dropdownFix.permissionDropbox.permissionDropbox21 ul.dropdown-menu.permission-dropdown li {
  padding: 4px 8px;
}

.post-edit-footer-left21-modal .permission-but-all.new_post_categoryList .permission-but-all.new-permission-class.palinPost .dropdown.dropdownFix.permissionDropbox.permissionDropbox21 ul.dropdown-menu.permission-dropdown li a {
  padding: 0;
  margin: 0 !important;
}

.share_post_modal21 .share_post_cont_main17.share_post_cont_main21 {
  padding: 15px;
}

.share_post_modal21 .share_post_cont_main17.share_post_cont_main21 .post-user-profile-details {
  float: left;
  width: 87%;
}

.single-group-join button.btn-style-#ffffff-round.sign-up-btn {
  position: relative;
  background: none;
  border: none;
  height: auto;
  width: 100%;
  border-radius: 0;
  color: #1388d1;
}

.single-group-join button.btn-style-#ffffff-round.sign-up-btn .custom-common-but.disabled-but.signup-loading {
  height: 100% !important;
  top: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-group-join button.btn-style-#ffffff-round.sign-up-btn .custom-common-but.disabled-but.signup-loading .cssload-double-div {
  height: 20px;
  width: 20px;
  top: 0;
}

.advancesearch_main .search_user_post_results {
  padding: 15px;
}

.advancesearch_main .search_user_post_results .padding-10 .imgPostMain.imgPostMain-advance-21 {
  padding-top: 0;
}

.advancesearch_main .search_user_post_results .padding-10 .imgPostMain.imgPostMain-advance-21 .sharedTitleView {
  margin-top: 0;
}

.advancesearch_main .search_user_post_results .ad-search-pfooter.main.ad-search-pfooter-main21 {
  padding-top: 10px;
  margin-top: 10px;
}

.advancesearch_main .search_user_post_results .ad-search-pfooter.main.ad-search-pfooter-main21 .ad-search-count {
  font-size: 13px;
  line-height: 18px;
}

.advance-21-post-search span svg {
  margin: 0 6px;
}

.croping-modal {
  background: #000000d6;
}

.croping-modal .modal-dialog {
  display: flex;
  align-items: center;
  height: 96vh;
  justify-content: center;
}

#permission_icon_change {
  display: block !important;
}

.video_process {
  background: #f7f7f7;
  padding: 13px;
  height: 300px;
  position: relative;
}

.video_process .video_post_process {
  position: absolute;
  left: 50%;
  top: 35%;
  transform: translate(-50%, -40%);
  width: 200px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-weight: 600;
  font-size: 15px;
  line-height: 27px;
  width: 150px;
}

.video_process .video_post_process span {
  float: left;
  width: 46px;
  height: 46px;
  border-radius: 13px;
  position: relative;
}

.video_process .video_post_process_message {
  padding: 13px;
  width: 94%;
  border-radius: 15px;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 5%;
  left: 3%;
  right: 3%;
}

.video_process .video_post_process_message svg {
  min-width: 34px;
  margin-right: 9px;
}

.all_photo_gallery_area .portfolio_body_message_center .portfolio_message21 .message_main_area+.message-page-replay.new-msg-request.portfolio_coment_message {
  bottom: 8.1%;
  position: absolute;
}

.fade.common-post-modal.newpostmodals.common-post-modal21.in.modal .modal-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 95vh;
  margin: 1% auto !important;
  min-width: 600px;
}

div#dropdown_frdReq_react {
  left: inherit !important;
  right: -20px !important;
}

.morelike-profile-stars a .image-start-container.biswas .post_profile_pic_star-2021 .common-profile-picture-2021 ul.circle-container-2021 li svg {
  height: 4px;
}

div#follow_suggest .view_friends.to-hover .userView .portfolio_body_left_view_friendsimage a .image-start-container.biswas .user-post-pic-holder.avater-image-2021 img.user_profile_img-2021 {
  margin: 0 !important;
  top: 0 !important;
}

.react-autofocus__suggestions {
  z-index: 2 !important;
}

.container.custom-container .wall_Loader {
  width: 100%;
  float: left;
  height: 445px;
  position: absolute;
  top: 0%;
}

.bootstro-finish-btn {
  background: #2687c9 !important;
  border-color: #2687c9 !important;
}

.post-user-profile svg.user_profile_img-2021.likes {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background: #e9f3f9;
}

.comment-show-hide-link-2021 .comment-show-hide-link-icom svg {
  height: 22px !important;
  width: 22px !important;
}

.repp svg {
  height: 22px;
  width: 22px;
  margin: 0 !important;
}

span.like_count_string.likeactvcl {
  margin-top: 3px;
}

.last_coment_amount_like_own svg {
  height: 17px;
  width: 17px;
}

.liker-logo-icon img {
  width: 80px;
}

.after_login_new_main .after_login_logo_new a svg {
  width: 93px;
  height: 35px;
}

.share_Tribel_post a.share_Tribel svg {
  height: 17px;
  width: 17px;
  float: left;
  right: 6px;
  position: relative;
}

.share_Tribel_post a span {
  font-size: 15px;
  margin-right: 5px;
}

.share_Tribel_post a span.my_streamcontent2_like_arow {
  margin-right: 0px;
}

.cover-bg .container21 .flower-meg-addfriend .cover-btn .cssload-container-div {
  position: absolute;
  top: 0 !important;
  height: 43px !important;
  z-index: 99999;
  background: radial-gradient(#ffffff6b, #ffffff00);
  min-height: 43px !important;
}

.cover-bg .container21 .flower-meg-addfriend .cover-btn .cssload-container-div .cssload-div {
  height: 30px !important;
  width: 30px !important;
  margin: 0 auto !important;
  position: relative;
}


.notifications_area.new-unread-notification .notifications_text.main {
  display: block !important;
}

@media only screen and (min-width: 1024px) and (max-width: 1276px) {
  .contact_support_comp {
    right: 290px;
  }
  .posts_wrapper.allpost-body-left .post_body_left .is_shared_posted .post_profile_top .post-user-profile-details {
    width: 87% !important;
  }
}

@media only screen and (max-width: 1440px) {
  .privacy_area_body div#accordion {
    width: 80%;
  }

  .how_liker_work_2021 .privacy_area.main_topic_margin .privacy_area_body_area .panelImage span img {
    width: 180px;
    height: 180px;
    top: 600px;
    right: 0px;
  }
}

.cover-btn.followButton .tour-tooltip-left-profile-progress.follow-tour.popover.fade.top.in {
  min-width: 200px !important;
}

.cover-btn.followButton .tour-tooltip-left-profile-progress.follow-tour.popover.fade.top.in {
  min-width: 200px !important;
  left: -85% !important;
  top: auto !important;
  width: auto !important;
  transform: none;
  bottom: 128% !important;
}

.popup-container-main17.popup-container-main-post-21 .tour-tooltip-new-post-text.popover.fade.left.in {
  position: fixed;
  top: 8%;
  left: 37%;
}

.checkbox.worked-still.no-mar-top label input,
.checkbox.worked-still label input {
  margin: 0 !important;
  margin-left: -20px !important;
}

.report-modal .overview_close button.overview_close_button.fly_clos {
  height: 27px;
  width: 27px;
  float: left !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.modal .modal-header .fly_clos span {
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}


.imgPostText p.vpost-site-icon img {
  margin-top: 0;
}

.search-filter-title.rank-search-filter-b {
  cursor: default;
}

.multi_step_form div.setup-content .step-btns button.btn.btn-default.ex-save.pull-right.btns-loading .cssload-container-div.center15x15 {
  top: 0;
  background: radial-gradient(#ffffff6b, #ffffff00);
}

.status_content .post-commnet-container.show .my_streamcontent3_right_history.main .my_streamcontent3_right_history_top.reply_comment_add_area {
  margin-top: 0;
  padding-top: 0;
}

.view_all_friends_bottom .cssload-container-div.undefined15x15 {
  height: 30px;
}

.cover-btn.group-page-btn.joined.more_profile_btn.pending_btn {
  margin-top: 0;
}



.suggestedcategorymodal.edit-featured-popup .modal-footer .action-wrap button.btn.btn-primary {
  margin-top: 0 !important;
}

.cover-btn.Add_Friend+.tour-tooltip-left-profile-progress.addFriend-Tour {
  left: 45% !important;
  bottom: 100% !important;
  border: none;
}

.cover-btn.Add_Friend+.tour-tooltip-left-profile-progress.addFriend-Tour .arrow {
  left: 15%;
  border: rgb(246 244 244 / 30%);
}

.cover-btn.followButton+.follow-tour {
  left: -14% !important;
}

div.chat-user-single-msg.chat-user-mine.other_message .post_report {
  border: 1px solid rgba(255, 0, 0, 0.12);
  float: left;
  background: rgba(255, 0, 0, 0.05);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-left: 9px;
  max-width: 90%;
}

.post_report label {
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(255, 0, 0, 0.12);
  padding: 9px 15px;
  font-size: 12px;
  line-height: 22px;
  font-weight: normal;
  margin-bottom: 0px !important;
}

.post_report .chat-user-single-msg-text {
  margin: 0 !important;
  padding: 9px 15px;
  border: none;
  background: none;
}

div.chat-user-single-msg.chat-user-other.my-message .post_report,
.right_chatBox .chat-user-single-msg.chat-user-other.my-nessage .post_report {
  float: right;
  border: 1px solid rgba(255, 0, 0, 0.12);
  background: rgba(255, 0, 0, 0.05);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-right: 9px;
  max-width: 90%;
}

div.chat-user-single-msg.chat-user-other.my-message .post_report label,
.right_chatBox .chat-user-single-msg.chat-user-other.my-nessage .post_report label {
  float: right;
  text-align: right;
}

div.chat-user-single-msg.chat-user-other.my-message .post_report .chat-user-single-msg-text,
.right_chatBox .chat-user-single-msg.chat-user-other.my-nessage .post_report .chat-user-single-msg-text {
  background: none;
}

.edit_comment_reply_to_reply .after_comment .my_streamcontent2_right_input .mentions-input-box .cssload-container-div {
  width: 100%;
  position: absolute !important;
  background: radial-gradient(#ffffff, #ffffff36) !important;
  height: 45px !important;
  top: 0 !important;
  left: 0 !important;
  transform: translate(0, 0) !important;
}

.edit_comment_reply_to_reply .after_comment .my_streamcontent2_right_input .mentions-input-box .cssload-container-div .cssload-div {
  height: 20px !important;
  width: 20px !important;
}

.emoji-mart-preview-data {
  left: 48px !important;
}

.emoji-mart-preview .emoji-mart-preview-emoji {
  left: 0 !important;
}

.emoji-mart-preview-data .emoji-mart-preview-name {
  font-size: 11px !important;
}

.no_more_suggest_friend {
  float: left;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  border-top: 1px dotted #ececec;
}

.fade.common-post-modal.report-modal.in.modal {
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 99999999;
}

button.btn.btn-primary.btns-loading {
  position: relative;
  float: right;
  height: 42px;
  width: 80px;
  border-radius: 12px;
}

button.btn.btn-primary.btns-loading .cssload-container-div {
  top: -1px;
  background: radial-gradient(#ffffff6b, #ffffff00);
  left: -1px;
  height: 42px;
  width: 80px;
}

.fade.common-post-modal.suggestedcategorymodal.edit-featured-popup.in.modal {
  height: 100vh;
  overflow: hidden;
}

div#step-0 {
  padding: 10px 0;
  position: relative;
}

button.btn.btn-primary {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

.notie-button.notie-background-neutral {
  height: 25px;
  width: 25px;
  float: left;
  background: #000;
  border-radius: 50%;
  position: absolute;
  content: "*";
  top: -5px;
  right: -5px;
  font-size: 0.0001em;
}

.notie-button.notie-background-neutral::after {
  content: "*";
  position: absolute;
  left: 50%;
  top: 66%;
  font-size: 30px;
  font-weight: bold;
  height: 25px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
}

.my_streamcontent.main_old.search-page-group-main .single-group.search-page-group.advance-search-page-group-21 .single-group-wrap a.svgClass {
  height: 207px;
  width: 100%;
}

.my_streamcontent.main_old.search-page-group-main .single-group.search-page-group.advance-search-page-group-21 .single-group-wrap a.svgClass img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.thumbSvg {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 330px;
  margin-top: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

a.vPostImLi .vPostImage .vPostImage2 img {
  float: left;
  width: 100%;
  object-fit: cover;
}

.wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .photo_galari__ .albumSet .photo_galari_img a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

a.imgPostImLi .imgPostImage.linkPostImgview img {
  width: 100%;
  max-height: 600px;
  object-fit: contain;
}

.video_process_error {
  background: rgba(255, 0, 0, 0.05);
  padding: 70px;
  float: left;
  width: 100%;
}

.video_process_error .video_post_process_message {
  margin-top: 20px;
}

.video_process_error .video_post_process_message p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 0;
}

.video_process_error .video_post_process_message button.try_again {
  border: none;
  background: #2687c9;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  padding: 12px 30px;
  font-size: 16px;
  font-weight: 400;
  margin-top: 30px;
}


.notifications_area.new-unread-notification .notifications_text.main h3 span.notificaiton_back_follow {
  display: block;
}

a.PersonalPostcategory-item {
  padding-left: 30px !important;
}

div#editSitesAndSocialLinks .modal-content.model-popup-inner-17 .modal-footer .message-wrap .alert.alert-success {
  background: rgb(225 243 203) !important;
}

.status_content .img_post_1x4plus .img_post_box .img_post_box_clear .thumbSvg {
  height: 100%;
  margin-top: 0 !important;
}

.img_post_1x4 .img_post_box .img_post_box_clear .thumbSvg span.icon-default-img-icon {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8.5em;
}

.thumbSvg span.icon-default-img-icon {
  font-size: 10em;
}

.status_content .img_post_1x4plus .img_post_box .img_post_box_clear .thumbSvg {
  height: 100%;
  margin-top: 0 !important;
  border-radius: 0 !important;
}

.img_post_1x2 .img_post_box_clear .thumbSvg {
  height: 100%;
}

.img_post_1x4 .img_post_box .img_post_box_clear .thumbSvg {
  height: 100%;
  width: 100%;
  border-radius: 0 !important;
  margin: 0 !important;
}

.bugmail {
  float: left;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 12px;
  margin-bottom: 10px;
  display: none;
}

.bugmail p {
  margin: 0;
  font-size: 14px;
}

.gold-text p {
  margin: 0;
}

.bootstro-finish-btn-wrapper button.btn.btn-xs.btn-success.bootstro-finish-btn {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

/* .imgPostImage.imgPostimgView2 button.video-react-play-control.video-react-control.video-react-button.video-react-paused,
.imgPostImage.imgPostimgView2 button.video-react-play-control.video-react-control.video-react-button.video-react-playing, */
/* .imgPostImage.imgPostimgView2 .video-react-time-control.video-react-time-divider,
.imgPostImage.imgPostimgView2 .video-react-duration.video-react-time-control.video-react-control,
.imgPostImage.imgPostimgView2 .video-react-progress-control.video-react-control,
.imgPostImage.imgPostimgView2 .video-react-current-time.video-react-time-control.video-react-control {
  display: none !important;
} */
/* 
.imgPostImage.imgPostimgView2 button.video-react-play-control.video-react-control.video-react-button.video-react-paused,
.imgPostImage.imgPostimgView2 button.video-react-play-control.video-react-control.video-react-button.video-react-playing{
  display: flex;
  justify-content: flex-start;

} */

.video-react-has-started .video-react-control-bar {
  display: flex;
  justify-content: flex-end;
}


.video-react-control-bar.video-react-control-bar-auto-hide.video-controlbar-hide {
  background: none;
}
.BluryPoster .video-react-poster {
 
  /* position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  width: 100%;
  height: 100%; */
  /* Safari 6.0 - 9.0 */
  /* -webkit-filter: blur(25px); 
  filter: blur(25px); */
}

.fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content .video-react-has-started .video-react-control-bar {
  display: flex;
  justify-content: space-between;
}

.find-with-twitter,
div#linkinbttn {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.invite-group-modal .people-list-container .infinite-scroll-component {
  height: 100% !important;
  float: left;
}

.user_Profile_Info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
  padding-top: 15px;
}

.cover-bg .container21 .user_Profile_Info .profile-identity {
  width: auto;
  min-width: 45%;
  max-width: 48%;
  padding-top: 0;
}

.cover-bg .container21 .user_Profile_Info .profile-identity p.user-profile-name {
  padding-left: 0;
  text-align: start;
}

.cover-bg .container21 .user_Profile_Info .profile-identity .divCheck {
  /* display: flex; */
  align-items: center;
  float: left;
  width: 100%;
}

.cover-bg .container21 .user_Profile_Info .profile-identity .divCheck .founding-badge-view {
  padding-left: 0;
  margin-left: 0;
  position: relative;
  margin-right: 15px;
}

.cover-bg .container21 .user_Profile_Info .profile-identity .divCheck p.likes-friends {
  display: flex;
  padding: 0;
  align-items: center;
  margin-bottom: 0;
}

.cover-bg .container21 .user_Profile_Info .flower-meg-addfriend {
  padding-top: 0;
  width: auto;
}

.post_cat_Report {
  float: right;
  display: flex;
  min-width: 22%;
  align-items: center;
  justify-content: flex-end;
}

.post-upd-top .post_User_left .post_time_date {
  float: left;
  display: flex;
  width: 100%;
  min-width: 100%;
  margin-top: 5px;
}

.advance_profile_details.post-user-profile-details .post-upd-top {
  display: grid;
}

.advance_profile_details.post-user-profile-details .post-upd-top .advance_userParmission {
  display: flex;
}

.rank_list21>.top-contributor.rank-user .rank_profile_img {
  float: left;
  width: 40px;
}

div#popup-post-details .portfolio_body_right4.main.status_content .is_shared_posted .my_streamcontent.main .post_profile_top .posted-by-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}


.basic-info_top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 10px;
}

.userAboutInfoLeft {
  float: left;
  max-width: 68%;
}

p.friendsFeed_inviteFriend {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 10px;
}

p.friendsFeed_inviteFriend a {
  font-weight: 600;
  font-size: 16px;
}

p.trending_feed_tooltip {
  position: absolute;
  z-index: 999999;
  width: 400px;
  padding: 15px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  top: 60px;
  right: 50px;
  left: 100px;
  box-shadow: 5px 7px 10px rgb(38 135 201 / 10%);
  -moz-box-shadow: 5px 7px 10px rgb(38 135 201 / 10%);
  -webkit-box-shadow: 5px 7px 10px rgb(38 135 201 / 10%);
}

p.trending_feed_tooltip span {
  width: 15px;
  height: 15px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  position: absolute;
  top: -15px;
  content: "";
  left: 70%;
}

p.trending_feed_tooltip label {
  float: right;
  margin: 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-weight: normal;
  width: 35px;
  text-align: center;
  cursor: pointer;
}

a.trending-but-left.invit-icon label span {
  font-size: 1.2rem;
  border-radius: 100%;
}

.nominate_header.Invite_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nominate_header.Invite_header .nominate_img_head {
  min-width: 110px;
  margin-right: 30px;
}

.nominate_header.Invite_header .nominate_img_head svg {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #45a1da;
  padding: 2px;
  width: 110px;
  height: 110px;
}

.nominate_header.Invite_header .nominate_text_head {
  margin: 0;
  padding: 10px 20px;
}

.table_body.Invite_friend_message .row.row-col {
  margin-bottom: 10px;
}

.table_body.Invite_friend_message .form-group {
  float: left;
  width: 100%;
  padding-top: 0;
  margin-bottom: 10px;
}

.portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main .block_content_main {
  position: relative;
  margin: 0;
  float: left;
  width: 100%;
  transform: none;
}

.cover-btn.group-page-btn.joined.more_profile_btn.pending_btn svg {
  height: 18px;
  width: 20px;
  margin-right: 5px;
}

.flower-meg-addfriend div#leave_btn .dropdown-pane-more a.deleteGroup {
  margin: 0;
  display: flex;
  align-items: center;
}

.flower-meg-addfriend div#leave_btn .dropdown-pane-more a.deleteGroup svg {
  height: 15px;
  margin-right: 5px;
}

.friend-more-profile-btn .dropdown .dropdown-pane-more div {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  min-width: 100px;
}

.friend-more-profile-btn .dropdown .dropdown-pane-more div:last-child {
  margin-bottom: 0;
}

.friend-more-profile-btn .dropdown .dropdown-pane-more div a:last-child {
  margin-bottom: 0;
}

.dateTime:hover span.timeHover {
  display: block;
  position: absolute;
  font-size: 14px;
  padding: 3px;
  border-radius: 5px;
  box-shadow: 0 0 10px #84bade8f;
  float: left;
  min-width: 60px;
  width: 125px;
  max-width: 300px;
  text-align: center;
  z-index: 1;
}

.nominate_modal.inviteModal .modal-content h2.modal-title {
  text-align: center;
  padding: 15px 0;
  margin-bottom: 0;
  font-size: 19px;
}

.nominate_modal.inviteModal .modal-content p.modal-sub-title {
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 10px !important;
}

.nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design {
  float: left;
  width: 100%;
  margin: 15px 0 10px;
}

.nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design ul.FindFriendsTab {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design ul.FindFriendsTab li {
  min-width: 24%;
}

.nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design ul.FindFriendsTab li a {
  font-size: 16px;
  border-radius: 10px;
  border: none;
  justify-content: center;
  display: flex;
  align-items: center;
}

.nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design ul.FindFriendsTab li a span {
  margin-right: 5px;
}

.nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design ul.FindFriendsTab li:last-child a svg {
  margin-top: -3px;
}


.account_setting_right.logPostLike .all_logPostLike_border_area {
  width: 100% !important;
  border-radius: 10px;
  padding-right: 0;
}

.account_setting_right.logPostLike .all_logPostLike_border_area .notification_react_page .view_all_friends {
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: left;
  width: 100%;
}

.account_setting_right.logPostLike .all_logPostLike_border_area .notification_react_page .all_notification_detail_list {
  float: left;
  padding: 10px;
}

.account_setting_right.logPostLike .all_logPostLike_border_area .notification_react_page .all_notification_detail_list p.postLikeDate {
  margin: 2px 0;
  font-weight: 600;
  font-size: 16px;
  float: left;
  width: 100%;
  padding-left: 10px;
}

.account_setting_right.logPostLike .all_logPostLike_border_area .notification_react_page .all_notification_detail_list p.postLikeDate span {
  float: left;
  width: 100%;
  padding: 5px 0;
}

.account_setting_right.logPostLike .all_logPostLike_border_area .notification_react_page .notifications_area.new-unread-notification,
.account_setting_right.logPostLike .all_logPostLike_border_area .notification_react_page .notifications_area {
  background: none !important;
  padding: 5px;
  border: none !important;
}

.account_setting_right.logPostLike .all_logPostLike_border_area .notification_react_page .notifications_area.new-unread-notification::after {
  display: none !important;
}

.notification_modal {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.notification_modal .modal-dialog .modal-content .modal-header {
  padding: 15px !important;
}

.notification_modal .modal-dialog .modal-content .modal-header h1.modal-title {
  font-size: 23px;
  font-weight: 600;
  line-height: 27px;
}


.notification_modal .modal-content .modal-body .notification_modal_checkbox form#notifications_status .notifiy-item.row {
  margin-bottom: 12px;
}

.notification_modal .modal-content .modal-body .notification_modal_checkbox form#notifications_status .notifiy-item.row label {
  font-size: 14px;
}

.notification_modal .modal-content .modal-body .notification_modal_checkbox form#notifications_status .notifiy-item.row .btn-toggle.btn-secondary {
  float: right;
  position: relative;
  width: 56px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  height: 30px;
  box-shadow: inset 0px 0px 8px rgb(0 0 0 / 15%);
}

.notification_modal .modal-content .modal-body .notification_modal_checkbox form#notifications_status .notifiy-item.row .btn-toggle.btn-secondary>.handle {
  position: absolute;
  top: 3px;
  left: 4px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #cccccc;
  transition: left 0.25s;
}

.notification_modal .modal-content .modal-body .notification_modal_checkbox form#notifications_status .notifiy-item.row .btn-toggle.active>.handle {
  left: 28px;
  transition: left 0.5s;
  background: #10bb28;
}

.notification_modal .modal-content .modal-footer {
  float: left;
  width: 100%;
  padding: 0 15px 10px;
}

.notification_modal .modal-content .modal-footer button.cancleNewEmailBtm.cnl-btn {
  margin: 0 !important;
  float: left !important;
}

.notification_modal .modal-content .modal-footer button.btn_submit.cnl-btn {
  margin: 0 !important;
  background: #2687c9 !important;
}

.user_profile_area {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5px;
}

.user_profile_area .profile-identity {
  /* width: 55%; */
  width: auto;
  float: left;
}

.profile-navbar .profile_toltip .post-user-profile {
  width: 85px;
  min-width: 85px;
  height: 85px;
  padding: 10px;
  display: inherit;
  position: relative;
  z-index: 999;
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 0px !important;
  float: left;
  margin-right: 10px;
  top: -15px;
}

.profile-navbar .profile_toltip .post-user-profile a {
  position: relative;
  float: left;
}

.profile-navbar .profile_toltip .profile-identity p.user-profile-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.profile-navbar .profile_toltip .profile-identity p.user-profile-name a {
  float: left;
  text-align: left;
}

.profile-navbar .profile_toltip_btns .follows {
  top: 0 !important;
  right: 0 !important;
}

.slim-btn span.icon-pen {
  font-size: 1.6rem;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-pic-box #profile_stars .Beside-Profile-picture .circle-container li span {
  font-size: 2rem;
  -webkit-text-stroke: 0.15rem #000;
}

span.icon-Star.goldStar {
  -webkit-text-stroke: 0.6px #000000;
  margin: 0px;
}

span.icon-Star.silverStar {
  -webkit-text-stroke: 0.6px #000000;
  margin: 0px;
}

.imgPostText p.vpost-site-icon span.icon-world {
  margin-right: 5px;
}


#friend_new_area_scroll .circle-container-2021>li>span,
#message_new_area_scroll .circle-container-2021>li>span {
  font-size: 0.6rem;
  right: -5%;
}

.single-group-join button.btn-style-#ffffff-round.sign-up-btn .icon-checkmark {
  margin-right: 6px;
  font-size: 9pt;
  font-weight: 400;
}

.portfolio_body_right .post-commnet-container .edit_comment_reply_to_reply .after_comment .my_streamcontent2_right_input {
  float: left !important;
  margin: 0 !important;
  max-width: 85.5% !important;
}

.portfolio_body_right .post-commnet-container .edit_comment_reply_to_reply .after_comment .my_streamcontent2_right_input .capture {
  padding-left: 0;
}

.post_body_left .post-commnet-container .reply_comment .edit_comment_reply_to_reply .comment_new_style .comment_new_left_side {
  left: -50% !important;
  transform: translateX(50%);
}

span.icon-block,
span.icon-delete {
  margin-right: 4px;
}

.fade.in {
  opacity: 1;
  background: #3a3a3afa;
  z-index: 999999999;
}

span.icon-alert {
  background: rgba(255, 0, 0, 0.1) !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
  height: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  min-width: 34px !important;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7em !important;
}

.image-start-container .post_profile_pic_star-2021 ul.circle-container-2021 li span.icon-Star {
  font-size: 0.8rem;
}

.messageRight .profile-card.prowrep.right-mar-pad div#profile-img-popub .image-start-container .post_profile_pic_star-2021 .common-profile-picture-2021 ul.circle-container-2021 li span.icon-Star {
  font-size: 1.8rem;
}

.fixed-P-alert-container .alert.alert-success span.icon-rightCheck {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  font-size: 1rem;
}

span.share-dot-icon21.icon-dot,
span.share-dot-icon21-last.icon-dot {
  font-size: 0.51rem;
}

span.icon-VideoPlay {
  font-size: 4rem;
}

.all_photo_gallery_area .videoicon-overthumb span.icon-VideoPlay {
  font-size: 2.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.addvideoImages {
  height: 29px;
  width: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  border-radius: 50%;
}

ul.dropdown-menu.post-setting-map li span.icon-rightCheck {
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  background: #e9f3f9;
  border-radius: 5px;
}

button.btn-style-#ffffff-round.sign-up-btn span.icon-delete {
  font-size: 9pt;
  font-weight: 400;
}

.videothumb-cal.myMessage,
.videothumb-cal.otherMessage {
  max-width: 90% !important;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  min-width: 200px;
  padding: 5px;
  position: relative;
}

.videothumb-cal.myMessage span.icon-VideoPlay,
.videothumb-cal.otherMessage span.icon-VideoPlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div#dropdown-message .dropdown-pane4 .friends_top_scroll div#content-nabc div#message_new_area_scroll .message_area.read .notifications_image a .image-start-container.biswas .post_profile_pic_star-2021 .common-profile-picture-2021 ul.circle-container-2021 li {
  top: 5px;
  height: 70%;
}

.post_thumb_box .img_uploaded_status {
  top: 0;
  position: absolute;
}

.post_thumb_box .overlay .thumb_hover_whole_upload .cancel_thumb_img {
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background: #333333;
  top: -5px;
  right: -5px;
}

.post_thumb_box .overlay .thumb_hover_whole_upload .cancel_thumb_img span.icon-close {
  height: 100%;
  width: 100%;
}

button.btn.btn-primary.send_friend_invitaion_common_btn {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.portfolio_body .container.custom-container {
  min-height: 90vh;
}

.dropdown-category-filter a {
  float: left;
  width: 100%;
  position: relative;
}

.dropdown-category-filter a .svg_category {
  position: absolute;
  top: 50%;
  font-size: 0.6rem;
  left: 91%;
  transform: translate(-50%, -50%);
}

div#new_post_categoryList .dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17 ul#content li a span.icon-arow_right {
  font-size: 1rem;
}

.portfolio_dropdown #dropdownprofile .dropdown-pane7 .post_profile_pic_star-2021 .common-profile-picture-2021 ul li span {
  font-size: 1.5rem;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .mentions-input-box div div ul li .user span.icon-user.likes,
ul.color_1_add__suggestions__list li div.user span.icon-user {
  height: 26px;
  width: 26px;
  border: 2px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  margin-right: 8px;
  padding: 0;
}

.image-start-container.biswas .user-post-pic-holder.avater-image-2021 span.icon-user.user_profile_img-2021 {
  font-size: 4rem;
}

.video-react {
  display: flex;
}

textarea#post_content_text_modal_edit_mode {
  padding-bottom: 30px !important;
}

.msg-img-col.videothumb-cal.myMessage {
  padding: 0 !important;
  width: 100%;
  max-width: 95% !important;
  max-height: 100%;
  border: none !important;
}

.msg-img-col.videothumb-cal.myMessage .multimedia-image {
  margin: 0 !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 300px;
}

.msg-img-col.videothumb-cal.myMessage::after {
  display: none !important;
}

.msg-img-col {
  float: right;
  width: 100%;
  position: relative;
  min-width: 200px;
  /*min-height: 50px;*/
}

.userPrimaryMail .emailList span.disabled-cls span.icon-dot {
  margin: 0 4px;
  font-size: 0.6rem;
}

label.notification_link {
  font-weight: 500 !important;
  font-size: 15px !important;
  cursor: pointer;
  margin-bottom: 0 !important;
}

span.chat-online-status.dropdown_message_avt {
  height: 12px;
  width: 12px;
  content: "";
  position: absolute;
  top: -2px;
  left: 0px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

span.chat-online-status.dropdown_message_avt.online {
  background: #10bb28;
}

.my_streamcontent2_right_input.main .cssload-container-div.updateCommentLoader {
  position: relative !important;
  width: 100% !important;
  transform: none !important;
}

.my_streamcontent2_right_input.main .cssload-container-div.updateCommentLoader .cssload-div {
  transform: none !important;
  left: 50% !important;
  top: 15px !important;
}

.blink_afterComment {
  box-shadow: #2687c9 0px 0px 0px 1px;
}

.blink_beforeComment {
  animation: blink_beforeComment 1.2s linear infinite;
}

@keyframes blink_beforeComment {
  0% {
    box-shadow: 0 0 0 0px rgba(38, 135, 201, 0.685);
  }

  50% {
    box-shadow: 0 0 0 0px rgba(38, 135, 201, 0.35);
    transition: all ease-in-out;
    transition-duration: 0.35s;
    transition-delay: 2s;
  }

  100% {
    box-shadow: 0 0 0 8px rgba(38, 135, 201, 0);
  }
}

.post-user-profile span.icon-user.user_profile_img-2021.likes {
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(38, 135, 201, 0.1);
  display: block;
  margin: 0px;
  object-fit: cover;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  font-size: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.my_streamcontent3_right_history.main.comment_reply_row.block_user_reply {
  margin-bottom: 18px;
}

form#cover_img .cssload-container-div.left15x15 .cssload-div img {
  height: 30px !important;
  width: 30px !important;
}

#cover_img svg {
  float: left;
  width: 100%;
  height: 100%;
}

.custommargitop17 .portfolio_body.group-body .wall-left-col.group_body_left .col-md-12.no-mar-pad.cover-bg form#cover_img .cover-photo-new {
  float: left;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

@media only screen and (min-width: 1024px) and (max-width: 1151.9px) {
  .contact_support_tooltip_right_side {
    right: 230px;
  }
  .tribel_support_btn .chat-user-avatar-wrap {
    height: 35px;
    width: 35px;
    padding-left: 5px;
}
  div#react-contain .tribel_support_btn_main{
    height: 70px !important;
  }
  .tribel_support_btn{
    height: 65px !important;
  }
  .online-chat-users_tribel{
    height: 50px !important;
  }
  .tribel_support_name_part span.support_text_header {
    font-size: 12px;
    font-weight: 600;
}
.tribel_support_name_part span.support_text_help {
  font-size: 8px;
}
  .tribel_support_btn_main{
    max-width: 220px !important;
  }
  .tribel_support_btn{
    max-width: 220px !important;
  }
  .online-chat-users_tribel{
    max-width: 200px !important;
  }
  .user_logo_profile {
    height: 110px;
  }

  .user_logo_profile .image-start-container .user_profile_img-2021 {
    height: 100%;
    width: 100%;
  }

  .profile_image_with_star {
    width: 81px;
    height: 80px;
    padding: 0px;
    margin: 0px;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
  }

  .dropdown.dropdown-tip>.dropdown-pane7>.account_setting>a {
    font-size: 10px;
    line-height: 24px !important;
    padding-left: 10px;
    font-weight: 500;
  }

  .portfolio_body .container.custom-container {
    min-height: 90vh;
    width: 100%;
    margin: 0 !important;
  }

  .find-friends_page .portfolio_body_right2.stopscroll.main {
    width: 100% !important;
  }

  .all_notification_page #scrollableDiv .infinite-scroll-component {
    position: relative;
    width: 100%;
    margin-top: 0;
    top: 100px;
  }

  .notification_react_page .view_all_friends .view_all_friends_heading.friends_heading_cus {
    padding-bottom: 10px;
  }

  .notification_react_page .view_all_friends .view_all_friends_heading.friends_heading_cus h3 {
    font-size: 15px;
    margin: 0;
  }

  .content-area1.login-page.only-login-page .container,
  .all_notification_page #scrollableDiv {
    width: 100% !important;
  }

  .notifications,
  .message {
    width: auto;
  }

  .LeftSideBar-main.LeftSideBar-main21 {
    width: 20%;
    max-width: 20% !important;
    margin-left: 10px;
  }

  .top-left-menu21__item {
    margin-bottom: 5px !important;
  }

  .top-left-menu21__item a label {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    margin-right: 5px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
  }

  .virticalmenu_li a h6 {
    font-size: 12px !important;
  }

  .top-left-menu21__item a label span {
    font-size: 1rem;
  }

  a.trending-but-left.invit-icon label span {
    font-size: 1.2rem;
  }

  .profile-navbar .suggested_star_contributors .view_friends.to-hover .portfolio_body_left_view_friendsimage {
    height: 30px;
    min-width: 30px;
    max-width: 30px;
    margin-right: 5px;
  }

  .friends_top p {
    font-weight: bold;
    font-size: 0.85em;
    line-height: 18px;
    margin-bottom: 10px;
  }

  .suggested-stars .userView {
    align-items: center;
  }

  .profile-navbar .suggested_star_contributors .view_friends.to-hover .bitlami .portfolio_body_left_view_friendscont,
  .portfolio_body_right_heading1 {
    top: 0;
  }

  .profile-navbar .suggested_star_contributors .view_friends.to-hover .bitlami .portfolio_body_left_view_friendscont .portfolio_body_left_view_friends_heading p {
    margin-bottom: 0;
  }

  .portfolio_body_left_view_friends_heading>p>a {
    font-size: 11px;
    line-height: 14px;
  }

  .portfolio_body_right_heading1>span {
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
  }

  .profile-navbar .suggested_star_contributors .view_friends.to-hover .portfolio_body_left_view_friendsimage a .image-start-container .user-post-pic-holder.avater-image-2021 span {
    font-size: 2.3rem;
  }

  .rightsidebar-who-to-follow .portfolio_body_left {
    padding: 15px 10px;
  }

  .portfolio_body .portfolio_body_right {
    width: 57%;
  }

  .portfolio_body .portfolio_body_right div#middle_container_wrapper {
    width: 95% !important;
    padding-right: 0px;
    margin-right: 0px;
  }

  .portfolio_body .infinite-scroll-component .post_body_left {
    padding: 15px !important;
  }

  .post_profile_top {
    min-height: fit-content !important;
  }

  .post_profile_top .post-user-profile {
    height: 40px;
    width: 40px;
  }

  span.post_head_cat21>a {
    padding: 5px;
    font-size: 10px;
    line-height: 13px;
  }

  .portfolio_body .portfolio_body_right .portfolio_body_right2.stopscroll.main.account-cls {
    width: 100% !important;
    margin-right: 0;
  }

  .custom-container .portfolio_body_right .portfolio_body_right2 .account_setting_left {
    width: 100%;
    position: relative;
  }

  .custom-container .portfolio_body_right .portfolio_body_right2 .account_setting_left .account_setting_nav {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 15px 0;
  }

  .custom-container .portfolio_body_right .portfolio_body_right2 .account_setting_left h4 {
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    margin: 0 15px;
  }

  .custom-container .portfolio_body_right .portfolio_body_right2 .account_setting_left .account_setting_nav .account_setting {
    padding: 0;
    width: auto;
  }

  .custom-container .portfolio_body_right .portfolio_body_right2 .account_setting_left .account_setting_nav .account_setting.active a,
  .custom-container .portfolio_body_right .portfolio_body_right2 .account_setting_left .account_setting_nav .account_setting a {
    padding: 5px 10px;
    font-size: 11px;
  }

  .custom-container .portfolio_body_right .portfolio_body_right2 .account_setting_right {
    width: 100%;
    position: relative;
    left: 0;
    float: left;
    top: 115px;
  }

  .view_all_friends h3 {
    font-size: 20px;
    margin: 10px 0;
  }

  .account_main_top_first {
    padding-bottom: 10px;
  }

  .custom-container .portfolio_body_right .portfolio_body_right2 .account_setting_right .portfolio_coment .account_main_bottom .account_cint.new-account-class,
  .portfolio_body_right .portfolio_body_right2 .account_setting_right .portfolio_coment .account_main .users_list_18 .user-block-list {
    padding: 15px 0;
  }

  .custom-container .portfolio_body_right .portfolio_body_right2 .account_setting_right .portfolio_coment .account_main .account_main_top_first .account_left p {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
  }

  .custom-container .portfolio_body_right .portfolio_body_right2 .account_setting_right .portfolio_coment .account_main_bottom .account_cint .account_cont_left b,
  .portfolio_body_right .portfolio_body_right2 .account_setting_right .portfolio_coment .account_main .account_cint .account_cont_left b {
    font-size: 12px;
    line-height: 15px;
  }

  .portfolio_body_right .portfolio_body_right2 .account_setting_right .portfolio_coment .account_main .account_cint .account_cont_right button.buttonall,
  .portfolio_body_right .portfolio_body_right2 .account_setting_right .portfolio_coment .account_main .account_cont_right .block-button button.m_class.button {
    padding: 10px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
  }

  .portfolio_body_right .group-page-wrap {
    width: 100%;
  }

  .group-page-body .group-sections,
  .group-page-header {
    width: 100%;
  }

  .group-page-wrap .bitmap_src {
    left: 85px;
    width: 60% !important;
  }

  .group-page-header .create-new-group a {
    font-size: 11px;
    padding: 10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }

  .group-page-header .create-new-group {
    padding: 10px 0;
  }

  .group-sections-header {
    padding: 15px 6px;
  }

  .group-sections-header .group-sections-title {
    font-size: 14px;
    line-height: 20px;
  }

  .group-sections-header .see-groups {
    font-size: 12px;
    line-height: 16px;
  }

  .group-sections-wrap .react-multi-carousel-track li.react-multi-carousel-item {
    height: inherit;
    width: auto !important;
    display: flex;
    padding: 5px;
  }

  .group-sections-wrap .react-multi-carousel-track li.react-multi-carousel-item svg {
    height: 35px;
    width: 35px;
  }

  .group-sections-wrap .react-multi-carousel-track li.react-multi-carousel-item>div>.single-group-title {
    font-size: 10px !important;
    line-height: 15px !important;
  }

  .group-sections-wrap .single-group {
    min-height: inherit;
    margin-bottom: 15px;
  }

  .single-group .single-group-wrap a.svgClass {
    width: 100%;
    height: 120px;
  }

  .single-group-join {
    width: 90%;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    font-weight: 400;
  }

  .single-group-title a {
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
  }

  .profile-card.prowrep.right-mar-pad .container21 {
    width: 100%;
  }

  .portfolio_body.group-body .container.custom-container {
    width: calc(100vw - 220px);
    float: left;
  }

  .portfolio_body.group-body .container.custom-container .wall-left-col.group_body_left {
    width: 99%;
  }

  .col-md-12.col-xs-12.col-sm-12.no-mar-pad.no-padding.bottom-bg {
    padding-left: 15px;
    padding-right: 15px;
  }

  .group-body .group_body_left section.group_section_inner {
    margin-top: 25px;
    float: left;
  }

  .group-body .group_body_left section.group_section_inner .group_div_inner {
    width: 98%;
  }

  .group-body .group_body_left section.group_section_inner .group_div_inner .rightSideBar-main.group_body_right {
    float: right;
    width: 32%;
  }

  .group-body .group_body_left section.group_section_inner .group_div_inner .rightSideBar-main.group_body_right .rightsidebar-who-to-follow {
    float: left;
    width: 100%;
  }

  .group-body .group_body_left section.group_section_inner .group_div_inner .rightSideBar-main.group_body_right .rightsidebar-who-to-follow .portfolio_body_left {
    float: left;
    width: 100%;
    padding: 8px;
  }

  /* start contributors */
  .portfolio_body .portfolio_body_right div#middle_container_wrapper.starcontributorrank {
    width: 95% !important;
    padding-right: 0;
    margin-right: 0;
  }

  .portfolio_body_right .stopscroll p,
  .wraper-contributer21>div>p.contributor_message {
    font-size: 12px;
    line-height: 20px;
  }

  .icon-sliver-star {
    display: flex;
    align-items: center;
  }

  .glod-star21,
  .sliver-star21 {
    height: 35px;
    width: 35px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 5px;
  }

  .glod-star21 span,
  .sliver-star21 span {
    font-size: 1.4rem;
  }

  /* end contributors */

  .right_chatBox .online-chat-users {
    max-width: 220px;
  }

  .right_chatBox .chat-user-avatar-wrap {
    width: 30px;
    height: 30px;
    margin-top: 3px;
  }

  .online-each-user {
    height: auto;
  }

  .right_chatBox .chat-user-avatar-wrap .image-start-container span.icon-user {
    font-size: 1.8em;
  }

  .online-chatuser-name {
    line-height: 13px;
    font-size: 10px;
  }

  .online-recent-msg {
    font-size: 8px;
  }

  span.text-menu-top,
  span.home-text,
  .portfolio_body_right7.main {
    display: none;
  }

  .online-chat-users .infinite-scroll-component {
    width: 90%;
  }

  .right_chatBox .single-chat {
    width: 300px;
  }

  .single-chat-body .message-header {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .single-chat-body .message-header span.icon-user,
  .single-chat-body .message-header div div img {
    font-size: 6.4rem;
    height: 70px;
    width: 70px;
    padding: 5px;
  }

  .right_chatBox .single-chat .single-chat-body {
    height: 370px;
  }

  .single-chat-body .message-header .message_username h3 {
    font-size: 15px;
    line-height: 20px;
    margin: 8px 0;
  }

  .single-chat-body .message-header .message_username .like_follow h5 {
    margin: 0;
    font-size: 11px;
  }

  .right_chatBox .msg-send-date-bar {
    margin: 12px 0;
  }

  /* Start wall Feed */

  .cover-img-extra-wall-21,
  .cover-img-extra-wall-21 form,
  .cover-bg #cover_img img,
  .custommargitop17 .portfolio_body.group-body .wall-left-col.group_body_left .col-md-12.no-mar-pad.cover-bg form#cover_img {
    min-height: 250px;
    max-height: 250px;
    height: 250px;
  }

  section.wall_section_inner .wall_div_inner {
    width: 100%;
  }

  section.wall_section_inner .wall_div_inner .LeftSideBar-main {
    width: 30%;
    min-width: 30%;
    max-width: 30%;
    margin-right: 0;
  }

  section.wall_section_inner .wall_div_inner .LeftSideBar-main .portfolio_body_left {
    padding: 0 !important;
  }

  .portfolio_body_left_impruve.profile-progress {
    padding: 5px !important;
  }

  section.wall_section_inner .wall_div_inner .portfolio_body_right {
    width: 68.5% !important;
    max-width: 68.5% !important;
    min-width: 68.5% !important;
    float: right;
  }

  .media-body {
    width: 77%;
  }

  .menuabout-17 .friend-conten-list-17 .forFitfriends .friends_info .friends_info_top .friends_info_topimg {
    float: left;
    height: 45px;
    width: 45px;
    min-width: 45px;
  }
  .friends_tab_area-17 .friend-conten-list-17 .forFitfriends .friends_info .friends_info_top .friends_info_topimg {
    float: left;
    height: 60px;
    width: 60px;
    min-width: 60px;
  }

  .friend-conten-list-17 .forFitfriends .friends_info .friends_info_top .friends_info_topimg a .image-start-container .avater-image-2021 span.user_profile_img-2021 {
    font-size: 3.9rem;
  }

  .notification_react_page .notifications_area {
    padding: 15px 10px;
  }

  .main.message_page .container.height100 {
    width: 100%;
  }

  .portfolio_body_right4 .my_streamcontent2.main {
    align-items: center;
  }

  .post-upd-dropdown .dropdown-menu {
    left: 0px !important;
    min-width: 150px !important;
    width: 150px !important;
    margin-left: -140px;
  }

  .container-nav-21,
  .group-body .profileCover-Nav ul {
    width: 100%;
  }

  .portfolio_body .wall-left-col {
    width: calc(100vw - 228px);
  }

  section.wall_section_inner {
    margin: 0 auto;
    margin-top: 35px;
    width: 98%;
    float: initial;
  }

  section.wall_section_inner.wall_Photo .wall_div_inner .portfolio_body_right.wall_photos_21 {
    float: left;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  div#menuphoto .menuphoto.menu-content-photo-17.massonary-view {
    width: 98%;
    margin: 0 auto;
  }

  div#menuphoto .menuphoto.menu-content-photo-17.massonary-view .photo_galari__ {
    width: 100%;
    padding: 15px;
  }

  .massonary-view .photo_galari__ .friends_tab_area .infinite-scroll-component .active_album {
    width: 100%;
  }

  .user_photo_gallery_area .infinite-scroll-component .show_profile_or_cover_images .gallery-video-bg,
  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .show_profile_or_cover_images img {
    height: 165px !important;
    width: 165px;
  }

  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .infinite-scroll-component .show_profile_or_cover_images img {
    height: 100% !important;
    margin: 0 !important;
  }

  .gallery-video-bg span.icon-VideoPlay {
    font-size: 30px;
  }

  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .massonary-view .albumSet {
    height: 200px;
    width: 200px;
    margin-right: 15px;
  }

  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .massonary-view .albumSet:last-child {
    margin-right: 0;
  }

  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .photo_galari__ .albumSet .photo_galari_img {
    height: 100%;
    margin-right: 0;
    margin-top: 0;
  }

  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .photo_galari__ .albumSet .photo_galari_img a,
  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .photo_galari__ .albumSet .photo_galari_img .photo_galari_img_top {
    height: 100%;
    width: 100%;
  }

  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .photo_galari__ .albumSet .photo_galari_img .photo_galari_img_top p {
    padding: 155px 50px 20px 16px;
    margin-bottom: 0;
  }

  .morelike-profile-stars a {
    width: 20px;
    height: 20px;
  }

  .my_streamcontent2_right .dropbtn,
  span.totalLikeList2021,
  span.more-people-likes,
  span.like_count_string {
    font-size: 12px !important;
  }

  .repp span:nth-child(1) {
    font-size: 1em;
  }

  .status_content .comment_friend.after_comment {
    padding: 10px;
    padding-bottom: 0;
  }

  .comment-show-hide-link-2021 .comment-show-hide-link-icom span {
    font-size: 1em;
  }

  .comment-show-hide-link-comment {
    font-size: 12px;
    line-height: 18px;
  }

  h5.MoreComm {
    font-size: 12px !important;
  }

  .ShareDrop19-content {
    padding: 5px;
  }

  .ShareDrop19-content a {
    font-size: 12px;
    line-height: 18px;
    padding: 5px 0px 5px 15px;
  }

  .share_Tribel_post a span {
    font-size: 12px;
    margin-right: 5px;
  }

  .ShareDrop19-content a:last-child {
    display: flex;
    align-items: center;
  }

  .my_streamcontent_bottom .imgPostMain h1.sharedTitleView span div span a,
  .Linkify code span {
    font-size: 1.3rem;
    line-height: 1.3rem !important;
  }

  .cover-bg .bottom-bg .flower-meg-addfriend .cover-btn {
    height: 25px;
    font-weight: 600;
    font-size: 9px;
    line-height: 19px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }

  .online-active-status {
    top: 60px;
    height: 45px;
  }

  .online-active-status-left {
    font-size: 12px;
    line-height: 16px;
  }

  .online-chat-inputarea {
    top: 115px;
    height: 35px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }

  .online-chat-users .infinite-scroll-component {
    top: 155px;
  }


  .userBio,
  .profile-card .profile-identity .likes-friends {
    font-size: 12px;
    line-height: 15px;
  }


}

.step2_Factor-Authentication h3 span.icon-rightCheck {
  background: rgba(107, 191, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: bold;
}

.disableclassNoCat {
  pointer-events: none;
}

.action_disable {
  pointer-events: none;
  cursor: pointer;
}



/* @ Zahidul Islam ------------------------------------
    Fixed image loader and height & width & position
------------------------------------------------------*/
.image_loader_block {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 1;
}

.msg-img-col .image_files_container {
  float: left;
  min-width: 90%;
  width: 100%;
  height: 100%;
  min-height: 50px;
}

.msg-img-col .image_files_container span.image_loader_block {
  position: absolute;
  height: 30px;
  width: 30px;
  max-height: 50px;
}

.msg-img-col .image_files_container span.image_loader_block .cssload-container-div {
  height: 100%;
  width: 100%;
  min-height: 100% !important;
}

.msg-img-col .image_files_container span.image_loader_block .cssload-container-div .cssload-div {
  float: left;
  height: 100% !important;
  width: 100% !important;
}

.msg-img-col .image_files_container span.image_loader_block .cssload-container-div .cssload-div img {
  margin: 0 !important;
  height: 100%;
}

.blocked_user_mainpart {
  display: flex;
  width: 80%;
  margin: auto;
  padding-bottom: 10px;
}

.user_blocked_part {
  margin: auto;
  margin-right: 0px !important;
}

/* Bio */

.userBio {
  max-width: 300px;
  min-width: 220px;
  float: left;
  position: relative;
  font-size: 14px;
  line-height: 17px;
  margin: 0;
  margin-top: 8px;
  white-space: normal;
  word-break: break-word;
}


.bioModal .modal-dialog .modal-content h4.modal-title {
  font-size: 20px;
  padding-bottom: 10px;
  border-bottom: 1px dashed rgb(38 135 201 / 50%);
  font-weight: 600;
  text-transform: capitalize;
}

.bioAddEdit {
  position: relative;
  padding-right: 20px;
}

.bioAddEdit span.intro_header {
  display: none;
  position: absolute;
  right: 0;
  height: 21px;
  width: 21px;
  text-align: center;
  line-height: 20px;
}

.bioAddEdit span.intro_header a.editBio {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.bioAddEdit span.intro_header a.editBio span {
  margin: 0 !important;
}

.bioAddEdit:hover span.intro_header {
  display: block;
  top: 0;
  right: 0;
}


span.intro_header {
  background: rgba(38, 135, 201, 0.1);
  padding: 5px;
  font-size: 12px;
  border-radius: 5px;
  text-align: center;
}

span.intro_header {
  background: rgba(38, 135, 201, 0.1);
  padding: 2px 5px;
  font-size: 12px;
  border-radius: 5px;
  margin-left: 5px;
}

span.intro_header a.addBioButton span,
span.intro_header a.editBio span {
  font-size: 9px;
  font-weight: normal;
  margin-right: 3px;
}

.bioModal .modal-dialog {
  height: 100vh;
  position: relative;
  margin: 0 auto;
}

.bioModal .modal-dialog .modal-content {
  min-width: 100% !important;
  max-width: 100% !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-height: 100vh;
  padding: 20px;
  border-radius: 5px;
}

.bioModal .modal-dialog .modal-content .modal-body {
  padding: 0;
  margin: 15px 0;
}

.bioModal .modal-dialog .modal-content .modal-body textarea {
  padding: 10px;
  width: 100%;
}

.bioModal .modal-dialog .modal-content .fly_clos {
  background: #333333;
  height: 25px;
  width: 25px;
  border-radius: 100%;
  position: absolute;
  right: -5px;
  top: -10px;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}


.bioModal .modal-dialog .modal-content .modal-footer {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}


.bioModal .modal-dialog .modal-content .modal-footer button {
  margin: 0 !important;
}


.bioModal .modal-dialog .modal-content .modal-footer button.bioSave {
  background: #2687c9 !important;
  position: relative;
  width: auto !important;
}

/*-----@ Zahidul Islam ---------------
  Color changing part for emoji icon
  in meme post.
----------------Start-----------------*/
.gradient_17_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.gradient_12_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.gradient_9_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.gradient_3_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.gradient_11_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.img_6_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.img_5_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.gradient_13_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.gradient_16_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.gradient_15_add+div+.post-icons-wall-21.only-emoj-21-wall ::before .gradient_18_add+div+.post-icons-wall-21.only-emoj-21-wall ::before {
  background: no-repeat;
}



.gradient_14_add+div+.post-icons-wall-21.only-emoj-21-wall ::before {
  background: no-repeat;
}


.emoji_butpar2 {
  width: 40px;
  height: 40px;
  z-index: 99;
  left: 85%;
  top: 33px;
  font-size: 20px;
  position: relative;

}

.allpost-body-left .mentions-input-box div.searchboxWrapper {
  border-radius: 0.3rem;
  border: 1px solid #ddd;
  display: inline-block;
  padding: 15px;
  box-shadow: 0 0.3rem 1rem rgba(8, 38, 78, 0.2);
  position: absolute;
  z-index: 99999999;
  right: 0;
  top: 30px;
}

.portfolio_header_left_bobile,
.profile-navbar .suggested_star_contributors .view_friends.to-hover .bitlami,
.my_streamcontent3_right_history_bottom.general-comment.cmt_photo_single .my_streamcontent2.main.after_comment.only_edit_main_comment .comment_new_left_side,
.account_main .account_cint.block .account_cont_right .block-button .account_cint.new-account-class .account_cont_right span,
.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-footer .col-md-2,
.likeuserList .modal-content .modal-body .more-people-item .col-md-9 .content .totale_area2 .notifications_message_image2,
.last_coment_amount_like_own,
.modal-content.model-popup-inner-17 .modal-footer .action-wrap .education-permission-top .permission-but-all,
.portfolio_body .wall-left-col .about_edit .user_experince .form-group.col-md-6 .select-dropdown-one:nth-child(2),
.user .mentionUserImage,
.featured-images-wrap .final-featured-photo,
.featured-images-wrap .suggested-featured-photo,
.emoji-mart-category-label,
.searchboxWrapper .reactGiphySearchbox-listWrapper {
  float: left;
}

/*----------------End-------------------*/


/* Edit Meme Post text Box scroll */

#wall_meme .well-name-wrapper-21-edit-post .editTextbox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#wall_meme .well-name-wrapper-21-edit-post .editTextbox div:nth-of-type(1) {
  width: 100%;
  height: 100%;
  max-height: min-content;
  box-shadow: none !important;
}

#wall_meme .well-name-wrapper-21-edit-post .editTextbox div:nth-of-type(1) div {
  border: none !important;
}

.meme_auto_height.editTextbox div textarea#post_content_text_modal_edit_mode {
  overflow-y: auto !important;
}

textarea#post_content_text_modal_edit_mode {
  box-shadow: none;
  overflow-y: auto !important;
}


.emoji_control.keep-inside-clicks-open1 {
  height: 25px;
  width: 25px;
  position: absolute;
  z-index: 99999999999;
  top: 10px;
  right: 45px;
}

.emoji_control.keep-inside-clicks-open1 div#emojiID- {
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.emoji_control.keep-inside-clicks-open1 div#emojiID- span.icon-emoji.emoji_butpar {
  position: relative;
  right: 0;
  top: 0;
  font-size: 19px;
  ;
}

.reactGiphySearchbox-listWrapper div {
  float: left;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}


.allpost-body-left .mentions-input-box .reactGiphySearchbox-componentWrapper {
  padding: 8px;
  -moz-box-shadow: 0px 4px 10px #b5b5b569;
  -webkit-box-shadow: 0px 4px 10px #b5b5b569;
  box-shadow: 0px 4px 10px #b5b5b569;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  right: 0;
  top: 45px;
  height: 365px;
  z-index: 9999 !important;
}

.reactGiphySearchbox-componentWrapper form.reactGiphySearchbox-searchForm-form input {
  font-weight: normal;
}

.allpost-body-left .mentions-input-box .reactGiphySearchbox-componentWrapper .reactGiphySearchbox-listWrapper {
  float: left;
  width: 100%;
  overflow-x: hidden;
}

.reactGiphySearchbox-componentWrapper {
  box-sizing: border-box;
  position: absolute;
  right: 0;
  bottom: 22px;
  padding: 8px;
  -moz-box-shadow: 0px 4px 10px #b5b5b569;
  -webkit-box-shadow: 0px 4px 10px #b5b5b569;
  box-shadow: 0px 4px 10px #b5b5b569;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 365px;
  z-index: 9999 !important;
}

.reactGiphySearchbox-searchForm-form {
  position: relative;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.reactGiphySearchbox-listWrapper {
  overflow-y: auto;
  float: left;
  width: 100%;
}


.giphy_Control span {
  position: absolute;
  height: 19px;
  width: 19px;
  z-index: 9;
  transform: translateY(-50%);
  right: 45px;
  bottom: -3px;
  cursor: pointer;
}

.giphy_Control svg {
  float: left;
  width: 100%;
  height: 100%;
}

/* Global Follow */
.tour-tooltip-feed-category.popover.fade.left.in+.bootstro-backdrop+.search-filter-title.search-filter-title-2021.usertour-tendingfeedfilter.bootstro-highlight,
ul.color_1_add__suggestions__list li div.user a div div svg,
.header_buttonClass.modal-header button,
.featured-images-wrap .suggested-featured-photo .Dropzone,
.rank_list21>.top-contributor.rank-user .rank_profile_img .post_profile_pic_star,
.dateTime,
a.repp.postLove span.icon-love,
.bulkFollow_div {
  position: relative;
}

.golbal_follow-section {
  clear: both;
  padding: 13px;
  position: absolute;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  box-shadow: 0px 10px 28px rgb(0 0 0 / 22%);
  -webkit-box-shadow: 0px 10px 28px rgb(0 0 0 / 22%);
  -moz-box-shadow: 0px 10px 28px rgb(0 0 0 / 22%);
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  min-width: 430px;
  max-width: 430px;
  right: 10px;
  z-index: 999;
  top: 25px;
}

.follow_content_part {
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
  width: 100%;
}

.golbal_follow-section .follow-section-top {
  min-width: 75%;
  float: left;
  display: flex;
}

.golbal_follow-section .follow_close_button {
  position: absolute;
  right: -3px;
  top: -7px;
  line-height: normal;
  padding: 0;
  font-size: 24px;
  border: none;
  background: #333333d1;
  font-weight: normal;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  text-align: center;
}

.golbal_follow-section .follow_close_button span {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0;
  margin-right: 0 !important;
}

.golbal_follow-section .friends_info_topimg {
  display: flex;
  position: relative;
  float: left;
  align-items: center;
  font-size: 1.5rem;
}

.golbal_follow-section .friends_info_topimg a {
  float: left;
  display: flex;
  width: 40px;
  height: 40px;
}

.golbal_follow-section .friends_info_topimg a span {
  font-size: 3.4rem !important;
}

.golbal_follow-section .friends_info_topimg a:nth-child(2),
.golbal_follow-section .friends_info_topimg a:nth-child(3),
.golbal_follow-section .friends_info_topimg a:nth-child(4) {
  margin-left: -20px;
}

.golbal_follow-section .friends_info_topimg a:nth-child(5) {
  margin-left: -20px;
  margin-right: 8px;
}

.golbal_follow-section a.follow-button {
  background: rgba(38, 135, 201, 0.1);
  text-align: center;
  display: block;
  border-radius: 8px;
  padding: 6px;
  margin: 10px 0 0;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  padding: 10px 8px;
}

.golbal_follow-section h3 {
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  margin: 0 0 10px;
  border-bottom: 2px solid #EEEEEE;
  padding-bottom: 8px;
}

.golbal_follow-section p {
  float: left;
  margin: 0;
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 8px;
}

.golbal_follow-section .friends_info_topimg a ul.circle-container-2021 span.icon-Star {
  font-size: 1rem !important;
}

.golbal_follow-section .friends_info_topimg a .image-start-container .user-post-pic-holder.avater-image-2021 img {
  height: 100% !important;
  width: 100% !important;
}

#bulk_Follow_List {
  float: left;
  min-height: 50px;
  max-height: 500px;
  overflow-y: auto;
  width: 100%;
}

#bulk_Follow_List .more-people-item {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

#bulk_Follow_List .more-people-item .content .totale_area2 {
  float: left;

  width: 100%;
  display: flex;
  align-items: center
}

#bulk_Follow_List .more-people-item h3 {
  margin: 0;
}

#bulk_Follow_List .more-people-item .content .totale_area2 .notifications_message_image2 {
  float: left;
  height: 50px;
  width: 50px;
}


#bulk_Follow_List .more-people-item .content .totale_area2 .notifications_message_text {
  padding-left: 15px;
  font-size: 20px;
}

#bulk_Follow_List .more-people-item .more-people-btns span.icon-rss {
  background: rgba(38, 135, 201, 0.1);
  padding: 10px;
  border-radius: 12px;
}

.bulk_follow_Modal .modal-header {
  padding: 20px 0 !important;
}

p.user-profile-name a.profile_Edit_button {
  border-radius: 5px;
  padding: 5px;
  font-size: 13px;
  margin-left: 8px;
  font-weight: normal;
}

.backgroundColorChange {
  background: #f2dede;
  border-color: #ebccd1;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.is_shared_post .post_profile_top .shared_profile_header,
.my_streamcontent3_right_history_bottom.reply_photo_single .edit_comment_reply_to_reply,
.nominate_modal .table_body .dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17 ul#content.dropCustome.sdrpmenu.content.dropBoxnav .dropdown-menu.sub-menu li a,
.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-body .featured-images-wrap,
.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-body .featured-images-wrap .suggested-featured-photo,
.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-body .featured-images-wrap .suggested-featured-photo .form-group.mob-cmn-cls.col-md-12,
.likeuserList .modal-content .modal-body,
.likeuserList .modal-content .modal-body .more-people-item .col-md-9 .content,
.likeuserList .modal-content .modal-body .more-people-item .col-md-9 .content .totale_area2,
ul.wall-category-audiance-21 li,
.step2_Factor-Authentication,
.step2_Factor-otp,
.opt_fild,
.modal-content.model-popup-inner-17 .modal-body .form-group label,
.modal-content.model-popup-inner-17 .modal-footer .action-wrap,
ul.color_1_add__suggestions__list li,
ul.img_2_add__suggestions__list li,
ul.img_3_add__suggestions__list li,
ul.img_4_add__suggestions__list li,
ul.img_5_add__suggestions__list li,
ul.gradient_4_add__suggestions__list li,
ul.gradient_5_add__suggestions__list li,
ul.gradient_6_add__suggestions__list li,
ul.gradient_7_add__suggestions__list li,
ul.gradient_8_add__suggestions__list li,
ul.gradient_9_add__suggestions__list li,
ul.gradient_10_add__suggestions__list li,
ul.gradient_11_add__suggestions__list li,
ul.gradient_12_add__suggestions__list li,
ul.gradient_13_add__suggestions__list li,
ul.gradient_14_add__suggestions__list li,
ul.gradient_15_add__suggestions__list li,
ul.gradient_16_add__suggestions__list li,
ul.gradient_17_add__suggestions__list li,
ul.gradient_18_add__suggestions__list li,
ul.color_1_add__suggestions__list li,
ul.img_2_add__suggestions__list li,
ul.img_3_add__suggestions__list li,
ul.img_4_add__suggestions__list li,
ul.img_5_add__suggestions__list li,
ul.gradient_4_add__suggestions__list li,
ul.gradient_5_add__suggestions__list li,
ul.gradient_6_add__suggestions__list li,
ul.gradient_7_add__suggestions__list li,
ul.gradient_8_add__suggestions__list li,
ul.gradient_9_add__suggestions__list li,
ul.gradient_10_add__suggestions__list li,
ul.gradient_11_add__suggestions__list li,
ul.gradient_12_add__suggestions__list li,
ul.gradient_13_add__suggestions__list li,
ul.gradient_14_add__suggestions__list li,
ul.gradient_15_add__suggestions__list li,
ul.gradient_16_add__suggestions__list li,
ul.gradient_17_add__suggestions__list li,
ul.gradient_18_add__suggestions__list li,
.group-post-timeline21,
.single-group-wrap a:first-child,
.fixed-P-alert-container .alert.alert-success span:nth-child(2) div,
.featured-images-wrap,
.featured-images-wrap .suggested-featured-photo h3.modal-title-ffp,
.newpostmodals.common-post-modal21 .modal-content .modal-body,
.tab-edit-button-photo-17,
.emoji-mart-category-label,
.cover-bg .container21 .flower-meg-addfriend .cover-btn a.send_Message,
.fixed-P-alert-container.leftBottomPushNotification .leftBottomPushNotification_notify .notifications_area.new-unread-notification .notifications_text.main h3+.group-invitation-alert-btns,
.is_shared_post,
div#SitesAndSocialLinks .modal-body form .form-row .form-group,
.portfolio_coment_button.portfolio_coment_button21,
div#new-post-modal-height .flypost_box.model-popup-inner-17,
.account_setting a,
.fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content #popup-post-details .post_right_side .portfolio_body_right4.main.status_content .is_shared_posted,
.userAboutInfoLeft address,
.all_photo_gallery_area,
.table_body.Invite_friend_message .form-group input.form-control,
.notification_modal .modal-content .modal-body,
.notification_modal .modal-content .modal-body .notification_modal_checkbox,
.notification_modal .modal-content .modal-body .notification_modal_checkbox form#notifications_status,
.allpost-body-left .mentions-input-box .reactGiphySearchbox-componentWrapper form.reactGiphySearchbox-searchForm-form,
.portfolio_header_left_bobile .portfolio_header_left,
.infinite-scroll-component .status_content .my_streamcontent_bottom .vPostMain,
.status_content a.imgPostImLi .imgPostText,
.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-footer .action-wrap,
.form-control.emailvarify,
.modal-content.model-popup-inner-17 .modal-body form,
.suggestedcategorymodal.edit-featured-popup .modal-footer,
.table_body.Invite_friend_message {
  float: left;
  width: 100%;
}

.portfolio_body .container.custom-container.deactivated-user .wall-left-col,
.portfolio_body .container.custom-container.public-container .wall-left-col,
.portfolio_body .container.custom-container.container-chatbox-off .wall-left-col,
.fade.nominate_modal.common-post-modal.in.modal .modal-content .hide-nominate-scrollable.modal-body .model-popup-inner-17 .table_body,
.cropper-main,
.singelCategory_FilterNav ul.feed_filter_ul_210519,
.my_streamcontent3_right_history_bottom.general-comment.cmt_photo_single .my_streamcontent2.main.after_comment.only_edit_main_comment .my_streamcontent2_right_input.main,
#dropdown-notificatoin1 #notificatione_new_area_scroll hr {
  width: 100% !important;
}

.video-react-current-time.video-react-time-control.video-react-control::before,
.video-react-duration.video-react-time-control.video-react-control::before,
.founding-badge-view span.span-liner,
.portfolio_body .container.custom-container.deactivated-user .right_chatBox,
.portfolio_body .container.custom-container.public-container .right_chatBox,
.portfolio_body .container.custom-container.container-chatbox-off .right_chatBox,
.owl-dots,
input[type="file"].edit_Group_coverImages,
#content::-webkit-scrollbar,
p.link-msg-text-block,
.massonary-view .photo_galari__ .friends_tab_area .infinite-scroll-component .active_album div .photos-options,
.dateTime span.timeHover,
.nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design div#my-tab-content,
.bioModal .modal-dialog .modal-content .modal-footer::before,
.bioModal .modal-dialog .modal-content .modal-footer::after,
.post-commnet-container {
  display: none;
}

/* code from shahriar vai */
.portfolio_body_right7.main {
  position: relative;
  right: -330px;
}

/* @userName CSS */

.post-upd-name+span,
.user-profile-name+span {
  font-size: 12px;
  cursor: pointer;
}

p.user-profile-name+span.userName {
  margin-left: 0;
  text-align: center;
}

.post-upd-name+span:hover,
.user-profile-name+span:hover {
  text-decoration: underline;
  cursor: default;
}

.userList_name+div,
.chatUserName {
  display: flex;
  align-items: center;
}

.message_text.msg_sender.msg_sender_17 .chatUserName span.userName {
  position: relative;
  float: left;
  left: 0;
}

.chat-user-title,
.message_username h3 {
  display: grid;
  align-items: center;
}

.chat-user-title span,
.message_username h3 span {
  margin-left: 0;
}


/* "@userName" CSS */

span.userName {
  font-size: 12px;
  font-weight: normal;
  /* display: block; */
}

span.userName .clickedUrl,
.view_all_friends_bottom.frd_req_row .totale_area .new_friend_request_item .notifications_message_text h3 span a,
.friends_info_top .friends_info_topcont.friends_info_topcont-17 p span a,
.rank_list21>.top-contributor.rank-user>.rank_profile_name span a,
.my_streamcontent3.main .general-comment-main .my_streamcontent3_top_left h5 span a,
.my_streamcontent3.main .my_streamcontent3_top_left h5.reply_comment_sec span a,
.content .notifications_message_text h3 span a {
  font-size: 12px;
  font-weight: normal;
  margin-left: 0;
  font-weight: normal;
  text-transform: none;
}

span.userName:hover {
  text-decoration: underline;
  cursor: default;
}

.recent-search21>.selecet_drop-21>.text h1+span.userName,
.rank_list21>.top-contributor.rank-user>.rank_profile_name span.userName {
  margin-left: 0;
}

/* .col-md-12 .basic-info_top .userAboutInfoLeft .userName{
  text-align: left;
} */

.rank_list21>.top-contributor.rank-user .rank_profile_name span.userName .clickedUrl {
  font-weight: normal;
  font-size: 12px;
}

.profile-identity+.flower-meg-addfriend {
  width: 100% !important;
}

.fullNameAndUsername {
  display: flex;
}


.new_friend_request_item:last-child {
  margin-bottom: 0;
}

.main.portfolio_coment .notification_modal_checkbox {
  width: 100%;
}

.main.portfolio_coment .notification_modal_checkbox .notifiy-item.row {
  display: flex;
  align-items: center;

}

/* dark mode toggle aictive */

.active_dark_Mode {
  text-align: right;
}

button.btn.btn-toggle {
  /* color: #6b7381;
  background: #3c3c3c; */
  box-shadow: inset 0px 0px 8px rgb(0 0 0 / 15%) !important;
  border-radius: 39px;
  height: 30px;
  padding: 0;
  float: right;
  position: relative;
  width: 56px;
}

button.btn.btn-toggle .handle {
  position: absolute;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
  background: #cccccc;
  height: 23px;
  width: 23px;
  top: 3px;
  left: 3px;
}

button.btn.btn-toggle.active .handle {
  left: 2.85rem;
  transition: left 0.5s;
  background: #10bb28;
  box-shadow: 0px 0px 30px rgb(16 187 40 / 30%);
}

.dark_mode a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dark_mode a button.btn.btn-toggle {
  height: 20px;
  padding: 0;
  float: right;
  position: relative;
  width: 34px;
  margin-right: 5px;
}

.dark_mode a button.btn.btn-toggle .handle {
  height: 15px;
  width: 15px;
  top: 2px;
}

.dark_mode a button.btn.btn-toggle.active .handle {
  left: 1.3rem;
}

/* .postMentionsInputBox.post-mention-21 div div ul li div{
  display: block
  } */
.color_1_add.color_1_add--multiLine div ul li div .focused_hashtag {
  display: block;
}

.focused_hashtag {
  display: block !important;
}

form#notifications_status label {
  font-size: 15px;
  font-weight: 600;
}

.account_left.contributor_top {
  display: block;
}

.mentions-input-box .emoji_control.keep-inside-clicks-open+div div {
  background: none !important;
}

.mentions-input-box .emoji_control.keep-inside-clicks-open+div div div {
  border: none !important;
}

.sendMessageUserData {
  display: flex;
  align-items: center;
  justify-content: start;
}

.sendMessageUserData span.icon-dot {
  font-size: .6rem;
  margin: 0 4px;
}

.sendMessageUserData h2 span {
  margin: 0 2px;
}

.block_peopleModal {
  float: left;
}

.block_peopleModal .modal-body.modal-body-17 {
  float: left;
  width: 100%;
}

.block_peopleModal .totale_area2.blocked_user_mainpart {
  float: left;
  width: 100%;
  margin: 0;
}

.block_peopleModal .totale_area2.blocked_user_mainpart .notifications_message_image2 {
  float: left;
  height: 45px;
  width: 45px;
}

.block_peopleModal .totale_area2.blocked_user_mainpart .notifications_message_text {
  padding-left: 10px;
}

.block_peopleModal .totale_area2.blocked_user_mainpart .notifications_message_text h3 {
  margin: 0;
  line-height: 15px;
}

.block_peopleModal .totale_area2.blocked_user_mainpart .notifications_message_text h3 a {
  font-size: 15px;
}

/* div#content-x {
  text-align: center;
} */

.light_lff {
  float: left;
}

.closeReactButton {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}

div#dark_Active_modal .modal-header h1 {
  margin-bottom: 10px;
}

div#dark_Active_modal .modal-header h1,
div#dark_Active_modal .modal-header h2.modal-title {
  text-align: center;
  margin: 0;
}

div#dark_Active_modal .modal-header h2.modal-title {
  text-align: center;
}

#dark_Active_modal h1 svg {
  height: 50px;
  width: 50px;
}

#dark_Active_modal h1 svg path.st4 {
  fill: #2687C9;
}

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

div#dark_Active_modal .modal-header h1 {
  margin-bottom: 10px;
}

div#dark_Active_modal .modal-header h1,
div#dark_Active_modal .modal-header h2.modal-title {
  text-align: center;
  margin: 0;
}

div#dark_Active_modal .modal-header h2.modal-title {
  text-align: center;
}

#dark_Active_modal h1 svg {
  height: 50px;
  width: 50px;
}

#dark_Active_modal h1 svg path.st4 {
  fill: #2687C9;
}

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

#dark_Active_modal button.btn.btn-secondary.btn-toggle {
  width: 240px !important;
  height: 45px !important;
}


#dark_Active_modal button.btn.btn-secondary.btn-toggle span {
  float: left;
  display: flex;
  align-items: center;
  min-width: 50%;
  justify-content: center;
  height: 100%;
  border-radius: 20px;
  font-weight: bold;
}


button.btn.btn-secondary.btn-toggle.d_m_active span.l_mode,
button.btn.btn-secondary.btn-toggle.active span.d_mode {
  background: #1388d1;
  color: #fff;
}

div#dark_Active_modal .modal-header .closeReactButton span.icon-close {
  background: #333;
}

.closeReactButton .icon-close {
  background: #2F2F2F;
}

/* updated dark-mode pop-up switch-button */

.active_mode_Button2 {
  display: grid;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 50px;
}

.active_mode_Button2 h2.modal-title {
  color: #555555;
  font-weight: 600;
  margin-bottom: 15px;
}

.switch_tab_items {
  height: 45px !important;
  min-width: 240px !important;
  border-radius: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: inset 0px 0px 8px rgb(0 0 0 / 15%) !important;
}

span.d_mode_no {
  color: #000000ab;
  font-weight: bold;
  height: 45px !important;
  width: 50% !important;
  text-align: center;
  padding: 13px 0 18px 0;
  border-radius: 22px;
}

span.d_mode_yes {
  color: #000000ab;
  font-weight: bold;
  height: 45px !important;
  width: 50% !important;
  text-align: center;
  padding: 13px 0 18px 0;
  border-radius: 22px;
}

span.d_mode_no:hover,
span.d_mode_yes:hover {
  cursor: pointer;
}

.d_activeTab {
  background: #1388d1;
  color: #ffffff;
}

.active_mode_Button2 .switch_tab_items span.d_activeTab.d_mode_no,
.active_mode_Button2 .switch_tab_items span.d_activeTab.d_mode_yes {
  color: #ffffff;
  background: #1388d1;
}

.user.focused_hashtag.focused_hashtag1 .hashtagCount {
  color: gray;
}

.advance-search-paren-21 .advance-search-text21 h2.search_result {
  word-break: break-word;
}

.top-left-menu21__item:last-child,
.top-left-menu21__item:last-of-type:last-child {
  margin-bottom: 0px !important;
}

.img_2_add__suggestions ul#bd6d02a03bd18 li#bd6d02a03bd18-0 .user.focused_hashtag.focused_hashtag1 {
  display: grid !important;
}

ul.color_1_add__suggestions__list li div .focused_hashtag {
  display: block !important;
}


.user.focused_hashtag span.hashtag,
.verified_badge_footer {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px;
  justify-content: space-between;
}

.user.focused_hashtag span.hashtag {
  padding: 5px 0 !important;
}

.multi_step_badge,
.multi_step_badge .gov_id_approve .form-row .form-group .imgPreview {
  float: left;
  width: 100%;
}

.multi_step_badge ul.step_badge {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 100%;
  margin: 0;
}

.multi_step_badge ul.step_badge li {
  height: 45px;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  display: flex;
  align-items: center;
  margin-right: 5px;
  justify-content: center;
}

.multi_step_badge ul.step_badge li span {
  margin-right: 5px;
}

.multi_step_badge ul.step_badge li.btn-success,
.verified_badge_footer .btn-success {
  color: #fff;
  background-color: #28a745 !important;
  border-color: #28a745 !important;
}

.badge_header.modal-header {
  padding-bottom: 15px !important;
  margin-bottom: 1px;
}

.btnTakePicture .btn.takePictureBtn {
  border-radius: 5px;
}

.badge_authentication_otp,
.gov_id_approve,
.setup-content {
  border: 1px solid #ececec;
  border-bottom: none;
}

.badge_authentication_otp .badge_authentication_otp {
  border: none;
}

.gov_id_approve,
.badge_setPicture {
  padding-top: 10px;
}

.user.focused_hashtag span.hashtag {
  color: #2687c9;
}

.user.focused_hashtag.focused_hashtag1 span.hashtag {
  font-weight: 600;
}

/* STARTS: user-verification-badge-css 
--------------- Zahidul Islam ---------------
*/


.chatUserName .user_verification_badge {
  height: 12px;
  width: 12px;
  margin-left: 1px;
}

.post_profile_top .post-user-profile-details .post-upd-name.postUpdName_verificationBadgeLink2 .user_verification_badge {
  height: 12px;
  width: 12px;
  margin-left: 1px;
}

.post-upd-top .post_User_left a.post-upd-name.postUpdName_verificationBadgeLink1 {
  display: flex;
  align-items: center;
}

.post-upd-top .post_User_left a.post-upd-name.postUpdName_verificationBadgeLink1 .user_verification_badge {
  height: 12px;
  width: 12px;
  margin-left: 1px;
}


.portfolio_body_left_view_friends_heading>p a.starContributors_link {
  display: flex;
  align-items: center;
}

.notifications_message_text a.like_userList_Link {
  display: flex;
  align-items: center;
}

.notifications_message_text a.like_userList_Link .user_verification_badge {
  height: 12px;
  width: 12px;
  margin-left: 1px;
}

.user_badge,
h2.verifyText {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0;
  margin-bottom: 10px;
  padding: 10px;
  color: #2687c9;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* zahid */
.socialMediaVerification_main .button_block {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.socialMediaVerification_main .button_block button.btn.verifySocialBtn.btn_twitter {
  background: #1d9bf0;
  border-radius: 5px;
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
}


.socialMediaVerification_main .button_block button.btn.verifySocialBtn.btn_facebook {
  background: #1877f2;
  border-radius: 5px;
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
}

.badgeFooter.modal-footer {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user_badge .user_verification_badge {
  height: 25px;
  width: 25px;
  margin-left: 5px;
}

.user_badge .user_verification_badge .user_verification_svg_icon {
  float: left;
  height: 100%;
  width: 100%;
}

.user_badge .user_verification_badge .user_verification_svg_icon svg {
  float: left;
  height: 100%;
  width: 100%;
}

.modal-backdrop.fade.in {
  z-index: 1040 !important;
}


/* All Notifications Page Badge design */

.notifications_text.main h3 span {
  font-size: 14px !important;
  font-weight: 500 !important;
  padding-left: 0 !important;
  line-height: 21px;
}

span.multiLinkspan {
  /* float: left; */
  display: inline-flex;
}

.notifications_text.main>h3 .nav-notificaiton_date_time>span {
  font-size: 12px !important;
}

.badgeFooter.modal-footer button.btn {
  background: #2687c9 !important;
  /* cursor: not-allowed !important; */
  margin: 0px !important;
  color: #ffffff !important;
}


a.btn-style-white-round.sign-up-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

a.btn-style-white-round.sign-up-btn span.icon-checkmark {
  margin-right: 5px;
}

.top-contributor.topcontibuter-blue.bg-none-color span.icon-Star {
  margin-right: 5px;
  color: #f8f8f8;
  -webkit-text-stroke: 0.15rem #00000094;
}

.groumemberList {
  border-radius: 0 0 10px 10px;
  padding: 10px;
}

.group_section_inner .group_div_inner .group-page-body .posts_wrapper11 .tab-edit-button-area.tab-edit-button-friends-17 {
  margin-bottom: 0;
}

.status_content .cssload-container-div .cssload-div img {
  height: 100% !important;
}

h5.block_User_Message {
  color: #721c24;
  background-color: #f8d7da;
  float: left;
  padding: 7px 5px;
  text-align: center;
  border: 1px solid #f5c6cb;
  width: 100%;
  border-radius: 5px;
}

.message_username h3 .user_badge {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 23px;
  padding: 0;
  margin-bottom: 0;
}

.message_username h3 .user_badge .user_verification_badge .user_verification_svg_icon svg {
  border: none !important;
  margin-right: 0 !important;
}

.accept-deny-main .single-group-accept button.btn-style-white-round.sign-up-btn {
  height: 41px;
  background: rgba(38, 135, 201, 0.1);
  border-radius: 12px;
  border: none !important;
}

.accept-deny-main .single-group-deny button.btn-style-white-round.sign-up-btn {
  background: #ff0000;
  color: #fff;
  border-radius: 12px;
  height: 41px;
  border: none !important;
}

.accept-deny-main .single-group-deny button.btn-style-white-round.sign-up-btn span {
  color: #fff;
}



.gradient_14_preview .imgPostMain h1.sharedTitleView span div span.Linkify.Linkify-mention code,
.gradient_16_preview .imgPostMain h1.sharedTitleView span div span.Linkify.Linkify-mention code,
.gradient_15_preview .imgPostMain h1.sharedTitleView span div span.Linkify.Linkify-mention code,
.gradient_13_preview .imgPostMain h1.sharedTitleView span div span.Linkify.Linkify-mention code {
  color: #fff;
}

.gradient_2_preview .imgPostMain h1.sharedTitleView span div span.Linkify.Linkify-mention code,
.gradient_3_preview .imgPostMain h1.sharedTitleView span div span.Linkify.Linkify-mention code,
.gradient_4_preview .imgPostMain h1.sharedTitleView span div span.Linkify.Linkify-mention code,
.gradient_8_preview .imgPostMain h1.sharedTitleView span div span.Linkify.Linkify-mention code {
  color: #333333;
}

.friends_droupdown_heading .friends-ico21 {
  top: 10px;
}


.filter-nav>ul>li>.parent i {
  left: 6px;
  top: 1px;
  position: relative;
}

.group_div_inner .posts_wrapper11.member_list_view .friends_tab_area-17 .friends_info_bottom {
  position: relative;
  right: 0;
  top: 0;
  width: auto;
}

.group_div_inner .posts_wrapper11.member_list_view .friends_tab_area-17 .friends_info_bottom span.member_owner {
  position: relative;
  left: 0;
}

.group_div_inner .posts_wrapper11.member_list_view .friends_tab_area-17 .friends_info_bottom .friends_info_bottom3.cancelbtn {
  position: relative;
  left: 0;
}

.group_div_inner .posts_wrapper11.member_list_view .friends_tab_area-17 .friends_info_bottom .friends_info_bottom2 {
  margin-right: 5px;
}

/* .group_div_inner .posts_wrapper11.member_list_view .friends_tab_area-17 .friends_info_bottom .friends_info_bottom3 {
  margin-right: 5px;
} */

.group_div_inner .posts_wrapper11.member_list_view .friends_tab_area-17 .friends_info_bottom .friends_info_bottom3:last-child {
  margin-right: 0;
}

.account_main .account_cint.block .account_cont_right .block-button .tabel-body-17 {
  position: absolute;
  top: 50% !important;
  bottom: 0 !important;
  left: 50% !important;
  right: 0 !important;
  text-align: center !important;
  -moz-transition: height 1s ease important;
  -webkit-transition: height 1s ease important;
  -o-transition: height 1s ease important;
  transition: height 1s ease important;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 {
  padding: 25px;
  width: 420px !important;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);
  border-radius: 20px;
}

.account_main .account_cint.block .account_cont_right .block-button .modal-content-bottom2,
.modal-content-rank-all-post {
  width: 100%;
  float: left;
  height: auto;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-header {
  float: left;
  width: 100%;
  padding: 0px !important;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-header .view_all_friends {
  float: left;
  width: 100%;
  position: absolute;
}

.account_main .account_cint.block .account_cont_right .block-button .view_all_friends_heading2 {
  float: left;
  height: auto;
  position: relative;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-header .view_all_friends_heading2 h3 {
  text-align: left;
  margin: 0px;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
}

.account_main .account_cint.block .account_cont_right .block-button .modal-header .close {
  opacity: 1;
  background: #333333 !important;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  position: absolute;
  top: -30px;
  right: -33px;
  text-align: center;
}

.account_main .account_cint.block .account_cont_right .block-button .modal-header .close span {
  font-size: 9pt !important;
}

.account_main .account_cint.block .account_cont_right .block-button .modal-header .close span {
  position: relative;
  top: 1px;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 20px;
  transform: translate(0);
  height: 27px;
  line-height: 24px;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-body.modal-body-17 {
  max-height: 420px !important;
  overflow: auto;
}

.account_main .account_cint.block .account_cont_right .block-button .modal-body-17 {
  padding: 1px !important;
  text-align: center !important;
}

.account_main .account_cint.block .account_cont_right .block-button .content {
  position: relative;
  max-width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-content-bottom2 .view_all_friends_bottom {
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: inline-block;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-content-bottom2 .view_all_friends_bottom:last-child {
  border-bottom: 0;
}

.account_main .account_cint.block .account_cont_right .block-button .totale_area2 {
  height: auto;
  width: 100%;
  float: left;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-content-bottom2 .view_all_friends_bottom .totale_area2 {
  padding: 10px 5px !important;
}

.account_main .account_cint.block .account_cont_right .block-button .notifications_message_image2 {
  float: left;
  height: 45px;
  width: 45px;
}

.account_main .account_cint.block .account_cont_right .block-button .notifications_message_image2 img {
  height: 45px;
  margin-right: 5px;
  width: 45px;
}

.account_main .account_cint.block .account_cont_right .block-button .notifications_message_text {
  max-width: 311px;
  padding: 0 10px;
  height: auto;
  float: left;
  text-align: left;
}

.account_main .account_cint.block .account_cont_right .block-button .notifications_message_text h3 {
  margin: 0 !important;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
}

.account_main .account_cint.block .account_cont_right .block-button .notifications_message_text h3 a {
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
}

.account_main .account_cint.block .account_cont_right .block-button .light_lff span.light2 {
  font-weight: 600;
  font-size: 11px;
  line-height: 15px;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-content-bottom2 .view_all_friends_bottom .add_friend {
  display: inline;
  float: right;
  background: rgba(255, 0, 0, 0.1) !important;
  border-radius: 7px !important;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-content-bottom2 .view_all_friends_bottom .add_friend a button.btn.btn-default.block-pop-btn {
  color: inherit;
  background: initial;
  border-color: inherit;
  border: none !important;
}

.account_main .account_cint.block .account_cont_right .block-button .block-user-content-17 .modal-content-bottom2 .view_all_friends_bottom .add_friend a button.btn.btn-default.block-pop-btn span {
  margin-right: 0;
}

.nominate_modal .table_body .dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17 {
  right: 0 !important;
  left: 50% !important;
}

.nominate_modal .table_body .dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17 ul#content.dropCustome.sdrpmenu.content.dropBoxnav .dropdown-menu.sub-menu li a span.sub-cat-add-img {
  top: 0;
  line-height: 15px;
}

.nominate_modal .table_body .dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17 ul#content.dropCustome.sdrpmenu.content.dropBoxnav .dropdown-menu.sub-menu li a span.sub-cat-add-img svg {
  position: relative;
  left: 0 !important;
  top: 0 !important;
}

.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded {
  float: left;
  width: 100%;
  padding: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded+.posts_wrapper.allpost-body-left {
  margin-top: 15px;
}

.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded .left-site-star-info,
.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded .right-site-star-info {
  font-size: 18px;
  padding: 5px 0;
  float: left;
  width: 50%;
  line-height: 30px;
  margin-bottom: 15px;
}

.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded ul.profile-badge.all-profile-badge {
  padding-left: 0px;
}

.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded ul.profile-badge.all-profile-badge li {
  float: left;
  padding: 5px;
  width: 25%;
}

.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded ul.profile-badge.all-profile-badge li a {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: grid;
  padding: 10px;
}

.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded ul.profile-badge.all-profile-badge li a p {
  display: block;
  text-align: center;
  font-weight: bold;
  margin: 0;
  width: 100%;
  border: none;
}

.portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded ul.profile-badge.all-profile-badge li a p:nth-child(2) {
  line-height: 25px;
  font-size: 11px;
  font-weight: bold;
}

.report-modal .modal-header h5 {
  line-height: 22px;
}

.lbmcamcbr_in_but .custom-common-but.disabled-but .cssload-double-div {
  height: 25px;
  width: 25px;
  position: absolute;
  border-color: transparent rgb(255 255 255) rgb(255 255 255);
  animation: cssload-spin 1.05s infinite linear;
  -o-animation: cssload-spin 1.05s infinite linear;
  -ms-animation: cssload-spin 1.05s infinite linear;
  -webkit-animation: cssload-spin 1.05s infinite linear;
  -moz-animation: cssload-spin 1.05s infinite linear;
}

.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-body {
  padding: 0 !important;
  padding-right: 25px !important;
  overflow-y: auto;
  float: left;
}

.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-header {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}


.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-body .featured-images-wrap .suggested-featured-photo p {
  font-size: 14px;
  float: left;
  width: 100%;
  line-height: 22px;
  margin-bottom: 8px;
  text-indent: 7px;
}

.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-body .featured-images-wrap .suggested-featured-photo .form-group.mob-cmn-cls.col-md-6 {
  padding-top: 0;
}


.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-body .featured-images-wrap .suggested-featured-photo .form-group.mob-cmn-cls.col-md-12 .Dropzone {
  height: auto;
  min-height: auto !important;
  position: relative;
  float: left;
}

.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-body .featured-images-wrap .suggested-featured-photo .form-group.mob-cmn-cls.col-md-12 .new_upload_photos .edit-featurs-images {
  min-height: 20px;
  height: auto;
  margin-top: 0 !important;
}

.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-footer {
  float: left;
  width: 100%;
  padding-right: 25px;
}

.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-footer .action-wrap button.btn.btn-success {
  width: 100% !important;
  float: left;
}


.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-footer .text-danger {
  background: rgba(255, 0, 0, 0.05) !important;
  padding: 14px 10px;
  border-radius: 5px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-footer .text-danger span {
  margin-right: 7px;
}


#dropdown-notificatoin1 #notificatione_new_area_scroll .notifications_area.new-unread-notification {
  position: relative;
}

#dropdown-notificatoin1 #notificatione_new_area_scroll .notifications_area.new-unread-notification::after {
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 50%;
  position: absolute;
  right: 11px;
  bottom: 11px;
}

.friends-find21 {
  justify-content: center;
  text-align: center;
  padding-top: 10px !important;
  min-height: 80px;
}

.friends-find21 .find-with-facebook.facebookshare {
  padding-top: 10px !important;
}

.friends-find21 a.btn.btn-primary.send_friend_invitaion_common_btn {
  margin: 0;
}

.tab-pane.active {
  width: 100%;
  position: relative;
  min-height: 50px;
}

img#fb_loading {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.friends_info_bottom2:hover,
.friends_info_bottom3:hover {
  background: #2687c9 !important;
}

.modal-content.model-popup-inner-17 .modal-footer .action-wrap button.cancleNewEmailBtm {
  background: #dc3545 !important;
  border: 1px solid #dc3545 !important;
  transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  margin-right: 20px !important;
}

.step_popup_cls .find-friend-btn {
  margin-bottom: 15px;
  border-top: 1px solid #c4cad58c;
  padding-top: 25px;
}

.img_2_add__highlighter strong,
.img_3_add__highlighter strong,
.img_4_add__highlighter strong,
.img_5_add__highlighter strong,
.img_6_add__highlighter strong,
.gradient_2_add__highlighter strong,
.gradient_3_add__highlighter strong,
.gradient_4_add__highlighter strong,
.gradient_5_add__highlighter strong,
.gradient_6_add__highlighter strong,
.gradient_7_add__highlighter strong,
.gradient_8_add__highlighter strong,
.gradient_9_add__highlighter strong,
.gradient_10_add__highlighter strong,
.gradient_11_add__highlighter strong,
.gradient_12_add__highlighter strong,
.gradient_13_add__highlighter strong,
.gradient_14_add__highlighter strong,
.gradient_15_add__highlighter strong,
.gradient_16_add__highlighter strong,
.gradient_17_add__highlighter strong,
.gradient_18_add__highlighter strong {
  display: none !important;
}



.my_streamcontent_bottom .imgPostMain h1.sharedTitleView span div span {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}

.my_streamcontent_bottom .imgPostMain h1.sharedTitleView span div span a {
  font-size: 16px;
  line-height: 25px;
}

.is_shared_post .my_streamcontent.main h1.shared_post_titles_on_post span div span span,
.is_shared_post .my_streamcontent.main h1.shared_post_titles_on_post span div span a {
  font-size: 16px;
  line-height: 25px;
}

.img_2_preview .imgPostMain h1.sharedTitleView span div span,
.img_3_preview .imgPostMain h1.sharedTitleView span div span,
.img_4_preview .imgPostMain h1.sharedTitleView span div span,
.img_5_preview .imgPostMain h1.sharedTitleView span div span,
.img_6_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_2_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_3_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_4_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_5_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_6_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_7_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_8_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_9_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_10_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_11_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_12_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_13_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_14_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_15_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_16_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_17_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_18_preview .imgPostMain h1.sharedTitleView span div span {
  margin: 0 !important;
  padding: 0 !important;
  display: inline !important;
  font-size: 25px !important;
  line-height: 34px;
  font-weight: 700 !important;
  font-family: "Helvetica", sans-serif, Arial !important;
}

.img_2_preview .imgPostMain h1.sharedTitleView span div span a,
.img_3_preview .imgPostMain h1.sharedTitleView span div span a,
.img_4_preview .imgPostMain h1.sharedTitleView span div span a,
.img_5_preview .imgPostMain h1.sharedTitleView span div span a,
.img_6_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_2_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_3_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_4_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_5_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_6_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_7_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_8_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_9_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_10_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_11_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_12_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_13_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_14_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_15_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_16_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_17_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_18_preview .imgPostMain h1.sharedTitleView span div span a {
  font-weight: bold !important;
  font-size: 22px !important;
}

.color_1_add__suggestions {
  z-index: 9999 !important;
}

.gradient_9_preview .imgPostMain h1.sharedTitleView span div span a {
  font-weight: bold;
  font-size: 22px;
}

.meme_new_popup_design_19 .my_streamcontent_bottom .imgPostMain h1.sharedTitleView span div a {
  display: inline !important;
  float: inherit;
}

.portfolio_body.group-body.public-group-body .wall-left-col.group_body_left {
  width: 100% !important;
  position: relative;
}

.password_error.alert.alert-success {
  background: #d4edda !important;
  border: 1px solid #155724;
  width: 100%;
  border-radius: 10px !important;
  font-size: 15px;
  font-weight: bold;
  z-index: 1;
  opacity: 1;
}


.fade.nominate_modal.common-post-modal.in.modal .modal-content .hide-nominate-scrollable.modal-body {
  overflow-y: inherit !important;
  float: left;
  width: 100%;
}

.fade.nominate_modal.common-post-modal.in.modal .modal-content .hide-nominate-scrollable.modal-body .model-popup-inner-17 {
  float: left;
  width: 100% !important;
}


.fade.nominate_modal.common-post-modal.in.modal .modal-content .modal-footer {
  float: left;
  width: 100%;
  padding: 0 !important;
  padding-bottom: 10px !important;
}

.fade.nominate_modal.common-post-modal.in.modal .modal-content .modal-footer .col-md-12.add_new_phone {
  width: 130px;
  float: left;
  top: 0;
}

.fade.nominate_modal.common-post-modal.in.modal .modal-content .modal-footer button.cancleNewEmailBtm.cnl-btn {
  margin: 0 !important;
  float: left !important;
}

.fade.nominate_modal.common-post-modal.in.modal .modal-content .modal-footer .add_new_phone {
  float: right;
}

.fade.nominate_modal.common-post-modal.in.modal .modal-content .modal-footer .action-wrap.pull-right {
  margin: 0 10px !important;
}

.fade.nominate_modal.common-post-modal.in.modal .modal-content .modal-footer .action-wrap.pull-right .custom-common-but {
  position: relative;
  top: 0 !important;
  left: 0;
}

.fade.nominate_modal.common-post-modal.in.modal .modal-content .hide-nominate-scrollable.modal-body .model-popup-inner-17 .col-md-12.table_body .col-md-4 .text-danger {
  margin-top: -5px;
  margin-bottom: 5px;
}

.item.search-filter-category-btn {
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  border-radius: 5px !important;
  float: left !important;
  padding: 0 3px;
  width: auto;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item.search-filter-category-btn a {
  float: right;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  line-height: 23px;
  white-space: nowrap;
}

.item.search-filter-category-btn.item_active {
  background: rgb(38 135 201 / 23%);
}

.item.search-filter-category-btn:hover {
  background: rgb(38 135 201 / 15%);
}

.owl-item.active .item.search-filter-category-btn span {
  float: left;
  margin-right: 5px;
  left: 2px !important;
  top: 0 !important;
  transform: translateY(0) !important;
  line-height: 23px;
  font-size: 0.6em;
  position: relative;
}

.owl-nav button span {
  font-size: 1rem;
}

.owl-stage {
  height: 23px;
  overflow: hidden;
  margin-top: 5px;
  display: flex;
  width: fit-content !important;
}

ul.color_1_add__suggestions__list {
  max-width: 240px;
  min-width: 200px;
}

ul.color_1_add__suggestions__list li {
  padding: 5px !important;
  border-bottom: 1px solid #ccc;
  border-top: none !important;
  float: left;
  width: 100%;
}

ul.color_1_add__suggestions__list li:hover {
  background: #2687c9;
}

ul.color_1_add__suggestions__list li div.user {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  min-height: inherit !important;
}

ul.color_1_add__suggestions__list li div.user .userMentionPost {
  float: left;
  height: 26px;
  width: 26px;
  margin-right: 5px;
}

ul.color_1_add__suggestions__list li div.user .userMentionPost div {
  float: left;
  height: 100%;
  width: 100%;
}

ul.color_1_add__suggestions__list li div.user .userMentionPost div img.user_profile_img-2021 {
  float: left;
  height: 100%;
  width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

ul.color_1_add__suggestions__list li div.user svg {
  float: left;
  height: 26px;
  width: 26px;
  margin-right: 5px;
  border: 2px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 2px;
}

ul.color_1_add__suggestions__list li div.user a {
  float: left;
  height: 26px;
  width: 26px;
  margin-right: 5px;
}



.dropdown.dropdown-tip .dropdown-pane-more {
  -moz-box-shadow: 0 0 10px #2687c969;
  -webkit-box-shadow: 0 0 10px #2687c969;
  box-shadow: 0 0 10px #2687c969;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
}

.dropdown.dropdown-tip .dropdown-pane-more .moreOption {
  display: flex;
  align-items: center;
  padding: 8px;
}

.dropdown.dropdown-tip .dropdown-pane-more .moreOption a {
  display: flex;
  align-items: center;
  font-size: 13px !important;
}

.dropdown.dropdown-tip .dropdown-pane-more .moreOption a svg {
  margin-right: 5px;
}


.friends_area__.post_body_left.pd_top_none {
  padding-top: 0 !important;
}

.portfolio_body.contact_body,
.portfolio_body.trems_body {
  min-height: 91.2vh;
  width: 100%;
  position: relative;
  bottom: 0;
}

.portfolio_body.contact_body .container.custom-container .privacy_area.main_topic_margin {
  padding-top: 235px;
  margin-top: 0 !important;
}

.header_buttonClass.modal-header button span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.likeuserList .modal-content {
  padding: 20px 25px;
  float: left;
}

.likeuserList .modal-content .modal-header {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  height: 40px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.likeuserList .modal-content .modal-header .overview_close {
  position: absolute;
  top: -30px;
  right: -35px;
}

.likeuserList .modal-content .modal-header h3 {
  padding: 0;
}


.likeuserList .modal-content .modal-body .more-people-item {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.likeuserList .modal-content .modal-body .more-people-item .col-md-9 {
  padding-left: 0;
}

.likeuserList .modal-content .modal-body .more-people-item .col-md-9 .content .totale_area2 .notifications_message_text h3 {
  margin-top: 0;
  display: flex;
  align-items: center
}

.likeuserList .modal-content .modal-body .more-people-item .more-people-btns {
  top: 0;
  padding-right: 0;
}

ul.user_login_errortextUl li,
.advance-21-post-search,
.advance-21-post-search span,
.checkbox.worked-still.no-mar-top,
.checkbox.worked-still,
.checkbox.worked-still.no-mar-top label,
.checkbox.worked-still label,
.my_streamcontent_like1 .common-tagline .like-inc,
.cover-btn.group-page-btn.joined.more_profile_btn.pending_btn,
#content.feed_filter_ul_210519 li a,
ul.dropdown-menu.post-setting-map li,
.likeuserList .modal-content .modal-body .more-people-item .col-md-9 .content .totale_area2 {
  display: flex;
  align-items: center;
}

.likeuserList .modal-content .modal-body .more-people-item .col-md-9 .content .totale_area2 .notifications_message_image2 .post-user-profile {
  position: relative;
  align-items: center;
}

.likeuserList .modal-content .modal-body .more-people-item .col-md-9 .content .totale_area2 .notifications_message_image2 .post-user-profile svg.user_profile_img-2021.likes {
  height: 41px;
  width: 41px;
}

.likeuserList .modal-content .modal-body .more-people-item .col-md-9 .content .totale_area2 .notifications_message_text {
  padding-left: 10px;
}

.likeuserList .modal-content .modal-footer {
  width: 100%;
  float: left;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}


.likeuserList .modal-content .modal-footer {
  width: 100%;
  margin-top: 20px;
}


ul.wall-category-audiance-21 li span.cat-add-img.cat-add-img21 {
  margin-top: 0 !important;
  margin-right: 0;
}

ul.wall-category-audiance-21 ul li a,
div#popup-post-details .post_profile_top.post_In_Group {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

ul.wall-category-audiance-21 ul li a span.sub-cat-add-img.sub-cat-add-img21 {
  position: initial !important;
  margin-right: 0 !important;
}

.step2_Factor-Authentication h3 {
  text-align: center;
  margin-bottom: 26px;
}

.step2_Factor-Authentication h3 span {
  background: rgba(38, 135, 201, 0.1);
  border-radius: 15px;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.step2_Factor-Authentication h4 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
}

.step2_Factor-Authentication p {
  font-size: 15px;
  line-height: 27px;
  text-align: center;
  margin-bottom: 10px;
}

.activate_authentication {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
  font-weight: 600;
  font-size: 15px;
}

.activate_authentication .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.activate_authentication .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.activate_authentication .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.activate_authentication .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 2px;
  background: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.activate_authentication input:checked+.slider {
  background: #2196f3;
}

.activate_authentication input:focus+.slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.activate_authentication .slider.round {
  height: 30px;
  width: 60px;
  -moz-border-radius: 34px;
  -webkit-border-radius: 34px;
  border-radius: 34px;
}

.activate_authentication .slider.round:before {
  border-radius: 50%;
}

.emailvarified {
  overflow: hidden;
  box-shadow: 0px 4px 30px rgb(0 0 0 / 6%);
  border-radius: 20px;
  margin: 0 auto;
  padding: 40px;
}


button.btn.btn-Confirm {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  background: #2687c9;
  border-radius: 12px;
  width: 100%;
  height: auto;
  padding-top: 12px;
  float: right;
}


.step2_Factor-otp h3 {
  font-size: 35px;
  font-weight: 600;
  line-height: 47px;
}

.step2_Factor-otp .user_info_otp {
  float: left;
  display: flex;
  width: 100%;
  align-items: center;
  margin: 20px 0;
}

.step2_Factor-otp .user_info_otp .user_pic {
  float: left;
  width: 43px;
  height: 43px;
  background: #e3e8ec;
  border-radius: 50%;
  margin-right: 13px;
}

.step2_Factor-otp p.otp_sender {
  line-height: 30px;
  font-size: 15px;
  margin-bottom: 30px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.step2_Factor-otp p.otp_sender label {
  display: block;
  font-weight: 600;
}


.opt_fild label {
  display: block;
  line-height: 30px;
  margin-bottom: 5px;
}

input.opt_input {
  box-sizing: border-box;
  border-radius: 12px;
  height: 55px;
  text-align: center;
  width: 55px !important;
  margin-right: 10px;
  font-size: 17px;
}

button.btn.btn_continue {
  width: 100%;
  float: left;
  margin: 25px 0;
  height: 50px;
  background: #2687c9;
  border-radius: 12px;
  font-weight: bold;
  font-size: 15px;
}

.alert.alert-success {
  font-weight: bold;
  display: flex;
  align-items: center;
  float: left;
  width: 100%;
  z-index: 1;
}

.alert.alert-success span.successSvg {
  float: left;
  background: rgba(107, 191, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.passwordNew h3 {
  font-size: 35px;
  font-weight: 600;
  line-height: 47px;
}

.passwordNew p {
  margin: 18px 0;
  font-size: 16px;
  line-height: 30px;
}

.passwordfrom .form-group {
  margin-bottom: 10px;
  padding-top: 10px;
}

.passwordfrom .form-group label {
  margin-bottom: 8px;
  float: left;
  width: 100%;
}

.passwordfrom input.form-control {
  box-sizing: border-box;
  border-radius: 12px;
  height: 55px;
  width: 100%;
  font-size: 17px;
  padding: 0 20px;
}

button.btn.btn_reset {
  width: 100%;
  float: left;
  margin: 5px 0;
  height: 50px;
  background: #2687c9;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  padding-top: 0;
  font-weight: bold;
  font-size: 15px;
  line-height: 50px;
}

.changPass_done {
  padding: 70px 40px !important;
}

.passwordChanged h3.passChange {
  display: flex;
  align-items: center;
  width: 80%;
  margin: 0 auto;
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 15px;
}

.passwordChanged h3.passChange span {
  height: 45px;
  width: 45px;
  background: rgba(107, 191, 0, 0.1);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: flex;
  float: left;
  align-items: center;
  justify-content: center;
  margin-right: 35px;
  position: relative;
}

.passwordChanged h3.passChange span::after {
  position: absolute;
  content: "";
  height: 45px;
  width: 1px;
  background: #eee;
  left: 65px;
}

.passwordChanged p.otp_sender {
  font-size: 15px;
  line-height: 25px;
  text-align: center;
  margin: 15px 0;
}

.logNow {
  width: 34%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

button.btn.btn_loginNow {
  margin: 5px 0;
  height: 40px;
  background: #2687c9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  padding: 10px 20px;
}

.alert.alert-success {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 1;
}

.modal-backdrop .modal-dialog .modal-content .modal-footer {
  padding: 0 !important;
}

.croping-modal .modal-dialog {
  max-width: 880px;
  min-width: 880px !important;
  opacity: 1;
}

.croping-modal .modal-dialog .modal-content {
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  border: none;
}

.cropper-main .container-buttons {
  border: none !important;
}

.cropper-main .container-buttons button {
  background: #1388d1;
  border: none;
  border-radius: 5px;
  padding: 5px 20px;
  font-size: 16px;
  letter-spacing: 1px;
}

.activate_startCheckup {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
}

.activate_startCheckup button.btn.btn-startCheckup {
  width: 153px;
  height: 50px;
  background: #2687c9;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-weight: bold;
}

.any_messaage_step2 h3.icon-check {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

h3.icon-check {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0px;
}

.any_messaage_step2 h3.icon-check span {
  height: 50px;
  width: 50px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(107, 191, 0, 0.1);
}

.any_messaage_step2 .step2_Factor-Authentication p {
  margin-bottom: 30px;
}

.login-section-two_factor {
  text-align: center;
}

.login-section-two_factor .btn.btn_goHome {
  width: 137px;
  height: 50px;
  background: rgba(38, 135, 201, 0.1);
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  box-shadow: none;
  margin-top: 20px;
  font-weight: bold;
}

.wrongMess {
  text-align: center;
  float: left;
  width: 100%;
  margin-bottom: 5px !important;
}

ul.validation_password {
  display: block;
  -moz-box-shadow: 0px 16px 35px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 16px 35px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 16px 35px rgba(0, 0, 0, 0.05);
  -moz-border-radius: 0px 0px 20px 20px;
  -webkit-border-radius: 0px 0px 20px 20px;
  border-radius: 0px 0px 20px 20px;
  position: absolute;
  padding: 20px;
  z-index: 10;
  top: 85px;
  min-width: 100%;
}

ul.validation_password li {
  font-size: 14px;
  margin-bottom: 10px;
}

ul.validation_password li:last-child {
  margin-bottom: 0;
}

.pass_success:before {
  position: relative;
  content: "\e95d";
  font-family: "icomoon";
  margin-right: 10px;
  font-size: 12px;
}

.pass_error:before,
.nameText::before {
  position: relative;
  content: "\e965";
  font-family: "icomoon";
  margin-right: 10px;
  font-size: 12px;
}

.pass_error:before {
  position: relative;
  content: "\e965";
  font-family: "icomoon";
  margin-right: 10px;
  font-size: 12px;
}

.modal-backdrop.fade.in {
  opacity: 1 !important;
  background: #0000009c;
  /* z-index: 999999; */
}

div#dark_Active_modal {
  z-index: 999999;
}

.login_validation {
  float: left;
  width: 100%;
  position: relative;
}

.login_validation ul.validation_password {
  top: 0;
  width: 100%;
}

.modal-dialog.new-model-17 {
  margin: 80px auto !important;
}

.modal-content.model-popup-inner-17 .modal-body {
  max-height: 80vh !important;
  padding-top: 10px;
}


.modal-content.model-popup-inner-17 .modal-body form .form-group {
  padding-top: 0;
}

.modal-content.model-popup-inner-17 .modal-footer {
  padding: 0;
  margin-top: 10px;
}

.modal-content.model-popup-inner-17 .modal-footer .action-wrap .education-permission-top .permission-but-all .permissionDropbox.dropdown {
  position: relative;
  right: 0;
  margin-top: 0;
  margin-left: 0;
  bottom: 0;
}

.modal-content.model-popup-inner-17 .modal-footer .action-wrap button {
  margin-top: 0 !important;
  margin-right: 0 !important;
}

.portfolio_body .wall-left-col .about_edit .user_experince .form-group.col-md-6 .select-dropdown-one {
  width: 48%;
  float: right;
}

.modal-dialog.new-model-17 {
  min-width: 720px;
}

.portfolio_body_right2.stopscroll.main.account-cls {
  width: 85% !important;
}

.tour-tooltip-new-post-text {
  left: -265px;
}

.tour-tooltip-new-post-category {
  left: 100%;
  width: 300px;
  top: -85px;
  text-align: center;
}

ul.postMOdalPopup#content li a span.cat-name svg {
  left: 10px !important;
  top: 8px;
}

.singelCategory_FilterNav {
  padding-top: 5px !important;
}


.singelCategory_FilterNav a.trigger.right-caret.cat-nav-org.srcaBox {
  padding: 0px 8px;
  margin-bottom: 6px;
}

ul#content.feed_filter_ul_210519 li a svg {
  top: 8px;
  left: 5px;
}

ul#content.feed_filter_ul_210519 li a span.sub-cat-add-img div svg {
  margin-left: 6px !important;
}

ul.user_login_errortextUl {
  margin-bottom: 15px !important;
  display: block;
  align-items: center;
}


ul.user_login_errortextUl span.svg.error-svg {
  width: auto !important;
  height: auto !important;
}

ul.user_login_errortextUl li span.login_errortext {
  font-size: 12px;
  float: left;
  width: 90% !important;
  margin-right: 0 !important;
  text-align: left;
  font-weight: 500;
  height: auto;
  line-height: 22px;
}

ul.user_login_errortextUl li span.login_errortext a {
  font-size: 12px;
}

ul.institute_dropdown_list {
  width: 94% !important;
  margin: 0 auto;
  margin-left: 15px;
}

#educationEditNewModal .form-control {
  width: 100%;
}

#educationEditNewModal textarea.form-control {
  width: 98%;
  margin: 0 auto;
}


.top-profile-right-image {
  float: left;
  max-width: 37px;
}

.avat-main17.profile_popup.wall-avatar-21 svg.default_user_photo {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

.profileUserName {
  margin-bottom: 12px !important;
}

h3.userHeadLine {
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

address.userAddress {
  padding-bottom: 25px !important;
  border-bottom: 1px solid #eee;
  margin-top: 0 !important;
  margin-bottom: 25px !important;
}

.portfolio_coment .basic-info p {
  font-weight: 500;
}

.portfolio_coment .basic-info p b {
  font-weight: normal !important;
  margin-right: 4px;
}

.portfolio_coment h3 {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 22px;
}

.default_user_icon {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 25px;
  width: 30px;
  top: 9px;
  position: relative;
  margin-right: 5px;
}

.search-filter-title.search-filter-title-2021.usertour-tendingfeedfilter.bootstro-highlight {
  z-index: 99991;
}

div.custom-common-but.disabled-but.signup-loading {
  text-align: center;
  background: radial-gradient(#ffffff6b, #ffffff00);
  position: absolute;
  top: 0;
  width: 100%;
  height: 50px;
  top: 0;
}

div.custom-common-but.disabled-but.signup-loading .cssload-double-div {
  margin: 0 auto;
  top: 10px;
  position: relative;
}

button.btn-style-#ffffff-round.sign-up-btn {
  position: relative;
  background: #e9f3f9;
  border: none;
  height: 42px;
  width: 100px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

button.btn-style-#ffffff-round.sign-up-btn span {
  margin-right: 4px;
}

button.btn-style-#ffffff-round.sign-up-btn .custom-common-but.disabled-but.signup-loading {
  height: 40px !important;
  width: 100% !important;
  left: 0 !important;
  top: 5px !important;
}

ul.color_1_add__suggestions__list,
ul.img_2_add__suggestions__list,
ul.img_3_add__suggestions__list,
ul.img_4_add__suggestions__list,
ul.img_5_add__suggestions__list,
ul.gradient_4_add__suggestions__list,
ul.gradient_5_add__suggestions__list,
ul.gradient_6_add__suggestions__list,
ul.gradient_7_add__suggestions__list,
ul.gradient_8_add__suggestions__list,
ul.gradient_9_add__suggestions__list,
ul.gradient_10_add__suggestions__list,
ul.gradient_11_add__suggestions__list,
ul.gradient_12_add__suggestions__list,
ul.gradient_13_add__suggestions__list,
ul.gradient_14_add__suggestions__list,
ul.gradient_15_add__suggestions__list,
ul.gradient_16_add__suggestions__list,
ul.gradient_17_add__suggestions__list,
ul.gradient_18_add__suggestions__list {
  max-height: 200px !important;
  overflow-y: auto;
  border-radius: 10px;
  box-shadow: 0 0 10px #e9f3f9;
  max-width: 245px;
}

ul.color_1_add__suggestions__list li div.user svg,
ul.img_2_add__suggestions__list li div.user svg,
ul.img_3_add__suggestions__list li div.user svg,
ul.img_4_add__suggestions__list li div.user svg,
ul.img_5_add__suggestions__list li div.user svg,
ul.gradient_4_add__suggestions__list li div.user svg,
ul.gradient_5_add__suggestions__list li div.user svg,
ul.gradient_6_add__suggestions__list li div.user svg,
ul.gradient_7_add__suggestions__list li div.user svg,
ul.gradient_8_add__suggestions__list li div.user svg,
ul.gradient_9_add__suggestions__list li div.user svg,
ul.gradient_10_add__suggestions__list li div.user svg,
ul.gradient_11_add__suggestions__list li div.user svg,
ul.gradient_12_add__suggestions__list li div.user svg,
ul.gradient_13_add__suggestions__list li div.user svg,
ul.gradient_14_add__suggestions__list li div.user svg,
ul.gradient_15_add__suggestions__list li div.user svg,
ul.gradient_16_add__suggestions__list li div.user svg,
ul.gradient_17_add__suggestions__list li div.user svg,
ul.gradient_18_add__suggestions__list li div.user svg {
  float: left;
  width: 26px;
  height: 26px;
  border: 2px solid #fff;
  margin-right: 5px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.userMentionPost {
  border: 2px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 26px;
  width: 26px;
  float: left;
  margin-right: 5px;
}

.userMentionPost img.user_profile_img-2021 {
  float: left;
  height: 100%;
  width: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}


ul.color_1_add__suggestions__list+.emoji-icon-21,
ul.img_2_add__suggestions__list+.emoji-icon-21,
ul.img_3_add__suggestions__list+.emoji-icon-21,
ul.img_4_add__suggestions__list+.emoji-icon-21,
ul.img_5_add__suggestions__list+.emoji-icon-21,
ul.gradient_4_add__suggestions__list+.emoji-icon-21,
ul.gradient_5_add__suggestions__list+.emoji-icon-21,
ul.gradient_6_add__suggestions__list+.emoji-icon-21,
ul.gradient_7_add__suggestions__list+.emoji-icon-21,
ul.gradient_8_add__suggestions__list+.emoji-icon-21,
ul.gradient_9_add__suggestions__list+.emoji-icon-21,
ul.gradient_10_add__suggestions__list+.emoji-icon-21,
ul.gradient_11_add__suggestions__list+.emoji-icon-21,
ul.gradient_12_add__suggestions__list+.emoji-icon-21,
ul.gradient_13_add__suggestions__list+.emoji-icon-21,
ul.gradient_14_add__suggestions__list+.emoji-icon-21,
ul.gradient_15_add__suggestions__list+.emoji-icon-21,
ul.gradient_16_add__suggestions__list+.emoji-icon-21,
ul.gradient_17_add__suggestions__list+.emoji-icon-21,
ul.gradient_18_add__suggestions__list+.emoji-icon-21 {
  z-index: -1 !important;
}

.almost-done-21-signup .custom-common-but.disabled-but.signup-loading {
  top: 50% !important;
  width: 100% !important;
  height: 51px !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

.message-signup-text {
  margin-bottom: 30px;
}

.croping-modal .overview_close {
  top: 30px;
  right: 15px;
  z-index: 1;
}

.modal-body .form-group .input-group input.web-site-input {
  padding-left: 100px;
}

button.share-option {
  margin-left: 5px;
  min-width: 45px;
  padding: 7.5px 8px;
}

button.share-option span.caret {
  margin-left: 5px;
}

.add-style.story_section {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 10px;
}

.add-style.story_section label {
  width: auto !important;
  margin-bottom: 0;
}

.add-style.story_section label i {
  font-weight: bold;
  text-transform: capitalize;
}

.add-style.story_section .changes-cls {
  margin: 0 !important;
}


a.view_post {
  width: 90px;
  height: 30px;
  line-height: 30px !important;
  font-size: 13px !important;
  text-align: center;
  float: right;
  background: #e9f3fa;
  margin-left: 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.my_streamcontent2.main.after_comment.comment_reply_row {
  display: block;
}

.left-ranking-title p {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.left-ranking-title p a {
  position: relative !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  right: 0 !important;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 20px;
}

textarea#wallfeed_post_input_box {
  overflow-y: auto !important;
}

textarea#wallfeed_post_input_box::-webkit-scrollbar,
.gov_id_approve::-webkit-scrollbar,
#content::-webkit-scrollbar,
textarea#post_content_text_modal_edit_mode::-webkit-scrollbar {
  width: 5px;
}

textarea#wallfeed_post_input_box::-webkit-scrollbar-track,
#content::-webkit-scrollbar-track,
.gov_id_approve::-webkit-scrollbar-track,
textarea#post_content_text_modal_edit_mode::-webkit-scrollbar-track {
  background: #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

textarea#wallfeed_post_input_box::-webkit-scrollbar-thumb,
.gov_id_approve::-webkit-scrollbar-thumb,
#content::-webkit-scrollbar-thumb,
textarea#post_content_text_modal_edit_mode::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.groupImages {
  height: 60px !important;
  width: 60px !important;
  float: left;
}

.group-sections-wrap .react-multi-carousel-track li.react-multi-carousel-item svg {
  height: 60px;
  width: 60px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  float: left;
}

.single-group-title {
  float: left;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
}

.single-group-title a {
  font-size: 15px;
  font-weight: 600;
}

.fixed-P-alert-container .alert.alert-success {
  float: left;
  min-height: 60px;
  line-height: 30px;
  clear: both;
  width: auto;
}

.fixed-P-alert-container .alert.alert-success span.svg {
  background: rgba(107, 191, 0, 0.1) !important;
  float: left;
  width: 30px !important;
  height: 30px !important;
  margin-right: 0 !important;
}

.fixed-P-alert-container .alert.alert-success span:nth-child(2) {
  min-width: 50% !important;
  max-width: 90% !important;
  margin: 0 !important;
  margin-right: 0 !important;
  margin-left: 10px !important;
  font-weight: normal;
  line-height: 20px;
  display: flex;
}

.fixed-P-alert-container .alert.alert-success span:nth-child(2) div span {
  float: left;
  width: 100%;
  margin-right: 0 !important;
}

.fixed-P-alert-container .alert.alert-success span:nth-child(2) div span code,
.fixed-P-alert-container .alert.alert-success span:nth-child(2) div span code span {
  font-size: 14px;
}

.fixed-P-alert-container .alert.alert-success span {
  float: left;
  width: auto;
  background: none;
}

.fixed-P-alert-container .alert.alert-success span code {
  line-height: 30px;
}

.advancesearch_main .imgPostMain-advance-21 .search_text_link_warp .sharedTitleView span {
  line-height: 24px;
}

h1.shared_post_titles_on_post {
  float: left;
  width: 100%;
  margin: 0;
}

.forFitfriendsFF .friends_info .friends_info_top .friends_info_topimg {
  height: 45px;
  width: 45px;
  float: left;
}

.forFitfriendsFF .friends_info .friends_info_top .friends_info_topimg a {
  float: left;
  width: 100%;
  height: 100%;
}

.forFitfriendsFF .friends_info .friends_info_top .friends_info_topimg a img.user_profile_img-2021 {
  float: left;
  width: 45px;
  border: 0px solid #fff !important;
  height: 45px;
}

.forFitfriendsFF .friends_info .friends_info_bottom {
  display: flex;
  align-items: center;
  justify-content: center !important;
}

ul li div.user a {
  float: left;
  height: 30px;
  width: 30px;
}

ul.react-autofocus__suggestions__list {
  max-height: 200px;
  max-width: 230px;
}

.user .mentionUserImage img {
  border: 2px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.my_streamcontent_bottom.gradient_10_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_12_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_11_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_13_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_14_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_15_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_16_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_17_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_18_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_2_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_3_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_4_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_5_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_6_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_7_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_8_preview span div span.Linkify code,
.my_streamcontent_bottom.gradient_9_preview span div span.Linkify code,
.my_streamcontent_bottom.img_2_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
.my_streamcontent_bottom.img_3_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
.my_streamcontent_bottom.img_4_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
.my_streamcontent_bottom.img_5_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
.my_streamcontent_bottom.img_6_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
.my_streamcontent_bottom.img_7_preview .imgPostMain h1.sharedTitleView span div span.Linkify code,
.my_streamcontent_bottom.img_8_preview .imgPostMain h1.sharedTitleView span div span.Linkify code {
  font-size: 22px !important;
  line-height: 32px !important;
  font-weight: 700 !important;
}

.post_body_left .status_content .imgPostMain h1.sharedTitleView span.Linkify.Linkify_loadless code {
  font-size: 16px !important;
  line-height: 25px;
  font-weight: 400 !important;
}

li div.user {
  text-align: left;
  display: flex;
  align-items: center;
  color: #2687c9;
  ;
}

li div.user span.icon-user.user_profile_img-2021.likes {
  border: 2px solid #2687c9;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 26px;
  width: 26px;
  float: left;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
}

.image-start-container .post_profile_pic_star-2021 {
  position: absolute !important;
  top: 0;
}

.featured-images-wrap .suggested-featured-photo .edit-featured-popup .new_upload_photos {
  position: relative;
  float: left;
  width: 100%;
}

p.data-not-found {
  text-align: center;
  padding-top: 10px;
}

section.emoji-mart-category {
  float: left;
  width: 100%;
  margin: 5px 0;
}

button.emoji-mart-anchor.emoji-mart-anchor-selected span.emoji-mart-anchor-bar {
  background: #2286c9 !important;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .mentions-input-box div div ul {
  width: 100%;
  min-height: 30px;
  overflow-y: auto;
  right: 0;
  z-index: 999;
  float: left;
  max-width: 300px;
  max-height: 300px;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .mentions-input-box div div ul li {
  float: left;
  width: 100%;
  padding: 5px 10px !important;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .mentions-input-box div div ul li .user {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 !important;
  background: red;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .mentions-input-box div div ul li .user div {
  padding: 0 !important;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .mentions-input-box div div ul li .user svg.user_profile_img-2021.likes {
  border: 2px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 2px;
  margin-right: 5px;
  height: 26px !important;
  min-width: 26px !important;
  max-width: 26px;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .mentions-input-box div div ul li .user div img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 26px !important;
  width: 26px !important;
  margin-right: 5px;
  border: 2px solid #fff;
}

.verification-continue {
  top: 25px !important;
}

.profile-card.prowrep.right-mar-pad div#profile-img-popub_profile_complete {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.avat-main17.profile_popup .profile-card.prowrep.right-mar-pad div#profile-img-popub_profile_complete {
  clear: both;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 140px;
  width: 140px;
}

.well-name-wrapper-21-edit-post .emoji-edit-post-21 .capturePost {
  box-shadow: none !important;
  height: 100%;
  width: 100%;
  min-height: inherit !important;
}

.profileCover-Nav .container-nav-21 ul.profile-nav {
  margin-bottom: 18px;
}

.portfolio_body_left_impruve.profile-progress {
  padding: 5px 30px !important;
}

.portfolio_body_left_impruve.profile-progress .portfolio_body_left_impruve2 {
  float: left;
  margin: 0 !important;
}


.newpostmodals.common-post-modal21 .modal-content .modal-body .flypost_box {
  margin-top: 0;
}

section.emoji-mart-category ul.emoji-mart-category-list {
  width: 100% !important;
  height: auto !important;
  box-shadow: none;
  overflow: inherit !important;
}

section.emoji-mart-category ul.emoji-mart-category-list li {
  float: left;
  width: auto !important;
}

section.emoji-mart-category ul.emoji-mart-category-list li button.emoji-mart-emoji {
  padding: 4px;
  cursor: pointer;
}

.morelike-profile-stars .image-start-container svg {
  height: 25px;
  width: 25px;
}

.right_chatBox .chat-user-avatar-wrap .image-start-container svg,
.right_chatBox .chat-user-avatar-wrap .image-start-container img {
  height: 100%;
  width: 100%;
}

.demo_images {
  z-index: 99999999999999999;
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.5s linear;
}

.cssbox_full img {
  position: fixed;
  background: #ffffff;
  margin: 0;
  padding: 0;
  max-height: 85%;
  max-width: 100%;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 20px black;
  min-width: auto;
  object-fit: cover;
}

.demo_images button.btn.btn_left {
  top: 50%;
  position: absolute;
  left: 5%;
  z-index: 99;
}

.demo_images button:hover {
  background: #1388d1;
}

.demo_images button.btn.btn_right {
  top: 50%;
  right: 5%;
  position: absolute;
}

a.prev-delete {
  position: absolute;
  left: 50%;
  top: 1%;
  transform: translate(-50%, -1%);
  display: flex;
  align-items: center;
  font-size: 15px;
}

a.prev-delete svg {
  margin-left: 5px;
}

.demo_images button.close {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: none;
  font-size: 0.7em;
  font-weight: normal;
  top: 10px;
  position: absolute;
  right: 15px;
  opacity: 1;
  background: #080606;
  z-index: 99999999999;
}

.demo_images button.close:hover {
  opacity: 1;
}

.info-edit-popup.user_education .form-group label {
  height: 25px;
  line-height: 25px !important;
}

div#HonorsAndAwards .modal-body form .form-row {
  float: left;
  margin: 0;
}

div#HonorsAndAwards .modal-body form .form-row .form-group label,
#EditHonorsAndAwards .modal-body form .form-row .form-group label {
  height: 25px;
  line-height: 25px !important;
}

div#HonorsAndAwards .modal-body form .form-row .form-group .form-group,
div#EditHonorsAndAwards .modal-body form .form-row .form-group .form-group {
  margin-bottom: 0;
}

.step_popup_cls .loginsignup-body.modal-body.modal-body .multi_step_form div.setup-content {
  margin: 0;
  width: 100%;
}

.step_popup_cls .loginsignup-body.modal-body.modal-body .multi_step_form div.setup-content .col-md-12.res-width {
  padding: 0 !important;
}

.step_popup_cls .loginsignup-body.modal-body.modal-body .multi_step_form div.setup-content .col-md-12.res-width .form_all_for_complete {
  padding-right: 8px;
}

.modal-body::-webkit-scrollbar {
  width: 8px;
}

.modal-body::-webkit-scrollbar-track {
  background: #f2f2f2;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.modal-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

#myModalLabel {
  padding-left: 15px !important;
}

.leftBottomPushNotification_notify .notifications_text {
  float: left;
  width: 84%;
  margin-left: 5px;
}

.leftBottomPushNotification_notify .notifications_image {
  float: left;
  height: 26px;
  width: 26px;
  left: 0 !important;
}

.leftBottomPushNotification_notify .notifications_area {
  padding: 0;
}

.post_right_side .portfolio_body_right4.main.status_content .is_shared_posted .my_streamcontent.main .post_profile_top {
  display: inherit !important;
}

.tour-tooltip-wall-category .arrow {
  top: 12% !important;
}

div#HonorsAndAwards .modal-dialog.new-model-17,
div#EditHonorsAndAwards .modal-dialog.new-model-17,
div#education .modal-dialog.new-model-17,
div#educationEditNewModal .modal-dialog.new-model-17,
div#SitesAndSocialLinks .modal-dialog.new-model-17,
div#editSitesAndSocialLinks .modal-dialog.new-model-17,
div#certifications .modal-dialog.new-model-17,
div#Editcertifications .modal-dialog.new-model-17,
div#experiences .modal-dialog.new-model-17,
div#Editexperiences .modal-dialog.new-model-17 {
  min-width: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin: 1% auto !important;
  height: 96vh;
}

div#HonorsAndAwards .modal-dialog.new-model-17 .modal-content.model-popup-inner-17,
div#EditHonorsAndAwards .modal-dialog.new-model-17 .modal-content.model-popup-inner-17,
div#editSitesAndSocialLinks .modal-dialog.new-model-17 .modal-content.model-popup-inner-17,
div#educationEditNewModal .modal-dialog.new-model-17 .modal-content.model-popup-inner-17 {
  margin-top: 0;
  transform: rotateY(0);
}

#profile_preview .post-user-profile a {
  float: left;
  height: 100%;
  width: 100%;
}

#profile_preview .post-user-profile a .user-post-pic-holder {
  float: left;
  height: 100%;
  width: 100%;
}

#profile_preview .post-user-profile a .user-post-pic-holder img.myProfileImage {
  float: left;
  height: 100%;
  width: 100%;
}

#profile_preview .post-user-profile .image-start-container svg.user_profile_img-2021.likes {
  height: 100%;
  width: 100%;
  border: none !important;
}

.share_post_cont_main21 .post_profile_top .post-user-profile a {
  height: 100%;
  width: 100%;
  float: left;
}

.share_post_cont_main21 .post_profile_top .post-user-profile a .image-start-container svg {
  height: 100%;
  width: 100%;
}

#profile_preview .image-start-container div {
  float: left;
  height: 100%;
  width: 100%;
}

#profile_preview .image-start-container div img.user_profile_img-2021 {
  border: none !important;
  height: 100%;
  width: 100%;
}

.is_shared_post .my_streamcontent.main h1.shared_post_titles_on_post {
  float: left;
  margin-bottom: 10px;
  float: left;
}

.is_shared_post .my_streamcontent.main h1.shared_post_titles_on_post span div code {
  font-size: 15px;
  display: inline;
}

.custom-common-but.login-loader.disabled-but.signup-loading.verification-continue {
  top: 5px !important;
}

#blockuser .notifications_message_image2 a {
  height: 100%;
  width: 100%;
}

#blockuser .notifications_message_image2 a svg.user_profile_img-2021.likes.dfaultImage {
  height: 100%;
  width: 100%;
}

.share-text-21 h1.share-text_cont_main17.gradient_4_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_5_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_6_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_7_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_8_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_9_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_10_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_11_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_12_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_13_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_14_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_15_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_16_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_17_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_18_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_19_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_1_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_2_preview span div span code span,
.share-text-21 h1.share-text_cont_main17.gradient_3_preview span div span code span {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  text-align: center;
}

.modal-content {
  max-height: 98vh;
  min-width: 550px;
  float: left;
}

@media only screen and (min-width: 1152px) and (max-width: 1279px) {
  .WallDragDivShow {
    height: 22rem !important;
    width: 441px !important;
  }

  .post-user-profile-details {
    width: 87% !important;
  }

  .portfolio_body_left_impruve.profile-progress {
    padding: 0 !important;
  }

  .general-comment-main .my_streamcontent3_top_left.left3 {
    width: 96%;
  }

  .my_streamcontent_post_date.my_streamcontent_post_date_view.comment_reply_show_comment {
    width: auto;
  }

  .wall-left-col .LeftSideBar-main .left-sidebar-main17 .featured_images ul.current-featurs li {
    float: left;
    width: 50%;
    margin-top: 10px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right {
    width: 70% !important;
    max-width: 70% !important;
    float: left;
    margin-left: 25%;
  }

  .portfolio_body_message_left {
    padding-left: 0;
    width: 25%;
  }

  .portfolio_body_message_center {
    width: 45%;
  }

  .main.message_page .portfolio_body_message_right {
    width: 30%;
  }

  .portfolio_body_message_left .post_body_left {
    padding: 5px;
  }

  .message_text.msg_sender.msg_sender_17 span {
    display: none;
  }

  .recentactive_message_area {
    padding: 5px;
    height: 60px;
  }

  .all_photo_gallery_area .portfolio_body_message_right .messageRight p.likes-friends {
    padding-left: 0px;
  }

  .all_photo_gallery_area .portfolio_body_message_center .portfolio_message21 .message_area_top_heading .single-settings {
    width: 30px;
  }

  .fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content #popup-post-details .post_left_side,
  .fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content #popup-post-details .post_right_side {
    min-width: 450px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right {
    width: 49% !important;
    max-width: 49% !important;
    float: left;
    margin-left: 28%;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right .stopscroll.main.account-cls {
    width: 100% !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right .stopscroll.main.account-cls .account_setting_left {
    width: 100% !important;
    float: none;
    margin-bottom: 20px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right .stopscroll.main.account-cls .account_setting_right {
    width: 100% !important;
    float: none;
    height: 447px;
    max-height: 448px;
    overflow-y: auto;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right .stopscroll.main.account-cls .account_setting_right::-webkit-scrollbar {
    display: none;
  }

  .portfolio_body_right .main.portfolio_coment.menuContentHide.badgemenuContentHide.bootstrostarsinfo.loaded ul.profile-badge.all-profile-badge li {
    width: 33.33% !important;
  }

  .friends_droupdown .dropdown {
    left: -100px !important;
  }

  .portfolio_header .container2021 .main .search_hide1.search_hide21 .search_hide3 .logo_area {
    margin-right: 20px;
  }

  .site-nav-mid.site-nav-mid-continer__snm21.top_header_menu_button.open_top_header_menu_button {
    margin-top: 5px !important;
  }

  .site-nav-mid.site-nav-mid-continer__snm21.top_header_menu_button.open_top_header_menu_button .virticalmenu_li {
    font-size: 12px;
    padding: 6px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }

  .site-nav-mid.site-nav-mid-continer__snm21.top_header_menu_button.open_top_header_menu_button .virticalmenu_li a h6 {
    margin: 0;
    font-size: 13px !important;
  }

  .menu2021.friends2021 {
    padding-right: 7px !important;
  }

  span.text-menu-top,
  span.home-text {
    display: none !important;
  }

  .notifications,
  .message {
    width: auto;
  }

  .carousel-inner>.item>div>.span1 {
    width: 28px;
  }

  .portfolio_body .container .custom-container.wall-left-col {
    width: calc(100vw - 210px);
  }

  .portfolio_body {
    width: 100vw;
  }

  .portfolio_body .container.custom-container {
    width: 100vw;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21,
  .portfolio_body .container.custom-container .LeftSideBar-main {
    width: 24vw !important;
    float: left;
    padding: 0 15px;
    margin-left: 0px;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 section .portfolio_body_left.portfolio_body_left21 .portfolio_body .container.custom-container .LeftSideBar-main section .portfolio_body_left.portfolio_body_left21 {
    padding: 0px;
    width: 100%;
    float: left;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 section .portfolio_body_left.portfolio_body_left21 li a h6,
  .portfolio_body .container.custom-container .LeftSideBar-main section .portfolio_body_left.portfolio_body_left21 li a h6 {
    font-size: 90% !important;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow,
  .portfolio_body .container.custom-container .LeftSideBar-main .rightsidebar-who-to-follow {
    float: left;
    width: 100%;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left,
  .portfolio_body .container.custom-container .LeftSideBar-main .rightsidebar-who-to-follow .portfolio_body_left {
    float: left;
    padding: 12px;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .friends_top p,
  .portfolio_body .container.custom-container .LeftSideBar-main .rightsidebar-who-to-follow .friends_top p {
    font-size: 0.84em !important;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left #portfolio_body_left_friends,
  .portfolio_body .container.custom-container .LeftSideBar-main .rightsidebar-who-to-follow .portfolio_body_left #portfolio_body_left_friends {
    float: left;
  }

  .portfolio_body .container.custom-container .LeftSideBar-main.LeftSideBar-main21 .rightsidebar-who-to-follow .portfolio_body_left #portfolio_body_left_friends .view_friends.to-hover,
  .portfolio_body .container.custom-container .LeftSideBar-main .rightsidebar-who-to-follow .portfolio_body_left #portfolio_body_left_friends .view_friends.to-hover {
    display: table;
  }

  .portfolio_body .container.custom-container .portfolio_body_right {
    width: 47vw !important;
    max-width: 50vw !important;
    left: -45px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main {
    width: 100% !important;
    max-width: 100vw !important;
    float: left;
    padding-right: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .portfolio_body_right7.main {
    width: 20vw !important;
    max-width: 20vw !important;
    float: right;
    overflow: hidden;
    min-height: 300px;
    display: none;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .portfolio_body_right7.main .RightSide_Sticky.RightSide_Sticky21 {
    width: 270px !important;
  }

  .container2021 {
    padding: 0 15px !important;
  }

  .home2021 {
    margin-top: 0 !important;
  }

  span.text-menu-top,
  span.home-text {
    display: none !important;
  }

  .notifications,
  .message {
    width: auto;
  }

  .portfolio_body .container.custom-container .right_chatBox,
  .right_chatBox {
    width: 20vw !important;
    height: 100%;
    float: right;
    overflow: hidden;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users,
  .right_chatBox .online-chat-users {
    padding: 70px 10px 10px;
    width: 25%;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body,
  .right_chatBox .online-chat-users .online-chat-body {
    width: 100%;
    margin: 0px;
    padding: 0;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-active-status,
  .right_chatBox .online-chat-users .online-chat-body .online-active-status {
    position: relative;
    top: 0;
    text-align: left;
    width: 100%;
    height: auto;
    padding-bottom: 8px;
    float: left;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-active-status .online-active-status-left,
  .right_chatBox .online-chat-users .online-chat-body .online-active-status .online-active-status-left {
    font-size: 11px;
    font-weight: bold;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .online-chat-inputarea,
  .right_chatBox .online-chat-users .online-chat-body .online-chat-inputarea {
    position: relative;
    top: 0;
    width: 100%;
    float: left;
    margin-top: 10px;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component {
    width: 100%;
    top: 130px;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user {
    width: 100%;
    display: table;
    height: auto;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .chat-user-avatar-wrap,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .chat-user-avatar-wrap {
    display: table-cell;
    vertical-align: middle;
  }

  .portfolio_body .container.custom-container .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .online-user-details,
  .right_chatBox .online-chat-users .online-chat-body .infinite-scroll-component .online-each-user .online-user-details {
    display: table-cell;
    vertical-align: middle;
  }

  .online-recent-msg {
    font-size: 10px;
  }

  .portfolio_body .wall-left-col {
    width: calc(100vw - 300px);
    position: relative;
  }

  .cover-img-extra-wall-21 {
    min-height: 240px;
    height: 240px;
  }

  section.wall_section_inner .wall_div_inner .LeftSideBar-main .portfolio_body_left,
  section.wall_section_inner .wall_div_inner .left-profile-progress {
    padding: 5px !important;
  }

  .portfolio_body_left_impruve.profile-progress {
    padding: 0px !important;
  }

  .profile-content-main17 .cover-bg .cover-img #cover_img img {
    height: 240px !important;
  }

  .portfolio_body .wall-left-col .container21,
  .container-nav-21 {
    width: 800px;
  }

  .container21 .profile_popup {
    height: 140px;
    width: 140px;
  }

  .profile-content-main17 .cover-bg .profile-card .avat-main17 .myProfileImage {
    height: 140px;
    width: 140px;
  }

  .cover-bg .container21 .flower-meg-addfriend .cover-btn {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
  }

  .portfolio_body .wall-left-col.group_body_left .container21,
  .portfolio_body .wall-left-col.group_body_left .profileCover-Nav ul.profile-nav {
    width: 745px !important;
    overflow: hidden;
  }

  .portfolio_body .wall-left-col.group_body_left .profileCover-Nav ul.profile-nav {
    overflow: inherit;
  }

  .portfolio_body .wall-left-col .container21 .profile-pic-box {
    width: 17.2%;
  }

  .cover-bg .container21 .flower-meg-addfriend {
    width: 52%;
  }

  .container21 .profile-identity {
    width: 30%;
  }

  section.wall_section_inner .wall_div_inner {
    width: 745px;
  }

  .container.custom-container .wall-left-col section.wall_section_inner .wall_div_inner .LeftSideBar-main {
    width: 33% !important;
    margin-right: 1% !important;
    padding: 0 !important;
  }

  .container.custom-container .wall-left-col section.wall_section_inner .wall_div_inner .portfolio_body_right {
    width: 66% !important;
    max-width: 66% !important;
    float: left;
    left: 0;
  }

  .container.custom-container .wall-left-col section.wall_section_inner .wall_div_inner .portfolio_body_right.wall_photos_21 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .container.custom-container .wall-left-col section.wall_section_inner .wall_div_inner .portfolio_body_right.wall_photos_21 .photo_galari__ {
    width: 100%;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right {
    max-width: 100vw !important;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .profileCover-Nav ul.profile-nav {
    width: 755px;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner {
    width: 745px;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right {
    width: 69% !important;
    max-width: 69% !important;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .rightSideBar-main.group_body_right {
    width: 30%;
    float: right;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .rightSideBar-main.group_body_right .rightsidebar-who-to-follow .portfolio_body_left {
    width: 100%;
  }

  .all_notification_border_area .infinite-scroll-component {
    width: 100% !important;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box {
    margin-top: 10px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF {
    padding: 15px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF p {
    padding: 0px;
    font-size: 14px;
    line-height: 22px;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF .find-friend-btn {
    padding: 0;
  }

  .find-with-facebook.facebookshare {
    width: 81%;
    text-align: center;
    line-height: 41px !important;
    padding: 0px !important;
    height: 41px;
    margin: 0 auto;
    font-size: 15px !important;
  }

  .find-with-facebook.facebookshare svg {
    line-height: 41px;
    height: 41px;
    float: left;
  }

  .ff-btn-icon.fw-linkedin {
    margin-right: 0px !important;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box.ff-tab-design {
    margin-top: 20px;
    -moz-border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box.ff-tab-design .nav.nav-tabs.FindFriendsTab {
    padding: 15px !important;
  }

  .find-friend-wrapper.find-friend-des .find-friend-box.ff-tab-design .nav.nav-tabs.FindFriendsTab li a {
    padding: 10px;
  }

  .friends_tab_area.friends_tab_area_new,
  .friends_tab_area.friends_tab_area_new .content.friends_tab_area_new_content {
    float: left;
    width: 100%;
  }

  .find-friend-wrapper .find-friend-box .tab-content .tab-pane .friends_tab_area .friends_tab_area_new_content .infinite-scroll-component {
    padding: 0 10px !important;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_top {
    width: 70%;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom {
    width: 30%;
    justify-content: flex-end;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom .friends_info_bottom2 {
    margin-top: 0;
    line-height: 35px;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom .friends_info_bottom3 {
    position: relative;
    width: auto;
    top: 0;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_bottom .friends_info_bottom3 a {
    padding: 10px;
  }

  .find-friend-wrapper .find-friend-box .tab-content .infinite-scroll-component .forFitfriendsFF .friends_info .friends_info_top .friends_info_topimg {
    height: 45px;
    width: 45px;
  }

  .friends_info_topcont.friends_info_topcont_ext {
    float: left;
  }

  .friends_info_topcont.friends_info_topcont_ext p {
    margin-bottom: 0;
  }

  .my_streamcontent_like1 {
    float: left;
  }

  .common-tagline span {
    float: left;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right {
    max-width: 100vw !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment {
    float: left;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap {
    float: left;
    width: 100%;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .group-page-header {
    width: 100%;
    border-radius: 15px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .group-page-header .page-title {
    padding-left: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .group-page-header .create-new-group {
    float: right;
    padding: 13px 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .group-page-header .create-new-group a {
    padding: 15px 10px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.group_dashboard_right .main.portfolio_coment .group-page-wrap .bitmap_src {
    left: 80px;
    width: 52% !important;
  }

  .group-sections {
    width: 100% !important;
  }

  .col-md-4.single-group {
    padding: 0 5px !important;
    width: 50%;
    margin-bottom: 35px;
  }

  .single-group .single-group-wrap {
    width: 100% !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-bottom: 15px;
    float: left;
  }

  .single-group .single-group-wrap a.svgClass {
    max-width: 100%;
  }

  .single-group .single-group-wrap img.group-cover-img {
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
  }

  .single-group .single-group-wrap .single-group-title {
    padding: 15px;
  }

  .single-group .single-group-wrap .single-group-title a {
    padding: 0;
  }

  .single-group .single-group-wrap .single-group-meta {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 15px;
  }

  .single-group .single-group-wrap .single-group-meta ul {
    padding-left: 0;
  }

  .single-group .single-group-wrap .single-group-join {
    width: 90%;
    margin: 0 auto;
    display: block;
    transform: none;
    clear: both;
  }

  .my_streamcontent2.main.after_comment.comment_reply_row .my_streamcontent2_right_input.main.comment_reply_input_text,
  .status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main {
    width: 83% !important;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right.wall_photos_21 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .wall-left-col .portfolio_body_right .portfolio_body_right.wall_photos_21 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .photo_galari__ {
    width: 100%;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view {
    width: 100%;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .photo_galari__ {
    width: 100%;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area {
    padding: 15px;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .show_profile_or_cover_images {
    float: left;
    margin-left: -10px;
    margin-right: -10px;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .show_profile_or_cover_images .gallery-photo-bg {
    width: 25% !important;
    margin: 0 !important;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 15px !important;
  }

  .portfolio_body.group-body .wall-left-col.group_body_left .group_div_inner .portfolio_body_right .portfolio_body_right2.stopscroll.main .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .show_profile_or_cover_images .gallery-photo-bg img {
    margin: 0px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls {
    float: left;
    padding: 0;
    margin: 0 !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left {
    float: left;
    width: 28% !important;
    position: relative !important;
    left: 0;
    top: 0;
    padding: 15px;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left h4 {
    padding: 10px 0;
    margin: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_left ul.nav.nav-pills.nav-stacked.account_setting_nav li {
    padding: 0;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls .account_setting_right {
    float: right;
    width: 70% !important;
    position: relative !important;
    left: 0;
    top: 0;
  }

  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .show_profile_or_cover_images {
    float: left;
    width: 100%;
  }

  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .infinite-scroll-component .show_profile_or_cover_images .gallery-photo-bg,
  .user_photo_gallery_area .infinite-scroll-component .show_profile_or_cover_images .gallery-video-bg {
    width: 25% !important;
    margin: 0 !important;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 15px !important;
    height: 165px !important;
  }

  .user_photo_gallery_area .infinite-scroll-component .show_profile_or_cover_images .gallery-video-bg img,
  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .user_photo_gallery_area .infinite-scroll-component .show_profile_or_cover_images img {
    margin: 0 !important;
    height: 165px !important;
  }

  .notifications,
  .message,
  .friends_droupdown {
    width: auto;
    padding: 0 5px;
  }

  .notify_title1.noti_2021.badge-alignment,
  .notify_title2.noti_2021,
  .notify_title.noti_2021.message-bage-2021 {
    left: 0 !important;
  }

  .message #dropdown-message {
    top: 53px !important;
    left: -53px !important;
  }

  .portfolio_body .container.custom-container .portfolio_body_right.setting-body-right {
    margin-top: 90px;
  }

  .modal-content.model-popup-inner-17 .modal-body {
    max-height: 80vh !important;
    padding-top: 10px;
  }
}

@media (min-width: 768px){
  .col-sm-6.col-xs-6.login_Leftside {
    width: 40%;
}
}
@media only screen and (min-width: 1351px) and (max-width: 1368px) {
  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls {
    width: 90% !important;
    max-width: 90% !important;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1350px) {
  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main.account-cls {
    width: 88% !important;
    max-width: 88% !important;
  }

  .body_right21 {
    display: none;
  }

  .portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main {
    width: 100% !important;
    max-width: 100% !important;
  }
}


.post_cat_Report {
  float: right;
  display: flex;
  min-width: 30%;
  align-items: center;
  justify-content: flex-end;
}

.post-upd-top .post_User_left .post_time_date {
  float: left;
  display: flex;
  width: 100%;
  min-width: 100%;
  margin-top: 5px;
}

.advance_profile_details.post-user-profile-details .post-upd-top {
  display: grid;
}

.advance_profile_details.post-user-profile-details .post-upd-top .advance_userParmission {
  display: flex;
}

.rank_list21>.top-contributor.rank-user .rank_profile_img {
  float: left;
  width: 40px;
}

div#popup-post-details .portfolio_body_right4.main.status_content .is_shared_posted .my_streamcontent.main .post_profile_top .posted-by-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}


.basic-info_top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 10px;
}

.userAboutInfoLeft {
  float: left;
  max-width: 68%;
}

p.friendsFeed_inviteFriend {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 10px;
}

p.friendsFeed_inviteFriend a {
  font-weight: 600;
  font-size: 16px;
}

p.trending_feed_tooltip {
  position: absolute;
  z-index: 999999;
  width: 400px;
  padding: 15px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  top: 60px;
  right: 50px;
  left: 100px;
  box-shadow: 5px 7px 10px rgb(38 135 201 / 10%);
  -moz-box-shadow: 5px 7px 10px rgb(38 135 201 / 10%);
  -webkit-box-shadow: 5px 7px 10px rgb(38 135 201 / 10%);
}

p.trending_feed_tooltip span {
  width: 15px;
  height: 15px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  position: absolute;
  top: -15px;
  content: "";
  left: 70%;
}

p.trending_feed_tooltip label {
  float: right;
  margin: 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-weight: normal;
  width: 35px;
  text-align: center;
  cursor: pointer;
}

a.trending-but-left.invit-icon label span {
  font-size: 1.2rem;
  border-radius: 100%;
}

.nominate_header.Invite_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nominate_header.Invite_header .nominate_img_head {
  min-width: 110px;
  margin-right: 30px;
}

.nominate_header.Invite_header .nominate_img_head svg {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #45a1da;
  padding: 2px;
  width: 110px;
  height: 110px;
}

.nominate_header.Invite_header .nominate_text_head {
  margin: 0;
  padding: 10px 20px;
}

.table_body.Invite_friend_message .row.row-col {
  margin-bottom: 10px;
}

.table_body.Invite_friend_message .form-group {
  float: left;
  width: 100%;
  padding-top: 0;
  margin-bottom: 10px;
}

.portfolio_body .container.custom-container .portfolio_body_right .stopscroll.main .block_content_main {
  position: relative;
  margin: 0;
  float: left;
  width: 100%;
  transform: none;
}

.cover-btn.group-page-btn.joined.more_profile_btn.pending_btn svg {
  height: 18px;
  width: 20px;
  margin-right: 5px;
}

.flower-meg-addfriend div#leave_btn .dropdown-pane-more a.deleteGroup {
  margin: 0;
  display: flex;
  align-items: center;
}

.flower-meg-addfriend div#leave_btn .dropdown-pane-more a.deleteGroup svg {
  height: 15px;
  margin-right: 5px;
}

.friend-more-profile-btn .dropdown .dropdown-pane-more div {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  min-width: 100px;
}

.friend-more-profile-btn .dropdown .dropdown-pane-more div:last-child {
  margin-bottom: 0;
}

.friend-more-profile-btn .dropdown .dropdown-pane-more div a:last-child {
  margin-bottom: 0;
}

.dateTime:hover span.timeHover {
  display: block;
  position: absolute;
  font-size: 14px;
  padding: 3px;
  border-radius: 5px;
  box-shadow: 0 0 10px #84bade8f;
  float: left;
  min-width: 60px;
  width: 125px;
  max-width: 300px;
  text-align: center;
  z-index: 1;
}

.nominate_modal.inviteModal .modal-content h2.modal-title {
  text-align: center;
  padding: 15px 0;
  margin-bottom: 0;
  font-size: 19px;
}

.nominate_modal.inviteModal .modal-content p.modal-sub-title {
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 10px !important;
}

.nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design {
  float: left;
  width: 100%;
  margin: 15px 0 10px;
}

.nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design ul.FindFriendsTab {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design ul.FindFriendsTab li {
  min-width: 24%;
}

.nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design ul.FindFriendsTab li a {
  font-size: 16px;
  border-radius: 10px;
  border: none;
  justify-content: center;
  display: flex;
  align-items: center;
}

.nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design ul.FindFriendsTab li a span {
  margin-right: 5px;
}

.nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design ul.FindFriendsTab li:last-child a svg {
  margin-top: -3px;
}


.account_setting_right.logPostLike .all_logPostLike_border_area {
  width: 100% !important;
  border-radius: 10px;
  padding-right: 0;
}

.account_setting_right.logPostLike .all_logPostLike_border_area .notification_react_page .view_all_friends {
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: left;
  width: 100%;
}

.account_setting_right.logPostLike .all_logPostLike_border_area .notification_react_page .all_notification_detail_list {
  float: left;
  padding: 10px;
}

.account_setting_right.logPostLike .all_logPostLike_border_area .notification_react_page .all_notification_detail_list p.postLikeDate {
  margin: 2px 0;
  font-weight: 600;
  font-size: 16px;
  float: left;
  width: 100%;
  padding-left: 10px;
}

.account_setting_right.logPostLike .all_logPostLike_border_area .notification_react_page .all_notification_detail_list p.postLikeDate span {
  float: left;
  width: 100%;
  padding: 5px 0;
}

.account_setting_right.logPostLike .all_logPostLike_border_area .notification_react_page .notifications_area.new-unread-notification,
.account_setting_right.logPostLike .all_logPostLike_border_area .notification_react_page .notifications_area {
  background: none !important;
  padding: 5px;
  border: none !important;
}

.account_setting_right.logPostLike .all_logPostLike_border_area .notification_react_page .notifications_area.new-unread-notification::after {
  display: none !important;
}

.notification_modal {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.notification_modal .modal-dialog .modal-content .modal-header {
  padding: 15px !important;
}

.notification_modal .modal-dialog .modal-content .modal-header h1.modal-title {
  font-size: 23px;
  font-weight: 600;
  line-height: 27px;
}


.notification_modal .modal-content .modal-body .notification_modal_checkbox form#notifications_status .notifiy-item.row {
  margin-bottom: 12px;
}

.notification_modal .modal-content .modal-body .notification_modal_checkbox form#notifications_status .notifiy-item.row label {
  font-size: 14px;
}

.notification_modal .modal-content .modal-body .notification_modal_checkbox form#notifications_status .notifiy-item.row .btn-toggle.btn-secondary {
  float: right;
  position: relative;
  width: 56px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  height: 30px;
  box-shadow: inset 0px 0px 8px rgb(0 0 0 / 15%);
}

.notification_modal .modal-content .modal-body .notification_modal_checkbox form#notifications_status .notifiy-item.row .btn-toggle.btn-secondary>.handle {
  position: absolute;
  top: 3px;
  left: 4px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #cccccc;
  transition: left 0.25s;
}

.notification_modal .modal-content .modal-body .notification_modal_checkbox form#notifications_status .notifiy-item.row .btn-toggle.active>.handle {
  left: 28px;
  transition: left 0.5s;
  background: #10bb28;
}

.notification_modal .modal-content .modal-footer {
  float: left;
  width: 100%;
  padding: 0 15px 10px;
}

.notification_modal .modal-content .modal-footer button.cancleNewEmailBtm.cnl-btn {
  margin: 0 !important;
  float: left !important;
}

.notification_modal .modal-content .modal-footer button.btn_submit.cnl-btn {
  margin: 0 !important;
  background: #2687c9 !important;
}

.user_profile_area {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5px;
}

.user_profile_area .profile-identity {
  /* width: 55%; */
  width: auto;
  float: left;
}

.profile-navbar .profile_toltip .post-user-profile {
  width: 85px;
  min-width: 85px;
  height: 85px;
  padding: 10px;
  display: inherit;
  position: relative;
  z-index: 999;
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 0px !important;
  float: left;
  margin-right: 10px;
  top: -15px;
}

.profile-navbar .profile_toltip .post-user-profile a {
  position: relative;
  float: left;
}

.profile-navbar .profile_toltip .profile-identity p.user-profile-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.profile-navbar .profile_toltip .profile-identity p.user-profile-name a {
  float: left;
  text-align: left;
}

.profile-navbar .profile_toltip_btns .follows {
  top: 0 !important;
  right: 0 !important;
}

.slim-btn span.icon-pen {
  font-size: 1.6rem;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-pic-box #profile_stars .Beside-Profile-picture .circle-container li span {
  font-size: 2rem;
  -webkit-text-stroke: 0.15rem #000;
}

span.icon-Star.goldStar {
  -webkit-text-stroke: 0.6px #000000;
  margin: 0px;
}

span.icon-Star.silverStar {
  -webkit-text-stroke: 0.6px #000000;
  margin: 0px;
}

.imgPostText p.vpost-site-icon span.icon-world {
  margin-right: 5px;
}


#friend_new_area_scroll .circle-container-2021>li>span,
#message_new_area_scroll .circle-container-2021>li>span {
  font-size: 0.6rem;
  right: -5%;
}

.single-group-join button.btn-style-#ffffff-round.sign-up-btn .icon-checkmark {
  margin-right: 6px;
  font-size: 9pt;
  font-weight: 400;
}

.portfolio_body_right .post-commnet-container .edit_comment_reply_to_reply .after_comment .my_streamcontent2_right_input {
  float: left !important;
  margin: 0 !important;
  max-width: 85.5% !important;
}

.portfolio_body_right .post-commnet-container .edit_comment_reply_to_reply .after_comment .my_streamcontent2_right_input .capture {
  padding-left: 0;
}

.post_body_left .post-commnet-container .reply_comment .edit_comment_reply_to_reply .comment_new_style .comment_new_left_side {
  left: -50% !important;
  transform: translateX(50%);
}

span.icon-block,
span.icon-delete {
  margin-right: 4px;
}

.fade.in {
  opacity: 1;
  background: #3a3a3afa;
  z-index: 999999999;
}

span.icon-alert {
  background: rgba(255, 0, 0, 0.1) !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
  height: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  min-width: 34px !important;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7em !important;
}

.image-start-container .post_profile_pic_star-2021 ul.circle-container-2021 li span.icon-Star {
  font-size: 0.8rem;
}

.messageRight .profile-card.prowrep.right-mar-pad div#profile-img-popub .image-start-container .post_profile_pic_star-2021 .common-profile-picture-2021 ul.circle-container-2021 li span.icon-Star {
  font-size: 1.8rem;
}

.fixed-P-alert-container .alert.alert-success span.icon-rightCheck {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  font-size: 1rem;
}

span.share-dot-icon21.icon-dot,
span.share-dot-icon21-last.icon-dot {
  font-size: 0.51rem;
}

span.icon-VideoPlay {
  font-size: 4rem;
}

.all_photo_gallery_area .videoicon-overthumb span.icon-VideoPlay {
  font-size: 2.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.addvideoImages {
  height: 29px;
  width: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  border-radius: 50%;
}

ul.dropdown-menu.post-setting-map li span.icon-rightCheck {
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  background: #e9f3f9;
  border-radius: 5px;
}

button.btn-style-#ffffff-round.sign-up-btn span.icon-delete {
  font-size: 9pt;
  font-weight: 400;
}

.videothumb-cal.myMessage,
.videothumb-cal.otherMessage {
  max-width: 90% !important;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  min-width: 200px;
  padding: 5px;
  position: relative;
}

.videothumb-cal.myMessage span.icon-VideoPlay,
.videothumb-cal.otherMessage span.icon-VideoPlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div#dropdown-message .dropdown-pane4 .friends_top_scroll div#content-nabc div#message_new_area_scroll .message_area.read .notifications_image a .image-start-container.biswas .post_profile_pic_star-2021 .common-profile-picture-2021 ul.circle-container-2021 li {
  top: 5px;
  height: 70%;
}

.post_thumb_box .img_uploaded_status {
  top: 0;
  position: absolute;
}

.post_thumb_box .overlay .thumb_hover_whole_upload .cancel_thumb_img {
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background: #333333;
  top: -5px;
  right: -5px;
}

.post_thumb_box .overlay .thumb_hover_whole_upload .cancel_thumb_img span.icon-close {
  height: 100%;
  width: 100%;
}

button.btn.btn-primary.send_friend_invitaion_common_btn {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.portfolio_body .container.custom-container {
  min-height: 90vh;
}

.dropdown-category-filter a {
  float: left;
  width: 100%;
  position: relative;
}

.dropdown-category-filter a .svg_category {
  position: absolute;
  top: 50%;
  font-size: 0.6rem;
  left: 91%;
  transform: translate(-50%, -50%);
}

div#new_post_categoryList .dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17 ul#content li a span.icon-arow_right {
  font-size: 1rem;
}

.portfolio_dropdown #dropdownprofile .dropdown-pane7 .post_profile_pic_star-2021 .common-profile-picture-2021 ul li span {
  font-size: 1.5rem;
}

.status_content .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main .mentions-input-box div div ul li .user span.icon-user.likes,
ul.color_1_add__suggestions__list li div.user span.icon-user {
  height: 26px;
  width: 26px;
  border: 2px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  margin-right: 8px;
  padding: 0;
}

.image-start-container.biswas .user-post-pic-holder.avater-image-2021 span.icon-user.user_profile_img-2021 {
  font-size: 4rem;
}

.video-react {
  display: flex;
}

textarea#post_content_text_modal_edit_mode {
  padding-bottom: 30px !important;
}

.msg-img-col.videothumb-cal.myMessage {
  padding: 0 !important;
  width: 100%;
  max-width: 95% !important;
  max-height: 100%;
  border: none !important;
}

.msg-img-col.videothumb-cal.myMessage .multimedia-image {
  margin: 0 !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 300px;
}

.msg-img-col.videothumb-cal.myMessage::after {
  display: none !important;
}

.msg-img-col {
  float: right;
  width: 100%;
  position: relative;
  min-width: 200px;
  /*min-height: 50px;*/
}

.userPrimaryMail .emailList span.disabled-cls span.icon-dot {
  margin: 0 4px;
  font-size: 0.6rem;
}

label.notification_link {
  font-weight: 500 !important;
  font-size: 15px !important;
  cursor: pointer;
  margin-bottom: 0 !important;
}

span.chat-online-status.dropdown_message_avt {
  height: 12px;
  width: 12px;
  content: "";
  position: absolute;
  top: -2px;
  left: 0px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

span.chat-online-status.dropdown_message_avt.online {
  background: #10bb28;
}

.my_streamcontent2_right_input.main .cssload-container-div.updateCommentLoader {
  position: relative !important;
  width: 100% !important;
  transform: none !important;
}

.my_streamcontent2_right_input.main .cssload-container-div.updateCommentLoader .cssload-div {
  transform: none !important;
  left: 50% !important;
  top: 15px !important;
}

.blink_afterComment {
  box-shadow: #2687c9 0px 0px 0px 1px;
}

.blink_beforeComment {
  animation: blink_beforeComment 1.2s linear infinite;
}

@keyframes blink_beforeComment {
  0% {
    box-shadow: 0 0 0 0px rgba(38, 135, 201, 0.685);
  }

  50% {
    box-shadow: 0 0 0 0px rgba(38, 135, 201, 0.35);
    transition: all ease-in-out;
    transition-duration: 0.35s;
    transition-delay: 2s;
  }

  100% {
    box-shadow: 0 0 0 8px rgba(38, 135, 201, 0);
  }
}

.post-user-profile span.icon-user.user_profile_img-2021.likes {
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(38, 135, 201, 0.1);
  display: block;
  margin: 0px;
  object-fit: cover;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  font-size: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.my_streamcontent3_right_history.main.comment_reply_row.block_user_reply {
  margin-bottom: 18px;
}

form#cover_img .cssload-container-div.left15x15 .cssload-div img {
  height: 30px !important;
  width: 30px !important;
}

.step2_Factor-Authentication h3 span.icon-rightCheck {
  background: rgba(107, 191, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: bold;
}

.disableclass {
  pointer-events: none;
}


/* @ Zahidul Islam ------------------------------------
    Fixed image loader and height & width & position
------------------------------------------------------*/
.image_loader_block {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 1;
}

.msg-img-col .image_files_container {
  float: left;
  min-width: 90%;
  width: 100%;
  height: 100%;
  min-height: 50px;
}

.msg-img-col .image_files_container span.image_loader_block {
  position: absolute;
  height: 30px;
  width: 30px;
  max-height: 50px;
}

.msg-img-col .image_files_container span.image_loader_block .cssload-container-div {
  height: 100%;
  width: 100%;
  min-height: 100% !important;
}

.msg-img-col .image_files_container span.image_loader_block .cssload-container-div .cssload-div {
  float: left;
  height: 100% !important;
  width: 100% !important;
}

.msg-img-col .image_files_container span.image_loader_block .cssload-container-div .cssload-div img {
  margin: 0 !important;
  height: 100%;
}

.blocked_user_mainpart {
  display: flex;
  width: 80%;
  margin: auto;
  padding-bottom: 10px;
}

.user_blocked_part {
  margin: auto;
  margin-right: 0px !important;
}

/* Bio */

.userBio {
  max-width: 300px;
  min-width: 220px;
  float: left;
  position: relative;
  font-size: 14px;
  line-height: 17px;
  margin: 0;
  margin-top: 8px;
  white-space: normal;
  word-break: break-word;
}


.bioModal .modal-dialog .modal-content h4.modal-title {
  font-size: 20px;
  padding-bottom: 10px;
  border-bottom: 1px dashed rgb(38 135 201 / 50%);
  font-weight: 600;
  text-transform: capitalize;
}

.bioAddEdit {
  position: relative;
  padding-right: 20px;
}

.bioAddEdit span.intro_header {
  display: none;
  position: absolute;
  right: 0;
  height: 21px;
  width: 21px;
  text-align: center;
  line-height: 20px;
}

.bioAddEdit span.intro_header a.editBio {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.bioAddEdit span.intro_header a.editBio span {
  margin: 0 !important;
}

.bioAddEdit:hover span.intro_header {
  display: block;
  top: 0;
  right: 0;
}


span.intro_header {
  background: rgba(38, 135, 201, 0.1);
  padding: 5px;
  font-size: 12px;
  border-radius: 5px;
  text-align: center;
}

span.intro_header {
  background: rgba(38, 135, 201, 0.1);
  padding: 2px 5px;
  font-size: 12px;
  border-radius: 5px;
  margin-left: 5px;
}

span.intro_header a.addBioButton span,
span.intro_header a.editBio span {
  font-size: 9px;
  font-weight: normal;
  margin-right: 3px;
}

.bioModal .modal-dialog {
  height: 100vh;
  position: relative;
  margin: 0 auto;
}

.bioModal .modal-dialog .modal-content {
  min-width: 100% !important;
  max-width: 100% !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-height: 100vh;
  padding: 20px;
  border-radius: 5px;
}

.bioModal .modal-dialog .modal-content .modal-body {
  padding: 0;
  margin: 15px 0;
}

.bioModal .modal-dialog .modal-content .modal-body textarea {
  padding: 10px;
  width: 100%;
}

.bioModal .modal-dialog .modal-content .fly_clos {
  background: #333333;
  height: 25px;
  width: 25px;
  border-radius: 100%;
  position: absolute;
  right: -5px;
  top: -10px;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}


.bioModal .modal-dialog .modal-content .modal-footer {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}


.bioModal .modal-dialog .modal-content .modal-footer button {
  margin: 0 !important;
}


.bioModal .modal-dialog .modal-content .modal-footer button.bioSave {
  background: #2687c9 !important;
  position: relative;
  width: auto !important;
}

/*-----@ Zahidul Islam ---------------
  Color changing part for emoji icon
  in meme post.
----------------Start-----------------*/
.gradient_17_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.gradient_12_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.gradient_9_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.gradient_3_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.gradient_11_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.img_6_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.img_5_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.gradient_13_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.gradient_16_add+div+.post-icons-wall-21.only-emoj-21-wall ::before,
.gradient_15_add+div+.post-icons-wall-21.only-emoj-21-wall ::before .gradient_18_add+div+.post-icons-wall-21.only-emoj-21-wall ::before {
  background: no-repeat;
}



.gradient_14_add+div+.post-icons-wall-21.only-emoj-21-wall ::before {
  background: no-repeat;
}


.emoji_butpar2 {
  width: 40px;
  height: 40px;
  z-index: 99;
  left: 85%;
  top: 33px;
  font-size: 20px;
  position: relative;

}

.allpost-body-left .mentions-input-box div.searchboxWrapper {
  border-radius: 0.3rem;
  border: 1px solid #ddd;
  display: inline-block;
  padding: 15px;
  box-shadow: 0 0.3rem 1rem rgba(8, 38, 78, 0.2);
  position: absolute;
  z-index: 99999999;
  right: 0;
  top: 30px;
}

.portfolio_header_left_bobile,
.profile-navbar .suggested_star_contributors .view_friends.to-hover .bitlami,
.my_streamcontent3_right_history_bottom.general-comment.cmt_photo_single .my_streamcontent2.main.after_comment.only_edit_main_comment .comment_new_left_side,
.account_main .account_cint.block .account_cont_right .block-button .account_cint.new-account-class .account_cont_right span,
.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-footer .col-md-2,
.likeuserList .modal-content .modal-body .more-people-item .col-md-9 .content .totale_area2 .notifications_message_image2,
.last_coment_amount_like_own,
.modal-content.model-popup-inner-17 .modal-footer .action-wrap .education-permission-top .permission-but-all,
.portfolio_body .wall-left-col .about_edit .user_experince .form-group.col-md-6 .select-dropdown-one:nth-child(2),
.user .mentionUserImage,
.featured-images-wrap .final-featured-photo,
.featured-images-wrap .suggested-featured-photo,
.emoji-mart-category-label,
.searchboxWrapper .reactGiphySearchbox-listWrapper {
  float: left;
}

/*----------------End-------------------*/


/* Edit Meme Post text Box scroll */

#wall_meme .well-name-wrapper-21-edit-post .editTextbox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#wall_meme .well-name-wrapper-21-edit-post .editTextbox div:nth-of-type(1) {
  width: 100%;
  height: 100%;
  max-height: min-content;
  box-shadow: none !important;
}

#wall_meme .well-name-wrapper-21-edit-post .editTextbox div:nth-of-type(1) div {
  border: none !important;
}

.meme_auto_height.editTextbox div textarea#post_content_text_modal_edit_mode {
  overflow-y: auto !important;
}

textarea#post_content_text_modal_edit_mode {
  box-shadow: none;
  overflow-y: auto !important;
}


.emoji_control.keep-inside-clicks-open1 {
  height: 25px;
  width: 25px;
  position: absolute;
  z-index: 99999999999;
  top: 10px;
  right: 45px;
}

.emoji_control.keep-inside-clicks-open1 div#emojiID- {
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.emoji_control.keep-inside-clicks-open1 div#emojiID- span.icon-emoji.emoji_butpar {
  position: relative;
  right: 0;
  top: 0;
  font-size: 19px;
  ;
}

.reactGiphySearchbox-listWrapper div {
  float: left;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}


.allpost-body-left .mentions-input-box .reactGiphySearchbox-componentWrapper {
  padding: 8px;
  -moz-box-shadow: 0px 4px 10px #b5b5b569;
  -webkit-box-shadow: 0px 4px 10px #b5b5b569;
  box-shadow: 0px 4px 10px #b5b5b569;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  right: 0;
  top: 45px;
  height: 365px;
  z-index: 9999 !important;
}

.reactGiphySearchbox-componentWrapper form.reactGiphySearchbox-searchForm-form input {
  font-weight: normal;
}

.allpost-body-left .mentions-input-box .reactGiphySearchbox-componentWrapper .reactGiphySearchbox-listWrapper {
  float: left;
  width: 100%;
  overflow-x: hidden;
}

.reactGiphySearchbox-componentWrapper {
  box-sizing: border-box;
  position: absolute;
  right: 0;
  bottom: 22px;
  padding: 8px;
  -moz-box-shadow: 0px 4px 10px #b5b5b569;
  -webkit-box-shadow: 0px 4px 10px #b5b5b569;
  box-shadow: 0px 4px 10px #b5b5b569;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 365px;
  z-index: 9999 !important;
}

.reactGiphySearchbox-searchForm-form {
  position: relative;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.reactGiphySearchbox-listWrapper {
  overflow-y: auto;
  float: left;
  width: 100%;
}


.giphy_Control span {
  position: absolute;
  height: 19px;
  width: 19px;
  z-index: 9;
  /* transform: translateY(-50%); */
  transform: none;
  right: 45px;
  bottom: 6px;
  cursor: pointer;
}

.giphy_Control svg {
  float: left;
  width: 100%;
  height: 100%;
}

/* Global Follow */
.tour-tooltip-feed-category.popover.fade.left.in+.bootstro-backdrop+.search-filter-title.search-filter-title-2021.usertour-tendingfeedfilter.bootstro-highlight,
ul.color_1_add__suggestions__list li div.user a div div svg,
.header_buttonClass.modal-header button,
.featured-images-wrap .suggested-featured-photo .Dropzone,
.rank_list21>.top-contributor.rank-user .rank_profile_img .post_profile_pic_star,
.dateTime,
a.repp.postLove span.icon-love,
.bulkFollow_div {
  position: relative;
}

.golbal_follow-section {
  clear: both;
  padding: 13px;
  position: absolute;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  box-shadow: 0px 10px 28px rgb(0 0 0 / 22%);
  -webkit-box-shadow: 0px 10px 28px rgb(0 0 0 / 22%);
  -moz-box-shadow: 0px 10px 28px rgb(0 0 0 / 22%);
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  min-width: 430px;
  max-width: 430px;
  right: 10px;
  z-index: 999;
  top: 25px;
}

.follow_content_part {
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
  width: 100%;
}

.golbal_follow-section .follow-section-top {
  min-width: 75%;
  float: left;
  display: flex;
}

.golbal_follow-section .follow_close_button {
  position: absolute;
  right: -3px;
  top: -7px;
  line-height: normal;
  padding: 0;
  font-size: 24px;
  border: none;
  background: #333333d1;
  font-weight: normal;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  text-align: center;
}

.golbal_follow-section .follow_close_button span {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0;
  margin-right: 0 !important;
}

.golbal_follow-section .friends_info_topimg {
  display: flex;
  position: relative;
  float: left;
  align-items: center;
  font-size: 1.5rem;
}

.golbal_follow-section .friends_info_topimg a {
  float: left;
  display: flex;
  width: 40px;
  height: 40px;
}

.golbal_follow-section .friends_info_topimg a span {
  font-size: 3.4rem !important;
}

.golbal_follow-section .friends_info_topimg a:nth-child(2),
.golbal_follow-section .friends_info_topimg a:nth-child(3),
.golbal_follow-section .friends_info_topimg a:nth-child(4) {
  margin-left: -20px;
}

.golbal_follow-section .friends_info_topimg a:nth-child(5) {
  margin-left: -20px;
  margin-right: 8px;
}

.golbal_follow-section a.follow-button {
  background: rgba(38, 135, 201, 0.1);
  text-align: center;
  display: block;
  border-radius: 8px;
  padding: 6px;
  margin: 10px 0 0;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  padding: 10px 8px;
}

.golbal_follow-section h3 {
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  margin: 0 0 10px;
  border-bottom: 2px solid #EEEEEE;
  padding-bottom: 8px;
}

.golbal_follow-section p {
  float: left;
  margin: 0;
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 8px;
}

.golbal_follow-section .friends_info_topimg a ul.circle-container-2021 span.icon-Star {
  font-size: 1rem !important;
}

.golbal_follow-section .friends_info_topimg a .image-start-container .user-post-pic-holder.avater-image-2021 img {
  height: 100% !important;
  width: 100% !important;
}

#bulk_Follow_List {
  float: left;
  min-height: 50px;
  max-height: 500px;
  overflow-y: auto;
  width: 100%;
}

#bulk_Follow_List .more-people-item {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

#bulk_Follow_List .more-people-item .content .totale_area2 {
  float: left;

  width: 100%;
  display: flex;
  align-items: center
}

#bulk_Follow_List .more-people-item h3 {
  margin: 0;
}

#bulk_Follow_List .more-people-item .content .totale_area2 .notifications_message_image2 {
  float: left;
  height: 50px;
  width: 50px;
}


#bulk_Follow_List .more-people-item .content .totale_area2 .notifications_message_text {
  padding-left: 15px;
  font-size: 20px;
}

#bulk_Follow_List .more-people-item .more-people-btns span.icon-rss {
  background: rgba(38, 135, 201, 0.1);
  padding: 10px;
  border-radius: 12px;
}

.bulk_follow_Modal .modal-header {
  padding: 20px 0 !important;
}

p.user-profile-name a.profile_Edit_button {
  border-radius: 5px;
  padding: 5px;
  font-size: 13px;
  margin-left: 8px;
  font-weight: normal;
}

.backgroundColorChange {
  background: #f2dede;
  border-color: #ebccd1;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.is_shared_post .post_profile_top .shared_profile_header,
.my_streamcontent3_right_history_bottom.reply_photo_single .edit_comment_reply_to_reply,
.nominate_modal .table_body .dropdown-menu.dropCustome.sdrpmenu.content.newDrop.modal_newpost_sub17 ul#content.dropCustome.sdrpmenu.content.dropBoxnav .dropdown-menu.sub-menu li a,
.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-body .featured-images-wrap,
.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-body .featured-images-wrap .suggested-featured-photo,
.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-body .featured-images-wrap .suggested-featured-photo .form-group.mob-cmn-cls.col-md-12,
.likeuserList .modal-content .modal-body,
.likeuserList .modal-content .modal-body .more-people-item .col-md-9 .content,
.likeuserList .modal-content .modal-body .more-people-item .col-md-9 .content .totale_area2,
ul.wall-category-audiance-21 li,
.step2_Factor-Authentication,
.step2_Factor-otp,
.opt_fild,
.modal-content.model-popup-inner-17 .modal-body .form-group label,
.modal-content.model-popup-inner-17 .modal-footer .action-wrap,
ul.color_1_add__suggestions__list li,
ul.img_2_add__suggestions__list li,
ul.img_3_add__suggestions__list li,
ul.img_4_add__suggestions__list li,
ul.img_5_add__suggestions__list li,
ul.gradient_4_add__suggestions__list li,
ul.gradient_5_add__suggestions__list li,
ul.gradient_6_add__suggestions__list li,
ul.gradient_7_add__suggestions__list li,
ul.gradient_8_add__suggestions__list li,
ul.gradient_9_add__suggestions__list li,
ul.gradient_10_add__suggestions__list li,
ul.gradient_11_add__suggestions__list li,
ul.gradient_12_add__suggestions__list li,
ul.gradient_13_add__suggestions__list li,
ul.gradient_14_add__suggestions__list li,
ul.gradient_15_add__suggestions__list li,
ul.gradient_16_add__suggestions__list li,
ul.gradient_17_add__suggestions__list li,
ul.gradient_18_add__suggestions__list li,
ul.color_1_add__suggestions__list li,
ul.img_2_add__suggestions__list li,
ul.img_3_add__suggestions__list li,
ul.img_4_add__suggestions__list li,
ul.img_5_add__suggestions__list li,
ul.gradient_4_add__suggestions__list li,
ul.gradient_5_add__suggestions__list li,
ul.gradient_6_add__suggestions__list li,
ul.gradient_7_add__suggestions__list li,
ul.gradient_8_add__suggestions__list li,
ul.gradient_9_add__suggestions__list li,
ul.gradient_10_add__suggestions__list li,
ul.gradient_11_add__suggestions__list li,
ul.gradient_12_add__suggestions__list li,
ul.gradient_13_add__suggestions__list li,
ul.gradient_14_add__suggestions__list li,
ul.gradient_15_add__suggestions__list li,
ul.gradient_16_add__suggestions__list li,
ul.gradient_17_add__suggestions__list li,
ul.gradient_18_add__suggestions__list li,
.group-post-timeline21,
.single-group-wrap a:first-child,
.fixed-P-alert-container .alert.alert-success span:nth-child(2) div,
.featured-images-wrap,
.featured-images-wrap .suggested-featured-photo h3.modal-title-ffp,
.newpostmodals.common-post-modal21 .modal-content .modal-body,
.tab-edit-button-photo-17,
.emoji-mart-category-label,
.cover-bg .container21 .flower-meg-addfriend .cover-btn a.send_Message,
.fixed-P-alert-container.leftBottomPushNotification .leftBottomPushNotification_notify .notifications_area.new-unread-notification .notifications_text.main h3+.group-invitation-alert-btns,
.is_shared_post,
div#SitesAndSocialLinks .modal-body form .form-row .form-group,
.portfolio_coment_button.portfolio_coment_button21,
div#new-post-modal-height .flypost_box.model-popup-inner-17,
.account_setting a,
.fade.single_post_popup.zindexs.in.modal .modal-90w.single_popup_on.modal-dialog .modal-content #popup-post-details .post_right_side .portfolio_body_right4.main.status_content .is_shared_posted,
.userAboutInfoLeft address,
.all_photo_gallery_area,
.table_body.Invite_friend_message .form-group input.form-control,
.notification_modal .modal-content .modal-body,
.notification_modal .modal-content .modal-body .notification_modal_checkbox,
.notification_modal .modal-content .modal-body .notification_modal_checkbox form#notifications_status,
.allpost-body-left .mentions-input-box .reactGiphySearchbox-componentWrapper form.reactGiphySearchbox-searchForm-form,
.portfolio_header_left_bobile .portfolio_header_left,
.infinite-scroll-component .status_content .my_streamcontent_bottom .vPostMain,
.status_content a.imgPostImLi .imgPostText,
.fade.common-post-modal.supportmodal.info-edit-popup.suggestedcategorymodal.edit-featured-popup.support_modal.change_email.in.modal .modal-content .modal-footer .action-wrap,
.form-control.emailvarify,
.modal-content.model-popup-inner-17 .modal-body form,
.suggestedcategorymodal.edit-featured-popup .modal-footer,
.table_body.Invite_friend_message {
  float: left;
  width: 100%;
}

.portfolio_body .container.custom-container.deactivated-user .wall-left-col,
.portfolio_body .container.custom-container.public-container .wall-left-col,
.portfolio_body .container.custom-container.container-chatbox-off .wall-left-col,
.fade.nominate_modal.common-post-modal.in.modal .modal-content .hide-nominate-scrollable.modal-body .model-popup-inner-17 .table_body,
.cropper-main,
.singelCategory_FilterNav ul.feed_filter_ul_210519,
.my_streamcontent3_right_history_bottom.general-comment.cmt_photo_single .my_streamcontent2.main.after_comment.only_edit_main_comment .my_streamcontent2_right_input.main,
#dropdown-notificatoin1 #notificatione_new_area_scroll hr {
  width: 100% !important;
}

.video-react-current-time.video-react-time-control.video-react-control::before,
.video-react-duration.video-react-time-control.video-react-control::before,
.founding-badge-view span.span-liner,
.portfolio_body .container.custom-container.deactivated-user .right_chatBox,
.portfolio_body .container.custom-container.public-container .right_chatBox,
.portfolio_body .container.custom-container.container-chatbox-off .right_chatBox,
.owl-dots,
input[type="file"].edit_Group_coverImages,
#content::-webkit-scrollbar,
p.link-msg-text-block,
.massonary-view .photo_galari__ .friends_tab_area .infinite-scroll-component .active_album div .photos-options,
.dateTime span.timeHover,
.nominate_modal.inviteModal .modal-content .find-friend-box.ff-tab-design div#my-tab-content,
.bioModal .modal-dialog .modal-content .modal-footer::before,
.bioModal .modal-dialog .modal-content .modal-footer::after,
.post-commnet-container {
  display: none;
}

/* code from shahriar vai */
.portfolio_body_right7.main {
  position: relative;
  right: -330px;
}

/* @userName CSS */

.post-upd-name+span,
.user-profile-name+span {
  font-size: 12px;
  cursor: pointer;
}

p.user-profile-name+span.userName {
  margin-left: 0;
  text-align: center;
}

.post-upd-name+span:hover,
.user-profile-name+span:hover {
  text-decoration: underline;
  cursor: default;
}

.userList_name+div,
.chatUserName {
  display: flex;
  align-items: center;
}

.message_text.msg_sender.msg_sender_17 .chatUserName span.userName {
  position: relative;
  float: left;
  left: 0;
}

.chat-user-title,
.message_username h3 {
  display: grid;
  align-items: center;
}

.chat-user-title span,
.message_username h3 span {
  margin-left: 0;
}


/* "@userName" CSS */

span.userName {
  font-size: 12px;
  font-weight: normal;
  /* display: block; */
}

span.userName .clickedUrl,
.view_all_friends_bottom.frd_req_row .totale_area .new_friend_request_item .notifications_message_text h3 span a,
.friends_info_top .friends_info_topcont.friends_info_topcont-17 p span a,
.rank_list21>.top-contributor.rank-user>.rank_profile_name span a,
.my_streamcontent3.main .general-comment-main .my_streamcontent3_top_left h5 span a,
.my_streamcontent3.main .my_streamcontent3_top_left h5.reply_comment_sec span a,
.content .notifications_message_text h3 span a {
  font-size: 12px;
  font-weight: normal;
  margin-left: 0;
  font-weight: normal;
  text-transform: none;
}

span.userName:hover {
  text-decoration: underline;
  cursor: default;
}

.recent-search21>.selecet_drop-21>.text h1+span.userName,
.rank_list21>.top-contributor.rank-user>.rank_profile_name span.userName {
  margin-left: 0;
}

/* .col-md-12 .basic-info_top .userAboutInfoLeft .userName{
  text-align: left;
} */

.rank_list21>.top-contributor.rank-user .rank_profile_name span.userName .clickedUrl {
  font-weight: normal;
  font-size: 12px;
}

.profile-identity+.flower-meg-addfriend {
  width: 100% !important;
}

.fullNameAndUsername {
  display: flex;
}


.new_friend_request_item:last-child {
  margin-bottom: 0;
}

.main.portfolio_coment .notification_modal_checkbox {
  width: 100%;
}

.main.portfolio_coment .notification_modal_checkbox .notifiy-item.row {
  display: flex;
  align-items: center;

}

/* dark mode toggle aictive */

.active_dark_Mode {
  text-align: right;
}

button.btn.btn-toggle {
  /* color: #6b7381;
  background: #3c3c3c; */
  box-shadow: inset 0px 0px 8px rgb(0 0 0 / 15%) !important;
  border-radius: 39px;
  height: 30px;
  padding: 0;
  float: right;
  position: relative;
  width: 56px;
}

button.btn.btn-toggle .handle {
  position: absolute;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
  background: #cccccc;
  height: 23px;
  width: 23px;
  top: 3px;
  left: 3px;
}

button.btn.btn-toggle.active .handle {
  left: 2.85rem;
  transition: left 0.5s;
  background: #10bb28;
  box-shadow: 0px 0px 30px rgb(16 187 40 / 30%);
}

.dark_mode a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dark_mode a button.btn.btn-toggle {
  height: 20px;
  padding: 0;
  float: right;
  position: relative;
  width: 34px;
  margin-right: 5px;
}

.dark_mode a button.btn.btn-toggle .handle {
  height: 15px;
  width: 15px;
  top: 2px;
}

.dark_mode a button.btn.btn-toggle.active .handle {
  left: 1.3rem;
}

/* .postMentionsInputBox.post-mention-21 div div ul li div{
  display: block
  } */
.color_1_add.color_1_add--multiLine div ul li div .focused_hashtag {
  display: block;
}

.focused_hashtag {
  display: block !important;
}

form#notifications_status label {
  font-size: 15px;
  font-weight: 600;
}

.account_left.contributor_top {
  display: block;
}

.mentions-input-box .emoji_control.keep-inside-clicks-open+div div {
  background: none !important;
}

.mentions-input-box .emoji_control.keep-inside-clicks-open+div div div {
  border: none !important;
}

.sendMessageUserData {
  display: flex;
  align-items: center;
  justify-content: start;
}

.sendMessageUserData span.icon-dot {
  font-size: .6rem;
  margin: 0 4px;
}

.sendMessageUserData h2 span {
  margin: 0 2px;
}

.block_peopleModal {
  float: left;
}

.block_peopleModal .modal-body.modal-body-17 {
  float: left;
  width: 100%;
}

.block_peopleModal .totale_area2.blocked_user_mainpart {
  float: left;
  width: 100%;
  margin: 0;
}

.block_peopleModal .totale_area2.blocked_user_mainpart .notifications_message_image2 {
  float: left;
  height: 45px;
  width: 45px;
}

.block_peopleModal .totale_area2.blocked_user_mainpart .notifications_message_text {
  padding-left: 10px;
}

.block_peopleModal .totale_area2.blocked_user_mainpart .notifications_message_text h3 {
  margin: 0;
  line-height: 15px;
}

.block_peopleModal .totale_area2.blocked_user_mainpart .notifications_message_text h3 a {
  font-size: 15px;
}

/* div#content-x {
  text-align: center;
} */

.light_lff {
  float: left;
}

.closeReactButton {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}

div#dark_Active_modal .modal-header h1 {
  margin-bottom: 10px;
}

div#dark_Active_modal .modal-header h1,
div#dark_Active_modal .modal-header h2.modal-title {
  text-align: center;
  margin: 0;
}

div#dark_Active_modal .modal-header h2.modal-title {
  text-align: center;
}

#dark_Active_modal h1 svg {
  height: 50px;
  width: 50px;
}

#dark_Active_modal h1 svg path.st4 {
  fill: #2687C9;
}

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



div#dark_Active_modal .modal-header h1 {
  margin-bottom: 10px;
}

div#dark_Active_modal .modal-header h1,
div#dark_Active_modal .modal-header h2.modal-title {
  text-align: center;
  margin: 0;
}

div#dark_Active_modal .modal-header h2.modal-title {
  text-align: center;
}

#dark_Active_modal h1 svg {
  height: 50px;
  width: 50px;
}

#dark_Active_modal h1 svg path.st4 {
  fill: #2687C9;
}

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


.top-left-menu21__item:last-child,
.top-left-menu21__item:last-of-type:last-child {
  margin-bottom: 0px !important;
}

.img_2_add__suggestions ul#bd6d02a03bd18 li#bd6d02a03bd18-0 .user.focused_hashtag.focused_hashtag1 {
  display: grid !important;
}

ul.color_1_add__suggestions__list li div .focused_hashtag {
  display: block !important;
}


.user.focused_hashtag span.hashtag,
.verified_badge_footer {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px;
  justify-content: space-between;
}

.multi_step_badge,
.multi_step_badge .gov_id_approve .form-row .form-group .imgPreview {
  float: left;
  width: 100%;
}

.multi_step_badge ul.step_badge {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 100%;
  margin: 0;
}

.multi_step_badge ul.step_badge li {
  height: 45px;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  display: flex;
  align-items: center;
  margin-right: 5px;
  justify-content: center;
}

.multi_step_badge ul.step_badge li span {
  margin-right: 5px;
}

.multi_step_badge ul.step_badge li.btn-success,
.verified_badge_footer .btn-success {
  color: #fff;
  background-color: #28a745 !important;
  border-color: #28a745 !important;
}

.badge_header.modal-header {
  padding-bottom: 15px !important;
  margin-bottom: 1px;
}

.btnTakePicture .btn.takePictureBtn {
  border-radius: 5px;
}

.badge_authentication_otp,
.gov_id_approve,
.setup-content {
  border: 1px solid #ececec;
  border-bottom: none;
}

.badge_authentication_otp .badge_authentication_otp {
  border: none;
}

.gov_id_approve,
.badge_setPicture {
  padding-top: 10px;
}

.user.focused_hashtag span.hashtag {
  color: #2687c9;
}

.user.focused_hashtag.focused_hashtag1 span.hashtag {
  font-weight: 600;
}

/* STARTS: user-verification-badge-css 
--------------- Zahidul Islam ---------------
*/


.post_profile_top .post-user-profile-details .post-upd-name.postUpdName_verificationBadgeLink2 {
  display: flex;
  align-items: center;
}


.portfolio_body_left_view_friends_heading>p a.starContributors_link .user_verification_badge {
  height: 12px;
  width: 12px;
  margin-left: 1px;
}


/* zahid */


.user_badge .user_verification_badge .user_verification_svg_icon svg {
  float: left;
  height: 100%;
  width: 100%;
}

.modal-backdrop.fade.in {
  z-index: 1040 !important;
}


/* All Notifications Page Badge design */

.notifications_text.main h3 span {
  font-size: 14px !important;
  font-weight: 500 !important;
  padding-left: 0 !important;
  line-height: 21px;
}

span.multiLinkspan {
  /* float: left; */
  display: inline-flex;
}

.notifications_text.main>h3 .nav-notificaiton_date_time>span {
  font-size: 12px !important;
}

.badgeFooter.modal-footer button.btn {
  background: #2687c9 !important;
  /* cursor: not-allowed !important; */
  margin: 0px !important;
  color: #ffffff !important;
}


a.btn-style-white-round.sign-up-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

a.btn-style-white-round.sign-up-btn span.icon-checkmark {
  margin-right: 5px;
}


/* post_and_reply_showMore */

.post_and_reply_showMore {
  width: 100%;
  float: left;
  text-align: center;
  margin: 3px 0px;
}

.post_and_reply_showMore a {
  font-weight: normal;

}

.single-group-join button.btn-style-white-round.sign-up-btn {
  background: none;
  border: none;
}

.post_update_whole .aaa1.post_User_left .wallPost_userName_block span.userName,
.post_profile_top .post-user-profile-details .post-upd-name.postUpdName_verificationBadgeLink2+span.userName {
  margin-left: 0;
}

.post_update_whole .post_User_left .sharePost_userName_block a.post-upd-name+span.userName {
  margin-left: 5px;
}

@media only screen and (min-width: 520px) and (max-width: 1023.99px) {
  .contact_support_comp{
    display: none;
  }
  .tribel_support_btn_main{
    display: none;
  }
  div .fade.after_SignUp_Modal.in.modal .modal-dialog .modal-content {
    /* width: 550px !important; */
    max-width: 550px !important;
    max-height: 120vh;
  }
  .a.tribel_logo{
    margin-bottom: 0px;
  }
  .after_SignUp_Modal .modal-header h1 {
    font-size: 15px;
    margin-top: 0px;
  }
  .hp_popup_title{
    margin-bottom: 0px;
    padding: 0px;
  }
  .set_userName_row .message-signup-text h2.hp_popup_title{
    font-size: 15px;
  }
  .after_SignUp_Modal .modal-body{
    padding: 0px;
    height: auto;
  }
  .modal-body .set_userName_row{
    padding: 10px;
  }
  span.text-menu-top,
  .portfolio_body_left_nav.top-left-menu21 li.virticalmenu_li a h6,
  .HashTagSuggestion,
  .common-left-sidebar .scrolldiv.infinite-scroll-component,
  .portfolio_body_right7.main,
  .right_chatBox,
  .portfolio_header_left .home2021 span.home-text,
  section.wall_section_inner .wall_div_inner .LeftSideBar-main,
  .rightSideBar-main.group_body_right {
    display: none;
  }

  .notifications,
  .message {
    width: auto;
  }

  .portfolio_body_left_nav.top-left-menu21 li.virticalmenu_li a {
    cursor: pointer;
  }

  .container2021 {
    width: 100% !important;
    padding: 0 10px !important;
  }

  .portfolio_header .container2021 .main .search_hide1.search_hide21 .search_hide3 .logo_area {
    width: 50px;
    margin-right: 10px;
  }

  .portfolio_header .container2021 .main .search_hide1.search_hide21 .search_hide3 .logo_area a {
    float: left;
    width: 100%;
  }

  .portfolio_header .container2021 .main .search_hide1.search_hide21 .search_hide3 .logo_area a svg {
    float: left;
    width: 50px;
  }

  .menu2021.friends2021 {
    padding: 0px 5px 0px 0px !important;
  }

  span.userNameBox.userBox-2021 {
    margin-left: 0px !important;
    font-size: 10px;
  }

  .menu-text.flex-2021-text span:nth-child(1) {
    font-size: 1.2rem;
  }

  .user-label-2021 .post_profile_pic_star {
    width: 20px;
    height: 20px;
  }

  .menu2021.portfolio_dropdown {
    height: 35px;
  }

  .menu2021.portfolio_dropdown a {
    line-height: 35px;
  }

  .menu2021.portfolio_dropdown a span.user-drop-icon-2021 {
    height: 35px;
    line-height: 35px;
  }

  .LeftSideBar-main.LeftSideBar-main21 {
    max-width: 35px !important;
    margin-left: 5px;
    padding-left: 0px;
  }

  .user-drop-area {
    min-height: 130px;
  }

  .user_logo_profile {
    height: 75px;
  }

  .user_logo_profile .image-start-container .user_profile_img-2021 {
    height: 100%;
    width: 100%;
  }

  .account_setting.mar-top-2021 {
    margin-top: 10px;
  }

  .portfolio_dropdown .dropdown-pane7 {
    min-width: 230px !important;
  }

  .dropdown.dropdown-tip>.dropdown-pane7>.account_setting>a {
    line-height: 20px !important;
    font-weight: 500;
    font-size: 10px;
  }

  .profile_image_with_star {
    width: 62px;
    height: 60px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-50%, -30%);
  }

  .image-start-container {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .posts_wrapper.allpost-body-left .post_body_left .is_shared_posted .post_profile_top .post-user-profile-details {
    width: 85%;
  }

  .post-upd-top span.post_head_cat21 a {
    font-size: 8px;
    line-height: 8px;
  }

  .cover-img-extra-wall-21,
  .cover-img-extra-wall-21 form {
    position: relative;
    min-height: 188px;
    max-height: 188px;
    height: 188px;
    width: 100%;
    float: left;
  }

  .user_Profile_Info {
    padding-left: 10px;
    padding-top: 10px;
  }

  p.user-profile-name a.profile_Edit_button {
    padding: 5px;
    font-size: 10px;
    height: 24px;
  }

  .portfolio_body .portfolio_body_right,
  .portfolio_body .portfolio_body_right .portfolio_body_right2,
  .portfolio_body .wall-left-col,
  .container-nav-21,
  section.wall_section_inner .wall_div_inner,
  .container21,
  .wall-left-col .portfolio_body_right .portfolio_body_right2 .portfolio_coment .menuphoto.menu-content-photo-17.massonary-view .photo_galari__ {
    width: 100% !important;
  }

  .portfolio_body .portfolio_body_right .portfolio_body_right2 {
    margin: 0;
    padding: 0;
  }

  .find-friend-wrapper {
    max-width: 100%;
  }

  .custom-container .portfolio_body_right .portfolio_body_right2 .account_setting_left {
    width: 34%;
    /* max-width: 302px; */
    ;
  }

  .custom-container .portfolio_body_right .portfolio_body_right2 .account_setting_right {
    position: absolute;
    left: 35%;
    top: 100px;
    width: 74%;
    max-width: 625px;
  }

  .portfolio_body .portfolio_body_right div#middle_container_wrapper {
    margin: 0 auto;
    float: inherit;
  }

  .user_Profile_Info {
    display: grid;
  }

  .cover-bg .container21 .user_Profile_Info .profile-identity {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }

  .profileCover-Nav .container-nav-21 ul.profile-nav {
    margin-bottom: 6px;
  }

  .profileCover-Nav ul li {
    margin: 0 8px;
  }

  .profileCover-Nav ul li a {
    font-size: 8px;
    padding-top: 5px;
  }

  .profile-nav li a span {
    height: 16px;
    width: 16px;
    line-height: 16px;
    font-size: 8px;
    font-weight: 600;
  }

  .container21 .profile-pic-box {
    width: 140px;
  }

  .container21 .profile_popup {
    width: 140px;
    height: 140px;
  }

  .portfolio_body_right2.stopscroll.main .loaded.about_edit {
    padding: 10px !important;
  }

  .col-md-12.about-heading {
    float: left;
    width: 100%;
  }

  .portfolio_body_right2 .info-edit-popup .modal-new-style .modal-dialog .modal-content {
    padding: 10px !important;
  }

  .modal-content {
    max-height: 92vh;
  }

  .modal-content.model-popup-inner-17 .modal-body {
    max-height: 70vh !important;
    padding-top: 0;
  }

  .modal-footer button,
  .number_edit_Update button.saveNewEmailBtn.save-btn {
    font-size: 12px !important;
    width: 65px !important;
    height: 35px !important;
  }

  .profile-navbar .likes-friends span {
    font-size: 8pt;
  }
}

.textAlignCenter {
  text-align: center !important;
}

.cursorPointer {
  cursor: pointer;
}

.bulkFollow_div {
  display: none;
}

.block_tribel_user {
  align-items: center;
}

.post_profile_top.post_In_Group {
  margin-bottom: 15px;
  float: left;
  width: 100%;
}

h3.ownComment_OtherReply span.notiText.replyCommentVerificationBadge,
h3.ownComment_OtherReply span.notiText.replyCommentVerificationBadge a.notificationUserName_Link {
  display: initial;
}


.ril__errorContainer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.clear {
  clear: both;
}
.my_streamcontent3_right_history_top .general-comment-main.false .my_streamcontent_post_date.my_streamcontent_post_date_view,
.my_streamcontent3_right_history.main.comment_reply_row .my_streamcontent3_right_history_top.reply_comment_add_area .my_streamcontent_post_date.my_streamcontent_post_date_view.comment_reply_show_comment {
  z-index: 1;
}
.alignItemCenter{
  display: flex !important;
  align-items: center !important;
}
.invest_text_part{
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #000;
}
.invest_button,
.modal-footer .invest_button{
  border-radius: 14px !important;
}
.invest_top_header{
  background-color: #e3edf3 !important;
}
.report_modal_fade_in{
  z-index: 999999999999999 !important;
}
.row.mobile_number_verification {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 55px 0px 20px;
}
.row.mobile_number_verification input.form-control {
  width: 100%;
  /* border-radius: 12px 0px 0px 12px !important; */
}
.mobile_number_verification_main .form-grup.otp_inputBox div {
  justify-content: center;
  align-items: center;
}
.mobile_number_verification_main .opt_fild {
  position: absolute;
  bottom: 35px;
}
/* .row.mobile_number_verification .send_otp {
  position: absolute;
  right: 15%;
}
.row.mobile_number_verification .send_otp button{
  background: transparent;
  border-radius: 5px;
  border: 1px solid lightgray;
} */
.row.mobile_number_verification .otp_number_display_inline_flex {
  display: inline-flex;
}
.row.mobile_number_verification .otp_number_display_block {
  display:block
}
.resend_otp_section {
  text-align: center;
}

.row.mobile_number_verification .otp_number {
    width: 90% !important;
}
.mobile_number_verification_main button.send_otp_button {
  margin: 0 !important;
  background: #2687c9 !important;
  color: #fff !important;
  float: right !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 19px !important;
  text-align: center !important;
  border: none !important;
  border-radius: 12px !important;
  /* width: 79px !important; */
  height: 41px !important;
  padding: 0px 20px;
}
.send_otp_div{
  display: flex;
  justify-content: center;
}