@media screen and (min-width: 768px) {
	.lp
	{
		padding-left: 0;
	}
	.plother
	{
		padding-right: 0;
	}
	.no-p
	{
		padding: 0;	
	}
	.dropdown-submenu {
	    position: relative;
	}
	.dropdown-submenu> .dropdown-menu {
	    top: 0;
	    left: 100%;
	    margin-top: -6px;
	    margin-left: -1px;
	    -webkit-border-radius: 0 6px 6px 6px;
	    -moz-border-radius: 0 6px 6px;
	    border-radius: 0 6px 6px 6px;
	}
	.dropdown-submenu > .dropdown-menu li a:hover
	{
		background: transparent;
		color: #616161;

	}

	.dark .dropdown-submenu > .dropdown-menu li a:hover
	{
		background: transparent;
	}
	.dropdown-submenu:hover>.dropdown-menu {
	    display: block;
	}

	.dropdown-submenu>a:after {
	    display: block;
	    content: " ";
	    float: right;
	    width: 0;
	    height: 0;
	    border-color: transparent;
	    border-style: solid;
	    border-width: 5px 0 5px 5px;
	 	border-right-color: transparent !important;
	 	border-top-color: transparent !important;
	 	border-bottom-color: transparent !important;	 	
	    border-left-color: #b50404;
	    margin-top: 5px;
	    margin-right: -8px;
	}
	.dropdown-submenu.pull-left {
	    float: none;
	}

	.dropdown-submenu.pull-left>.dropdown-menu {
	    left: -100%;
	    margin-left: 10px;
	    -webkit-border-radius: 6px 0 6px 6px;
	    -moz-border-radius: 6px 0 6px 6px;
	    border-radius: 6px 0 6px 6px;
	}
}
/* Large devices (desktops, 992px and up) */
@media (max-width: 768px) {
	#admin_menu > .nav-pills > li, #adm_submenus > .nav-pills > li
	{
		float: none !important;
		width: 100%;
		margin: 0 0 10px !important;
	}
	#admin_menu > .nav-pills li > ul, #adm_submenus > .nav-pills li > ul
	{
		width: 100% !important;
	}
	#admin_menu > .nav-pills li ul > li, #admin_menu > .nav-pills li ul > li a,
	#adm_submenus > .nav-pills li ul > li, #adm_submenus > .nav-pills li ul > li a
	{
		height: auto !important;
		width: 100%;
		white-space: normal !important;
	}
	#adm_submenus
	{
		padding-left: 0 !important;
	}
	.login
	{
		width: auto !important;
	}
	dl
	{
		overflow: hidden !important;
	}
}
@media screen and (max-width: 767px) {
	#topbar .navbar-light .navbar-toggler
	{
		margin-top: 0;
	}
	.dark #navbarm, .dark #navbarm1
	{
		background: #171a24;
	}
	#navbarm, #navbarm1
	{
		background: rgba(0, 0, 0, 0.7);
	}
	.poster h4 {
		font-size: 10px;
		padding: 5px;
	}
}

@media (max-width: 992px) {
	.hide-sm
	{
		display: none;
	}
	.hide-web {
		display: inherit;
	}
	.body_poster, .body_content {
	    border-radius: 4px;
	    margin-bottom: 10px;
	}
	.poster .avatar-st {
	    float: left;
	    margin-bottom: 0;
	    margin-right: 15px;
	}
	.poster img.avatar-st {
	    width: 64px !important;
	    height: 64px !important;

	}
	.poster ul li.membergroup, .poster ul li.postgroup {
	    border-bottom: medium none;
	}
	.poster ul li.postcount {
	    border-bottom: medium none;
	}
	.poster ul li.membergroup, .poster ul li.postgroup, .poster ul li.postcount {
	    text-align: left;
	    display: block;
	}
	.poster ul li {
	    display: none;
	}
	.poster ul li.bottom_style_im,  .poster ul li.bottom_style_im li ul {
		display: block;
	    margin-top: 12px;
	}
	.poster li.avatar {
	    border: 0 none;
	    display: block;
	    float: left;
	    overflow: hidden;
	}
	dl.settings dd {
	    float: right;
	    margin: 0 0 3px;
	    overflow: hidden;
	    padding: 0;
	    width: 56%;
	}
	#navbarm, #navbarm1
	{
		background: rgba(0, 0, 0, 0.7);
	}
}
@media (min-width: 992px) {
	.n-pleft {
	    padding-left: 10px !important;
	}
	.flex.profile .box-p.col-md-8 
	{
	    margin-right: 15px;
	    max-width: calc(65% - 15px);
	    padding-bottom: 15px;
	}
	.flex.profile .box-p.col-md-4
	{
	    max-width: 35%;
	}

	.poster .header_user::after, .poster .header_user::before {
	    border: medium solid transparent;
	    content: " ";
	    height: 0;
	    margin-right: -14px;
	    margin-top: 1px;
	    pointer-events: none;
	    position: absolute;
	    width: 0;
	    right: -7px;
	}
	.poster .header_user::before {
		border-right-color: transparent !important;
	 	border-top-color: transparent !important;
	 	border-bottom-color: transparent !important;
	 	border-left-color: #b50404;
	    border-width: 11px;
	} 
}

@media screen and (max-width: 640px) {
	.container {
		max-width: 99%;
	}

	#stats_left, #top_posters, #top_topics_replies, #top_topics_starter,
	#stats_right, #top_boards, #top_topics_views, #most_online,
	#popularposts, #popularactivity
	{
		width: 100%;
		float: none;
	}
}

@media (min-width: 576px) {
	.container {
		max-width: 99%;
	}
}