@media(max-width:1199px) {
	.btn .onlyXL {
		display: none;
	}
}
@media(max-width:1024px) {
	html body div#page-wrapper div#page-body div.panel-very-small {
		width: 100%;
	}
	.modal-xl {
		width: 95%;
	}
}
@media screen and (min-width: 768px) {
	#page-wrapper {
		padding: 50px 30px 0px 280px;
	}
	.navbar-collapse {
		padding: 0px;
	}
	.nav-tabs.nav-justified > li > a {
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	}
	.navbar-collapse {
		padding: 0px;
		position: fixed;
	}
	div#page-header {
		position: fixed;
		width: 100%;
		z-index: 100;
		margin-left: -30px;
		margin-right: 0px;
	}
	div#page-body {
		padding-top: 100px;
	}
	div#page-header h1 {
		padding-left: 15px;
		overflow-x: hidden;
		font-size: 18px;
		padding-top: 17px;
	}
	.home-date {
	    top: 28px;
	    right: 260px;
	}
}

@media screen and (min-width: 992px) {
	#page-wrapper {
		padding: 50px 30px 0px 280px;
	}
	html body div#page-wrapper div#page-body .grid-element.small {
		width: 23.4%;
	}
	html body div#page-wrapper div#page-body .grid-element.small:first-child {
		margin-left: 15px;
	}
	html body div#page-wrapper div#page-body .grid-element.small:last-child {
		margin-right: 15px;
	}
	.navbar-collapse {
		padding: 0px;
		position: fixed;
	}
	div#page-header {
		position: fixed;
		width: 100%;
		z-index: 100;
	}
	div#page-body {
		padding-top: 100px;
	}
	div#page-header h1 {
		overflow-x: hidden;
		font-size: 22px;
		padding-top: 3px;
		padding-left: 0;
		line-height: 33px;
	}
	.home-date {
	    top: 28px;
	    right: 260px;
	}
}

@media screen and (max-width: 768px) {
	div.themeBackground {
		background-repeat: no-repeat;
		background-position-x: 20px;
	}
	.navbar-collapse.collapse {
		margin-left: -250px;
	}
	.navbar-collapse.collapse .sidebar-nav {
		box-shadow: none;
	}
	.navbar-collapse.collapse.in {
		margin-left: 0px;
		z-index: 100;
		margin-top: 100px;
		position: absolute;
		width: 300px;
	}
	.navbar-collapse.collapse.in  .sidebar-nav {
		box-shadow: 3px 5px 5px rgba(0,0,0,0.3);
	}
	.collapsing {
		position: absolute !important;
	}
	.navbar-collapse {
		padding: 0px;
	}
	.navbar-static-top {
		box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-left {
		margin-left: -250px;
		background-color: transparent;
		box-shadow: none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	ul.nav.navbar-top-links.navbar-right {
		float: right;
		margin-right: 0rem;
	}
	ul.nav.navbar-top-links.navbar-right:first-of-type {
		float: right;
		margin-right: 0rem;
	}
	div.nav.navbar-top-links.navbar-right {
		float: right;
		margin-right: 1rem;
	}
	div.nav.navbar-top-links.navbar-right.responsive-nav {
		position: absolute;
		top: 0px;
		right: 0px;
		margin-right: 0rem;
	}
	div.nav.navbar-top-links.navbar-right.cart-formule {
		position: absolute;
		top: 0px;
		right: 65px;
		margin-right: 0rem;
	}
	.navbar-top-links li a {
		padding: 10px 0px 9px 0px;
	}
	.nav li.copyright {
		padding-bottom: 30px;
	}
	#page-wrapper {
		padding: 0px 15px;
		padding-top: 60px;
	}
	div#page-header {
		margin-left: -15px;
		margin-right: -15px;
	}
	div#page-header h1 {
		padding-left: 15px;
		overflow-x: hidden;
		font-size: 18px;
		padding-top: 18px;
	}
	.home-date {
	    top: 28px;
	    right: 5px;
	}
	div.univers div.grid-element,
	div.business div.grid-element,
	div.location div.grid-element {
		width: 31%;
	}
	body .ui-tooltip {
		display: none !important;
	}
	div#shownByGrid div.grid-element {
		width: 100%;
	}
	html body div#page-wrapper div#page-body .grid-element-line {
		min-height: auto;
	}
	html body div#page-wrapper div#page-body span.grid-element-line:first-child {
		min-height: 80px;
	}
	html body div#page-wrapper div#page-body .grid-element.small {
		width: 23%;
	}
	div#global_search {
		margin-bottom: 1rem;
	}
	.col-sm-0 {
		width: 0%;
	}
	html body div#page-wrapper div#page-body div.panel-very-small {
		width: 105px;
		margin-bottom: 1rem;
	}
	html body div#page-wrapper div#page-body div.panel-very-small div.details {
		font-size: 26px;
	}
	.modal-xl {
		width: 95%;
	}
	ol.breadcrumb li.pull-right {
		display: none;
	}
	.dashboard-bloc {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
		top: 4px;
	}
}

@media screen and (max-width: 414px) {
	.navbar-collapse.collapse .sidebar-nav {
		width: 300px;
		z-index: 10000;
	}
	.navbar-left {
		margin-left: -250px;
		background-color: transparent;
		box-shadow: none;
	}
	span.nav-content.text {
		display: none;
	}
	#page-wrapper {
    	padding-top: 100px;
	}

	.breadcrumb .pull-right,
	div.home-date {
		display: none;
	}

	div#shownByGrid {
		display: block;
	}
	div#shownByDatatable {
		display: none;
	}
	div#expiring-pub {
		display: none;
	}
	html body div#page-wrapper div#page-body .universe .grid-element-line {
		min-height: 20px; 
	}
	html body div#page-wrapper div#page-body .grid-element-line {
		min-height: 20px; 
	}
	html body div#page-wrapper div#page-body .grid-element-footer a,
	html body div#page-wrapper div#page-body .grid-element-footer a:hover,
	html body div#page-wrapper div#page-body .grid-element-footer a i {
		color: #666666; 
		text-decoration: none; 
		height: 100%; 
		font-size: 14px; 
	}
	html body div#page-wrapper div#page-body .grid-element-footer a.btn-xs i {
		color: #FFFFFF; 
	}
	html body div#page-wrapper div#page-body div.panel-very-small {
		width: 100%;
		margin-bottom: 1rem;
	}
	div.flot-x-axis div:nth-child(even) {
		display: none;
	}
}

@media screen and (max-width: 375px) {
	span.nav-content.text {
		display: none;
	}
	#page-wrapper {
    	padding-top: 100px;
	}
	.breadcrumb .pull-right,
	div.home-date {
		display: none;
	}

	div#shownByGrid {
		display: block;
	}
	div#shownByDatatable {
		display: none;
	}
	div#expiring-pub {
		display: none;
	}
	html body div#page-wrapper div#page-body .universe .grid-element-line {
		min-height: 20px; 
	}
	html body div#page-wrapper div#page-body .grid-element-line {
		min-height: 20px; 
	}
	html body div#page-wrapper div#page-body .grid-element-footer a,
	html body div#page-wrapper div#page-body .grid-element-footer a:hover,
	html body div#page-wrapper div#page-body .grid-element-footer a i {
		color: #666666; 
		text-decoration: none; 
		height: 100%; 
		font-size: 12px; 
	}
	html body div#page-wrapper div#page-body .grid-element-footer a.btn-xs i {
		color: #FFFFFF; 
	}
}