div#StdHomePage .RightPane {
    float: left;
    max-width: 456px;
    padding: 0;
    text-align: right;
    width: 49%;
}
.OFFLINE .Logo img {
    max-height: 75px;
    max-width: 232px;
    padding: 2% 0;
}
.LOGIN div#StdHomePage .LeftPane {
    color: #ffffff;
    float: left;
    font-size: 1.2em;
    line-height: 1.5em;
    width:50% !important;
}
.Collaborate .Search input {
    text-overflow: ellipsis !important;
}
.Welcome .Collaborate.Home.container {
    /*max-width: 75% !important;*/
}
.PostedMessage > a{
    word-wrap: break-word;
}
.btn-search{
    display:none;
}
.LetterContainer .ClearAfter .affix{
    padding: 0 0 0 7px!important;
}
.jcrop-holder {
    max-height: 651px;
    background-color: #f0f0f0 !important;
}
.jcrop-holder img {
    max-height: 651px;
    background-image: url('/img/WOLTransBG.png');
}
.jcrop-tracker {
    max-height: 651px;
}
.EmojiContainer div.arrow-up {
    left: 39px;
}
.CoverPhotoInner .CoverPhotoOptions > span {
    /*font-size: 1.5em;*/
    position: absolute;
    /*right: 30%;*/
    /*top: 50%;*/
    vertical-align: middle;
    display: none;
    line-height: 2em;
}
.MyGroupPhoto{
    min-height: 400px;
}
@media(max-width:1600px) {

    /* PIN TOPIC*/
    .pinTopic {
        width: 48%;
    }
    .addButton{
        width:48%;
    }
    #topicForm input{
        width: 78%;
    }
    #topicForm {
        margin: 2px;
    }
    .addButton p {
        padding-top: 23%;
    }
    .EmojiContainer {
        left:25px;
    }
    .EVENT .EmojiContainer {
        left: 18px;
        top: 185px;
    }
    .GROUP .EmojiContainer {
        left: 25px;
    }
    /*.CoverPhotoInner .CoverPhotoOptions > span{*/
    /*right:26%;*/
    /*}*/

    .GROUP .FeedAnnouncements .DateBadge {
        float: none;
        margin-bottom: 5px;
        position: relative;
        width: 100%;
    }
    .GROUP .FeedAnnouncements .Row.EventRow {
        padding: 5px;
        overflow: hidden;
    }
    .GroupPage_Feed .MyRegStatus {
        right: 10px;
    }
}
@media(max-width:1440px){

    .ONLINE.SOL_0.SideMenuOpen_0 .TodayBottom {
        width: 95% !important;
    }

    .dayChart{
        width:28%!important;
    }
    .monthChart{
        width:47%!important;
    }
    .quarterChart{
        width:25%!important;
    }
    .MyGroupPhoto{
        min-height: 250px;
    }

}
@media(max-width:1375px){

    .bad-email-box {
        display: none;
    }
    .bad-email-box-mobile {
        display: block !important;
        left: 50%;
    }

    .OFFLINE header#MainHeader .InnerBanner {
        float:none;
        width:100%;
        padding: 10px 10px;
    }
    .OFFLINE header#MainHeader .InnerBanner .horz-menu-wrapper {
        text-align: right;
    }
    .OFFLINE .BasicCollaboration {
        margin-top: 0;
    }
    .OFFLINE .Collaborate.Home.container {
        width: 95%;
        margin: 0 auto 0;
    }

    .wolcols.wolcol_1,
    .wolcols.wolcol_2 {
        width: 50% !important;
    }
    /*    .FarRightPane {
            border: 0 none;
            bottom: auto;
            color: #ffffff;
            height: auto;
            top: 13px;
            z-index: 2000;
            background-image: none;

        }*/
    /* .FarRightPane .OnlineContainer {
         opacity: 0;
         background-color: #fff;
         -webkit-transition: opacity 0.2s ease-out;
         -moz-transition: opacity 0.2s ease-out;
         -o-transition: opacity 0.2s ease-out;
         transition: opacity 0.2s ease-out;
     }*/
    /*
    .FarRightPane:hover .OnlineContainer {
        opacity: 1;
        -webkit-transition: opacity 0.2s ease-out;
        -moz-transition: opacity 0.2s ease-out;
        -o-transition: opacity 0.2s ease-out;
        transition: opacity 0.2s ease-out;
    }*/
    /*    .FarRightPane div > h2 {
            background: none repeat scroll 0 0 #333333;
            padding: 5px 0 10px;
            margin: 0;
        }
    */
}
/* Portrait tablets and medium desktops */
@media(max-width:1280px){

    .horz-function-menu li.btn {
        font-size: 14px;
    }
    #top-menu-banner .btn {
        padding: 6px 2px;
    }
    .ChannelContainer .MessageArea {
        width: 50% !important;
    }
    .SurveyEdit .AllQuestions .Quest {
        width: 80%;
    }
    .CoverPhotoInner .CoverPhotoOptions > span {
        right: 17%;
    }
    .CoverPhotoInner .FlyOutMenu {;
        right: 21%;
        top: 88%;
    }
    .AllEventsList .Row.EventRow {
        width: 100% !important;
    }
    .EVENTS.List-Management .StepLine {
        top: 41px;
    }
    .ADMIN .ListManagerContainer .StepLine {
        top: 41px !important;
    }
    .ProfileImages .BigCoverPhoto .CoverPhoto .CoverPhotoInner {
        width: 100%;
    }
    .MY-PHOTOS .AlbumDetails{
        width: 56%;
    }
    .popover{
        left: -37px;
    }
    .CoverPhotoOptions .cameraShadow {
        left: 306px;
    }
    .EDIT-GROUP.ANALYTICS .AnalyticChartContainer .GroupChart .cols3 .dispBox {
        width: 25%;
    }
    .EDIT-GROUP.ANALYTICS .AnalyticChartContainer .GroupInfo {
        width: 100% !important;
    }
    .EDIT-GROUP.ANALYTICS .AnalyticChartContainer .GroupAnalytic {
        width: 100% !important;
    }
}
@media(max-width: 1024px) {
    .ChannelContainer #ChatMessageArea {
        width: 50% !important;
        top: 115px !important;
    }

    .FEED .BlogListContainesr .flex-container.cols4.mobile2>.flex-item {
        width: 49% !important;
    }
    .FEED .VideoCollection .flex-container.cols4>.mobile2.flex-item {
        width: 49% !important;
    }
    .FEED .Container .MiddlePane .LeftSidePane {
        width: 60%;
    }
    .FEED .Container .MiddlePane .RightSidePane {
        width: 40%;
    }
    .FEED .Port.Port-Events .cols2 > div, .cols2.mobile1 > a > div {
        width: 100%;
    }

    .box-badge {
        width: 100% !important;
        margin: 10px 0 0 0 !important;
    }
    .box-badge span:first-child {
        font-size: .9em;
    }
    .box-badge span:last-child {
        font-size: .5em;
    }
    .menu.fixed {
        width: auto;
        position: static;
    }
    .EventViewContainer .cols.float-right > div {
        float: right;
        /* width: 98%; */
        position: relative;
        /* top: 28px; */
    }
    .BasicCollaboration {
        margin-top: 48.375px !important;
    }
    .BlogPost .colsFloatLeft.cols>div {
        float: none;
    }
    .BlogPost .PostBodyLeft {
        width: auto !important;
    }
    .BlogPost.SOL_0 .MainBody > div {
        width: auto !important;
    }
    .BlogPost .PostDetailsRight {
        width: auto !important;
    }
    .BlogPost .CoverPhoto {
        margin: 0 20px;
        width: auto;
    }
    .input-group.width.width-table-30.SearchBox.std-search-box {
        width: 60%;
    }
    .OFFLINE .Collaborate.Home.container {
        width: 95%;
    }

    .ChannelContainer #ChatMessageArea {
        top: 48px;
    }
    .side > div {
        padding: 0 5px 10px;
    }

    .ChannelContainer .PostOwner_1 .MessageOwners.ClearAfter {
        margin-left: 40%;
    }
    .ChannelContainer .PostOwner_0 .PostedMessage{
        margin-left: 10%;
    }
    .CHANNELS .PostOwner_0 .PostedMessage .arrow-down{
        margin-left: 4%;
    }
    .CHANNELS .Heading > h1{
        font-size: 1.5em;
    }

    .ChannelItem .Avatar {
        left: 0;
        top: 3px;
        width: 29px;
    }

    .ChanType_2.ChannelItem{
        min-height:60px;
    }

    .ChannelItem {
        min-height: 30px;
        padding: 10px 0 0 35px;
    }

    .ChannelItem .fa.fa-times-circle-o {
        display: none;
    }

    .OptAdv {
        display: none;
    }
    .addButton, .pinTopic{
        height: 100px;
    }
    #topicForm input {
        width: 66%;
    }
    .NavControls {
        position: static !important;
        z-index: auto;
        width: auto !important;;
        margin: 0 auto 20px !important;
    }

    .FEED .FeedSuggestions .Events .Row {
        padding: 5px 20px 5px 0;
        width: 100%;
    }
    .FEED .FeedSuggestions .MEGroupName {
        margin-top: 90px;
    }
    .EmailCampaignFunctions .ECFuncs > div > div i {
        margin: 10% 0 0 0 !important;
        font-size: 1.5rem;
    }
    .EditEvent .RegistrationDateTime.RegDates {
        float: left;
        width: 100%;
    }
    .CoverPhotoInner .CoverPhotoOptions > span {
        font-size: 1.1em;
        top: 53%;
    }
    .PROFILE-REVIEW .CoverPhotoInner .CoverPhotoOptions > span {
        font-size: 1.5em;
        top: 53%;
    }
    .CoverPhotoInner .CoverPhotoOptions > i {
        font-size: 6em;
    }
    .CoverPhotoInner .CoverPhotoOptions > span {
        right: 14%;
    }
    .CoverPhotoOptions .cameraShadow {
        left: 238px;
    }
    .modal-content {
        margin-bottom: 10%;
    }
    .jcrop-holder {
        max-height: 533px;
        min-height: 234px;
    }
    .jcrop-holder img {
        max-height: 533px;
    }
    .jcrop-tracker {
        max-height: 533px;
    }
    .jcrop-holder img {
        max-height: 533px;
    }

    .Profile .MessageFlow .FeedItem .CommentLineIndicator .AImage > img {
        width: 100%;
    }
    .Blogs li .Description {
        padding: 0 17px;
        height: 60%;
        bottom: 5px;
    }
    .Profile .AddlOptions .optionsbtn {
        background-color: #f0f0f0;
    }
    .ProfileSuggestions .GroupListContainer .FullGroupList {
        -moz-columns: 3 auto;
        -webkit-columns: 3 auto;
        columns: 3 auto;
    }
    .ProfileImages .BigCoverPhoto .CoverPhoto .CoverPhotoInner {
        width: 100%;
    }
    .PROFILE-REVIEW.ProfileImages .BigCoverPhoto .CoverPhoto .CoverPhotoInner {
        width: 100%;
    }
    .PROFILE-REVIEW .CoverPhoto .CoverAvatar {
        left: 0;
    }
    .PROFILE-REVIEW .CoverPhotoInner .CoverPhotoOptions > span {
        right: 30%;
    }
    .popover{
        left: -52px;
    }
    .Collaborate .ProfileOptions .NameTitle{
        width: 47%;
    }
    .EventRightPane > div:not(.alert) {
        padding: 0 2px;
    }

    .ImageCropper > div {
        float: none;
    }
    .ImageCropper .ImageCroppingDescription {
        width: 100%;
        padding-left: 23px;
    }
    .PhotoNotes{
        width: 97%;
    }
    .ANALYTICS #pieParent > div {
        width: 50%;
    }

    .AnalyticContainer > div {
        float: none !important;
        width: 100% !important;
    }

    .AnalyticContainer > div.Analytic.Followers {
        width:100%;
    }
    .Analytics .Engagements > div {
        background-color: #f0f0f0;
        margin: 9px 1px;
        padding: 5px;
    }
    .thumbnails .Blogs > li {
        width: 33.3%;
    }
    .Event .AdminOptions {
        left: 80%;
    }
    .Event .Register .btn {
        padding: 6px 6px;
    }
    .Event .EventRightPane .MainRefMsg {
        padding: 15px 5px;
    }
    .EVENTS .EventInfoContainer .EICRight {
        margin-top: 20px;
    }
    .EVENTS .EventInfoContainer > div {
        width: 100%;
    }
    .ADMIN .EventInfoContainer .EICLeft > div {
        width: 100%;
    }
    .CHANNELS .MessageBody.AttachCount_5 .AImage.AImageCnt_1, .CHANNELS .MessageBody.AttachCount_5 .AImage.AImageCnt_3, .CHANNELS .MessageBody.AttachCount_5 .AImage.AImageCnt_4 {
        margin-right: 2px;
    }
    .CHANNELS .MessageBody .ImagesPlus .AImage.AImageCnt_1, .CHANNELS .MessageBody .ImagesPlus .AImage.AImageCnt_3, .CHANNELS .MessageBody .ImagesPlus .AImage.AImageCnt_4 {
        margin-right: 2px;
    }
    .CHANNELS .MessageBody.AttachCount_3 .AImageCnt_2 {
        margin-right: 3px;
    }
    .EDIT-GROUP.Func_advertising-management .MainBody .LeftPaneProfile {
        display: none !important;
    }
    .EDIT-GROUP.Func_advertising-management .MainBody .RightPane {
        width: 100%;
    }
    .ConvoMiniBox.ConvoMin:nth-child(3) {
        display: none;
    }
    .ONLINE.SOL_0.cust-page-body .TableContainer,
    .ONLINE.SOL_0 .ProfileOptions,
    .ONLINE.SOL_0 .MainBody > div,
    .ONLINE.SOL_0  .Collaborate.Home.container
    {
        /*width: 70% !important;*/
        margin: 0 auto !important;
    }
}
@media(max-width:980px) {

    body.v2-menu-body .main-header-section .profile-options-container {
        top: 36px;
    }

    #FullGroupList ul > .jscroll-inner > div,
    #FullGroupList.no-lazy-load > ul > div {
        width: 48% !important;
    }
    .stickyScroll .ProfileOptionsContainer.stickyElem {
        top: 54px !important;
    }
    .std-search-container {
        padding: 10px;
        border-radius: 0;
        border: 0;
        bottom: unset !important;
    }
    .std-search-container input {
        font-size: 1.25em;
    }
    .main-banner-container .mb-menus ul,
    .main-banner-container .mb-logo img  {
        display: none !important;
    }
    .OFFLINE .mobile-menu {
        display: none !important;
    }
    .main-banner-container .mobile-menu-spacer {
        display: block;
    }
    .mh-section-container .mobile-menu {
        display: block;
    }
    .main-header-section .main-banner-container {
        justify-content: left !important;
    }

    .search-residencies .residency-list {
        flex-flow: column;
    }
    .search-residencies .residency-list > div {
        width: 100% !important;
    }
    .residency-list {
        flex-flow: column;
    }
    #MainHeader .std-search-container {
        display: none;
        position: absolute;
        top: 48.375px;
        left: 0;
        width: 100%;
        border-radius: 0;
        padding: 11px;
        border-bottom: 1px solid #ccc;
    }
    .middle-text h1 {
        font-size: 2.5rem !important;
    }
    .quick-analytics {
        display: none;
    }
    .portal-image .portal-search-container {
        display: none;
    }
    ul.Groups.search-menu.flex-container>div {
        max-width: unset;
    }
    body#body {
        background-position: 50% 47px !important;
    }

    .main-menu-functional-area .AdminOptions .dropdown-menu {
        max-height: 95vh;
        overflow: scroll;
    }
    .FullGroupList > li {
        width: 32%;
        float: none;
    }
    .DispOptions.GroupListContainer {
        padding: 0 10px;
    }
    .main-menu-functional-area .AdminOptions .dropdown-menu {
        right: unset;
        width: 400px;
        left: -50px;
    }
    .main-menu-functional-area .AdminOptions .dropdown-menu .flex-container > div {
        width: 45%;
    }
    .main-menu-functional-area .AdminOptions .dropdown-menu .flex-container > div:last-child {
        width: 95%;
    }
    main-menu-functional-area .AdminOptions .dropdown-menu .flex-container > div:last-child {
        width: 95%;
    }
    div.TodayBottom.flex-container.cols1.mobile.mobile1.PortStyle_1.css-mobile-1.css-mobile-2.ClearAfter {
        margin-top: 60px !important;
    }

    .stickyScroll .ProfileOptionsContainer.stickyElem {
        top: 48px;
    }

    .ONLINE.SOL_0.SideMenuOpen_1 .FarRightPane.TenantRightPaneBG.TenantRightPaneFG.slideInRight {
        display: block;
    }

/*    .ONLINE.SOL_0.cust-page-body .TableContainer,
    .ONLINE.SOL_0 .ProfileOptions,
    .ONLINE.SOL_0 .MainBody > div,
    .ONLINE.SOL_0  .Collaborate.Home.container {
        top: 48px;
    }

 */
    .ChannelContainer.flex-container {
        column-gap: 0;
    }
    .ChannelFunction.side.side-pane-70 {
        width: 70% !important;
    }
    .CHANNELS .Feed .Message,
    .CHANNELS .ChannelContainer .MessageArea {
        left: 33%;
    }
    .miniOCContainer {
        display: none;
    }
    .CHANNELS .Participants {
        display: none;
    }
    .ChannelContainer #ChatMessageArea {
        top: 48px !important;
    }
    .CHANNELINTOMODE.AllChannels .ChannelLeftPaneList,
    .CHANNELS.AllChannels .ChannelLeftPaneList  {
        display: block;
        width: 100%;
    }

    .CHANNELINTOMODE .ChannelItem .ChanTitle,
    .CHANNELS .ChannelItem .ChanTitle {
        width: 85%;
    }
    .CHANNELS .ChannelLeftPaneList.ChannelFunction {
        width: 30%;
    }
    .CHANNELS .Feed.ChannelFunction {
        width: 60%;
        max-width: 800px;
    }
    .left-menu .CM.Search {
        display: none;
        margin: 0;
        max-height: unset;
    }
    .CM.Search:not(.portal-search) {
        width: 100% !important;
        border: 0;
        border-bottom: 2px solid #ccc;
        box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2);
        margin: 0;
        padding: 0;
        position: absolute !important;
        left: 0 !important;
        top: 48px;
        border-radius: 0 !important;
    }
    .CM.Search.show input {
        background-color: #ffffff;
        display: block;
        font-size: 1.25em !important;
        padding: 20px;
    }
    #SearchBoxContainer {
        top: 55px;
    }
    .MainMenu {
        visibility: visible;
        width: 35%;
        max-width: 300px;
    }
    .ONLINE.SOL_0 p.ProfileViewWarning {
        width: auto;
        margin: 0;
    }
    .portal-top.flex-container,
    #top-menu-banner{
        display: none;
    }
    header#MainHeader {
        top: 0 !important;
    }
    #MainHeader .InnerBanner .MenuLeft>div.MenuAction {
        display: block !important;
    }

    header#MainHeader {
        position: fixed;
        top: 0;
    }
    .std-v2-banner {
        display: none !important;
    }
    header#MainHeader .MenuLeft {
        display: block !important;
    }
