/* = MEDIA RULES
-------------------------------------------*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 SIGNIFICANT, FUNCTIONAL BREAKPOINTS:
    > 2100  - menu goes over the content
            - medium menu, 240px,

    < 2100 - content moves with the menu open/close (was 2000 on original, moved 100px earler because of wide content area with user info
            - narrower menu, 220px

    < 1100  - "mobile" menu, menu always automatically closed, content moves to reveal the menu behind it... automatically closes
            - wide menu, 280px for mobile
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */




@media (max-width: 1919px){         /* screens < 1920 */

    /* adjust post font size */
    /*
    .post-content{
        font-size:17px;
    }

    .post_body, .post_body p{
        font-size:17px;
    }

    .post_intro{
        font-size: 17px;
        max-width: 680px;
    }

    .page-content, .page-content p{
        font-size: 17px;
    }

    .comment div.comment_txt {
        font-size: 16px;
    }
    */

    /* adjust post content width */

    div.content div.row-fluid{
        max-width: 700px;
    }

    /*
    .mass_action_manage .single_p.checked{
        max-width: 740px;
    }
    */

    .comment_row{
        max-width: 700px;
    }

    .reply_row{
        max-width: 700px;
    }

    /*
    ul.recents{
        max-width:700px;
    }
    */

    .post_body{
        max-width: 700px;
    }


    .content {
        width: 85%;
        /*min-width: 1300px;*/
        
    }


    .user-info {
        /*width: 23%;
        margin-right: 4%;
        */
        margin-left: 1%;
    }

    .c_spacer{
        width: 26%;
        min-width: 26%;
    }

    .comment .user-info{
         margin-left: 0;
    }

    div.content.comment_row div.row-fluid{

    }

    .mass_action_container.content div.row-fluid{
        margin-left: 26%;
    }

    .content.page_title_content.cat_title{
        width:1400px;
        border:dashed 1px blue;
    }

}

@media (max-width: 1800px){


    #wrapper {

    }

    .content {
        padding: 50px 0px;
        margin-left: auto;
        margin-right: auto;

        max-width: 1300px;
        width: 76%;
        /*min-width: 1200px;*/
        min-width: auto;
    }

    .user-info {
        width: 23%;
        margin-right: 2%;
        margin-left: 2%;
    }

    .c_spacer{
        width: 27%;
        min-width: 27%;
    }

    div.comment_container .content.comment_row{
        min-width: unset;
    }

    .discussion .content {
        max-width: 1300px;
        min-width: unset;
        justify-content: center;
    }

    .post-comment .content{
        min-width: unset;
    }


    div.replyed .content.reply_row{
        min-width: auto;
    }

    div.replyed.new_open_reply .content.reply_row {
        min-width: unset;
        width: 76%;
        max-width: 1300px;
    }

    .mass_action_container.content div.row-fluid{
        margin-left: 27%;
    }




    /* transfer to "compact" article view, no author on the left */

    h1.post-title {
        order: -1;
        font-size: 38px;
        margin-bottom: 10px;
    }

    h2.post-title{
        order: -1;
    }

    .short_post h2.post-title {
        margin-bottom: 5px;
    }

    .post-title .edit_post .material-icons-round {
        top: -6px;
    }

    article.post_container{
        justify-content: center;
        flex-wrap: wrap;
    }

    .user-info, .article_main{
        width: 50%;
        margin: 0 5%;
        min-width: 700px;
    }

    .user-info{
        align-items: center;
        margin-bottom: 5px;
    }

    .info_container{
        height: auto;
        min-height: auto;
    }

    .user-info .job_title{
        top: unset;
        order: 2;
        margin-right: 4px;
        width: auto;
    }

    .user-info .date{
        width: auto;
    }

    div.row.comment .user-info .date{
        width: 100%;
    }

    div.comment_container .user-info .job_title {
        top: 1px;
    }

    .user-info .bull.narrow{
        display: inline;

    }

    .user-info .cats{
        margin-top: unset;
        line-height: 20px;
    }

    ul.recents .short_post .by-line, ul.archive-list .short_post .by-line {
        margin-bottom: 3px;
    }

    .by-line {
        margin-bottom: 20px;
        margin-top:5px;
    }

    .comment .user-info{
        margin: 0;
    }

    div.comment_container .content.comment_row{
        min-width: 1200px;
        justify-content: center;
    }

    div.content.comment_row div.row-fluid{
        max-width: 700px;
    }

    .c_spacer{
        display: none;
    }



    .post-comment .content{
        justify-content: center;
        /*min-width: 1200px;*/
        padding: 20px 0;
    }

    .post-comment .new_comment_box{
        max-width: 700px;
    }


    div.replyed .content.reply_row {
        min-width: 1200px;
        justify-content: center;
    }

    .reply_spacer {
        margin-left: 90px;
    }

    div.replyed.new_open_reply .content.reply_row{
        min-width: 1200px;
        justify-content: center;
    }

    .recents_title{
        width: 700px;
        min-width: 700px;

    }



    .content.cat-content{
        justify-content: center;
    }

    .cat-desc{
        min-width: 700px;
    }

    .show_more_container{
        width: 700px;
    }

    .post-notice-container{
        width: 700px;
        margin: auto;
        max-width: 100%;
    }

    .content.page_title_content{
        justify-content: center;
        width: 80%;
    }

    .page_title_container{
        width: 700px;
    }

    .page_subtitle_content{
        /*width: 700px;*/
        justify-content: center;
        padding: 0;
    }

    .info_container.no_cats .date{
        width: 100%;
        margin-top: 3px;
    }

    div.post_list_item .mass-action-checkbox, .label_checkbox.mass-action-checkbox {
        padding-top: 10px;
    }

    h5.discussion-title {
        font-size: 32px;
    }

    .discussion .discussion_content {
        margin: 40px 0;
    }


}               /* 1800 */


@media (max-width: 1600px){


    #wrapper {
        padding-top: 0;
    }

    .content{
        padding-top: 30px;
    }

    .page_title_content{
        justify-content: start;
        min-width: 700px;
        width: 700px;
    }

    .action_line .page-title{
        text-align: left;
        width: 700px;
        min-width: 700px;
    }


    .mass_action_container.content div.row-fluid{
        margin: auto;
    }

    .member_profile > .narrow_content{
        width: 700px;
        min-width: 700px;
    }

    .c_block {
        width: 260px;
    }


    .avatar-menu-closed{
        width: 32px;
        height: 32px;
        max-height: 32px;
        max-width: 32px;
        min-width: 32px;
        min-height: 32px;
    }

    .todo-single{
        padding: 30px;
    }

    .todo-single img{
        max-width: 130px;
    }

    .pro_tip{
        margin-top: 40px;
        margin-bottom: 40px;
    }

    ul.recents > li{
        margin-bottom: 20px;
    }

    .post_intro {
        max-height: 430px;
    }

    .intro_iframe_container iframe{
        min-height: 325px;
    }
    /*
    .post_intro .fade_footer{
        top: 330px;
    }
    */


}       /* 1600 */




@media (max-width: 1366px) {			/* adjustments for lap top screen */

    /* input textboxes size reduction */
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input{
        border: 1px solid #cdcdcd;
        height: 40px;
        padding: 5px;
        margin-right: 27px;
    }

    /*
        #search-form{
            padding: 28px 32px 28px 32px;
        }
      */
    input.search{
        /*border: 2px solid #cdcdcd; */
        height: 40px;
        padding: 0;
        padding-left: 40px;
        margin-right: 0;
    }


    .emojis-search input{
        border:none;
        height:auto;
        padding: 3px 22px 3px 26px;
        margin:0;
    }

    #profile-settings input[type=text], #profile-settings input[type=password], #profile-settings input[type=email], #profile-settings select {
        padding: 8px;
    }

    #profile-settings select {
        padding: 8px 28px 8px 8px;
    }

    .profile_bounced{
        top: 42px;
        right: 14px;
    }

    #settings input[type="text"]{
        padding: 8px;
        width: 100%;
        margin-right: 0;
    }

    #custom_domain_protocol{
        top: 3px;
        left: 4px;
    }

    .subdomain_url{
        padding: 8px 12px;
    }

    #settings .subdomain_input {
        max-width: 66%;
    }

    #settings input#custom_domain{
        width: 49%;
    }

    #settings select#theme_id{
        width: 49%;
    }

    input.find_members{

        margin-right: 0;

        padding:8px;
        padding-left: 30px;
        border-width: 1px;
        max-width: 88%;     /* extra mall screens */

    }
    input.find_members.loading {
        background-image: url("../images/loading.gif");
    }

    /* --- */

    #profile-settings select{
        height:42px;
    }

    /* already set with max 1919
	.post_body{
		max-width: 700px;
	}
    div.content div.row-fluid{
        max-width: 700px;
    }
    */

    .header{        /* header */
        max-height: 100px;
        height:100px;
    }

    .body-at-top div#right-slide.search_panel{
        top: 102px;
    }

    .company_logo_header{
        max-height: 75px;
        max-width: 50%;
    }

    .at-top .site-title{
        /*margin-top: 30px;*/
        margin-top: 0;
        line-height: 100px;
        height: 100px;
        overflow: hidden;



    }
    .at-top .site-title a{
        font-size: 34px;
    }

    .at-top .column-right{
        margin: 28px 28px 0 0;
    }
    .column-right{
        margin-right:28px;
    }
    .at-top .column-left{
        margin: 28px 0 0 28px;
    }
    .column-left{
        margin-left:28px;
    }

    .menu-head{
        padding:28px 20px 70px 22px;

    }

    .action_line .btn.btn_small {
        right: 28px;
    }




    #site_header.at-top #search_right_form, .body-at-top #search_right_form{
        /*position: relative;*/
        padding: 28px 32px 28px 32px;
        /*background: red;
        border-bottom: 2px solid #303030;

        transition: padding .2s ease;
        */

    }

    .content{
        padding: 40px 50px;
        min-width: unset;
        max-width: unset;

        /*background-color: aqua;*/
        width: 90%;
    }

    .user-info span {
        font-size: 15px
    }

    h1.post-title {
        font-size: 36px;
        line-height: 1.15;
    }

    .user-info .user-avatar{
        margin-bottom:5px;
    }
    /*
    .by-line{
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    /*

    .by-line a.edit_my_post{
        background-position: 0px 1px;
    }

    .by-line a.edit_my_post:hover{
        background-position: 0px -22px;
    }


    /*
    .blogin-like, .blogin-dislike, .blogin-follow{
        padding: 1px 10px 1px 23px;
        line-height: 18px;
        font-size: 14px;
        top:0;
    }
    */
    .blogin-like{
        background-position: 8px 3px;
    }
    .no-touch .blogin-like:hover, .blogin-like.voted{
        background-position: 8px -29px;
    }
    .blogin-dislike{
        background-position: 8px 5px;
    }
    .no-touch .blogin-dislike:hover, .blogin-dislike.voted{
        background-position: 8px -27px;
    }
    .blogin-follow{
        background-position: 6px 3px;
        top:-1px;
    }
    .no-touch .blogin-follow:hover, .touch .blogin-follow.following, .no-touch .blogin-follow.following{
        background-position: 6px -29px;
    }
    .post_intro{
        font-size: 17px;
        line-height: 28px;
        margin-bottom: 10px;
        max-width: 680px;
        max-height: 370px;
    }

    .intro_iframe_container{
        min-height: 300px;
    }

    .intro_iframe_container iframe{
        min-height: 300px;
    }
    .intro_iframe {
        min-height: 300px;
    }


    /*
    .post_intro .fade_footer{
        top: 290px;
    }
    */

    .post_intro p{
        font-size: 17px;
    }



    a.file_attachment{
        display: inline-block;
        line-height: 24px;
    }

    .btn, a.btn{
        padding: 8px 24px;
    }

    .btn_big, a.btn_big {
        padding: 10px 25px;
        font-size: 15px;
    }

    .btn-file{
        padding: 9px 0px;
    }
    .btn.btn_small, a.btn.btn_small{
        padding: 5px 15px;
    }

    .btn.has_icon, a.btn.has_icon{
        padding-left: 30px;

    }


    .btn.btn_xsmall, a.btn.btn_xsmall{
        padding: 2px 12px;
    }


    ul.recents li a.recent-post-title {
        font-size: 20px;
        line-height: 26px;
    }
    .post-date{
        margin-bottom: 0;
        margin-top: 0;
    }
    /*
	ul.recents > li{
		padding: 15px 0;
	}
	*/

    ul.recents .by-line, ul.archive-list .by-line{
        margin-bottom: 10px;
    }

    .post-content{
        font-size: 17px;
    }
    .post_body, .post_body p, #vote_poll_answers_container label {
        font-size: 17px;
    }

    .reply_link_div {
        margin-top: 15px;
        font-size: 14px;
    }

    .reply_link_div .fa{
        font-size: 12px;
    }

    .comment-list a.recent-post-title, span.deleted_member_name, span.recent-post-title {
        font-size: 20px;
        line-height: 26px;
    }

    .circle_spin{
        top:10px;
        right:10px;
    }

    .btn_big .circle_spin {
        width: 18px;
        height: 18px;
        top: 12px;
        right: 12px;
    }

    .reply_row {
        padding: 0;
        padding-left: 70px;
        /*max-width: 700px; already set with max 1919 */
    }
    .comment_row{
        padding: 0;
        /*max-width: 700px; already set with max 1919 */
        /*padding-right: 20px;*/
    }

    .nopad {
        padding-top: 0;
        padding-bottom: 0;
    }

    .comment div.comment_txt {
        font-size: 16px;
    }

    .comment-list > .comment_container {
        padding: 0;
    }

    ul.archive-list li a.recent-post-title {
        font-size: 20px;
        line-height: 28px;
    }

    div.content .post_intro .videodetector > div.vd_content{
        padding-bottom: 260px;
    }

    .intro_image, .intro_video {
        max-height: 250px;
    }

    input#public_url{
        font-size: 16px;
    }

    .promo_container{
        border-top: solid 1px #dddddd;
        position:relative;
        padding:20px 0px;
    }




    .post-title .edit_post {
        width: 34px;
        height: 34px;
    }

    .post-title .edit_post .material-icons-round {
        font-size: 20px;
        top: -6px;
    }


    div.comment_container .content.comment_row {
        min-width: unset;
        max-width: unset;
    }

    .discussion .content {
        min-width: unset;
        max-width: unset;
    }

    .post-comment .content{
        max-width: unset;
        min-width: unset;
    }

    div.replyed .content.reply_row {
        min-width: unset;
        max-width: unset;
    }

    div.replyed.new_open_reply .content.reply_row{
        min-width: unset;
        max-width: unset;
    }

    .recents_title{
        padding: 0;
        max-width: 700px;
    }


    .welcome_note .caption {
        font-size: 22px;
        padding: 0 20px;
    }


    form#profile-settings{
        width: 700px;
        max-width: 100%;
    }

    a.clipboard_icon{
        padding: 7px;
    }

    #invite input[type="text"], #invite input[type="email"] {
        margin: 0;
        margin-top: 5px;
        width: 300px;
    }

    #invite select{

    }

    #custom_domain_protocol {
        height: 34px;
    }

    .todo-single{
        margin-left:10px;
        margin-right: 10px;
    }

    h5.discussion-title {
        font-size: 28px;
    }

    .discussion .discussion_content {
        margin: 30px 0;
    }


}	 /* media max 1366 */








