/*	Yorky is a work of SMF Tricks Team. For more information please visit
	http://www.smftricks.com/
	Yorky was developed by Pipee and its a Premium Theme.
	Visit SMF Tricks for more Free Themes and Premium Themes.
	Yorky is a Premium Theme.
*/
@media screen and (max-width: 767px){
	.header-noh#header {
	    min-height: 110px !important;
	}
	.carousel .item,.carousel {
	    min-height: 340px !important;
	}
	.info-forum {
	    padding-bottom: 20px;
	    padding-top: 20px;
	}
	#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;
	}
	#basicinfo, #detailedinfo, .modblock_left, .modblock_right, #live_news, #supportVersionsTable
	{
		width: 100% !important;
		float: none;
		margin: 0 0 3px;
		box-sizing: border-box;
		overflow: hidden;
	}

	.info-forum-c {
	    padding-top: 100px;
	}
	#top_header .navbar-brand {
	    padding: 4px;
	}
	#forum_content {
	    margin-bottom: 20px;
	}
	.breadcrumb > li > .extra {
	    display: none;
	}
}
@media (min-width: 1281px)
{
	.dtmenu
	{
		display: none !important;
	}
}
@media screen and (min-width: 768px) {
	ul.links {
        display: inline-flex; 
    }
	.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: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: #7aef9b;
	    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;
	}
}
@media screen and (min-width: 981px) {
		.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: #2ecc71;
	    border-width: 11px;
	}
	.topic_title::after, .topic_title::before {
	    border: medium solid transparent;
	    content: " ";
	    height: 0;
	    left: 3px;
	    margin-left: -0px;
	    margin-top: -6px;
	    pointer-events: none;
	    position: absolute;
	    width: 0;
	}
	.topic_title::before {
		border-left-color: transparent !important;
	 	border-top-color: transparent !important;
	 	border-bottom-color: transparent !important;
	 	border-right-color: #2ecc71;
	    border-width: 11px;
	}
}
@media screen and (max-width: 1280px)
{
	#sidelastp > .s-post > .sp-content > .l-avatar
	{
		display: none;
	}
	#sidelastp > .s-post > .sp-content
	{
		overflow: hidden;
	}
	#sidelastp > .s-post > .sp-content > .user-link > .user-lp > .ellipsis a {
	    width: 90px;
	}
}
@media screen and (max-width: 981px) {
	.message_post
	{
		margin: 0 !important;
	}

	.n-pleft
	{
		padding: 0 !important;
	}
	.poster {
	    width: 100% !important;
	}
	.keyinfo
	{
		width: 100% !important;
	}
	#sidelastp > .s-post > .sp-content > .user-link > .user-lp > .ellipsis a {
	    width: 190px !important;
	}
	#sidelastp > .s-post > .sp-content > .l-avatar
	{
		display: block !important;
	}
}
@media (max-width: 991px) {
	.body_poster, .body_content {
	    border-radius: 4px;
	    margin-bottom: 10px;
	    overflow: auto;
	}
	.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%;
	}
}

@media screen and (max-width: 640px) {
	#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;
	}
}