/*    .MainMenu {
        display: block !important;
        width: 30%;
    }
    .MainMenu .TULLLogo {
        display: block !important;
    }
    #MainHeader #TULLLogo {
        display: none !important;
    }
*/
    .TULL_1.Collaborate .BannerEditProfile {
        margin-left: 5px !important;
    }
    .TULL_1.Collaborate .BannerEditProfile {
        margin-left: 20px;
    }
    #MainHeader>div>.CM.Search {
        float: none;
        max-width: none;
        position: absolute !important;
        right: 0;
        top: 48px;
        width: 100% !important;
        display: none;
    }
    .EVENT.ONLINE.HideNavChrome_1 .ProfileOptions, .EVENT.ONLINE.HideNavChrome_1 .MainBody > div, .BLOG.ONLINE.HideNavChrome_1 .ProfileOptions, .BLOG.ONLINE.HideNavChrome_1 .MainBody > div, .SURVEY.ONLINE.HideNavChrome_1 .ProfileOptions, .SURVEY.ONLINE.HideNavChrome_1 .Collaborate.Home.container, .BLOG.ONLINE.HideNavChrome_1 .StatusBar>.alert, .BLOG.ONLINE.HideNavChrome_1 .CoverPhoto {
        width: 97.5%;
    }
    .ThemeMenuStyle_0 .BasicFunctions .AddlMenus{
        display: block!important;
    }
    .PublicPage.pg_Feed.BASEPAGE .MainBody.Container .RightPane, .PublicPage.ProfilePage_Feed.PROFILE .MainBody.Container .RightPane {
        width:70%;
    }
    .ADMIN .LogoDominants {
        width: 90%;
    }
    .ADMIN .Container.ThemeBuilder.AdminBody {
        width: 100%;
    }
    .SURVEY .PublishedSurvey {
        width: 100%;
        margin: 0 auto;
    }
    .GroupPage_FILES .FileManager.FileAdmin .menu.menu-options-right {
        margin: 0;
    }
    .GroupPage_FILES .FileManager.FileAdmin .side-pane-70.mobile > div > h2 {
        margin: 0;
    }
    .GroupPage_FILES .FileManager.FileAdmin .Header > h3 {
        padding: 0;
    }
    .EDIT-GROUP.Func_advertising-management .MainBody .LeftPaneProfile, .EDIT-GROUP.Func_event-queries .MainBody .LeftPaneProfile {
        display: none !important;
    }
    .CHANNELS .MobileFuncs .CFL {
        display: none;
    }
    .EDIT-GROUP.ANALYTICS .AnalyticChartContainer .GroupInfo {
        width: 100% !important;
    }
    .EDIT-GROUP.ANALYTICS .AnalyticChartContainer .GroupAnalytic {
        width: 100% !important;
    }
    .EDIT-GROUP.ANALYTICS .AnalyticChartContainer .GroupChart .cols3 .dispBox {
        width: 25%;
    }
    .ProfileEdit .Container .RightPane {
        float: left;
    }
    .ProfileEdit .MainBody .LeftPaneProfile,.EDIT-GROUP .MainBody .LeftPaneProfile {
        display: block;
    }
    .EDIT-GROUP.ANALYTICS .MainBody .LeftPaneProfile {
        display: none;
    }
    .EDIT-GROUP.Func_member-management .LeftPaneProfile {
        display: none;
    }
    .ProfileEdit .Footer.SaveButton,.EDIT-GROUP .Footer.SaveButton {
        display: none;
    }
    .GroupEdit .ProfileOptions,.EDIT-BLOG .ProfileOptions, .EVENTS .EditEvent .ProfileOptions {
        display: none;
    }
    .EVENTS .MobileFuncs .EditEvent .ProfileOptions {
        display: block;
    }
    .EVENTS .MobileFuncs .ProfileOptions div > .Options {
        width: 100%;
        background-color: #f0f0f0;
        border-bottom: 1px solid #cccccc;
        color: #999999;
        float: none !important;
        max-width: none;
        display: block !important;
    }
    .EDIT-GROUP .RightPane > div,.EDIT-BLOG .RightPane > div {
        border: 0;
        padding: 30px 10px 0;
    }
    .CoverPhotoInner .CoverPhotoOptions > span {
        font-size: 1.5em;
        top: 53%;
        right: 8%;
    }
    .Group .LeftPane{
        display:none;
    }
    .Group .MainBody > div {
        width: 100%;
    }
    .CoverPhotoSpinnerBars {
        height: 15px !important;
        left: 30%;
        top: 75% !important;
        width: 200px !important;
    }
    .CoverPhotoOptions .cameraShadow {
        left: 340px;
    }
    /* channels */
    .Participants.width.width-table-40 {
        right: 0 !important;
    }
    .ChannelFunction.ChannelLeftPaneList.side.side-pane-30 {
        height: 100% !important;
    }
    .Participants.width.width-table-40 {
        height: 100% !important;
    }
    .MenusOpen .ChannelPost {
        bottom: 0 !important;
    }
    /* End of Channels */

    .TodayContainer .BlogTitle {
        top: 5% !important;
    }
    .IMAnchor {
        bottom: 0;
    }
    .ConvoContainer {
        right: 0 !important;
    }

    .FavoritesBar {
        display: none;
    }
    .onlineBottomContainer{
        bottom:0px;
    }
    .AdminFunctions {
        width: 100%;
    }
    .RightPane > div > .LeftPaneFeed {
        width: 100%;
        float: left;
    }
    .PROFILE .People .Web,.PROFILE .People .Mobile,.GROUP .People .Web,.GROUP .People .Mobile{
        display: none;
    }
    .FarRightPane {
        width: 35%;
        max-width: 300px;
    }
    .CollabMenu .BasicFunctions {
        display: none;
    }
    .CollabMenu .AddlMenus,
    .CollabMenu .SearchIcon,
    .CollabMenu .MemberList,
    .MobileFuncs {
        display: block;
    }
    .MobileFuncs{
        max-height: 50%;
        overflow-y: scroll;
    }
    p.ProfileViewWarning {
        margin: 0 auto;
        width: 100%;
    }
    .MenuContainer div >.Options {
        display: block;
        visibility: hidden;
    }
    .stickyScroll .ProfileOptions,
    .PROFILE .Container,
    .GROUP .Container,.ProfileOptions,
    .PROFILE .CoverPhoto,
    .GROUP .CoverPhoto   {
        width: auto !important;
        margin-left: unset!important;
        min-height:40px;
        margin-top: 0 !important;
    }
    .ProfileOptions .MobileDisplayOptions {
        display:none;
    }
    .CollabMenu .BasicFunctions {
        display: none;
    }
    .CollabMenu .AddlMenus,
    .CollabMenu .SearchIcon,
    .CollabMenu .MemberList {
        display: block;
    }
    .EDIT-PROFILE .CollabMenu .AddlMenus {
        display: block;
    }
    .CollabMenu .SmallMenuFunctions .MemberList,
    .CollabMenu .SmallMenuFunctions .AnalyticList,
    .CollabMenu .SmallMenuFunctions .CommunityManager,
    .CollabMenu .SmallMenuFunctions .NotificationsDisplay {
        display: inline;
    }
    .TodayContainer .carousel.slide {
        width: 100% !important;
        height: 432px !important;
        overflow:hidden;
    }
    .OFFLINE .carouselBanner.slide.AdvertisingBanner {
        width: 100%;
    }
    .TodayContainer .BlogImage::before {
        height: 432px !important;
    }
    .EVENTS .bar{
        display: none;
    }
    .EVENTS .actionsinrow.cols10 > div {
        width: 50%;
    }
    .EVENT .actionsinrow.cols9 > .actions {
        width:0;
    }
    .EVENTS .Mobile{
        display:block;
        font-weight: 400;
        text-align:right;
    }
    .EVENTS .Web{
        display:none;
    }
    .EVENTS .Web.cols6{
        display:block !important;
    }
    .EVENTS .Mobile6{
        display:none !important;
    }
    .EVENTS .ReportsContainer .std.row{
        border: 1px solid #ccc;
        line-height: 25px;
        width:100%;
    }
    .EVENTS .actionsinrow.cols9 > div,.EVENTS .actionsinrow.cols7 > div {
        width: 50%;
    }

    .EventReports .Options {
        padding: 40px 0;
        text-align:left!important;
    }
    .report-options label{
        margin: 0 0 22px 12px;
    }
    .EVENTS .menu > h1, h2{
        padding: 9px;
    }
    .EVENTS .EmojiContainer .menu > h1, h2{
        padding: 0;
    }
    .EVENTS .Analytics{
        padding:0;
    }
    .EVENTS .smallEventInfo {
        background-color:#fff;
        margin:2px;
        padding: 6px;
    }
    .EventReports .menu-options-right{
        padding: 5px 8px 15px 0;
        margin-top: 70px;
    }
    .EventReports .menu > h1{
        top: 20px;
    }
    .report-options .input-group {
        margin: 10px;
    }
    .actionsinrow.cols9 > .actions,.actionsinrow.cols7 > .actions {
        width:30% ;
    }
    .Profile .RightPaneFeed .Advertising {
        display: none;
    }
    .AdvEdit .CampaignDetails.ClearAfter > div {
        width: 29%;
    }
    .AdvEdit .CampaignDetails.ClearAfter > div.Edit {
        width: 10%;
    }
    .EDIT-GROUP .EditFormContainer div.AccessCode {
        width: 100%;
    }
    .EDIT-GROUP .ProfileOptions {
        width: 100%;
    }
    .Container .LeftPane{
        background-color:#fff !important;
    }
    .PROFILE .Container .RightPane {
        width: 70%;
    }
    .GroupView .Container .RightPane {
        width: 100%;
    }
    .Profile .MainBody > div {
        width: 100%;
    }
    .Profile .MainBody .LeftPaneProfile {
        width: 20%;
    }
    .ProfileEdit .MainBody .LeftPaneProfile,.EDIT-GROUP .MainBody .LeftPaneProfile {
        width: 20%;
    }
    .EDIT-PROFILE .Container .LeftPane, .EDIT-PROFILE .Container .RightPane {
        width: 80%;
    }
    .Collaborate .NameTitle{
        Width:43%;
    }
    .ConnectionsList .LetterContainer.ClearAfter.affix{
        width: 100% !important;
        padding:0 !important
    }
    .MEMBER-DIRECTORY .LetterContainer.ClearAfter.affix{
        padding: 0!important;
    }
    .ConnectionsList .LetterContainer.ClearAfter.affix{
        padding: 0 !important;
    }
    .BlogTitle.jumbotron {
        font-size: 1.75em !important;
        padding-top: 15% !important;
    }

    .EDIT-BLOG-POST .EditFormContainer.EditBlogPost {
        width: 100%;
    }
    .BeTheFirstPost {
        font-size: 2em;
        padding: 0;
        text-align: left;
    }
    .BeTheFirstPost > img {
        width: 20%;
    }

    .Announcements > div {
        float: none;
    }
    .Announcements .TopLeft,.Announcements .TopRight {
        width: 100%;
    }

    .ParallaxBody {
        position: static;
    }
    .Container .LeftPane {
        width: 40%;
    }

    /*--------- login ----------*/

    .LOGIN div#StdHomePage .RightPane {
        float: left;
        max-width: 456px;
        padding: 0;
        text-align: right;
        width: 40% !important;
    }
    .LOGIN .Logo img {
        height: auto;
        max-width: 165px;
    }

    /*---------  login----------*/


    .Collaborate .Search input {
        text-overflow: ellipsis !important;
    }
    .Collaborate.container {
        padding: 0;
    }
    .panel.panel-default {
        min-width: 120px;
    }
    .panel-title {
        font-size: 0.8em;
        font-weight: 200;
        text-align: center;
    }
    .Collaborate.Home.container {
        max-width: none !important;
    }
    /*    .Container .LeftPane {
            max-width: 20%;
            text-overflow: ellipsis !important;
            width: 20%;
        }
        */
    ul.Groups:not(.search-menu) li > div {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 85%;
    }

    .Collaborate.container .LeftPane {
        width: 20%;
    }
    .Collaborate .CM.MoreOptions .BasicFunctions > div,
    .Collaborate .CM.MoreOptions .SearchIcon,
    .Collaborate .CM.MoreOptions .AddlMenus,
    .Collaborate .CM.MoreOptions .MemberList
    {
        /*    margin-left: 12px; */
    }
    /*  .Container .LeftPane {
            width: 50%;
        }
        .Container .MiddlePane {
            width: 50%;
        }
    */
    .Advertiser > img {
        height: 298px !important;
        width: 100% !important;
        max-width: 398px;

    }
    .Collaborate.Home.container {
        max-width: 100%;
    }

    /*.PROFILE .CoverPhoto, .GROUP .CoverPhoto, .BLOG .CoverPhoto,*/
    /*.PROFILE .MainBody, .GROUP .MainBody, .BLOG .MainBody*/
    /*{*/
    /*width: 100%;*/
    /*}*/

    .FeedItem .fi-comment {
        display: inline;
    }
    .MainMenu, .FarRightPane {
        min-width: 160px;
    }

    .Collaborate.container, .MainBody {
        width: 100% !important;
    }
    .OFFLINE .Collaborate.Home.container {
        width: 95% !important;
    }
    body {
        /* background-image: none !important; */
    }
    .BLOG .LeftPane {
        display: none;
    }
    .BLOG .FeaturedImage .PostAuthor {
        bottom: -32px;
    }

    .SignIn {
        display: none;
    }
    .Welcome.LOGIN .SignIn {
        display: block;
    }
    .OptionsnRow:after {
        clear: both;
        content: " ";
        display: block;
    }
    .OptionsnRow {
        padding: 5px;
    }
    .OptionsnRow span {
        color: #fff;
    }
    #FormProfileLogin {
        background-color: transparent !important;
    }
    .Welcome.LOGIN #FormProfileLogin {
        background-color: rgba(0, 0, 0, 0.6) !important;
    }

    .MoreLinks {
        display: none !important;
    }
    .Portlet .fi-arrows-out {
        display: none;
    }

    /*--------login-----------*/
    .LOGIN .SignIn {
        display: none !important;
    }
    .LOGIN .form-control {
        font-size:1.1em;
    }
    .LOGIN .MobileLogin {
        /* display: block !important; */
    }
    .LOGIN .MobileLogin .SignIn {
        display: block !important;
    }
    .LOGIN div#StdHomePage {
        /* margin: 5% auto; */
    }
    .LOGIN .StdRow.Action {
        float: right;
        padding-top: 2%;
    }
    .LOGIN .LoginRow {
        padding: 5% 5% 0;
    }
    .LOGIN .StdLabel {
        display: none !important;
    }
    .LOGIN .MobileLogin .form-control.xRequired.xEmail {
        margin-bottom: 2%;
    }
    .LOGIN .StdRow.Action > input {
        background-color: rgba(0, 0, 0, 0);
        border: 2px solid #ffffff;
        border-radius: 3px;
        color: #ffffff;
        padding: 7px 32px;
        text-transform: uppercase;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }
    .LOGIN .StdRow.Action > input:hover {
        background-color: rgba(255, 255, 255, 1);
        border: 2px solid #ffffff;
        border-radius: 3px;
        color: #000000;
        padding: 7px 32px;
        text-transform: uppercase;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }
    .Welcome.LOGIN #FormProfileLogin {
        background-color: rgba(0, 0, 0, 0.6);
    }
    .InnerBanner .StdRow.Email input, .InnerBanner .StdRow.Password input {
        font-size: 1.3em;
        width: 100%;
    }
    .ProfileLogin {
        padding: 0 !important;
    }
    .LOGIN .InnerBanner .SignIn {
        border: 0 none;
        border-radius: 8px 8px 0;
        color: #666666;
        display: inline-block;
        float: none;
        margin-right: 0;
        min-width: 97% !important;
        padding-left: 3%;
        padding-top: 8.5% !important;
    }.LOGIN div#StdHomePage .LeftPane {
         color: #ffffff;
         float: none;
         font-size: 1.2em;
         line-height: 1.5em;
         min-width: 100%;
         width: 50%;
         display:none;
     }
    .RightPane {
        /* text-align: center !important; */
    }
    .LOGIN .Logo img {
        height: auto;
        max-width: 220px;
        text-align: center !important;
    }
    .LOGIN div#StdHomePage .RightPane {
        float: none;
        max-width: none !important;
        padding: 0;
        text-align: center;
        width: 100% !important;
    }
    .LOGIN .InnerBanner {
        float: left;
    }
    .InnerBanner {
        float:none;
        width:100%;
    }
    .OFFLINE header#MainHeader .InnerBanner {
        float:none;
        width:100%;
        padding: 10px 10px;
    }
    .OFFLINE header#MainHeader .InnerBanner .horz-menu-wrapper {
        text-align: center;
    }
    .OFFLINE .BasicCollaboration {
        margin-top: 0;
    }
    .InnerBanner .ProfileLogin {
        background-color: rgba(0, 0, 0, 0.25);
        border: medium none;
        border-radius: 5px;
    }
    .InnerBanner .ProfileLogin > form {
        padding: 10px 10px 0 10px !important;
        position: relative;
    }
    .OptionsnRow > div {
        float: left !important;
        width: 40% !important;
    }
    .StdRow.ForgotPassword {
        margin: 0;
    }
    .StdRow.ForgotPassword > span {
        font-size: 0.9em;
    }
    /*--------login------------*/

    .Collaborate .Portlet {
        background-color: #fafafa;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        float: left;
        min-height: 200px;
        padding: 3%;
        width: 50% !important;
        margin:0px;
    }
    /*.fi-list-bullet:before {
        content: "?";
        display: none;
    }*/
    .Collaborate .Container .MiddlePane {
        left: 0;
        position: relative;
        top: 0;
        width: 100%;
    }
    div#StdHomePage .Intro p {
        font-size: 0.8em;
        font-weight: 200;
        line-height: 1.5em;
    }
    div#StdHomePage {
        margin: 51% auto;
    }
    .CHANNELS .ChannelContainer .MessageArea.width.width-table-60 {
        bottom: 120px !important;
    }
    .EditFormContainer .Container {
        padding: 0;
    }
    .Profile .Container .RightPane {
        display: block !important;
    }
    .Profile .LeftPane .MenuOptions {
        background: none repeat scroll 0 0 #f0f0f0;
        position: fixed;
        width: 100%;
        height: auto;
    }
/*    ul.Groups li:hover {
        background-color: transparent;
    }*/
    .Categories {
        background-image: none;
    }
    .EVENTS .EmailTemplateMaker .TemplatePanes .LeftPane {
        max-width: none !important;
        top: unset;
        width: 70%;
    }
    .EVENTS .EmailTemplateMaker .TemplatePanes .RightPane {
        float: right;
        width: 30%;
    }
    .Container .LeftPane {
        background-color: #f0f0f0;
        height: 100vh;
        left: 0px;
        max-width: 30% !important;
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: 2;
    }
    .Profile .Container .LeftPane {
        height: 100vh;
        left: 0px;
        max-width: 30% !important;
        position: relative;
        top: 0px;
        width: 100%;
        z-index: 499;
    }
    .OCMenu .Collaborate.Home.container .Container > .MiddlePane {
        padding: 2% !important;
        width: 100%;
    }
    .LeftPane div {
        /* padding: 0;*/
    }
    .modal-dialog {
        margin: 0;
        width: 100%;
    }
    .EDIT-PROFILE .LeftPaneProfile {
        width: 20%;
    }
    .EDIT-PROFILE .LeftPaneProfile .Footer button {
        margin: 0 20px;
        width: 50%;
    }
    .Profile .RightPaneFeed .Advertising {
        display: none;
    }
    .RegistrationReport.ClearAfter {
        columns: 2;
    }
    .Event .RegistrationReport .cols9.actionsinrow.regpersonrow {
        width: 100%;
    }
    .Event .actionsinrow.cols9 > div {
        width: 50%;
    }
    .Event .regpersonrow .Mobile {
        display: block;
        width: 50%;
        text-align: right;
        font-weight: 400;
        float: left;
    }
    .Event .RegistrationReport .Web {
        display: none;
    }
    .Event .regpersonrow .Mobile .actions {
        padding: 6px 0;
    }
    .Event .modal-content .EventReports {
        padding: 0;
    }
    .PORTALPAGE .TodayAdvContainer .AdvFeed {
        left: 0;
        width: 100%;
    }
    .Func_survey-management .MainBody .LeftPaneProfile {
        display: none;
    }

}
@media (max-width: 840px) {

    .FullGroupList > jscroll-inner > div,
    .FullGroupList > jscroll-added > div,
    #FullGroupList.no-lazy-load > ul > div {
        width: 48% !important;
    }
    .portal-image .middle-text {
        width: 85%;
    }
    .portal-image {
        align-items: center;
        justify-content: center;
    }
    .CM.Name span:first-child {
        display: none;
    }
    .TODAY .Port.general-feed .MessageFlow {
        max-width: unset;
    }
}

