.top-header-cntr,
.middle-header-cntr,
.bottom-header-cntr {
width:100%;
position: fixed;
top: 0;
z-index: 999;
-webkit-transition: top 300ms linear,background-color 300ms linear;
-o-transition: top 300ms linear,background-color 300ms linear;
transition: top 300ms linear,background-color 300ms linear;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.top-header,
.middle-header,
.bottom-header {
width: 90%;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-transition: max-height 300ms linear;
-o-transition: max-height 300ms linear;
transition: max-height 300ms linear;
margin: auto;
}


.builder .h-row,
.builder .col {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}

.builder .col {
padding: 0;
}
.builder .col img {
max-width: 100%;
vertical-align: middle;
}
.builder .col .col {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}

.h-row.align-center .col {
align-items: center;
}


.top-header-cntr {
	top: 0;
	z-index: 999;
    background-color:#009bdf;
		}

.top-header {
    height: 50px;
    max-height: 50px;
    max-width: 1150px;
    width:100%;
		}

.middle-header-cntr {
    top: 50px;
    z-index: 998;
    background-color:#009bdf;
		}

.middle-header {
    height: 160px;
    max-height: 160px;
    max-width: 1150px;
    }


.bottom-header-cntr {
    top: 210px;
    z-index: 997;
    background-color:#009bdf;
		}

.bottom-header {
    height: 60px;
    max-height: 60px;
    max-width: 1150px;
    }


.main-header .col {
	-webkit-transition: opacity 200ms linear;	
	-o-transition: opacity 200ms linear;	
	transition: opacity 200ms linear;
}

.scrolled .main-header .col {
	opacity: 0;
}

.scrolled .top-header-cntr {
	top: 0;
			z-index: 996;
	}

.scrolled .top-header {
			max-height: 0;
	}



.scrolled .middle-header-cntr {
			top: 0;
	
			z-index: 995;
		background-color:#009bdf;
		}
.scrolled .middle-header {
			max-height: 0;
	}



.scrolled .bottom-header-cntr {
		top: 0px;

			z-index: 994;
		background-color:#009bdf;
		}
.scrolled .bottom-header {
			max-height: 0;
	}




.page-wrapper {
	margin-top: 270px;
	-webkit-transition: margin-top 300ms linear;	
	-o-transition: margin-top 300ms linear;	
	transition: margin-top 300ms linear;
}

.scrolled .page-wrapper {
		margin-top: 0px;
}


.top-header-left {
	}

.top-header-center {
	}

.top-header-right {
	width:66%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
		background-color:#00a6e7;
		}

.middle-header-left {
	width:22%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
		}

.middle-header-center {
	}

.middle-header-right {
	}

.bottom-header-left {
	}

.bottom-header-center {
	}

.bottom-header-right {
	}


@media (max-width:400px) {

	.top-header {
			}

	.middle-header-cntr {
			}

	.scrolled .middle-header-cntr {
					top: 0;
			}

	.middle-header {
        max-height: 160px;
		height:160px;
			}

	.bottom-header-cntr {
				top: 210px;
	}

	.scrolled .bottom-header-cntr {
				top: 0px;
	}

	.bottom-header {
			}

	.page-wrapper { 
				margin-top: 210px;
	}

	.scrolled .page-wrapper { 
				margin-top: 0px;
	}



	.top-header-left {
			}
	.top-header-center {
			}
	.top-header-right {
		width:100%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
			}
	.middle-header-left {
		width:35%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
			}
	.middle-header-center {
		width:65%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
			}
	.middle-header-right {
		width:100%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
			}
	.bottom-header-left {
			}
	.bottom-header-center {
			}
	.bottom-header-right {
			}

	
		.main-header .start-xs .col,
		.main-header .start-sm .col,
		.main-header .start-md .col,
		.main-header .start-lg .col,
		.main-header .start-xl .col { 
			margin-right: 10px; 
			margin-left: 0;
		}

/*
		.main-header .start-xs .col:last-child,
		.main-header .start-sm .col:last-child,
		.main-header .start-md .col:last-child,
		.main-header .start-lg .col:last-child,
		.main-header .start-xl .col:last-child {
			margin-right: 0;
		}
*/
		.main-header .center-xs .col,
		.main-header .center-sm .col,
		.main-header .center-md .col,
		.main-header .center-lg .col,
		.main-header .center-xl .col { 
			margin: 10px; 
		}

		.main-header .end-xs .col,
		.main-header .end-sm .col,
		.main-header .end-md .col,
		.main-header .end-lg .col,
		.main-header .end-xl .col { 
			margin-left: 10px; 
			margin-right: 0;
		}

		.main-header .end-xs .col:first-child,
		.main-header .end-sm .col:first-child,
		.main-header .end-md .col:first-child,
		.main-header .end-lg .col:first-child,
		.main-header .end-xl .col:first-child {
			margin-left: 0;
			margin-right: 0;
		}
	
}




@media (min-width:400px) and (max-width:688px) {

	.top-header {
			}

	.middle-header-cntr {
			}

	.scrolled .middle-header-cntr {
					top: 0;
			}
	
	.middle-header {
        max-height: 160px;
		height:160px;
			}

	.bottom-header-cntr {
		
		top: 210px;	
	}

	.scrolled .bottom-header-cntr {
				top: 0px;
	}

	.bottom-header {
			}


	.page-wrapper { 
				margin-top: 210px;
	}

	.scrolled .page-wrapper { 
				margin-top: 0px;
	}


	.top-header-left {
			}
	.top-header-center {
			}
	.top-header-right {
		width:100%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
			}
	.middle-header-left {
		width:35%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
			}
	.middle-header-center {
		width:65%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
			}
	.middle-header-right {
		width:100%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
			}
	.bottom-header-left {
			}
	.bottom-header-center {
			}
	.bottom-header-right {
			}

	
		.main-header .start-xs .col,
		.main-header .start-sm .col,
		.main-header .start-md .col,
		.main-header .start-lg .col,
		.main-header .start-xl .col { 
			margin-right: 10px; 
			margin-left: 0;
		}

/*
		.main-header .start-xs .col:last-child,
		.main-header .start-sm .col:last-child,
		.main-header .start-md .col:last-child,
		.main-header .start-lg .col:last-child,
		.main-header .start-xl .col:last-child {
			margin-right: 0;
		}
*/
		.main-header .center-xs .col,
		.main-header .center-sm .col,
		.main-header .center-md .col,
		.main-header .center-lg .col,
		.main-header .center-xl .col { 
			margin: 10px; 
		}

		.main-header .end-xs .col,
		.main-header .end-sm .col,
		.main-header .end-md .col,
		.main-header .end-lg .col,
		.main-header .end-xl .col { 
			margin-left: 10px; 
			margin-right: 0;
		}

		.main-header .end-xs .col:first-child,
		.main-header .end-sm .col:first-child,
		.main-header .end-md .col:first-child,
		.main-header .end-lg .col:first-child,
		.main-header .end-xl .col:first-child {
			margin-left: 0;
			margin-right: 0;
		}
	
}




@media (min-width:688px) and (max-width:1024px) {
	.top-header {
			}

	.middle-header-cntr {
			}

	.scrolled .middle-header-cntr {
					top: 0;
			}

	.middle-header {
        max-height: 160px;
		height:160px;
			}



	.bottom-header-cntr {
				top: 210px;
	}

	.scrolled .bottom-header-cntr {
				top: 0px;
	}

	.bottom-header {
			}

	.page-wrapper { 
				margin-top: 210px;
	}

	.scrolled .page-wrapper { 
				margin-top: 0px;
	}


	.top-header-left {
			}
	.top-header-center {
			}
	.top-header-right {
			}
	.middle-header-left {
		width:30%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
			}
	.middle-header-center {
		width:70%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
			}
	.middle-header-right {
		width:100%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
			}
	.bottom-header-left {
			}
	.bottom-header-center {
			}
	.bottom-header-right {
			}

	
		.main-header .start-xs .col,
		.main-header .start-sm .col,
		.main-header .start-md .col,
		.main-header .start-lg .col,
		.main-header .start-xl .col { 
			margin-right: 10px; 
			margin-left: 0;
		}

/*
		.main-header .start-xs .col:last-child,
		.main-header .start-sm .col:last-child,
		.main-header .start-md .col:last-child,
		.main-header .start-lg .col:last-child,
		.main-header .start-xl .col:last-child {
			margin-right: 0;
		}
*/
		.main-header .center-xs .col,
		.main-header .center-sm .col,
		.main-header .center-md .col,
		.main-header .center-lg .col,
		.main-header .center-xl .col { 
			margin: 10px; 
		}

		.main-header .end-xs .col,
		.main-header .end-sm .col,
		.main-header .end-md .col,
		.main-header .end-lg .col,
		.main-header .end-xl .col { 
			margin-left: 10px; 
			margin-right: 0;
		}

		.main-header .end-xs .col:first-child,
		.main-header .end-sm .col:first-child,
		.main-header .end-md .col:first-child,
		.main-header .end-lg .col:first-child,
		.main-header .end-xl .col:first-child {
			margin-left: 0;
			margin-right: 0;
		}
	
}




@media (min-width:1024px) and (max-width:1312px) {

	.top-header {
			}

	.middle-header-cntr {
			}
	.scrolled .middle-header-cntr {
					top: 0;
			}

	.middle-header {
        max-height: 160px;
			}

	.bottom-header-cntr {
				top: 210px;
	}

	.scrolled .bottom-header-cntr {
				top: 0px;
	}
	.bottom-header {
		width:100%;
			}


	.page-wrapper { 
				margin-top: 270px;
	}

	.scrolled .page-wrapper { 
				margin-top: 0px;
	}

	.top-header-left {
			}
	.top-header-center {
			}
	.top-header-right {
			}
	.middle-header-left {
			}
	.middle-header-center {
		width:50%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
			}
	.middle-header-right {
			}
	.bottom-header-left {
			}
	.bottom-header-center {
			}
	.bottom-header-right {
			}

	
		.main-header .start-xs .col,
		.main-header .start-sm .col,
		.main-header .start-md .col,
		.main-header .start-lg .col,
		.main-header .start-xl .col { 
			margin-right: 10px; 
			margin-left: 0;
		}

/*
		.main-header .start-xs .col:last-child,
		.main-header .start-sm .col:last-child,
		.main-header .start-md .col:last-child,
		.main-header .start-lg .col:last-child,
		.main-header .start-xl .col:last-child {
			margin-right: 0;
		}
*/
		.main-header .center-xs .col,
		.main-header .center-sm .col,
		.main-header .center-md .col,
		.main-header .center-lg .col,
		.main-header .center-xl .col { 
			margin: 10px; 
		}

		.main-header .end-xs .col,
		.main-header .end-sm .col,
		.main-header .end-md .col,
		.main-header .end-lg .col,
		.main-header .end-xl .col { 
			margin-left: 10px; 
			margin-right: 0;
		}

		.main-header .end-xs .col:first-child,
		.main-header .end-sm .col:first-child,
		.main-header .end-md .col:first-child,
		.main-header .end-lg .col:first-child,
		.main-header .end-xl .col:first-child {
			margin-left: 0;
			margin-right: 0;
		}
	}




@media (min-width:1312px) {

	.top-header {
			}

	.middle-header-cntr {
			}

	.scrolled .middle-header-cntr {
					top: 0;
			}

	.middle-header {
        max-height: 160px;
			}

	.bottom-header-cntr {
				top: 210px;
	}

	.scrolled .bottom-header-cntr {
				top: 0px;
	}

	.bottom-header {
			}

	.page-wrapper { 
				margin-top: 270px;
	}

	.scrolled .page-wrapper { 
				margin-top: 0px;
	}

	.top-header-left {
			}

	.top-header-center {
			}

	.top-header-right {
			}

	.middle-header-left {
			}

	.middle-header-center {
		width:52%; 
		flex-basis: unset !important; 
		flex-grow: unset !important;
			}

	.middle-header-right {
			}

	.bottom-header-left {
			}

	.bottom-header-center {
			}

	.bottom-header-right {
			}

    .main-header .col + .col {
        margin-left: 20px;
    }

	}