/* Responsive devices CSS */

@media screen and (max-width: 767px) {
	body {
		min-width: 100%
	}
	.tp {
		max-width: 120px !important;
	}
	.welocme-guest a {
		float: left;
		margin-right: 30px;
	}
	.m-selected {
		width: 100% !important;
		border-bottom: 1px solid #303030;
		display: inline-block;
	}
	.m-regular {
		width: 100% !important;
		border-bottom: 1px solid #303030;
	}
	div {
		box-sizing: border-box
	}
	iframe {
		max-width: 100%;
	}
	.scaleimages .mycode_img {
		max-width: 90%;
	}
	.user-mini {
		font-size: 12px;
	}
	.menu-dropdown-content {
		margin-top: 10px;
	}
	#dropdownMenu2 {
		padding-top: 15px;
		margin-left: 10px;
		list-style: none;
	}
	#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
	}
	.breadcrumb-nav .crust {
		padding: 0px 3px;
		margin-bottom: 3px;
	}
	#search input[type="search"] {
		font-size: 30px
	}
	#search .btn {
		left: 50%
	}
	#logo-responsive {
		text-align: center;
		padding: 8px;
		font-size: 24px;
		width: 100%;
		border-bottom: 3px solid #ff2423;
		background: url(../../../images/kingfire/header.png) center center repeat #303030 !important;
	}
	#logo-responsive a {
		color: #fff;
		text-decoration: none;
		text-transform: uppercase
	}
	#logo-responsive h1 {
		background: url(../../../images/kingfire/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;
	}
	.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: #aaa;
	}
	.nav>li {
		background-color: #131313 !important;
		text-align: left;
		padding-left: 5% !important;
		height: 40px;
		z-index: 9999;
		width: 100%;
	}
	.nav>li:hover {
		background-color: #171717 !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%
	}
	.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;
	}
	.post .post_author div.author_avatar img {
		float: none;
		margin-right: 0px;
	}
	.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
	}
	.content {
		margin: auto 0 auto 3%;
	}
	#wrapperindex {
		width: 95%;
		padding: 0px;
		margin-top: 1%;
	}
	.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
	}
	.mtab-current, .mtab {
		display: inline-block;
		margin-bottom: 10px;
		width: 100%;
	}
	.mtab-current:hover, .mtab:hover {
		display: inline-block;
		margin-bottom: 10px;
		width: 100%;
	}
}
@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 (min-width:1281px) {
		a.close-modal {
			left: 57.5%;
		}
}
@media screen and (max-width:399px) {
		.breadcrumb-nav .home {
			display: none;
		}
		a.close-modal {
			left: 85%;
		}
	}