/* Portrait tablets and small desktops */
@media (max-width: 820px) {

    .EditFormContainer .LeftPaneProfile {
        display: none !important;
    }
    .group-contact.flex-container {
        flex-flow: wrap;
    }
    .group-contact.flex-container > div {
        width: 100% !important;
    }

    .AllEventsList .flex-container.mobile.mobile2>.flex-item  {
        width: 49.5% !important;
    }
    #bottom-register div.event-date-time,
    #bottom-register div.top-of-page {
        display: none !important;
    }
    #bottom-register div.event-register-buttons {
        width: 100% !important;
    }
    .flex-container.mobile.mobile1 {
        flex-wrap: wrap !important;
    }
    .mobile.mobile1.mobile-override {
        display: block;
        width: 100% !important;
    }
    .flex-container.mobile.mobile1>.flex-item,
    .flex-container.mobile.mobile1>.flex-item-portal {
        width: 100% !important;
        margin-bottom: 10px !important;
        float: none !important;
    }

    .bad-email-box-mobile {
        left: 40%;
    }

    .TodayContainer .BigTitleContainer {
        bottom: 230px;
    }
    .TodayContainer .BigBlogTitle {
        font-size: 2em;
        padding: 0 10px;
    }
    /*.TODAY.ONLINE.SOL_0 .TodayBottom {
        margin: 10px;
    }*/
    .TodayBottom.css-cols.css-mobile-2 {
        columns: unset !important;
    }
    .TodayContainer .carousel-indicators {
        bottom: -10px;
    }

    .GROUP .BigEventTitle>div:first-child {
        width: 60px;
    }
    .GROUP .BigEventTitle > div > img {
        width: 40px;
    }
    .GROUP .BigEventTitle, .BigEventTitle>div>a {
        font-size: 1.75em !important;
    }

    .BackOptions span {
        display: none;
    }

    .largeMenu {
        display: block;
        position: fixed;
        width: 100%;
        background-color: #f0f0f0;
        z-index: 1000;
    }
    .EVENTS.EditEvent .MiddlePane >div>div {
        margin-top: 70px !important;
    }
    .EVENTS .smallEventInfo {
        margin-top: 23px !important;
    }
    .menu .ReportingOptions {
        text-align: center;
    }
    .mobile-menu-hamburger,
    .mobile-large-menu {
        visibility: visible !important;
        padding: 10px 15px !important;
    }
    .BaseQuestionContainer .display-inline {
        display: block;
        margin-bottom: 10px;
    }
    .EventPagesSelection, .AdvEdit, .mobile-body-container {
        margin-top: 20px;
    }
    .mobile-body-container .mobile-left {
        text-align: left !important;
    }
    .EventPagesSelection>h2 {
        display: none;
    }
    .EventPageListContainer .Status {
        text-align: left !important;
    }
    .EventPageListContainer .heading,
    .AdvEdit>h1,
    .large-menu-heading
    {
        display: none;
    }
    .AllQuestions .Quest {
        padding: 3px 0 0 10px;
    }
    .mobile-fly-out show {
        display: inline !important;
    }
    .mobile-menu-hamburger {
        text-align: right;
    }
    .mobile-menu-hamburger i  {
        font-size: 1.75em !important;
        margin-left: 10px;
    }
    .mobile-menu-hamburger span {
        top: 8px;
        margin-right: 10px;
        position: relative;
    }

    .BigTitleContainer .BigEventTitle {
        font-size: 3em;
    }

    .css-cols.css-mobile-2 {
        columns: 2 !important;
    }

    .TodayContainer .carousel-inner > .item > .BlogImage {
        width: 100% !important;
        left: 0 !important;
    }
    .TodayContainer .BlogTitle {
        padding-left: 20px !important;
    }

    .IMAnchor .ConvoContainer > div {
        margin-right: 5px;
    }
    .EVENTS.EditEvent .LeftSidePane .StepLine {
        top: 41px !important;
    }
    .INVITE .StepLine {
        top: 41px;
    }
    .CampaignSetUp .StepLine {
        top: 40px !important;
    }
    .EventReports .Analytics .Engagements > div {
        margin: 0;
    }

    .TodayAdvContainer .AdvFeed {
        width: auto;
    }
    .MoreOptionsMenu {
        display: none;
    }
    .UNSUBSCRIBE .BasicCollaboration > form {
        width: auto !important;
    }
    .UNSUBSCRIBE .std > div {
        float: none !important;
        width: auto !important;
    }
    .MESSAGE .Container .MiddlePane .LeftSidePane {
        width: 100%;
    }
    .GroupEdit .CoverPhotoExists_0 .CoverPhoto .CoverPhotoInner,
    .ProfileEdit .CoverPhotoExists_0 .CoverPhoto .CoverPhotoInner,
    .EDIT-BLOG .CoverPhotoExists_0 .CoverPhoto .CoverPhotoInner{
        max-height: 439px;
    }
    /*.EDIT-GROUP.Profile .Container .LeftPane, .Container .RightPane  {
        width: 100%!important;
    }*/
    .GroupEdit .LeftPaneProfile {
        display: none;
    }
    .EDIT-GROUP .CoverPhotoInner .CoverPhotoOptions > span {
        font-size: 1.5em;
    }
    .EDIT-GROUP .CoverPhotoOptions .cameraShadow {
        left: 355px;
    }
    .CoverPhotoOptions .cameraShadow {
        left: 347px;
    }
    .Collaborate.ONLINE .SmallLogo {
        margin: 0 15px 0 15px !important;
    }
    .MobileLeftPane.MobileDetailPane {
        display: block;
        width: 100%;
    }
    .ONLINE.SOL_0 .MainBody > div,
    .Profile .MainBody > div
    {
        width: 100% !important;
    }

    .pg_Video .VideoURL iframe {
        width: 100%;
        min-height: 100px;
        border: 0;
        position: relative;
        top: -10px;
    }


    .Profile .RightPaneFeed .Advertising {
        display: block;
    }
    .EDIT-PROFILE .Container .RightPane {
        width: 80%;
    }
    .EDIT-PROFILE .EditFormContainer div.AccessCode {
        width: 100%;
    }
    .GroupApps {
        width: 90%;
        padding: 0 5px;
    }
    .WizardSteps > div > .StepHeading{
        display: none;
    }
    .EVENT .WizardSteps > div > .StepHeading {
        display: block;
    }
    .ProfileOptions div > .Options:not(.mobile-menu-hamburger,.mobile-large-menu) {
        padding:0;
        display: none;
    }
    .People > ul {
        margin: 0 !important;
        padding: 2px 2px 2px 0px !important;
    }
    .EDIT-PROFILE .FeatureOptions {
        width: 100%;
    }
    .BlogTitle.jumbotron {
        font-size: 1.75em !important;
        padding-top: 20% !important;
    }
    .TodayContainer .WeatherWidget {
        width:50%;
    }
    .MenuToggle {
        display: block;
        position: fixed;
    }
    .ProfileOptionsContainer {
        display: none;
    }


    .BlogMaster ul.Blogs li {
        border-bottom: 1px solid #cccccc;
        padding-bottom: 40px;
    }
    .MiddlePane div > h1.BlogTitle{
        Font-size: 2em;
        margin-top: 20px;
    }

    .ShareOptions.pull-right {
        top: 0 !important;
    }
    .BlogMaster ul.Blogs .BlogClickArea > img {
        background-color: #cccccc;
        background-size: cover;
        float: none;
        left: 0;
        width: 100%;
        position: static;
        padding: 0 10px;
    }
    .BlogPost .FeaturedImage > img{
        padding: 0 10px;
    }
    .BlogMaster .BlogClickArea {
        cursor: pointer;
        padding: 10px 0 10px 0;
        position: relative;
    }
    .BlogMaster .ProfileOptionsContainer, .Blog_View, .ProfileOptionsContainer {
        display: block;
    }
    .BlogMaster .Blogs li .Name {
        font-weight: 300;
        margin-top: 20px;
        padding-left: 10px;
    }
    .BLOG .btn.btn-xs.btn-info {
        margin-left: 10px;
    }
    .MY-PHOTOS .AlbumDetails {
        width: 43%;
    }
    /*.stickyScroll .ProfileOptions,*/
    /*.PROFILE .Container,*/
    /*.GROUP .Container,*/
    /*.ProfileOptions,*/
    /*.PROFILE .CoverPhoto,*/
    /*.GROUP .CoverPhoto   {*/
    /*width:100%;*/
    /*}*/
    #MainHeader>div>.CM.Search {
        float: none;
        max-width: none;
        position: absolute;
        right: 0;
        top: 48px;
        width: 50%;
        display: none;
    }
    .BLOG .MainBody > div{
        width: 100%;
    }
    .AddlOptions > div {
        /* margin-left: 298px; */
    }
    /*.Profile .MainBody > div {
        width: 100%;
    }*/
    .Group .Advertising .Adv img {
        max-width: 100%;
    }
    .Group .Advertising .Adv {
        padding: 0;
    }
    .Event .MainBody.Container > div {
        width: 100%;
    }
    .EventReports .Engagements{
        width: 33%;
        padding: 2px 2px;
    }
    .ADMIN .BlogListReport .BlogChart .GroupInfo {
        width: 100% !important;
    }
    .ADMIN .AnalyticContainer .GroupChart .cols3 .dispBox {
        width: 50%;
    }
    .EDIT-GROUP.ANALYTICS .AnalyticChartContainer .pieParent > div {
        width: 50%;
    }
    /*.MessageBody.AttachCount_1 .AImage {*/
    /*min-height: 200px!important;*/
    /*}*/
    .MessageBody.AttachCount_2 .AImage {
        width: 48.95%;
        height: 329px;
        min-height: 0 !important
    }
    .MessageBody.AttachCount_3 .AImage, .MessageBody.AttachCount_4 .AImage, .MessageBody.AttachCount_5 .AImage, .MessageBody .ImagesPlus .AImage {
        height: 164.5px;
        min-height: 0 !important;
    }
    .Forum .PostContainer .TopicRow {
        border-bottom: 1px solid #999;
    }
    .Forum .PostContainer .TopicRow:nth-last-child(1) {
        border-bottom: none;
    }
}
@media (max-width: 768px) {

    .full-group-list .group-list-row-container {
        width: 32%;
    }

    .today-portal-container > .inner-portal {
        margin: 0 !important;
        padding: 0 !important;
    }
    .FullGroupList > li {
        width: 49%;
        float: none;
    }
    .main-menu-functional-area .AdminOptions .dropdown-menu {
        left: -127px;
    }

    .flex-container.mobile.mobile2>.flex-item  {
        width: 48% !important;
        margin-bottom: 10px !important;
        float: none !important;
    }
    .main-menu-functional-area .KBList {
        display: none;
    }

    .OFFLINE .BigTitleContainer {
        left: 5%;
    }

    .Slide span {
        font-size: 2.5rem !important;
    }

    .TodayContainer .BigTitleContainer {
        bottom: 140px;
    }


    .mobile.cols.cols3 > div,
    .mobile.cols.cols4 > div,
    .mobile.cols.cols5 > div,
    .mobile.cols.cols6 > div,
    .mobile.cols.cols7 > div,
    .mobile.cols.cols8 > div,
    .mobile.cols.cols9 > div,
    .mobile.cols.cols10 > div {
        width: 50%;
    }
    .mobile.mobile-hide {
        display: none;
    }
    .mobile.cols.cols4 > div.dispBox>div,
    .mobile.cols.cols5 > div.dispBox>div,
    .mobile.cols.cols6 > div.dispBox>div,
    .mobile.cols.cols7 > div.dispBox>div,
    .mobile.cols.cols8 > div.dispBox>div,
    .mobile.cols.cols9 > div.dispBox>div,
    .mobile.cols.cols10 > div.dispBox>div {
        min-height: 120px;
    }

    .mobile.cols.mobile1 > div {
        width: 100% !important;
    }
    .mobile.cols.mobile2 > div {
        width: 50% !important;
    }
    .mobile.cols.mobile3 > div {
        width: 33.33% !important;
    }
    .mobile.cols.mobile1 > li {
        width: 100% !important;
    }
    .mobile.cols.mobile2 > li {
        width: 50% !important;
    }
    .mobile.cols.mobile3 > li {
        width: 33.33% !important;
    }
    .mobile.mobileNoHeading {
        display: none;
    }
    .mobile .Analytic.Up,.mobile .Analytic.Down {
        display: block;
        margin-top: 10px;
    }

    .SubscribeOptions.menu-options-right {
        float: none !important ;
        position: static !important;
        text-align: left !important;
        width: 100%;
        margin: 0 0 10px;
    }

    .cust-page-body .TableContainer {
        width: 100%;
    }
    .MyGroupPhoto {
        min-height: unset;
    }
    .CHANNELS .PostOwner_0 .PostedMessage .arrow-down {
        margin-left: 0;
    }
    .ChannelContainer .PostOwner_0 .PostedMessage {
        margin-left: 6%;
    }
    .ChannelFunction.side.side-pane-30{
        width: 25%;
    }
    .dayChart,.monthChart,.quarterChart{
        width:100%!Important;
    }

    #ProfileOptions {
        overflow: scroll;
        width: 350px;
    }

    .TodayContainer .BlogTitle {
        width:70%;
    }
    .TodayContainer .jumbotron {
        padding:30px 0;
    }

    .ONLINE.SOL_0.SideMenuOpen_0 .TodayBottom {
        width: 100% !important;
    }
    .TODAY .MessageFlow .AttachedURL {
        width: 100%;
        margin: 0 !important;
        max-width: unset !important;
    }
    .TODAY .MessageFlow .AttachedURL {
        max-width: unset !important;
    }
    .CoverPhoto {
        margin-left: unset;
        width: auto;
    }

    .suggestion-engine>div {
        columns: 2;
    }

    .VideoList>div {
        width:100% !important;
        float: none;
    }
    .std-profile-name {
        margin: 0 0 0 105px;
    }
    .EDIT-GROUP.Func_advertising-management .Container .RightPane {
        width: 100% !important;
    }
    .EDIT-GROUP.ANALYTICS .Container .RightPane {
        width: 100% !important;
    }
    .CHANNELS .Participants.width.width-table-40 {
        display: none;
    }
    .stickyScroll .ProfileOptions .LittleAvatar{
        animation:none;
    }
    .CoverPhoto .CoverAvatar{
        animation:none;
    }
    .stickyScroll .ProfileOptions .NameTitle {
        animation:none;
    }
    .ChooseTemplates .Panes .TemplateChoices {
        padding-top: 35px;
        width: 100%;
    }
    .ChooseTemplates .Panes .AvailableTemplates {
        width: 100%;
    }
    .CoverPhotoInner .CoverPhotoOptions > span {
        right: 21%;
        font-size: 1.5em;
        top: 53%
    }
    .EDIT-BLOG .CoverPhotoInner .CoverPhotoOptions > span {
        font-size: 1.1em;
    }
    .CoverPhotoOptions .cameraShadow {
        left: 332px;
    }
    .jcrop-holder {
        min-height: 204px;
    }
    .CollabMenu .SmallMenuFunctions .MemberList,
    .CollabMenu .SmallMenuFunctions .AnalyticList {
        display: inline;
    }
    .EDIT-GROUP .Analytics .Engagements > div {
        background-color: #f0f0f0;
        margin: 9px 1px;
        padding: 5px;
    }
    .FarRightPane.animated.slideInRight {
        background-color: #aaaaaa;
        opacity: 1;
    }
    .ProfileImages .BigCoverPhoto .CoverPhoto .CoverPhotoInner {
        width: 100%;
    }
    .TodayAdvContainer .AdvFeed {
        left: 0;
    }
    .TodayAdvContainer .AdvFeed {
        left: 0 !important;
    }
    p.ProfileViewWarning{
        Width: 100%;
    }
    .CoverPhoto .CoverAvatar{
        left:3%;
    }
    .Profile .Container .LeftPane, .Container .RightPane{
        width: 80%;
    }
    .Profile .Container .LeftPane {
        display: none !important;
    }
    .LetterContainer.ClearAfter.affix {
        width: 100%;
    }
    .BlogEdit .btn-group, .EDIT-GROUP .btn-group, .NEW-PROFILE .Review-Settings, .PROFILE-REVIEW .Review-Settings{
        position: static;
    }
    .EventRightPane > div:not(.alert) {
        padding: 0 0 0 7px;
    }
    .Event .MainBody.Container > div {
        width: 100%;
        padding: 7px 7px 150px !important;
    }
    #bottom-register>div {
        width: unset;
    }
    .SignUpContainer > div {
        float: none;
        width: 100%;
    }
    .SignUp .LeftSidePane > div {
        padding: 0;
    }
    .SignUpContainer.ClearAfter {
        width: 100%;
    }


    .PageNotFound {
        width: 100%;
    }
    .Analytics .Engagements > div {
        margin: 0 !important;
        padding: 0 !important;
    }
    .Analytics .Stats > div {
        padding: 5px;
        overflow: hidden !important;
    }
    .Engagements > div h4 {
        padding-bottom: 10px;
    }
    .Engagements.AnalyticContainer.PortletAnalytics .graph.Pies {
        margin: 13px;
    }

    .RightPane h2.Toph2{
        margin: 5px 6px 10px !important;
    }
    .Collaborate.Home.container {
        max-width: none !important;
        padding: 0 !important;
    }
    .Collaborate .Container .MiddlePane {
        padding: 0 !important;
    }
    .ANALYTICS #pieParent>div {
        width: 100%;
        float: none;
    }
    .Container.BlogMaster #MiddlePane > div {
        padding: 0;
    }

    .BlogMaster .MiddlePane h1{
        padding-left: 10px;
    }
    .BLOG .Container .MiddlePane {
        width: 100%;
    }
    .BlogPost .MainBody > div{
        width: 100%;
    }
    .EditFormContainer div.AccessCode {
        width: 100%;
    }
    .scrolling form h2 {
        margin-top: 1.5em !important;
    }
    .formProfileBasic.StdForm .Footer.SaveButton,
    .formGroupBasic.StdForm .Footer.SaveButton
    {
        display: block;
    }
    .EDIT-PROFILE .LeftPaneProfile {
        display: none;
    }
    .EDIT-PROFILE .RightPane > div, .EDIT-GROUP .RightPane > div {
        padding: 10px;
    }
    .EDIT-GROUP.Func_advertising-management .RightPane > div {
        padding: 10px 5px;
    }

    .CM.Search input {
        width: 100%;
        margin: 0 !important;
    }
    .CM.Search.show {
        display: block;
        width: 100%;
        border-bottom: 2px solid #ccc;
        box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2);
        margin: 0;
        padding: 0;
    }
    .CM.Search.show #SearchBoxContainer {
        top: 64px;
    }
    .Collaborate .Search input {
        background-color: #ffffff;
        display: block;
        font-size: 1.25em !important;
        padding: 20px;
    }
    #MainHeader .SignUpLogin {
        display: none;
    }

    .FirstImpressions > div > div > div {
        min-height: 270px !important;
    }
    .HomePage section.Features {
        margin-top: 0 !important;
    }
    .HomePage .MainHeadline {
        width: auto !important;
    }

    .HomePage section div > h1 {
        font-size: 2.5em;
    }
    .HomePage .WhatWeDo p {
        padding: 0 !important;
    }
    .ImageCollection.ClearAfter {
        -moz-columns: 3 auto;
        -webkit-columns: auto 3;
        columns: auto 3;
        -moz-column-gap: 0;
    }
    .formEventFinish .AdminName {
        width: 100% !important;
    }
    .formEventFinish .input-group select {
        margin: 0;
        width: 85% !important;
    }
    .HomePage .Features .Inner {
        /*        -moz-columns: 2 auto !important;
                -webkit-columns: auto 2 !important;
                columns: auto 2 !important;
        */
    }
    .TODAY div.WelcomePerson {
        margin: 0 auto;
        padding: 4% 10px ;
        width: 98% !important;
    }
    .TodayBottom {
        width: 100% !important;
    }
    .TodayBottom .wolcols.wolcol_1, .TodayBottom .wolcols.wolcol_2  {
        width: 50%;
    }
    .OFFLINE .TenantMainHeaderBG {
        padding-bottom: 5px;
    }
    .OFFLINE .MainBody.IncorrectPassword.container {
        padding-bottom: 10px;
    }
    .OFFLINE .AdvText {
        padding: 5px 0;
    }
    .FeatureListTable {
        width: 100% !important;
    }
    .FeatureListTable .wolcols {
        width: 50% !important;
    }
    .FEED .Container .MiddlePane .LeftSidePane,
    .TAG .Container .MiddlePane .LeftSidePane,
    .INVITE .Container .MiddlePane .LeftSidePane,
    .SHARE .Container .MiddlePane .LeftSidePane

    {
        float: none !important;
        width: auto !important;
        padding: 0 10px;
    }
    .FEED .Container .MiddlePane .RightSidePane,
    .TAG .Container .MiddlePane .RightSidePane,
    .INVITE .Container .MiddlePane .RightSidePane,
    .SHARE .Container .MiddlePane .RightSidePane {
        display: none;
    }
    .FEED .Container .MiddlePane .RightSidePane,
    .TAG .Container .MiddlePane .RightSidePane,
    .INVITE .Container .MiddlePane .RightSidePane

    {
        float: none;
        width: auto;
    }
    .TopRight .CallToAction {
        display: none;
    }
    .Profile .Container .RightPane {
        width: 100% !important;
    }
    .ProfileEdit .Container .RightPane,.EDIT-GROUP .Container .RightPane {
        width: 80% !important
    }
    .Func_member-management .Container .RightPane {
        width: 100% !important;
    }
    .RightPane.animated.MobileBodyPane.hide {
        display: none !important;

    }
    .Profile .Container .LeftPane {
        display: none;
    }

    .MainPortalContainer .MainPortal {
        padding-right: 0;
    }
    .Announcements .TopRight > div {
        padding: 0;
    }
    .MessageFlow .CommentLine > textarea {
        width: 100%;
    }
    .RegDates > div {
        float: none;
        width: 100%;
    }
    .RegistrationDateTime > div {
        float: none;
        width: 100%;
    }
    .formEventStep1 .TimeZone {
        width: 100%;
    }
    .Container .MiddlePane {
        width: auto;
    }
    .AddlOptions > div {
        /*    margin-left: 298px; */
    }
    .EVENTS .Container .MiddlePane .LeftSidePane {
        float: left;
        width: 70%;
    }
    .EVENTS .Container .MiddlePane .RightSidePane {
        float: left;
        width: 30%;
    }
    .MobileRegister .MainRefMsg {
        margin: 0 100px;
    }
    .EventRightPane .MainRefMsg {
        padding: 15px 5px;
    }
    .ChannelContainer #ChatMessageArea {
        width: 73% !important;
    }
    .EVENTS .EventInfoContainer .EICRight {
        margin-top: 20px;
    }
    .EVENTS .EventInfoContainer > div {
        width: 100%;
    }
    .ChannelContainer .ChannelPost.Message {
        width: 73% !important;
    }
    .ChannelContainer .PostOwner_1 .Avatar {
        left: 95%;
    }
    .ConvoMiniBox.ConvoMin:nth-child(3) {
        display: none;
    }
    .Func_survey-management .MainBody .RightPane {
        width: 100% !important;
    }
    .PasswordResetContainer > div {
        width:100%;
    }
    .PasswordReset {
        width:100%;
    }
}
@media (max-width: 640px) {
    .event-body.event-title-info .event-title {
        font-size: 1em;
    }
    .event-title-container .visit-entity img {
        display: none;
    }
    .event-entire-body {
        padding-bottom: 50px;
    }
    .Tenant_412 div#pc_71 .port-container {
        padding: 15px !important;
    }
    .main-menu-functional-area {
        margin-right: unset;
    }
    .full-group-list .group-list-row-container {
        width: 49%;
    }

    body.v1-menu-body #ProfileOptions {
        right: -200px;
        left: unset;
    }

    .search-residencies .residency-list div.search-filters {
        flex-flow: column;
    }
    .search-residencies .residency-list div.search-filters > div {
        width: 100%;
    }
    .CHANNELS .Feed.ChannelFunction {
        width: 100%;
        max-width: unset;
    }
    .main-menu-functional-area .AdminOptions .dropdown-menu {
        left: -75px;
    }
    .portal-image p {
        font-size: 1.1rem;
    }
    .portal-image .middle-text {
        margin-top: 15px;
    }
    .portal-hero-banner.std-banner .portal-image-container {
        min-height: 250px;
    }
    .portal-hero-banner.std-banner .mask {
        height: 250px !important;
    }
    .portal-image h2 {
        font-size: 1.75em;
    }
    .middle-text h1 {
        font-size: 2.75rem !important;
        margin-top: unset !important; */
        font-weight: 700;
    }
    .ModalLeftPane .CloseWindow > i {
        top: 30px;
        position: absolute;
        right: 0;
        color: #fff;
        border-radius: 100%;
        background-color: #000;
        border: 1px solid #fff;
        padding: 7px 11px;
        display: flex;
    }
    .ImageArea > div {
        float: none !important;
        width: 100% !important;
    }
    .ModalRightPane .CloseWindow {
        display: none;
    }
    .ModalLeftPane .CloseWindow {
        display: unset;
    }
    .user-photos.flex-container>div {
        max-width: 140px;
        max-height: 140px;
    }
    .user-photos.flex-container {
        column-gap: .5em;
        row-gap: .5em;
    }
    div#image-array,
    div#image-array-container {
        display: none !important;
    }
    .ImageViewer .modal-body .container {
        width: 100% !important;
    }
    #bottom-register  ul.MenuFlyOutContainer {
        right: -58%;
    }
    #NotificationsBox.Show {
        right: -115px;
    }
    .session-display {
        width: 100% !important;
    }
    .ProfileOptionsContainer.stickyElem .TitleCompany {
        font-size: .75em;
    }
    .BasicFunctions.flex-container {
        column-gap: 20px;
    }
    .right-menu .CommunityManager .tab {
        display: none;
    }
    .right-menu.flex-container {
        padding-right: 15px;
    }
    .right-menu .CommunityManagerOption.flex-item {
        display: block;
    }
    .right-menu .fa-question-circle {
        display: block;
    }
    .main-menu-functional-area .MemberList.flex-item {
        display: none;
    }
    .registration-process.EVENT .EventLeftPane {
        padding-bottom: 0;
        border: 0;
    }
    .registration-proces .EventBodyContainer.EventFinish {
        top: 10px;
        position: relative;
    }
    .registration-process .ProfileOptions > div,
    .registration-process .StepLine,
    .registration-process .WizardSteps
    {
        display: none;
    }
    .registration-process  #Event-Registration-Page {
        margin-top: 5px;
    }
    .Channels .MobileFuncs .CFL {
        display: block;
    }
    .Channels .ChannelFunction.side.side-pane-70 {
        width: 100% !important;
    }
    .Channels .ChannelFunction.ChannelLeftPaneList {
        display: none;

    }
    #MainHeader>.InnerBanner>.flex-item:last-child {
        width: 68% !important;
    }
    #MainHeader>.InnerBanner>.flex-item:first-child {
        width: 30% !important;
    }
    .TodayBottom{
        width: 100%;
    }
    #MainHeader #TULLLogo {
        display: none !important;
    }
    .MessageFlow .AttachedURL {
        width: auto !important;
        max-width: unset !important;
    }
    .MessageFlow .VideoCollection {
        margi: auto !important;
        max-width: unset !important;
    }
    .std.row.event-row {
        margin-left: 0;
    }
    .relative-row .AdminOptions.btn-group {
        right: 0 !important;
        top: 5px;
    }
    .GroupPortal>div.cols>div>div {
        padding: 0;
    }
    .EventContainer {
        padding: 15px 0 0 0 !important;
    }
    .ONLINE.SOL_0 .MainBody > div {
        width: auto !important;
    }

    .TodayContainer .BigTitleContainer {
        bottom: 216px;
        width: auto;
        margin: 0 !important;
        padding: 0 !important;
    }

    .GROUP .BigEventTitle>div:first-child {
        width: 60px;
    }
    .GROUP .BigEventTitle > div > img {
        width: 40px;
    }
    .GROUP .BigEventTitle>div:last-child {
        width: 70%;
    }
    .GROUP .BigEventTitle, .BigEventTitle>div>a {
        font-size: 1.5em;
    }
    .GROUP .CoverPhoto .AddlOptions {
        top: unset;
        bottom: -45px;
    }

    .BlogPost.OFFLINE .CoverPhoto .CoverAvatar {
        bottom: unset;
        top: 45px;
    }
    .BlogPost .CoverPhoto {
        height: 95px !important;
    }

    .BLOG .PostContent blockquote {
        float: none !important;
        width: auto !important;
        margin: 10px 0 !important;
    }

    .BLOG .NameTitle.NoAvatar {
        left: 50px !important;
    }
    .BLOG .AddlOptions {
        top: 25px;
    }
    .BLOG .std-profile-name {
        top: 124px;
    }
    .BLOG .Collaborate.BlogView.container {
        padding-top: 175px !important;
    }
    .BLOG .std-profile-name {
        margin: 0 0 0 105px;
    }
    .OFFLINE.BlogPost .std-profile-name.group-name {
        top: 50px;
        left: -6px;
    }
    .BigTitleContainer .BigEventTitle {
        font-size: 2em;
    }
    .stickyElem .NoAvatar.ProfileOptions img.LittleAvatar {
        display: inline;
    }
    .MainMenu {
        max-width: none;
    }

    .MainBody .BlogTitle {
        display: block !important;
    }
    .BLOG .BigTitleContainer {
        display: none !important;
    }
    .BigTitleContainer .WhenAndWhere {
        margin: 10px 0 10px !important;
        font-size: 1em !important;
    }
    .NoAvatar.StdBlogDisplay {
        display: block !important;
    }
    .NoAvatar.StdNameTitle {
        display: block !important;
    }
    .TimeDate {
        display: none !important;
    }
    .ShowPostDate.TimeDate {
        display: inline !important;
    }

    .PLAYLIST .Collaborate.Home.container {
        height: 360px;
    }

    .ConvoContainer {
        display: none;
    }

    .MessageFlow .AttachedURL {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .ThoughtLeaderContainer .wolcols {
        width:100% !important;
        float: none !important;
    }
    .ThoughtLeaderContainer .TLRow {
        width: 100%;
    }
    .PortalFileContainer .FileDetailRow {
        border-bottom: 1px solid #ccc;
        padding:20px 10px;
        margin: 7px 0 !important;
    }
    .PortalFileContainer .FileDetailRow:last-child {
        border: 0;
    }
    .TODAY.PCOLS_4 .wolcol_0 .EventRow {
        float: none;
        width: 100%;
        margin-bottom: 15px !important;
    }
    .std-middle-function {
        width: 100%;
    }
    #formJourney .FieldRow, #formJourney .FieldRow .col-xs-3, .JourneyEvents>div, .JourneyActions>div, #formJourney .DeliveryModes {
        width:100% !important;
    }
    .TodayBottom .wolcols.wolcol_0 .Blogs>li  {
        float: none;
        width: 100%;
    }

    .TodayBottom .wolcols.wolcol_0 .Blogs>li  {
        float: none;
        width: 100%;
    }
    .TODAY .wolcol_0  .GroupAnnouncements .FeedItem {
        float: none !important;
        width: 100% !important;
    }
    .OFFLINE header#MainHeader .InnerBanner {
        width: auto !important;
    }
    .SURVEY.OFFLINE .BasicCollaboration {
        margin-top: 0;
    }
    .SURVEY.OFFLINE .Collaborate.container {
        margin-top: 0 !important;
    }
    .PublishedSurvey .ShareOptions {
        right: -10px;
        top: 50px;
    }
    .SURVEY.OFFLINE .BasicCollaboration.intro .SurveyLeftPane {
        width: auto;
        float: none;
    }
    .SURVEY.OFFLINE .BasicCollaboration.intro .SurveyRightPane {
        width: auto;
        float: none;
    }

    .SURVEY .BasicCollaboration.intro .SurveyLeftPane {
        float: none;
        width: 100%;
    }
    .SURVEY .BasicCollaboration.intro .SurveyRightPane {
        float: none;
        width: 100%;
    }
    .SURVEY .BasicCollaboration.intro .SurveyRightPane {
        padding-top: 0;
    }
    .SURVEY .BasicCollaboration.intro .SurveyRightPane .offlineSurveyButton {
        margin-top: 0;
    }
    .SurveyEdit .BaseQuestionGroup input.form-control {
        width: 100%;
    }
    .SurveyEdit .BaseQuestionGroup select {
        width: 60% !important;
    }
    .CFL .Heading i.fi-list {
        padding-right: 10px;
    }
    .ChannelContainer .ChannelFunction .CFL .Heading h1 {
        display: none;
    }
    .GroupPage_FILES .FileContainer .FileDetailRow .fi-arrows-out.ui-draggable-handle {
        display: none;
    }
    .FEED .QuestionMode_1 .alert {
        padding: 10px;
    }
    .starRating {
        margin-bottom: 10px;
    }
    .FORUMPOSTALL .Forum .ForumRow .PostContainer .Topic {
        width: 40%;
    }
    .Forum .ForumRow .TopicPoster {
        width: 30%;
    }
    .Forum .ForumRow .heading.TopicComments {
        width: 15%;
    }
    .Forum .ForumRow .heading .TopicComments {
        width: 15%;
    }
    .Forum .ForumRow .TopicRow .TopicTotComments {
        width: 15%;
    }
    .Forum .ForumRow .TopicRow .TopicTotComments {
        width: 15%;
    }
    .Forum .ForumRow .PostContainer .TopicRow .TopicPoster {
        padding-right: 10px;
    }
    .MainMenu, .FarRightPane {
        width: 65%;
    }
    .EDIT-GROUP.ANALYTICS .AnalyticChartContainer .pieParent > div {
        width: 50%;
    }
    .EmojiContainer {
        left: 18px;
    }
    .EDIT-GROUP .PriceCreation > .EditLeftPane {
        width: 100%;
    }
    .EDIT-GROUP .PriceCreation > .EditRightPane {
        width: 100%;
    }
    .PROFILE-REVIEW .CoverPhotoInner .CoverPhotoOptions > span {
        right: 20%;
    }
    .AllLinks .Row .input-group > input {
        width: 90%;
    }
    .ProfileEdit .MainBody .LeftPaneProfile,.EDIT-GROUP .MainBody .LeftPaneProfile {
        display: none;
    }
    .ProfileEdit .Container .RightPane,.EDIT-GROUP .Container .RightPane {
        width: 100% !important;
    }
    .ProfileEdit .Footer.SaveButton,.EDIT-GROUP .Footer.SaveButton {
        display: block;
    }
    .MessageBody .AttachedImages {
        margin:2.5%;
        max-width: 95%;
    }
    .MessageBody.AttachCount_1 .AImage {
        width: 100%;
    }
    .EDIT-GROUP .CoverPhotoInner .CoverPhotoOptions > span,.PROFILE-REVIEW .CoverPhotoInner .CoverPhotoOptions > span {
        font-size: 1.1em;
    }
    .EDIT-GROUP .CoverPhotoOptions .cameraShadow {
        left: 245px;
    }
    .CoverPhotoInner .CoverPhotoOptions > span {
        font-size: 1.1em;
        right: 110px;
    }
    .EDIT-BLOG .EFLeftPane {
        width: 100%;
    }
    .CoverAvatarOptions:hover {
        height: 158px;
        top: -152px;
    }
    .CoverPhotoOptions .cameraShadow {
        left: 232px;
    }
    .BLOG.BlogPost .AddlOptions .dropdown-menu {
        left: -55px;
    }
    .BLOG.BlogPost .AddlOptions {
        left: 50%;
    }
    .PROFILE .AddlOptions {
        right: 0;
    }
    .PROFILE .Admin_0 .AddlOptions {
        left: auto !important;
        width: 30%;
        top: -5px;
    }
    .GROUP .Admin_0 .AddlOptions {
        left: 60%;
        top: 45px;
        width: 30%;
    }
    .GROUP .Admin_1 .AddlOptions {
        top: 45px;
    }
    .Event .AdminOptions .dropdown-menu {
        right: unset;
    }
    .features.box.xlarge {
        background-position: center center;
    }
    .Profile.Group .Admin_0 .AddlOptions {
        left: 65%;
    }
    .Profile .Admin_0 .AddlOptions {
        left: 70%;
        top: 0;
    }
    .Profile .Admin_0 .AddlOptions > div {
        margin: 2px;
        float: right;
    }
    .Admin_1 .AddlOptions.btn-group {
        width: 0;
        position: static;
    }
    .PROFILE .Admin_1 .AddlOptions.btn-group {
        float: right;
        position: absolute;
        top: -100px;
    }


    .EVENT .MainRefMsg.alert {
        /*    padding: 0; */
    }
    .MainRefMsg > div:first-child {
        padding: 8px;
    }
    .ADMIN ul.Functions > li {
        width: 33.3%;
    }
    .Options.report-options > h3 {
        width: 100%;
        margin-left: 20px;
    }
    #EventModal .modal-dialog {
        width: 100%;
        padding: 5px;
        margin-top: 100px;
    }
    .ProfileOptions .MobileDisplayOptions {
        display:block;
    }
    .Profile .Container .RightPane {
        width: 100%
    }
    .LeftPane {
        display: none;
    }
    .GroupApps {
        width: 100%;
        padding: 0 10px;
    }
    .ProfileSuggestions .GroupListContainer .FullGroupList {
        -moz-columns: 2 auto;
        -webkit-columns: 2 auto;
        columns: 2 auto;
    }
    .formProfileReviewSettings .Answers .btn-group{
        position: static;
    }
    .ProfileImages .StdForm .fi-trash {
        padding: 0;
        color:#999;
    }
    .ADMIN .Subscriptions .Row > div {
        float: none !important;
        padding: 0 !important;
        width: auto !important;
    }

    .ToggleOptions {
        display: block !important;
    }
    .KPIPeepsRightPane.hide,.KPIPeepsLeftPane.hide {
        display: none !important;
    }
    .KPIPeepsRightPane.show {
        float: none !important;
        width: 100%;
    }
    .KPIPeepsLeftPane.show {
        float: none !important;
        width: 100%;
    }
    .KPIBasics > div {
        width: 44%;
    }
    .KPIRightPane {
        border-left: none;
    }
    .Analytics .Stats > div {
        width: 100%;
    }
    .LetterContainer.ClearAfter.affix {
        width: 100%;
    }
    .LetterContainer > li > div {
        padding: 0;
    }
    .MY-PHOTOS .AlbumDetails {
        width: 43%;
    }
    .TodayContainer .carousel.slide {
        height: 315px !important;
        overflow: hidden;
    }
    .Description > div {
        /*
                max-height: 60px;
                overflow-y: auto;
        */
    }
    .CommentOnlyFeed .PostReplies{
        height: 90px;
    }
    .thumbnails .Blogs > li {
        width: 50% !important;
    }
    .CoverPhoto .CoverAvatar > img{
        max-height: none !important;
    }
    .AttachedURL .URLImage {
        max-height: 300px;
        max-width: 100%;
        margin-right: 0 !important;
        float: none !important;
    }
    .AttachedURL .URLImage > img {
        height: auto;
    }
    .AttachedURL .Url {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 70%;
        text-align: left;
    }
    .BodyOfURL {
        padding: 2%;
    }
    .Video_1 .PlayVideo {
        top: 40%;
    }
    .EFRightPane {
        display: none;
    }
    .AttachedURL .MessageImageView {
        height: 150px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    .AttachedURL .MessageImageView > div{
        width: 100%;
    }
    /*    .CommentLineIndicator .EditRow .dropdown-menu {
            left: -123px;
        }
    */
    .EVENTS .Steps {
        display:none;
    }
    .EVENTS .StepLine{
        display:none;
    }
    .FEED .alert{
        padding: 3px;
    }
    .PollSetupContainer li.Answer {
        padding: 5px;
    }
    .PollSetupContainer {
        width: 100%;
    }
    /*.MessageBody.AttachCount_1 .AImage {*/
    /*min-height: 300px;*/
    /*max-height: 400px;*/
    /*}*/
    .EVENT .EventLeftPane, .EVENT .EventRightPane {
        width: 100%;
    }
    .Event .MobileRegister .MainRefMsg .Register.btn-group {
        position: relative;
    }
    .EVENT .EventLeftPane .MobileRegister {
        display: block;
    }
    .EVENT .EventRightPane .ShareOptions, .EVENT .EventRightPane h1 {
        display: none;
    }
/*    .Event .EventRightPane .MainRefMsg {
        display: none;
    }
*/
    .EVENT .EventMap {
        height: auto;
        margin: 10px 110px;
        width: 60%;
    }
/*    .Event .Location .SaveCal {
        margin: 20px 50px;
    }
*/
    .EventLeftPane > div:first-child {
        border: 0;
    }
/*    .EVENT .EventRightPane .Register {
        display: none;
    }
*/
    .AllEmailCampaigns .actionsinrow .actions {
        width: 12% !important;
    }
    .CHANNELS .ChannelContainer .CFL {
        padding: 0 0 10px;
    }
    .CHANNELS .PostOwner_0 .PostedMessage .arrow-down{
        margin-left: 4%;
    }
    .ChannelContainer .PostOwner_0 .PostedMessage {
        margin-left: 10%;
        max-width: 60%;
    }
    .ChannelContainer .PostOwner_1 .PostedMessage {
        max-width: 60%;
    }
    .CHANNELS .AttachCount_1 .PostedMessage, .CHANNELS .AttachCount_2 .PostedMessage, .CHANNELS .AttachCount_3 .PostedMessage, .CHANNELS .AttachCount_4 .PostedMessage, .CHANNELS .AttachCount_5 .PostedMessage, .CHANNELS .AttachCount_6 .PostedMessage, .CHANNELS .AttachCount_7 .PostedMessage {
        width: 60% !important;
    }
    .CHANNELS .MessageBody.AttachCount_3 .AImageCnt_2 {
        margin-right: 3px;
    }
    .CHANNELS .MessageBody.AttachCount_2 .AttachedImages .AImage {
        margin-right: 2px;
    }
    .MessageBody.AttachCount_1 .AImage {
        width: 75%;
        height: 284px;
        /*min-height: 0 !important;*/
    }
    .MessageBody.AttachCount_2 .AImage {
        width: 48.95%;
        height: 284px;
        /*min-height: 0 !important*/
    }
    .MessageBody.AttachCount_3 .AImage, .MessageBody.AttachCount_4 .AImage, .MessageBody.AttachCount_5 .AImage, .MessageBody .ImagesPlus .AImage {
        height: 142px;
        min-height: 0 !important;
    }
    .ORGANIZATION-DIRECTORY .OrganizationContainer .avatar-container.avatar-small {
        padding-left: 0px;
    }
    .EVENT .EventRightPane > div {
        top: 0px;
    }
    .SurveyEdit .SurveyPagesContainer .width-table-60 {
        width: 100%;
    }
    .SurveyEdit .SurveyPagesContainer .width-table-40 {
        width: 100%;
    }
    .EditEvent .PriceCreation > .EditLeftPane {
        width: 70%;
    }
    .EditEvent .PriceCreation > .EditRightPane {
        width: 100%;
    }
    .EditEvent .PricingName > span {
        color: #333333;
        float: left;
    }
}
@media (max-width: 600px) {

    .profile-imagery.profile-imagery-col {
        flex-flow: column;
        align-items: center;
        padding: 0 0 40px;
    }
    .profile-imagery {
        row-gap: 40px;
    }
    .avatar-photo.flex-container,
    .cover-photo flex-container {
        width: 100% !important;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }
    .profile-imagery > div:last-child {
        width: 95% !important;
    }
    .full-group-list .group-list-row-container {
        width: 100%;
    }
    .std-search-container {
        width: 100% !important;
        right: 0 !important;
        border-radius: 0 !important;
        border-bottom: 4px solid #ccc;
    }
    #ProfileOptions {
        overflow: scroll;
        width: 98%;
        transform-origin: bottom right;
        transform: translate(-22%);
        position: absolute;
        right: unset;
        left: -175px;
    }
    .EVENT.ONLINE.HideNavChrome_1 .ProfileOptions,
    .EVENT.ONLINE.HideNavChrome_1 .MainBody > div,
    .BLOG.ONLINE.HideNavChrome_1 .ProfileOptions,
    .BLOG.ONLINE.HideNavChrome_1 .MainBody > div,
    .SURVEY.ONLINE.HideNavChrome_1 .ProfileOptions,
    .SURVEY.ONLINE.HideNavChrome_1 .Collaborate.Home.container {
        width: 100%;
        margin: 0 0;
    }

    .EVENT .EventBodyContainer {
        padding: 0 !important;
    }
    .EVENT .AgendaSelection {
        width: auto;
    }
    .web-only {
        display: none;
    }
    .EDIT-GROUP.Func_analytics .mobile.cols.mobile2 > div.dispBox > div {
        min-height: 145px !important;
    }
    .EDIT-GROUP.Func_analytics .GroupKPIAnalytic.AnalyticContainer {
        margin-top: 45px;
    }
    .EDIT-GROUP.Func_analytics h2 .LastRunTime {
        float: none;
        font-size: .9rem;
        display: block;
        /* margin: 0px 0; */
    }
    .GroupEdit .CoverPhotoExists_0 .CoverPhoto .CoverPhotoInner,
    .ProfileEdit .CoverPhotoExists_0 .CoverPhoto .CoverPhotoInner,
    .EDIT-BLOG .CoverPhotoExists_0 .CoverPhoto .CoverPhotoInner{
        max-height: 300px;
    }
    .ORGANIZATION-DIRECTORY .AssociateContainer .std-number-box.TotAssociates {
        width: 30%;
        margin: 0 10px;
    }
    .GroupEdit .LeftPaneProfile {
        display: none;
    }
    .GroupEdit .Container .LeftPane, .Container .RightPane {
        width: 100%;
    }
    .TodayContainer .carousel.slide {
        height: 315px !important;
        overflow: hidden;
    }
    .home-page.OFFLINE .features.box.xlarge {
        font-size: 1.5rem;
        min-height: 320px;
        padding: 3rem;
        height: auto;
    }
    .home-page.boxed .wrapper-inner, .row {
        max-width: none;
    }
    [class*="hero-"] > .row > .column {
        max-width: none;
    }
    .EmailCampaignFunctions .ECFuncs > div > div i {
        margin: 5% 0 0 0 !important;
    }
    .CHANNELS .ChannelContainer .PostArea {
        margin-bottom: 0px;
    }
    .CHANNELS .ChannelContainer .MessageArea.width.width-table-60 {
        bottom: 97px !important;
    }
}
/* Landscape phones and smaller */
@media (max-width: 480px) {
    .groups-body.scroller > div {
        overflow-x: scroll;
    }
    body.v2-menu-body #ProfileOptions {
        left: -56px;
    }
    .CommunityManagerOption {
        display: block;
    }
    #community-help {
        display: none;
    }
    body.v1-menu-body #ProfileOptions {
        right: -527%;
    }

    .middle-text h1 {
        font-size: 1.75rem !important;
        /* margin-top: 106px !important; */
        font-weight: 700;
    }

    .portal-hero-banner.std-banner .middle-text h1 {
        margin-bottom: 20px !important;
        line-height: 1.35em;
    }
    .portal-image h2 {
        font-size: 1.25em !important;
        margin: 25px auto;
    }
    .portal-image h2 {
        font-size: 1.25em;
        margin: 25px auto;
    }
    .big-event-title {
        flex-wrap: wrap !important;
        row-gap: 10px;
    }
    .big-event-title h1 {
        font-size: 2rem !important;
        margin: 0 !important;
    }

    .flex-container.mobile.mobile1 {
        flex-wrap: wrap;
    }

    .recent-search .flex-container.mobile.mobile1 {
        display: flex;
        flex-flow: row;
    }

    .flex-container.mobile.mobile1>div,
    .flex-container.mobile.mobile1>li {
        width: 100% !important;
    }
    ul.Groups.search-menu.flex-container {
        width: unset;
        row-gap: 10px;
    }
    ul.Groups.search-menu.flex-container > div {
        width: unset;
    }
    ul.Groups.search-menu.flex-container > div {
        min-width: 250px;
    }
    ul.Groups.flex-container.search-menu {
        column-gap: 10px;
    }
    .main-menu-functional-area .AdminOptions .dropdown-menu {
        right: unset;
        width: 95vw;
        max-height: 100vh;
        overflow: scroll;
        left: -56px;
    }
    .main-menu-functional-area .AdminOptions .dropdown-menu .flex-container > div:last-child {
        width: 95%;
    }

    .session-options-container {
        width: 90%;
    }

    .jumbotron.ChatIntro {
        padding: 30px;
    }
    .ChannelFunction.ChannelLeftPaneList.flex-item {
        display: none;
    }
    .Channels .side-pane-70 {
        width: 100% !important;
    }
    .BlogPostEdit .anchor {
        display: none;
    }
    .video-body-ontainer .VideoTags {
        display: none;
    }
    .video-body-ontainer .video-body {
        width: auto;
    }

    .FileDetailRow .fi-arrows-out {
        display: none;
    }
    .SponsorEdit .Header {
        display: none;
    }
    .mobile-menu-hamburger,
    .mobile-menu-hamburger>i {
        display: block !important;
    }
