@media only screen and (max-width: 768px) {

body[class*="newreply"] .tborder *[class*="trow"],
 body[class*="newthread"] .tborder *[class*="trow"],
 body[class*="editpost"] .tborder *[class*="trow"],
 body[class*="private.php send"] .tborder *[class*="trow"],
body[class*="search.php"] .tborder *[class*="trow"],
	body[class*="avatar"] .tborder *[class*="trow"],
	body[class*="password"] .tborder *[class*="trow"],
	body[class*="email"] .tborder *[class*="trow"],
	body[class*="changename"] .tborder *[class*="trow"],
	body[class*="editsig"] .tborder *[class*="trow"],
	body[class*="contact_us"] .tborder *[class*="trow"]{
  display:block;
  width:auto;
 }


body[class*="usercp.php options"] td[width*="50%"] {
  display:block;
  width:auto;
}
	
body {
margin-bottom:20px !important;	
}
	
.header_how_works {
display:block;width:100%;margin-right:0px;margin-bottom:10px;
}
.header_how_works:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 40%; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
    border-bottom: 3px solid #f3f3f3; /* This creates the border. Replace black with whatever color you want. */
}

.head_tab_height {
min-height:200px;	
}
	
.alert_box_header {
margin-right:0px;	
}
	
#aboutus_page {
width:auto;
}

.floating_button {
	float:none;
	display:block;
	margin-top:5px;
	}
	
#backtop {
bottom: 55px;
right: 10px;
}
	
.guest_welcome_text {
width:100%;	
}
	
.showthread_reply_styling {
margin-top:-10px;margin-bottom:14px;float:none;
}
	
.newthread_button_float {
float:none;
}
	
.sub-navito {
height:auto;
overflow:visible;
padding-top:12px;
}

.sub-navito .sub-nav-item {
   display:block;
	text-align:left;
	margin-bottom:16px;
}
	
.sub-navito .sub-nav-item a {
    padding:0px 20px;
 }
	
.sub-navito .sub-nav-item a:hover {
	box-shadow:none;
 }
	
.profile_button {
display:block;	
}

#profile_button_right {
float:none;
}
	
.postbit_redirect {
width:90%;	
}
	
#profiles-shares-resp {
width:100%;
}
	
.desktop-td-only [class*="trow"] {
	display:none; }
	
.mobile-td-only [class*="trow"] {
	display:table-cell;}
	
.mobile-only {
	display:block;
}
.desktop-only {
	display:none;
}
#desktop-only {
	display:none;
}
.mobile-only-inl {
	display:inline-block;
}
.desktop-only-inl {
	display:none;
}
#desktop-only-table {
	display:none;
}
	
.wrapper {
  width: 98%;
  min-width: auto;
  max-width: none;
}

.upper .wrapper {
  padding-left:12px;
  padding-right:12px;
  box-sizing:border-box;
}

.upper .wrapper [style*="float:left"]{
  float:none !Important;
  display:inline-block;
}

.upper .wrapper [style*="float:left;margin-top:-2px;margin-left:30px"] {
  display:none;
}

.upper .wrapper [style*="float:right;margin-top:-8px;margin-left:15px"] {
  position:relative;
  top:4px;
}
	
td .navito,
#header +.header-navito .navito {
  height:auto;
  position:relative;
}

.v-center {
  top:0;
}

#header +.header-navito .navito:after {
  content:"\f0c9";
  font-family:"FontAwesome";
  float:right;
  position:absolute;
  top:10px;
  font-size:15px;
  right:20px;
}

#header +.header-navito .navito:before {
  display:block;
  content:"Navigation";
  padding:10px 18px;
  text-align:left;
  font-size:15px;
  font-weight:bold;
}

td .navito .nav-item a,
#header +.header-navito .navito .nav-item {
  display:block;
  text-align:left;
  border-right:0;
}

td .navito .nav-item {
  display:block;
  top:0;
  transform: translateY(0);
}

.navito .nav-item a {
  margin-left:0px;
padding: 10px 5px;
position:relative;
top:5px;
}

#nav_button {
    display: block;
    padding: 10px;
    text-align: left;
	color:#fff;
	background: #5cb874;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #6e9fca, #5cb874);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #6e9fca, #5cb874); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
	
.navito .nav-item {
    display: block;
}
	
.navito .nav-item a {
    margin-left: 0px;
    display: block;
text-align:left;
}

.navito  {
	height:auto;
}

#header ul.menu {
  float:right;
  position:relative;
  top:6px;
}

