@media screen and (max-width: 1120px), screen and (max-device-width: 1120px) {
	.usercp, .modcp{
		flex-direction:column-reverse
	}
	
	.usercp_content{
		margin-right:0;
		margin-top: 2rem
	}
	
	.newthread-container{
		flex-direction:column
	}
	
	.wrapper{
		width: 86%
	}
	
	.index_content-forumlist{
		flex:0 1 100%
	}
	
	html[sidebar="visible"] .index_content-sidebar{
		opacity:1!important
	}
}

.sidebar-item_content.sidebar-item_ads_content div a img{
    width:100%
}

@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
	#index-page navigation{
		display:none
	}
	
	navigation{
		flex-direction:column;
		align-items:flex-start;
	}

	navigation i{
		display:none!important
	}

	.header-menu-help-link{
		display:none!important
	}
	
	navigation a, navigation .active{
		display:inline-flex;
		align-items:center;
		margin:.75rem 0
	}

	navigation a:before, navigation .active:before{
		content:'';
		box-sizing:content-box;
		background:var(--main-cyan);
		border:5px solid var(--body-bg);
		width:.375rem;
		height:.375rem;
		margin: 0 calc(var(--default-margin) / 2);
		display:inline-flex;
		border-radius:50%;
	}

	navigation .active:before{
		background:var(--body-bg);
		border-color: var(--main-cyan)
	}

	navigation .navigation-sep{
		display:none;
	}
	
	.memberlist-item{
		flex-basis:calc(100% / 3 - 1rem);
		flex-grow:1
	}
	
	
	.header > .wrapper > .left > .header_menu{
        display:none
    }
	
	.trends_title{
        display:block
    }

    .trends_ads {
        justify-content: space-between;
        margin-top: 1em;
    }
	
	.index_boardstats{
		flex-direction: column
	}
	
	.index_boardstats_item{
		width: 100%;
		margin: .5em 0;
	}
	
  #container, #content {
      min-width: 0px !important;
      width:100%  !important;
  }

  .wrapper {
      width: 100% !important;
	  padding:0 1rem;
      min-width: 0px !important;
  }

	

  .topmenu ul{
  	clear:both;
  	width: 100%;
  }

  .topmenu form{
  	display:none
  }
	
	#footer > .upper > .wrapper.contents{
		display: block
	}
	
	#footer > .upper > .wrapper.contents > .menu.bottom_links{
		margin-top: 1rem;
		justify-content: center;
		flex-wrap: wrap
	}
	
	#footer ul.menu li{
		margin: .5rem
	}
	
	#footer .upper .wrapper > div:first-child{
    flex-direction:column
	}

	#footer .upper .wrapper > div:first-child > span{
    text-align:center
	}
	
	.pmspace{
		margin-bottom: 1rem
	}
	
	.pmspace, .pmspace_container{
		width: 100%
	}
	
	.pm_search > div:first-child{
		margin-bottom: 1rem
	}
	
	.profile_tab_items{
		flex-direction:column
	}
	
}

@media screen and (max-width: 900px),screen and (max-device-width:900px) {
	.header_quicksearch,
	.postbit_buttons > a > span,
	.postbit_buttons > .popup_holder > a > span,
	.post_head .post_onlinestatus,
	.postbit section.postbit_showstatistics,
	.post-hide-sep{
		display:none
	}

    .index_welcomeback{
        margin-top: 2em
    }
	
	.thread_info > div{
		flex: 100%;
		margin-top:1rem
	}
	
		.showthread-poll-image{
		flex: 1 1 40%
	}
	
	.showthread-poll-buttons {
		display: flex;
		flex-direction: column;
		margin:0
	}

	.showthread-poll-buttons > * {
		flex: 1 1 100%;
		margin: var(--default-margin) 0 0 0!important
	}

	
	/*POSTBIT KODLARI START*/
	.post_container{
		flex-wrap:wrap
	}
	
	.postbit{
		flex-wrap: wrap;
		flex: 1 1 auto;
		display: flex;
		align-items:center;
		padding: calc(var(--default-padding) / 4 * 3);
		border-bottom: 1px solid var(--default-border-color);
	}
	
	.postbit_avatar{
		margin-top:0;
		margin-right: calc(var(--default-padding) / 2)
	}
	
	.postbit_information_userstars,.postbit-rank, .postbit-ranks{
		display:none
	}
	
	.postbit_both{
		margin-left:var(--default-margin)
	}
	
	.postbit .author_avatar{
		width:4rem;
		height:4rem;
	}
	
	.postbit section.postbit_information{
		flex-wrap: wrap;
		flex: 1 1 auto;
		display: flex;
		align-items:flex-start;
	}
	
	.postbit_information_userstars,
	.postbit_information_groupimg{
		margin-top: calc(var(--default-margin) / 4)
	}
	
	.postbit div.author_information{
		text-align:unset
	}
	
	.postbit_avatar .postbit-mstatus{
		display:inline-flex !important
	}
	
	.post .post_head{
		flex-wrap:wrap;
		padding:var(--default-padding)
	}
	
	.post_time{
		order:1;
		flex:1 1 75%
	}
	
	.post .post_head span.edited_post{
		display:none
	}
	
	.post_time img{
		display:none
	}
	
	.post_modbit{
		order:2;
		margin-left:auto
	}
	
	.post_head .post_controls{
		order:3;
		flex-wrap:wrap;
		margin: calc(var(--default-margin) / 2) auto 0 auto;
	}
	
	.showthread_userbrowsing{
		margin-bottom: var(--default-margin)
	}
	
}