@media (max-width: 1320px){

    .create-container{
        max-width: 100%;
        max-width: 1250px;
        /*background-color:#ff0000;*/

    }

    .solo_container{
        max-width: 800px;
    }
    .side{
        width: 225px;
        /*background-color: blue;*/

    }

    .todo-title{
        font-size: 16px;
        line-height: 18px;
    }
    .todo-single img {
        max-width: 120px;
    }

}







@media (max-width: 1266px){			/* TOOLS MENU ADJUSTMENT FOR NARROW SCREENS */


    /* Less than 1264px */
    #tools{
        /*display: none;*/
        border-top: 2px solid #CDCDCD;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        z-index: 1103;
        background: #fff;
        display:block;
        margin:0;
    }

    .lt-ie9 #tools,
    .lt-ie10 #tools {
        width: 100%;
    }

    #tools .typo {
        border: none;
        border-top: none;
        font-size: 20px;
        color: #E1E1E1;
        margin: 0 auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(131, 131, 131, .6);
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        text-align: center;
        width: 430px;
        display: block;
        float: none;
    }

    #tools #save-draft2,
    #tools #save-publish2{
        color: #878787;
        font-size: 12px;
        font-weight: 900;
        font-family: 'Lato', sans-serif;
        border-color: rgba(0, 0, 0, 0);
        text-transform: uppercase;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin-top: 0;
        padding: 3px 10px;
        float: none;
    }
    #tools #save-publish2{
        color: #25B393;
    }

    #tools .btn-holder{
        text-align: center;
        display: block;
        margin: 0 auto;
        color: #878787;
    }


    #tools .word_minutes{
        display:none;

    }

    #tools .wide{

        display:none;
    }
    /*
	.user-info span{
		min-width: 250px;
	}
    */
    .side{
        display: none !important;

    }

    .create-container, .solo_container{
        max-width:800px;
        /*margin:auto;*/
        /*border:dashed 1px purple;*/
    }


    .narrow_col{
        width:60%;
    }

    .page-title{
        font-size: 28px;
    }





    .user-info, .article_main {     /* adjustment for T1 theme, decrease the width of the article becuse 'web behaviour' exteneded to 1100 and above, from previously 1200 and above */
        min-width: 650px;
    }

    div.content.comment_row div.row-fluid{
        max-width: 650px;
    }

    .discussion .discussion_content {
        min-width: 650px;
        margin: 50px 0;
    }

    .post-comment .new_comment_box {
        max-width: 650px;
    }

    div.content.reply_row div.row-fluid{
        max-width: 650px;
    }

    .reply_spacer {
        min-width: 50px;
    }

    .action_line .page-title{
        width: 650px;
        min-width: 650px;
    }


    .cat-desc {
        min-width: 650px;
        max-width: 650px;
    }

    .show_more_container{
        width: 650px;
    }


    .mass_action_container.content{
        padding-left:0;
        padding-right: 0;
    }

    .mass_action_container.content div.row-fluid{
        max-width: 660px;
        width: 660px;
    }

    .page-title{
        max-width: 650px;
    }
    .page-title.small_breadcrumb{
        max-width: none;
        min-width: auto;
    }

    .page-title.settings{
        max-width: none;
    }

    .page-title .material-icons-round.caret {
        font-size: 18px;
    }

    .member_profile > .narrow_content{
        width: 650px;
        min-width: auto;
    }

    .page_title_content {
        min-width: 650px;
        width: 650px;
    }

    .recents_title{
        min-width: 650px;
        width: 650px;
    }

    .dash_arrow img {
        top: -190px;
        left: -32px;
        width: 110px;
    }

    .post-notice-container {
        width: 650px;
    }

    .page_title_container{
        width: 650px;
    }

    .todo-single img {
        max-width: 105px;
    }

    .todo-single {
        padding: 20px;
    }

    .todo-title {
        font-size: 14px;
        line-height: 16px;
    }

    


}       /* 1266 */






/*
@media (max-width: 1340px) and (min-width: 768px){

    ul.team-members li{
        width: 100%;
    }

    ul.team-members li:nth-child(2n+2){
	margin-right: 0;
	margin-left: 0;
    }

    .narrow_col{
        width:60%;
    }

    .member-info{
        max-width: none;
    }
}
*/

@media (max-width: 1100px){

    .h_menu.left{
        left:20px;
    }

    .h_menu.right{
        right:20px;
    }

    .site-title{
        /*border:dotted 1px red;*/
        max-width: 550px;
    }
    /*
    .content {
        width: 90%;

    }
    */


    .reply_row{
        padding-left: 100px;
        padding-right: 25px;
    }


    #invite label{
        margin-right: 10px;
    }

    #invite input[type="text"], #invite input[type="email"] {
        width: 320px;
        max-width: 100%;
    }

    .btn-file{
        width: 316px;
    }

    #invite select, select{
        width: 320px;
        max-width:100%;
    }

    ul.departments{
        float: none;
        max-width: none;
    }

    .emojis-modal.popover.bottom, .emojis-modal.popover.top  {
        margin-top: 0;
        margin-bottom: 0;
        left: inherit !important;
        right: 0px;
    }

    .emojis-modal.popover div.arrow{
        display:none;
    }

    /*
    ul.post-settings li.scheduled_post{

        position:relative; /* to hold picker calendar inside on small screens

    }
    */

    .comment-list > .comment_container{
        padding: 0;
    }


    .new_open_reply .reply_spacer{
        margin-left: 0px;
        min-width: 40px;
        width: 18%;
    }

    .welcome_note .caption {
        font-size: 21px;
    }

    .sidebar_visibility{
        display: none;
    }


}           /* 1100 */



@media (max-width:968px){



    .column-right, .column-left{
        width: 100px;
    }

    .header .column-left #third_action{
        display:none;
    }

    #invite input[type="text"] {
        width: 50%;
    }

    /*
	#invite .send-invite .btn {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 11px;
	}
	*/

    #invite select, select{

        max-width:100%;
    }

    #invite label{

        display: inline-block;
        /*border:dashed 1px red;*/
        max-width: 100%;
    }

    .user-info span{
        max-width: 250px;
        /*min-width: 250px;*/
        /*background-color: pink;*/
    }

    .site-title{
        /*border:dotted 1px red;*/
        max-width: 450px;
    }

    .site-title a{
        font-size: 28px;
    }

    .edit-tag-content .narrow_col,
    .narrow_col{
        width:80%;
    }

    .edit_company_name{
        display:none;
    }

    .read_time_list{
        display:none;
    }

    ul.recents .by-line .blck{
        display:inline;
    }

    .post_intro{
        font-size: 17px;
        max-height: 320px;
    }

    .post_intro p{
        font-size: 17px;
    }

    h1.post-title {
        font-size: 34px;
    }

    .post-content{
        font-size: 18px;
    }
    .post_body, .post_body p, #vote_poll_answers_container label {
        font-size: 18px;

    }

    .reply_link_div {
        margin-top: 15px;
        font-size: 14px;
    }

    .reply_link_div .fa{
        font-size: 12px;
    }

    .comment div.comment_txt {
        font-size: 17px;
    }


    .emojis-modal.popover.right{        /* popover in ckeditor emoji plugin */
        margin:0;
        right:0;
        left:inherit !important;

    }



    .h_menu.left {
        left: 15px;
    }

    .h_menu.right {
        right: 15px;
    }

    .h_menu {
        top: 15px;
    }
    /* downgrade avatars from small to xsmall */
    /*
    .h_menu.left .img-avatar-small, article.post_container .img-avatar-small{
        width: 30px;
        height: 30px;
        max-height: 30px;
        max-width: 30px;
        min-width: 30px;
        min-height: 30px;
    }
    */

    /*
    .user-info .img-avatar-small{
        margin-top: 6px;
    }
    */

    ul.user-list.commenters li .img-circle {
        border: solid 3px #ffffff;
    }

    .post-title .edit_post {
        width: 32px;
        height: 32px;
    }

    .post-title .edit_post .material-icons-round {
        font-size: 19px;
        top: -6px;
    }

    .h_icon#my_profile {
        display: none;
    }

    .add_edit_post .h_icon #third_action{
        display: none;
    }

    .todo-single{
        margin-left:25px;
        margin-right: 25px;
        padding: 35px 45px;
    }

    .todo-single img {
        max-width: 130px;
    }

    .todo-title{
        font-size: 16px;
    }

    .intro_iframe_container{
        min-height: 275px;
    }

    .intro_iframe_container iframe {
        min-height: 275px;
    }
    .intro_iframe {
        min-height: 275px;
    }

    .member-title{
        font-size: 12px;
    }

}           /* 968*/

