@charset "utf-8";
#sidebar_container.member_summary {	width: 270px;}
#userprof_content_container {margin-left: 290px;}
.lastposttitle .threadtitle {
    word-break: break-word;
}
.postbit .userinfo .userinfo_extra dl,
.postbit .userinfo_noavatar .userinfo_extra dl {
    width: 350px;
}
/* post thanks collapse */
.postbit .userinfo .userinfo_extra dd.collapse .collapse,
.postbitlegacy dl.userinfo_extra dd.collapse .collapse{
    background: #828286;
    padding: 2px 2px 0 2px!important;
}
.postbit .userinfo .userinfo_extra dd.collapse,
.postbitlegacy dl.userinfo_extra dd.collapse{
    padding-left: 0!important;
}
/* vsa control */
.advreg_show{display:none}
/* error box with url fix */
.standard_error .formcontrols .blockrow{
    word-break: break-all;
}
/* Poll Fix */
#pollinfo .blockbody {
    background:#fff;
}
#pollinfo .blockhead {
    padding-left: 10px;
}
/* CSS Document */
#usercp_content .cke_top #cke_8,
#usercp_content .cke_top #cke_15,
#usercp_content .cke_top #cke_17,
#usercp_content .cke_top #cke_28,
#usercp_content .cke_top #cke_24,
#usercp_content .cke_top #cke_39,
#usercp_content .cke_top #cke_45{display:none}
.currentsigpic .blockrow img{max-width:100%}

.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{font-size:13px}
#ad_global_header2 {
    float: none;
}
.ad_global_header {
    float: right;
    clear: none;
    margin-top: 40px;
    margin-right: 40px;
}
#ad_global_header2 img{max-width:100%}
.navtabs ul li:first-child {
    margin-left: 0;
}
/* groups button fix */
li.sgicon .controls a.textcontrol:hover img,
li.sgicon .controls a.textcontrol img {
    left: 10px;
    bottom: 3px;
}
li.sgicon .controls a.textcontrol {
    padding: 5px 40px!important;
}
#groupsearch {
    background: #fff;
    border-radius: 10px;
    padding: 10px 10px;
}
#groupsearch .searchbox {
    width: 220px;
}
/* threadbit styling */
.threadbit .title {
    font-size: 17px;
}
.threadbit .threadmeta {
    font-size: 13px;
}
.postbit .posthead .postdate, .postbitlegacy .posthead .postdate{padding-left:20px!important}

/*-- fix forumtitle miss-align when drop 2nd line in mobile --*/
.forumbit_nopost .forumhead .forumtitle {
    padding-left: 10px;
}
.forumbit_nopost .forumhead .forumtitle a {
    margin-left: 0;
}

/*-- profile fix --*/
.member_summary .friends_mini .friends_list li {
    overflow: visible!important;
}
.profile_content .friends_list li {
    height: auto;
    min-height: 80px;
}
.userprof_title {
    margin-bottom: 10px;
}
.profile_content .pagination span.popupspan img {
    top: -10px;
}
.profile_content .friends_list img.onlinestatus {
    top: 0;
}

/*-- fix search cut off text--*/
.searchtitle,
.threadbit .threadlastpost dd {
    height: auto;
}
/* fix off page photo */
.profile_content .postbit-lite .vm_blockrow blockquote img,
#picturelink img {
    max-width: 100%;
}
.continuereading a{padding:5px 10px;}
#ad_global_below_navbar img {
    margin: 0 auto;
    max-width: 100%;
}
html {
    background-attachment:fixed;
    background-size:cover;
}
.forumbit_post .forumhead span.forumlastpost{display:none}
.navtabs > ul.floatcontainer li a.popupctrl {
    background-position: right 3px top 7px!important;
}

.forum_info .options_block .options_correct, .thread_info .options_block .options_correct, .forum_info .options_block2 .options_correct, .thread_info .options_block2 .options_correct {
    margin-left: 0!important;margin-right: 0!important;
}

@-moz-document url-prefix() {
    .postcontent .attach{width:100%}
}
.cke_skin_kama a:hover, .cke_skin_kama a:link, .cke_skin_kama a:visited, .cke_skin_kama a:active{
    word-wrap: break-word!important;
    white-space:normal!important;
}
.footer select{width:130px;}
.weekcontrols{position:relative;top:15px;}
#post_preview,
blockquote.preview.forumcontent{
    word-wrap: break-word!important;
    overflow: scroll!important;
    overflow-x: auto!important;
    white-space: initial!important;
}
#moveable_blocks div.smallavatartext {
    margin-left: 0!important;
    margin-top: 0!important;
    font-size:14px;
    width: 80%!important;
}
#userinfoblock a.avatar .avatarcontainer img {
    outline: 0 solid #dadada!important;
}

.cp_content .wysiwyg_block .actionbuttons .group .button {
    margin-top: 8px;
}
.cp_content .wysiwyg_block {
    margin-bottom: 20px;
}
.forumbits .forumhead h2 span.forumlastpost, h2 span.forumthreadpost {
    display: none!important;
}
#post_preview img {
    max-width: 100%
}
.mobilestats {
    margin-top: 3px;
    padding: 4px 0;
    font-style: italic;
    display: none;
}
#forumrules {
    padding-top: 10px;
}
#social_bookmarks_list .icon_list {
    padding: 10px;
}
.lastpostdate img {
    position: relative;
    top: 3px;
}
.widget_post_bit {
    padding: 10px 0;
}
.popupbody li {
    border-top: solid 0 #E1E1E1;
}
.blockfootpad, .blockfoot {
    padding-top: 10px;
}
.blockfoot a.textcontrol {
    top: 10px;
}
#pollinfo .blockfoot a{
    top: 0;
}
.blockheadinfo, .blocksubheadinfo {
    font-size: 13px;
    padding-right: 15px;
}
.activitystream .blockbody {
    background: transparent none;
}

.logo-image img {
    max-width: 100%;
    width: 100%;
    -webkit-transition: width 1s ease, height 1s ease;
    -moz-transition: width 1s ease, height 1s ease;
    -o-transition: width 1s ease, height 1s ease;
    -ms-transition: width 1s ease, height 1s ease;
    transition: width 1s ease, height 1s ease;
}
#albumlist .blockbody {
    padding-bottom: 10px
}
.calendar .blockhead {
    min-height: 39px;
}
.notices li {
    font-size: 16px;
    padding: 20px;
}
.material-icons {
    vertical-align: middle!important;
}

.wgo_block .blockbody, .threadbit, .forum_info .blockbody, .blockbody, #sidebar_container .blockbody, .postbit, .postbitlegacy, .eventbit, .thread_info .blockbody, .forumbit_post {
    -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    -khtml-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    -khtml-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    -khtml-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
.threadbit .threadstats .material-icons {
    display: none
}


/*-- attachments fix --*/
#manage_attachments_button {
    padding: 6px;
}
#attachments .blockhead {
    height: 35px!important
}

/*-- important footer fix --*/
.below_body {
    padding-bottom: 20px
}
.footer_time {
    clear: both;
    padding: 10px;
}
/*-- redirect button fix --*/
.redirect_button .group .textcontrol, .redirect_button .group .button {
    display: inline-block!important;
    white-space: pre-line;
    word-break: initial;
    text-align: center
}
/*-- some button fix --*/

input[type='submit'] {
    -webkit-appearance: none!important;
}
/*-- navbar --*/
.navbar {
    height: 95px;
}
.navtabs ul {
    padding: 0!important;
    line-height: 40px;
}
.navtabs ul {
    padding: 15px 0;
}
.navtabs .popupbody {
    padding: 2px!important;
}
.navtabs ul li {
    padding-left: 8px!important;
    border-left: 0;
}
.navtabs .popupbody li, .navtabs ul li:first-child a {
    padding-left: 0!important;
}
#navtabs .popupmenu ul li:first-child a {
    padding-left: 10px!important;
}

/*-- backtotop --*/
#backtotop {
    text-align: center;
    padding: 5px;
    position: fixed;
    bottom: 28px;
    right: 70px;
    cursor: pointer;
    display: none;
    font-size: 11px;
    font-weight: 900;
    z-index:9999;
}
/*--- down arrow --*/
.navtabs li.selected a.navtab:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 8px;
    margin-left: -8px;
}
article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}

h1, h2, h3, h4, h5, h6, .forumbit_post .foruminfo, #sidebar_container .blockrow, .blockrow, .forum_info .options_block .options_correct, .thread_info .options_block .options_correct, .forum_info .options_block2 .options_correct, .thread_info .options_block2 .options_correct {
    margin-top: 0;
}
#view-aboutme .blockbody dt {
    padding-top: 7px!important;
    padding-bottom: 7px!important;
    width: 250px!important;
    float: left!important;
    clear: right!important;
    font-size: 100%!important;
}
#view-aboutme .blockbody dd {
    display: block!important;
    width: 250px!important;
    float: left!important;
    clear: right!important;
    padding-top: 7px!important;
    padding-bottom: 7px!important;
    font-weight: normal!important;
    font-size: 110%!important;
}
.profile_content .subsubsectionhead {
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    font-size: 135%!important;
}

.memberaction_body.popupbody {
    width: 320px;
}
.popupbody li input.searchbox {
    width: 150px;
}
.breadcrumb .navbithome > a {
    display: block;
    padding: 2px 4px;
    float: left;
    border: 1px solid transparent;
}
.breadcrumb .navbithome {
    float: left;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 10px;
    padding-left: 3px;
    padding-bottom: 0;
    padding-top: 0;
}
.breadcrumb, .breadcrumb a {
    font-size: 14px;
}

.wysiwyg_block .actionbuttons .group .button {
    padding: 8px 16px !important;
}
li {
    list-style: none outside none!important;
}
/*-- fix numbered list --*/
.restore ol > li,
.restore ol.decimal > li {
    list-style: decimal outside!important;
}
.restore ul > li {
    list-style: disc outside!important;
}

#forums li:first-child .forumhead {
    margin-top: 0;
}
.above_body {
    margin-bottom: 0;
    margin-top: 30px;
}

#sidebar_container .blocksubhead {
    font-size: 14px;
    font-weight: normal;
}

/*-- custom search box --*/
input[type="submit"], button[type="submit"], .popupbody li.formsubmit input[type="reset"], .popupbody li.formsubmit input[type="button"] {
    line-height: 22px;
    border-radius: 30px;
    padding: 8px 16px !important;
}
.formcontrols input.textbox {
    height: auto;
}

.postlistfoot {
    margin-top: 20px;
    padding-top: 5px;
}
#inlinemod_formctrls a.popupctrl span.ctrlcontainer {
    padding-left: 25px!important;
    background-position: 10px center;
}
.blockhead a.collapse {
    top: 20px;
}

.threadbit .alt {
    background: transparent none;
}
.thread_info .inner_block, .info_subblock {
    min-height: 50px;
}
#sidebar_container .blocksubhead {
    padding: 10px!important;
}

/*-- postbit --*/
.postbitlegacy .userinfo .usertitle {
    padding-bottom: 10px;
}
.postbitlegacy .imlinks {
    padding-top: 8px;
}
.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
    text-align: center;
    float: none;
}
.postbitlegacy .userinfo a.username, .eventbit .userinfo a.username {
    font-size: 18px;
}
.postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle, .postbitlegacy .userinfo .username_container {
    font-size: 14px;
    text-align: center;
}
.postbitlegacy dl.userinfo_extra, .postbitlegacy dl.user_rep {
    margin: 0;
    padding: 0;
}
.postbitlegacy dl.user_rep {
    width: 100%;
}
.postbitlegacy .userinfo .userinfo_extra {
    margin-bottom:0!important;
}
.postbitlegacy dl.userinfo_extra dd a {
    text-decoration: none
}
.postbitlegacy .userinfo .userinfo_extra {
    font-size: 13px;
}
.postbit .posttitle, .postbitlegacy .title {
    font-size: 20px;
}
.postbit .userinfo_extra dl dd {
    padding: 4px 0!important;
    border-bottom: 1px solid #ededed;
}
.postbit .userinfo_extra dl dt {
    padding: 4px 0!important;
    margin: 0 10px;
}
.postbit .userinfo .userinfo_extra {
    font-size: 13px;
}
/*-- forumbits --*/
.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
    float: none;
    clear: none;
    display: inline-block;
}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
    border-left: 0 solid #dddddd;
    border-right: 0 solid #dddddd;
}
.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {
    font-size: 16px;
    font-weight: bold;
}
.forumbit_post .forumactionlink {
    height: 16px;
}
.forumbit_nopost .forumhead a.collapse img {
    width: 21px;
    height: 21px;
    right: 10px;
    top: -10px;
}
.forumbit_nopost .subforumdescription {
    background: none;
    padding: 0;
    font-size: 11px;
    margin-left: 12px;
}
.forumbit_post .forumdescription {
    font-size: 13px;
}
/*-- Margin WORK --*/
.forumhead {
    margin-top: 15px;
}
#sidebar_button {
    margin-right: -22px;
}
/*-- +39 +39 - 20px --*/
.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
    margin-left: 248px;/*190*/
}
.thread_info h4 {
    margin-top: 15px;
}
.postlist, #postlist {
    margin-bottom: 0;
    margin-top: 15px;
}
.postbit, .postbitlegacy, .eventbit, .toolsmenu {
    margin-bottom: 15px;
}
.standard_error .actionbuttons {
    margin-top: 15px!important;
}
/*-- HIDE WORK --*/
.forumbit_nopost .forumhead span, .forumbit_post .forumhead span {
    display: none;
}
/*-- PADDING WORK --*/
#content_container {
    padding-top: 0;
}
.postbody img.inlineimg {
    vertical-align: unset!important;
}
.postbitlegacy .postfoot .postlinking, .postbit .postfoot .postlinking {
    padding-left: 50px;
}
#sidebar_container .block {
    padding: 0;
}
.postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {
    padding-bottom: 10px;
}
.postbit .posthead .nodecontrols, .postbitlegacy .posthead .nodecontrols, .eventbit .eventhead .nodecontrols {
    padding-top: 10px;
}
.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
    padding-left: 20px;
}
.postbitlegacy dl.userinfo_extra dt, .postbitlegacy dl.user_rep dt {
    padding: 10px 0!important;
}
.postbitlegacy dl.userinfo_extra dd, .postbitlegacy dl.userinfo_extra dd a, .postbitlegacy dl.user_rep dd {
    padding: 10px 0!important;
}
/* post thanks collapse */
.thankscollapsecontainer{
    padding: 0!important;
    border-bottom: 0 solid #ddd!important;
}
.postbitlegacy .userinfo {
    padding: 27px 39px!important;
    width: 250px;
}
#pagetitle {
    padding: 15px 0!important;
}
.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2 {
    padding: 15px 0!important;
}

.toolsmenu {
    padding: 7px 0;
}
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
    padding: 10px 0;
}
.blockhead {
    padding: 10px;
}
.threadlisthead {
    padding: 15px 0;
}
.forumhead {
    padding: 8px 0;
}
/*-- some popmenu --*/
* html .navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu a.textcontrol, .navpopupmenu a.popupctrl, .navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu.popupmenu.nohovermenu a.popupctrl {
    padding: 10px;
}
/*-- main button --*/
.actionbuttons .group .button {
    padding: 10px;
}
/*-- moderation pop menu --*/
#inlinemod_formctrls a.popupctrl span.ctrlcontainer {
    padding: 10px;
}
/*-- secondary box button --*/
.textcontrols a, a.textcontrol {
    padding: 10px;
}
/*--- what's going on stuff ---*/
.wgo_block .section {
    padding: 0!important;
}
.wgo_block .section .customwgo {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 2em;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align:center;
}
.wgo_block .section div, .wgo_block .section ol {
    padding-top: 10px;
}
.wgo_block .section ol,
.wgo_block .section div {
    padding-left: 80px;
    padding-top: 10px;
    padding-bottom: 15px;
    position: relative;
    min-height: 75px;
}
.wgo_block #wgo_legend div {
    padding-left: 10px;
}

