/* Responsive devices CSS */
@media screen and (max-width: 767px) {
	body {
		min-width: 100%
	}
	div {
		box-sizing: border-box
	}
	iframe {
        max-width: 100%;
    }
	.scaleimages .mycode_img {
        max-width: 90%;
    }
	.user-mini {
        font-size: 12px;
    }
	#buddyselect_container {
       display: block;
       top: 0;
       left: 0%;
       position: fixed;
       z-index: 1000;
       text-align: left;
       margin-left: 0;
       margin-top: 0;
    }
	.btn-primary {
       font-size: 12px;
       font-weight: 600;
	    margin: 5px 0;
    }
	.desc {
		padding: 0;
		text-align: left;
		line-height: 1.3
	}
	.responsivehide {
		display: none
	}
	.wrapper-head {
		border-top: 0px solid #33b2ff;
		display: none
	}
	.navbar-nav {
		margin: 0px -15px !important
	}
	.navigation-responsive {
		display: block;
		color: #fff;
		text-align: center;
		padding: 5px 5px 7px 10px;
		border-top: 0 solid #ccc;
		border-bottom: 0 solid #ccc;
		background: #263240;
		margin-bottom: 20px
	}
	#header, .navigation, #logo, #logo .fa, .usermenu {
		display: none
	}
	#header-responsive, .menu-responsive, .navigation-responsive, #logo-responsive, #logo-responsive .fa, .usermenu-responsive {
		display: block
	}
	#panel-responsive {
		min-height: 63px;
		text-align: left;
        padding-left: 2%;
	}
	#panel-responsive a.searchbtn {
       position: absolute;
       top: 9px;
       right: 12px;
    }
	#panel-responsive main {
       padding: 10px 12px;
       background: rgba(250, 250, 250, .05);
    }
	.user-drop {
       left: -20px !important;
       width: 250px;
    }
	/*.subject_editable, .pull-left {
       width: 100%;
    }*/
	.text-right {
		text-align: center
	}
	.container-fluid {
        padding: 1%;
    }
	.userunique-responsive {
		float: left;
		line-height: 3;
	}
	.breadcrumb-nav {
        padding: 8px 0 8px 5px;
    }
	.breadcrumb-nav .crust a.crumb, .breadcrumb-nav .crust b.lastcrumb {
		max-width: 80px!important
	}
	#search input[type="search"] {
		font-size: 30px
	}
	#search .btn {
		left: 50%
	}
	#logo-responsive {
		background: url(../../../images/netpen-pro/logo-bg4.png) no-repeat center bottom;
		text-align: center;
		padding: 8px;
		font-size: 24px;
		width: 100%
	}
	#logo-responsive a {
		color: #F27768;
		text-decoration: none;
		text-transform: uppercase
	}
	#logo-responsive h1 {
		background: url(../../../images/netpen-pro/nav-bg-dark.png) center repeat;
		margin-top: 0;
		margin-bottom: 0
	}
	#logo-responsive img {
		max-width: 80%;
		margin-bottom: 0;
		padding: 5%
	}
	.navbar-header {
       text-align: left;
    }
	#main-container {
		width: 100%;
		margin: 0
	}
	#wrapperindex {
		width: 99%
	}
	#pm_notification {
		line-height: 30px;
		background: transparent
	}
	.login-form {
        width: 95%;
        margin: 20px auto;
    }
	.login-form .member_label {
        margin-left: 0px !important;
    }
	
	.forumdisplay_regular>.visible-xs>.label-info.member_label {
    line-height: 2.25em !important;
}
		.forumdisplay_sticky>.visible-xs>.label-info.member_label {
    line-height: 2.25em !important;
}
	
	.private_list {
        width: 100%;
		border-left: 0px solid #afbed0;
    }
	.private_list li {
    	border-left: none;
	}
	
	.private_list .tcat {
        display: none;
    }
	a.re_pm, a.old_pm {
        
    }
	.moderated {
        text-align: center;
    }
	.table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
       -ms-overflow-style: -ms-autohiding-scrollbar;
    }
	a.tsubject {
		font-size: 13px
	}
	img.panelavatar {
		display: none
	}
    .avatar-buddy {
        text-align: center;
        width: 100%;
    }
	.user_avatar {
		background: #fff;
		margin: 10px 0 12px 12px;
		float: left
	}
	.control-label-left {
        border-right: 0px solid rgba(222, 230, 237, 1);
        border-bottom: 0px solid rgba(222, 230, 237, 1);
		width: 100%;
    }
	.control-label-right {
        border-bottom: 2px solid rgba(222, 230, 237, 1);
    }
	.buttons {
		display: none !important
	}
	.share-button {}
	a.botton_ucp {
		left: 0px;
		width: 27px;
		background: var(--bl4);
	}
	a.botton_mcp {
		left: 0px;
		width: 27px;
		background: rgba(0, 128, 255, 0.5)
	}
	a.botton_mcp:hover {
		background: rgba(0, 128, 255, 1)
	}
	.forums {
		float: none !important;
		width: 100% !important
	}
	.subforum_dropdown::before {
		margin-right: 0px;
		margin-left: 0px
	}
	.panel-title {
       display: none;
    }
	a.new_thread_button:link, a.new_reply_button:link, a.closed_button:link, a.new_thread_button:hover, a.new_reply_button:hover, a.closed_button:hover, a.new_thread_button:visited, a.new_reply_button:visited, a.closed_button:visited, a.new_thread_button:active, a.new_reply_button:active, a.closed_button:active {
		font-size: 12px
	}
	form .col-sm-8 {
		width: 100% !important;
		padding-right: 0px !important;
		padding-left: 0px
	}
	.form-horizontal {
		width: 95% !important;
		margin: 0 auto;
	}
	.form-horizontal .form-group-sm .control-label {
        width: 100%;
    }
	#registration_form {
		width: 100%;
		margin: 0
	}
    span.fname {
        float: none;
        width: 100% !important;
    }
	a.botton_ucp {
		top: 100px;
        width: 40px;

    }
	.post_content .signature::before, .panel-body .signature::before {
		left: 60%
	}
	.post.classic .post_author {
		float: none;
		width: 100%
	}
	.post .post_author div.author_statistics {
        padding: 25px 5px;
    }
	
	.post.classic .post_content {
		float: none;
		width: 100%;
		margin-left: 0% !important
	}
	.postbit_buttons {
		float: none;
		margin-top: 5px;
		text-align: center !important
	}
	a.crumb {
		color: #fff;
		font-size: 11px !important
	}
	a.crumb:hover {
		color: #33b2ff
	}
	.nav>li {
		background-color: #23313E !important;
		text-align: left;
		padding-left: 5% !important;
		height: 40px;
		z-index: 9999
	}
	.nav>li:hover {
		background-color: #405972 !important
	}
	.nav>li span {
		line-height: 2.5;
		padding-left: 5%
	}
	.navbar-nav>l i>a {
		color: #fff !important
	}
	li.home a::before {
		display: none
	}
	.istatwrap>ul>li {
		float: none;
		margin-right: 0px;
		width: 100%;
		margin-bottom: 7px;
		text-align: left;
	}
	.columns {
		margin-bottom: 0px;
		padding-bottom: 15px
	}
	.author_information a {
		font-size: 14px
	}
	a.usercp_nav_item {
		padding-left: 0
	}
	.full {
		width: 95%
	}
	.panel {
		width: 100%
	}
	.panel-body .col-sm-3 {
		width: 100%
	}
	.responsive {
		display: block
	}
	.wrapper {
		min-width: 99%
	}
	li[role*="presentation"] a span, .nav_private, blockquote cite span {
		display: none !important
	}
	.tcat .threadbit_lastpost, .sub_right {
		float: right
	}
	.tcat .threadbit_stats, .color-picker, .options-settings, .downloadlink i {
		display: none !important
	}
	span.alerts {
		margin-right: 5px
	}
	.post .post_author div.author_information {
		width: 100%
	}
	.post .classic .post .post_author div.author_information {
		width: 100%;
		text-align: center
	}
	.post .post_author div.author_statistics {
		width: 100%;
		text-align: center
	}
	.post .classic .post .post_author div.author_statistics {
		width: 100%;
		text-align: center
	}
	.pre-next {
		float: none
	}
	.text-muted {
		text-align: center;
	}
	.modal {
        width: 90%;
        height: 340px;
        margin-top: 0px !important;
        top: 3% !important;
        margin-left: auto !important;
        left: -5px !important;
        right: -5px !important;
        margin-right: auto !important;
    }
	.welcomebox {
		width: 95%;
		margin: 10px 0 0 7px;
		text-align: left;
		display: none
	}
	.welcomelogin {
		border-top: 0px solid #33b2ff;
		border-left: 0 solid #33b2ff;
		width: 90%;
		padding: 30px 0 0 15px;
		margin: 0 auto;
	}
	.welcomelogin .checkbox label {
		float: left;
		width: 100%
	}
	.drop-responsive {
		padding: 20px 0 !important;
	}
	.cavatar {
       display: none;
    }
	.welcome-guest {
        float: none;
        width: 100%;
        margin-bottom: 0;
        padding-top: 15px;
    }
	.menu {
		display: none;
	}
	.usersection {
		display: none;
	}
	.usermenu {
		display: none;
	}
	#content {
		width: 100%;
		padding: 0px 0px 5px 0px;
	}
	.col-lg-10, .col-xs-12 {
		padding-right: 5px;
		padding-left: 5px
	}
	#wrapperindex {
		width: 100%;
		padding: 0px;
	}
	.menu_ucp_sub li {
		text-align: left;
	}
	.menu_mcp_sub li {
		text-align: left
	}
	.rate_thread {
		margin: 19px 0 0 !important;
		font-size: 11px
	}
	.userbrows {
		float: none;
		width: 100%;
		padding: 0;
		text-align: center
	}
	.new_thread {
		width: 145px;
		margin: 10px auto;
		float: none
	}
	.new_reply {
		margin-top: 10px;
		margin-right: 1%
	}
	.new_reply_bottom {
		float: none !important;
		margin-top: 10px;
		margin-right: 1%;
		text-align: center
	}
	.breadcrumb {
		display: none
	}
	.mark-subscribe {
		width: 100%;
		float: left;
		height: 30px
	}
	#thread_modes {
		font-size: 9px;
		padding-right: 3px
	}
	.col-md-3 {
		padding-left: 10px !important
	}
	table {
		overflow-x: auto
	}
	input.textbox {
		width: 90%
	}
	table.tborder {
    	background: var(--bl2);
		width: 99%
	}
	.thead {
		width: 100%;
		padding: 0;
		text-align: center;
		line-height: 25px
	}
	.thead strong {
		font-size: 15px
	}
	td.thead {
		width: 100%;
		padding: 0;
		text-align: center;
		line-height: 50px
	}
	td.thead strong {
		font-size: 15px
	}
	tr.sort {
		display: none
	}
	.folder_icon {
		display: none
	}
	.float_right img {
		margin-bottom: 0px
	}
	.trow1, .trow2 {
		padding: 3px 0
	}
	.thread_legend, .thread_legend dd {
		display: none
	}
	.float_left .multi {
		display: none
	}
	.thread_tools {
		display: none
	}
	span.tstat {
		float: left;
		width: 70%;
		font-size: 10px;
		padding-left: 7px;
		display: block
	}
	span.desc {
		display: none
	}
	.smalltextdesc {
		display: none
	}
	.status {
		padding: 5px !important
	}
	.trowstat {
		background: transparent;
		padding: 5px;
		font-size: 10px;
		border-left: 0 solid #fff;
		text-align: left;
		float: left !important;
		min-height: 10px
	}
	.bottom-border {
		border-bottom: 2px solid rgba(217, 240, 255, 1);
		padding-bottom: 3%;
		margin-bottom: 5px
	}
	a.fname {
		width: 100%;
		font-size: 17px;
		padding: 5px 0 5px 5px
	}
	.subforum_dropdown {
		float: left
	}
	.help-block {
		text-align: left;
		margin-top: 0px;
		margin-bottom: 15px
	}
	span.smalltext strong {
		font-size: 12px
	}
	.tcat, .tfoot {}
	.trow_stats_threads, .trow_stats_users, .trow_stats_newusers, .trow_stats_mostusers {
		width: 100%;
		float: left;
		text-align: center
	}
	dl.forum_legend {
		display: none
	}
	.bottom_top {
		width: 100%;
		float: left;
		text-align: center
	}
	.theme {
		float: none;
		margin: 0 auto;
		display: inline
	}
	.banners {
		width: 100%;
		padding: 5px
	}
	.banner-left {
		width: 95%
	}
	.banner-right {
		float: left;
		width: 95%
	}
	img, embed, object, video {
		max-width: 100%;
        margin-top: 5px;
	}
	#boardstats_e {
		text-align: center
	}
	#boardstats_e span.smalltext {
		width: 100%;
		padding: 0
	}
	.footer {
		font: bold 14px sans-serif
	}
	.footer .footer-left, .footer .footer-center, .footer .footer-right {
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
		border: 0px
	}
	.footer-center h3, .footer-right h3 {
		width: 100%
	}
	.footer .footer-center i {
		margin-left: 0
	}
	.footer .footer-company-name {
        width: 100%;
    }
	.post .post_author div.author_avatar {
		float: none
	}
	.post .post_author {
		text-align: center
	}
	.select {
		margin: 10px auto;
		padding: 0;
		width: 90%;
		height: 40px;
		color: #FFF;
		text-align: center;
		display: inline-block;
		border-bottom: 2px solid #33b2ff
	}
	.select select {
		background: #fff;
		color: #5c6570;
		border: 1px solid #393f46;
		padding: 3px;
		outline: 0;
		font-family: 'Exo 2', sans-serif;
		font-size: 20px;
		width: 80%;
		text-align: center;
		margin: 2px auto
	}
	.expcolimage {
		margin: 0 5px
	}
	
	.profile-topbar {
	overflow: initial !important
	}
	.profile-topbar .topbar-text {
		padding: 13px 15px !important
	}
	.profile-topbar .topbar-text div:first-child {
		text-align: center
	}
	.topbar-text .group_img {
		text-align: right
	}
	.topbar-text .group_img strong {
		text-align: left;
		float: left;
		padding-top: 7px
	}
	span.badge {
		margin: 3px 0
	}
	.nav-tabs>li {
		margin-bottom: 0px;
		background-color: transparent !important;
		padding-left: 0% !important
	}
	.nav-tabs>li:hover {
		background-color: #fff !important
	}
	.nav-tabs>li a {
		color: #fff
	}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		padding-right: 5px !important;
		padding-left: 5px !important
	}
	.responsiveshow {
		display: block
	}
	.responsiveshow1 {
		display: inline-block
	}
	.responsiveblock {
		display: block
	}
	.responsiveleftblock {
		float: left;
		margin: 5px 0px
	}

}