@media (max-width: 860px){

    .content, #users_and_teams .content{
        /*padding: 40px 25px;*/
        padding: 30px 0;
        width: 80%;
    }

    .content.post-content{
        /*padding-bottom: 40px;*/
        padding-bottom: 0;
    }

    .content.nopad {
        padding-top: 0;
        padding-bottom: 0;
    }



/*
    ul.departments {
        clear: left;
        padding-top: 10px;
        text-align: left;
    }
*/
    .member-info{
        width: auto;
    }

    /*
        .sp10{
            float:left;
            width:12%;
        }

        .sp90{
            float:left;
            width:88%;
        }
        */

    .comment_row{
        padding: 0 25px;
    }

    .reply_row{
        padding: 0;
        padding-left: 100px;
        padding-right: 25px;
    }

    .action_approve .msg{
        margin-left:0;
    }

    .new_open_reply .reply_row {
        padding-left: 160px;
        max-width: 640px;
    }

    ul.team-invites li a.username{
        font-size: 16px;
    }

    a.emojis-btn {
        display:none;
    }

    a.comment_img_btn{
        right:6px;
    }

    .hide_on_tablet{
        display: none;
    }

    .tab-content > .tab-pane > div.stats_posts_container{
        /*padding: 0px 15px;*/
        padding-bottom: 30px;
        overflow: auto;

    }

    .tab-content > .tab-pane > div.stats_posts_container .notice{
        padding: 40px 15px;
    }

    .pre-footer{
        padding-top: 30px;
    }

    #recent_posts .caption {
        margin-top: 20px;
        margin-bottom: 0;
    }

    div.edit_post_title{
        font-size: 26px;
        margin-left: 15px;
    }

    .user-info{
        max-width: 100%;
        min-width: unset;
    }
    .post_container .user-info, .article_main, div.content.comment_row div.row-fluid{
        max-width: 98%;
        min-width: 98%;
        /*margin-bottom: 0;*/
    }

    .article_main{
        /*margin-bottom: 30px;*/
        margin-bottom: 3%;
    }

    .short_post .user-info{
        margin-bottom: 0;
    }

    .discussion .discussion_content {
        max-width: 95%;
        min-width: 95%;
        margin: 50px 0;
    }



    h5.discussion-title {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .post-comment .new_comment_box{
        max-width: 95%;
        min-width: 95%;
    }

    div.content.reply_row div.row-fluid {
        max-width: 95%;
        min-width: 95%;
    }

    .reply_spacer {
        margin-left: 70px;
    }

    div.replyed.new_open_reply .content.reply_row{
        width: 80%;
    }

    .new_open_reply .reply_spacer{
        min-width: 20px;
        width: 8%;
    }

    .new_open_reply div.content.reply_row div.row-fluid{
        max-width: 85%;
        min-width: 85%;
    }

    .action_line .page-title{
        min-width: 95%;
        max-width: 95%;
    }

    .cat-desc {
        min-width: 95%;
        max-width: 95%;
    }

    .show_more_container{
        min-width: 95%;
        max-width: 95%;
    }

    .mass_action_container.content div.row-fluid{
        width: 95%;
        max-width: 95%;
    }

    .page-title{
        min-width: 95%;
        max-width: 95%;
    }

    .page_title_container{
        min-width: 95%;
        max-width: 95%;
    }

    .d_content, .content.d_content{
        width: 80%;
    }

    .member_profile > .narrow_content {
        width: 80%
    }


    .create-container, .solo_container{
        max-width: 100%;
    }

    .create-container .main-content{
        max-width: 100%;
    }

    .main-content .form-section.editor_container{
        border-radius: unset;
    }

    .form-section.last{
        border-left:none;
        border-right: none;
    }

    .form-section label, .form-section div.lbl{
        margin-left: 20px;
    }

    .form-section label.tgl_container{
        margin-left: 20px;
    }

    ul.categories, ul.teams{
        margin-left: 15px;
    }

    .form-section.contains_ul label, .form-section.contains_ul div.lbl {
        margin-right: 0;
        margin-left: 20px;
    }

    label.bottom_section .material-icons-round {
        right: 20px;
        top: 20px;
    }

    #tags_div .select2-container-multi ul.select2-choices{
        margin-left: 15px;
    }

    .form-section.action_btns{
        margin-left: 20px;
    }


    .beta_test {
        left: 105px;
    }

    #post_settings, #share_options, #revision_history, #poll_settings, .bottom_post_option{
        margin-left: 20px;
    }

    .post_options_container .toggler {
        right: 15px;
    }

    .post_options_info {
        margin-right: 40px;
    }

    .post_options_container{
        margin-top: 0;
    }

    .page_title_content{
        min-width: auto;
    }

    .recents_title{
        min-width: auto;
        margin-top: 30px;
    }

    .recents_title h5{
        font-size: 16px;
        padding: 0 10px;
        margin-left: 2%;
    }

    .member_profile h5.subtitle {
        font-size: 16px;
        padding: 0 10px;
    }

    .avatar_container{
        margin-left: 3%;
        margin-right: 3%;
    }

    #invite input[type="text"], #invite input[type="email"] {
        width: 300px;
        max-width: 100%;
    }

    #invite select {
        width: 300px;
        max-width: 100%;
    }

    div.invitation label{
        width: 45%;

    }

    div.invitation label.rem_inv{
        width: auto;
    }

    .content.narrow, .page-title.small_breadcrumb {
        width: 80%;
    }



    /* horizontally scrollable tabs - with .compact class start 'mobile scrollable view' earlier - used when there are many (more than 3) tabs, currently on my-posts when approval of posts is turned on */
    ul.nav-tabs.compact{
        overflow-x: scroll;
        flex-wrap: nowrap;
        overflow-y: hidden;

        justify-content: left !important;
    }

    ul.nav-tabs.compact > li > a.nav-link{
        padding: 5px 15px;
        margin-bottom: 10px;
        border-radius: 100px;
    }

    ul.nav-tabs.compact > li > a.nav-link.active{
        background-color: #F2F2F2;
        border: none;
    }


    .daterangepicker.ltr{
        width: 730px;
        left: calc(50% - 365px) !important;
    }

    .daterangepicker.opensright.ltr:after {
        left: 49%;
    }

    .daterangepicker.opensright.ltr:before {
        left: calc(49% - 1px);
    }

    .daterangepicker .d_flex table {
        border-spacing: 4px;
    }

    ul li label.single_p {
        padding: 0;
    }

    .welcome_msg{
        font-size: 16px;
        margin-left: 3%;
        margin-right: 3%;
    }

    ul.nav-tabs > li > a {
        font-size: 17px;
        padding: 12px 30px;
    }

    .intro_iframe_container{
        min-height: 200px;
    }

    .intro_iframe_container iframe {
        min-height: 250px;
    }
    .intro_iframe {
        min-height: 250px;
    }


    .current_plan .surcharge{
        padding-left: 0;
    }

    #invite label.rem_inv, #post_poll label.rem_answer{
        right: 2%;
    }

    #post_poll .poll_answers{
        width: 94%;
    }

    /*
    .member-title{
        white-space: normal;
    }
        */

}               /* 860 */






@media (max-width: 800px){

    #settings #general_form .block:nth-child(even) .title {
        margin-left: 3%;
    }

    .post_intro{
        max-height: 360px;
        /*border:solid 2px red;*/
    }

}




@media (max-width: 768px){          /* standard tablet/ipad resolution and lower */

    .content{
        padding-top: 17px;
    }

    #invite label.rem_inv{
        position: absolute;
        /*right: -20px;*/
        top: calc(50% - 3px);
    }
    .action_line .btn.btn_small {
        width: 42px;
        padding: 0;
        line-height: 42px;
        height: 42px;
        font-size: 18px;
    }

    .action_line .btn.btn_small span{
        display: none;
    }

    ul.popover_menu li a {
        padding: 8px 20px;
    }


    /* adjustments for checbox and selected background size form mass action select */
    .mass_action_manage .archive-list .content.nopad{
        padding: 0 10px;
    }

    .mass_action_manage .archive-list .content.nopad .single_p{
        padding: 0 15px;
    }

    .mass_action_manage div.content div.post_list_item .sp90 {
        margin-left: 40px;
    }


    /* force table width on small screens */
    .post_body table, .post_intro table, .recent_post_intro table{
        width:100% !important;
    }



    .h_icon{
        margin-bottom: 0;
        height: 45px;
    }


    /* hide add post and my profile icons - only on edit post page for now */
    body.add_edit_post .h_icon#my_profile, body.add_edit_post .h_icon#add_post{
        display: none;
    }

    /* darken a bit the header menu icons */
    .h_icon svg{
        fill: #999;
    }
    .h_icon .add_post{
        color: #999;
    }

    .post_thumb{
        width: 150px;
        height: 110px;
    }

    h5.discussion-title {
        font-size: 28px;
        margin-bottom: 0px;
    }

    .reply_row .sp100{
        max-width: 98%;
    }

    .welcome_note .caption {
        font-size: 20px;
        margin-bottom: 40px;
    }

    .onboarding_block_container .cta{
        font-size: 22px;
    }

    .recents_title h5{
        margin-left: 1%;
    }


    #integrations_block .block_desc{
        flex-wrap: wrap;
    }

    .app_action{
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }

    ul.nav-tabs > li > a {
        font-size: 17px;
        padding: 10px 25px;
    }

    

}           /* max-width: 768 */