.wgo_block .section div ol{min-height:auto;}

.wgo_block .blocksubhead {
    font-weight: normal!important;
}
/*--- sidebar arrows---*/
#sidebar_container {
    padding-top: 0;
}
#sidebar_container .blocksubhead {
    box-sizing: content-box
}
#sidebar_container .blocksubhead {
    position: relative;
}
#sidebar_container a.collapse {
    position: absolute!important;
    right: 10px;
    top: 10px!important;
}
/*--- custom search box ---*/
.globalsearch {
    top: 4px;
    right: 67px;
    width: 150px;
    height: 46px;
    line-height: normal;
}
.globalsearch .search-form input[type=submit][type=submit] {
    position: absolute;
    right: -63px;
    top: 0;
    margin: 0!important;
    line-height: 22px;
    padding: 10px 11px;
    border: none;
    width: 54px;
    height: 48px;
    border-radius: 0 !important;
}


.globalsearch .search-form input[type="text"] {
    height: 46px;
    width: 150px!important;
    padding-right: 0!important;
    padding-left: 10px!important;
    -webkit-transition: width 1s ease, height 1s ease;
    -moz-transition: width 1s ease, height 1s ease;
    -o-transition: width 1s ease, height 1s ease;
    -ms-transition: width 1s ease, height 1s ease;
    transition: width 1s ease, height 1s ease;
}
.globalsearch .search-form {
    height: 46px;
}
/*--- custom footer works ---*/
.footwrap {
    margin: 0 auto;
    width: 90%
}
.footerwrap .nav a:hover, .footer-logo a:hover {
    opacity: 0.8
}
.footerwrap2 {
    padding: 10px 0!important;
    font-size: 16px;
    line-height: 1.5;
}

.footerwrap {
    padding: 30px 0 0!important;
    font-size: 16px;
    line-height: 1.5;
}
.footer-default .nav-small li:first-child a {
    padding-left: 0;
    border-left: 0;
}
.footerwrap .nav-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 1em;
}
.footerwrap .col-copyright small {
    display: block;
    font-size: 13px;
    padding: 1em 0;
    text-align: right;
}
.footerwrap .nav-small li {
    float: left!important;
    position: relative;
    display: block;
}
.footerwrap .nav-small li a {
    border-left: 0;
    font-size: 13px;
    padding: 1em 1.4em;
    display: inline-block;
}
.footerwrap .row-small {
    clear: both;
    margin-top: 40px;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}
.footerwrap .socialcolumn li {
    float: left!important;
    padding-left: 10px;
}
.footerwrap .footer-logo {
    padding-bottom: 20px!important;
}
.footersmallcolumn {
    width: 17%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px!important;
}
.footerwrap .socialcolumn {
    float: right;
    width: auto;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.footerwrap .row-small [class^="col"] {
    position: static;
}
.footerwrap .socialcolumn li:first-child {
    padding-left: 0;
}
.row2:after, .nav:after {
    clear: both;
    content: " ";
    display: table;
}
.row2 {
    clear: both;
    margin-left: 0;
    margin-right: 0;
}
/*--- footer socialicons --*/
.toplinks ul.nouser .material-icons{margin-right:3px;}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 'STselection';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.mysocialicons li{margin-top:0;}
.mysocialicons .fa-2 {
    font-size: 2em;
    border-radius: 50%;
    width: 48px;
    height: 48px;line-height: 48px;
    text-align:center;
}
.footwrap .material-icons{position:relative;font-size:18px;top:-2px;margin-right:2px;}
.footer_links {
    display: block;
    min-height: 39px;
    line-height: 39px
}

.breadcrumb {padding: 15px 0}
#inlinemod_formctrls .popupctrl, .navpopupmenu a.popupctrl, a.textcontrol, .button {
    -moz-border-radius: 30px!important;
    -webkit-border-radius: 30px!important;
    border-radius: 30px!important;
}
.textbox, textarea, select {
    padding: 10px;
    border: 0!important;
    border: none!Important;
    font-size: 13px;
    line-height: 22px;
    outline: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.forum_info, .forum_info .options_block_container, .thread_info .options_block_container {
    margin-top: 15px;
}
/*---- Top Link Styling ----*/
.toplinks ul.isuser li a .material-icons {
    margin-right: 4px;
}
.toplinks ul.isuser, .toplinks ul.nouser {
    width: 100%
}
.toplinks .notifications a.popupctrl.active {
    padding-left: 10px;
    padding-right: 20px;
}

.toplinks ul.nouser li#fb_headerbox a, .toplinks ul.isuser li#fb_headerbox a {
    padding: 0!important;
    margin-top: 5px!important;
    margin-right: 5px!important;
}
.toplinks ul.nouser {
    position: relative;
    top: -2px;
}

.toplinks {
    z-index: 999;
}
.toplinks {
    position: relative;
    right: auto;
    height: 52px;
    line-height: 52px;
}
.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active, .toplinks .notifications a.popupctrl.active, .toplinks ul.isuser li.welcomelink:hover, .toplinks ul.isuser li a:hover, .toplinks .nonotifications a.popupctrl, .toplinks ul.isuser li.welcomelink, .toplinks ul.isuser li a {
    padding-top: 0;
    padding-bottom: 0;
}
.toplinks .logindetails {
    background: transparent none;
    height: auto;
    padding: 0;
}
.toplinks form input.textbox {
    width: 125px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #fff;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
    -webkit-transition: width 1s ease, height 1s ease;
    -moz-transition: width 1s ease, height 1s ease;
    -o-transition: width 1s ease, height 1s ease;
    -ms-transition: width 1s ease, height 1s ease;
    transition: width 1s ease, height 1s ease;
}
.toplinks ul.isuser .notifications .popupbody li a span {
    left: 10px;
}
.toplinks ul.nouser li a {
    height: 30px;
    line-height: 22px;
    border-radius: 30px;
    padding: 5px 10px!important;
    position: relative;
    margin-top: 10px!important;
}
.toplinks ul.isuser li a {
    font-weight: normal;
}
.toplinks form input.loginbutton {
    height: 35px!important;
    padding: 5px 10px!important;
    border: 0!important;
}
.toplinks ul.isuser {
    padding-top: 6px;
    padding-bottom: 6px;
}
.toplinks ul.isuser li.welcomelink a, .toplinks ul.isuser li, .toplinks ul.isuser li a {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 40px;
    display: inline-block;
}
.toplinks ul.isuser .notifications .popupbody li a{display: block;float:none;clear:none;}

.toplinks .notifications a.popupctrl:hover, .toplinks .notifications a.popupctrl {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 20px;
    -webkit-border-radius: 30px!important;
    -moz-border-radius: 30px!important;
    border-radius: 30px!important;
}
.toplinks ul.isuser .notifications .popupbody li a,
.toplinks ul.isuser .notifications .popupbody {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;

}

.toplinks .notifications a.popupctrl {
    background-position: calc(100% - 7px) center!important;
}
/*-- cms styling---*/

.leftcol .article_preview {
    width: 88%;
}
.article_width {
    padding: 20px;
    width: 94%;
    margin-top: 5px;
}
div.article_preview {
    padding: 20px;
    float: none!important;
    display: inline-block;
    overflow: hidden;
    width: 94%;
}
.leftcol {
    float: none;
    display: inline-block;
    width: 48%;
    overflow: hidden;
}
.rightcol {
    float: none;
    display: inline-block;
    vertical-align: top;
}
.fullwidth {
    clear: none;
}
.article_width, div.article_preview, .widget_content {
    -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    -khtml-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    -khtml-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    -khtml-box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
.body_wrapper {
    background: transparent none;
}
.vBContent .header {
    border-bottom: 0 dotted #425769;
}
.cms_separator {
    border-top: 0 dotted #c8c8c8;
}
.cms_article_readmore img {
    display: none
}
.cms_article_readmore a {
    -moz-border-radius: 30px!important;
    -webkit-border-radius: 30px!important;
    border-radius: 30px!important;
    padding: 5px 15px !important;
}
.globalsearch label {
    padding: 0;
}
.article, .cms_article_txt_content {
    font-size: 16px;
    line-height: 20px;
}
.cms_widget_header h3 {
    padding: 10px;
}

.vBContent .header, .article_title {
    font-size: 20px;
    margin: 0;
    margin-bottom: 15px;
}
h3.article_preview {
    font-size: 20px;
}
.main_menuitem, .active_menuitem {
    font-size: 14px;
}
.main_menuitem a, .active_menuitem a {
    padding: 8px 4px;
}
.vb-tree-menu .ygtvitem {
    font-size: 14px;
}


/*-- pagination styling---*/
.below_threadlist .threadpagenav .pagination {
    margin-top: 65px;
}
.below_postlist .pagination_bottom .pagination {
    margin-top: 20px!important;
}
.pagination span a {
    height: auto;
}
.pagination span {
    height: 30px;
}
.threadbit .pagination dd span {
    height: auto!important;
}
.below_postlist .pagination_bottom {
    margin-top: 0;
    height: auto!important;
    min-height: 70px;
}
.below_postlist .pagination_bottom .pagination {
    display: block!important;
    margin-bottom: 1em;
    margin-top: 20px;
}
.below_postlist {
    margin-top: 15px;
    min-height: 70px;
}
.pagination span a.popupctrl {
    background-position: 5px center!important;
}
.pagination span.selected a, .pagination span a {
    padding: 4px 8px;
}
.below_postlist, .above_postlist, #above_postlist, .pagination_top {
    width: 100%;
    float: none;
    clear: none;
    display: inline-block!important;
    right: auto;
    left: auto;
    height: auto!important;
}
.userprof #above_postlist{width: 60%;right:0!important}
.navpopupmenu {
    float: none;
    width: 99%;
    display: block!important;
    right: auto;
    left: auto;
    margin-left: 0;
    margin-top: 10px;
}
/* fix bottom buttom cannot click */
.navpopupmenu.popupmenu.nohovermenu{
    float: right;
    margin-bottom: 24px;
}
.pagination_top {
    padding-top: 15px;
}

.mobilenavwrap a.collapse, .mobilenavwrap .blockhead {
    display: none
}
.mobilenavwrap a.collapse {
    top: 8px;
    position: absolute!important;
}

.mobilenavwrap a.searchm,.mobilenavwrap a.home {
    display: none;
}
.mobilenavwrap .home {
    top: 8px;
    left: 10px;
    position: absolute!important;
}
.mobilenavwrap .searchm {
    top: 8px;
    left: 50px;
    position: absolute!important;
}
.mobilenavwrap .blockhead {
    text-align: right;
    padding-right: 40px!important;
}

/*--- userinfo nav ---*/
.mobileusernavwrap a.collapse, .mobileusernavwrap .blockhead {
    display: none
}
.mobileusernavwrap a.collapse {
    top: 5px;
    position: absolute!important;
}

/* blog styling */
.blog #content_container {
    padding-top: 20px;
}
#blog_user_sidebar .blocksubhead a.collapse {
    right: 25px;
}
#blog_user_sidebar .blocksubhead.moveable, #sidebar_container #blog_sidebar_generic .blocksubhead.smaller {
    font-size: 16px;
    line-height: 24px;
}

.blogitems #vb_bloglatest_latest span, .blogitems #vb_bloglatest_latest_link a, #whatsnewsidebar div.blocksubhead.smaller a {
    font-size: 14px;
}
.continuereading img {
    display: none
}
.continuereading a {
    -moz-border-radius: 30px!important;
    -webkit-border-radius: 30px!important;
    border-radius: 30px!important;
}
#blogentries {
    width: 94%;
}
#userinfoblock, #blogentries, .blog #content_inner {
    padding: 20px;
    margin-left: 0;
}

.blog #pagetitle {
    border-bottom: 0 solid #425769;
}
.blog #pagetitle h1 {
    font-size: 26px;
}
.blogentrybit h4 {
    font-size: 16px;
}
.blogcontent {
    font-size: 14px;
}
.navtabs li.selected a.navtab {
    position: relative;
    top: -0px;
    padding-top: 0;
    z-index: 10;
}.navtabs ul {
     padding: 0!important;
 }
.navpopupmenu .popupctrl .ctrlcontainer {white-space:normal!important;}
.vba_module .bbcode_container{text-align:center}
/*--- temporary measure ---*/
.vba_module iframe,
.adv_custom iframe{width:100%!important;}
.vba_module img,
.adv_custom img{max-width:100%!important;}

/* IE9, IE8, IE7, IE6 */
.toplinks form input {vertical-align:middle\9; }
.toplinks form input{line-height:12px\9;}
/* I10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .toplinks form input {vertical-align:middle; }
    .toplinks form input{line-height:12px;}
}


/* CSS Document */