/*    .GroupListContainer .barMnu > div.LatestBlogs.addGrpBtn,
    .BlogListContainer .barMnu > div.AllBlogs.addGrpBtn
    {
        float: none;
        top: 58px;
        clear: both;
        position: absolute;
        right: 1px;
    }
*/
    .PORTALPAGE .AdvFeed, .FEED .AdvFeed {
        display: none;
    }

    .avatar-follows > div:last-child {
        display: none;
    }

    .TodayContainer .carousel-inner > .item > .BlogImage,
    .TodayContainer .carousel-inner > .item > .BlogImage >div {
        height: 204px;
    }
    .TodayContainer .BigBlogTitle {
        display: block;
    }
    .TodayContainer .BigTitleContainer {
        bottom: 20px;
        padding: 0 !important;
        width: auto;
        margin: 0 0 10px !important;
    }
    .TodayContainer .BigBlogTitle {
        font-size: 1.5em;
    }

    .GROUP .BigEventTitle>div:first-child {
        width: 60px;
        display: block;
        clear: both;
        float: none;
        margin-bottom: 10px;
    }
    .GROUP .BigEventTitle > div > img {
        width: 40px;
    }
    .GROUP .BigEventTitle>div:last-child {
        width: 95%;
    }
    .GROUP .BigEventTitle, .BigEventTitle>div>a {
        font-size: 1.25em !important;
    }

    .MainMenu {
        max-width: none;
    }

    .NotificationList {
        left: -170px;
    }

    .PLAYLIST .Autoplay {
        top: auto;
        float: none !important;
        position: static;
        margin: 10px 0 0;
    }

    .pg_Video .VideoURL iframe {
        top: -130px;
    }

    .css-cols.css-mobile-1 {
        columns: 1 !important;
    }
    .CMList {
        right: 42px;
        top: 40px;
        width: 300px;
    }
    .ADMIN .AdminBody .LeftPaneProfile {
        display: none;
    }
    .small-mobile-only {
        display: block;
    }
    .small-mobile-only.inline {
        display: inline;
    }
    .ChannelFunction.side.side-pane-30 {
        width: 100%;
        max-width: 100%;
    }
    .web-only {
        display: none;
    }
    .no-display.small-mobile-only {
        display: none;
    }
    .FlyOutMenu .std-site-terms-options {
        font-size: .7em;
    }

    .input-group.width.width-table-30.SearchBox.std-search-box {
        width: 90%;
    }
    .ONLINE.SOL_0.cust-page-body .TableContainer,
    .ONLINE.SOL_0 .ProfileOptions,
    .ONLINE.SOL_0 .MainBody > div,
    .ONLINE.SOL_0  .Collaborate.Home.container
    {
        width: 100% !important;;
        margin: 0 auto !important;
    }
    .miniOCContainer.mini {
        display: none;
    }

    .ThemeMenuStyle_0.OFFLINE .CoverPhoto {
        top: 30px;
    }
    .ThemeMenuStyle_0.ProfileView.ONLINE .std-profile-name {
        top: 51px;
    }
    .ThemeMenuStyle_0 .StdCommunityName {
        position: relative;
        top: 5px;
    }
    .ThemeMenuStyle_0.Profile .Admin_0 .AddlOptions {
        top: 15px !important;
    }

    .OFFLINE .MenuToggle {
        display: block;
        z-index: 10000;
    }
    .HorzMenuContainer {
        display: none;
    }
    body.OFFLINE.ThemeMenuStyle_0 .Logo img     {
        min-height: auto;
    }
    .side.mobile.nomobile {
        display:none;
    }
    .side.mobile.fullwidth {
        float: none !important;
        width: 100% !important;
    }
    .ProfilePop.Show {
        right: 0 !important;
        top: 14px !important;
        left: -78px !important;
    }
    .formProfileRequirements {
        width: 90% !important;
    }

    .Feed .FeedOptionsCount_1.Options > div > div, .Feed .FeedOptionsCount_1.Options > div > div > div {
        padding:10px;
        min-height:auto;
    }

    .TodayContainer .BlogTitle {
        width:100%;
    }

    .wolcols.wolcol_0,
    .wolcols.wolcol_1,
    .wolcols.wolcol_2 {
        width: 100% !important;
    }

    .suggestion-engine>div {
        columns: 1;
    }

    .PortalFileContainer > div.wolcols, .PortalFileContainer > div {
        float: none !important;
        width: 100% !important;
    }

    .VideoContainer .TagContainer .width.width-table-70 {
        width:100%;
        float: none;
    }
    .VideoList>div.wolcols {
        width:100% !important;
        float: none;
    }
    .VideoContainer .TagContainer .width.width-table-30 {
        display: none;
    }
    .OFFLINE .CoverPhoto {
        height: auto;
    }

    .GIModal>div {
        float: none !important;
        width: 100% !important;;
    }
    .GIModal .GrpAddress-std {
        display: block !important;;
    }
    .GIModal .GrpAddress-modal {
        display: none !important;;
    }
    .modal-body .GIModal .EventMap {
        max-width: none;
    }


    .std-profile-name {
        position: relative;
        top: 88px;
        font-size: 1.5em;
        margin: 0 0 0 100px;
        max-width: 70%;
    }
    .pg_Video .VideoContainer.width.width-table-70 {
        width: 100%;
        float: none !important;
    }
    .pg_Video .VideoCollection.width.width-table-30 {
        width: 90%;
        float: none !important;
        margin: 0 auto;
    }
    .pg_Video .VideoCollection.width.width-table-30>div {
        border: 0;
        padding: 0;
    }
    .EditEvent .MapPresent .FieldGroup {
        float: none;
        width: 100%;
    }
    .SurveyInfo .Question > select.EVENTSURVEYSETUP {
        width: 70% !important;
    }
    .EditEvent .PricingList .EditRightPane .PriceRow .Mobile {
        display: block;
        width: 50%;
    }
    .EditEvent .PricingList .EditRightPane .PriceRow.Header {
        display: none;
    }
    .EditEvent .PricingName > span {
        float: left;
        padding-right: 10px;
        width: 100%;
    }
    .EditEvent .PricingTable .PriceRow.Std .Mobile > div {
        width: 100%;
    }
    .EditEvent .PricingTable .PriceRow.Std .Mobile ~ div {
        width: 50%;
    }
    .EditEvent .PriceCreation > .EditLeftPane {
        width: 100%;
    }
    .EditEvent .PricingTable .PriceRow > div > div {
        padding: 10px 5px;
    }
    .NPSPeeps i {
        font-size: 3em;
    }
    .NPSPeeps .pers .badge {
        top: -11px !important;
    }
    .IMAnchor .ConvoContainer .ConvoMiniBox {
        display: none;
    }
    .SurveyManagement .Steps {
        padding: 20px 0;
    }
    .SurveyManagement .WizardSteps {
        width: 100% !important;
    }
    .EDIT-GROUP.Func_survey-management .SurveyManagement.SVType_1 .StepLine {
        width: 73% !important;
    }
    .ANALYTICS .graph > h2 {
        position: absolute;
        top: -35px;
    }

    .KPIBasics > div {
        float: none !important;
        width: 100% !important;
        margin-bottom: 0;
    }

    #AnalyticChart, #AnalyticPieChart2 {
        width: 100% !important;
    }
    .ReportsContainer.report-container .cols2 > div {
        width: 100% !important;
        float: none !important;
    }
    .graph.Pies h3 {
        top: 34% !important;
        left: -5px !important;
    }
    .SurveyRegistrants .cols3 > div {
        width: 50%;
    }
    .EDIT-GROUP.Func_survey-management .BigQuestion {
        display: none;
    }
    .EDIT-GROUP.Func_survey-management .BigAnswers {
        width: 100%;
        float: none;
    }
    .EDIT-GROUP.Func_survey-management .funcbox > a > div {
        height: 128px;
    }
    .EDIT-GROUP.Func_survey-management .func .funcbox > a > div p.headline {
        font-size: 1.5em;
    }
    .GroupPage_FILES .FileManager.FileAdmin .side-pane-30 {
        display: none;
    }
    .GroupPage_FILES .FileManager.FileAdmin .side-pane-70 .dropdown.MobileCats {
        display: block;
    }
    .GroupPage_FILES .FileManager.FileAdmin .side-pane-70 {
        width: 100%;
    }
    .GroupPage_FILES .FileManager .StdHeader {
        display: none;
    }
    .GroupPage_FILES .FileManager.FileAdmin .Header > h3 {
        padding-bottom: 15px;
    }
    .Forum .ForumRow .PostContainer .Topic {
        width: 100% !important;
        padding-bottom: 10px
    }
    .Forum .ForumRow .TopicPoster,.Port .Forum .ForumRow .TopicPoster {
        width: 50%;
    }
    .Forum .ForumRow .heading .TopicComments,
    .Forum .ForumRow .TopicRow .TopicTotComments
    {
        width: 15% !important;
    }

    .Forum .TopicPoster {
        float: none !important;
        width: 100% !important;
        clear: both;
        padding-bottom: 15px;
    }
    .Forum .TopicCategory {
        width: 70% !important;
    }
    .Forum .PostContainer .TopicRow.heading {
        border-bottom: none;
    }
    .Forum .ForumRow.std.row:hover {
        background-color: unset;
    }
    .Forum .ForumRow.heading .Category {
        width: 70%;
    }
    .Forum .ForumRow.heading .Tot {
        width: 30%;
    }
    .Forum .ForumRow .Category {
        width: 70%;
    }
    .Forum .ForumRow .Tot {
        width: 30%;
    }
    .OrganizationDirectory .OrganizationContainer .align.centered {
        padding-bottom: 10px;
        width: 100%;
        max-width: 100%;
    }
    .OrganizationDirectory .OrganizationContainer .Name.avatar-container {
        width: 100%;
        padding-bottom: 20px;
    }
    .OrganizationDirectory .OrganizationContainer .Description {
        width: 100%;
        padding-bottom: 10px;
    }
    .OrganizationDirectory .OrganizationContainer .Name .badge {
        float: none;
    }
    .EVENTS .EmailTemplateMaker .TemplatePanes .LeftPane {
        max-width: none !important;
        top: unset;
        width: 100%;
    }
    .EVENTS .EmailTemplateMaker .TemplatePanes .RightPane {
        display: none !important;
    }
    .EVENTS.List-Management .ListManagerContainer .AvailableList {
        width: 100%;
    }
    .EVENTS.List-Management .ListManagerContainer .Panes .TemplateChoices {
        padding-top: 20px;
    }
    .ORGANIZATION-DIRECTORY .AssociateContainer .OrganizationLogo img {
        width: auto;
        max-width: 100%;
    }
    .ORGANIZATION-DIRECTORY .AssociateContainer .std-number-box.TotAssociates {
        width: 90%;
        margin: 0 10px;
    }
    .ORGANIZATION-DIRECTORY .AssociateContainer .org-details .OtherInfo {
        padding-left: 3px;
    }
    .AdvertisingOn .RightPane .EditEventList .EventListReport .EICLeft > div {
        width: 100%;
    }
    .ECFuncs.std div {
        padding: 5px 0;
        cursor: pointer;
        width: 100%;
    }
    .AdvEdit .ECFuncs .Funcs .TenantMainHeaderBG {
        padding: 5% 5px;
        height: 170px !important;
    }
    .OFFLINE .CoverPhoto .CoverAvatar {
        top: -5px;
    }
    .BlogPost.OFFLINE .CoverPhoto .CoverAvatar {
        top: unset;
    }
    .PopulationCharts .Charts > div {
        float: none;
        width: 100%;
    }
    .EmojiContainer {
        left: 14px;
    }
    .EmojiContainer div.arrow-up{
        left:13%;
    }
    .CampaignsAll .AllEmailCampaigns .MoreDetails.cols5 {
        width: 100% !important;
        padding-top: 15px;
    }
    .CampaignsAll .AllEmailCampaigns .MoreDetails.cols5 > div {
        width: 100%;
    }
    .CampaignsAll .AllEmailList .Name {
        width: 100% !important;
        padding-bottom: 15px;
        font-weight: bold;
    }
    .CampaignsAll .AllEmailList .cols6.actionsinrow .StartDateTime, .CampaignsAll .AllEmailList .cols6.actionsinrow .AuthorName, .CampaignsAll .AllEmailList .cols6.actionsinrow .Status {
        width: 33% !important ;
    }
    .AllEmailList .Top3URLS .MoreDetails .URL {
        width: 100%;
        overflow-wrap: break-word;
    }
    .Top3URLS.MoreDetails.ClearAfter {
        width: 100% !important;
    }
    .EmailCampaignFunctions .ECFuncs > div {
        width: 50%;
    }
    .EventName > div.EventRowDate {
        width: 100%;
        text-align: left;
    }
    .EventName > div.EventRowTitle {
        width: 100%;
    }
    .EventName > div {
        float: none;
    }
    .DateBadge .StartDay {
        font-size: 2em;
    }
    .MMEvents .wolcols {
        float: none !important;
        width: 100% !important;
    }
    .Events .Row {
        min-height: 115px;
    }
    .MMEvents .DateBadge .StartDay {
        font-weight: normal;
    }
    .VideoURL .BodyOfURL .Title {
        width: 100%;
    }

    .VideoCollection .PlayVideo {
        left: 41%;
        top: 38%;
    }

    .Group.Profile .Admin_0 .AddlOptions {
        left: 17% !important;
        top: -155px !important;
    }
    .Profile .Admin_0 .AddlOptions {
        left: 0 !important;
        top: -100px !important;
        width: 100%;
        right: auto;
        margin: 0;
        text-align: center;
    }
    .Profile .Admin_0 .AddlOptions > div {
        float: none;
    }
    .ProfileView .std-profile-name {
        font-size: 1rem;
        top: 25px;
        margin-left: 105px;
    }
    .PVStd {
        font-size: .7rem;
    }
    .PVStd.PVPhone {
        position: relative;
        font-size: 1.5em;
        white-space: nowrap;
        overflow: visible;
    }
    .OFFLINE .PVStd.PVPhone {
        left:0;
    }
    .PVStd.PVPhone a, .PVStd.PVPhone a:visited {
        margin-left: 5px;
    }
    .ProfileView .std-name-gradient.imageGradient {
        height: 380px !important;
    }

    .EVENT .EventMap {
        height: auto;
        margin: 0 auto;
        width: 70%;
    }
    .CLogos {
        margin: 60px 0 60px 30px !important;
    }
    .PROFILE-REVIEW .CoverPhotoInner .CoverPhotoOptions > span {
        right: 13%;
    }
    .PROFILE-REVIEW .CoverPhotoOptions .cameraShadow {
        top: 22%;
        left: 41%;
    }
    .PROFILE-REVIEW .CoverAvatarOptions .cameraShadow {
        top: 54%;
    }
    .EDIT-GROUP .CoverPhotoOptions .cameraShadow {
        left: 185px;
    }
    .CoverPhotoOptions .cameraShadow {
        left: 165px;
    }
    .CoverPhotoInner .CoverPhotoOptions > span {
        right: 51px;
        font-size:1.1em;
    }
    .MobileOnly{
        display:block;
    }
    .no-mobile {
        display: none;
    }
    .Footer.SaveButton {
        display: block;
    }
    .ProfileSave.btn.btn-lg.btn-primary.btn-block {
        display: block !important;
    }
    .CoverPhotoOptions .cameraShadow {
        left: 166px;
        top: 21%;
    }
    .CoverAvatarOptions:hover > span{
        display:none;
    }
    .CoverAvatarOptions:hover {
        height: 111px;
        top: -107px;
    }
    .CoverAvatarOptions .cameraShadow {
        top: 76px;
    }
    .CoverAvatarOptions:hover .cameraShadow {
        top: 41px;
    }
    .BLOG .AddlOptions {
        left: 60%;
        top: 0;
    }
    .GROUP .Admin_0 .AddlOptions {
        left: 40%;
        top: 45px;
        width: 55%;
    }
    .home-page.OFFLINE .feature-2 .feature-image img {
        width: 100%;
    }
