/*  ==============================================================
	Responsive styles.
    ============================================================== */


@media (max-width: 768px) {

	/* Headlines */
	h1, h2, h3, h4, h5, h6 {
		text-align: center;
	}

	/* Logo */
	#logo {
		text-align: center;
		width: 100%;
	}

	/* Navigation */
	#nav-trigger {
		display: block;
		font-size: 24px;
		position: absolute;
		right: 0;
	}

	#navigation {
		display: none;
		height: auto;
		margin: 0;
		overflow: hidden;
		padding: 0 0 20px;
		width: 100%;
	}

	#navigation > li,
	#navigation > li > a {
		clear: both;
		display: block;
		float: none;
		line-height: 50px;
		width: 100%;
	}

	#navigation > li i + span {
		margin-left: 20px;
	}

	.navigation-spacer {
		height: 1px !important;
		margin: 5px 0;
		width: 100%;
	}

	.nav-drop-menu > li {
		border-bottom: none;
	}

	#navigation > li:hover,
	#navigation > li:hover > a + *,
	.nav-drop-menu > li > a:hover,
	.nav-drop-menu > li > a:active {
		background-color: #1a1328;
	}

	#navigation > li:hover a,
	#navigation > li:hover > a + * a {
		color: #a9a3c2;
	}

	#navigation > li > a + * {
		background-color: #35294c;
		color: #a9a3c2;
		border-radius: 0;
		border-top: 0;
		box-shadow: none;
		position: relative;
		margin: 0;
		padding: 10px 40px;
		display: block;
	}

	#navigation > li > a + * a {
		color: #a9a3c2;
	}

	#navigation > li > a + #search-box,
	#navigation > li > a + #login-box {
		display: none;
	}

	/* Sub head */
	.sub-head h2 {
		display: block;
	}

	/* Forums */
	dd.topics,
	dd.posts,
	dd.views {
		display: none;
	}

	.forums .lastpost,
	.forumbg .topics .lastpost {
		width: 40%;
	}

	strong.pagination {
		display: none;
	}

	/* Posts */
	.postprofile {
		display: none;
	}

	.postbody {
		margin: 0;
		border: none;
	}

	.author {
		text-align: center;
	}

	.postbody .profile-icons i {
		font-size: 1.3em;
		margin-right: 0;
	}

	.postbody .profile-icons span {
		display: none;
	}

	/* Statistics */
	#statistics-list-overall > div, #statistics-addon-overall > div {
		clear: both;
		width: 100% !important; /* added !imp tag to take effect - not sure why */
		padding: 0 !important;
		margin-bottom: 11px;
	}
	#statistics-addon-overall {
		padding-top:0 !important; /* new, required !imp tag to take effect - not sure why */
	}
	

	.w-permissions-list,
	.w-permissions-list + #permissions-list {
		padding: 0;
		width: 100%;
		float: none;
	}

	#online-list-tcp,
	#links-block,
	#about-us-block,
	#statistics-list,
	#tcp_stat_blocks > div {
		width: 100%;
		float: none;
		clear: both;
		padding: 0 !important;
	}


		
	/* Foot */
	#foot-left,
	#foot-center,
	#foot-right {
		clear: both;
		text-align: center;
		width: 100%;
	}

	#foot-navigation,
	#foot-social,
	#foot-right ul {
		text-align: center;
	}

	#foot-navigation {
		margin-bottom: 20px;
	}

	#foot-navigation li,
	#foot-right li {
		float: none;
		margin: 0 0 20px;
	}

	#foot-navigation li:last-child,
	#foot-right li:last-child {
		margin-bottom: 0;
	}

	#foot-social li {
		display: inline-block;
		float: none;
		margin: 0 10px;
	}

	#copyright {
		text-align: center;
	}

	#copyright div {
		clear: both;
		display: block;
		margin: 0;
	}

	/* Responsive Elements */
	.r-view-inline {
		display: inline;
	}

	/* Columns and basic grid */
	.column1,
	.column2 {
		width: 100%;
		float: none;
		padding: 0;
	}

	.column1 + .column2,
	.column2 + .column1 {
		margin-top: 20px;
	}

	/* FAQ tweak */
	.faq h6 {
		text-align: left;
	}

	#smiley-box,
	#format-buttons,
	#message-box {
		float: none;
		width: 100%;
		padding: 0;
	}

	.autowidth {
		width: 100%;
	}

	#cp-menu,
	#cp-main {
		float: none;
		width: 100%;
		padding: 0;
		margin: 0;
	}

	#tabs li {
		margin-right: 20px;
	}

	#copyright span {
		margin: 0;
		clear: both;
		display: block;
	}

}



@media (max-width: 480px) {

	fieldset dl {
		margin-bottom: 20px;
	}

	fieldset dt,
	fieldset dd {
		text-align: left !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		padding: 0 !important;
		clear: both;
	}

	input[type="submit"],
	input[type="reset"],
	input[type="button"]:not(.font-icon-button),
	button,
	.button1,
	.button2 {
		display: block !important;
		text-align: center !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}

	.font-icon-button {
		width: 20% !important;
		margin: 0 !important;
	}

	#format-buttons input:not(.font-icon-button),
	#format-buttons select {
		width: 40% !important;
		float: left;
		margin: 0 !important;
	}

	#format-buttons-inner {
		padding-bottom: 5px;
	}

	button + button,
	button + input,
	button + select,
	input + button,
	input + input,
	input + select,
	select + select,
	select + input,
	select + button {
		margin-top: 10px;
	}

	#jumpbox {
		height: auto;
		float: none;
		text-align: center;
	}

	.jumpbox-panel .inner a {
		display: none;
	}

	.search-box {
		width: 100%;
		margin: 0;
	}

	.sub-head .search-box input {
		border-radius: 3px 3px 0 0;
		width: 100%;
	}

	.sub-head .search-box button {
		border-radius: 0 0 3px 3px;
		margin-top: -1px;
	}

	.sub-head h2 {
		float: none;
	}

	.forums dt,
	.forumbg .topics dt {
		width: 100%;
	}

	.forums .lastpost,
	.forumbg .topics .lastpost,
	.forums .redirect {
		display: none;
	}

	.post-icon,
	.reply-icon,
	.locked-icon {
		display: block;
		margin-bottom: 10px;
	}

	.post-icon a,
	.reply-icon a,
	.locked-icon a {
		display: block;
		text-align: center;
	}

	.topic-actions,
	.topic-actions-top {
		text-align: center;
	}

	.pagination {
		float: none;
	}

	.sidebar-wrapper {
		width: 100%;
		float: none;
	}

	.forumlist-wrapper {
		margin: 0;
	}
	
		.left-box {
    display: block;
    text-align: center;
}

}