/* XXXXXXX--------------------- RANGE 0  --------------------XXXXXX */
/* XXXXXXX---- Style range0 overrides for: 0 to 320px -----XXXXXX */
/* XXXXXXX--------------------- RANGE 0  --------------------XXXXXX */
@media (max-width: 320px) {
    html .page__main {
        margin: 0 0 24px;
    }

    html .vBContent .searchbits .threadbit .threadlastpost {
        padding-left: 40px !important;
    }

    html .vBContent .below_threadlist .threadpagenav .pagination {
        margin-top: 15px;
    }

    html .vBContent .above_threadlist .threadpagenav {
        bottom: -5px !important;
    }

    html .vBContent #above_postlist {
        position: relative !important;
        width: 100% !important;
        right: auto !important;
        margin-bottom: 10px;
    }

    html .vBContent .postbit .postuseravatarlink img {
        width: 100%;
    }

    html .vBContent #vsastats_lpdiv table tr td {
        white-space: normal !important;
        padding-bottom: 3px !important;
        border-bottom: 1px solid #eee;
    }

    html .vBContent #vsastats_lpdiv table tr td {
        width: 70% !important;
        white-space: normal !important
    }

    html .vBContent .thanksresp {
        display: block !important;
    }

    html .vBContent .postbit .userinfo .userinfo_extra dd.collapse,
    html .vBContent .postbitlegacy dl.userinfo_extra dd.collapse {
        padding-left: 10px !important;
    }

    html .vBContent .postbit .username_container,
    html .vBContent .postbit .postuseravatarlink {
        text-align: center;
        margin-left: 0;
        float: none;
    }

    html .vBContent #vsastats_fdiv::after {
        content: 'Latest Posts';
        display: block;
        color: #3e3e3e;
        background: #e7e7e7 none repeat-x;
        padding: 4px 10px 4px 10px;
    }

    html .vBContent #vsastats_fdiv,
    html .vBContent #vsastats_lpdiv {
        width: 100% !important
    }

    html .vBContent #vsa_fh_stats #vsastats_lpdiv,
    html .vBContent #vsa_fh_stats #vsastats_udiv,
    html .vBContent #vsa_fh_stats #vsastats_fdiv {
        display: block;
        width: 100%
    }

    html .vBContent #vsa_fh_stats .hidevsa {
        display: none
    }

    html .vBContent .pre-spoiler input {
        margin-left: 0 !important;
        width: 250px !important;
        white-space: normal !important;
        text-align: left !important;
    }

    html .vBContent .forumbit_post .forumdescription img {
        max-width: 100%
    }

    html .vBContent .formcontrols .blockrow .dbtech_shouts {
        width: 93%;
    }

    html .vBContent .formcontrols .blockrow .dbtech_shoutarea_left {
        width: 100%;
        margin-bottom: 10px;
    }

    html .vBContent #cookieControlWrapper div {
        width: 70% !important;
    }

    /* dbtect paypal donate */
    html .vBContent #dbt_vbd_boxswitch .blockrow span {
        margin-left: 0 !important;
    }

    html .vBContent #dbt_vbd_boxswitch .blockrow {
        white-space: normal !important;
    }

    /* vsa advanced registration */
    html .vBContent .manage_advreg .blockhead.blockheadstyle a {
        display: block;
        color: #ffffff;
        border-radius: 30px;
        background: #2ebd59 none;
        padding: 4px 15px;
        margin-bottom: 6px;
    }

    html .vBContent #vsaaregedit .blockhead {
        height: auto !important;
    }

    html .vBContent .manage_advreg .blockheadstyle {
        height: auto !important;
        background: rgb(255, 255, 255) none;
    }

    html .vBContent .advreg_row1 .blockrow .withborder {
        border-left: 5px;
        border-color: #cccccc;
        border-style: solid;
    }

    html .vBContent .advreg_mod .blockrow,
    html .vBContent .advreg_question .blockrow,
    html .vBContent .advreg_invitestats .blockrow,
    html .vBContent .advreg_activeuser .blockrow,
    html .vBContent .advreg_row1 .blockrow {
        text-align: left !important;
        display: block;
        width: 98%;
        float: left;
        clear: both;
        white-space: normal !important;
    }

    html .vBContent .advreg_show {
        display: inline-block;
        font-weight: bold;
    }

    html .vBContent .advreg_hide {
        display: none !important
    }

    html .vBContent .advreg_row1 .blockrow pre {
        white-space: normal;
        width: 80%;
    }

    /* poll fix */
    html .vBContent #pollinfo .blockhead .stats {
        padding-right: 20px;
    }

    html .vBContent #pollresults li:first-child {
        border-bottom: 0
    }

    html .vBContent #pollresults .blockrow {
        border-bottom: 1px solid #cedfeb !important;
    }

    html .vBContent #pollinfo .blockhead {
        padding-left: 0;
    }

    html .vBContent #pollinfo .blockhead h2 {
        padding-left: 10px;
    }

    html .vBContent #pollresults li p {
        width: 90%;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    html .vBContent .polloptionsblock {
        padding-left: 0;
        background: #f3f3f3 none;
    }

    html .vBContent #pollinfo {
        padding-right: 0;
        margin: 10px 10px 0;
    }

    html .vBContent #pollresults {
        width: 97%;
    }

    html .vBContent #pollresults li .votes .pollbarwrapper {
        width: 43%;
    }

    html .vBContent #pollresults li .votes {
        min-width: 100%;
        width: 100%;
    }

    html .vBContent .formcontrols ul.multifield {
        margin-left: 0;
        max-width: 320px;
    }

    html .vBContent .postbit_reputation {
        padding: 0 10px 10px;
    }

    /* header 2 ads */
    html .vBContent #ad_global_header2 img {
        max-width: 95%;
    }

    html .vBContent .logo-image {
        padding-bottom: 10px;
    }

    html .vBContent .ad_global_header {
        width: 100%;
        margin-top: 0;
        margin-right: 0;
        text-align: center;
    }

    /* user profile */
    html .vBContent .postbitlegacy dl.user_rep {
        background: #f5f5f5;
    }

    html .vBContent .profile_content .blockbody img {
        max-width: 80%;
    }

    html .vBContent .signaturecontainer img,
    html .vBContent #pagetitle img {
        max-width: 100%;
    }

    html .vBContent .profile_content .postbit-lite .vm_blockrow .entrycontrols {
        margin-top: 10px;
        background: transparent none !important;
    }

    html .vBContent .profile_content .blockbody {
        padding: 10px !important;
    }

    html .vBContent #view-vbactivity .activity_summary {
        width: 100%;
    }

    html .vBContent .aboutme_right {
        margin-left: 0;
    }

    html .vBContent #view-vbactivity table tr td {
        width: 100% !important;
        display: block !important;
        float: left !important;
        clear: right !important;
    }

    html .vBContent .postbit-lite .avatarlink img {
        max-height: 40px;
        width: 40px;
    }

    html .vBContent .userprof_vmright {
        margin-left: 50px;
    }

    /* whoisonline */
    html .vBContent .whoinfo {
        padding: 1em 2px;
        font-size: 11px;
        text-align: left;
    }

    /* album */
    html .vBContent .album_pagination_top {
        float: none;
        clear: both;
        margin: 5px 0;
        display: block;
        width: 50% !important;
        text-align: center !important;
    }

    html .vBContent .album_pagination_top .newcontent_textcontrol {
        float: none;
        clear: none;
        left: 0;
        width: 100% !important;
        margin: 0 auto;
        position: relative;
    }

    html .vBContent .album_pagination_top {
        float: none;
        clear: both;
        margin: 5px 0;
        display: block;
        width: 50% !important;
        text-align: center !important;
    }

    html .vBContent .album_pagination_top .newcontent_textcontrol {
        float: none;
        clear: none;
        left: 0;
        width: 100% !important;
        margin: 0 auto;
        position: relative;
    }

    html .vBContent #album_content .content {
        margin-right: 0 !important;
    }

    html .vBContent #latestalbumcontainer {
        padding: 10px !important;
    }

    html .vBContent #album_sidebar {
        width: 100%;
    }

    html .vBContent #latestalbumcontainer li {
        float: none;
        padding: 10px 10px;
        width: 75%;
        min-height: 100px;
        height: auto;

    }

    /*  subscribed  */
    html .vBContent #usercp_content .threadbit .nonsticky a.threadstatus,
    html .vBContent #usercp_content .threadbit .sticky a.threadstatus {
        width: 25px !important;
        background-size: 90% !important;
    }

    html .vBContent #usercp_content .threadbit .threadtitle {
        margin-top: 5px !important;
        margin-right: 0 !important;
        font-size: 11px !important;
    }

    html .vBContent #usercp_content .threadimod {
        top: 5px !important;
    }

    html .vBContent .threadlisthead span.threadnotification {
        width: 30%;
    }

    html .vBContent #usercp_content .threadbit .threadinfo {
        min-width: 40%;
        width: 42%;
        display: inline-block !important;
    }

    html .vBContent #usercp_content #socialgrouplist .threadbit .threadinfo {
        width: 100%;
    }

    html .vBContent #usercp_content .threadbit .threadstats li {
        padding-left: 10px !important;
    }

    html .vBContent #usercp_content .threadbit .threadlastpost {
        width: 100% !important;
        height: auto !important;
        display: inline-block !important;
        float: left !important;
        clear: right !important;
        padding-left: 10px !important;
        padding-right: 5px;
        font-size: 10px;
    }

    html .vBContent #usercp_content .threadbit .threadmeta {
        padding-left: 0!important;
    }

    html .vBContent .threadbit .threadnotification {
        width: 10% !important;
        display: inline-block !important;
    }

    /* group search fix */
    html .vBContent .threadbit .discussionrow.hasstatus .threadmeta,
    html .vBContent .threadbit .discussionrow.hasstatus .threadtitle {
        padding-left: 0 !important;
    }

    html .vBContent #groupsearch {
        margin: 0 auto;
        float: none;
        width: 80%;
        border-width: 1px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        border-radius: 13px;
        padding: 5px 5px;
        margin-top: 10px;
    }

    html .vBContent .navtabs {
        overflow: hidden
    }

    /*--hide off padding under it, ugly without padding --*/
    html .vBContent .navtabs li a.navtab,
    html .vBContent .navtabs ul li {
        width: 100% !important;
        display: block !important;
        float: left !important;
        clear: right !important;
    }

    /*-- first post fat ads responsive --*/
    html .vBContent #ad_thread_first_post_content {
        float: none;
        clear: both;
    }

    html .vBContent .hasad {
        margin-right: 0;
    }

    /*-- Make the Facebook Like box responsive --*/
    html .vBContent #fb-root {
        display: none;
    }

    html .vBContent .fb_iframe_widget,
    html .vBContent .fb_iframe_widget span,
    html .vBContent .fb_iframe_widget span iframe[style] {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    html .vBContent .ads_responsive img {
        max-width: 100%
    }

    html .vBContent .ads_responsive {
        width: 320px;
        height: 100px;
    }

    html .vBContent .footerwrap .row-small {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html .vBContent .threadimod {
        position: absolute;
        top: -10px;
        right: 3px;
        z-index: 121;
        width: 15px;
        height: 15px;
    }

    html .vBContent .threadbit .threadinfo {
        z-index: 12;
    }

    html .vBContent .threadbit .nonsticky,
    html .vBContent .threadbit .deleted,
    html .vBContent .threadbit .discussionrow,
    html .vBContent .threadbit .ignored {
        border-left: 0;
        border-right: 0;
        position: relative;
    }

    html .vBContent .yui-tvb-l3 .yui-b {
        float: none !important;
        width: 100% !important;
        z-index: 6;
        clear: both;
    }

    html .vBContent .yui-tvb-l3 #yui-main .yui-b {
        margin-left: 0 !important;
    }

    html .vBContent .yui-tvb-l1 #yui-main,
    html .vBContent .yui-tvb-l2 #yui-main,
    html .vBContent .yui-tvb-l3 #yui-main,
    html .vBContent .yui-tvb-l4 #yui-main {
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        z-index: 888;
    }

    html .vBContent #ad_global_below_navbar table tr td {
        width: 100%;
        display: block !important;
    }

    html .vBContent .mobilenavwrap a.searchm,
    html .vBContent .mobilenavwrap a.home {
        display: block;
    }

    html .vBContent .sendmessage {
        width: 250px;
    }

    html .vBContent .formcontrols .blockrow .primary.full {
        width: 99%;
    }

    /*--- vsa chatbox --*/
    html .vBContent .vsahide {
        display: none
    }

    html .vBContent #vsacb_messagearea .shade {
        display: none;
    }

    /*--- vbadvanced --*/
    html .vBContent .vbahide {
        display: none
    }

    html .vBContent .vbaL,
    html .vBContent .vbaR {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    html .vBContent .vbaL,
    html .vBContent .vbaR,
    html .vBContent .vbaC {
        display: block;
        width: 100%;
        float: left;
        clear: right
    }

    html .vBContent .hidewhomsg, .hidewhotime, .hidewhoip {
        display: none
    }

    html .vBContent .mobilestats {
        display: inline-block
    }

    html .vBContent .forumbit_post .forumlastpost {
        padding: 18px 0 !important;
    }

    html .vBContent #backtotop {
        right: 30px;
        bottom: 180px;
    }

    /* search result */
    html .vBContent .searchbits .threadlastpost dt, .searchbits .threadbit .threadlastpost dd .time, .searchbits .threadbit .threadmeta, .searchbits .threadbit .threadpostedin, .searchbits .threadbit .threadstats {
        display: none !important
    }

    html .vBContent .searchbits .threadlastpost dd {
        overflow: visible;
        margin: 0 5px 0 5px;
    !important
    }

    /* whos online */
    html .vBContent #who_online_block_2, #who_online_block_1 {
        width: 100%;
        float: none;
    }

    /* groups */
    html .vBContent #picturecontrols {
        float: none;
        clear: none;
        margin-right: 0;
        display: block;
    }

    html .vBContent #picturecontrols li {
        float: none;
        clear: none;
        width: 100%;
        margin-left: 0;
        height: 45px;
        display: block;
    }

    html .vBContent #group_message_inlinemod_form .blockfoot {
        height: 60px;
        padding-top: 10px;
    }

    html .vBContent #group_message_inlinemod_form .postbit-lite .postbithead {
        margin-left: 0;
        text-align: center;
        padding: 5px 0;
    }

    html .vBContent #group_message_inlinemod_form .postbit-lite .avatarlink {
        float: none;
        clear: none;
        text-align: center;
        display: block !important;
    }

    html .vBContent #group_message_inlinemod_form .postbit-lite .postbitfoot {
        display: none;
    }

    html .vBContent #content_container.contentright #content {
        margin-left: 0;
    }

    html .vBContent #content_container.contentright {
        float: none;
        width: 100%;
        clear: none;
        display: block;
        margin-left: 0 !important;
    }

    html .vBContent #sidebar_container.sidebarleft, .grouplist {
        float: none;
        width: 100% !important;
        clear: none;
        display: block;
    }

    html .vBContent .postbit-lite .posttext, #recentgroups {
        margin-left: 0;
        margin-right: 0;
    }

    html .vBContent #mygroups {
        margin-right: 0;
        margin-left: 0;
    }

    /*--- Blog --*/
    html .vBContent #blog_sidebar_generic div.smallavatartext {
        margin-top: 0;
        font-size: 13px;
        margin-right: 0;
        margin-left: 0;
        width: 85%;
    }

    html .vBContent .postbit-lite .avatarlink {
        display: block;
    }

    html .vBContent .postbit-lite .postbitfoot {
        float: none;
        display: inline-block;
        width: 100%;
    }

    html .vBContent .entrycontrols {
        margin-top: 20px;
        background: #e4e4e4;
        text-align: center;
        padding: 10px 0;
    }

    html .vBContent .postbit-lite .postbithead {
        float: none;
        width: 100%;
        display: inline-block;
    }

    html .vBContent .postbit-lite .commenthead, #content_inner, li.blogentrybit h4, li.blogentrybit div.blogbit {
        margin-left: 0;
        margin-right: 0;
    }

    html .vBContent .below_blogentry {
        display: block;
        clear: none;
        float: none;
    }

    /*--- editor --*/
    html .vBContent .formcontrols .blockrow dl.dep_group dd,
    html .vBContent .formcontrols .blockrow .dep_group .deps {
        margin-left: 0;
        margin-right: 0;
    }

    html .vBContent .blockrow.posticons table {
        width: 100%;
    }

    html .vBContent .editor_smiliebox ul.smiliebox, .editor_smiliebox {
        height: auto;
    }

    html .vBContent .editor_smiliebox {
        float: none;
        width: 100%;
    }

    html .vBContent .editor_textbox_container.smilie {
        margin-right: 0;
    }

    html .vBContent .editor_textbox_container {
        float: none;
    }

    html .vBContent .editor_smiliebox {
        float: none;
        width: 100%;
    }

    html .vBContent .editor_textbox_smilie {
        margin-right: 0;
    }

    html .vBContent .posticons table tr td {
        display: inline-block !important
    }

    html .vBContent .cke_skin_kama .cke_toolgroup {
        white-space: normal !important;
        display: inline-block !important
    }

    /*--- album --*/
    html .vBContent #album_content .content {
        margin-right: 0;
    }

    html .vBContent #album_content {
        width: 100%;
        float: none;
        margin-right: 0;
        clear: none;
    }

    html .vBContent #pictureurls {
        float: none;
        padding-bottom: 10px;
        width: 100%;
    }

    html .vBContent #pictureurls input.textbox {
        width: 100%;
    }

    html .vBContent #picturelink img {
        max-width: 100%;
        width: 100%
    }

    html .vBContent #picturestats {
        margin-right: 0;
    }

    html .vBContent #picturecaption {
        margin-right: 0;
    }

    html .vBContent #picturecontainer {
        margin: 0;
        display: inline-block;
        width: 90%;
    }

    /*------ Calendar ------*/
    html .vBContent .eventcontent img {
        max-width: 100%
    }

    html .vBContent .eventcontent a {
        word-break: break-all !important;
        white-space: normal !important
    }

    html .vBContent #calendar_content .blockhead {
        min-height: 35px;
    }

    html .vBContent #calendar_nav #neweventbutton {
        width: 166px;
        height: 16px;
        line-height: 16px;
    }

    html .vBContent .quarter .calendar.mini {
        width: 100%;
        float: none;
        display: block;
        margin-right: 0;
    }

    html .vBContent .calendar .events a.daynum {
        font-size: 60px;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        vertical-align: top
    }

    html .vBContent .calendar .blocksubhead {
        display: none;
    }

    html .vBContent .calendar .events {
        position: relative;
        display: inline-block;
        width: 100%;
    }

    html .vBContent #calendar_main {
        clear: right;
        margin-right: 0;
        display: block;
    }

    html .vBContent #calendar_nav {
        float: left;
        clear: right;
        width: 100%;
    }

    html .vBContent #calendar_content {
        display: block;
        margin-right: 0;
    }

    html .vBContent .calendar form {
        min-height: 99px;
        float: none;
        clear: none;
    }

    html .vBContent .calendar form a.textcontrol {
        margin-top: 8px;
        display: inline-block;
    }

    /*------ CMS ------*/
    html .vBContent .yui-tvb-r40, .yui-tvb-l60 {
        width: 100%;
        float: none;
        clear: none;
        display: block;
    }

    div.article_preview {
        width: 87%;
    }

    html .vBContent #doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {
        min-width: 100%;
    }

    html .vBContent .cms_article_preview_image, .showpreviewonly object, .showpreviewonly iframe {
        width: 100%;
        float: none;
        clear: none;
        display: inline-block;
    }

    html .vBContent .cms_widget .block, .fullwidth, .cms_widget_content {
        width: 100%;
        padding: 0 !important
    }

    html .vBContent .yui-tvb-r3 #yui-main {
        float: none;
        clear: none;
        margin-right: 0;
    }

    html .vBContent .yui-gf .yui-u, .yui-gf div.first {
        width: 100%;
        float: none;
        clear: none;
    }

    html .vBContent .yui-tvb-r3 #yui-main .yui-b, .yui-tvb-r3 #yui-main .yui-b {
        margin-right: 0;
    }

    html .vBContent .yui-tvb-r3 .yui-b, .leftcol, .rightcol {
        float: none;
        clear: none;
        width: 100%;
    }

    html .vBContent .yui-tvb-l3 .yui-b {
        float: none !important;
        width: 100% !important;
        z-index: 6;
        clear: both;
    }

    html .vBContent .yui-tvb-l3 #yui-main .yui-b {
        margin-left: 0 !important;
    }

    html .vBContent .yui-tvb-l1 #yui-main,
    html .vBContent .yui-tvb-l2 #yui-main,
    html .vBContent .yui-tvb-l3 #yui-main,
    html .vBContent .yui-tvb-l4 #yui-main {
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        z-index: 888;
    }

    /*---- toplinks mobile styling ----*/
    html .vBContent .toplinks ul.nouser {
        display: block;
        float: none;
        clear: none;
        width: 100%;
    }

    html .vBContent .toplinks form input.textbox {
        width: 85px;
    }

    html .vBContent .toplinks ul.nouser #fb_headerbox {
        position: absolute;
        top: 99px;
        right: 5px;
    }

    html .vBContent .toplinks {
        height: auto;
    }

    html .vBContent .toplinks .help a {
        text-align: center;
        display: inline-block;
        width: 45%;
        padding: 4px !important;
        margin-top: 0 !important;
        position: absolute;
        top: 5px;
        left: 5px;
        margin-right: 0 !important;
    }

    html .vBContent .toplinks .register a {
        text-align: center;
        display: inline-block;
        width: 45%;
        padding: 4px !important;
        margin-top: 0 !important;
        position: absolute;
        top: 5px;
        right: 5px;
        margin-right: 0 !important;
    }

    html .vBContent .toplinks ul.nouser li {
        display: block;
    }

    html .vBContent .toplinks .loginforum {
        display: inline-block !important;
        width: 100%;
        margin-top: 55px;
    }

    /*--mobile menu --*/
    html .vBContent .mobilenavwrap a.collapse, .mobilenavwrap .blockhead {
        display: block
    }

    html .vBContent .mobileusernavwrap a.collapse, .mobileusernavwrap .blockhead {
        display: block
    }

    html .vBContent .toolsmenu ul {
        float: none;
        width: 100%;
    }

    html .vBContent .popupbody li.formsubmit {
        background: transparent none;
    }

    body {
        min-width: 100%;
    }

    html .vBContent .body_wrapper {
        padding: 5px;
    }

    html .vBContent .td {
        display: block;
    }

    /*-- search in mobile --*/
    html .vBContent .globalsearch {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        float: left;
        clear: none;
        text-align: left;
    }

    html .vBContent .globalsearch .search-form input[type="submit"][type="submit"] {
        right: 0;
    }

    html .vBContent .globalsearch .search-form input[type="text"] {
        width: 96% !important;
        -webkit-appearance: none;
        border-radius: 0;
    }

    html .vBContent .breadcrumb {
        clear: both;
        padding-top: 20px;
    }

    /*----memberlist ---*/
    html .vBContent #charnav dd {
        width: 25px;
    }

    html .vBContent #charnav dt {
        float: none;
        width: 100%;
        display: inline-block;
    }

    /*----faq---*/
    html .vBContent .formcontrols .blockrow label {
        width: 100%;
        float: none;
        display: inline-block;
    }

    html .vBContent .formcontrols .blockrow .description, form .rightcol {
        display: inline-block;
        margin-left: 0;
        max-width: 100%;
        float: none;
    }

    /*-- usercp --*/
    html .vBContent #usercp_nav {
        float: none;
        clear: none;
        width: 100%;
        margin-right: 0;
    }

    html .vBContent #usercp_content .cp_content {
        margin-left: 0;
        width: 100%;
    }

    html .vBContent #usercp_content {
        width: 100%;
        float: none;
        clear: none;
        margin-left: 0;
    }

    html .vBContent #usercp_content .block {
        display: block;
        float: none;
    }

    /*-- profile --*/
    dl.tabslight {
        padding-left: 0;
        text-align: center;
    }

    dd.userprof_module, dd.userprof_moduleinactive, dd.userprof_content, dd.userprof_module a, dd.userprof_moduleinactive a, dd.userprof_content a {
        float: none !important;
        clear: none !important;
        min-width: 80% !important;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        -moz-box-shadow: 0 3px 8px transparent;
        -webkit-box-shadow: 0 3px 8px transparent;
        box-shadow: 0 3px 8px transparent;
        font-size: 14px;
        padding: 10px 20px 10px 20px;
        border: 0;
        display: inline-block;
        color: #fff !important;
        margin-bottom: 5px;
    }

    html .vBContent #userprof_content_container {
        margin-left: 0;
        display: inline-block;
        width: 100%;
    }

    /*-- forumdisplay --*/
    html .vBContent .forumbits .forumhead h2 span.forumthreadpost, .forumbits .forumhead h2 span.forumlastpost {
        display: none
    }

    html .vBContent .navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu.popupmenu.nohovermenu a.popupctrl {
        display: inline-block;
        float: none;
        clear: none
    }

    html .vBContent .navpopupmenu.popupmenu.nohovermenu {
        height: 100%;
        width: 100% !important;
    }

    /*-- postbit --*/
    html .vBContent .navlinks {
        margin-top: 40px;
    }

    html .vBContent .wysiwyg_block .actionbuttons .group .button {
        margin-top: 15px;
    }

    html .vBContent .below_postlist .pagination_bottom {
        float: none;
        display: block;
        width: 100%;
        margin-top: 25px;
        height: 44px;
    }

    html .vBContent .above_threadlist {
        height: auto;
        display: block;
    }

    html .vBContent .above_postlist, #above_postlist {
        display: block;
        text-align: center;
    }

    html .vBContent .below_postlist {
        height: 140px;
        margin-top: 10px;
    }

    html .vBContent .below_postlist .newcontent_textcontrol {
        position: relative;
        top: auto;
    }

    html .vBContent .postbitlegacy .userinfo {
        float: none;
        width: 100%;
        clear: none;
        padding: 10px 0 !important;
    }

    html .vBContent .postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
        margin-left: 0;
    }

    html .vBContent .postbitlegacy .postfoot .postcontrols, .postbit .postfoot .postcontrols {
        float: none;
        width: 100%;
        clear: none;
        display: block;
        text-align: center;
        padding-bottom: 10px;
    }

    html .vBContent .postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {
        padding-bottom: 0;
    }

    html .vBContent .postbitlegacy .postfoot .postlinking, .postbit .postfoot .postlinking {
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        display: block;
        text-align: center;
        width: 100%;
        border-top: 1px solid #ddd;
        background: #f5f5f5;
    }

    html .vBContent .postbitlegacy dl.userinfo_extra dt, .postbitlegacy dl.user_rep dt {
        margin-left: 10px;
    }

    html .vBContent .postbitlegacy .userinfo .userinfo_extra {
        float: none;
        width: 100%;
        clear: none;
    }

    html .vBContent .postbitlegacy .imlinks {
        padding-top: 5px;
        text-align: center;
    }

    html .vBContent .postbitlegacy .imlinks img {
        margin-top: 5px;
    }

    /*--- normal postbit --*/
    html .vBContent .postbit .userinfo .contact {
        display: block;
        width: 100%;
        float: none;
        clear: none;
        min-height: 90px !important;
    }

    html .vBContent .postbit .userinfo .mobileusernavwrapper {
        display: block;
        width: 100%;
        float: none;
        clear: both;
        padding-top: 10px;
    }

    html .vBContent .postbit .userinfo_noavatar .contact {
        display: block;
        width: 100%;
        float: none;
        clear: none;
        min-height: 60px;
    }

    html .vBContent .postbit .userinfo .userinfo_extra dl, .postbit .userinfo_noavatar .userinfo_extra dl {
        margin-right: 0;
        float: none;
        width: 100%;
    }

    html .vBContent .postbit .userinfo .userinfo_extra, .postbit .userinfo_noavatar .userinfo_extra {
        text-align: left;
        width: 100%;
        float: none;
    }

    /*-- threadbit --*/
    html .vBContent .threadbit .threadstats .material-icons {
        font-size: 14px !important;
        display: none;
    }

    html .vBContent .threadbit .threadstats {
        text-align: left;
        padding: 5px 0;
        width: 100%;
    }

    html .vBContent .threadbit .threadstats li {
        font-size: 12px !important;
        display: block !important;
        margin-right: 0 !important;
        padding-left: 50px !important;
    }

    html .vBContent .threadlisthead span.threadlastpost, .threadbithide, .threadbit .threadstats .hidden, .threadlisthead span.threadstats {
        display: none !important
    }

    html .vBContent .threadbit .threadstatus {
        min-height: 45px;
    }

    html .vBContent .threadbit .nonsticky a.threadstatus, .threadbit .sticky a.threadstatus {
        width: 45px;
        background-position: 1px 2px;
    }

    html .vBContent .threadbit .threadinfo {
        min-width: 100%;
    }

    html .vBContent .threadbit .threadlastpost {
        font-size: 0.8em;
        width: 67%;
        padding-top: 0;
        padding-left: 50px !important;
        padding-bottom: 10px !important;
        float: none;
        clear: none;
        display: inline-block !important;
        height: auto !important;
        text-align: left !important;
        background: transparent none !important;
    }

    html .vBContent .threadlastpost dt, .threadlastpost dd {
        display: inline-block !important;
    }

    html .vBContent .threadlastpost dt {
        font-style: italic;
    }

    html .vBContent .threadlastpost dd {
        padding-right: 5px;
    }

    html .vBContent .forum_info .options_block2 {
        margin-left: 0 !important;
    }

    html .vBContent .threadbit .threadmeta {
        display: block !important;
        padding-left: 50px !important;
        padding-right: 0 !important;
    }

    html .vBContent .below_threadlist .threadpagenav {
        margin-top: 10px;
    }

    html .vBContent .forum_info .options_block, .thread_info .options_block, .forum_info .options_block2, .thread_info .options_block2 {
        width: 100%;
        padding-right: 0;
        float: none;
        clear: none;
    }

    html .vBContent .below_threadlist .newcontent_textcontrol {
        top: auto;
        position: relative;
    }

    html .vBContent .toolsmenu li {
        float: none;
        clear: none;
        width: 100%;
    }

    html .vBContent .newcontent_textcontrol {
        float: none;
        clear: right;
        left: auto;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    html .vBContent .above_threadlist .newcontent_textcontrol {
        position: relative;
    }

    html .vBContent .above_threadlist .threadpagenav {
        float: left;
        clear: right;
        position: relative;
        right: auto;
        width: 100%;
        bottom: auto;
        display: block;
        min-height: 30px;
        margin-top: 10px;
    }

    html .vBContent .above_threadlist .threadpagenav .pagination {
        vertical-align: bottom;
    }

    html .vBContent .threadbit .threadtitle {
        margin-top: 9px;
        margin-right: 20px;
        padding-left: 50px;
        font-size: 18px;
    }

    html .vBContent .threadbit .alt {
        background: transparent none;
    }

    /*-- forumhome --*/
    html .vBContent .forumbit_post .foruminfo .forumdata .datacontainer {
        float: none;
        width: 70%;
        padding-left: 50px;
    }

    html .vBContent .forumbit_post .foruminfo .forumicon {
        width: 30px;
        height: 30px;
    }

    html .vBContent .forumbit_post .forumactionlinks {
        position: absolute;
        top: 5px;
        right: 10px;
        float: none;
        clear: none;
    }

    html .vBContent .forumbit_post .foruminfo {
        position: relative;
        width: 100%;
        min-width: 100%;
        float: none;
        clear: none;
        min-height: 35px;
        padding-bottom: 5px !important;
    }

    /*-- forum last post styling --*/
    html .vBContent .forumbit_post .forumrow .forumlastpost {
        width: 81%;
        font-size: 13px;
        padding-top: 0 !important;
        text-align: left;
        padding-left: 50px !important;
        float: none;
        clear: none;
    }

    html .vBContent .forumlastpost p.lastposttitle {
        overflow: visible;
    }

    html .vBContent .forumlastpost p.lastposttitle, .forumlastpost p.lastpostdate, .forumlastpost div.lastpostby {
        display: inline-block
    }

    /*-- vb4 default navbar break down --*/
    html .vBContent #navtabs .popupmenu ul li a {
        padding-left: 10px !important;
    }

    html .vBContent .navtabs > ul.floatcontainer li a {
        padding-left: 0 !important;
    }

    html .vBContent .navtabs > ul.floatcontainer .popupbody li a {
        background: #959595 !important;
    }

    html .vBContent .navtabs ul li {
        padding-left: 15px !important;
    }

    html .vBContent .navtabs .popupmenu .popupbody li {
        padding-left: 0 !important;
    }

    html .vBContent .navtabs .popupbody {
        width: 75%;
        position: relative !important;
    }

    html .vBContent .navtabs ul li:first-child {
        margin-left: 0;
    }

    html .vBContent .navtabs li a.navtab {
        text-align: left
    }

    html .vBContent .navtabs li {
        width: 100% !important;
        display: block !important;
        float: left !important;
        clear: right !important;
    }

    html .vBContent #vbtab_cms {
        z-index: 17;
    }

    html .vBContent .navtabs {
        padding: 0 0 0 0;
    }

    html .vBContent .navtabs ul.floatcontainer {
        width: 100% !important;
        display: block !important;
        float: left !important;
        clear: right !important;
        top: auto;
        left: auto;
        margin-right: 0;
        z-index: 15;
        position: static;
    }

    html .vBContent .navtabs, .navbar {
        height: auto;
    }

    html .vBContent #content_container {
        float: none;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    html .vBContent #content_container #content {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    html .vBContent #sidebar_container {
        float: none;
        width: 100%;
    }

    html .vBContent .wgo_block .section ol,
    html .vBContent .wgo_block .section div {
        padding-left: 10px;
    }

    /*-- the great display none --*/
    html .vBContent .forumbit_post .forumstats_2, html .vBContent .welcomelink, html .vBContent .footerwrap .nav-title, html .vBContent #sidebar_button_link, html .vBContent .forumbit_post .forumstats, html .vBContent .wgo_block .section .customwgo {
        display: none
    }

    /*-- footer break down --*/
    html .vBContent .footerwrap .row-small {
        margin-top: 0;
    }

    html .vBContent .footersmallcolumn {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0;
        display: inline-block;
        border-bottom: 1px solid #efefef;
        padding-bottom: 15px !important;
    }

    html .vBContent .footerwrap .socialcolumn {
        float: none !important;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px;
    }

    html .vBContent .footer_links li {
        display: inline-block;
        padding: 0 6px;
        margin-left: 0;
    }

    html .vBContent .footer_links {
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }

    html .vBContent .footerwrap .col-copyright small {
        padding: 0.4em 0;
        text-align: center;
    }

    html .vBContent .footerwrap2, html .vBContent .footerwrap {
        min-width: 100%;
    }

    html .vBContent .footer_select {
        float: none;
        text-align: center;
        margin-left: 0;
        display: inline-block;
        width: 100%;
    }
}
/* end range 0-320 */

