@media  (max-width: 1015px)
	{
		.sidebar li {font-size:14px;}
	}
	@media  (max-width: 988px)
	{
		.sidebar .la-times{display:inline}
		.sidebar ul li a span{display:inline}
		.sidebar svg{display:none}
		.sidebar{transform: translate(-180px,0px);z-index:12}
		.responsive-sidebar{transform:translate(0);width:30%}
		.main-nav{display:none}
		.sidebar li {font-size:15px;}
		.mobile-menu{z-index:11;position:fixed;width:100%;display:-moz-flex;display:-webkit-flex;display:-webkit-box;display:-o-flex;display:-ms-flexbox;display:flex;padding: 10px 12px 10px 15px ;}
		.mobile-menu, .mobile-menu ul{-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
		.mobile-menu  ul li:last-child{padding:0;background-color:none;}
		.mobile-menu div{flex:40%;line-height: 1;}
		.mobile-menu ul li {font-size:18px;padding: 6px;background: #ffffffe6;border-radius: .125rem;}
		.mobile-menu ul{display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;list-style:none;padding-left:0;justify-content:end;-webkit-justify-content:end;-moz-justify-content:end;-ms-flex-pack:end;line-height:1;margin-bottom: 0;}
		.mobile-menu ul li:not(:last-child){margin-right:12px;}
		.mobile-search{padding-top: 10px;padding-bottom: 10px;}
		.mobile-search .input-group-text{margin-right:10px;}
		.toggle-sidebar-mobile i{font-size:18px;}
		.toggle-sidebar-mobile{margin-right:5px;padding: 5px;background: #fff0f1;border-radius: .125rem;}
		.profil-avatar{height:80px;width:80px;bottom:-25px;left:3%}
		.profil-info{width:70%;right:6%}
		.page-content{margin-left:0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
		.full-content,.main-content{-webkit-box-flex: 0;-ms-flex: 0 0 85%;flex: 0 0 85%;max-width: 85%;padding-right: .8rem;padding-left: .8rem;}
		.more-features{display:none;}
		.social-profil{background-attachment:scroll;height:200px;}
		.profil-header, .social-profil,.main-card{margin-top:.8rem}
		.add-comment .btn {display:none}
	}
	@media  (max-width: 700px)
	{
		.profil-cover, .profil-header{height:300px}
		.responsive-sidebar{transform:translate(0);width:40%}
	}
	@media  (max-width: 410px)
	{
		.responsive-sidebar{transform:translate(0);width:80%}
		.full-content,.main-content{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: .8rem;padding-left: .8rem;}
		.widget-chat{right:-320px;}
		.profil-avatar{height:80px;width:80px;bottom:-25px;left:3%}
		.profil-info{width:60%;right:10%}
		.profil-cover, .profil-header{height:200px}
	}