#container {
 min-width:auto;
}

#content {
  padding:10px;
  box-sizing:border-box;
}

.sidebar, .forums {
  float:none !Important;
  width:auto !Important;
}

.forums {
  margin-top:8px;
}

.forums td[width="25%"] {
  display:block;
  width:auto;
}
	
.sharebg:hover {
  transform: scale(1) !Important;
  -moz-transform: scale(1) !Important;
  -webkit-transform: scale(1) !Important;
  -o-transform: scale(1) !Important;
  -ms-transform: scale(1) !Important;
}

.post [style*="margin-left:74px"] {
   margin-left:0px !Important;
}

.post .avatar_style {
  width:40px !Important;
  height:40px !Important;
}

.post a[data-uid] {
	float:left;
  padding-right:10px;
}

.box-bgs > img:first-child {
  float:none !Important;
  margin:0 auto;
  display:block;
  margin-bottom:20px;
  text-align:center;
}

.box-bgs > img:first-child  + div {
  margin-left:0px !Important;
  text-align:center;

}

.box-bgs .dropdown, .box-bgs .dropdown a, .box-bgs .dropdown a button, .box-bgs .dropdown + * {
  display:block;
  text-align:center;

}

.box-bgs button {
  width:100%;
}

.box-bgs a[href*="private.php?action=send"] button{
  float:none !Important;
  padding:10px;
  display:block;
}  


.box-bgs .dropdown-content {
  width:auto !Important;
  position:static;
}

.box-bgs  ~ .forums div[style*="position:absolute"] {
  position:static !Important;
}

/*Member list*/

div[style*="display:inline-block;width:43%;padding:25px;text-align:left;"] {
 display:block !Important;
 padding:5px 10px !Important;
 width:auto !important;
}

.box-bgs-light [style*="float:right"], .box-bgs-light form{
  float:none !Important;
  margin:3px auto !Important;
  text-align:center;
}

/*Discussions forum styling*/

.discussion_forumbit {
   width:auto !important;
   display:block !Important;
   padding:0 !Important;
   margin:4px 8px;
}

td table[style*="width:70%"] {
  width:100% !Important;
}



body[class="member.php register"]   td[width*="50%"] {
 display:block;
 width:auto;
}

body[class*="modcp.php "]  td[valign="top"][width="240"], body[class*="modcp.php "]  td[valign="top"][width="240"] + td {
  display:block;
  width:auto;
margin:4px 0px;
}
	
.adjst {
    padding-right: 0px !important;
	padding-bottom: 20px !important;
}
	
body[class="modcp.php "]  td[valign="top"][width="240"] + td .tborder:nth-of-type(2) td:nth-child(2), body[class="modcp.php "]  td[valign="top"][width="240"] + td .tborder:nth-of-type(2) td:nth-child(4) , body[class="modcp.php "]  td[valign="top"][width="240"] + td .tborder:nth-of-type(2) td:nth-child(5){
 display:none;
}

body[class="modcp.php "]  td[valign="top"][width="240"] + td .tborder:nth-of-type(2) td {
 text-align:left;
}

body[class="modcp.php "]  td[valign="top"][width="240"] + td .tborder:nth-of-type(2) td:first-child {
 width:65%;
}

body[class="modcp.php "]  td[valign="top"][width="240"] + td .tborder:nth-of-type(2) td:nth-child(3) {
 text-align:right;
}

body[class="modcp.php "]  td[valign="top"][width="240"] + td .tborder:nth-of-type(3) td:nth-child(3), body[class="modcp.php "]  td[valign="top"][width="240"] + td .tborder:nth-of-type(3) td:nth-child(4) {
 display:none;
}

body[class="modcp.php "]  td[valign="top"][width="240"] + td .tborder:nth-of-type(3) td:nth-child(2) {
 text-align:right;
}

body[class="modcp.php allreports"] td[valign="top"][width="240"] + td .tborder td.tcat:not(:first-child ){
 display:none;
}

body[class="modcp.php allreports"]  td[valign="top"][width="240"] + td .tborder td:not(.thead):not(.tcat) {
 display:block;
 text-align:left;
}

body[class="modcp.php allreports"]  td[valign="top"][width="240"] + td .tborder td:before {
 display:block;
 position:relative;
 padding-bottom:3px;
}

body[class="modcp.php allreports"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"] {
 width:auto;
 display:block;
 border-width:0px 1px;
}

