@media screen and (max-width: 990px){
	.thumb-preview{
		width: 100px;
		height: 70px;
	}
}
 @media screen and (max-width: 767px) {
	.main-sidebar{
		padding-top: 50px;
		width: 0 !important;
	}
	.main-sidebar.sidebar_visible{
		width: 200px !important;
	}
	 .content-header ul.header-btns{
	 float: none !important;
	 }

	.content-wrapper, .main-footer{
		margin-right: 0;
	}
	.content-wrapper{
		/*padding-top: 50px;*/
		margin-right: 0 !important;

	}


	.main-header .logo {
		width: 100%;
		float: none !important;
		display: none;
	 }

	.main-header .logo .logo-lg {
		//display: none;
	 }
 
	 .main-header .navbar-static-top {
		margin-left: 0 !important;
		 margin-right: 0 !important;
	}
	.nav-home-top {
		float: right;
	}
	 .nav-home-top .li_home_top {
		 display: inline-block;
	 }

	 .main-header .navbar-notifs-top .dropdown{
		display: inline-block;
		float: right;
		position: static;
		
	 }
	.navbar-notifs-top .dropdown.open .dropdown-menu {
		position: absolute;
		background-color: #fff;
		margin-top: 1px;
		right: 1%;
		left: auto;
	}
	.navbar-notifs-top .dropdown-menu{
		min-width: 200px;
		max-width: 300px;
		left: auto;
		right: 0;
		border:1px solid #ddd;
		box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
	}
	 .navbar-notifs-top .user-img-top {
		 float: none;
	 }

	 .content-wrapper .content-header {
		 padding-bottom: 20px;
		 vertical-align: middle;
	 }
	 .content-wrapper .content-header.scroll {
		 top: 50px;
		 right: 0;
	 }

	 .content-wrapper .content-header span.content-title{
		 font-size: 14px;
		 position: relative;
		 //top: 15px;
	 }
	 .panel .panel-heading{
		 font-size: 12px;
	 }
	 .panel-heading .btn{
		 float: none;
		 display: block;
		 //margin-top: 5px;
	 }

	 .thumb-preview{
		 width: 100%;
		 height: auto;
	 }

	 .articles-list .btn {
		 width: 100% !important;
	 }

	 #btn-sidebar-collapse {
		 padding: 14px 3px;
	 }

	 .navbar-nav {
		 margin: 0;
		 padding: 0;
	 }
	 .nav>li>a {
		 padding: 7px 7px;
	 }

	 .nav-home-top li.li_home_top a {
		 font-size: 20px;
	 }
	 .navbar-notifs-top .user-img-top {
		 top: 0;
		 margin-left: 0 !important;
	 }

	 .top_notif_counter .fa {
		 position: relative;
		 top: 10px;
	 }

	 .nav-tabs li {
		 float: none;
		 display: block;
		 margin-bottom: 3px;
	 }
	 .nav-tabs li.stocks_list {
		 float: none;
	 }

	 .home_top_counters .top-box {
		 height: 70px;
	 }
	 .home_top_counters .top-box label {
		 line-height: 24px;
		 font-size: 14px;
	 }
	 .home_top_counters .top-box label span.counter {
		 font-size: 14px;
	 }

	 .home_top_counters .sales_counter, .sales_returns_counter {
		 padding-left: 5px;
	 }
	 .home_top_counters .purchases_counter, .purchases_returns_counter {
		 padding-right: 5px;
	 }


 }

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

	 .content-header ul.header-btns {
		 float: none;
		 margin-top: 10px;
		 text-align: center;
	 }
	 .navbar-notifs-top {
		 margin: 0 5px 0 0;
		 padding: 0;
	 }

	 .navbar-notifs-top .dropdown-menu{
		 border:1px solid #ddd;
		 box-shadow: 0 6px 12px rgba(0,0,0,.175);
	 }


	 .articles-list .btn {
		 width: 50%;
	 }
	 .categories-list .btn {
		 font-size: 12px;
	 }

 }

@media screen and (min-height: 500px) {
	.content-wrapper .login-content {
		/*display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: calc(100vh - 200px) !important;*/
		min-height: calc(100vh - 200px) !important;
	}
}

@media screen and (max-height: 500px) {
	.content-wrapper .login-content {
		height: auto !important;
		min-height: 100vh !important;
	}
}