@media screen and (max-width: 768px),screen and (max-device-width:768px) {
	.index_onlinelist_icon,
	.reputation-replist-row-buttons a span,
	ul.topmenu > li > a > span,
	.custom-nav_inner > p,
	.forumbit_forum_forumicon,
	.forumdisplay_thread_rating,
	.search_post_profilelink,
	.search_post_forumlink,
	.calendar-weekrow_day_eventbit span,
	.showthread_threadinfo_content-item:nth-child(2),
	.forumdisplay_thread_lastpost,
	.index_teamlist_items,
	.header-welcomeblock-sep,
	.header-welcomeblock > a[disabled],
	.usercp-content-header_info_content,
	.member-profile-content_tabname_babutton#prev,
	.member-profile-content_tabname_babutton#next,
	.usercp_private_messagebit_date,
	.forumdisplay_tfoot_links a span,
	.postbit section.postbit_statistics,
	.postbit section.postbit_showstatistics,
	.newthread-content_options_row_info-desc,
	.portal-thread_info > .portal-thread_info_subject > div:nth-child(2),
	.index_social_announcement,
	.topmenu-togglebuttons{
        display:none
    }
	
	#index-page .mnightmode{
		display:flex;
	}
	
	ul.topmenu{
		justify-content:center;
	}
	
	.footer-bottom_content{
		flex-direction:column;
		align-items:center;
	}
	
	.footer-bottom_copyright{
		margin-bottom: calc(var(--default-margin) / 2);
	}
	
	.header-welcomeblock-modalform{
		min-width:unset;
		padding: calc(var(--default-padding) * 2.5)
	}
	
	#header > .wrapper > div{
		justify-content:center
	}
	
	#header .logo{
		margin-right:0
	}
	
	/*.member-profile-content_tabname_tabnames_item{
		border-top:3px solid transparent;
	}
	
	.member-profile-content_tabname_tabnames_item:hover,.member-profile-content_tabname_tabnames_item.active {
		border-top: 3px solid #23d2e2
	}*/
	
	.usercp_private_headbar_controls > *,
	.usercp_private_headbar_search > *,
	.usercp_private_headbar_search > * select,
	.usercp_private_headbar_search > * input[type="text"]{
		flex:1
	}
	
	.usercp-content-header_info{
		justify-content:center
	}
	
	.usercp-content_row_content{
		flex-direction:column;
		align-items:flex-start;
	}
	
	.usercp-content_row_content_info{
		text-align:left;
		flex-wrap:wrap;
		/*flex-direction:row;*/
		justify-content: flex-start;
		border: 0;
		padding: calc(var(--default-padding)) 0;
	}
	
	.usercp-content_row_content_content{
		width:100%
	}
	
	.usercp-content_row_content_content > input{
		/*margin: var(--default-margin) 0 0 0 !important;
		width:100%*/
	}
	
	.usercp-content_row_content_content select, .usercp-content_row_content_content input[type="text"]{
		width:100%;
		padding-right:0;
		margin-bottom: 5px;
	}
	
	.usercp-content_submitrow, .search-content_submitrow{
		flex-wrap:wrap
	}
	
	.usercp-content_submitrow input, .search-content_submitrow input{
		flex:1;
		margin-left:0 !important
	}
	
	.usercp-content_submitrow input:not(:first-child){
		margin-bottom:var(--default-margin)
	}
	
	.calendar-actions .flex-wbox-item:first-child{
		display:flex;
		width:100%
	}
	
	.calendar-actions .flex-wbox-item:first-child input{
		flex:1
	}
	
	.calendar-actions a{
		width:100%;
		margin-left:0 !important;
		margin-top: var(--default-margin);
	}
	
	.calendar-actions a:first-child{
		margin-top:0!important
	}
	
	.stabilizer-message-list{
		bottom: 4rem
	}
	
	.index_onlinelist_fullist{
		flex: 1 1 100%
	}
	
    .forumdisplay_newthread, .showthread_newreply, .thread-movetotop{
        margin-left: 0 !important;
        flex: 1 1 100%
    }

    .thread-movetotop{
        margin: .8rem 0 0 0 !important;
        flex: 1 1 100%    
    }
	
	.forumdisplay_thread_main_mlastpost{
		display:block
	}
	
	.forumdisplay_thread_avatar .hexagon-avatar{
		width:3rem;
		height:3rem;
	}
	
	.forumdisplay_thread_statusicon{
		padding: .125rem
	}
	
	.forumdisplay_tfoot_links a i{
		font-size:1.25rem
	}
	
	.forumdisplay_actions .flex-wbox-container{
		flex:1;
		margin-right:0
	}
	
	.forumdisplay_actions form, .showthread_actions form{
		display: flex;
		flex-direction: column;
		align-items: stretch;
		flex: 1 1 100%;
		margin: 1rem 0;
	}
	
	.forumdisplay_actions form optn select,
	.showthread_actions form optn select{
		width: 100%;
		margin-bottom: 1rem;
	}
	
	.forumdisplay_actions form optn ~ input.button,
	.showthread_actions form optn ~ input.button{
		margin: 0 0 var(--default-margin) 0 !important
	}
	
	
	.quickreply-content-alt_options label{
		margin-bottom:calc(var(--default-margin) / 2);
	}
	
	.quickreply-content-alt_buttons input{
		flex:1 1 100%;
		margin: 0 0 var(--default-margin) 0 !important
	}

    .reputation-replist-row-buttons a i,
	ul.topmenu > li > a > svg{
        margin:0
    }
	
	.header-welcomeblock{
		position:fixed;
		position: fixed;
		justify-content: space-evenly;
		left: 0;
		bottom: 0;
		z-index: 9;
		width: 100%;
		background: var(--main-bg);
		padding:calc(var(--default-padding) / 2) 0;
		transition:250ms ease
	}
	
	.header-welcomeblock-hide{
		/*transform:translateY(100%)*/
	}
	
	.header-welcomeblock > div{
		margin-right:calc(var(--default-margin) * 1.25);
		/*padding: .8rem;*/
	}
	
	.header-welcomeblock > div:last-child{
		margin-right:0
	}
	
	.header-welcomeblock-login {
	padding: .8rem;
	}
	
	.member-register-section-content_info {
	display: none;
	}
	
	#myalerts_headericon:after,
	.headerpm-popup_icon:after,
	.header-welcomeblock-popup_holder:after,
	.header-welcomeblock-popup_icon:after{
		top: unset;
		bottom: 100%;
		height:2rem;
	}
	
	.headerpm-popup,
	.myalerts-popup,
	.header-welcomeblock-popup{
		margin-bottom: calc(var(--default-margin) / 2);
		position: fixed;
		top: unset;
		bottom: 5rem;
		left:1rem;
		right:1rem !important;
	}
	
	#myalerts-popup_holder:hover .myalerts-popup, 
	.popups_menu:hover, 
	.headerpm-popup_holder:hover .headerpm-popup, 
	.header-welcomeblock-popup_holder:hover .header-welcomeblock-popup{
		top: unset;
		bottom: 4.5rem;
	}
	
	.footer-top-tabcontent{
		overflow:hidden;
		transition:250ms ease
	}

	.footer-top-tabcontent.close{
		max-height:0!important;
		padding:0
	}
	
	.footer-top_nav_head_collapse{
		display:flex;
	}
	
	.member-register-section{
		display:block
	}
	
	.member-register-section-icon{
		margin: var(--default-margin) 0;
		padding: calc(var(--default-padding) * 2);
		font-size: 1rem;
	}
	
	.footer-top{
		display:block
	}
	
	.footer-top_info_logo{
		display:flex;
		justify-content:center;
	}
	
	.footer-top_backtop_inner{
		display:none
	}
	
	section.postbit_mstatistics{
		display:flex;
		flex-basis: 3rem
	}
	
	.popups_menu .postbit_statistics_content > ul > li{
		padding: calc(var(--default-padding) / 2) 0
	}
	
	.popups_menu .postbit_user_details li a{
		display:inline-flex;
		padding:0;
		min-width:10rem
	}
	
	.popups_menu .postbit_statistics_content > ul > li > span:nth-child(2){
		flex-basis:unset
	}
	
	.newthead-content_about_subject select{
		margin-right:0;
		flex:1;
	}
	
	.forumbit_moderators {
	display:none;
	}
	
	.newthread-content_options_row_content label{
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.newthread-content_options_row{
		flex-direction: column;
	}
	
	.newthread-content_options_row_info{
		align-items:flex-start;
		margin-bottom:var(--default-margin)
	}
	
	.newthread-content_buttons{
		flex-direction:column;
	}
	
	.newthread-content_buttons input, .private-send-row_content input[type="text"], .private-send-row_content .select2-container{
		width:100% !important
	}
	
	.newthread-content_buttons input:first-child, .private-send-row_info, .newthread-content_buttons input.button{
		margin: 0 0 var(--default-margin) 0 !important;
	}
	
	.member-register-section-content_content_row_captchaimg, .member-register-section-content_content_row_questioninput, .private-send-row, .private-send-row_info {
		display:flex;
		flex-direction:column;
		align-items:flex-start;
	}

	.member-register-section-content_content_row_captchaimg input.button, .member-register-section-content_content_row_questioninput input.button{
		margin: var(--default-margin) 0 0 0;
		width:100%;
	}
	
	.private-send-row_info{
		text-align: left;
	}
	
	.portal-thread_body{
		flex-direction:column;
	}
	
	.portal-thread_body_image{
		margin: 0 0 var(--default-margin) 0;
	}
	
	.portal-thread-head{
		flex-direction:column;
		align-items:unset
	}
	
	.portal-thread-head_gothread{
		margin: var(--default-margin) 0 0 0;
	}
	
	.portal-thread-head_gothread a{
		border-radius: calc(var(--default-border-radius) / 4)
			calc(var(--default-border-radius) / 4)
			var(--default-border-radius)
			var(--default-border-radius) !important
	}
	
	.portal-thread_info{
		border-radius: var(--default-border-radius)
			var(--default-border-radius)
			calc(var(--default-border-radius) / 4)
			calc(var(--default-border-radius) / 4) !important
	}
	
	.help-section-bit{
		flex:1 1 auto
	}
	
	popupblocker {
		width: 100vw;
		height: 100vh;
		opacity: 0;
		transition: .25s ease;
		position: fixed;
		visibility: hidden;
		left: 0;
		top: 0;
		background: rgba(0,0,0,0.5);
		z-index: 998
	}

	popupblocker.popupopen{
		visibility: visible;
		opacity: 1
	}

	.popups_menu{
		position:fixed;
		z-index:999;
		top:auto!important;
		bottom:.5rem;
		left:5% !important;
		right:5% !important;
		max-height:75%;
		overflow-y:overlay		
	}
	
	.calendar-weekrow_day{
        padding:0;
        height:3rem;
        border:0;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        background:unset
    }

    .calendar-weekrow_day > div.smalltext{
        display:flex;
        justify-content:center;
        align-items:center;
        width:1.5rem;
        height:1.5rem;
        border-radius:50%;
    }

    .calendar-weekrow_day > .trow1-i{
         background:#fcfcfd
    }
	
	.calendar-weekrow_day > .trow1-i a{
		color:var(--default-light-color)
	}

    .calendar-weekrow_day > .trow_sep-i{
         background:#fff;
         box-shadow:0px 0px 10px 0 rgba(97,93,250,0.1)
    }
	
	.calendar-weekrow_day_events{
		display:block;
		position:absolute;
		bottom:0;
	}
	
	.calendar-weekrow_day_eventbit{
		display:inline-flex;
		padding:calc(var(--default-padding) / 8);
		margin:0;
	}
	
	.member-profile-head_content{
		flex-direction: column;
	}
	
	.member-profile-head_content_avatar{
		margin-top:calc(var(--default-margin) * -3)
	}
	
	.member-profile-head_content_info,
	.member-profile-head_content_buttons{
		order: 2;
		margin: 1rem 0;
		justify-content: center;
		flex-wrap: wrap
	}
	
	.member-profile-head_content_info_item:nth-child(7),
	.member-profile-head_content_info_item-sep:nth-child(6),
	.member-profile-head_content_info_item-sep:nth-child(8){
	display:none
	}
	
	.help-search form{
		flex:1;
		display:flex;
		flex-direction:column;
	}
	
	.help-search form input[type="text"]{
		flex:1;
		margin: 0 0 var(--default-margin) 0 !important
	}
	
	.help-search form input.button{
		margin: var(--default-margin) 0 0 0 !important
	}
	
	
	
	

	.forumdisplay_threadlist_container_head .tcat:nth-child(3),
	.forumdisplay_threadlist_container_head .tcat:nth-child(4),
	.forumdisplay_thread_posts,
	.forumdisplay_thread_views{
	display:none
	}
	
	.member-profile-content_tabname_tabnames_item-icon{
		display:unset
	}
	
	.member-profile-content_tabname_tabnames_item > span{
		display:none
	}
	
	.usercp-content-dial-item{
		padding:calc(var(--default-padding) * 1.25) calc(var(--default-padding) * 3)
	}
	
	.navigation > div, .header_welcome_index > div{
        width: 100%
    }
	
    a.header_button{
        display:none
    }
	
	.trends_item_info{
		font-size: calc(1rem - 10px)
	}
	
	.trends_item_info span:first-child{
		font-size: calc(1rem - 9px);
		text-align: center
	}
	
	.trends_item_info img{
		width:15px
	}
}