@media (max-width: 767px){      /* below ipad standard resolution, important 767, recent articles display break if 768  */



    .row-fluid [class*="span8"] {
        padding-left: 40px;
        padding-right: 40px;
    }

    .replyed .row-fluid [class*="span7"] {
        padding-left: 80px;
        padding-right: 40px;
    }

    ul.team-invites li{
        width: 100%;
        /*margin-left: 0;*/
    }
    /*
    ul.team-invites li:nth-child(2n+2){
	    margin-right: 0;
	    margin-left: 0;
    }
*/


    ul.recents .span2,
    .comment-list .span2,
    ul.archive-list .span2 {
        width: 15%;
        margin-right: 15px;
        min-width:66px;
    }

    ul.recents .span10,
    .comment-list .span10,
    ul.archive-list .span10 {
        width: 80%;

    }

    .user-info span{
        max-width: 210px;
        /*min-width: 210px;*/
        /*background-color: pink;*/
    }

    .site-title{
        /*border:dotted 1px green;*/
        max-width: 400px;
    }

    .h_icon.menu_plan_expired .material-icons-round{
        display: none;
    }

    /* add new post - narrow screen */
    ul.post-settings li{
        display: block;
        margin: 20px 0px;
    }

    ul.post-settings li.scheduled_post{
        float:none;
        display:block;
        background:none;
        padding-left: 0;
        position:relative; /* to hold picker calendar inside on small screens */
        margin-left: -6px;
        margin-bottom: 10px;

    }

    .form-section label{
        /*display: block;*/
        display: inline-block;
    }

    .form-section#notify_users_container label{
        display: inline-block;
    }

    .form-section.approved label{
        display: inline-block;
    }

    ul.categories li {
        margin: 5px;
        margin-left: 0px;
    }

    .edit_comment_area .btn{

        padding:10px 20px;  /* smaller horizontal padding */


    }

    /*
        .comment_row{
            padding-left:30px;
        }
    */

    div.edit_comment_area{
        width: auto;

    }

    .new_open_reply .reply_row{

        padding-left: 135px;
        padding-right: 50px;
    }


    /*
    span.cke_button_label.cke_button__source_label{     /* source button caption on ckeditor on ipad, to stay on one line
        display:none;
    }
   */

    /*
    .sp10{
        float:left;
        width:14%;
    }
    */
    /*
    .sp90{
        float:left;
        width:86%;
    }
    */






    /* invite slack users */
    table.workspace_users div.invite_new_user select{
        max-width: 85%;

    }

    table.workspace_users div.invite_new_user label{
        float:right;
        padding: 5px;

    }

    table.workspace_users thead .select_all{
        margin-right: 5px;
    }

    .tab-content > .tab-pane > div.stats_posts_container{

        padding-bottom: 30px;

    }

    .tab-content > .tab-pane > div.stats_posts_container .notice{
        padding: 40px 25px;
    }

    .export_container{
        text-align: center;
        margin-top: 0;

    }


    .form-section.last{
        border-left: none;
        border-right: none;
    }

    .form-section.middle{
        border-left: none;
        border-right: none;
    }


    .d-md-none{
        display:none;
    }

    .expansion-panel .icons_container{
        flex-basis: 45px;
    }

    .expansion-panel-details{
        /*margin-left: 40px;*/
        margin-right: 30px;
    }

    ul li .limit_line{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: bottom;
        max-width: 100%;

    }

    
    /*
    .post_intro .fade_footer{
        top: 320px;
    }
    */


    .notify_info{
        display:none;
    }



    /* hide add post and my profile icons */
    .h_icon#my_profile, .h_icon#add_post{
        display: none;
    }

    .h_icon svg {
        fill: #333;
    }

    .form-section .scheduled_post label, #post_slug_block label{
        display: block;
    }


    #settings #general_form .block{

        width: 75%;
        text-align: left;
    }

    #settings #general_form .block:nth-child(even) {
        text-align: left;
    }

    #settings #general_form .block:nth-child(even) .title {
        margin-left: 0;
    }

    #general_form{
        text-align: center;
    }

    .cl_container {
        flex-wrap: wrap;
        justify-content: center;
        max-width: 75%;
        margin-left: auto;
        margin-right: auto;
    }


    #settings input.subdomain_input{
        width: calc(100% - 96px);
        max-width: 100%;
    }

    #settings .pro_tip{
        width: 100%;
    }

    #settings #general_form .block.custom_dom{
        width: 75%;
    }

    #settings input#custom_domain {
        width: 100%;
    }

    form.filter-invitations {
        position: relative;
        left: 0;
        right: auto;
        text-align: left;
        margin-bottom: 30px;
    }

    .daterangepicker.ltr{
        width: auto;
        left: 2% !important;
        right: 2% !important;
    }

    .daterangepicker .d_flex {
        padding: 10px;
    }

    #settings select#theme_id{
        width: 100%;
    }

    .intro_iframe_container{
       height: auto !important;
    }

    .intro_iframe_container iframe {
       height: auto !important;
    }
    .intro_iframe {
        height: auto !important;
    }

    table.workspace_users tr td div.invite_new_user select.small{
        max-width: 170px;
     }

     table.workspace_users tr td div.user_invited{
        max-width: 190px;
        overflow: hidden;
        text-overflow: ellipsis;
     }

     table.workspace_users tr td.email{
        max-width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
     }

     .user_details{
        max-width: 75%;
     }

     .no_cats .user_details{
        max-width: 100%;
    }

    /*
    .user-info span.name{
        overflow: hidden;
        text-overflow: ellipsis;
        background-color: yellow;
    }
    */
    

}       /* @media (max-width: 767px){ */





@media (max-width: 700px){

    .site-title {
        width: 300px;
    }

    .site-title a, .site-title {
        font-size: 28px;
    }

    h2, h1.post-title {
        font-size: 28px;
        line-height: 1.35em;
    }

    p {
        font-size: 18px;
    }

    .user-info span{
        max-width: 180px;
        /*min-width: 180px;*/
    }

    .at-top .site-title a, .site-title a {
        font-size: 24px;
        /*border: dashed 2px orange;*/
    }
    /*
    .content {
        padding: 44px 20px;
        width:90%;
    }
    */
    .nopad{
        padding-top:0;
        padding-bottom: 0;
    }

    .post_body > iframe, .post_body > p > iframe{
        /*width:700px;*/
    }
    .latest_posts{
        padding: 0;
        padding-top: 10px;
        padding-left: 20px;
    }

    .reply_row {
        padding: 0;
        padding-left: 13%;
        padding-right: 5%;
        /*width: 85%;*/
    }

    .edit-tag-content .narrow_col,
    .narrow_col{
        width:85%;
    }


    .del_page{
        top:3px;
    }

    .post-date {

        margin-bottom: 2px;
        margin-top: 2px;

    }

    #profile-settings input[type=text], #profile-settings input[type=password], #profile-settings input[type=email], #profile-settings select{
        width: 90%;

        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #profile-settings .block_content input[type=password]{
        width: 100%;
    }

    .title {
        /*width: 95%;*/
        margin-left: auto;
        margin-right: auto;
    }

    #profile-settings .title, #profile-settings div.txt_block, #profile-settings div.txt_subblock, #profile-settings div.block_desc.small_desc{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    #profile-settings .block_content .title{
        width: auto;
    }




    /*
    .edit_comment_area .btn{
        width: 100%;
        margin-bottom: 10px;
        float:none;
    }
    */

    /* just hide delete button for now */
    .edit_comment_area #delete_comment_btn{
        display: none;
    }

    .edit_comment_area a.btn{

        width: auto;
        /*display: block;*/
        margin-right: 0;

    }

    .billing_buttons_form .btn{
        width:100%;
        /*word-wrap: break-word;
        word-break: break-all;
        */
        word-wrap: break-word;
        overflow-wrap: break-word;
        padding: 10px 20px;         /* lower horiz padding */

        margin: 0px auto;
        margin-bottom: 15px;

    }

    /*
    .comment_row{
        padding: 0;
        padding-right: 10px;
    }
    */

    .comment div.comment_txt {
        font-size: 16px;
    }



    .new_open_reply .reply_row {
        padding-left: 100px;
        padding-right: 30px;
        width: auto;
    }


    /* PUSH NOTIFICATIONS */
    .push-notifications-wrapper {
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 999;
        width: 100%;

    }

    .push-notifications-wrapper .ns-growl {
        width: auto;
        max-width: 100%;
    }

    .push-notifications-wrapper .ns-effect-scale a.pmsg .pmsg_txt {
        float:none;
        max-width:none;

    }

    .push-notifications-wrapper .ns-effect-scale a.pmsg {
        box-shadow: none;
        border-radius: 0;
    }

    .push-notifications-wrapper .ns-effect-scale{
        margin-top: 0;
    }
    .push-notifications-wrapper .ns-effect-scale .ns-close {
        right: 2px;
        top: 5px;
        width: 26px;
        height: 26px;
    }

    /* not needed, with added markdown
    span.cke_button_label.cke_button__source_label{     /* reset source button caption on editor on ipad, to stay on one line
        display:inline;
    }
    */

    .half {
        width: 100%;
        margin: 0;
    }

    .profile_bounced{
        right: 3%;
    }

    .form_block{
        margin-left: 0;
        margin-right: 0;
    }

    .post_thumb{
        width:140px;
    }



    .company_logo_header{
        max-height: 65px;
    }


    .dash_arrow img {
        top: -175px;
        left: -35px;
        width: 90px;
    }
    /*
    .dash_arrow{
        display:none;
    }

    .subnotice.first {
        display:none;
    }
    */




    button#form_submit_button.btn, button#save_draft_button{
        margin:0;
    }


    .btn, a.btn{
        margin-top:10px;
        margin-bottom: 10px;
    }

    #post_poll .btn{
        margin: 0;
    }

    .inv_actions .btn, .inv_actions a.btn{
        margin: 0;
    }

    a.invite_new_btn{
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .modal-footer .btn + .btn{          /* override default bootstrap for modal buttons */
        margin-bottom: 10px;
    }
    /*
        div.post_status{
            text-align: center;
            margin-top: 20px;
            float:none;
        }
    */
    span.post_options_info{
        display:none;
    }

    .ckeditor_subnote{
        display:none !important;
    }



    /* native video in post intro*/
    div.content .post_intro div.videodetector.native_video, div.content .post_intro div.videodetector.native_video.align-right, div.content .post_intro div.videodetector.native_video.align-left{
        margin: 10px 0px;
        /*float: none;*/
        display: block;
        /*width: 100%;*/
        clear: both;
        max-height: 220px;
    }

    div.content .post_intro div.videodetector.native_video video, div.content .post_intro div.videodetector.native_video.align-right video, div.content .post_intro div.videodetector.native_video.align-left video{
        max-width: 100%;
    }


    /* native video in post body*/
    div.content .post_body div.videodetector.native_video, div.content .post_body div.videodetector.native_video.align-right, div.content .post_body div.videodetector.native_video.align-left{
        margin: 10px 0px;
        float: none;
        display: block;
        width: 100%;
        clear: both;
        /*border:dashed 1px red;*/
    }

    div.content .post_body div.videodetector.native_video video, div.content .post_body div.videodetector.native_video.align-right video, div.content .post_body div.videodetector.native_video.align-left video{
        max-width: 100%;
    }


    /* native video styling in post listing */
    div.content .post_list_item div.videodetector.native_video{
        width:140px;
    }


    .page-title{
        font-size: 24px;
        letter-spacing: normal;

    }

    .cat-content .page-title{
        padding-left: 10px;
    }

    .mass_action .caption{
        display: block;
        margin-top: 15px;
    }

    .content {
        width: 85%;
    }

    .post_container .user-info, .article_main, div.content.comment_row div.row-fluid{
        max-width: 95%;
        min-width: 95%;
    }


    .short_post .post-title a {
        font-size: 22px;
    }


    .post-title .edit_post {
        width: 30px;
        height: 30px;
        margin-left: 10px;

    }








    .post-title .edit_post .material-icons-round {
        font-size: 18px;
        top: -5px;
    }


    .short_post .post-title .edit_post {
        width: 26px;
        height: 26px;
    }

    .short_post .post-title .edit_post .material-icons-round {
        font-size: 16px;
        top: 3px;
    }


    .post_thumb{
        width: 140px;
        height: 95px;
    }

    .content{
        padding: 15px 0;
    }


    div.replyed.new_open_reply .content.reply_row, #users_and_teams .content{
        width: 85%;
    }

    .page-title .material-icons-round.caret {
        font-size: 14px;
    }


    .d_content, .content.d_content{
        width: 85%;
    }

    .page-content .single-page-title {
        font-size: 28px;
    }



    .form-search > input{
        margin-top: 10px;
        margin-bottom: 10px;
        min-width: 300px;
    }

    .member_name {
        font-size: 26px;
    }

    .revert_container{
        float: none;
    }

    .revert_container .big_dot{
        display:inline-block;
    }


    .page_title_content{
        justify-content: center;
    }

    .recents_title h5 {
        font-size: 15px;
        margin-left: 2%;
    }

    .block_desc{
        /*width: 95%;*/
        margin-left: auto;
        margin-right: auto;
    }





    #settings #general_form .block .title {
        width: auto;
    }

    #category .add-category-btn .btn.input_inline{
        margin: 0;
    }

    ul.nav-tabs > li > a {
        font-size: 16px;
        padding: 10px 20px;
    }

    .page_desc {
        font-size: 15px;
    }


    .post-notice .btn{
        margin-top: 0;
        margin-bottom: 0;
    }

    .daterangepicker.ltr {
        width: auto;
        left: 0% !important;
        right: 0% !important;
    }


    input.find_members {
        max-width: 80%;
    }

    #category .add-category-btn {
        float: none;
    }

    #category .add-category-btn .btn.input_inline{
        top: 0;
        margin-bottom: 0;
        margin-top: 10px;
    }

    #category input[type="text"] {
        width: 100%;
    }


    .block_content{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0;
        margin-top: 20px;
    }

    .block_content#notifications_block{

    }

    .block_content ul.teams{
        margin-left: 0;
    }


    .expansion-panel-actions a.btn{
        margin-top: 0;
    }

    .cm_subtitle {
        float: none;
        margin-top: 5px;
    }


    table.workspace_users tr td.email{
        max-width: 200px;
    }

    table.workspace_users tr td div.invite_new_user select.small{
        max-width: 160px;
    }
    
    table.workspace_users tr td div.user_invited{
        max-width: 160px;
    }

    .user_details{
        max-width: 70%;
    }

    .no_cats .user_details{
        max-width: 100%;
    }

    .reply_row .comment_info {
        max-width: 85%;
    }
}   /* @media (max-width: 700px) */



