/* 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 {
       margin-top: 5px;
       margin-bottom: 0;
       font-size: 12px;
       font-weight: 600;
}

.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;
		margin-left: 10px
}

.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/header2.png) no-repeat center bottom; /* ============================== HEADER? */
		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/header2.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;
}

.private_list {
        width: 100%;
		border-left: 0px solid #afbed0;
}

.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: rgba(0, 128, 255, 0.5)
}

a.botton_ucp:hover {
		background: rgba(0, 128, 255, 1)
}

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 {
       float: left !important;
}

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, .inbox, .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: #fff;
		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 .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;
}


}

/* Index sidebar */
.nosidebar_index {
	display: none;
	padding: 0px;
}

#forum_index {
	padding: 0px;
}

.sidebar_index {
    float: right;
    padding-right: 0px;
    padding-left: 15px;
}

@media screen and (max-width: 767px) {
	.sidebar_index {
		width:100%;
    }
}

/* DVZ Shoutbox */

#shoutbox {
	margin-bottom: 10px;
	-webkit-box-shadow: 0 1px 2px -1px #5b82a4;
	-moz-box-shadow: 0 1px 2px -1px #5b82a4;
	box-shadow: 0 1px 2px -1px #5b82a4;
}
#shoutbox .head {
	padding: 8px;
}
#shoutbox.front .head {
    cursor: pointer;
    background: #303f50;
    color: #fff;
}
#shoutbox .head .right {
	float: right;
	margin: 0;
	font-size: 13px;
}
#shoutbox.collapsed .head {
	opacity: 0.6;
}
#shoutbox.collapsed .body {
	display: none;
}
#shoutbox .panel {
	border: solid 1px #435870 !important;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#shoutbox input.text {
	margin: 0;
	padding: 10px 8px;
	width: 100%;
	box-sizing: border-box;
	border: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.08);
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000;
}
#shoutbox .minposts, #shoutbox .blocked {
	padding: 6px;
	font-size: 11px;
}
#shoutbox .panel.minposts {
	background: #FFFED8;
	color: #727250;
}
#shoutbox .panel.blocked {
	background: #FCEFEF;
	color: #543A3A;
}
#shoutbox .panel p {
	margin: 0;
}
#shoutbox .window {
    overflow-y: scroll;
    padding-top: 10px;
    padding-left: 5px;
    background: rgba(217, 240, 255, 0.4);
    border: 2px solid rgba(217, 240, 255, 1);
}
#shoutbox .data {
	display: table;
	width: 100%;
	border-top: solid 2px rgba(0, 0, 0, 0.1);
	font-family: Arial, sans-serif;
	font-size: 12px;
}
#shoutbox.front .data {
	border-top: none;
}
#shoutbox .entry {
	display: table-row !important;
	width: 100%;
	transition: background-color 0.2s;
}
#shoutbox .entry:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.01);
}
#shoutbox .entry.new {
	background-color: rgba(255, 255, 100, 0.1);
}
#shoutbox .entry:target {
	background-color: rgba(50, 200, 255, 0.1);
}
#shoutbox .entry>div {
	border-bottom: solid 1px rgba(46, 64, 82, 0.1);
}
#shoutbox .entry:last-child>div {
	border-bottom: none;
}
#shoutbox .entry>div {
	display: table-cell;
	padding: 6px;
}
#shoutbox .avatar img {
	margin: 0 auto;
	vertical-align: middle;
	max-height: 20px;
	max-width: 20px;
	border: solid 1px rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}
#shoutbox .user {
	border-right: solid 1px rgba(0, 0, 0, 0.05);
	text-align: right;
	white-space: nowrap;
}
#shoutbox .text {
	width: 100%;
	color: #2e4052;
}
#shoutbox .info {
    font-size: 11px;
    color: #435870;
    white-space: nowrap;
    text-align: right;
    background: rgba(217, 240, 255, 1);
}
#shoutbox .entry.unread .info:before {
	display: inline-block;
	position: relative;
	top: -2px;
	margin-right: 10px;
	height: 4px;
	width: 4px;
	content: '';
	background: rgba(255, 100, 0, 0.8);
	border-radius: 10px;
}
#shoutbox .info a {
	color: inherit;
}
#shoutbox .mod {
	padding: 6px 8px;
	font-size: 9px;
	font-weight: bold;
	color: #AAA;
	text-decoration: none;
}
#shoutbox .mod:nth-of-type(2) {
	margin-right: 5px;
	border-left: solid 1px rgba(0, 0, 0, 0.1);
}
#shoutbox .ip {
	margin-right: 10px;
	color: #CECECE;
}
#shoutbox .head a {
	color: rgba(222, 230, 237, 1);
}
#shoutbox .thead {
    color: #ffffff;
    background-color: #303f50;
    border-top: 2px solid #009dff;
    width: 100%;
    display: inline-block;
    padding: 3px;
}
p.right {
   float: right;
}