@media screen and (max-width:900px) and (min-width:767px) {
	.navbar {
       width: 100%;
	   text-align: center;
    }
	#logo-responsive img {
		max-width: 50%;
		margin-bottom: 0;
		padding: 5%
	}
	.usersection {
        position: absolute;
        right: 15px;
    }
	.mainmenu {
        font-size: 13px;
        width: 100%;
    }
	.user-mini {
		background: rgba(159, 177, 198, .5);
        padding: 15px;
    }
	.user-mini:hover, .user-mini:focus  {
		background: rgba(159, 177, 198, 1);
        padding: 15px;
    }
	.userp .fa {
        transition: all 0.5s ease;
        height: 48px;
        line-height: 48px;
        padding: 0 2px;
        background: rgba(159, 177, 198, .7);
    }
	#search .close {
        display: none;
    }
    span.fname {
        float: none;
        width: 100% !important;
    }
	a.botton_ucp {
        width: 40px;

    }
	.btn-login {
	    opacity: .5;
    }
    .btn-login:hover {
	    opacity: 1;
    }
    .btn-register {
	    opacity: .5;
    }
    .btn-register:hover {
	    opacity: 1;
    }
	#quick_login {
        top: 30% !important;
    }
	.login-form {
        width: 60%;
    }
	.nav-tabs > li.active > a span {
        display: none;
    }
	.private_home {
        width: 97%;
        margin: 0 auto 20px;
    }
	.nav_inbox li.active a {
        font-size: 12px;
    }
	/*.post.classic .post_author {
        width: 29%;
    }
    .post.classic .post_content {
        width: 70%;
    }*/
	
	
}

@media screen and (max-width:1279px) and (min-width:979px) {
	.navbar {
       width: 100%;
	   text-align: center;
    }
	.usersection {
        position: absolute;
        right: 15px;
    }
	.mainmenu {
        font-size: 13px;
        width: 80%;
		float: left;
    }
	/*.post.classic .post_author {
        width: 25%;
    }
    .post.classic .post_content {
        width: 75%;
    }*/
}

@media screen and (max-width:399px) {
    .breadcrumb-nav .home {
        display: none;
    }
}

@media screen and (max-width:1069px) {
    .nav_inbox li.active span {
        font-size:10px;
    }
}