/*    .Event .EventRightPane .MainRefMsg {
        display: none;
    }
*/
    .TAG .Blogs img, .BLOGS .Blogs img {
        position: static;
        max-width: none;
        width: 100%;
        margin-bottom: 15px;
    }
    .TAG .BlogClickArea, .BLOGS .BlogClickArea{
        cursor: pointer;
        padding: 10px 0;
        position: relative;
    }
    .BlogMaster ul.Blogs li {
        padding-bottom: 10px;
    }
    .EVENT .EventRightPane .ShareOptions, .EVENT .EventRightPane h1 {
        display: none;
    }
    .EVENT .EventLeftPane {
        padding-bottom: 0;
    }
    .EDIT-GROUP .OrganizationList .Web{
        display:none;
    }
    .EDIT-GROUP .PriceCreation > .EditLeftPane {
        width: 100%;
    }
    .EDIT-GROUP .PriceCreation > .EditRightPane {
        width: 100%;
    }
    .AdvEdit .BoxOptionContainer.Stats {
        width: 70%;
    }
    .BASEPAGE.BlogPost .PostContent {
        padding:0 15px 10px 15px;
    }
    .PROFILE-REVIEW .WizardSteps .Steps, .NEW-PROFILE .WizardSteps .Steps {
        margin-left: 0px;
        padding: 20px 0 0;
    }
    .PROFILE-REVIEW .WizardSteps, .NEW-PROFILE .WizardSteps{
        width: 95%;
        padding: 0 0 15px 0;
    }
    .ProfileImages .BigCoverPhoto .CoverPhoto .CoverPhotoInner {
        width: 100%;
    }
    .StdForm .fi-trash{
        padding: 0;
    }
    .GROUP .Options{
        display:none;
    }
    .MY-PHOTOS .AlbumDetails {
        width: 49%;
        padding:10px;
    }
    .ImageCropper .ImageCroppingDescription {
        padding-left: 13px;
    }
    .Footer.SaveButton {
        padding-left: 9px;
    }
    .MessageFlow > .FeedItem, .MessageFlow div.jscroll-inner > .FeedItem, .MessageFlow div.jscroll-added > .FeedItem {
        padding: 10px 0 0 0 !important;
    }
    .Video_1 .PlayVideo {
        left: 44%;
        top: 40%;
    }
    .FeatureOptions{
        width: 100%;
    }
    .EDIT-GROUP .CoverPhoto .CoverAvatar,.PROFILE-REVIEW .CoverPhoto .CoverAvatar {
        height: 79px;
    }
    .ADMIN .OnlineStats {
        float: none;
        width: 100%;
    }
    .ADMIN .OnlineStats .TopMbr.TotLast7 > div {
        padding: 0 10px;
        width: 100%;
    }
    .ProfileEdit .btn-group,
    .GroupEdit .btn-group
    {
        display: block !important;
        position: static !important;
        margin-top: 10px;
    }
    .CM.Name > span {
        display: none;
    }

    .ADMIN .AdminFunctions, .ADMIN .Container.AdminBody, .ADMIN .GraphSetupContainer {
        width: 100%;
    }
    .ADMIN ul.Functions > li {
        width: 50%;
    }
    .ADMIN ul.Functions > li > div > i {
        font-size: 4em;
    }
    .ADMIN .Functions .Name {
        font-size: 1.5em;
    }
    .ADMIN ul.Functions > li > div {
        height: 150px;
    }
    .ADMIN .Heading > div {
        margin: 0 auto;
    }
    .Announcements .Blogs {
        padding: 15px;
        margin: 0;
    }
    .Announcements .Announce.Blogs ul.Blogs {
        padding: 0;
    }
    .Announcements .Announce.Blogs ul.Blogs .BlogClickArea {
        padding: 10px 0 10px 10px;
    }
    .Announcements .Announce.Blogs .BlogListContainer .Blogs img {
        position: static;
        width: 100%;
    }
    .WeatherWidget {
        padding: 0 15px;
    }

    .CM.Search {
        width: 100%;
    }
    .GroupView .LeftSideFeed {
        float: none !important;
        width: auto !important;
    }
    .GroupView .RightSideFeed {
        display: none;
    }
    .AboutUs .Photo > img {
        width: 100% !important;
    }
    .AboutUs .Photo {
        position: static !important;
    }
    .AboutUs .Peeps {
        padding: 0 !important;
    }
    .FirstImpressions > div > div > div {
        min-height: 0 !important;
    }

    .FirstImpressions > div > div {
        float: none !important;
        width: auto !important;
    }

    .SignUpLogin {
        display: none;
    }
    .PROFILE.ProfileView .RightPane > div > .LeftPaneFeed {
        float: left;
        width: 100%;
    }
    .PROFILE.ProfileView .RightPane > div > .RightPaneFeed {
        display: none;
    }
    .EVENTS .Steps .Desc {
        font-size: 0.7em;
    }
    .EVENTS .WizardSteps > div > div > h2 {
        margin-bottom: 5px;
    }
    .EVENTS .WizardSteps {
        width: 100%;
    }
    .EVENTS .WizardSteps > div > div > h3 {
        display: none;
    }
    .EVENTS .StepLine {
        top: 97px;
        width: 77% !important;
    }
    .Events .Row {
        padding: 0 0 0 80px;
    }
    .EVENTS .Container .MiddlePane .LeftSidePane {
        float: none;
        width: 100%;
    }
    .EVENTS .RightSidePane {
        display: none;
    }
    .EVENT .MainBody.Container > div {
        width: 100%;
    }
    .EVENTS .Steps {
        padding: 5px 0;
    }
    .EVENT .EventRightPane, .EVENT .EventLeftPane {
        width: 100%;
    }
    .EVENT .EventContainer > h1 {
        font-size: 1.5em
    }
    .EditEvent .PhysicalLocation.show > div {
        padding: 0;
    }
    .EditEvent .MapPresent .Map {
        width: 100%;
    }
    body.EVENT {
        background-position: 50%;
    }

    .formEventStep1 .LeftSide {
        float: none;
        width: 100%;
    }
    .formEventStep1 .RightSide {
        float: none;
        width: 100%;
    }
    .formEventStep1 .LeftSide > div {
        padding: 0;
    }

    .formEventFinish .Options > div {
        padding: 0 0 1.25em;
    }

    .formEventFinish #divAdministrators,
    .formEventFinish .Options.EventLinks > div,
    .formEventFinish .Options.EventLinks > div,
    .formEventFinish .Options.EventFiles > div,
    .formEventFinish .Options.EventImages > div {
        padding: 0;
    }
    .formEventStep1 input.Title {
        font-size: 1.25em;
        font-weight: 700;
    }
    .formEventFinish .FileCollection .CurrFileUpload {
        -moz-columns: 1 auto;
        -webkit-columns: auto 1;
        columns: auto 1;
    }
    .formEventFinish .ImageCollection {
        -moz-columns: 2 auto;
        -webkit-columns: auto 2;
        columns: auto 2;
    }
    .HomePage .Features .Inner {
        /*
                -moz-columns: 1 auto !important;
                -webkit-columns: auto 1 !important;
                columns: auto 1 !important;
        */
    }
    .FeatureListTable.wolcols {
        width: 100% !important;
    }
    .TodayBottom .wolcols, .PCOLS_2 .wolcols.wolcol_0, .PCOLS_2 .wolcols.wolcol_1 {
        width: 100% !important;
    }

    .TodayBottom .wolcols.wolcol_1, .TodayBottom .wolcols.wolcol_2  {
        width: 100% !important;
    }

    .TodayContainer .BlogTitle.jumbotron {
        font-size: 1.25em !important;
        padding-top:5% !important;
    }
    .TodayContainer .WeatherWidget {
        display: none;
    }
    .TodayContainer .carousel.slide {
        height: 203px !important;
    }
    .TodayContainer .BlogTags, .TodayContainer .Suggestions {
        display: none;
    }
    .MaxAttach99 .AttachedImages {
        width: auto;
    }
    .MainBody.IncorrectPassword {
        padding: 0;
    }
    .MainBody.IncorrectPassword .InnerBox {
        border: 0;
    }
    .Feed .Options > div > div {
        font-size: 1em;
        min-height: 98px;
        padding-top: 10%;
    }
    .MessageFlow .CommentLine > input {
        width: 85%;
        border: 1px solid #ccc;
        padding: 2px;
    }

    footer {
        background-color: rgba(0, 0, 0, 0.5);
        bottom: 0;
        color: #ffffff;
        font-size: 80%;
        margin: 0;
        padding: 30px 20px 0px !important;
        position: fixed;
        text-align: center;
        top: auto;
        width: 100%;
        z-index: -1;
    }
    .TODAY.OFFLINE footer {
        position: static;
    }
    footer div {
        float: none;
        text-align: center;
    }
    footer .Social {
        float: none;
        top: 2px;
    }
    .section-block.testimonial-5.testimonials-5-about-1 {
        min-height: 576px;
    }

    .DownArrow {
        display: none;
    }
    .HomePage section.Features div.Inner {
        opacity: 1 !important;
    }
    .HomePage section.Features {
        margin-top: 0;
    }

    .FavoritesBar.bounceInUp.animated {
        display: none;
    }
    .Collaborate .Portlet {
        background-color: #fafafa;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        float: left;
        margin: 0;
        min-height: 200px;
        padding: 3%;
        width: 100% !important;
    }
    .OCMenu .Collaborate.Home.container .Container > .LeftPane {
        display: block !important;
        min-height: 100vh;
    }
    .CoverPhoto .CoverAvatar {
        height: auto;
        width: 25%;
    }
    .Container .LeftPane {
        background-color: #f0f0f0;
        height: 100vh;
        left: 0;
        max-width: 80% !important;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2;
    }
    .EventReports .Engagements{
        width:50%;
        padding:2px 2px;
    }
    .EVENTS .std.row{
        width:100%;
        float:left;
        line-height: 25px;
    }
    .Profile .Container .LeftPane {
        background-color: #f0f0f0;
        height: 100vh;
        max-width: 80% !important;
        position: relative;
        width: 100%;
        z-index: 1000;
        display: block;

    }
    .Profile .Name.AddOn {
        width: auto;
    }
    .LOGIN .InnerBanner .SignIn {
        border: 0 none;
        border-radius: 8px 8px 0;
        color: #666666;
        display: inline-block;
        float: none;
        margin-right: 0;
        min-width: 97% !important;
        padding-left: 3%;
        padding-top: 8.5% !important;
    }
    .StdRow.ForgotPassword a {
        font-size: 0.8em;
    }
    .InnerBanner .ProfileLogin {
        background-color: rgba(0, 0, 0, 0.25);
        border: medium none;
        border-radius: 5px;
    }
    .InnerBanner .ProfileLogin form {
        padding: 10px 10px 0 !important;
        position: relative;
    }
    .ProfileLogin {
        padding: 0 !important;
    }
    .OptionsnRow {
        padding: 5px;
    }
    .OptionsnRow > div {
        float: left !important;
        width: 45% !important;
    }
    .EDIT-BLOG .CoverPhoto .CoverAvatar {
        height: 79px;
        width: 25% !important;
    }
    .PROFILE .CoverPhoto .CoverAvatar {
        height: auto;
        width: 25% !important;
    }
    .Collaborate .Container .MiddlePane {
        padding:0!important;
    }
    .GROUP-LIST .nav-tabs{
        width: 100%;
    }
    .Profile .Container .LeftPane, .Container .RightPane {
        width: 100% !important;
    }
    .CoverPhotoImageHolder {
        background-attachment: fixed;
        background-size: contain;
        height: auto;
        width: 100% !important;
    }#CoverPhotoImageHolder > img {
         background-attachment: fixed;
         background-position: center center;
         background-size: cover !important;
     }
    /*-----------Login ----------*/
    .LOGIN div#StdHomePage .RightPane {
        float: left;
        max-width: 456px;
        padding: 0;
        text-align: right;
        width: 100% !important;
    }
    .LOGIN div#StdHomePage .LeftPane {
        color: #ffffff;
        float: left;
        font-size: 1.2em;
        line-height: 1.5em;
        width: 100%;
    }
    .LOGIN div#StdHomePage .Intro {
        background-image: url('/img/Black_1px_25pct.png');
        border-radius: 8px;
        padding: 5%;
    }
    .LOGIN .LeftPane {
        display: block !important;
    }
    .Intro {
        display: none;
    }
    /*-----------Login ----------*/
    .InnerBanner {
        display: list-item;
        margin: 0 auto;
        max-width: 1100px;
        padding: 0;
        width: 100% !important;
    }
    /*    .OFFLINE header {
            height: 60px !important;
        }
    */
    .OFFLINE .Collaborate.container {
        margin-top: 0 !important;
    }
    .OFFLINE .MainBody.IncorrectPassword.container {
        margin-top: 20px;
    }
    header {
        background-color: #ffffff;
        height: 50px;
        list-style: outside none none;
        min-height: 60px;
        padding: 0;
        position: static;
        top: 0;
        width: 100%;
        z-index: 2000;
    }
    .LeftPane {
        display: none !important;
    }
    .AddOn {
        display: block;
    }
    .CoverPhoto .CoverPhotoInner {
        border: 0 none;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 100%;
    }
    div#StdHomePage {
        width: auto;
    }
    .InnerBanner .Logo {
        /* margin:1% auto;*/
        float: none;
        display: table;
    }
    .Collaborate .InnerBanner .Logo {
        display:none;
    }
    #formProfileMini legend.Title {
        display: none;
    }
    .SignIn {
        margin: 0 !important;
        min-width: 0;
    }
    .Collaborate .CollabOptions {
        width: 90%;
    }
    /* Profile Edit */

    .ProfileOptions div > .Options:first-child {
        border: 0;
    }
    .Collaborate.container {
        /*margin-top: 10%;*/
    }
    .AddOn {
        display: block !important;
        width: 100% !important;
    }
    .MiddleInit.AddOn {
        width: 12.5% !important;
    }
    .radio-inline, .checkbox-inline {
        margin-bottom:8px;
    }
    .BaseEmail .form-control.Email {
        width: 55% !important;
    }
    .BasePhone select {
        margin-left: 0 !important;
        width: 55% !important;
    }
    .col-md-4 {
        padding-left: 0 !important;
        text-align: left !important;
        width: 100% !important;
    }
    .row {
        margin: 0 !important;
    }
    .InnerBanner .SignIn {
        float: none;
        width: 90%;
        margin: 0 auto;
    }
    .InnerBanner .StdRow.Action {
        margin-top: 20px;
        text-align: right;
    }
    .InnerBanner .OptionsnRow .StdRow {
        float: none;
    }
    .InnerBanner .SignIn {
        min-width: 0;
    }
    .InnerBanner .StdRow.Email, .InnerBanner .StdRow.Password, .InnerBanner .StdRow.Action {
        float: none;
    }
    .InnerBanner .StdRow.Email input, .InnerBanner .StdRow.Password input {
        font-size: 1.3em;
        width: 100%;
    }
    .InnerBanner .SignIn {
        width: auto;
    }
    .Container.Trap {
        width: auto !important;
        margin-top: 30px !important;
    }
    .BasePhone .input-group .Error.bg-danger {
        margin: 35px 0 0 !important;
    }
    .BaseEmail .input-group .Error.bg-danger {
        margin: 1px 0 0 !important;
    }
    .BasePhone select {
        width: 50% !important;
    }
    .Container .MiddlePane {
        padding: 2%;
        width: auto;
    }
    .CM.Home > span {
        display: none;
    }
    .FullGroupList > li {
        cursor: pointer;
        float: left;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
    }
    .Collaborate .SmallLogo {
        display: block;
        float: left;
    }
    .Collaborate #MainHeader .MenuAction, .ONLINE #MainHeader .MenuAction {
        color: #ffffff;
        cursor: pointer;
        display: block;
        float: left;
    }
    .Collaborate .CollabOptions {
        width: auto;
    }
    .RightPane .ShareOptions {
        text-align: right ;
    }
    .leftpane {
        display: none;
    }
    .ProfileEdit .CoverAvatar {
        height: 111px;
    }
    .MyOptions .CoverAvatar {
        height: 60px;
    }
    .MenuContainer div >.Options {
        display: none;
    }
    .MenuContainer div >.Options:first-child {
        display: block;
        visibility: hidden;
    }

    .MainBody > div{
        width: 100%;
    }
    .EditFormContainer .Container {
        /*padding: 0;*/
    }
    .EDIT-GROUP .LeftPaneProfile {
        display: none;
    }
    .MessageFlow .CommentLineIndicator {
        border-left: 0;
        padding-left: 0 !important;
    }
    .MessageFlow > .FeedItem > .TotComments, .MessageFlow div.jscroll-inner > .FeedItem > .TotComments, .MessageFlow div.jscroll-added > .FeedItem > .TotComments {
        display:none;
    }
    .GROUP-LIST .Heading {
        color: #999;
        max-width: 100%;
        width: auto;
    }
    #ShareWith {
        float: none !important;
        width: 100% !important;
    }
    .ShareUserOptions .CM.Search {
        display: block;
        float: none;
        margin-top: 5px;
        position: static;
        width: 100%;
    }
    .ShareUserOptions > h2 {
        float: none;
    }
    .ShareUserOptions {
        display: block;
        text-align: left;
    }
    .SignUpContainer > h1{
        display: none;
    }
    .SIGN-UP .ProfileOptions .Inner.ClearAfter {
        display: none !important;
    }
    .Events .Row {
        padding: 0 20px 0 125px;
        position: relative;
    }
    .NOTIFICATIONS .ViewingMessage .MobileOptions {
        display: block;
        padding-left: 10px;
    }
    .NOTIFICATIONS .Notifications .Body > .LeftPaneNotes {
        float: none !important;
        width: 100% !important;
        display: block;
    }
    .NOTIFICATIONS .Notifications.ViewingMessage .Body > .LeftPaneNotes {
        display: none;
    }

    .NOTIFICATIONS .ContentDestination {
        display: none !important;
    }
    .NOTIFICATIONS .ViewingMessage .ContentDestination {
        float: none !important;
        width: 100% !important;
        display: block !important;
    }
    .NOTIFICATIONS .Body {
        padding: 0;
    }
    .MY-PHOTOS .Top3{
        width:100%;
        padding-left: 15px;
    }
    .MY-PHOTOS .AlbumDetails {
        width: 100%;
        padding:10px;
    }
    .MY-PHOTOS .MyPhotos {
        padding: 0;
    }
    .AlbumContainer > h2, p {
        padding: 0 10px;
    }
    .EVENT .DayContainer {
        margin: 10px 0 0;
        position: static;
    }

    .EVENT .DayContainer .btn.btn-info {
        margin-bottom: 5px;
    }

    .EVENT .MobileRegister {
        display: block;
    }
    .EVENT .RegistrationDetails {
        width: 100%;
    }
    .EVENT .StepHeading > h2 {
        font-size: 1em;
    }
    .EVENTS .Mobile6 {
        display: block!important;
    }
    .actionsinrow.cols6 > div {
        width: 25%!important;
        padding-left: 5px!important;
    }
    .EVENTS .cols6 .actions, .EVENTS .cols4 .actions{
        display: none;
    }
    .EVENTS .AllEmailCampaigns .cols6 .actions {
        display: block;
    }
    .actionsinrow.cols4 > div {
        padding: 0 2%;
        width: 33.3%;
    }
    .OrganizationList .actionsinrow.cols4 > div {
        width: auto;
    }
    .Func_member-management .BoxOptionContainer > div {
        width: 50%;
    }
    .Event .EventOptions {
        left: 80%;
    }
    .MessageBody .AttachedImages {
        max-width: 100%;
    }
    .MessageBody.AttachCount_1 .AImage {
        width: 100%;
    }
    .MessageBody.AttachCount_5 .AImage.AImageCnt_3,
    .MessageBody.AttachCount_5 .AImage.AImageCnt_4,
    .MessageBody.AttachCount_5 .AImage.AImageCnt_5 {
        width: 32.25%;
    }
    .Event .MobileRegister .MainRefMsg .Register.btn-group {
        position: relative;
    }
    .Event .MobileRegister .MainRefMsg > div:first-child {
        padding: 8px 0;
    }
    .Event .MobileRegister .Register > ul {
        min-width: 0;
        width: 215px;
    }
    .MobileRegister .MainRefMsg {
        margin: 0;
    }
    .EventFeeView .PriceRow .Header.Mobile {
        display: none;
    }
    .home-page.OFFLINE h1 {
        font-size: 6rem;
    }
    .AllLinks .Row .input-group > input {
        width: 85% !important;
    }
    .CHANNELS .MobileFuncs .CFL {
        display: block;
    }
    .CHANNELS .ChannelLeftPaneList {
        display: none;
    }
    .CHANNELS.ALLCHANNELS .ChannelLeftPaneList {
        display: block;
    }
    .ChannelContainer #ChatMessageArea {
        width: 100% !important;
        left: 0;
    }
    .ChannelContainer .ChannelPost.Message {
        width: 100% !important;
        left: 0;
    }
    .ADMIN .EICLeft .EventKPI .cols3 > div {
        width: 100%;
    }
    .ADMIN .AnalyticContainer .GroupCharts .GroupAnalytic {
        width: 100% !important;
    }
    .ADMIN .AnalyticContainer .GroupCharts .GroupInfo {
        width: 100% !important;
    }
    .EDIT-GROUP.ANALYTICS .AnalyticChartContainer .GroupChart .cols3 .dispBox {
        width: 50%;
    }
    .EDIT-GROUP.ANALYTICS .AnalyticChartContainer .pieParent > div {
        width: 100%;
    }
    .MessageBody.AttachCount_1 .AImage {
        width: 100%;
        height: 222px;
        /*min-height: 0 !important;*/
    }
    .MessageBody.AttachCount_2 .AImage {
        width: 48.95%;
        height: 222px;
        /*min-height: 0 !important*/
    }
    .MessageBody.AttachCount_3 .AImage, .MessageBody.AttachCount_4 .AImage, .MessageBody.AttachCount_5 .AImage, .MessageBody .ImagesPlus .AImage {
        height: 111px;
        min-height: 0 !important;
    }
    .ReportOptions .RegistrationReport.ClearAfter {
        columns: 1 !important;
    }
    .ORGANIZATION-DIRECTORY .OrganizationContainer .avatar-container.avatar-small {
        padding-left: 0;
    }
    .PARTNER-DIRECTORY .OrganizationDirectory .OrganizationContainer .align.centered.width-table-30 {
        width: 100%;
    }
    .PARTNER-DIRECTORY .OrganizationDirectory .OrganizationContainer .Description.width-table-50 {
        width: 100%;
        padding: 15px 0;
    }
    .PARTNER-DIRECTORY .OrganizationDirectory .OrganizationContainer .Follow.width-table-20.menu-options-right {
        width: 65%;
        padding: 10px 0;
    }
    .EDIT-ORGANIZATION .EditFormContainer .Container .right-pane.width.width-table-30 {
        width: 100%;
        padding: 0 50px;
        float: left;
    }
    .EDIT-ORGANIZATION .EditFormContainer .Container .left-pane.width.width-table-70 {
        width: 100%;
    }
    .Edit-Organization .AllLinks .Row .input-group > input {
        width: 85% !important;
    }
    .EVENT .EventRightPane .PayOption.PayByCheck > p {
        padding: 0;
    }
}
@media (max-width: 360px) {

    .GROUP .main-menu-functional-area .AdminOptions .dropdown-menu {
        right: unset;
        width: 300px;
        left: 0;
    }
    .GROUP .main-menu-functional-area .AdminOptions .dropdown-menu .flex-container > div {
        width: 95%;
    }
    .BlogPost.OFFLINE .CoverPhoto .CoverAvatar {
        bottom: unset;
        top: 45px;
    }

    .pg_Videos .TagContainer >div:first-child {
        width: 100%;
    }
    .pg_Videos .TagContainer .VideoTags {
        display: none;
    }
    .pg_Videos .side > div.VideoContainer {
        padding: 5px 0;
    }
    .pg_Videos .VideoCollection .BodyOfURL {
        padding: 5px 10px;
    }
    #StdModal .VideoURL iframe {
        min-height: 0;
        height: 180px;
    }

    .KPI.Question {
        margin: 20px 0 !important;
    }

    .People li.People .container {
        padding: 12px 10px !important;
    }
    .People .entityOptions {
        width: auto;
        margin-top: 10px;
    }
    .People li .Avatar {
        width: 50px !important;
        height: auto !important;
    }
    .DispAvatar_0 .container,
    .DispAvatar_0 {
        padding-left: 5px !important;
    }
    .People .Info {
        padding: 5px 5px 5px 60px;
    }

    .ONLINE.ThemeMenuStyle_0 header {
        background-color: auto;
    }
    .ONLINE.ThemeMenuStyle_0 .MainHeader .MenuAction {
        display: inline;
    }
    .ONLINE.ThemeMenuStyle_0 .HorzMenuContainer {
        display: none;
    }
    .ONLINE.ThemeMenuStyle_0  .StdCommunityName h2 {
        margin: 10px 0 20px;
        font-size: 2em;
    }
    .ChannelContainer .PostOwner_0 .PostedMessage {
        margin-left: 12%;
    }
    .ChannelContainer .PostOwner_1 .PostedMessage{
        margin-right: 12%;

    }
    .CHANNELS .PostOwner_0 .PostedMessage .arrow-down {
        margin-left: 6%;
    }
    .CHANNELS .PostOwner_1 .PostedMessage .arrow-down {
        margin-right: 6%;
    }
    .ChannelContainer .PostOwner_1 .MessageOwners.ClearAfter {
        margin-left: 22%;
    }

    .MY-JOURNEYS .Collaborate.Home.container {
        width: 100% !important;
        margin: 0 !important;
    }
    .mobile-phone.std > div {
        float: none !important;
        width: 100%;
    }
    .mobile-phone.std > div > div {
        display: inline;
    }
    .mobile-phone.std.heading {
        display: none;
    }
    .mobile-phone.std label.mobile-headings {
        display: inline;
        margin-right: 5px;
        vertical-align: middle;
    }
    .SurveyInfo .Question > select.EVENTSURVEYSETUP {
        width: 90% !important;
    }
    .SurveyBasicStats .cols2 > div {
        float: none !important;
        width: 100%;
    }
    .KPITextAnswers .RT_10 .TextAns {
        width: auto;
    }
    .SURVEY .SurveyLandingPage h1 {
        margin: 20px 0;
    }
    .ProfileQuestionsContainer .Answer {
        float: none !important;
        width: auto !important;
    }
    .SurveyManagement .formSurveySchedule .RegDates .RegistrationDateTime.ClearAfter {
        width: 80%;
    }
    .SurveyManagement.SurveyOptions .UseScheduleOptions {
        width: 100%;
    }
    .SurveyQuestionList .dropdown-menu {
        right: 1px;
        max-width: 275px !important;
    }

    .PublishedSurvey .ShareOptions {
        right: -10px;
    }
    .PublishedSurvey .AdminOptions.SurveyEdit {
        top: 50px;
        right: 20px;
    }
    .AdminOptions.SurveyEdit .dropdown-menu {
        left: -114px;
    }
    .FieldRow.AC_1.RendType_1 > div > div {
        float: none;
        width: auto;
    }
    .SurveyContainer {
        width: 100% !important;
    }
    .GROUP .ContactCommunityForm {
        width: 100%;
    }
    .FileContainer .FileDetailRow {
        padding-left: 45px !important;
    }
    .FileContainer .FileDetailRow .actions .fi-arrows-out.ui-draggable-handle {
        left: 15%;
    }
    .dropdown.MobileCats {
        display: block;
    }
    .starRating i {
        font-size: 1.1em;
    }

    .Forum .PostContainer {
        padding: 0;
    }
    .ProfilePop.Show .arrow {
        display: none;
    }
    .ProfilePop.Show .cancel-button {
        display: inline;
        position: absolute;
        color: #999;
        right: 10px;
        font-size: 1.5em;
    }
    .FarRightPane {
        width: 75%;
    }
    .MainMenu {
        width: 75%;
    }
    .TLRow.ClearAfter {
        float: none;
        width: auto;
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
    }
    .EVENTS .EmailTemplateMaker .TemplatePanes .LeftPane > div {
        padding: 1px 10px 1px 10px !important;
    }
    .PARTNER-DIRECTORY .OrganizationDirectory .OrganizationContainer .Follow.width-table-20.menu-options-right {
        width: 75%;
    }
    .PARTNER-DIRECTORY .OrganizationDirectory .OrganizationContainer .Description.width-table-50 > div {
        max-height: 400px;
    }
    .EDIT-ORGANIZATION.Func_associates .Container .OrgProcess.OrganizationLogo {
        width: auto !important;
    }
    .EDIT-ORGANIZATION.Func_associates .People .Mobile {
        display: none;
    }
    .EDIT-ORGANIZATION.Func_associates .People .Web {
        display: none;
    }

    .OFFLINE .CoverPhoto .CoverAvatar {
        top: -25px;
    }
    .ChannelContainer .PostOwner_0 .PostedMessage {
        max-width: 70%;
    }
    .ChannelContainer .PostOwner_1 .PostedMessage {
        max-width: 70%;
    }
    .CHANNELS .AttachCount_1 .PostedMessage, .CHANNELS .AttachCount_2 .PostedMessage, .CHANNELS .AttachCount_3 .PostedMessage, .CHANNELS .AttachCount_4 .PostedMessage, .CHANNELS .AttachCount_5 .PostedMessage, .CHANNELS .AttachCount_6 .PostedMessage, .CHANNELS .AttachCount_7 .PostedMessage {
        width: 70% !important;
    }
    .EventReports .menu > h1{
        top: 40px;
    }
    .ChannelContainer #ChatMessageArea {
        width: 98% !important;
    }
    .ChannelContainer .PostOwner_1 .Avatar {
        left: 93%;
    }
    .EmojiContainer {
        left: 11px;
    }
    .UNSUBSCRIBE .container {
        width: auto;
    }

    .EventFeeView .PriceRow .Header.Mobile {
        display: block !important;
    }
    .EventFeeView .PriceRow.Web {
        display: none;
    }
    .EventFeeView .PriceRow .Header.Mobile {
        width: 48%;
    }
    .EventFeeView .PriceRow .Header.Mobile > div > div {
        font-weight: 500;
    }
    .EventFeeView .PriceRow.Std.ClearAfter {
        width: 100%;
    }
    .EventFeeView .PriceRow.Std.ClearAfter > div {
        width: 50%;
    }
    .FeedItemOptions .fas.fa-thumbtack {
        position: relative;
    }
    .EVENT .Name.AddOn {
        width: 100% ;
    }
    .CLogos > img {
        width: 125px;
    }
    .ProfileEdit .Container .AllLinks .Row .input-group > input, .EDIT-GROUP .Container .AllLinks .Row .input-group > input {
        width: 90%;
    }
    .PROFILE-REVIEW .Container.Trap {
        padding: 10px;
    }
    .PROFILE-REVIEW .CoverAvatarOptions .cameraShadow {
        top: 57%;
    }
    .EVENT .EventMap {
        height: auto;
        margin: 0;
        width: auto;
    }
    .EVENT .EventMap > iframe {
        width: 90%;
    }
    .GroupEdit .CoverPhotoExists_0 .CoverPhoto .CoverPhotoInner,
    .ProfileEdit .CoverPhotoExists_0 .CoverPhoto .CoverPhotoInner,
    .EDIT-BLOG .CoverPhotoExists_0 .CoverPhoto .CoverPhotoInner{
        max-height: 200px;
    }
    .BLOG .AddlOptions {
        left: 35%;
    }
    .EDIT-GROUP .CoverPhotoInner .CoverPhotoOptions > span {
        font-size: 0.8em;
    }
    .EDIT-GROUP .CoverPhotoOptions .cameraShadow {
        left: 130px;
    }
    .CoverPhotoInner .CoverPhotoOptions > span {
        font-size: 0.8em;
        right: 14%;
    }
    .CoverPhotoSpinnerBars {
        height: 10px !important;
        left: 11%;
        top: 80% !important;
        width: 200px !important;
    }
    .BLOG.BlogPost .AddlOptions {
        left: 50%;
    }
    .CoverAvatarOptions:hover {
        height: 86px;
        top: -81px;
        width: 81px;
    }
    .Container.Trap {
        /*margin: 0 !important;*/
    }
    .CoverAvatarOptions:hover .cameraShadow {
        left: 38%;
        top: 25%;
    }
    .CoverPhotoOptions .cameraShadow {
        left: 132px;
        top: 10%;
    }
    .jcrop-holder {
        min-height: 169px;
    }
    .CoverPhotoInner .FlyOutMenu {
        top: 163px;
    }
    .Profile .Admin_0 .AddlOptions {
        top: -50px !important;
        padding:0;
    }

    .home-page.OFFLINE .feature-2 .feature-image img {
        padding-right: 0;
        width: 100%;
    }
    .TAG .Blogs li .Name {
        padding-left: 0;
    }
    .TAG .Blogs .Summary {
        padding: 1%;
    }
    .TAG .Blogs .ImageContainer {
        position: static;
        width: 100%;
    }
    .Blogs > li {
        border-bottom: 0;
    }
    /* Channels */
    .ChannelFunction.side.side-pane-70 {
        padding-left: 0;
    }
    .ChannelContainer .MessageArea {
        width: 100% !important;
    }
    .ChannelPost.Message {
        width: 100% !important;
        bottom: 0;
    }
    .ChannelContainer .MessageArea.width.width-table-60 {
        /*height: 64% !important;*/
    }
    .CHANNELINTOMODE .ChannelFunction {
        height: auto !important;
    }
    .ChannelContainer .MessageOwners {
        min-height: 0 !important;
        padding-left: 35px !important;
    }
    .CHANNELINTOMODE .ChannelFunction.side {
        width: auto !important;
        float: none !important;
        position: static !important;
        background-color: #fff !important;
        color: #333 !important;
    }
    .CHANNELINTOMODE .ChannelFunction.side div.ChannelItem {
        color: #666 !important;
    }
    .AllChannels div.ChannelItem,
    .AllChannels .side h1:not(.jumbotron h1),
    .AllChannels .side h2,
    .AllChannels .side h3 {
        color: #666 !important;
    }
    /* End of Channels */
    .TryIt > div.container {
        width: 90%;
    }
    .AImage.AImageCnt_1 > img {
        max-width: 100% !important;
    }
    .home-page.OFFLINE h1 {
        font-size: 4rem;
    }
    .EVENT .AddlOptions {
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }

    .SmallMenuFunctions .MemberList .dropdown-menu {
        width: 114px;
    }
    .SmallMenuFunctions .MemberList .dropdown-menu > li {
        font-size: 16px;
        padding: 0;
    }
    .FlyOutMenu {
        font-size: 1.25em;
        left: 29px !important;
        width: 229px;
    }
    .FlyOutMenu > div {
        cursor: pointer;
        font-size: 0.8em;
        padding: 10px 5px;
    }
    /*
    .IMAnchor.animated {
        display: none;
    }
    */
    .HomePageMain {
        padding-bottom: 15%;
    }
    .EVENTS .Heading > h2{
        width: 100%;
    }
    .GroupPage_Feed .side > div {
        padding: 0;
    }
    .FeatureOptions div > div {
        padding: 3%;
    }
    .EVENT .AddlOptions {
        bottom: -47px;
        right: -68px;
    }
    .Func_member-management .BoxOptionContainer > div {
        width: 50%;
    }
    .EVENTS .Mobile6{
        display:block;
        font-weight: 400;
        text-align:right;
    }
    .EVENTS .cols6{
        width:20%;
    }

    .MobileCats {
        display: block;
    }
    .FileManager .Header {
        display: block;
    }

    .dropdown .action.action-text {
        display: none;
    }
    .dropdown .action.action-icon {
        display: inline;
    }
    .dropdown .action.action-icon i {
        color: #fff;
    }

    .side.mobile.nomobile {
        display:none;
    }
    .side.mobile.fullwidth {
        float: none !important;
        width: 100% !important;
    }

    .pg_EVENTS .FeedContainer {
        float: none !important;
        width: 100%;
    }

    .Engagements.TotCompanies {
        display: none;
    }
    .ANALYTICS .Analytics .Stats > div {
        width: 50%;
    }
    .ProfileImages .BigCoverPhoto .CoverPhoto .CoverPhotoInner {
        width: 100%;
    }
    .ProfileSuggestions .GroupListContainer .FullGroupList {
        -moz-columns: 1 auto;
        -webkit-columns: 1 auto;
        columns: 1 auto;
    }
    .LOGIN.OFFLINE .WelcomePerson p {
        margin-bottom: 5px;
    }
    .OFFLINE .TodayContainer.BasicCollaboration {
        margin-top: 0;
    }
    .AdvertisingBanner .AdvBanner {
        width: 100%;
    }
    .FaceBookSignIn {
        font-size: 1em;
    }
    .ProfileLogin label {
        display: none;
    }
    .ProfileLogin .Submit {
        width: 100%;
    }
    .StdRow.FaceBookSignIn {
        min-width: 200px;
    }

    .PROFILE .FullGroupList > li{
        width: 100%;
    }
    a.btn-search {
        text-decoration: none;
        color:#fff;
    }
    .MEMBER-DIRECTORY .Mobile,.ConnectionsList .Mobile,.ANALYTICS .Mobile{
        display: block;
        padding: 10px 0;
    }
    .MEMBER-DIRECTORY .Web,.ConnectionsList .Web,.ANALYTICS .Web{
        display: none;
    }
    .LetterContainer.ClearAfter.affix-top {
        display: none;
    }
    .LetterContainer > li.AllPop > div {
        padding: 20px 0;
    }

    .LetterContainer > li > div{
        width: 91%;
        font-size: 1.8em;
        margin: 5px 0 0;
    }
    .LetterContainer > li {
        width: 25% !important;
    }
    .LetterContainer.ClearAfter.affix {
        padding: 2px 14px 0px 0 !important;
    }
    .MEMBER-DIRECTORY .LetterContainer {
        padding: 2px 2px 2px 5px !important;
    }
    .MEMBER-DIRECTORY .LetterContainer > li > div {
        color: #666;
        font-weight: 100;
    }
    .ViewingLetter{
        display: none;
    }


    .ImageCropper .ImageCroppingDescription {
        padding-left: 10px;
    }
    .ImageCropper > div {
        float: none;
        width: 50%;
    }
    .jcrop-holder {
        min-width: 300px !important;
        width: 329px !important;
    }
    .PhotoNotes {
        margin-top: 20px;
    }
    .CroppingExample {
        margin: 0 40%;
        width: 50%;
    }
    .ImageCropper .jc-demo-box {
        width: 0;
    }

    .ANALYTICS.AnalyzeKPI .KPIBasics > div {
        width: 44%;
        position: relative;
        top: -25px;
    }
    .ANALYTICS.AnalyzeKPI .KPIRightPane > div {
        font-size: 0.8em;
        height: auto;
        width: auto;
    }
    .ANALYTICS.AnalyzeKPI #pieParent {
        /*height: 200px;
        overflow: hidden; */
        position: relative;
        text-align: left;
    }

    .Analytics .Stats > div {
        padding: 5px;
    }
    .Engagements.AnalyticContainer.PortletAnalytics .graph.Pies {
        margin: 8px;
    }
    .Footer.SaveButton {
        padding-left: 6px !important;
    }

    .ShareOptions .CM.Search {
        float: none;
    }
    .ShareOptions>select {
        float: none;
    }
    .ProfileEdit .CoverAvatar {
        height: 60px;
    }
    .EDIT-PROFILE .CoverAvatarOptions > span {
        display: none;
    }
    .EDIT-BLOG .CoverAvatarOptions > span {
        display: none;
    }
    .EDIT-GROUP .CoverAvatarOptions > span {
        display: none;
    }
    .EDIT-GROUP .Collaborate.container .RightPane {
        display: block !important;
    }
    .GroupEdit .LeftPaneProfile {
        max-width: none !important;
    }
    .GroupEdit .Collaborate.Home.container {
        max-width: none !important;
    }
    .GroupEdit .Collaborate .Container .MiddlePane {
        padding: 0;
    }
    .GroupEdit .EditFormContainer div.AccessCode {
        width: 100%;
    }
    .GroupEdit .FeatureOptions, .BlogEdit .FeatureOptions {
        width: auto;
    }
    .HomePage .Subscribe textarea {
        width: 100%;
    }
    .AddlProfileOptions .FavOption {
        display: none;
    }
    body.PROFILE {
        background-size: cover !important;
        background-position: 50% 50%;
        background-attachment: fixed;

    }
    .Collaborate.container {
        /* padding-top : 30 px !important; */
    }

    .GROUP .MainBody.Container > div, .BLOG .MainBody.Container > div, .PROFILE .MainBody.Container > div {
        width: 100%;
    }

    .FieldRow.RendType_1 > div, .FieldRow.RendType_3 > div {
        -moz-columns: 1 auto;
        -webkit-columns: auto 1;
        columns: auto 1;
    }
    .PhotoCollection .ImageOptions {
        display: none;
    }
    .MESSAGE .LeftSidePane {
        width: 100% !important;
        float: none !important;
    }
    .MESSAGE .RightSidePane {
        display: none;
    }
    .EVENT .StatusBar > div {
        width: 100% !important;
    }
    .EDIT-PROFILE .EditFormContainer div.AccessCode {
        width: 100%;
    }
    .EDIT-PROFILE .NameTitle {
        padding-left:2px;
    }
    .PROFILE .LeftPaneFeed {
        float: none;
        width: 100% !important;
    }
    .PROFILE .RightPaneFeed {
        display: none;
    }
    .EVENTS .Imagery > div {
        float: none;
    }
    .EVENTS .EventFeaturedImage {
        width: 100%;
    }
    .EVENTS .RightSidePane {
        display: none;
    }
    .EVENTS .Container .MiddlePane .LeftSidePane {
        float: none;
        width: 100%;
    }
    .EVENTS .EndDate {
        display: block;
    }
    .EVENTS .AllEventsList .Edit > i {
        font-size: 1.5em;
    }
    .EVENTS.EditEvent .Desc {
        font-size: 0.6em;
    }
    .Map > img {
        width: 100%;
    }
    .LocationOptions {
        width: auto;;
    }
    .StepBody h1 {
        font-size: 3em;
    }
    .AddressType > div {
        min-height: 80px;
    }
    .LocationOptions .Or {
        position: relative;
        top: 21px;
    }

    .RenderText {
        position: static;
    }

    .GraphQuestion > i.fi-trash, .AnswerGroup > i.fi-trash {
        margin-right: 10px;
    }

    .CollabMenu.ClearAfter > div:last-child {
        margin-right: 0;
    }

    .BaseQuestionGroup select {
        width: 100% !important;
    }

    .BaseQuestionGroup input.form-control {
        margin: 0 0 1px;
        width: 100%;
    }

    .ImageViewer .CloseWindow {
        top: 0;
    }

    .AttachedImages .AImage {
        width: 100%;
    }

    .ForgotPassword.container {
        width: auto;
        padding: 0 10px;
    }

    .ForgotPassword.container .RightPane {
        width: auto;
    }

    .HomePage section div > h1 {
        font-size: 2em;
        font-weight: 200;
    }

    .StdRow.ForgotPassword {
        font-size: 1.5em;
        margin-top: 0;
    }

    body.OFFLINE {
        background-color: #fff;
    }

    .LOGIN .RightSide legend {
        font-size: 1.75em;
        margin-bottom: 0;
    }

    .LOGIN .RightSide legend {
        margin-top: 0;
    }

    footer div a, footer div a:visited, footer div a:hover {
        color: #fff !important;
    }

    .HomePage .ProfileOptionsContainer, .LOGIN .ProfileOptionsContainer {
        display: none;
    }

    .MainBody.IncorrectPassword.container {
        padding: 0 10px;
    }

    .LOGIN .LeftSide, .LOGIN .RightSide {
        float: none;
        width: auto;
    }

    .GROUP .MessageContainer .LeftPaneFeed {
        float: none;
        width: auto;
    }

    .GROUP .MessageContainer .RightPaneFeed {
        display: none;
    }

    .PostedMessage a {

        -ms-word-break: break-all;
        word-break: break-all;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }

    .PostedMessage {
        line-height: 2em;
    }

    .MessageFlow .TotBottomSpacer {
        display: none;
    }

    .MessageFlow > .FeedItem, .MessageFlow div.jscroll-inner > .FeedItem, .MessageFlow div.jscroll-added > .FeedItem {
        padding-left: 0 !important;
    }

    .MessageFlow > .FeedItem > .TotComments, .MessageFlow div.jscroll-inner > .FeedItem > .TotComments, .MessageFlow div.jscroll-added > .FeedItem > .TotComments {
        display: none;
    }

    .MessageFlow .TotBottomSpacer {
        border: 0;
    }

    .MessageFlow .FeedItem:first-child > .Inner .MessageBody .PostedMessage {
        font-size: 1em;
    }

    .MainMenu.animated, .FarRightPane.animated, .FavoritesBar.animated {
        animation-duration: 0.1s;
    }

    .MenuContainer .Options {
        visibility: hidden;
    }

    .Collaborate .RightPane > div {
        float: none;
        width: 100% !important;
    }
    .BigCoverPhoto {
        background-position: center !important;
    }

    .MessageFlow {
        width: auto;
    }
    .MessageFlow .FeedItemOptions > i {
        font-size: 2em;
        margin: 15px;
    }

    .MessageFlow .FeedItemOptions {
        text-align: center;
    }

    .Comment .PostReplies {
        display: none;
    }

    .Comment .PostReplies.Show {
        display: block;
    }

    /*    .MessageFlow .FeedItem > .CommentLineIndicator > div.Inner {
            padding: 5px;
        }
    */
    .MessageFlow div.jscroll-inner > .FeedItem > .CommentLineIndicator > .Inner > .MessageOwners,
    .MessageFlow div.jscroll-added > .FeedItem > .CommentLineIndicator > .Inner > .MessageOwners,
    .MessageFlow > .FeedItem > .CommentLineIndicator > .Inner > .MessageOwners {
        min-height: 65px;
        padding-left: 75px;
    }

    .PORTALPAGE .MessageFlow div.jscroll-inner > .FeedItem > .CommentLineIndicator > .Inner > .MessageOwners,
    .PORTALPAGE .MessageFlow div.jscroll-added > .FeedItem > .CommentLineIndicator > .Inner > .MessageOwners,
    .PORTALPAGE .MessageFlow > .FeedItem > .CommentLineIndicator > .Inner > .MessageOwners {
        min-height: 60px;
        padding-left: 50px;
    }

    .MessageFlow .FeedItemOptions > i {
        color: #aaa;
        font-size: 1.75em;
    }

    .Logo img {
        height: 50px !important;;
    }

    .BlogsPosting > li {
        float: none !important;
        width: auto !important;
    }

    .HomePage .Features .Inner > div {
        min-width: 0;
        width: 100% !important;
    }

    .Video > iframe {
        max-width: 100%;
    }

    .MiddlePane div > h1.BlogTitle {
        font-size: 2em;
    }

    .PostContent {
        font-size: 1.3em;
    }

    .HomePage .Subscribe input {
        width: 100%;
    }

    .WhatWeDo img {
        width: 100% !important;
    }

    .HomePage .Overview h2, .HomePage .Overview h3 {
        font-size: 1em;
    }

    .HomePage .Features .Inner > div {
        height: auto;
    }

    .HomePage .Overview h1 {
        font-size: 4em !important;
    }

    .Header a > img {
        width: 65%;
    }

    .HomePage .Overview .Header {
        margin-bottom: 12px;
    }

    .HomePage .WhatWeDo p {
        padding: 0;
    }

    .HomePage .WhatWeDo ul {
        padding: 0 0 0 50px;
    }

    .HomePage .Features .Inner > div {
        float: none;
        margin: 0 auto;
    }

    .EDIT-PROFILE .RightPane, .EDIT-GROUP .RightPane {
        text-align: left !important;
    }

    .EDIT-PROFILE .Collaborate {
        margin: 0;
    }

    .EDIT-GROUP .RightPane {
        display: block !important;
    }

    .MY-BLOGS .thumbnails .Blogs > li {
        width: auto;
    }

    .stickyScroll .ProfileOptions .NameTitle {
        margin: 0 0 0 3px;
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        display: block;
        width:75% ;
        white-space: nowrap !important;
    }
    .OFFLINE .NameTitle {
        left: 50px;
    }
    .Message .AddlOptions {
        bottom: auto;
        padding: 0;
        position: static;
        right: 0;
        top: 0;
        width: auto;
    }

    .Collaborate .NameTitle {
        bottom: auto;
        margin-left: 0;
        width: auto;
        left: 50px;
        top: 5px;
    }

    .ProfileOptions div > .Options {
        color: #999999;
        font-size: 0.9em;
        padding: 2%;
    }

    .ProfileOptions div > .Options:first-child {
        border-left: 0;
    }

    .ProfileOptions > div {
        width: 73%;
    }
    .EDIT-BLOG-POST .ProfileOptions > div {
        width: 100%;
    }

    .GroupEdit .ProfileOptions > div {
        width: 100%;
    }

    .GroupEdit .FeatureOptions {
        width: 100%;
    }

    .GroupEdit .EditFormContainer div.AccessCode {
        width: 100%;
    }

    .stickyScroll .ProfileOptions {
        height: auto !important;
    }

    .ShareOptions > span {
        display: block;
    }

    .ShareOptions {
        padding: 3px 10px 0;
        text-align: center;
    }

    .InnerBox {
        width: auto;
    }

    .CoverPhoto .CoverPhotoInner {
        height: auto;

    }
    .EDIT-GROUP .CoverPhoto .CoverAvatar {
        width: 25% !important;
        height: 70px;
    }

    .CoverPhotoInner .CoverPhotoOptions {
        right: 12px;
    }

    .Collaborate .Container .MiddlePane {
        width: 100%;
    }

    .MainPortalContainer .MainPortal {
        width: 100%;
    }

    body {
        /*background-image: none !important;*/
    }

    .EFLeftPane {
        width: 100%;
        padding: 0 1%;
    }

    .stickyScroll .ProfileOptions {
        width: 100%;
    }

    .Collaborate .Container .MiddlePane {
        padding: 0;
    }

    .PhotoCollection li {
        width: 50%;
    }

    .thumbnails .Blogs > li {
        width: 100% !important;
        float: none;
    }

    .thumbnails .Blogs li > div {
        border: none;
    }

    .thumbnails .Blogs li > img {
        width: 100%;
    }

    .nav > li > a {
        padding: 10px 8px;
    }

    .Blogs .Options {
        margin-bottom: -25px;
    }

    .Collaborate .LeftPane div {
        padding: 1px !important;
    }

    .LeftPane div {
        padding: 0px;
    }

    .MenuContainer .Options:first-child {
        display: block !important;
        visibility: hidden;
    }

    .MenuContainer .Options {
        display: none;
    }
    .EDIT-PROFILE .CoverPhoto .CoverAvatar{
        height: 85px;

    }
    .PhotoOptions div{
        display: inline;
    }
    .MyPhotos .Options {
        float: left !important;
        margin: 0 2%;
        position: relative;
    }
    .formInvites .input-group .form-control {
        margin-right: 5px !important;
        width: 42% !important;
    }
    .StepHeading > h3 {
        display: none;
    }
    .nav-tabs > li > a{
        margin-right: 0px;
    }
    .Blogs > li{
        padding: 0 0 8% 0;
    }
    .MY-CONNECTIONS .People > p {
        margin: 15px 45px;
    }
    .Description > div {
        max-height: 80px;
        overflow-y: auto;
    }
    .ORGANIZATION-DIRECTORY .AssociateContainer .Description .TotAssociates {
        max-height: 100px;
    }
    .EVENT .Description > div {
        max-height: none;
    }
    .MyEvents .Description > div {
        max-height: 100%;
    }
    .FullGroupList .fi-lock {
        bottom: 45px;
    }
    /*.stickyScroll .ProfileOptions, .PROFILE .Container, .GROUP .Container, .ProfileOptions, .PROFILE .CoverPhoto, .GROUP .CoverPhoto {*/
    /*width: 100% !important;*/
    /*}*/
    .EDIT-BLOG .CoverPhoto .CoverAvatar {
        height: 72px;

    }
    .stickyScroll .Title{
        width: 100% !important;
    }
    .CoverAvatarContainer{
        width: 80%;
    }
    .Events .Row {
        padding: 0 20px 0 120px;
    }
    .ConnectionsList a:focus {
        outline: thin dotted;
        outline-offset: -2px;
    }
    .ConnectionsList, .ANALYTICS a:hover, a:focus {
        text-decoration: none !important;
    }
    .ConnectionsList .LetterContainer > div:hover{
        color: #fff !important;
        background-color: #666 !important;
    }
    .ANALYTICS .btn-search{
        margin:0 0 10px 110px;
    }
    .btn-search {
        background-color: #428bca;
        display: block;
        margin: 0 0 10px 122px;
        padding: 5px;
        width: 115px;
        cursor: pointer;
        Color: #fff;
    }
    .AllEventsList .Row > div {
        /* width: 100% !important;
         position:relative !important; */
    }
    .MY-EVENTS .Events .Row {
        /* padding: 5px 5px 2px 0 !important; */
    }
    .AllEventsList .Row > div > div {
        padding: 3px 5px;
    }
    .EventBodyContainer .AddOn {
        float: none;
    }
    .AllEventsList .Edit > i {
        margin-right: 20px;
    }
    .AllEventsList .Edit {
        margin: 10px 0;
    }
    .BaseAdmin select{
        margin:0 !important;
    }
    .form-control.AdminName {
        width: 85%;
    }
    .BaseAdmin select{
        width: 85% !important;
    }
    .Event .MobileRegister .Register .dropdown-menu {
        left: 0;
    }
    .MessageBody .AttachedImages {
        max-width: 100%;
    }
    .MessageBody.AttachCount_2 .AImage {
        width: 48.95%;
        height: 168px;
        min-height: 0 !important
    }
    .MessageBody.AttachCount_2 .AImageCnt_2 {
        margin-right: 0!important;
    }
    .MessageBody.AttachCount_3 .AImage, .MessageBody.AttachCount_4 .AImage, .MessageBody.AttachCount_5 .AImage, .MessageBody .ImagesPlus .AImage {
        height: 85px;
        min-height: 0 !important;
    }
    .CoverPhotoExists_0 #CoverPhotoImage {
        max-height: 400px;
        min-height: 200px;
    }
}
@media (max-width: 320px) {
    .PROFILE-REVIEW .CoverPhotoInner .CoverPhotoOptions > span {
        font-size: .8em;
        right: 10%;
    }
    .PROFILE-REVIEW.CoverAvatarOptions .cameraShadow {
        top: 63%;
    }
    .PROFILE .MessageBody .ImagesPlus .AImage.AImageCnt_3, .PROFILE .MessageBody .ImagesPlus .AImage.AImageCnt_4, .PROFILE .MessageBody .ImagesPlus .AImage.AImageCnt_5 {
        width: 32.25%;
    }
    .PROFILE .MessageBody.AttachCount_5 .AImage.AImageCnt_3, .PROFILE .MessageBody.AttachCount_5 .AImage.AImageCnt_4, .PROFILE .MessageBody.AttachCount_5 .AImage.AImageCnt_5 {
        width: 32.25%;
    }
    .NotificationList {
        left: -226px;
    }
    .CoverAvatarOptions:hover {
        height: 75px;
        top: -71px;
        width: 71px;
    }
    .CoverAvatarOptions .cameraShadow {
        top: 85px;
    }
    .CoverPhotoInner .CoverPhotoOptions > i {
        font-size: 5em;
    }
    .CoverPhotoOptions .cameraShadow {
        left: 116px;
    }
    .BLOG .AddlOptions .AdminOptions {
        margin-left: 5px;
    }
    .PROFILE .AddlOptions .dropdown-menu {
        right: 14%;
    }
    .CoverPhotoInner .CoverPhotoOptions > span {
        top: 43%;
    }
    .Collaborate .CM.MoreOptions .BasicFunctions > div,
    .Collaborate .CM.MoreOptions .SearchIcon,
    .Collaborate .CM.MoreOptions .AddlMenus,
    .Collaborate .CM.MoreOptions .MemberList,
    .Collaborate .CM.MoreOptions .AnalyticList,
    .Collaborate .CM.MoreOptions .SmallMenuFunctions .Notifications

    {
        margin-left: 13px;
    }
    .Collaborate .CM.MoreOptions{
        margin-left: 0!important;
        padding:0;
    }
    .EVENT .AddlOptions{
        left: -82px!important;
    }
    .TodayContainer .BlogImage > img {
        height: 203px;
    }
    .GROUP-LIST .Heading .Options i{
        margin-right: 4px;
    }
    .ANALYTICS .btn-search {
        margin: 0 0 10px 90px;
    }

    .Collaborate .CM.MoreOptions .BasicFunctions > div, .Collaborate .CM.MoreOptions .SearchIcon, .Collaborate .CM.MoreOptions .AddlMenus, .Collaborate .CM.MoreOptions .MemberList, .Collaborate .CM.MoreOptions .AnalyticList {
        margin-left: 12px !important;
    }

    .btn-search {
        margin: 0 0 10px 102px;
    }

    .EngagementInfo {
        bottom: 130px;
    }

    .jcrop-holder {
        min-width: 280px !important;
        width: 289px !important;
    }

    .GROUP-LIST .Heading {
        color: #999;
        max-width: 100%;
        width: 94%;
    }

    .CoverAvatarContainer {
        width: 102%;
    }

    .CoverPhoto .CoverAvatar {
        height: 80px;

    }

    .EDIT-PROFILE .CoverPhoto .CoverAvatar {
        height: 80px;

    }
    .Collaborate.stickyScroll .ProfileOptions .NameTitle{
        width:75%;
    }

    .formInvites .input-group .form-control {
        margin-right: 5px !important;
        width: 43% !important;
    }
}