@media only screen and (min-width: 993px) {

	/* HEADER TYPE 2 */

	.header2 #nav-main li.has-dropdown > a:before {   
	  	content: "";
	} 
	.header2 #nav-main li.has-dropdown ul.dropdown-menu {    
	    left: 0;
	    right: auto;
	}
	.rtl.header2 #nav-main li.has-dropdown ul.dropdown-menu {    
	    left: auto;
	    right: 0;
	}

	/* HEADER TYPE 3 */

	.header3 #nav-main ul.dropdown-menu {    
	    margin: 0;
	}

	.header3 #nav-main li.has-dropdown ul.dropdown-menu {    
	    left: 0;
	    right: auto;
	}
	.rtl.header3 #nav-main li.has-dropdown ul.dropdown-menu {    
	    left: auto;
	    right: 0;
	}
}

@media only screen and (max-width: 992px) {	

	/* RESPONSIVE NAVIGATION */

	.hide-max992{
		display: none!important;
	}

	/* RESPONSIVE MENU BUTTON */

	#responsive-menu-button {
		position: absolute;
		display: block;
		top: 55px;
		right: 15px;
	}

	#responsive-menu-button a {
		display: block;
		width: 34px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		font-size: 2.022em;		
	}

	#responsive-menu-button a:before {
		content: '';
		position: absolute;
		top: 10px;
		height: 3px;
		width: 16px;
		margin: 0 auto;
		left: 0;
		right: 0;		
	}

	#responsive-menu-button a:hover {
		text-decoration: none;		
	}	

	/* RESPONSIVE MENU BUTTON END*/

	.headerbar .navbar {
	    padding: 0;
	}

	#nav-main {
		display: none;
	    padding-top: 10px;
	}

	#nav-main.clicked {
		display: block;		
	}

	#nav-main ul.dropdown-menu{
		right: auto;
		left: 0;
	}

	#nav-main > li {
		float: none;
		display: block;
		margin-left: 0;
	}

	#nav-main > li > a {
		font-size: 13px;		
		width: 100%;
		height: 55px;
  		line-height: 55px;
		text-transform: none;
		padding-left: 35px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#nav-main li.four-cubes {
	    max-height: 100%;
	    max-width: 100%;
	}

	#nav-main li.four-cubes li.small-cube:first-child, #nav-main li.four-cubes li.small-cube:first-child + li + li {
	    margin-right: 0;
	}

	#nav-main li.has-dropdown ul.dropdown-menu li {		
		height: 55px;
	}

	#nav-main li.has-dropdown ul.dropdown-menu li.small-icon:before {
	  	
	  	line-height: 55px;
	}

	#nav-main li.has-dropdown ul.dropdown-menu li a {
		height: 55px;
		line-height: 55px;
	}

	#nav-main > li > a:hover {
    	font-size: 13px;
	}

	#nav-main li.four-cubes li.small-cube {	    
	    float: none!important;
	    display: block;
	    margin-left: 0;
	}

	#nav-main li.four-cubes li.small-cube > a {	    
	    font-size: 14px;
	    height: 50px;
	    line-height: 50px;
	    width: 100%;
	    float: none;
	    display: block;
	}

	#nav-main li.four-cubes li.small-cube > a:hover{	    
	    font-size: 14px;
	}

	#nav-main li.four-cubes li.small-cube > a {
		text-align: left;
		padding-left: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#nav-main li.four-cubes li.small-cube img{		
		max-width: 35px;;
		max-height: 35px;
	  	top: 10px;
	  	position: relative;
	  	margin-right: 5px;
	}	

	#nav-main li.four-cubes li.small-cube > a > i {	    
	    margin-right: 7px;
	}

	#nav-main li.four-cubes li.small-cube > a > span {	    
	    display: inline-block;
	    font-size: 13px;
	}

	#nav-main strong.counter {
	    font-size: inherit !important;
	    height: auto;
	    left: 10px;
	    position: relative;
	    right: auto;
	    text-align: right;
	    top: auto;
	    width: auto;
	}

	#nav-main li.small-cube.has-dropdown > a:before,#nav-main li.has-dropdown > a:before {
	    left: auto;
	    right: 10px;
	    top: 20px;
	}

	#nav-main li.four-cubes li.small-cube > a {
	    display: block;
	    float: none;
	    height: 55px;
	    line-height: 55px;
	    width: 100%;
	}

	#nav-main > li > a > span{
		position: relative;
		bottom: 0;
		left: 0;		
	}

	#nav-main > li[class^="icon-"]:before, 
	#nav-main > li[class*=" icon-"]:before,
	#nav-main > li > a > i {
	    font-size: 16px;
	    top: 18px;
	    left: 10px;
	    right: auto;
	    margin: 0;
	}

	#nav-main > li[class^="icon-"]:hover:before, 
	#nav-main > li[class*=" icon-"]:hover:before,
	#nav-main > li > a:hover > i {
	    font-size: 16px;
	}

	#nav-main > li.small-icon > a {
	    font-size: 13px;
	    text-indent: 0;
	}
	#nav-main > li.small-icon > a:hover {
	    font-size: 13px;
	}

	#nav-main ul.dropdown-menu {
		position: relative;
		margin-top: 0;
	} 

	#nav-main .dropdown	{
		position: relative;
		padding: 0;
	} 

	#nav-main .dropdown-extended .dropdown-contents{
		width: auto;
	} 

	#page-header .search-header {
	    float: none;
	}

	#page-header .search-header #search{	    
	    position: relative;
	}

	#page-header .search-header .inputbox{
	    float: none;
	    width: 100%;
	    max-width: 85%;
	}

	#page-header .search-header .icon-button.search-adv-icon{
	    position: absolute;
	    right: 0;
	    top: 0;
	}

	#page-header .search-header .icon-button.search-icon{
	    position: absolute;
	    right: 37px;
	    top: 0;
	}

	#nav-breadcrumbs {
	    padding: 13px 0;
	}

	#nav-main li.four-cubes li.small-cube:first-child, #nav-main li.four-cubes li.small-cube:first-child + li {
	    margin-bottom: 1px;
	}
	#nav-main li.small-cube, #nav-main > li {
	    margin-bottom: 1px;
	}


	.headerbar .navbar {
    	float: none;
	}

	#site-description {
	    display: block;
	    float: none;
	    text-align: center;
	    width: 100%;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}

	.logo {	    
	    width: auto;	    
	    margin: 0 auto; 
	    max-width: 100%;   
	}

	.logo-text {
	   white-space: nowrap;
	}

	/* HEADER TYPE 2 */

	.header2 #responsive-menu-button {
	    position: relative;
	    right: auto;
	    top: 0;
	}
	.header2 #responsive-menu-button a:before{		
		position: relative;
		top: 10px;
		height: 3px;
		width: 16px;
		margin: 0 auto;
		left: 0;
		right: 0;
		display: block;		
	}
	.header2 #nav-main li.four-cubes li.small-cube > a{ 		
		float: none!important;
	}
	.header2 #nav-main li.four-cubes li.small-cube:first-child, 
	.header2 #nav-main li.four-cubes li.small-cube:first-child + li {
	    margin-bottom: 1px;
	    margin-right: 0;
	    margin-left: 0!important;
	}
	.header2 #nav-main li.four-cubes li.small-cube:first-child, .header2 #nav-main li.four-cubes li.small-cube:first-child + li + li {
	    margin-right: 0;
	    margin-left: 0!important;
	}

	/* HEADER TYPE 3 */

	.header3 #page-header .navbar-bottom {	   
	    padding: 10px 3000px;
	}

	.header3 #page-header .navbar-bottom {
	    background-color: transparent!important;
	}

	/* RESPONSIVE NAVIGATION END*/

	#body-with-sidebar {
		width: 100%;
		float: none;
		margin-left: 0;
	}

	#inner-body-with-sidebar {
		margin-left: 0;
	}

	#sidebar {
		width: 100%;
		float: none;
		margin-left: 0;  
	}	

	.section-viewtopic #sidebar, .section-viewforum #sidebar {
	    margin-top: 10px;
	} 
	
	/* Responsive *CP navigation
	----------------------------------------*/
	.nojs #tabs a span, .nojs #minitabs a span {
		max-width: 40px;
		overflow: hidden;
		text-overflow: ellipsis;
		letter-spacing: -.5px;
	}

	#cp-menu, #navigation, #cp-main {
		float: none;
		width: auto;
		margin: 0;
	}

	#navigation {
		padding: 0;
		margin: 0 auto;
		max-width: 320px;
	}

	#navigation a {
		background-image: none;
	}
}