@media (max-width: 600px){


    /*
    div.user-info{
        margin-bottom: -40px;
        margin-top: 20px;
    }

    .user-info span {
        display: block;
        margin-bottom: 10px;
        text-align: center;
        max-width: none;

    }

    .user-info span.name, .user-info span.date{
        text-align: center;
    }

    .user-info span.date   {
        top: -30px;
        position: relative;
    }

    .user-info span.name   {
        top: -25px;
        position: relative;
    }

    .user-info .user-avatar {
        position: relative;
        top: -30px;
    }

    .user-info .user-avatar .img-avatar{
        min-width: 50px;
        max-width: 50px;
        min-height: 50px;
        max-height: 50px;
    }
    */

    ul.recents .span2,
    .comment-list .span2,
    ul.archive-list .span2 {
        width: 20%;
        margin-right: 3%;
        min-width:50px;
    }

    .img-avatar-medium{
        width:40px;
        height: 40px;
        max-width: 40px;
        max-height: 40px;
        min-width: 40px;
        min-height: 40px;
        /*background:no-repeat scroll 0 0 transparent;
        background-size: cover;*/
    }

    ul.recents .span10,
    .comment-list .span10,
    ul.archive-list .span10 {
        width: 77%;
        /*border:dashed 1px blue;*/

    }

    .post_body, .post_body p{
        /*text-align: left;    */  /* align left on small screens, easier to read, avoid large blanks */
        font-size: 18px;
        line-height: 28px;
    }

    ul.recents li a.recent-post-title{
        font-size: 20px;
        line-height: 26px;
    }


    .unveiled-navigation{
        height:50px;        /* default height when not on top */
    }

    .at-top{
        height: 75px;
    }


    .site-title {
        /*background-color: orange;*/
        border:none;
        /*margin-top: 60px;*/
        /*max-width: 60%;*/
        line-height: 50px;
    }


    .at-top .column-left {
        margin: 0;
        position: absolute;
        top: 18px;
        margin-left: 10px;
    }

    .column-left{
        margin-left: 10px;
        width: 50px;
        margin-top: 5px;
        height: auto;
    }

    .at-top .column-right {
        margin: 0;
        position: absolute;
        top: 18px;
        margin-right: 10px;
        right:0;
    }

    .at-top .site-title{
        line-height: 75px;
        height: 75px;
    }

    .at-top .site-title a, .site-title a{
        /*font-size: 20px;*/
    }

    .column-right{
        margin-right: 10px;
        width: 50px;
        margin-top: 5px;
        height: auto;
    }

    #search_right_form {
        padding: 5px 0px;
    }

    .body-at-top #search_right_form {
        padding: 17px 0px;
        padding-top: 18px;
    }

    #search_right{
        width: 100%;
        border: none;
        /*background-color: #333;*/
        border-radius: 0;
        box-sizing: border-box;
        padding: 20px;
    }

    .close-search{
        left:232px;
        top: -37px;
    }


    .menu_svg, .search_icon{
        border:0;
    }


    .menu-head {
        padding-right: 20px;
    }

    .edit-tag-content .narrow_col,
    .narrow_col{
        width:90%;
    }

    #trash{

        margin-right: 10px;

    }


    .header{
        height: 75px;
    }

    .company_logo_header{
        max-height: 55px;

    }

    /* team page mobile view */

    .team_content{
        max-width:860px;
        padding: 40px 0px;
        width: auto;
    }

    .team_content .page_desc{
        padding: 0 20px;
    }

    a.invite_new_btn{
        position:relative;
        top: inherit;
        right: inherit;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    ul.nav-tabs > li > a{
        font-size: 16px;
        padding: 12px 15px;
    }

    .nav > li.tab_new_label > a{
        padding-right: 61px;
    }

    .nav > li.tab_new_label > .new_feature.v3{
        left: -60px;
    }

    ul.nav-tabs > li:first-child{
        margin-left: 10px;
    }

    .tab-content{
        border-left:none;
        border-right:none;
    }


    ul.team-invites{
        margin-top: 30px;
    }

    div.content .post_intro .videodetector > div.vd_content{
        padding-bottom: 230px;
    }

    .intro_image, .intro_video{
        max-height: 220px;  /* limit preview image height */
    }

    .post_thumb{
        width: 120px;
        height: 80px;
    }

    .post_status{
        margin-top: 10px;
        float:none;
    }

    .member_desc span{
        display: block;
        margin-bottom: 10px;
    }

    .member_desc span.bull:before{
        content: '';
    }

    div.content .post_list_item div.videodetector.native_video{
        display:none;
    }

    /*
        li.new_open_reply .reply_row{
            padding-left: 100px;
            padding-right: 30px;
        }
    */


    /* responsive_tabl - rows to columns */


    table.responsive_table thead {
        display: none;
    }

    table.responsive_table tr {
        display: block;
    }

    table.responsive_table td {
        display: block;
    }

    table.responsive_table td:before {
        content: attr(data-label);
        font-weight: bold;
        display: inline-block;
    }

    table.responsive_table tr.caption {
        display:none;
    }

    table.responsive_table tr{ position: relative; }

    /* responsive tables */





    div#integration-popup  table {
        border: 0;
        margin-top: 25px;
    }



    div#integration-popup  table tr {
        margin-bottom: 20px;
        border-bottom: 2px solid #ddd;
    }


    div#integration-popup table td {
        /*text-align: right;*/
        font-size: 13px;
        border-bottom: 1px dotted #ccc;
    }

    div#integration-popup table td:before {
        text-transform: uppercase;
        margin-right: 10px;
        margin-bottom: 5px;
    }

    div#integration-popup table td:last-child {
        border-bottom: 0;
    }

    div#integration-popup table a.delete-webhook,
    .table-api-access a.revoke-token {
        position: absolute;
        top: 0px;
        right: 5px;
        font-size: 18px;
    }

    div#integration-popup table tr td.events {
        border:none;
    }

    div#integration-popup table tr td.remove {
        height:1px;
    }

    .table-api-access table tr td.remove {
        height:1px;
    }

    div#integration-popup .delete-integration{
        font-size: 18px;
    }


    .white-popup-block{
        margin-top: 40px;
    }
    .mfp-fade .mfp-close{
        margin-top: 10px;
        margin-right: 10px;
        z-index: 2000;

    }

    .mfp-close:after {
        display: none;
    }

    .mfp-container{
        padding: 0 !important;
    }

    #settings.sso .tab-content > .tab-pane div.main_content{
        padding: 40px;
        width: auto;
    }

    /* prevent scroll outside of modal */
    /* - not needed any more, used magnific popup config option fixedContentPos: true, for this
    .mfp-wrap{
        top:0 !important;
        position: fixed !important;
        overflow: scroll;
    }
    */

    div#integration-popup .fields label{
        white-space: normal;
    }

    div#integration-popup .multiselect-container label{
        white-space: nowrap;
    }

    span.multiselect-native-select{
        display:block;
    }

    div#integration-popup button.multiselect{
        padding: 8px 10px;
        padding-right: 20px;
        border: solid 1px #ccc;
        border-radius: 4px;
        top:5px;
    }



    /* invite slack users modal popup */

    .invite_users_popup .team_block .team_toggle{
        font-size:28px;
        top:10px;
    }

    .invite_users_popup .act_title{
        display:none;
    }

    select.small{
        font-size: 16px;
        height: 36px;
    }

    .invite_users_popup .workspace select.small, table.workspace_users tr td div.invite_new_user select.small{
        max-width:85%;
    }

    table.responsive_table tbody{
        width:100%;
        max-width:100%;
        display: block;
    }

    table.workspace_users {
        /*display: flex;*/
        display:block;
        font-size: 16px;
    }

    table.workspace_users thead{
        display:block;
    }

    table.workspace_users thead tr{
        padding-bottom: 0px;
    }

    table.workspace_users thead tr th{
        display: none;
    }

    table.workspace_users thead tr th:last-child{
        display:block;
        text-align: right;
    }

    table.workspace_users thead .select_all{
        float:none;
        display: inline-block;
        margin-bottom: 5px;
    }

    table.workspace_users thead tr th .role_caption{
        display: none;
    }

    table.workspace_users tr td div.invite_new_user{
        max-width:100%;
    }



    table.workspace_users tr td div.invite_new_user label{
        padding: 5px 8px;
        margin-left: 5px;
    }

    table.workspace_users div.invite_new_user select{
        max-width: 85%;

    }

    table.workspace_users tr{
        border-bottom: solid 2px #ccc;
        padding-bottom: 15px;
        padding-top: 10px;

    }

    /*
    table.workspace_users tr:first-child{
        border-top: solid 2px #ccc;
    }
    */

    table.workspace_users tr td div.joined{
        margin-left: 0;
    }

    table.workspace_users tr td{
        padding: 4px 0px;
        display: flex;
        border: none;
    }

    .intro_iframe_container iframe{
        max-width: 100%;
    }




    button#form_submit_button.btn, button#save_draft_button{
        width:100%;
        max-width: 100%;
        padding:12px 24px;
        margin: 10px auto;
    }

