html {
	scroll-behavior: smooth;
  }
.header {
	position: fixed;
	top: 0;
	z-index: 999999;
	height: 112px;
	width: 33.333337%;
	background: white;
}

.header .logo {
	max-width: 90px;
	margin-right:-20px;
	width: 100%;
}

.header .brand-title {
	font-weight: bold;
	font-size: 150%;
	vertical-align: middle;
}

.vertical-middle {
	margin: auto;
	text-align: right;
}

.header.col-lg-8,
.header .col-lg-6,
.header .col-lg-4,
.header .col-lg-12,
.header.col-sm-8,
.header .col-sm-6,
.header .col-sm-4,
.header .col-sm-12,
.header.col-8,
.header .col-6,
.header .col-4,
.header .col-12 {
	padding: 0px !important;
}

.header .row {
	margin: 0 !important;
}

.header .width50 {
	width: 50% !important;
}

.header .width100 {
	width: 100% !important;
}

.header .padding-brand {
	padding: 25px 35px;
}

.header .bg-white-z-index {
	background-color: white;
}

.header .z-index {
	z-index: 9999;
}

.clearInnerHeight {
	height: 0;
}

.show-desktop {
	display: block;
}

.top-26 {
	position: relative;
	top: -26px;
	margin-bottom: -26px;
}

/* iPad Pro portrait*/
@media only screen and (max-device-width : 1024px){
	.show-desktop {
		display: none;
	}
}

/* iPad Pro portrait*/
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
	
}

/*iPad Portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.header {
		width: 100%;
	}

	.header .padding-brand {
		padding: 30px 35px;
	}
}

/* iPad landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.header .padding-brand {
		padding: 30px 15px;
	}
	.header .brand-title {
		font-size: 105%;
	}
}

/* iPhone X portrait*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (orientation : portrait) {
	.header {
		width: 100%;
		height: 80px;
	}

	.header .padding-brand {
		padding: 20px 25px;
	}
	.header .brand-title {
		font-size: 110%;
	}

	.clearInnerHeight {
		height: 80px;
	}
}

/* iPhone X landscape*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (orientation : landscape) {
	.header {
		width: 100%;
		height: 80px;
	}

	.header .padding-brand {
		padding: 20px 30px;
	}
	.clearInnerHeight {
		height: 80px;
	}
}


/* iPhones 6+, 7+, 8+ Portrait */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) 
and (orientation: portrait) {
	
}


/* iPhones 6+, 7+, 8+  Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) 
and (orientation: landscape) {
	
}
/* iPhones 6, 7, 8 Portrait */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px)
and (orientation: portrait) {
	
}

/* iPhones 6, 7, 8  Landscape */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (orientation: landscape) {
	
}

/* Galaxy 5 Portrait */
@media only screen 
and (min-device-width: 360px) 
and (max-device-width: 640px)
and (orientation: portrait) {
	
}

/* Galaxy 5 Landscape */
@media only screen 
and (min-device-width: 360px) 
and (max-device-width: 640px) 
and (orientation: landscape) {
	
}

/* iPhones 5/SE Portrait */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (orientation: portrait) {
	.header {
		width: 100%;
		height: 70px;
	}

	.header .padding-brand {
		padding: 10px 15px;
	}
	.header .brand-title {
		font-size: 95%;
	}

	.clearInnerHeight {
		height: 70px;
	}
}

/* iPhones 5/SE  Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px) 
and (orientation: landscape) {
	.header {
		width: 100%;
		height: 70px;
	}

	.header .padding-brand {
		padding: 10px 15px;
	}
	.header .brand-title {
		font-size: 95%;
	}

	.clearInnerHeight {
		height: 70px;
	}
	
}

/* Pixel 2 XL  Landscape */
@media only screen 
and (min-device-width: 411px) 
and (max-device-width: 823px) 
and (orientation: landscape) {
	.header {
		width: 100%;
		height: 70px;
	}

	.header .padding-brand {
		padding: 10px 15px;
	}
	.header .brand-title {
		font-size: 95%;
	}

	.clearInnerHeight {
		height: 70px;
	}
}