@media only screen and (max-width: 768px) {
	
	.content_footer > div {
		float: none;
		padding-right: 0;
		margin-bottom: 30px;
	}

	.content_footer > div:last-child {	
		margin-bottom: 0;
	}

	.content_footer.columns_33 > div {		
		width: 100%;
	}

	.copyright {
		text-align: center;
	}

	.copyright-inner {
	    float: none;
	    line-height: normal;
	    min-height: 38px;
	}

	.socials {
	    display: block;
	    display: inline-block;
	    float: none;
	    padding-top: 10px;
	}

	.responsive-hide { display: none !important; }
	.responsive-show { display: block !important; }
	.responsive-show-inline { display: inline !important; }
	.responsive-show-inline-block { display: inline-block !important; }

	/* Content wrappers
	----------------------------------------*/
	html {
		height: auto;
	}

	body {
		padding: 0;
	}

	#wrap {
		border: none;
		border-radius: 0;
		margin: 0;
		min-width: 260px;
		padding: 0 5px;
	}

	/* Logo block
	----------------------------------------*/
	#site-description {
		float: none;
		width: auto;
		text-align: center;
	}

	#site-description h1, #site-description p {
		text-align: inherit;
		float: none;
		margin: 5px;
		line-height: 1.2em;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* Navigation
	----------------------------------------*/
	.headerbar + .navbar {
		margin-top: -5px;
	}

	/* Search
	----------------------------------------*/
	.responsive-search { display: block !important; }
	.responsive-search a {
		display: block;
		width: 16px;
		height: 22px;
		text-indent: 99px;
		overflow: hidden;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		text-decoration: none;
	}

	/* .topiclist lists
	----------------------------------------*/
	li.header dt {
		text-align: center;
		text-transform: none;
		font-size: 1.2em;
	}

	ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
		margin-right: 0 !important;
		padding-right: 0;
	}

	ul.topiclist li.header dd {
		display: none !important;
	}

	ul.topiclist dt, ul.topiclist dt .list-inner,
	ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
	ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
	ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
		margin-right: 0;
	}

	ul.topiclist dt .list-inner.with-mark {
		padding-right: 34px;
	}

	ul.topiclist li.header dt .list-inner {
		min-height: 0;
	}

	ul.topiclist dd {
		display: none;
	}
	ul.topiclist dd.mark {
		display: block;
	}

	/* Forums and topics lists
	----------------------------------------*/
	ul.topiclist.forums dt {
		margin-right: -250px;
	}	

	ul.topiclist.forums dd.lastpost {
		display: none;
	}

	ul.topiclist dd.mark {
		display: block;
		position: absolute;
		right: 5px;
		top: 0;
		margin: 0;
		width: auto;
		min-width: 0;
		text-align: left;
	}

	ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
		position: relative;
		left: 0;
		width: auto;
		display: inline;
		font-weight: normal;
	}

	li.row .responsive-show strong {
		font-weight: bold;
		color: inherit;
	}

	ul.topiclist li.row dt a.subforum {
		display: inline-block;
		vertical-align: bottom;
	}

	/* Pagination
	----------------------------------------*/
	.pagination > ul {
		margin: 5px 0 0;
	}

	.row .pagination .ellipsis + li {
		display: none !important;
	}

	/* Responsive tables
	----------------------------------------*/
	table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
		display: block;
	}

	table.responsive thead, table.responsive th {
		display: none;
	}

	table.responsive.show-header thead, table.responsive.show-header th:first-child {
		display: block;
		width: auto !important;
		text-align: left !important;
	}

	table.responsive.show-header th:first-child span.rank-img {
		display: none;
	}

	table.responsive tr {
		margin: 2px 0;
	}

	table.responsive td {
		width: auto !important;
		text-align: left !important;
		padding: 4px;
	}

	table.responsive td.empty {
		display: none !important;
	}

	table.responsive td > dfn {
		display: inline-block !important;
	}

	table.responsive td > dfn:after {
		content: ':';
		padding-right: 5px;
	}

	table.responsive span.rank-img {
		float: none;
		padding-right: 5px;
	}

	table.responsive#memberlist td:first-child input[type="checkbox"] {
		float: right;
	}

	/* Forms
	----------------------------------------*/
	fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
		width: auto;
		float: none;
	}

	fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
		margin-left: 0;
	}

	textarea, dd textarea, #message-box textarea {
		width: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	dl.pmlist dt {
		width: auto !important;
		margin-bottom: 5px;
	}

	dl.pmlist dd {
		display: inline-block;
		margin-left: 0 !important;
	}

	dl.pmlist dd:first-of-type {
		padding-left: 20px;
	}

	#smiley-box, #message-box {
		float: none;
		width: auto;
	}

	#smiley-box {
		margin-top: 5px;
	}

	.bbcode-status {
		display: none;
	}

	.colour-palette, .colour-palette tbody, .colour-palette tr {
		display: block;
	}

	.colour-palette td {
		display: inline-block;
		margin-right: 2px;
	}

	.horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
		display: none;
	}

	.colour-palette a {
		display: inline-block !important;
	}

	fieldset.quick-login label {
		display: block;
		white-space: normal;
	}

	fieldset.quick-login label > span {
		display: inline-block;
		min-width: 100px;
	}

	fieldset.quick-login input.inputbox {
		width: 85%;
		max-width: 300px;
	}

	fieldset.quick-login label[for="autologin"] {
		display: inline-block;
		min-width: 50%;
	}

	/* User profile
	----------------------------------------*/
	.column1, .column2, .left-box.profile-details {
		float: none;
		width: auto;
	}

	.column2 {
	    clear: both;
	}

	.panel .column1 h3:before, .panel .column2 h3:before {
	    top: 13px;
	}

	/* Polls
	----------------------------------------*/
	fieldset.polls dt {
		width: 90%;
	}

	fieldset.polls dd.resultbar {
		padding-left: 0;
	}

	fieldset.polls dd.poll_option_percent {
		width: 20%;
	}

	fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
		margin-top: 5px;
	}

	/* Post
	----------------------------------------*/
	.postbody {
		position: inherit;
	}

	.postprofile, .postbody, .search .postbody {
		display: block;
		width: 100%; 
		float: none;
		padding: 0;
		min-height: 0;
	}

	.post .postprofile {
		width: auto;
		border-width: 0 0 1px 0;
		padding-bottom: 5px;
		margin: 0;
		margin-bottom: 5px;
		min-height: 40px;
		overflow: hidden;
	}

	.postprofile dd {
		display: none;
	}

	.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
		display: block;
		margin: 0;
	}

	.postprofile .has-avatar .avatar-container {
		margin: 0;
		overflow: inherit;
	}

	.postprofile .avatar-container:after {
		clear: none;
	}

	.postprofile .avatar {
		margin-right: 5px;
	}

	.postprofile .avatar img {	
		width: 34px;
	}

	.has-profile .postbody h3 {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.has-profile .post-buttons {
		right: 5px;
		top: 10px;
	}

	.online.has-profile .post-buttons {
		right: 25px;
	}

	/* Misc stuff
	----------------------------------------*/
	h2 {
		margin-top: .5em;
	}

	p {
		margin-bottom: .5em;
		overflow: hidden;
	}

	p.rightside {
		margin-bottom: 0;
	}

	fieldset.display-options label {
		display: block;
		clear: both;
		margin-bottom: 5px;
	}

	#topicreview {
		margin: 0 -5px;
		padding: 0 5px;
	}

	fieldset.display-actions {
		white-space: normal;
	}

	.phpbb_alert {
		width: auto;
		margin: 0 5px;
	}

	.attach-comment dfn {
		width: 100%;
	}

}