/* XXXXXXX--------------------- RANGE 1 --------------------XXXXXX */
/* XXXXXXX  Style range1 overrides for: 320px to 480px XXXXXX----- */
/* XXXXXXX--------------------- RANGE 1 --------------------XXXXXX */
@media (min-width: 321px) and (max-width: 480px) {
    .page__main {
        margin: 0 0 24px;
    }

    html .vBContent .searchbits .threadbit .threadlastpost {
        padding-left: 40px !important;
    }

    html .vBContent .below_threadlist .threadpagenav .pagination {
        margin-top: 15px;
    }

    html .vBContent .above_threadlist .threadpagenav {
        bottom: -5px !important;
    }

    html .vBContent #above_postlist {
        position: relative !important;
        width: 100% !important;
        right: auto !important;
        margin-bottom: 10px;
    }

    html .vBContent .postbit .postuseravatarlink img {
        width: 100%;
    }

    html .vBContent #vsastats_lpdiv table tr td {
        white-space: normal !important;
        padding-bottom: 3px !important;
        border-bottom: 1px solid #eee;
    }

    html .vBContent .thanksresp {
        display: block !important;
    }

    html .vBContent .postbit .userinfo .userinfo_extra dd.collapse,
    html .vBContent .postbitlegacy dl.userinfo_extra dd.collapse {
        padding-left: 10px !important;
    }

    html .vBContent .postbit .username_container,
    html .vBContent .postbit .postuseravatarlink {
        text-align: center;
        margin-left: 0;
        float: none;
    }

    html .vBContent #vsastats_fdiv::after {
        content: "Latest Posts";
        display: block;
        color: #3e3e3e;
        background: #e7e7e7 none repeat-x;
        padding: 4px 10px 4px 10px;
    }

    html .vBContent #vsastats_fdiv,
    html .vBContent #vsastats_lpdiv {
        width: 100% !important
    }

    html .vBContent #vsa_fh_stats #vsastats_lpdiv,
    html .vBContent #vsa_fh_stats #vsastats_udiv,
    html .vBContent #vsa_fh_stats #vsastats_fdiv {
        display: block;
        width: 100%
    }

    html .vBContent #vsa_fh_stats .hidevsa {
        display: none
    }

    html .vBContent .pre-spoiler input {
        margin-left: 0 !important
    }

    html .vBContent .forumbit_post .forumdescription img {
        max-width: 100%
    }

    html .vBContent .formcontrols .blockrow .dbtech_shouts {
        width: 93%;
    }

    html .vBContent .formcontrols .blockrow .dbtech_shoutarea_left {
        width: 100%;
        margin-bottom: 10px;
    }

    html .vBContent #cookieControlWrapper div {
        width: 70% !important;
    }

    /* dbtech paypal donate */
    html .vBContent #dbt_vbd_boxswitch .blockrow span {
        margin-left: 0 !important;
    }

    html .vBContent #dbt_vbd_boxswitch .blockrow {
        white-space: normal !important;
    }

    html .vBContent .manage_advreg .blockhead {
        height: auto !important
    }

    html .vBContent .advreg_hide {
        display: none
    }

    html .vBContent .advreg_row1 .blockrow .withborder {
        border-left: 5px;
        border-color: #cccccc;
        border-style: solid;
    }

    html .vBContent .advreg_row1 .blockrow {
        display: block;
        width: 100%;
        float: left;
        clear: both;
    }

    html .vBContent .advreg_row1 .blockrow pre {
        white-space: normal;
        width: 80%;
    }

    /* poll fix */
    html .vBContent #pollinfo .blockhead .stats {
        padding-right: 20px;
    }

    html .vBContent #pollresults li:first-child {
        border-bottom: 0
    }

    html .vBContent #pollresults .blockrow {
        border-bottom: 1px solid #cedfeb !important;
    }

    html .vBContent #pollinfo .blockhead {
        padding-left: 0;
    }

    html .vBContent #pollinfo .blockhead h2 {
        padding-left: 10px;
    }

    html .vBContent #pollresults li p {
        width: 90%;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    html .vBContent .polloptionsblock {
        padding-left: 0;
        background: #f3f3f3 none;
    }

    html .vBContent #pollinfo {
        padding-right: 0;
        margin: 10px 10px 0;
    }

    html .vBContent #pollresults {
        width: 91%;
    }

    html .vBContent #pollresults li .votes .pollbarwrapper {
        width: 43%;
    }

    html .vBContent #pollresults li .votes {
        min-width: 100%;
        width: 100%;
    }

    html .vBContent .formcontrols ul.multifield {
        margin-left: 0;
        max-width: 320px;
    }

    html .vBContent .postbit_reputation {
        padding: 0 10px 10px;
    }

    /* header 1 ads */
    html .vBContent #ad_global_header2 img {
        max-width: 95%;
    }

    html .vBContent .logo-image {
        padding-bottom: 10px;
    }

    html .vBContent .ad_global_header {
        width: 100%;
        margin-top: 0;
        margin-right: 0;
        text-align: center;
    }

    html .vBContent .postbitlegacy dl.user_rep {
        background: #f5f5f5;
    }

    /* user profile */
    html .vBContent .profile_content .blockbody img {
        max-width: 80%;
    }

    html .vBContent .signaturecontainer img,
    html .vBContent #pagetitle img {
        max-width: 100%;
    }

    html .vBContent .profile_content .postbit-lite .vm_blockrow .entrycontrols {
        margin-top: 10px;
        background: transparent none !important;
    }

    html .vBContent .profile_content .blockbody {
        padding: 10px !important;
    }

    html .vBContent #view-vbactivity .activity_summary {
        width: 100%;
    }

    html .vBContent .aboutme_right {
        margin-left: 0;
    }

    html .vBContent #view-vbactivity table tr td {
        width: 100% !important;
        display: block !important;
        float: left !important;
        clear: right !important;
    }

    html .vBContent .postbit-lite .avatarlink img {
        max-height: 40px;
        width: 40px;
    }

    html .vBContent .userprof_vmright {
        margin-left: 50px;
    }

    /* whoisonline */
    html .vBContent .whoinfo {
        padding: 1em 2px;
        font-size: 11px;
        text-align: left;
    }

    /* album */
    html .vBContent .album_pagination_top {
        float: none;
        clear: both;
        margin: 5px 0;
        display: block;
        width: 50% !important;
        text-align: center !important;
    }

    html .vBContent .album_pagination_top .newcontent_textcontrol {
        float: none;
        clear: none;
        left: 0;
        width: 100% !important;
        margin: 0 auto;
        position: relative;
    }

    html .vBContent .album_pagination_top {
        float: none;
        clear: both;
        margin: 5px 0;
        display: block;
        width: 50% !important;
        text-align: center !important;
    }

    html .vBContent .album_pagination_top .newcontent_textcontrol {
        float: none;
        clear: none;
        left: 0;
        width: 100% !important;
        margin: 0 auto;
        position: relative;
    }

    html .vBContent #album_content .content {
        margin-right: 0 !important;
    }

    html .vBContent #latestalbumcontainer {
        padding: 10px !important;
    }

    html .vBContent #album_sidebar {
        width: 100%;
    }

    html .vBContent #latestalbumcontainer li {
        float: none;
        padding: 10px 10px;
        width: 75%;
        min-height: 100px;
        height: auto;

    }

    /*  subscribed  */
    html .vBContent #usercp_content .threadbit .nonsticky a.threadstatus,
    html .vBContent #usercp_content .threadbit .sticky a.threadstatus {
        width: 25px !important;
        background-size: 90% !important;
    }

    html .vBContent #usercp_content .threadbit .threadtitle {
        margin-top: 5px !important;
        margin-right: 0 !important;
        font-size: 11px !important;
    }

    html .vBContent #usercp_content .threadimod {
        top: 5px !important;
    }

    html .vBContent .threadlisthead span.threadnotification {
        width: 30%;
    }

    html .vBContent #usercp_content .threadbit .threadinfo {
        min-width: 40%;
        width: 42%;
        display: inline-block !important;
    }

    html .vBContent #usercp_content #socialgrouplist .threadbit .threadinfo {
        width: 100%;
    }

    html .vBContent #usercp_content .threadbit .threadstats li {
        padding-left: 10px !important;
    }

    html .vBContent #usercp_content .threadbit .threadlastpost {
        width: 30% !important;
        height: auto !important;
        display: inline-block !important;
        float: left !important;
        clear: right !important;
        padding-right: 5px;
        font-size: 10px;
    }
    html .vBContent #usercp_content #socialgrouplist .threadbit .threadlastpost {
        width: 100% !important;
        padding-left: 10px !important;
    }

    html .vBContent #usercp_content .threadbit .threadmeta {
        padding-left: 0!important;
    }

    html .vBContent .threadbit .threadnotification {
        width: 10% !important;
        display: inline-block !important;
    }

    /* group search fix */
    html .vBContent .threadbit .discussionrow.hasstatus .threadmeta,
    html .vBContent .threadbit .discussionrow.hasstatus .threadtitle {
        padding-left: 0 !important;
    }

    html .vBContent #groupsearch {
        margin: 0 auto;
        float: none;
        width: 80%;
        border-width: 1px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        border-radius: 13px;
        padding: 5px 5px;
        margin-top: 10px;
    }

    html .vBContent .navtabs {
        overflow: hidden
    }

    /*--hide off padding under it, ugly without padding --*/
    html .vBContent .navtabs li a.navtab,
    html .vBContent .navtabs ul li {
        width: 100% !important;
        display: block !important;
        float: left !important;
        clear: right !important;
    }

    html .vBContent #ad_thread_first_post_content {
        float: none;
        clear: both;
    }

    html .vBContent .hasad {
        margin-right: 0;
    }

    /*-- Make the Facebook Like box responsive --*/
    html .vBContent #fb-root {
        display: none;
    }

    html .vBContent .fb_iframe_widget,
    html .vBContent .fb_iframe_widget span,
    html .vBContent .fb_iframe_widget span iframe[style] {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    html .vBContent .ads_responsive img {
        max-width: 100%;
        height: 60px
    }

    html .vBContent .ads_responsive {
        width: 350px;
        height: 60px;
    }

    html .vBContent #content_container.contentright #content {
        margin-left: 0 !important;
    }

    html .vBContent #sidebar_container.sidebarleft {
        width: 100% !important;
    }

    html .vBContent #content_container.contentright {
        float: none;
        width: 100%;
        clear: none;
        display: block;
        margin-left: 0 !important;
    }

    html .vBContent .footerwrap .row-small {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html .vBContent .threadimod {
        position: absolute;
        top: -10px;
        right: 3px;
        z-index: 121;
        width: 15px;
        height: 15px;
    }

    html .vBContent .threadbit .threadinfo {
        z-index: 12;
    }

    html .vBContent .threadbit .nonsticky,
    html .vBContent .threadbit .deleted,
    html .vBContent .threadbit .discussionrow,
    html .vBContent .threadbit .ignored {
        border-left: 0;
        border-right: 0;
        position: relative;
    }

    html .vBContent .yui-tvb-l3 .yui-b {
        float: none !important;
        width: 100% !important;
        z-index: 6;
        clear: both;
    }

    html .vBContent .yui-tvb-l3 #yui-main .yui-b {
        margin-left: 0 !important;
    }

    html .vBContent .yui-tvb-l1 #yui-main,
    html .vBContent .yui-tvb-l2 #yui-main,
    html .vBContent .yui-tvb-l3 #yui-main,
    html .vBContent .yui-tvb-l4 #yui-main {
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        z-index: 888;
    }

    html .vBContent #ad_global_below_navbar table tr td {
        width: 100%;
        display: block !important;
    }


    html .vBContent .mobilenavwrap a.searchm,
    html .vBContent .mobilenavwrap a.home {
        display: block;
    }

    html .vBContent .sendmessage {
        width: 250px;
    }

    html .vBContent .formcontrols .blockrow .primary.full {
        width: 99%;
    }

    /*--- vsa chatbox --*/
    html .vBContent .vsahide {
        display: none
    }

    html .vBContent #vsacb_messagearea .shade {
        display: none;
    }

    /*--- vbadvanced --*/
    html .vBContent .vbahide {
        display: none
    }

    html .vBContent .vbaL,
    html .vBContent .vbaR {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    html .vBContent .vbaL,
    html .vBContent .vbaR,
    html .vBContent .vbaC {
        display: block;
        width: 100%;
        float: left;
        clear: right
    }

    html .vBContent .hidewhomsg, .hidewhoip {
        display: none
    }

    html .vBContent .forumbit_nopost .forumhead .forumtitle {
        width: 80%
    }

    html .vBContent .mobilestats {
        display: inline-block
    }

    html .vBContent .forumbit_post .forumlastpost {
        padding: 18px 0 !important;
    }

    html .vBContent #backtotop {
        right: 15px;
        bottom: 165px;
    }

    /* search result */
    html .vBContent .searchbits .threadlastpost dt, html .vBContent .searchbits .threadbit .threadlastpost dd .time, html .vBContent .searchbits .threadbit .threadmeta, html .vBContent .searchbits .threadbit .threadpostedin, html .vBContent .searchbits .threadbit .threadstats {
        display: none !important
    }

    html .vBContent .searchbits .threadlastpost dd {
        overflow: visible;
        margin: 0 5px 0 5px;
    !important
    }

    /* whos online */
    html .vBContent #who_online_block_2, html .vBContent #who_online_block_1 {
        width: 100%;
        float: none;
    }

    /* groups */
    html .vBContent #picturecontrols {
        float: none;
        clear: none;
        margin-right: 0;
        display: block;
    }

    html .vBContent #picturecontrols li {
        float: none;
        clear: none;
        width: 100%;
        margin-left: 0;
        height: 45px;
        display: block;
    }

    html .vBContent #group_message_inlinemod_form .blockfoot {
        height: 60px;
        padding-top: 10px;
    }

    html .vBContent #group_message_inlinemod_form .postbit-lite .postbithead {
        margin-left: 0;
        text-align: center;
        padding: 5px 0;
    }

    html .vBContent #group_message_inlinemod_form .postbit-lite .avatarlink {
        float: none;
        clear: none;
        text-align: center;
        display: block !important;
    }

    html .vBContent #content_container.contentright #content {
        margin-left: 0;
    }

    html .vBContent #content_container.contentright {
        float: none;
        width: 100%;
        clear: none;
        display: block;
        margin-left: 0;
    }

    html .vBContent #sidebar_container.sidebarleft, html .vBContent .grouplist {
        float: none;
        width: 100%;
        clear: none;
        display: block;
    }

    html .vBContent .postbit-lite .posttext, html .vBContent #recentgroups {
        margin-left: 0;
    }

    html .vBContent #mygroups {
        margin-right: 0;
    }

    /*--- Blog --*/
    html .vBContent #blog_sidebar_generic div.smallavatartext {
        margin-top: 0;
        font-size: 13px;
        margin-left: 0;
        width: 85%;
    }

    html .vBContent .postbit-lite .avatarlink {
        display: block;
    }

    html .vBContent .postbit-lite .postbitfoot {
        float: none;
        display: inline-block;
        width: 100%;
    }

    html .vBContent .entrycontrols {
        margin-top: 20px;
        background: #e4e4e4;
        text-align: center;
        padding: 10px 0;
    }

    html .vBContent .postbit-lite .postbithead {
        float: none;
        width: 100%;
        display: inline-block;
    }

    html .vBContent .postbit-lite .commenthead, html .vBContent #content_inner, html .vBContent li.blogentrybit h4, html .vBContent li.blogentrybit div.blogbit {
        margin-left: 0;
    }

    html .vBContent .below_blogentry {
        display: block;
        clear: none;
        float: none;
    }

    /*--- editor --*/
    html .vBContent .formcontrols .blockrow dl.dep_group dd,
    html .vBContent .formcontrols .blockrow .dep_group .deps {
        margin-left: 0;
    }

    html .vBContent .blockrow.posticons table {
        width: 100%;
    }

    html .vBContent .editor_smiliebox ul.smiliebox, html .vBContent .editor_smiliebox {
        height: auto;
    }

    html .vBContent .editor_smiliebox {
        float: none;
        width: 100%;
    }

    html .vBContent .editor_textbox_container.smilie {
        margin-right: 0;
    }

    html .vBContent .editor_textbox_container {
        float: none;
    }

    html .vBContent .editor_smiliebox {
        float: none;


        width: 100%;
    }

    html .vBContent .editor_textbox_smilie {
        margin-right: 0;
    }

    html .vBContent .posticons table tr td {
        display: inline-block !important
    }

    html .vBContent .cke_skin_kama .cke_toolgroup {
        white-space: normal !important;
        display: inline-block !important
    }

    /*--- album --*/
    html .vBContent #album_content .content {
        margin-right: 0;
    }

    html .vBContent #album_content {
        width: 100%;
        float: none;
        margin-right: 0;
        clear: none;
    }

    html .vBContent #pictureurls {
        float: none;
        padding-bottom: 10px;
        width: 100%;
    }

    html .vBContent #pictureurls input.textbox {
        width: 100%;
    }

    html .vBContent #picturelink img {
        max-width: 100%;
        width: 100%
    }

    html .vBContent #picturestats {
        margin-right: 0;
    }

    html .vBContent #picturecaption {
        margin-right: 0;
    }

    html .vBContent #picturecontainer {
        margin: 0;
        display: inline-block;
        width: 90%;
    }

    /*------ Calendar ------*/
    html .vBContent .eventcontent img {
        max-width: 100%
    }

    html .vBContent .eventcontent a {
        word-break: break-all !important;
        white-space: normal !important
    }

    html .vBContent #calendar_content .blockhead {
        min-height: 35px;
    }

    html .vBContent #calendar_nav #neweventbutton {
        width: 166px;
        height: 16px;
        line-height: 16px;
    }

    html .vBContent .quarter .calendar.mini {
        width: 100%;
        float: none;
        display: block;
        margin-right: 0;
    }

    html .vBContent .calendar .events a.daynum {
        font-size: 60px;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        font-family: Georgia;
        vertical-align: top
    }

    html .vBContent .calendar .blocksubhead {
        display: none;
    }

    html .vBContent .calendar .events {
        position: relative;
        display: inline-block;
        width: 100%;
    }

    html .vBContent #calendar_main {
        clear: right;
        margin-right: 0;
        display: block;
    }

    html .vBContent #calendar_nav {
        float: left;
        clear: right;
        width: 100%;
    }

    html .vBContent #calendar_content {
        display: block;
        margin-right: 0;
    }

    html .vBContent .calendar form {
        min-height: 99px;
        float: none;
        clear: none;
    }

    html .vBContent .calendar form a.textcontrol {
        margin-top: 8px;
        display: inline-block;
    }

    /*------ CMS ------*/
    div.article_preview {
        width: 87%;
    }

    html .vBContent #doc, html .vBContent #doc2, html .vBContent #doc3, html .vBContent #doc4, html .vBContent .yui-t1, html .vBContent .yui-t2, html .vBContent .yui-t3, html .vBContent .yui-t4, html .vBContent .yui-t5, html .vBContent .yui-t6, html .vBContent .yui-t7 {
        min-width: 100%;
    }

    html .vBContent .cms_article_preview_image, html .vBContent .showpreviewonly object, html .vBContent .showpreviewonly iframe {
        width: 100%;
        float: none;
        clear: none;
        display: inline-block;
    }

    html .vBContent .cms_widget .block, html .vBContent .fullwidth, html .vBContent .cms_widget_content {
        width: 100%;
        padding: 0 !important
    }

    html .vBContent .yui-tvb-r3 #yui-main {
        float: none;
        clear: none;
        margin-right: 0;
    }

    html .vBContent .yui-gf .yui-u, html .vBContent .yui-gf div.first {
        width: 100%;
        float: none;
        clear: none;
    }

    html .vBContent .yui-tvb-r3 #yui-main .yui-b, html .vBContent .yui-tvb-r3 #yui-main .yui-b {
        margin-right: 0;
    }

    html .vBContent .yui-tvb-r3 .yui-b, html .vBContent .leftcol, html .vBContent .rightcol {
        float: none;
        clear: none;
        width: 100%;
    }

    html .vBContent .yui-tvb-l3 .yui-b {
        float: none !important;
        width: 100% !important;
        z-index: 6;
        clear: both;
    }

    html .vBContent .yui-tvb-l3 #yui-main .yui-b {
        margin-left: 0 !important;
    }

    html .vBContent .yui-tvb-l1 #yui-main,
    html .vBContent .yui-tvb-l2 #yui-main,
    html .vBContent .yui-tvb-l3 #yui-main,
    html .vBContent .yui-tvb-l4 #yui-main {
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        z-index: 888;
    }

    /*---- toplinks mobile styling ----*/
    html .vBContent .toplinks ul.nouser {
        display: block;
        float: none;
        clear: none;
        width: 100%;
    }

    html .vBContent .toplinks ul.nouser #fb_headerbox {
        position: absolute;
        top: 99px;
        right: 5px;
    }

    html .vBContent .toplinks {
        height: auto;
    }

    html .vBContent .toplinks .help a {
        text-align: center;
        display: inline-block;
        width: 45%;
        padding: 4px !important;
        margin-top: 0 !important;
        position: absolute;
        top: 5px;
        left: 5px;
        margin-right: 0 !important;
    }

    html .vBContent .toplinks .register a {
        text-align: center;
        display: inline-block;
        width: 45%;
        padding: 4px !important;
        margin-top: 0 !important;
        position: absolute;
        top: 5px;
        right: 5px;
        margin-right: 0 !important;
    }

    html .vBContent .toplinks ul.nouser li {
        display: block;
    }

    html .vBContent .toplinks .loginforum {
        display: inline-block !important;
        width: 100%;
        margin-top: 55px;
    }

    /*--mobile menu --*/
    html .vBContent .mobilenavwrap a.collapse, html .vBContent .mobilenavwrap .blockhead {
        display: block
    }

    html .vBContent .mobileusernavwrap a.collapse, html .vBContent .mobileusernavwrap .blockhead {
        display: block
    }

    html .vBContent .toolsmenu ul {
        float: none;
        width: 100%;
    }

    html .vBContent .popupbody li.formsubmit {
        background: transparent none;
    }

    body {
        min-width: 100%;
    }

    html .vBContent .body_wrapper {
        padding: 5px;
    }

    html .vBContent .td {
        display: block;
    }

    /*-- search in mobile --*/
    html .vBContent .globalsearch {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        float: left;
        clear: none;
        text-align: left;
    }

    html .vBContent .globalsearch .search-form input[type="submit"][type="submit"] {
        right: 0;
    }

    html .vBContent .globalsearch .search-form input[type="text"] {
        width: 96% !important;
        -webkit-appearance: none;
        border-radius: 0;
    }

    html .vBContent .breadcrumb {
        clear: both;
        padding-top: 20px;
    }

    /*----memberlist ---*/
    html .vBContent #charnav dd {
        width: 25px;
    }

    html .vBContent #charnav dt {
        float: none;
        width: 100%;
        display: inline-block;
    }

    /*----faq---*/
    html .vBContent .formcontrols .blockrow label {
        width: 100%;
        float: none;
        display: inline-block;
    }

    html .vBContent .formcontrols .blockrow .description, html .vBContent form .rightcol {
        display: inline-block;
        margin-left: 0;
        max-width: 100%;
        float: none;
    }

    /*-- usercp --*/
    html .vBContent #usercp_nav {
        float: none;
        clear: none;
        width: 100%;
        margin-right: 0;
    }

    html .vBContent #usercp_content .cp_content {
        margin-left: 0;
        width: 100%;
    }

    html .vBContent #usercp_content {
        width: 100%;
        float: none;
        clear: none;
        margin-left: 0;
    }

    html .vBContent #usercp_content .block {
        display: block;
        float: none;
    }

    /*-- profile --*/
    html .vBContent dl.tabslight {
        padding-left: 0;
        text-align: center;
    }

    html .vBContent dd.userprof_module, html .vBContent dd.userprof_moduleinactive, html .vBContent dd.userprof_content, html .vBContent dd.userprof_module a, html .vBContent dd.userprof_moduleinactive a, html .vBContent dd.userprof_content a {
        float: none !important;
        clear: none !important;
        min-width: 80% !important;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        -moz-box-shadow: 0 3px 8px transparent;
        -webkit-box-shadow: 0 3px 8px transparent;
        box-shadow: 0 3px 8px transparent;
        font-size: 14px;
        padding: 10px 20px 10px 20px;
        border: 0;
        display: inline-block;
        color: #fff !important;
        margin-bottom: 5px;
    }

    html .vBContent #userprof_content_container {
        margin-left: 0;
        display: inline-block;
        width: 100%;
    }

    /*-- forumdisplay --*/
    html .vBContent .forumbits .forumhead h2 span.forumthreadpost, html .vBContent .forumbits .forumhead h2 span.forumlastpost {
        display: none
    }

    html .vBContent .navpopupmenu.popupmenu.nohovermenu a.textcontrol, html .vBContent .navpopupmenu.popupmenu.nohovermenu a.popupctrl {
        display: inline-block;
        float: none;
        clear: none
    }

    html .vBContent .navpopupmenu.popupmenu.nohovermenu {
        height: 100%;
        width: 100% !important;
    }

    /*-- postbit --*/
    html .vBContent .wysiwyg_block .actionbuttons .group .button {
        margin-top: 15px;
    }

    html .vBContent .below_postlist .pagination_bottom {
        float: none;
        display: block;
        width: 100%;
        margin-top: 25px;
        height: 44px;
    }

    html .vBContent .above_postlist, html .vBContent #above_postlist, html .vBContent .above_threadlist {
        height: auto;
        display: block;
        text-align: center;
    }

    html .vBContent .below_postlist {
        height: 140px;
        margin-top: 10px;
    }

    html .vBContent .below_postlist .newcontent_textcontrol {
        position: relative;
        top: auto;
    }

    html .vBContent .postbitlegacy .userinfo {
        float: none;
        width: 100%;
        clear: none;
        padding: 10px 0 !important;
    }

    html .vBContent .postbitlegacy .postbody, html .vBContent .eventbit .eventdetails .eventbody {
        margin-left: 0;
    }

    html .vBContent .postbitlegacy .postfoot .postcontrols, html .vBContent .postbit .postfoot .postcontrols {
        float: none;
        width: 100%;
        clear: none;
        display: block;
        text-align: center;
        padding-bottom: 10px;
        padding-right: 0;
    }

    html .vBContent .postbit .postfoot .textcontrols, html .vBContent .postbitlegacy .postfoot .textcontrols, html .vBContent .eventbit .eventfoot .eventcontrols {
        padding-bottom: 0;
    }

    html .vBContent .postbitlegacy .postfoot .postlinking, html .vBContent .postbit .postfoot .postlinking {
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        display: block;
        text-align: center;
        width: 100%;
        border-top: 1px solid #ddd;
        background: #f5f5f5;
    }

    html .vBContent .postbitlegacy dl.userinfo_extra dt, html .vBContent .postbitlegacy dl.user_rep dt {
        margin-left: 10px;
    }

    html .vBContent .postbitlegacy .userinfo .userinfo_extra {
        float: none;
        width: 100%;
        clear: none;
    }

    html .vBContent .postbitlegacy .imlinks {
        padding-top: 5px;
        text-align: center;
    }

    html .vBContent .postbitlegacy .imlinks img {
        margin-top: 5px;
    }

    /*--- normal postbit --*/
    html .vBContent .postbit .userinfo .contact {
        display: block;
        width: 100%;
        float: none;
        clear: none;
        min-height: 90px !important;
    }

    html .vBContent .postbit .userinfo .mobileusernavwrapper {
        display: block;
        width: 100%;
        float: none;
        clear: both;
        padding-top: 10px;
    }

    html .vBContent .postbit .userinfo_noavatar .contact {
        display: block;
        width: 100%;
        float: none;
        clear: none;
        min-height: 60px;
    }

    html .vBContent .postbit .userinfo .userinfo_extra dl, html .vBContent .postbit .userinfo_noavatar .userinfo_extra dl {
        margin-right: 0;
        float: none;
        width: 100%;
    }

    html .vBContent .postbit .userinfo .userinfo_extra, html .vBContent .postbit .userinfo_noavatar .userinfo_extra {
        text-align: left;
        width: 100%;
        float: none;
    }

    /*-- threadbit --*/
    html .vBContent .threadbit .threadstats .material-icons {
        font-size: 14px !important;
        display: none;
    }

    html .vBContent .threadbit .threadstats {
        text-align: left;
        padding: 5px 0;
        width: 100%;
    }

    html .vBContent .threadbit .threadstats li {
        font-size: 12px !important;
        display: block !important;
        margin-right: 0 !important;
        padding-left: 50px !important;
    }

    html .vBContent .threadlisthead span.threadlastpost, html .vBContent .threadbithide, html .vBContent .threadbit .threadstats .hidden, html .vBContent .threadlisthead span.threadstats {
        display: none !important
    }

    html .vBContent .threadbit .threadstatus {
        min-height: 45px;
    }

    html .vBContent .threadbit .nonsticky a.threadstatus, html .vBContent .threadbit .sticky a.threadstatus {
        width: 45px;
        background-position: 1px 4px;
    }

    html .vBContent .threadbit .threadinfo {
        min-width: 100%;
    }

    html .vBContent .threadbit .threadlastpost {
        font-size: 0.8em;
        width: 72%;
        padding-top: 0;
        padding-left: 50px !important;
        padding-bottom: 10px !important;
        float: none;
        clear: none;
        display: inline-block !important;
        height: auto !important;
        text-align: left !important;
        background: transparent none !important;
    }

    html .vBContent .threadlastpost dt, html .vBContent .threadlastpost dd {
        display: inline-block !important;
    }

    html .vBContent .threadlastpost dt {
        font-style: italic;
    }

    html .vBContent .threadlastpost dd {
        padding-right: 5px;
    }

    html .vBContent .forum_info .options_block2 {
        margin-left: 0 !important;
    }

    html .vBContent .threadbit .threadmeta {
        display: block !important;
        padding-left: 50px !important;
        padding-right: 0 !important;
    }

    html .vBContent .below_threadlist .threadpagenav {
        margin-top: 10px;
    }

    html .vBContent .forum_info .options_block, html .vBContent .thread_info .options_block, html .vBContent .forum_info .options_block2, html .vBContent .thread_info .options_block2 {
        width: 100%;
        padding-right: 0;
        float: none;
        clear: none;
    }

    html .vBContent .below_threadlist .newcontent_textcontrol {
        top: auto;
        position: relative;
    }

    html .vBContent .toolsmenu li {
        float: none;
        clear: none;
        width: 100%;
    }

    html .vBContent .newcontent_textcontrol {
        float: none;
        clear: none;
        left: auto;
        width: 82%;
        margin: 0 auto;
        text-align: center;
    }

    html .vBContent .above_threadlist .newcontent_textcontrol {
        position: relative;
    }

    html .vBContent .above_threadlist .threadpagenav {
        float: left;
        clear: right;
        position: relative;
        right: auto;
        width: 100%;
        bottom: auto;
        display: block;
        min-height: 30px;
        margin-top: 10px;
    }

    html .vBContent .above_threadlist .threadpagenav .pagination {
        vertical-align: bottom;
    }

    html .vBContent .threadbit .threadtitle {
        margin-top: 9px;
        margin-right: 20px;
        padding-left: 50px;
        font-size: 18px;
    }

    html .vBContent .threadbit .alt {
        background: transparent none;
    }

    /*-- forumhome --*/
    html .vBContent .forumbit_post .foruminfo .forumdata .datacontainer {
        float: none;
        width: 80%;
        padding-left: 50px;
        padding-bottom: 5px !important;
    }

    html .vBContent .forumbit_post .foruminfo .forumicon {
        width: 30px;
        height: 30px;
    }

    html .vBContent .forumbit_post .forumactionlinks {
        position: absolute;
        top: 5px;
        right: 10px;
        float: none;
        clear: none;
    }

    html .vBContent .forumbit_post .foruminfo {
        position: relative;
        width: 100%;
        min-width: 100%;
        float: none;
        clear: none;
        min-height: 35px;
        padding-bottom: 0 !important;
    }

    /*-- forum last post styling --*/
    html .vBContent .forumbit_post .forumrow .forumlastpost {
        width: 84%;
        font-size: 13px;
        padding-top: 0 !important;
        text-align: left;
        padding-left: 50px !important;
        float: none;
        clear: none;
    }

    html .vBContent .forumlastpost p.lastposttitle {
        overflow: visible;
    }

    html .vBContent .forumlastpost p.lastposttitle, html .vBContent .forumlastpost p.lastpostdate, html .vBContent .forumlastpost div.lastpostby {
        display: inline-block
    }

    /*-- vb4 default navbar break down --*/
    html .vBContent #navtabs .popupmenu ul li a {
        padding-left: 10px !important;
    }

    html .vBContent .navtabs > ul.floatcontainer li a {
        padding-left: 0 !important;
    }

    html .vBContent .navtabs > ul.floatcontainer .popupbody li a {
        background: #959595 !important;
    }

    html .vBContent .navtabs ul li {
        padding-left: 15px !important;
    }

    html .vBContent .navtabs .popupmenu .popupbody li {
        padding-left: 0 !important;
    }

    html .vBContent .navtabs .popupbody {
        width: 75%;
        position: relative !important;
    }

    html .vBContent .navtabs ul li:first-child {
        margin-left: 0;
    }

    html .vBContent .navtabs li a.navtab {
        text-align: left
    }

    html .vBContent .navtabs li {
        width: 100% !important;
        display: block !important;
        float: left !important;
        clear: right !important;
    }

    html .vBContent #vbtab_cms {
        z-index: 17;
    }

    html .vBContent .navtabs {
        padding: 0 0 0 0;
    }

    html .vBContent .navtabs ul.floatcontainer {
        width: 100% !important;
        display: block !important;
        float: left !important;
        clear: right !important;
        top: auto;
        left: auto;
        margin-right: 0;
        z-index: 15;
        position: static;
    }

    html .vBContent .navtabs, .navbar {
        height: auto;
    }

    html .vBContent #content_container {
        float: none;
        margin-right: -0px !important;
    }

    html .vBContent #content_container #content {
        margin-right: 0 !important;
    }

    html .vBContent #sidebar_container {
        float: none;
        width: 100%;
    }

    html .vBContent .wgo_block .section ol,
    html .vBContent .wgo_block .section div {
        padding-left: 10px;
    }

    /*-- the great display none --*/
    html .vBContent .forumbit_post .forumstats_2, html .vBContent .welcomelink, html .vBContent .footerwrap .nav-title, html .vBContent #sidebar_button_link, html .vBContent .forumbit_post .forumstats, html .vBContent .wgo_block .section .customwgo {
        display: none
    }

    /*-- footer break down --*/
    html .vBContent .footerwrap .row-small {
        margin-top: 0;
    }

    html .vBContent .footersmallcolumn {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0;
        display: inline-block;
        border-bottom: 1px solid #efefef;
        padding-bottom: 15px !important;
    }

    html .vBContent .footerwrap .socialcolumn {
        float: none !important;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px;
    }

    html .vBContent .footer_links li {
        display: inline-block;
        padding: 0 6px;
        margin-left: 0;
    }

    html .vBContent .footer_links {
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }

    html .vBContent .footerwrap .col-copyright small {
        padding: 0.4em 0;
        text-align: center;
    }

    html .vBContent .footerwrap2, html .vBContent .footerwrap {
        min-width: 100%;
    }

    html .vBContent .footer_select {
        float: none;
        text-align: center;
        margin-left: 0;
        display: inline-block;
        width: 100%;
    }
}
/* end range1 320-480 */