@media screen and (max-width: 600px), screen and (max-device-width: 600px) {
	.forumbit_forum_lastpost{
		display:none
	}
	
	/*.logo .logo-text{
		display:none
	}*/
	
	.memberlist-item{
		flex-grow:1
	}

html, body{
	/*overflow-y: scroll;*/
	width: 100vw;
}
	
	  #container, #content {
      min-width: 0px !important;
      width:100vw  !important;
  }

  .wrapper {
      /*width: calc(100vw - 20px)  !important;*/
      min-width: 0px !important;
  }
	
	.footer_upper_social span{
		display: none
	}

	#footer{
        margin-bottom: 4.5rem !important;
    }
	
	.header > .wrapper > .left{
        justify-content: space-between;
        flex: 1;
    }

    .header_welcomeblock > *{
        display:none
    }
	
	.index_welcomeback_links{
		font-size: calc(1em + 1px);
	}

	.user_member{
		display:none;
	}
	
	.profile_tab_buttons{
		justify-content:space-around
	}
	
	.profile_tab_button > span{
		display:none
	}

}

@media screen and (max-width: 500px), screen and (max-device-width: 500px) {

	[id^="cat"] tr td:nth-child(3), [id^="cat"] tr td:nth-child(4){
	display:none
}
}


@media screen  and (max-width: 470px), screen and (max-device-width: 470px) {
	.mobile_remove{
		display:none
	}
	
	.custom-nav{
		height:6rem
	}

	.custom-nav:before{
		width:2rem;
		height:2rem;
		left:4.5rem
	}

	.custom-nav_inner{
		margin-left: 7rem;
		white-space: nowrap;
		text-overflow: ellipsis;
    	overflow: hidden;
    	width: 170px;
	}
	
	.custom-nav span {
	text-overflow: ellipsis;
    font-size: 1.1rem;
    white-space: normal;
    line-height: 1.125;
    }
	
	.index_welcome:before{
		left:3.5rem
	}

	.index_welcome_inner{
		margin-left: 6rem;
	}
	
	.forumbit_stats{
		display:none
	}

	.forum_status{
		width:25px;
		height:25px;
	}
	
	.index_announce{
        font-size: calc(1em - 2px)
    }

    .index_announce i{
        font-size: calc(1em + 2px)
    }
	
	.lpavatar {
        width: 35px!important;
        height: 35px!important
    }

	.avatar {
		width:35px!important;
		height:35px!important;
	}

	.avatar img{
		width:35px;
		height:35px;
	}

	.table_wrap{
		table-layout:unset
	}
	
	.h-avatar{
		width:30px;
		height:30px
	}
	
	.thread_topbuttons{
    font-size: calc(1em - .5px)
	}

	.thread_topbuttons a.iconbutton{
    width:29px;
    height:29px
	}
	
	.usercp .usrnm{
		font-size: .8em;
	}
}

@media screen and (min-width : 360px) and (max-width:400px) {
	#container{
	font-size: calc(1em - 1px)
	}
	
	.thread_modoptions{
		display:none
	}
	
	.h-avatar{
		width:35px!important;
		height:35px!important
	}

}

@media screen and (max-width: 344px) , screen and (max-device-width: 347px) {
	.forumbit_lastpost > div > span > span:nth-child(2){
	display:none
}
}

.sidebar-item_content.sidebar-item_ads_content div a img {
    width: 100%
}