@media only screen and (max-width: 480px) {

	#site-description{
		text-align: center;
	}

	ul.topiclist.forums dt {
		margin-right: 0;
	}

	ul.topiclist.forums dt .list-inner {
		margin-right: 0;
	}

	ul.topiclist.forums dd.lastpost {
		display: none;
	}

	input.inputbox.autowidth {
	    max-width: 100%;
	    min-width: 100%;
	}

	.modal-login-block {
	    display: block;
	}

	dd label {
		white-space: normal;
	}

	select, .inputbox {
		max-width: 260px;
	}

	.captcha-panel dd.captcha {
		margin-left: 0;
	}

	dd.captcha-image img {
		width: 100%;
	}

	#recaptcha_challenge_image,
	#recaptcha_response_field,
	.recaptchatable #recaptcha_image {
		width: 100% !important;
		height: auto !important;
	}

	.recaptchatable tr td:last-child {
		display: none;
	}

	.captcha-panel .recaptcha-responsive {
		display: inline-block !important;
		margin-top: 10px;
		vertical-align: middle;
	}

	.column1 dl.details {
		padding-bottom: 20px;
	}
		
	dl.details dt, dl.details dd {
		width: auto;
		float: none;
		text-align: left;
	}

	dl.details dd {
		margin-left: 20px;
	}

	p.responsive-center {
		float: none;
		text-align: center;
		margin-bottom: 5px;
	}

	.action-bar > div {
		margin-bottom: 5px;
 	}

	.action-bar > .pagination {
		float: none;
		clear: both;
		padding-bottom: 1px;
		text-align: center;
	}

	.action-bar > .pagination li.page-jump {
		margin: 0 2px;
	}

	p.jumpbox-return {
		display: none;
	}

	.display-options > label:nth-child(1) {
		display: block;
		margin-bottom: 5px;
	}

	.attach-controls {
		margin-top: 5px;
		width: 100%;
	}

	ul.topiclist li.row dt a.subforum {		
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100px;
	}

	.phpbb_alert {
		top: 25px;
	}

	.section-viewtopic .search-box .inputbox {
		width: auto;
	}

	/* Notifications list
	----------------------------------------*/
	.dropdown-extended .dropdown-contents {
		width: auto;
	}
}

@media only screen and (max-width: 320px) {
	select, .inputbox {
		max-width: 240px;
	}
}