/* XXXXXXX--------------------- RANGE 2 --------------------XXXXXX */
/* XXXXXXX--- Style range2 overrides for: 480px to 780px ---XXXXXX */
/* XXXXXXX--------------------- RANGE 2 --------------------XXXXXX */
@media (min-width: 481px) and (max-width: 780px) {
    html .vBContent .below_threadlist .threadpagenav .pagination {
        margin-top: 15px;
    }

    html .vBContent .above_threadlist .threadpagenav {
        float: left;
        clear: right;
        position: relative;
        right: auto;
        width: 100%;
        bottom: auto;
        display: block;
        min-height: 30px;
        margin-top: 70px;
    }

    html .vBContent .postbit .userinfo .userinfo_extra dd.collapse,
    html .vBContent .postbitlegacy dl.userinfo_extra dd.collapse {
        padding-left: 10px !important;
    }

    html .vBContent #above_postlist {
        position: relative !important;
        width: 100% !important;
        right: auto !important;
        margin-bottom: 10px;
    }

    html .vBContent #cookieControlWrapper div {
        width: 70% !important;
    }

    /* dbtech paypal donate */
    html .vBContent #dbt_vbd_boxswitch .blockrow span {
        margin-left: 0 !important;
    }

    html .vBContent #dbt_vbd_boxswitch .blockrow {
        white-space: normal !important;
    }

    html .vBContent .postbit_reputation {
        padding: 0 10px 10px;
    }

    /* header 2 ads */
    html .vBContent #ad_global_header2 img {
        max-width: 95%;
    }

    html .vBContent .logo-image {
        padding-bottom: 10px;
    }

    html .vBContent .ad_global_header {
        width: 100%;
        margin-top: 0;
        margin-right: 0;
        text-align: center;
    }

    html .vBContent .postbitlegacy dl.user_rep {
        background: #f5f5f5;
    }

    /* user profile */
    html .vBContent .profile_content .blockbody img {
        max-width: 80%;
    }

    html .vBContent .signaturecontainer img,
    html .vBContent #pagetitle img {
        max-width: 100%;
    }

    html .vBContent .profile_content .postbit-lite .vm_blockrow .entrycontrols {
        margin-top: 10px;
        background: transparent none !important;
    }

    html .vBContent .profile_content .blockbody {
        padding: 10px !important;
    }

    html .vBContent #view-vbactivity .activity_summary {
        width: 100%;
    }

    html .vBContent .aboutme_right {
        margin-left: 0;
    }

    html .vBContent #view-vbactivity table tr td {
        width: 100% !important;
        display: block !important;
        float: left !important;
        clear: right !important;
    }

    html .vBContent .postbit-lite .avatarlink img {
        max-height: 40px;
        width: 40px;
    }

    html .vBContent .userprof_vmright {
        margin-left: 50px;
    }

    /* whoisonline */
    html .vBContent .whoinfo {
        padding: 1em 2px;
        font-size: 11px;
        text-align: left;
    }

    html .vBContent .hidewhoip {
        display: none
    }

    /* album */
    html .vBContent .album_pagination_top {
        float: none;
        clear: both;
        margin: 5px 0;
        display: block;
        width: 50% !important;
        text-align: center !important;
    }

    html .vBContent .album_pagination_top .newcontent_textcontrol {
        float: none;
        clear: none;
        left: 0;
        width: 100% !important;
        margin: 0 auto;
        position: relative;
    }

    html .vBContent .album_pagination_top {
        float: none;
        clear: both;
        margin: 5px 0;
        display: block;
        width: 50% !important;
        text-align: center !important;
    }

    html .vBContent .album_pagination_top .newcontent_textcontrol {
        float: none;
        clear: none;
        left: 0;
        width: 100% !important;
        margin: 0 auto;
        position: relative;
    }

    html .vBContent #album_content .content {
        margin-right: 0 !important;
    }

    html .vBContent #latestalbumcontainer {
        padding: 10px !important;
    }

    html .vBContent #album_sidebar {
        width: 100%;
    }

    html .vBContent #latestalbumcontainer li {
        float: none;
        padding: 10px 10px;
        width: 75%;
        min-height: 100px;
        height: auto;

    }

    /*  subscribed  */
    html .vBContent #usercp_content .threadbit .nonsticky a.threadstatus,
    html .vBContent #usercp_content .threadbit .sticky a.threadstatus {
        width: 25px !important;
        background-size: 90% !important;
    }

    html .vBContent #usercp_content .threadbit .threadtitle {
        margin-top: 5px !important;
        margin-right: 0 !important;
        font-size: 11px !important;
    }

    html .vBContent #usercp_content .threadimod {
        top: 5px !important;
    }

    html .vBContent .threadlisthead span.threadnotification {
        width: 30%;
    }

    html .vBContent #usercp_content .threadbit .threadinfo {
        min-width: 40%;
        width: 42%;
        display: inline-block !important;
    }

    html .vBContent #usercp_content #socialgrouplist .threadbit .threadinfo {
        width: 100%;
    }

    html .vBContent #usercp_content .threadbit .threadstats li {
        width: 100%;
    }

    html .vBContent #usercp_content #socialgrouplist .threadbit .threadstats li {
        padding-left: 10px !important;
    }

    html .vBContent #usercp_content .threadbit .threadlastpost {
        width: 30% !important;
        height: auto !important;
        display: inline-block !important;
        float: left !important;
        clear: right !important;
        padding-right: 5px;
        font-size: 10px;
    }

    html .vBContent #usercp_content #socialgrouplist .threadbit .threadlastpost {
        width: 100% !important;
        padding-left: 10px !important;
    }

    html .vBContent #usercp_content .threadbit .threadmeta {
        padding-left: 0 !important;
    }

    html .vBContent .threadbit .threadnotification {
        width: 10% !important;
        display: inline-block !important;
    }

    /* group search fix */
    html .vBContent .threadbit .discussionrow.hasstatus .threadmeta,
    html .vBContent .threadbit .discussionrow.hasstatus .threadtitle {
        padding-left: 0 !important;
    }

    html .vBContent #groupsearch {
        margin: 0 auto;
        float: none;
        width: 80%;
        border-width: 1px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        border-radius: 13px;
        padding: 5px 5px;
        margin-top: 10px;
    }

    html .vBContent .navtabs {
        overflow: hidden
    }

    /*--hide off padding under it, ugly without padding --*/
    html .vBContent .navtabs li a.navtab,
    html .vBContent .navtabs ul li {
        width: 100% !important;
        display: block !important;
        float: left !important;
        clear: right !important;
    }

    html .vBContent #ad_thread_first_post_content {
        float: none;
        clear: both;
    }

    html .vBContent .hasad {
        margin-right: 0;
    }

    /*-- Make the Facebook Like box responsive --*/
    html .vBContent #fb-root {
        display: none;
    }

    html .vBContent .fb_iframe_widget,
    html .vBContent .fb_iframe_widget span,
    html .vBContent .fb_iframe_widget span iframe[style] {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    html .vBContent .ads_responsive img {
        max-width: 100%;
        height: 60px
    }

    html .vBContent .ads_responsive {
        width: 468px;
        height: 60px;
    }

    html .vBContent .footerwrap .row-small {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html .vBContent .threadimod {
        position: absolute;
        top: -10px;
        right: 3px;
        z-index: 121;
        width: 15px;
        height: 15px;
    }

    html .vBContent .threadbit .threadinfo {
        z-index: 12;
    }

    html .vBContent .threadbit .nonsticky,
    html .vBContent .threadbit .deleted,
    html .vBContent .threadbit .discussionrow,
    html .vBContent .threadbit .ignored {
        border-left: 0;
        border-right: 0;
        position: relative;
    }

    /*--- vbadvanced --*/
    html .vBContent .vbaL,
    html .vBContent .vbaR,
    html .vBContent .vbaC {
        display: block;
        width: 100%;
        float: left;
        clear: right
    }

    /*--- Blog --*/
    html .vBContent #blog_sidebar_generic div.smallavatartext {
        margin-top: 0;
        font-size: 15px;
        margin-left: 0;
        width: 90%;
    }

    html .vBContent .mobilestats {
        display: inline-block
    }

    html .vBContent .forumbit_post .forumlastpost {
        padding: 18px 0 !important;
    }

    html .vBContent #backtotop {
        right: 15px;
        bottom: 33px;
    }

    /*------ Calendar ------*/
    html .vBContent .eventcontent img {
        max-width: 100%
    }

    html .vBContent .eventcontent a {
        word-break: break-all !important;
        white-space: normal !important
    }

    html .vBContent #calendar_content .blockhead {
        min-height: 35px;
    }

    html .vBContent #calendar_nav #neweventbutton {
        width: 166px;
        height: 16px;
        line-height: 16px;
    }

    html .vBContent .quarter .calendar.mini {
        width: 100%;
        float: none;
        display: block;
        margin-right: 0;
    }

    html .vBContent .calendar .events a.daynum {
        font-size: 60px;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        vertical-align: top
    }

    html .vBContent .calendar .blocksubhead {
        display: none;
    }

    html .vBContent .calendar .events {
        position: relative;
        display: inline-block;
        width: 100%;
    }

    html .vBContent #calendar_main {
        clear: right;
        margin-right: 0;
        display: block;
    }

    html .vBContent #calendar_nav {
        float: left;
        clear: right;
        width: 100%;
    }

    html .vBContent #calendar_content {
        display: block;
        margin-right: 0;
    }

    html .vBContent .calendar form {
        min-height: 99px;
        float: none;
        clear: none;
    }

    html .vBContent .calendar form a.textcontrol {
        margin-top: 8px;
        display: inline-block;
    }

    /*------ CMS ------*/
    div.article_preview {
        width: 87%;
    }

    html .vBContent #doc, html .vBContent #doc2, html .vBContent #doc3, html .vBContent #doc4, html .vBContent .yui-t1, html .vBContent .yui-t2, html .vBContent .yui-t3, html .vBContent .yui-t4, html .vBContent .yui-t5, html .vBContent .yui-t6, html .vBContent .yui-t7 {
        min-width: 100%;
    }

    html .vBContent .cms_article_preview_image, html .vBContent .showpreviewonly object, html .vBContent .showpreviewonly iframe {
        width: 100%;
        float: none;
        clear: none;
        display: inline-block;
    }

    html .vBContent .cms_widget .block, html .vBContent .fullwidth, html .vBContent .cms_widget_content {
        width: 100%;
        padding: 0 !important
    }

    html .vBContent .yui-tvb-r3 #yui-main {
        float: none;
        clear: none;
        margin-right: 0;
    }

    html .vBContent .yui-gf .yui-u, html .vBContent .yui-gf div.first {
        width: 100%;
        float: none;
        clear: none;

    }

    html .vBContent .yui-tvb-r3 #yui-main .yui-b, html .vBContent .yui-tvb-r3 #yui-main .yui-b {
        margin-right: 0;
    }

    html .vBContent .yui-tvb-r3 .yui-b, html .vBContent .leftcol, html .vBContent .rightcol {
        float: none;
        clear: none;
        width: 100%;
    }

    html .vBContent .yui-tvb-l3 .yui-b {
        float: none !important;
        width: 100% !important;
        z-index: 6;
        clear: both;
    }

    html .vBContent .yui-tvb-l3 #yui-main .yui-b {
        margin-left: 0 !important;
    }

    html .vBContent .yui-tvb-l1 #yui-main,
    html .vBContent .yui-tvb-l2 #yui-main,
    html .vBContent .yui-tvb-l3 #yui-main,
    html .vBContent .yui-tvb-l4 #yui-main {
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        z-index: 888;
    }

    /*--mobile menu --*/
    html .vBContent .mobilenavwrap a.collapse, html .vBContent .mobilenavwrap .blockhead {
        display: block
    }

    html .vBContent .mobileusernavwrap a.collapse, html .vBContent .mobileusernavwrap .blockhead {
        display: block
    }

    html .vBContent .toolsmenu ul {
        float: none;
        width: 100%;
    }

    html .vBContent .popupbody li.formsubmit {
        background: transparent none;
    }

    body {
        min-width: 100%;
    }

    html .vBContent .body_wrapper {
        padding: 5px;
    }

    html .vBContent .td {
        display: block;
    }

    /*-- search in mobile --*/
    html .vBContent .globalsearch {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        float: left;
        clear: none;
        text-align: left;
    }

    html .vBContent .globalsearch .search-form input[type="submit"][type="submit"] {
        right: 0;
    }

    html .vBContent .globalsearch .search-form input[type="text"] {
        width: 96% !important;
        -webkit-appearance: none;
        border-radius: 0;
    }

    html .vBContent .breadcrumb {
        clear: both;
        padding-top: 20px;
    }

    /*----memberlist ---*/
    html .vBContent #charnav dd {
        width: 25px;
    }

    html .vBContent #charnav dt {
        float: none;
        width: 100%;
        display: inline-block;
    }

    /*----faq---*/
    html .vBContent .formcontrols .blockrow label {
        width: 100%;
        float: none;
        display: inline-block;
    }

    html .vBContent .formcontrols .blockrow .description, html .vBContent form .rightcol {
        display: inline-block;
        margin-left: 0;
        max-width: 100%;
        float: none;
    }

    /*-- usercp --*/
    html .vBContent #usercp_nav {
        float: none;
        clear: none;
        width: 100%;
        margin-right: 0;
    }

    html .vBContent #usercp_content .cp_content {
        margin-left: 0;
        width: 100%;
    }

    html .vBContent #usercp_content {
        width: 100%;
        float: none;
        clear: none;
        margin-left: 0;
    }

    html .vBContent #usercp_content .block {
        display: block;
        float: none;
    }

    /*-- profile --*/
    dl.tabslight {
        padding-left: 0;
        text-align: center;
    }

    dd.userprof_module, html .vBContent dd.userprof_moduleinactive, html .vBContent dd.userprof_content, html .vBContent dd.userprof_module a, html .vBContent dd.userprof_moduleinactive a, html .vBContent dd.userprof_content a {
        float: none !important;
        clear: none !important;
        min-width: 80% !important;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        -moz-box-shadow: 0 3px 8px transparent;
        -webkit-box-shadow: 0 3px 8px transparent;
        box-shadow: 0 3px 8px transparent;
        font-size: 14px;
        padding: 10px 20px 10px 20px;
        border: 0;
        display: inline-block;
        color: #fff !important;
        margin-bottom: 5px;
    }

    html .vBContent #userprof_content_container {
        margin-left: 0;
        display: inline-block;
        width: 100%;
    }

    /*-- forumdisplay --*/
    html .vBContent .forumbits .forumhead h2 span.forumthreadpost, html .vBContent .forumbits .forumhead h2 span.forumlastpost {
        display: none
    }

    html .vBContent .navpopupmenu.popupmenu.nohovermenu a.textcontrol, html .vBContent .navpopupmenu.popupmenu.nohovermenu a.popupctrl {
        display: inline-block;
        float: none;
        clear: none
    }

    html .vBContent .navpopupmenu.popupmenu.nohovermenu {
        height: 100%;
        width: 100% !important;
    }

    /*-- postbit --*/
    html .vBContent .wysiwyg_block .actionbuttons .group .button {
        margin-top: 15px;
    }

    html .vBContent .below_postlist .pagination_bottom {
        float: none;
        display: block;
        width: 100%;
        margin-top: 25px;
        height: 44px;
    }

    html .vBContent .above_postlist, html .vBContent #above_postlist, html .vBContent .above_threadlist {
        height: auto;
        display: block;
        text-align: center;
    }

    html .vBContent .below_postlist {
        height: 140px;
        margin-top: 10px;
    }

    html .vBContent .below_postlist .newcontent_textcontrol {
        position: relative;
        top: auto;
    }

    html .vBContent .postbitlegacy .userinfo {
        float: none;
        width: 100%;
        clear: none;
        padding: 10px 0 !important;
    }

    html .vBContent .postbitlegacy .postbody, html .vBContent .eventbit .eventdetails .eventbody {
        margin-left: 0;
    }

    html .vBContent .postbitlegacy .postfoot .postcontrols, html .vBContent .postbit .postfoot .postcontrols {
        float: none;
        width: 100%;
        clear: none;
        display: block;
        text-align: center;
        padding-bottom: 10px;
    }

    html .vBContent .postbit .postfoot .textcontrols, html .vBContent .postbitlegacy .postfoot .textcontrols, html .vBContent .eventbit .eventfoot .eventcontrols {
        padding-bottom: 0;
    }

    html .vBContent .postbitlegacy .postfoot .postlinking, html .vBContent .postbit .postfoot .postlinking {
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        display: block;
        text-align: center;
        width: 100%;
        border-top: 1px solid #ddd;
        background: #f5f5f5;
    }

    html .vBContent .postbitlegacy dl.userinfo_extra dt, html .vBContent .postbitlegacy dl.user_rep dt {
        margin-left: 10px;
    }

    html .vBContent .postbitlegacy .userinfo .userinfo_extra {
        float: none;
        width: 100%;
        clear: none;
    }

    html .vBContent .postbitlegacy .imlinks {
        padding-top: 5px;
        text-align: center;
    }

    html .vBContent .postbitlegacy .imlinks img {
        margin-top: 5px;
    }

    /*--- normal postbit --*/
    html .vBContent .postbit .userinfo .mobileusernavwrapper {
        display: block;
        width: 100%;
        float: none;
        clear: both;
        padding-top: 10px;
    }

    html .vBContent .postbit .userinfo .contact {
        display: block;
        width: 100%;
        float: none;
        clear: none;
    }

    html .vBContent .postbit .userinfo_noavatar .contact {
        display: block;
        width: 100%;
        float: none;
        clear: none;
        min-height: 60px;
    }

    html .vBContent .postbit .userinfo .contact {
        min-height: 90px !important;
    }

    html .vBContent .postbit .userinfo .userinfo_extra dl, html .vBContent .postbit .userinfo_noavatar .userinfo_extra dl {
        margin-right: 0;
        float: none;
        width: 100%;
    }

    html .vBContent .postbit .userinfo .userinfo_extra, html .vBContent .postbit .userinfo_noavatar .userinfo_extra {
        text-align: left;
        width: 100%;
        float: none;
    }

    /*-- threadbit --*/
    html .vBContent .threadbit .threadstats .material-icons {
        font-size: 16px !important;
        display: none;
    }

    html .vBContent .threadbit .threadstats {
        text-align: left;
        padding: 0 0 5px;
        width: 100%;
    }

    html .vBContent .threadbit .threadstats li {
        font-size: 12px !important;
        display: block !important;
        margin-right: 0 !important;
        padding-left: 50px !important;
    }

    html .vBContent .threadlisthead span.threadlastpost, html .vBContent .threadbithide, html .vBContent .threadbit .threadstats .hidden, html .vBContent .threadlisthead span.threadstats {
        display: none !important
    }

    html .vBContent .threadbit .threadstatus {
        min-height: 45px;
    }

    html .vBContent .threadbit .nonsticky a.threadstatus, html .vBContent .threadbit .sticky a.threadstatus {
        width: 45px;
        background-position: 0 4px;
    }

    html .vBContent .threadbit .threadinfo {
        min-width: 100%;
    }

    html .vBContent .threadbit .threadlastpost {
        width: 100%;
        padding-top: 0;
        padding-left: 50px !important;
        padding-bottom: 10px !important;
        float: none;
        clear: none;
        display: inline-block !important;
        height: auto !important;
        text-align: left !important;
        background: transparent none !important;
    }

    html .vBContent .threadlastpost dt, html .vBContent .threadlastpost dd {
        display: inline-block !important
    }

    html .vBContent .threadlastpost dt {
        font-style: italic
    }

    html .vBContent .threadlastpost dd {
        padding-right: 5px;
    }

    html .vBContent .forum_info .options_block2 {
        margin-left: 0 !important;
    }

    html .vBContent .threadbit .threadmeta {
        display: block !important;
        padding-left: 50px !important;
        padding-right: 20px !important;
    }

    html .vBContent .below_threadlist .threadpagenav {
        margin-top: 10px;
    }

    html .vBContent .forum_info .options_block, html .vBContent .thread_info .options_block, html .vBContent .forum_info .options_block2, html .vBContent .thread_info .options_block2 {
        width: 100%;
        padding-right: 0;
        float: none;
        clear: none;
    }

    html .vBContent .below_threadlist .newcontent_textcontrol {
        top: auto;
        position: relative;
    }

    html .vBContent .toolsmenu li {
        float: none;
        clear: none;
        width: 100%;
    }

    html .vBContent .newcontent_textcontrol {
        float: none;
        clear: none;
        left: auto;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }

    /*-- forumhome --*/
    html .vBContent .forumbit_post .foruminfo .forumdata .datacontainer {
        float: none;
        width: 90%;
        padding-left: 50px;
    }

    html .vBContent .forumbit_post .foruminfo .forumicon {
        width: 30px;
        height: 30px;
    }

    html .vBContent .forumbit_post .forumactionlinks {
        position: absolute;
        top: 5px;
        right: 10px;
        float: none;
        clear: none;
    }

    html .vBContent .forumbit_post .foruminfo {
        position: relative;
        width: 100%;
        min-width: 100%;
        float: none;
        clear: none;
        min-height: 35px;
        padding-bottom: 5px !important;
    }

    /*-- forum last post styling --*/
    html .vBContent .forumbit_post .forumrow .forumlastpost {
        width: 90%;
        font-size: 13px;
        padding-top: 0 !important;
        text-align: left;
        padding-left: 50px !important;
        float: none;
        clear: none;
    }

    html .vBContent .forumlastpost p.lastposttitle {
        overflow: visible;
    }

    html .vBContent .forumlastpost p.lastposttitle, html .vBContent .forumlastpost p.lastpostdate, html .vBContent .forumlastpost div.lastpostby {
        display: inline-block
    }

    /*-- vb4 default navbar break down --*/
    html .vBContent #navtabs .popupmenu ul li a {
        padding-left: 10px !important;
    }

    html .vBContent .navtabs > ul.floatcontainer li a {
        padding-left: 0 !important;
    }

    html .vBContent .navtabs > ul.floatcontainer .popupbody li a {
        background: #959595 !important;
    }

    html .vBContent .navtabs ul li {
        padding-left: 15px !important;
    }

    html .vBContent .navtabs .popupmenu .popupbody li {
        padding-left: 0 !important;
    }

    html .vBContent .navtabs .popupbody {
        width: 90%;
    }

    html .vBContent .navtabs ul li:first-child {
        margin-left: 0;
    }

    html .vBContent .navtabs li a.navtab {
        text-align: left
    }

    html .vBContent .navtabs li {
        float: none;
    }

    html .vBContent .navtabs {
        padding: 0 0 0 0;
    }

    html .vBContent .navtabs ul {
        position: relative;
        top: auto;
        left: auto;
    }

    html .vBContent .navtabs, html .vBContent .navbar {
        height: auto;
    }

    html .vBContent #content_container {
        float: none;
        margin-left: -0px !important;
        margin-right: -0px !important;
    }

    html .vBContent #content_container #content {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html .vBContent #sidebar_container {
        float: none;
        width: 100%;
    }

    html .vBContent .wgo_block .section ol,
    html .vBContent .wgo_block .section div {
        padding-left: 10px;
    }

    /*-- the great display none --*/
    html .vBContent .forumbit_post .forumstats_2, html .vBContent .welcomelink, html .vBContent .footerwrap .nav-title, html .vBContent #sidebar_button_link, html .vBContent .forumbit_post .forumstats, html .vBContent .wgo_block .section .customwgo {
        display: none
    }

    /*-- footer break down --*/
    html .vBContent .footerwrap .row-small {
        margin-top: 0;
    }

    html .vBContent .footersmallcolumn {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0;
        display: inline-block;
    }

    html .vBContent .footerwrap .socialcolumn {
        float: none !important;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px;
    }

    html .vBContent .footer_links li {
        display: inline-block;
        padding: 0 6px;
        margin-left: 0;
    }

    html .vBContent .footer_links {
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }

    html .vBContent .footerwrap .col-copyright small {
        padding: 0.4em 0;
        text-align: center;
    }

    html .vBContent .footerwrap2, html .vBContent .footerwrap {
        min-width: 100%;
    }

    html .vBContent .footer_select {
        float: none;
        text-align: center;
        margin-left: 0;
        display: inline-block;
        width: 100%;
    }
}
/* end range2 480-780 */


