/* Add here all your CSS customizations */
@media (min-width: 992px) {
	.header {
		height: 130px;
	}

	.header-right {
		height: 86px;
     	background-color:#FFF;

	}

	.header .logo {
		margin: 5px 0 0 15px;
	}

	html.fixed .sidebar-left,
	html.fixed .page-header {
		top: 90px;
	}

	html.fixed .inner-wrapper {
		padding-top: 150px;
	}
}

@media (max-width: 991px) {
	.header .logo img {
		max-height: 80px;
	}
}
@media (max-width: 767px) {
	.header .logo img {
		max-height: 80px;
	}
}


@media only screen and (max-width: 767px) {
	.header .logo-container {
		background-color: #f6f6f6;
		background-image: -webkit-linear-gradient(#f6f6f6 0%, white 45%);
		background-image: linear-gradient(#274472 0%, #274472 45%);
			}
	}

@media only screen and (max-width: 991px) {
	.row {
    margin-top: 60px;
}
}

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

.header {
height: 100px;
}
}
@media only screen and (max-width: 767px) {

.header .logo-container {
		height: 86px;
		
	}
	
}
@media only screen and (max-width: 767px) {

.header .header-right {
		
		margin-top: 83px;
	
	}
	
}

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

	.page-header {
		margin: 21px -15px 20px;
	}
	
}
@media only screen and (max-width: 767px) {

	html.sidebar-left-opened.csstransforms .sidebar-left {
		/* performs better but native android browser
		has problems with translate and percentage
		@include transform( translateX(100%) );
		*/
margin-top: 0px;	}	
}


@media only screen and (orientation:portrait) {
 
	html.fixed .sidebar-left,
	html.fixed .page-header {
		top: 35px;
	}
 
}
 
@media only screen and (orientation:landscape) {

	.header {
height: 90px;
}
 html.fixed .page-header {
top: 90px;
}
}