/*  WHERE IS THIS NEEDED? Does not fit well on my profile page
    .circle_spin {
        top: 13px;
        right: 13px;
    }
    */

    div.post_status{
        text-align: center;
        margin-top: 20px;
        float:none;
    }

    #draft_action{
        display: block;
        text-align: center;
    }

    .statscalendar{
        float: none;
        position:relative;
        margin: 0 15px;
    }

    .activity_log .statscalendar{
        margin: auto;
    }

    .expansion-panel-details{
        /*margin-left: 0px;*/
        margin-right: 0px;
        padding: 0;
    }

    #settings{
        /*max-width: 360px;*/
        padding-left: 0;
        padding-right: 0;
        /* white-space: nowrap;*/

    }

    #settings .tab-content > .tab-pane  div.main_content{
        /*background-color: yellow;*/
        padding:50px 0;
    }

    #settings .tab-content > .tab-pane#tab-authentication div.main_content{
        /*background-color: red;*/
        width:auto;
        padding: 50px;
    }

    #settings .block{
        width: 400px;
        /*background-color: green;*/
    }

    .post_body iframe {
        min-height: 150px;      /* prevent vertical (bottom) overflow for YT videos fetched or embedded via URL */
    }

    .form-section .approved_info{
        float: none;
        margin-top: 0;
        margin-left: 15px;
    }

    #settings .dataTable {
        padding: 0 15px;
    }

    #settings .dataTable .revoke-access-key {
        right: 10px;
    }

    .action_line .btn.btn_small {
        width: 34px;
        line-height: 34px;
        height: 34px;
        font-size: 16px;
        right: 12px;
    }

    h2 .breadcr{
        display: inline;
        white-space: normal;
    }

    .action_block .mass_action{
        width: 100%;
    }

    .action_block .mass_action select, .action_block .mass_action button{
        margin-bottom: 10px;
        margin-top: 10px;
    }

    /** Mass action */
    #s2id_massActionRemoveTags,
    #s2id_massActionTags {
        margin-bottom: 10px;
        max-width: 100%;
    }

    ul.recents > li{
        margin-bottom: 4%;
        padding: 10px 0;
    }

    .all_posts{
        margin-top: 10%;
    }

    .reply_row .sp100{
        max-width: 95%;
    }

    .d_content, .content.d_content{
        width: 90%;
    }

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


    .recents_title h5 {
        margin-left: 1%;
    }

    a.clipboard_icon{
        padding-bottom: 7px;
    }


    .team-members .single-member{
        flex-wrap: wrap;
    }

    #tab-members .member-info{
        margin-right: 0;
    }

    #tab-members .member-info{
        flex-basis: unset;
    }

    ul.departments {
        clear: left;
        padding-top: 10px;
        text-align: left;
    }

    .post-notice{
        text-align: left;
        border-radius: 10px;
    }

    .deleted_notice .btns_container{

        display: inline-block;
    }


    .daterangepicker.ltr{
        left: 10% !important;
        right: 10% !important;
    }

    .daterangepicker.ltr .d_flex .calendar {
        width: 100%;
    }

    input.find_members {
        width: 100%;
        max-width: 100%;
    }

    form.filter-team{
        text-align: left;
        position: initial;
        margin-top: 30px;
    }

    .info_message, .error_message{
        top: 15px;
        right: 3%;
        max-width: 94%;
    }


    .statstable tr td:first-child{
        width: 50%;
        min-width: 220px;
    }

    .statstable.users_table tr td:first-child{
        min-width: 110px;
    }

    .config_option{
        gap: 20px;
    }

    #post_poll .poll-result .option span.answer_text{
        max-width: 80%;
    }

    table.workspace_users tr td.email{
        max-width: none;
        display: block;
    }

     table.workspace_users tr td div.user_invited{
        max-width: none;
    }

    .user_details{
        max-width: 65%;
    }

    .no_cats .user_details{
        max-width: 100%;
    }

    .reply_row .comment_info {
        max-width: 80%;
    }

    #post_poll .poll_answers{
        width: 93%;
    }

} /* max-width: 600px */



@media (max-width: 550px) {

    .h_menu{
        top: 10px;
    }

    .h_menu.left {
        left: 10px;
    }
    .h_menu.right{
        right: 10px;
    }

    .content, #users_and_teams .content{
        /*width:auto;*/
        width: 100%;        /* required for tabs horizontal scroll to work on smaller screens */
    }
    .row-fluid [class*="span8"] {
        padding-left: 40px;
        padding-right: 40px;
    }


    #users_and_teams .tab-content{
        padding: 0 20px;
    }

    /*
    .comment_row{
        padding-left:10px;
        padding-right: 20px;
    }
    */

    .half {
        width: 100%;
    }

    ul.team-invites li {
        font-size: 15px;
    }

    .member-actions {
        float: left;
        margin-left: 0px;
    }
    .member-pages, .member-comments {
        padding-top: 10px;
        width: 40px;
        height: 30px;
        padding-left: 40px;
        margin: 0 20px 0 0;

    }

    ul.team-invites li a.username {
        padding-top: 0px;
    }

    ul.team-invites .inv_actions{
        float: none;
        display:block;
        margin-left: 0px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    ul.team-invites li .inv_user{
        max-width: none;
    }
    .member-title{
        white-space: normal;
    }

    .edit-tag-content .narrow_col,
    .narrow_col{
        width:95%;
    }





    .profile_bounced{
        right: 2%;
    }

    #settings .dataTable-firstRow {
        flex-direction: column;
    }

    .api_key_info{
        display: none;
    }




    .post-title .edit_post {
        width: 30px;
        height: 30px;
        margin-left: 3px;
        border:none
    }

    .post-title .edit_post .material-icons-round {
        font-size: 19px;
        top: -3px;
    }


    .short_post .post-title .edit_post {
        width: 26px;
        height: 26px;
    }

    .short_post .post-title .edit_post .material-icons-round {
        font-size: 17px;
        top: 3px;
    }

    .post_container .user-info, .article_main, div.content.comment_row div.row-fluid {
        max-width: 85%;
        min-width: 85%;
    }

    .content{
        padding: 10px 0;
    }

    div.comment_container .content.comment_row{
        width: 100%;
    }

    .discussion .content {
        width: 100%;
    }

    .discussion .discussion_content {
        max-width: 85%;
        min-width: 85%;
    }

    h5.discussion-title {
        font-size: 26px;
    }

    .row{
        margin:0;
    }

    .row.discussion{
        margin-top: 30px;
    }

    .post-comment .content{
        width: 100%;
    }

    .post-comment .new_comment_box {
        max-width: 85%;
        min-width: 85%;
    }

    div.content.reply_row div.row-fluid {
        max-width: 85%;
        min-width: 85%;
    }

    div.replyed .content.reply_row {
        width: 100%;
    }

    .reply_spacer {
        margin-left: 50px;
    }

    div.replyed.new_open_reply .content.reply_row{
        width: 100%;
    }

    .reply_row .sp100{
        max-width: 94%;
    }

    .new_open_reply .reply_spacer {
        width: 14%;
    }

    .action_line .page-title{
        min-width: 82%;
        max-width: 82%;
    }

    .cat-desc {
        min-width: 82%;
        max-width: 82%;
    }

    .page-title {
        font-size: 22px;
        min-width: 82%;
        max-width: 82%;
    }

    .show_more_container{
        min-width: 82%;
        max-width: 82%;
    }

    .mass_action_container.content div.row-fluid{
        width: 82%;
        max-width: 82%;
    }

    .page_title_container {
        min-width: 82%;
        max-width: 82%;
    }

    .member_name {
        font-size: 24px;
    }

    .member_profile > .content > .profile_head{
        margin: 20px;
    }

    .member_desc {
        margin: 0 20px;
        margin-bottom: 20px;
    }

    .revert_container{
        display: block;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .revert_container .big_dot{
        display:none;
    }

    .recents_title h5 {
        margin-left: 7%;
    }

    .welcome_note .caption {
        font-size: 19px;
    }

    .pro_tip{
        border-radius: unset;
    }

    form#profile-settings {
        width: auto;
    }

    .avatar_container{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .toggle_expand {
        right: 10px;
    }

    #settings #general_form .block {
        width: 80%;
    }

    .tab-content > .tab-pane > div.header_block, #tab-authentication div.header_block, #tab-authentication div.block{
        padding: 30px 20px;
    }



    #settings #general_form .block.custom_dom {
        width: 80%;
    }

    div.invitation label {
        width: 100%;
    }

    div.invitation label.del_inv{
        width: auto;
    }

    .limited_access {
        top: 10px;
        right: 5px;
    }




    .cat-content .page-title{
        padding-left: 0;
    }

    .content.narrow, .page-title.small_breadcrumb {
        width: 90%;
    }

    .content.narrow.tabs{
        width: 100%;
    }

    .content.narrow.tabs .tab-content{
        padding: 0 20px;
    }

    .content.narrow.tabs .page_desc{
        padding: 0 20px;
    }


    .round_page_desc_container{
        /*width: 90%;*/
        margin-left: auto;
        margin-right: auto;
    }

    .tabs .round_page_desc_container{
        width: 90%;
    }

    .content.narrow.tabs .round_page_desc_container .page_desc{
        padding:0;
    }

    .post-notice-container{
        width: 85%;
    }

    .daterangepicker.ltr {
        left: 8% !important;
        right: 8% !important;
    }

    .content.page_title_content {
        width: 100%;
    }

    .activity_date{
        white-space: normal;
    }

    .statstable tr td:first-child{
        width: 50%;
        min-width: 180px;
        padding-left: 20px;
    }

    .statstable.users_table tr td:first-child{
        min-width: 100px;
    }

    .tab_desc{
        margin-left: 20px;
    }

    .welcome_msg{
        font-size: 16px;
        margin-left: 5%;
        margin-right: 5%;
    }

    .cl_container {
        max-width: 80%;
    }

    #config_options_container{
        padding: 0 20px;
    }

    .config_option.wrap_s{
        flex-wrap: wrap;
    }

    .intro_iframe_container iframe {
        min-height: 220px;
    }

    .intro_iframe {
        min-height: 220px;
    }

    .search_box{
        padding: 0 5%;
    }

    #post_poll .poll-result .option span.answer_text{
        max-width: 75%;
    }

    .user_details{
        max-width: 60%;
    }

    .no_cats .user_details{
        max-width: 100%;
    }

    #post_poll .poll_answers{
        width: 92%;
    }

}       /* 550px */