body[class="modcp.php allreports"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(1):before {
 content:"Reported Content";
}

body[class="modcp.php allreports"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(2):before {
 content:"Report reason";
}

body[class="modcp.php allreports"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(3):before {
 content:"Reporter";
}

body[class="modcp.php allreports"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(4):before {
 content:"# of Reports";
}

body[class="modcp.php allreports"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(5):before {
 content:"Reported";
}

body[class="modcp.php reports"]  td[valign="top"][width="240"] + td .tborder td:nth-child(3) {
 display:none;
} 


body[class="modcp.php reports"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"] {
 border-width:0px;
}


body[class="modcp.php reports"]  td[valign="top"][width="240"] + td .tborder .tcat:nth-child(2), body[class="modcp.php reports"]  td[valign="top"][width="240"] + td .tborder .tcat:nth-child(4) {
 display:none;
}

body[class="modcp.php reports"]  td[valign="top"][width="240"] + td .tborder .tcat:nth-child(5) {
 text-align:right;
}

body[class="modcp.php reports"]  td[valign="top"][width="240"] + td .tborder tr, body[class="modcp.php reports"]  td[valign="top"][width="240"] + td .tborder td.thead{
 display:block;
 position:relative;
}

body[class="modcp.php reports"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"] {
 display:block;
 text-align:left;
}

body[class="modcp.php reports"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(5) {
 position:absolute;
 z-index:3;
 top:0px;
 right:0px;
}

body[class="modcp.php reports"] td[valign="top"][width="240"] + td .tborder td:before {
 display:block;
 position:relative;
 padding-bottom:3px;
}

body[class="modcp.php reports"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(1):before {
 content:"Reported Content";
}

body[class="modcp.php reports"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(2):before {
 content:"Reported Reason";
}

body[class="modcp.php reports"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(3):before {
 content:"# of reports";
}

body[class="modcp.php reports"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(4):before {
 content:"Last Reported";
}

body[class="modcp.php modlogs"]  td[valign="top"][width="240"] + td .tborder:nth-of-type(1) td {
 text-align:left;
}



body[class="modcp.php modlogs"]  td[valign="top"][width="240"] + td .tborder td:before {
 display:block;
 position:relative;
 padding-bottom:3px;
}

body[class="modcp.php modlogs"]  td[valign="top"][width="240"] + td .tborder:nth-of-type(1) .tcat:not(:first-child) {
 display:none;
}

body[class="modcp.php modlogs"]  td[valign="top"][width="240"] + td .tborder:nth-of-type(1) td[class*="trow"] {
 display:block;
}

body[class="modcp.php modlogs"]  td[valign="top"][width="240"] + td .tborder:nth-of-type(1) td[class*="trow"]:nth-child(1):before {
 content:"Username";
}

body[class="modcp.php modlogs"]  td[valign="top"][width="240"] + td .tborder:nth-of-type(1) td[class*="trow"]:nth-child(2):before {
 content:"Date";
}

body[class="modcp.php modlogs"]  td[valign="top"][width="240"] + td .tborder:nth-of-type(1) td[class*="trow"]:nth-child(3):before {
 content:"Action";
}

body[class="modcp.php modlogs"]  td[valign="top"][width="240"] + td .tborder:nth-of-type(1) td[class*="trow"]:nth-child(4):before {
 content:"Information";
}

body[class="modcp.php modlogs"]  td[valign="top"][width="240"] + td .tborder:nth-of-type(1) td[class*="trow"]:nth-child(5):before {
 content:"IP";
}

body[class="modcp.php finduser"]  td[valign="top"][width="240"] + td .tborder:nth-of-type(1) td:nth-child(2),
body[class="modcp.php finduser"]  td[valign="top"][width="240"] + td .tborder:nth-of-type(1) td:nth-child(3),
body[class="modcp.php finduser"]  td[valign="top"][width="240"] + td .tborder:nth-of-type(1) td:nth-child(4) {
 display:none;
}


body[class="modcp.php banning"]  td[valign="top"][width="240"] + td .tborder td:before {
 display:block;
 position:relative;
 padding-bottom:3px;
}

body[class="modcp.php banning"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(1):before {
 content:"Username";
}

body[class="modcp.php banning"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(2):before {
 content:"Reason";
}

body[class="modcp.php banning"]  td[valign="top"][width="240"] + td .tborder: td[class*="trow"]:nth-child(3):before {
 content:"Length";
}

body[class="modcp.php banning"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(4):before {
 content:"Banned By";
}

body[class="modcp.php banning"]  td[valign="top"][width="240"] + td .tborder td.tcat:not(:first-child) {
 display:none;
}

body[class="modcp.php banning"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"] {
 display:block;
}

body[class="modcp.php editprofile"]  td[valign="top"][width="240"] + td .tborder td  {
 display:block;
 width:auto;
}

body[class="modcp.php warninglogs"]  td[valign="top"][width="240"] + td .tborder td.tcat:not(:first-child) {
 display:none;
}


body[class="modcp.php warninglogs"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"] {
 display:block;
 text-align:left;
}

body[class="modcp.php warninglogs"]  td[valign="top"][width="240"] + td .tborder td:before {
 display:block;
 position:relative;
 padding-bottom:3px;
}

body[class="modcp.php warninglogs"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(1):before {
 content:"Warned User";
}

body[class="modcp.php warninglogs"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(2):before {
 content:"Warning";
}

body[class="modcp.php warninglogs"]  td[valign="top"][width="240"] + td .tborder: td[class*="trow"]:nth-child(3):before {
 content:"Date Issued";
}

body[class="modcp.php warninglogs"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(4):before {
 content:"Expires";
}

body[class="modcp.php warninglogs"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(5):before {
 content:"Issued by";
}

body[class="modcp.php warninglogs"]  td[valign="top"][width="240"] + td .tborder td[class*="trow"]:nth-child(6):before {
 content:"Details";
}


body[class="moderation.php threadnotes"]  form .tborder:not(:first-child) td.tcat:not(:first-child){
  display:none;
}

body[class="moderation.php threadnotes"]  form .tborder:not(:first-child) td:not(.tcat) {
 display:block;
 width:auto;
 border-width:1px 2px;
 text-align:left;
}

body[class="moderation.php threadnotes"]  form .tborder:not(:first-child) td:not(.tcat):before {
  display:block;
  text-align:left;
}

body[class="moderation.php threadnotes"]  form .tborder:nth-child(2) td[class*="trow"]:nth-child(2):before{
 content:"Date";
}

body[class="moderation.php threadnotes"]  form .tborder:nth-child(2) td[class*="trow"]:nth-child(3):before{
 content:"Action";
}

body[class="moderation.php threadnotes"]  form .tborder:nth-child(2) td[class*="trow"]:nth-child(4):before{
 content:"Information";
}

body[class="moderation.php threadnotes"] .tcat {
 text-align:left;
}

body[class="moderation.php delayedmoderation"]  .container  .tborder.delayed_mod_queue td.tcat:not(:first-child) {
 display:none;
}

body[class="moderation.php delayedmoderation"]  .container  .tborder.delayed_mod_queue td.tcat {
 text-align:left;
}

body[class="moderation.php delayedmoderation"]  .container  .tborder.delayed_mod_queue td[class*="trow"]{
 display:block;
 width:auto;
 text-align:left;
}

body[class="moderation.php delayedmoderation"]  .container .tborder.delayed_mod_queue td[class*="trow"]:before{
  display:block;
  text-align:left;
  position:relative;
}

body[class="moderation.php delayedmoderation"]  .container .tborder.delayed_mod_queue td[class*="trow"]:nth-child(2):before {
 content:"Days to perform action";
}


body[class="moderation.php delayedmoderation"]  .container  .tborder.delayed_mod_queue td[class*="trow"]:nth-child(3):before {
 content:"Action";
}

body[class="moderation.php delayedmoderation"]  .container  .tborder.delayed_mod_queue td[class*="trow"]:nth-child(4):before {
 content:"Information";
}

body[class="moderation.php delayedmoderation"]  .container  .tborder.delayed_mod_queue td[class*="trow"]:nth-child(5):before {
 content:"Actions";
}



body[class="moderation.php delayedmoderation"]  td[class*="trow"],
body[class="moderation.php merge"]  td[class*="trow"],
body[class="moderation.php split"]  td[class*="trow"],
body[class="moderation.php move"]  td[class*="trow"] {
 display:block;
 width:auto;
}

body[class="private.php "] .box-bgs ~ .tborder.tborder td[class*="trow"]:nth-child(2),
body[class="private.php "] .box-bgs ~ .tborder.tborder td[class*="trow"]:nth-child(4) {
    display:none;
}



.search_page .tborder td{
 display:block;
 width:auto;
 border-width:1px 2px;
 
}

.modal {
 width:78%;
}

form #message {
 width:100% !Important;
 box-sizing:border-box;
}

form[action*="newthread.php?fid=67"] .tborder {
   width:100% !Important;
}
	
form[action*="editpost.php"] .tborder {
   width:100% !Important;
}

small center {

}

}