/* XXXXXXX--------------------- RANGE 3 --------------------XXXXXX */
/* XXXXXXX---Style overrides for: 780px to 980px ----------XXXXXXX */
/* XXXXXXX--------------------- RANGE 3 --------------------XXXXXX */
@media (min-width: 781px) and (max-width: 980px) {
    html .vBContent .fluidvids {
        padding-top: 45% !important;
    }

    html .vBContent .fluidvids-item {
        width: 560px;
        height: 315px;
    }

    html .vBContent .bbcode_container div.bbcode_quote div.message {
        overflow: hidden;
    }

    html .vBContent .bbcode_container div.bbcode_quote div.message .fluidvids {
        padding-top: 48% !important;
    }

    /* header 2 ads */
    html .vBContent #ad_global_header2 img {
        max-width: 95%;
    }

    html .vBContent .logo-image {
        padding-bottom: 10px;
    }

    html .vBContent .ad_global_header {
        width: 100%;
        margin-top: 0;
        margin-right: 0;
        text-align: center;
    }

    /*-- Make the Facebook Like box responsive --*/
    html .vBContent #fb-root {
        display: none;
    }

    html .vBContent .fb_iframe_widget,
    html .vBContent .fb_iframe_widget span,
    html .vBContent .fb_iframe_widget span iframe[style] {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    html .vBContent .mobileusernavblock, html .vBContent .mobilenavblock {
        display: block !important
    }

    html .vBContent .globalsearch .search-form input[type="text"] {
        width: 152px !important;
    }
}
/* end range 3 780-980 */