@media (max-width: 500px) {


    .replyed .row-fluid [class*="span7"] {
        padding-left: 40px;
        padding-right: 40px;
    }

    .img-avatar {
        width: 61px;
        height: 61px;
        max-width: 61px;
        max-height: 61px;
        min-width: 61px;
        min-height: 61px;
        background-size: cover;
    }

    #invite input[type="text"] {
        width: 100%;
    }

    #invite .send-invite {
        width: 100%;
        margin-top: 10px;
    }

    .send-invite .btn {
        width: 100%;
    }



    #settings input[type="text"]{
        margin-right: 0;
        max-width: none;
        width: 100%;
    }

    #settings input#custom_domain{
        max-width: 100%;
        width: 100%;
    }

    #settings input[type="text"].subdomain_input{
        width: calc(100% - 96px);
        max-width: 100%;
    }








    .edit-tag-content .narrow_col,
    .narrow_col{
        width:auto;
    }

    .member-info{
        width:auto;
        max-width: 100%;
        /*max-width:225px;*/
    }

    #settings .block{

        /*border-color:green;*/
        width: 330px;
        /*max-width: 95%;*/
    }

    #settings .tab-content > .tab-pane#tab-authentication  div.main_content{
        padding:40px 25px;
    }


    .sp10{
        display:none;
    }

    .sp90{
        width:100%;
    }

    /*
    .comment_row{
        padding-left:20px;
        padding-right: 20px;
    }
    */

    .new_open_reply .reply_row{
        padding-left: 60px;
        padding-right: 20px;
    }

    /* usage stats */

    .stat_block{
        padding: 20px 0px;
        font-size:32px;
    }

    .statstable td.stat_col{
        display:none;
    }

    /*
    .statstable tr td{
        padding: 10px 0px;
    }
    */



    .stats_posts_container{
        padding:0;
    }



    .daterangepicker .range_inputs{
        text-align: center;
        padding: 15px 0px;
    }

    /* Disable float for image2 alignment classes */
    .content .post_body img.align-left, .content .post_body .align-left, .align-left, .content .post_body img.align-right, .content .post_body .align-right, .align-right  {
        float: none;
        margin: 10px auto;
        display:block;
        max-width: 100%;
        text-align: center;     /* used to center captioned images inside the container */
        /* border:dashed 2px orange; */

    }

    a.intro_image.align-right, a.intro_image.align-left{
        max-height: 250px;
        max-width: 100%;
        margin: 10px auto;
    }

    /**  FetchURL ckEditor plugin */
    .fetchurl .fetchurl-container .fetchurl-content{
        padding: 15px 15px;
    }

    .fetchurl .fetchurl-container .fetchurl-image{
        min-width: auto;
        width: 120px;
        /*height: 140px;*/
        /*object-fit: cover;*/
    }

    .filters .item{
        min-width: 40%;
        box-sizing: border-box;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .filters .cta{
        width: 100%;
        margin-top: 15px;
    }


    ul.popover_menu li a {
        padding: 8px 15px;
    }


    .site-title {
        max-width: 80%;
    }


    .post_thumb{
        width: 100px;
        height: 80px;
        margin-left: 8px;
    }

    .reply_row .sp100{
        max-width: 92%;
    }

    .label_checkbox.mass-action-checkbox {
        left: -55px;
    }

    .member_name {
        font-size: 22px;
    }

    .recents_title h5 {
        font-size: 14px;
    }

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



    #settings input[type="text"]{
        max-width: none;
        width: 100%;
    }



    #settings input[type="text"].subdomain_input {
        width: calc(100% - 96px);
        max-width: 100%;
    }


    #settings #general_form .block {
        width: 85%;
    }

    #settings #general_form .block.custom_dom {
        width: 85%;
    }



    .actions.right{
        float:none;
        text-align: left;
        margin-left: 32px;
        display: block;
        margin-top: 5px;
    }

    ul.flex_list li .actions.wrap_xs,  ul.flex_list li .created_by.wrap_xs {
        white-space: normal;
    }

    ul.flex_list li .actions.wrap_xs .nowrap_xs{
        white-space: nowrap;
    }

    ul.flex_list li .created_by{
        max-width: 160px;
        /* border: dashed 1px red; */
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        position: relative;
        top: 1px;
        vertical-align: text-bottom;
        white-space: normal;
    }

    .page_desc {
        font-size: 14px;
    }

    .tab-content .billing-title{
        font-size: 15px;
    }

    .tab_text {
        font-size: 14px;
    }

    .posts ul.flex_list.categories-list li .created_by{
        max-width: none;
        display: block;
    }


    /* horizontally scrollable tabs */
    ul.nav-tabs{
        overflow-x: scroll;
        flex-wrap: nowrap;
        overflow-y: hidden;

        justify-content: left !important;
    }

    ul.nav-tabs > li > a.nav-link{
        padding: 5px 10px;
        margin-bottom: 10px;
        border-radius: 100px;
    }

    ul.nav-tabs > li > a.nav-link.active{
        background-color: #F2F2F2;
        border: none;
    }

    .daterangepicker.ltr {
        left: 6% !important;
        right: 6% !important;
    }

    .cl_container {
        max-width: 85%;
    }

    .dash_arrow {
        display: none;
    }

   

}           /* max-width: 500 */





@media(max-width: 425px){

    .expansion-panel-details{
        margin-left: 0;
        text-align: center;
    }

    .img-avatar {
        width: 50px;
        height: 50px;
        max-width: 50px;
        max-height: 50px;
        min-width: 50px;
        min-height: 50px;
        background-size: cover;
    }

    .label_checkbox.mass-action-checkbox {
        background-position: center 45px;
    }

    ul.team-members li a.admin_view{
        padding-top: 0;
    }

    /*
    .discuss{
        display: none;
    }
    */

    .post_thumb{
        width: 90px;
        height: 80px;
        margin-left: 6px;
    }

    .form-search .user_input{
        max-width: 100%;
        min-width: auto;
    }

    .member_profile > .content > .profile_head {
        justify-content: center;
    }

    .welcome_note .caption{
        font-size: 17px;
    }

   

    .post-notice-container{
        width: 90%;
    }

    .daterangepicker.ltr{
        left: 5% !important;
        right: 5% !important;
    }

    .post_container .user-info, .article_main, div.content.comment_row div.row-fluid {
        max-width: 88%;
        min-width: 88%;
    }



    .discussion .discussion_content {
        max-width: 88%;
        min-width: 88%;
    }

    .post-comment .new_comment_box {
        max-width: 88%;
        min-width: 88%;
    }

    .posts ul.categories-list.flex_list li span.post_icon{
        display: none;
    }

    .answer_footer{
        flex-wrap: wrap;
    }

   

}       /* 425 */


@media (max-width: 400px) {

    div.edit_post_title{
        font-size: 22px;
    }

    .post_visibility_info{
        float:none;
        display: none;
    }

    .site-title {
        max-width: 70%;
    }

    h5.discussion-title {
        font-size: 22px;
    }

    .reply_row .sp100{
        max-width: 90%;
    }

    .member_name {
        font-size: 20px;
    }
    .member_profile > .content > .profile_head{
        gap: 10px;
    }

    input.find_members {
        width: 100%;
        max-width: 100%;
    }

    ul.nav-tabs > li > a {
        font-size: 15px;
        padding: 10px 12px;

        max-width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    ul.nav-tabs > li > a.active{
        max-width: none;
    }

    .approval_notice .btns_container{
        margin-top: 10px;
        display: inline-block;
    }

    .daterangepicker.ltr{
        left: 0% !important;
        right: 0% !important;
    }


    .posts ul.categories-list.flex_list li{
        flex-wrap: wrap;
    }



    .posts ul.categories-list.flex_list li span.last_updated{
        display: none;
    }

    .intro_iframe_container{
        min-height: 200px;
    }

    .intro_iframe_container iframe{
        min-height: 200px;
    }

    .intro_iframe {
        min-height: 200px;
    }

    #post_poll .poll-result .option span.answer_text{
        max-width: 70%;
    }

    .reply_row .comment_info {
        max-width: 75%;
    }

    #post_poll .poll_answers{
        width: 90%;
    }

}               /* max width 400 */


@media(max-width: 360px){           /* extra small screens */


    /* TABS AS VERTICAL MENU FOR EXTRA SMALL SCREENS */

    /*.tab-content{
        border-top: solid 1px #dddddd;
        border-right: none;
        border-left: none;
    }

    ul.nav-tabs{

        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 40px;
        border-bottom: none;
    }

    ul.nav-tabs > li{
        float:none;
        display:block;

        margin: 0;
    }

    ul.nav-tabs > li:first-child {
        margin:0;
    }

    ul.nav-tabs > li > a,   ul.nav-tabs > li.active > a{
        margin: 0;
        border: solid 1px #dddddd;
        border-top:none;
        border-radius: 0;
        padding-bottom: 12px;

    }



    ul.nav-tabs > li > a:hover, ul.nav-tabs > li.active > a:hover,    ul.nav-tabs > li > a:focus, ul.nav-tabs > li.active > a:focus{

        margin: 0;
        border: solid 1px #dddddd;
        border-top:none;
        padding-bottom: 12px;

    }

    ul.nav-tabs > li:first-child a, ul.nav-tabs > li.active:first-child a{
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        border-top: solid 1px #dddddd;
        padding-bottom: 12px;
    }



    ul.nav-tabs > li:last-child a{
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }


    ul.nav-tabs > li.active a, ul.nav-tabs > li.active a:focus,      ul.nav-tabs > li.active:first-child a,        ul.nav-tabs > li.active:last-child a{
        background-color: #25B393;
        border-color:#25B393;
        color:#ffffff;
    }
    */


    ul.nav-tabs > li > a {
        font-size: 14px;
        padding: 12px 10px;
    }



    /* styling for tabs to contain NEW label */
    .nav > li.tab_new_label > a{
        display: block;
    }

    .nav > li.tab_new_label{
        position:relative;
    }

    .nav > li.tab_new_label > .new_feature.v3{
        left:unset;
        position: absolute;
        right: 15px;
        top: 12px;
        display: block;
        /* line-height: 18px; */
        height: 19px;
        padding: 0px 5px;
    }

    /* ------- END TABS AS VERTICAL MENU ---------- */

    #settings .tab-content > .tab-pane#tab-authentication  div.main_content{
        padding: 30px 20px;
        /*background-color: cyan;*/
    }

    /**  FetchURL ckEditor plugin */
    .fetchurl .fetchurl-container .fetchurl-content .fetchurl-title{
        font-size: 15px;
        word-break: break-all;
    }
    .fetchurl .fetchurl-container .fetchurl-content .fetchurl-description{
        font-size: 13px;
        max-height: 32px;
        line-height: 15px;
    }
    .fetchurl .fetchurl-container .fetchurl-image{
        min-width: auto;
        width: 100px;
        /*height: 135px;*/
    }


    .mass_action_manage ul.team-members > li,
    .manage_users ul.team-members > li {
        margin-left: 10px;
    }

    div.edit_post_title{
        font-size: 22px;
    }



    .label_checkbox.mass-action-checkbox {
        left: -55px;
        padding: 0px 20px;
    }

    .site-title {
        max-width: 60%;
    }

    .post_thumb {
        display: none;
    }

    .edit_comment_area .btn{
        width: 100%;
        margin-bottom: 10px;
        float:none;
    }

    .txt_clip {
        max-width: 200px;
    }



    .tab-content > .tab-pane > div.invited.top{
        padding: 6%;
    }

    .tab-content > .tab-pane > div.invited.bottom{
        padding: 6%;
    }

    #invite input[type="email"] {
        width: 100%;
    }

    #invite select {
        width: 100%;
    }

    .post-notice-container {
        width: 100%;
    }

    .post-notice-container .post-notice{
        border-radius: 0;
    }

    .daterangepicker .d_flex {
        padding: 10px;
    }

    .buttons_container > div{
        width: 100%;
    }

    .billing_buttons_form .btn{
        min-width: unset;
    }

    .config_option{
        flex-wrap: wrap;
    }

    .intro_iframe_container{
        min-height: 150px;
    }

    .intro_iframe_container iframe{
        min-height: 180px;
    }

    .intro_iframe {
        min-height: 180px;
    }
    /*
    .user-info .job_title{
        display: none;
    }
    */

}               /* max-width: 360px */


/* target retina display */
@media(-webkit-min-device-pixel-ratio: 2) and (max-width: 320px) {      /* retina display iphone portrait, iphone 4, 5, 5s.. */
    /* Retina-specific stuff here */

    .site-title {
        /*background-color: orange;*/
        border:none;
        /*margin-top: 60px;*/
        max-width: 60%;


    }

    .site-title a{
        font-size: 20px;
        /* border: dotted 1px blue;*/
        /*line-height: 1.2;*/
    }



    .long_company_name{

        margin-top: 20px;

    }

    #settings{

        max-width: 360px;
        padding-left: 0;
        padding-right: 0;
        /*white-space: nowrap;*/


    }

    #settings input[type="text"]{
        width: 98%;
        margin-right: 0;
        /*max-width: 280px;*/
    }

    #settings input[type="text"].subdomain_input{
        width:60%;
        max-width:178px;

    }

    .intro_image, .intro_video{
        max-height: 220px;  /* limit preview image height */
    }


    ul.nav.emojis-nav>li>a, ul.nav.emojis-nav>li>a:focus {

        font-size: 18px;
        width: 18px;
        margin-left:3px;

    }

    label.menu_radio{
        clear:left;
    }

    #settings .block{
        width:300px;
        /*background-color: yellow;*/
    }


    .form-section input.pub_date, .form-section input.pub_date:focus{
        background-color: #f2f2f2;
        color: #999999;
        margin-top: 15px;
        padding: 10px 14px;
    }


    /* intro video */
    .intro_iframe_container iframe{
        min-height:160px;
    }


    /* generic iframe, soundcloud, slideshare, pictocart, whatever... */
    .intro_iframe{      
        min-height:160px;
    }
   



    .site-title {
        max-width: 50%;
    }

}


