@media (min-width: 767px) {
        .hide-desktop {
          display: none !important;
        }







      }














 @media (max-width: 767px) {

    .hide-mobile {
          display: none;
        }



        .hidden-mobile {
          display: none;
        }


     .responsivehide {
          display: none;
        }


  .onlymobile {
          display: block;
        }






.tbodyss {
    display: block !important;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: stretch;
    align-items: stretch;
    justify-content: space-between;
}








      }





   @media (min-width: 768px) {
        .desktopno {
          display: none;
        }






  .onlymobile {
          display: none;
        }

      }
      @media (min-width: 992px) {
        .desktop {
          display: block;
        }
      }






@media only screen and (max-width:768px) {
	.mobile100 {
		width: 100% !important;
		box-sizing: border-box !important;
		margin: 0px !important;
		 margin-bottom: 10px !important;
	}
	



	.mobile80 {
		width: 80% !important;
		box-sizing: border-box !important;
		margin: 0px !important
	}




	.mobile65 {
		width: 65% !important;
		box-sizing: border-box !important;
		margin: 0px !important
	}


	.mobile50 {
		width: 50% !important;
		box-sizing: border-box !important;
		margin: 0px !important
	}




	.post_head {
		margin: 0px !important
	}
	.signature {
		display: none !important
	}
	.quickreply-button {
		width: auto !important
	}
	.col-50s {
		width: 100% !important
	}
	.stats-box {
		width: 46% !important
	}
	.stats-50,
	.stats-25 {
		display: table !important;
		width: 100% !important
	}
	.memberlistbox {
		float: none !important;
		width: 100% !important
	}
	.mobilepadding {
		padding: 10px
	}
	.dusercp_right {
		padding: 0px !important;
		margin: 0px !important;
		width: 100% !important
	}
	.mobile-align {
		margin-left: 0px !important
	}
	.mobiletable {
		display: table !important
	}
	.mobileshowing {
		display: block !important
	}
	.mobilehiding {
		display: none !important
	}
	.isidebarz {
		width: calc(100%) !important;
		margin-left: 0 !important
	}
	#demonlogo {
		width: 300px !important
	}
	span.postbit_buttons.float_right {
		display: none!important
	}
	.post_controls {
		position: initial!important
	}
	.post_controls a {
		display: block !important;
		visibility: visible !important
	}
	.icontentz {
		width: calc(100%) !important;
		margin-top: 14px !important
	}
	.wrap {
		width: 100% !important;
		margin: 0 auto
	}
	.col-40 {
		margin: 0 !important;
		width: 100% !important
	}
		






@media screen and (max-width: 480px)
.responsivehide{
    display: none !important;
}