/* XXXXXXX--------------------- RANGE 4 --------------------XXXXXX */
/* XXXXXXX--------Style overrides for: 980px to 1280px -----XXXXXX */
/* XXXXXXX--------------------- RANGE 4 --------------------XXXXXX */
@media (min-width: 981px) and (max-width: 1280px) {
    html .vBContent .fluidvids-item {
        width: 560px;
        height: 315px;
    }

    html .vBContent .fluidvids {
        padding-top: 37% !important;
    }

    html .vBContent .bbcode_container div.bbcode_quote div.message {
        overflow: hidden;
    }

    html .vBContent .bbcode_container div.bbcode_quote div.message .fluidvids {
        padding-top: 38% !important;
    }

    /* header 2 ads */
    html .vBContent #ad_global_header2 img {
        max-width: 95%;
    }

    html .vBContent .logo-image {
        padding-bottom: 10px;
    }

    html .vBContent .ad_global_header {
        width: 100%;
        margin-top: 0;
        margin-right: 0;
        text-align: center;
    }

    html .vBContent .mobileusernavblock, html .vBContent .mobilenavblock {
        display: block !important
    }

    html .vBContent .toplinks .remember {
      color: #666;
    }
}
/* end range 4 980 to 1280*/

/* Desktops and laptops ----------- */
/* XXXXXXX--------------------- RANGE 5 --------------------XXXXXX */
/* XXXXXXX-------- Style overrides for: above 1280px -------XXXXXX */
/* XXXXXXX--------------------- RANGE 5 --------------------XXXXXX */
@media (min-width: 1281px) {
    html .vBContent .bbcode_container div.bbcode_quote div.message {
        overflow: hidden;
    }

    html .vBContent .fluidvids-item {
        width: 560px;
        height: 315px;
    }

    html .vBContent .fluidvids {
        padding-top: 25% !important;
    }

    html .vBContent .mobileusernavblock, html .vBContent .mobilenavblock {
        display: block !important
    }

    html .vBContent .toplinks .remember {
        color: #666;
    }
}
/* end range 5 */