/* target retina display */
@media(-webkit-min-device-pixel-ratio: 2) and (max-width: 840px) {      /* retina display iphone portrait, iphone 6, 6plus, nexus 5... bigger hi res screens */

    /* intro video */
    /*
    .intro_iframe_container{
        min-height:200px;
    }
    */
    /*
    .intro_iframe_container iframe{
        min-height:250px;
    }
    */
     /* generic iframe, soundcloud, slideshare, pictocart, whatever... */
    /*
    .intro_iframe{     
        min-height:200px;
    }
    */

}







/***** MENU BEHAVIOUR ******/



@media (min-width: 2101px){         /* width > (former) 1900px, large desktop screens */

    #wrapper{
        padding-left: 0px !important;
        left: 0 !important;
    }

    .column-left{
        left:0 !important;
    }

    .side{
        display:block !important;
    }

    #header_caption{
        left:0 !important;
    }

    .header{
        left:0 !important;
    }

}

@media (max-width: 2100px){     /* width < (former) 1900px */

    #wrapper{
        padding-left: 0px;
    }

    #wrapper.start_open_menu{
        padding-left: 240px;
    }

    .solo_container{
        /*max-width:800px;*/
        margin-left:auto;
        margin-right: auto;
        /*border:dashed 1px purple;*/
    }

    a.close_menu{
        margin-top: 0;
        padding-top: 2px;
        right: 2px;
    }

}




/*@media (min-width: 1280px) and (max-width: 1800px){*/
@media (min-width: 1200px) and (max-width: 1800px){


    /*input.search_open{*/
    #master_wrapper.search_open input#search{
        width: 170px;
    }


    div#right-slide.search_panel{
        width: 300px;
    }


    #master_wrapper.search_open.left_open .site-title {         /* limit long company names when both left and right panels are open at the same time */
        /*border: dotted 1px orange;*/
        max-width: 42%;
    }




}


@media (min-width: 1460px) and (max-width: 1800px){

    #master_wrapper.search_open.left_open .site-title {         /* limit long company names when both left and right panels are open at the same time - ADJUSTMENT*/
        /*border: dotted 1px blue;*/
        max-width: 48%;
    }

}



/*@media (max-width: 1279px){    */ /* width < 1280  - LIMIT for right panel black*/
@media (max-width: 1099px){     /* width < 1100  - LIMIT for left menu MOBILE STYLE, wider, always closed, opens manually */

    /* wide menu on small screens */
    /*
    #search_results_caption{
        display: none;
        background-color: transparent;
        padding: 10px 15px;

    }

    .close_caption{
        display:none;
    }

    #left-slide{
        width:280px;
        display:none;
    }

    #right-slide{
        top:0 !important;
        background-color:#222;
        display:none;
    }

    #site_header.at-top #search_right_form, .body-at-top #search_right_form{
        background-color: #181818;
    }

    ul.search-results li {
        border-bottom-color: #444;
    }
    */

    #left-slide{
        width:280px;
        display:none;
    }

    div#menu_closer{         /* wrapper to catch click on the moved page content when left sidebar is open on small screens */

        /*
        background-color: orange;
        opacity: 0.5;
        */

        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1200;
        top: 0;

    }


    #search-form{
        display: none;

    }

    .menu-middle, .menu-footer {
        padding: 30px;
        padding-right: 25px;
    }

    .menu-footer{
        padding-bottom: 70px;
    }

    ul.main-menu li a{
        font-size: 15px;
    }



    #wrapper{
        padding-left: 0px !important;
    }

    div.column-left {
        left:0 !important;

    }






    .middle_separator{
        display:none;
    }




    /*
    #sidebar_customization{
        display:none;
    }
    */

    ul.main-menu li i.fa.cat-star{
        left: -18px;
    }


    ul.main-menu li span.counter{
        font-size: 12px;
        top:6px;
    }

    ul.main-menu li ul.subcategories li span.counter{
        font-size: 11px;
    }

    ul.main-menu li ul.subcategories li{
        font-size: 14px;
        line-height: 28px;
    }
    ul.main-menu li ul.subcategories li a{
        font-size: 14px;
    }

    ul.main-menu li i.subc_indicator{
        /*background-color: purple;*/
        width: 28px;
        left: -30px;
    }

    ul.main-menu li i.subc_indicator:hover, #left-slide.light ul.main-menu li i.subc_indicator:hover{           /* fix subcategories indicator on mobile menu, when clicked or focused*/
        color:#999;
    }

    ul.main-menu li .material-icons-round.subc_indicator {
        left: -30px;

    }

    .welcome{
        max-width: 170px;
        font-size: 15px;
    }

    .welcome .role {
        font-size: 14px;
    }

}       /* (max-width: 1099px){ */







/*@media (min-width: 1280px) {     */    /* width >= 1280 px, lap top and desktop large screens - menu open */
@media (min-width: 1100px) {         /* width >= 1200 px, lap top and desktop large screens - menu open */



    #search_right_form{
        display: none;
    }


    div#left-slide.wide_menu {
        position:fixed;
        /*z-index: 1500;*/
        z-index: 1020;
        height: 100px;
        left:-240px;
    }

    div#left-slide.start_open_menu{
        left:0;
    }

    div#left-slide.wide_menu .menu-middle, .menu-head{
        background-color: transparent;
        border-bottom:none;
    }

    div#left-slide.wide_menu .menu-head{
        border-bottom:none;
    }

    div#left-slide.wide_menu .menu-separator{
        /*background-color: #444444;*/
    }

    div#left-slide.wide_menu div.column-left span#left-triger, div#left-slide.wide_menu div.column-left a  {display: none;}



    #big_close_menu{
        display:none;
    }

    .menu_section{
        margin-top: 25px;
    }

    .menu_section_caption {
        /*margin-top: 25px;*/
        margin-bottom: 5px;
        font-size: 12px;
        /*color: #999999;
        color: #666666;
        */

    }


    a.manage_section:hover{
        color: #eee;
    }

    ul.main-menu li a:hover {
        color:#ffffff;
    }

    ul.main-menu li span.counter{
        /*
        background: #666666;
        color:#eeeeee;
        */
    }


    /*
        ul.main-menu li span.new_feature{
            color:#000000;
        }
    */

    a.close_menu svg polygon {
        fill: #ffffff;
    }

    /* wide images and videos */
    .content .post_body img.wide, .content .post_body .videodetector, .content .post_body .fetchurl.video:not(.youtube_shorts), .content .post_body pre{
        max-width: 800px;
        width: 800px;
        margin-left: -50px;
    }
   
    .content .post_body pre, .content .post_body pre > code{
        font-size: 14px;;
    }
    


}   /* min-width 1100px */


@media (min-width: 960px) { 

  
  

}



/*@media (min-width: 1280px) and (max-width: 2000px){     */    /* narrower left menu, menu width 220px */
@media (min-width: 1100px) and (max-width: 2100px){         /* narrower left menu, menu width 220px */

    .menu-head{
        padding: 25px 5px 67px 15px;
    }
    .welcome, .welcome .role{
        font-size:13px;
    }

    .menu-middle, .menu-footer {
        padding: 20px;
        padding-right:15px;
    }

    .menu-footer {
        padding-top: 0;
        padding-bottom: 70px;
    }

    #left-slide{
        width:220px;
    }

    .welcome{
        max-width: 135px;
    }
    ul.main-menu li a{
        font-size: 13px;
    }

    ul.main-menu li a .material-icons-round{
        top: 6px;
    }

    ul.main-menu li span.counter {
        font-size: 10px;
    }

    ul.main-menu li span.floated {
        top:6px;
    }



    ul.main-menu li span.counter i.fa {
        font-size: 9px;
    }

    .start_open_menu #header_caption{
        left:110px;
    }

    .start_open_menu #wrapper{
        padding-left: 220px;
    }

    div#left-slide.wide_menu {
        left:-220px;
    }

    div#left-slide.start_open_menu{
        left:0;
    }

    ul.main-menu li i.subc_indicator{
        /*background-color: red;*/
        width: 22px;
        left: -20px;
        padding-left: 0px;
    }

}



@media (min-width: 1200px) and (max-width: 2000px){         /* 1900 breakpoint below menu pushes content to the right */

    /*
    .column-left.start_open_menu{
        left:-280px;
    }
    */
    /*
        .column-left{
            left:0;
        }
    */


}

@media(min-width: 1100px) and (max-width: 1266px){

    .content .post_body img.wide, .content .post_body .videodetector, .content .post_body .fetchurl.video:not(.youtube_shorts), .content .post_body pre {
        margin-left: -75px;
    }
    
}





/* PRINT STYLES - override Bootstrap default settings*/

@media print {


    a[href]:after {
        content: "";        /* do not print link urls */
    }

    #left-slide{        /* hide left menu */
        display: none;
    }

    .medium-editor-toolbar{     /* remove medium editor.. was shown garbled at the bottom for some reason.. */
        display:none;
    }

    #recent_posts{              /* remove recent posts lists.. not needed when printing single post, most used case? */
        display:none;
    }

    #add_comment{               /* remove add comment, can not be used on print */
        display:none;
    }

    #wrapper{
        min-height:100px !important;            /* reset wrapper height, set dynamically in javascript...*/
        padding-top:0;
    }

    #site_header{
        display:none;
    }


    .h_menu{
        display:none;
    }

    #master_wrapper > div#right-slide{
        display: none !important;
    }

    .content.post-content{

        width: 95%;
        padding: 0;
        max-width: none;
        padding-top: 50px;
    }

    .user-info, .article_main {
        max-width: 100%;
        width: 100%;

    }

    .user-info{
        margin-bottom: 20px;
    }

    .user-info a{
        text-decoration: none;
    }

    .user-info span.name{
        font-size: 20px;
    }

    .user-info .job_title, .user-info .date{
        font-size: 20px;
    }

    .user-info span.date{
        font-size: 18px;
    }

    .user-info div.cats, .user-info .more_items, .user-info span#more_categories, .user-info div.cats, .user-info .more_items a, .user-info div.cats .cat-name{
        font-size: 16px;
    }

    .user-info div.cats{
        margin-top: 5px;
    }

    .img-avatar-small {
        width: 54px;
        height: 54px;
        max-height: 54px;
        max-width: 54px;
        min-width: 54px;
        min-height: 54px;
    }

    .post_body{

        width: 100%;
        max-width: 100%;
    }

    h1.post-title{
        font-size: 50px;
    }

    article.post_container:hover .post-title .edit_post, .touch article.post_container .post-title .edit_post, .page-content:hover .single-page-title .edit_post{
        display:none;
    }


    .post_body, .post_body p{
        font-size: 22px;
    }

    .by-line .blck:first-child{
        display: none;
    }
    /*
    .by-line a.blogin-like, .by-line a.blogin-dislike, .by-line a.blogin-follow{
        display: none;
    }
    */

    .bottom_vote_buttons{
        display: none;
    }

    .discussion .content{


    }

    .discussion .discussion_content{
        margin: 10px 0;
        width: 95%;

    }

    h5.discussion-title{
        display: none;
    }

    div.comment_container .content.comment_row{
        width: 100%;
    }

    .c_spacer{
        display: none;
    }

    .reply_link_div{
        display: none;
    }

    div.content.comment_row div.row-fluid{

        width: 85%;
        max-width: none;
        /*padding: 0 10px*/
    }

    .comment-list{
        padding-left: 30px;

    }

    div.row.comment .user-info .date{
        font-size: 17px;
    }

    .comment div.comment_txt{
        font-size: 19px;
    }

    .reply_spacer{
        margin-left: 20px;
        min-width: 50px;

    }

    div.content.reply_row div.row-fluid{

        max-width: none;
        width: 85%;
    }

    div.replyed .content.reply_row{
    }

    .user-info span.comment_options{
        display:none;
    }

    footer{
        display:none;
    }

    html{
        border: solid 1px white;        /* get rid of weird gray border on the right side on Chrome > pring */
    }



}