@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------
1. Mobile
2. iPad
3. large desktop
4. Other
*/

.custom-dropdown-wrap {width: calc(100% - 150px); display: inline-block; vertical-align: middle;}
.custom-dropdown-wrap .select-trigger,.admin-menu-wrap .select-trigger,.admin-submenu-wrap .select-trigger{display: none;}
.forum-main-content .accordion-block > ul > li > ul > li div b {display: none;}
.forum-inner-blocks table tr td b {display: none;}

/* 1. large desktop and ipad landscape responsive css 1024px to 1200px
--------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1200px){
    .forum-content {padding: 130px 0;}
    .forum-main-content .container {width: 100%; padding: 0 30px;}
    .forum-login-register {padding: 50px 0;}
    .forum-inner-blocks table {width: 100%;}
    .forum-inner-blocks table thead > tr > th.second_th, .forum-inner-blocks table  tbody > tr > td.subject {width: calc(60% - 70px);}
    .forum-inner-blocks table thead > tr > th.third_th, .forum-inner-blocks table  tbody > tr > td.stats {width: 18%;}
    .forum-inner-blocks table thead > tr > th.last_th, .forum-inner-blocks table  tbody > tr > td.lastpost {width: 22%;}
}

/* 2. iPad portrait and tablet responsive css 768px to 992px
--------------------------------------------------------------------------*/
@media (max-width:992px){
    .forum-main-content .container {width: 100%; padding: 0 30px;}
    .forum-content {padding: 100px 0 50px;}
    .forum-content:before {height: 50px;}
    .forum-main-content .accordion-block .container {padding: 0;}
    .forum-login-register {padding: 50px 0;}
    .forum-checkbox {margin-bottom: 50px;}
    .forum-inner-blocks table {width: 100%;}
    .forum-inner-blocks table thead > tr > th.second_th, .forum-inner-blocks table  tbody > tr > td.subject {width: calc(60% - 70px);}
    .forum-inner-blocks table thead > tr > th.third_th, .forum-inner-blocks table  tbody > tr > td.stats {width: 18%;}
    .forum-inner-blocks table thead > tr > th.last_th, .forum-inner-blocks table  tbody > tr > td.lastpost {width: 22%;}
    .forum-main-content .forum-login-register.inner-forum-login-register {padding: 0;}
    .profile-info-inner-blocks #admin_content .topic .windowbg .topslice, .profile-info-inner-blocks #admin_content .topic .windowbg2 .topslice {width: 60px;}
    .profile-info-inner-blocks #admin_content .topic .windowbg .content, .profile-info-inner-blocks #admin_content .topic .windowbg2 .content {width: calc(100% - 74px);}


    /* admin */
    .forum-user-inner-page .content > ul > li{width: 48%;}
    .forum-user-inner-page .input_text,.forum-user-inner-page .input_password,.forum-user-inner-page textarea,.forum-user-inner-page #from_email{max-width: 95%;}


    /* comman  table */
    .admin-table-wrap{overflow-x: scroll;padding: 0 1px;}
    .admin-search-for-members .admin-table-wrap{display: initial;}
    .forum-user-inner-page #mlist table{width: 930px;}

    /* ban log */
    .forum-user-inner-page #ban_log table{width: 930px;}
    .forum-user-inner-page .admin-httpBL-spammers-log table{width: 930px;}
    .forum-user-inner-page .admin-MOD-help-blocks{width: 100%}

}

@media (min-width:768px) and (max-width:1024px){

    body{min-width: inherit;}
    .forum-main-content .container{max-width: 1080px; width: 100%; padding: 0 30px;}
}

/* 3. Mobile landscape responsive css 767px
--------------------------------------------------------------------------*/
@media (max-width:767px) {
    .custom-dropdown-wrap .select-trigger,.admin-menu-wrap .select-trigger,.admin-submenu-wrap .select-trigger {display: block; font-family: 'Raleway',sans-serif; font-size: 14px; text-transform: uppercase; font-weight: 700; color: #000; margin-bottom: 10px; letter-spacing: 0.1em;}
    .sort-navigation-bar .sort-title, .sort-navigation-bar .sort-area, .search-area {display: inline-block; vertical-align: top;}
    #main_menu li {display: block; margin-bottom: 5px; }
    .forum-content-no-banner {padding-top: 90px;}
    .forum-page .forum-header h1 {font-size: 26px;line-height: 26px;}
    #posting_icons ul.reset li {display: block;}
    .forum-main-content .accordion-block ul li ul li > div {display: block; width: 100% !important;}
    .forum-main-content .accordion-block .forum-topic,.forum-main-content .accordion-block .forum-post-date{display: inline-block; width: 49% !important;}
    /*.forum-main-content .accordion-block ul li ul li b */
    .forum-main-content .accordion-block > ul > li > ul > li div b {font-size: 16px; padding-top: 10px; padding-right: 10px; display: block;}
    .forum-main-content .accordion-block ul li ul li:first-child {display: none;}
    .forum-main-content .accordion-block ul li ul li{border-top: 1px solid #000;}
    .forum-inner-blocks table tr td b {display: inline-block;}
    .forum-inner-blocks table thead {display: none;}
    .forum-inner-blocks tr {position: relative;}
    .forum-inner-blocks table  tbody > tr > td.icon1 {display: block; position: absolute; padding: 0; width: 20px; top: 13px;}
    .forum-inner-blocks table thead > tr > th.second_th, .forum-inner-blocks table tbody > tr > td.subject ,.forum-inner-blocks table thead > tr > th.third_th, .forum-inner-blocks table  tbody > tr > td.stats ,.forum-inner-blocks table thead > tr > th.last_th, .forum-inner-blocks table  tbody > tr > td.lastpost {display: block; width: 100%; padding-left: 35px}
    .forum-inner-blocks .subject strong a {font-size: 14px;}
    .forum-inner-blocks table  tbody > tr > td.stats, .forum-inner-blocks table  tbody > tr > td.stats b {font-weight: 400; font-size: 12px;}
    .forum-inner-blocks table  tbody > tr > td.lastpost, .forum-inner-blocks table  tbody > tr > td.lastpost b {font-weight: 400; font-size: 12px;}
    .post blockquote a {word-break: break-all;}
    .post_wrapper .poster li.avatar {width: 40px;}
    .post_wrapper .poster {padding-left: 55px;}
    .postarea {padding-left: 0;}
    .moderatorbar {padding-left: 20px;}
    .profile-info-inner-blocks #admin_content #basicinfo,.forum-user-inner-page #basicinfo{width: 100%; margin-right: 0; margin-bottom: 20px;}
    .profile-info-inner-blocks #admin_content #detailedinfo,.forum-user-inner-page #detailedinfo{width: 100%;}
     #profileview #activitytime .windowbg2 .content {width: 100%; height: auto; display: block; position: relative;}
    .mCSB_scrollTools_horizontal {width: 100% !important;}
    #profileview #activitytime .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .profile-info-inner-blocks #profileview #activitytime .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: auto !important;}
    #profileview #activitytime .mCSB_scrollTools {border:1px solid #000; bottom: 14px;}
    .profile-info-inner-blocks #profileview #activitytime .windowbg2 .content .activity_stats,.forum-user-inner-page #profileview #activitytime .windowbg2 .content .activity_stats {width: 767px;}
    #profileview #activitytime .windowbg2 .content .activity_stats li span {padding: 0 2px;}
    .post_wrapper .postarea .inner {word-wrap: break-word;}
    .profile-info-inner-blocks #admin_menu ul.dropmenu > li:hover > a:before, .profile-info-inner-blocks #admin_menu ul.dropmenu > li:hover > a:after {display: none;}
    .profile-info-inner-blocks #admin_menu ul.dropmenu li:hover > ul {position: relative; top: auto; left: auto; border: none; width: 100%; padding: 0 15px; }
    .profile-info-inner-blocks #admin_menu ul li {width: 100%;}
    .profile-info-inner-blocks #admin_menu ul.dropmenu li ul li ul {position: relative; top: auto !important; left: auto; padding: 0 15px; width: 100%;}

    /* admin */
    .forum-user-inner-page #admin_main_section #live_news{width: 100%;margin-right: 0; height: auto; max-height: 300px;}
    .forum-user-inner-page #admin_main_section #supportVersionsTable{width: 100%;height: auto; max-height: 300px;}
    .forum-user-inner-page .content > ul > li{width: 100%;}

    /* manage board */
    /*.forum-user-inner-page #manage_boards form .content{overflow-x: scroll;}*/
    /*    .forum-user-inner-page #manage_boards ul{min-width: 640px;}*/

    .forum-user-inner-page .admin-search-for-members .msearch_details{width: 100%;max-width: 400px;float: none;display: block; margin: 0 auto;}
    .forum-user-inner-page .admin-search-for-members .admin-table-wrap table{width: 100%;}

    /* menu2 */
    .forum-user-inner-page .adm_section {width: 100%; margin-right: 0;margin-bottom: 3px;}
    .forum-user-inner-page .adm_section .left_admmenu {top: auto; left: auto;padding: 0; border: 0; margin-left: 15px; -webkit-transition: 0.5s ease none;-o-transition: 0.5s ease none;transition: 0.5s ease none;}
    .forum-user-inner-page .adm_section:hover .left_admmenu {position: relative; top: auto; left: auto; width: 100%;  }
    .forum-user-inner-page .adm_section:hover:after {display: none;}
    .forum-user-inner-page .adm_section:hover h4:before, .forum-user-inner-page .adm_section:hover h4:after {display: none;}
    .forum-user-inner-page .adm_section h4:before {display: none;}

    /* menu 3 */
    .forum-user-inner-page #adm_submenus ul li{display: block;margin-bottom: 3px;}
    .forum-user-inner-page .cat_bar h3{margin-top: 0;}

    /**/
    #popularposts div.content dt, #popularactivity div.content dt {width: 73%;}
    #popularposts div.content dd, #popularactivity div.content dd{width: 25%;}
    input[type='email'], input[type='text'], input[type='password']{max-width: 100%;}
    .forum-user-inner-page #searchform #search_options{width: 100%;}
}

/* 4. Mobile landscape responsive css 640px
--------------------------------------------------------------------------*/
@media (max-width:640px){
    .forum-main-content .main-category-block {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
    .forum-main-content .search-for-block .search-for-block-input {width: calc(50% - 10px);}
    .forum-main-content .search-for-block .search-for-block-select {width: calc(50% - 10px);}
    .select2-container--default .select2-selection--single .select2-selection__rendered {padding-right: 50px !important;}
    .forum-main-content .last-search-for-block .options-block, .forum-main-content .last-search-for-block .message-age-block {width: 100%; margin-right: 0;}
    .forum-main-content .last-search-for-block .options-block {margin-bottom: 20px;}
    .forum-main-content .forum-login-register.forum-register-block .container {width: 100%; padding: 0;}
    .forum-main-content .container{padding: 0 20px;}
    /*
    .forum-main-content .after-search-for-block .by-user-block {width: calc(50% - 20px);}
    .forum-main-content .after-search-for-block .search-order-block {width: calc(50% - 0px); }
    */



    /* admin */
    .forum-user-inner-page #quick_search form .input_text{width: calc(100% - 20px);}
    .forum-user-inner-page #quick_search form .select2{width: calc(100% - 59px) !important; margin-top: 20px; margin-bottom: 20px;}
    .forum-user-inner-page #admincenter .button_submit{margin-top: 20px;margin-bottom: 20px;}
    .forum-user-inner-page .windowbg2 .settings dt, .forum-user-inner-page .windowbg .settings dt{width: 100%;}
    .forum-user-inner-page .windowbg2 .settings dd, .forum-user-inner-page .windowbg .settings dd{width: 100%;}
    .accordion-block h3{font-size: 16px;}
    .forum-discussion-inner-blocks .windowbg2 .topslice, .forum-discussion-inner-blocks .windowbg .topslice, .search-result-blocks .windowbg .topslice, .search-result-blocks .windowbg2 .topslice{width: auto; border-top: 0; padding: 0 10px;}
    .forum-discussion-inner-blocks .windowbg2 .post_wrapper, .forum-discussion-inner-blocks .windowbg .post_wrapper{width: 100%;}

    .admin-table-wrap table{width: 600px;}
    .forum-user-inner-page .input_text,.forum-user-inner-page .input_password,.forum-user-inner-page textarea,.forum-user-inner-page #from_email{max-width: 100%;}

    .forum-user-inner-page #manage_boards .floatleft{margin-bottom: 10px;width: 100%;}

    /**/
    .forum-user-inner-page #main_admsection .topic .windowbg .content, .forum-user-inner-page #main_admsection .topic .windowbg2 .content{width: 100%;}
    .forum-user-inner-page #main_admsection .topic .windowbg .topslice, .forum-user-inner-page #main_admsection .topic .windowbg2 .topslice{border-top: 0;margin-right: 0;margin-bottom: 10px; width: auto;padding:0 10px; }

}

/* 5. Mobile portrait responsive css 480px
--------------------------------------------------------------------------*/
@media (max-width:480px){
    .forum-content {padding: 50px 0 100px}
    .forum-content:before {height: 30px;}
    .forum-login-register .container {width: 100%; max-width: 80%;}
    .forum-page .forum-header .navigate_section {margin-bottom: 20px;}
    .forum-page .forum-header {margin-bottom: 20px;}
    #helpmain ul {margin-left: 20px;}
    .forum-login-register h2 {margin-bottom: 20px;}
    .forum-checkbox {margin-bottom: 20px;}
    .forum-main-content .search-for-block .search-for-block-input, .forum-main-content .search-for-block .search-for-block-select,.forum-main-content .after-search-for-block .by-user-block, .forum-main-content .after-search-for-block .search-order-block {width: 100%; margin-right: 0;}
    .forum-main-content .search-for-block .search-for-block-input,.forum-main-content .after-search-for-block .by-user-block {margin-bottom: 20px;}
    .forum-main-content .last-search-for-block .message-age-block input.text {padding: 0 10px; height: auto; width: 60px; padding-bottom: 5px;}
    .forum-main-content .main-category-block {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
    .forum-main-content .forum-login-register.inner-forum-login-register .container {max-width: 100%; padding: 0;}
    .forum-main-content .inner-forum-login-register input.text {height: 28px;}
    .forum-main-content .inner-forum-login-register .no-checkbox {margin-bottom: 15px;}
    .forum-main-content .forum-login-register.forum-register-block {padding: 0;}
    .forum-main-content .forum-login-register.forum-register-block .container {max-width: 100%;}
    .forum-register-block .forum-left-block, .forum-register-block .forum-right-block {width: 100%; margin-right: 0;}
    .forum-login-register {padding: 30px 0;}
    .forum-discussion-inner-blocks .windowbg2 .topslice, .forum-discussion-inner-blocks .windowbg .topslice, .search-result-blocks .windowbg .topslice, .search-result-blocks .windowbg2 .topslice {width: 40px;}
    /*.forum-discussion-inner-blocks .windowbg2 .post_wrapper, .forum-discussion-inner-blocks .windowbg .post_wrapper {width: calc(100% - 59px);}*/
    .post .quoteheader a {position: absolute; top: 15px; left: 20px;}
    .post blockquote {padding: 65px 20px 15px;}
    .profile-info-inner-blocks #admin_content .topic .windowbg .topslice, .profile-info-inner-blocks #admin_content .topic .windowbg2 .topslice {width: 40px;}
    .profile-info-inner-blocks #admin_content .topic .windowbg .content, .profile-info-inner-blocks #admin_content .topic .windowbg2 .content {width: calc(100% - 54px);}
    .list_posts {position: relative; padding-top: 20px;}
    .list_posts .quoteheader {top: 8px; left: 15px; width: 90%;}
    ./*list_posts blockquote {padding: 65px 20px 15px;}
    .list_posts blockquote.bbc_standard_quote {padding-top: 30px;}
    .list_posts blockquote.bbc_alternate_quote {padding-top: 60px;}*/
    .list_posts blockquote {position: relative;}
    #profileview #generalstats .windowbg2 .content dt,#profileview #generalstats .windowbg2 .content dd,#popularposts, #popularactivity{width: 100%;}


    /* admin */
    .forum-user-inner-page .support-and-credits dt{width: 100%;}
    .forum-user-inner-page .support-and-credits dd{width: 100%;padding-bottom: 10px;border-bottom: 1px solid #000;margin-bottom: 10px;}
    .forum-user-inner-page #main_admsection .windowbg .settings dt{width: 100%;}
    .forum-user-inner-page #main_admsection .windowbg .settings dd{width: 100%;}
    .forum-user-inner-page #main_admsection .windowbg .content fieldset dt .select2-container{/*width: 100% !important;*/margin-left: 0; }

    /* admin configuration */
    .forum-user-inner-page #admincenter .features_image{float: none;}
    .forum-user-inner-page .admin-search-for-members dl.settings .righttext{text-align: center !important;}
    .forum-user-inner-page .admin-search-for-members .righttext{text-align: center !important;}

    /* manage members */
    .forum-user-inner-page #postForm .floatright{float: none;}
    .forum-user-inner-page #postForm .select2-container{max-width: 100%%;}

    .forum-user-inner-page .input_text,.forum-user-inner-page .input_password,.forum-user-inner-page textarea,.forum-user-inner-page #from_email{width: 100%;}
    .forum-user-inner-page #manage_maintenance .select2-container{margin-bottom: 10px;}

    /* */
    .forum-user-inner-page #main_admsection #creator dt,.forum-user-inner-page #main_admsection #creator dd{width: 100%;}

    /**/
    .forum-user-inner-page #searchform dt,.forum-user-inner-page #searchform dd{width: 100%;text-align: left;}

}

/* 6. Mobile portrait responsive css 360px
--------------------------------------------------------------------------*/
@media (max-width:360px){
    .terms-btn input {width: 100%; white-space: initial; }
}

/* 7. large desktop display between 1201 to 1440 for cut shape
--------------------------------------------------------------------------*/
@media (min-width:1201px) and (max-width:1440px){
    .forum-content:before{height: 120px;}
}

/* 8. large desktop display between 1441 to 1920 for cut shape
--------------------------------------------------------------------------*/
@media (min-width:1441px) and (max-width:1920px){
    .forum-content:before{height: 150px;}
}

/* 9. large desktop display between 1921 to 2560 for cut shape
--------------------------------------------------------------------------*/
@media (min-width:1921px) and (max-width:2560px){
    .forum-content:before{height: 200px;}
}
