.header-ex4 { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; padding:0 60px 20px; background-color:#fff; border-bottom:4px solid #241f20; } 
	

	
/*Logo*/	
.header-ex4 .logo { width:100%; max-width:400px; padding:40px 0 0; }



/*Alternative Navigation Elements*/
.header-ex4 .altNav  { width:calc(100% - 400px); display:flex; flex-wrap:wrap; }

.header-ex4 .altNav .navElements  { width:100%; display:flex; align-items: flex-start; justify-content: flex-end; flex-wrap:wrap; }

.header-ex4 .altNav .downloadCatalog { border-right:1px solid #000; border-left:1px solid #000; padding:40px 40px 20px; }



/*Phone Styles*/     
.header-ex4  .altNav .phone { display:flex; align-items: center; padding:40px 40px 20px 0; }

.header-ex4	.altNav .phoneNumber { color:#000; font-size:28px; vertical-align:top; text-decoration:none; font-weight:500; margin:0 10px; }
.header-ex4	.altNav .phoneNumber span { display:inline-block; font-size:18px; color:#bf1e2e; text-align:center; width:100%; }



/*Search Styles*/
.header-ex4 .altNav .searchSite { padding:46px 0 20px 40px; }
.header-ex4 .altNav .searchSite .searchIcon img { width:100%; }
.header-ex4 .altNav .searchSite form { float: right; clear: both; position:relative; }
    .header-ex4 .altNav .searchSite form input { width: 230px; height: 50px; margin:0 -1px 0 0; padding:0 5px; text-overflow:ellipsis; font-size:24px; float: left; position: relative;  border: 1px solid #c6c6c6; border-right:0; background: #eeeeee; color: #000; outline: none; border-top-left-radius:10px; border-bottom-left-radius:10px; }
	.header-ex4 .altNav .searchSite form button { float: left; right: 0; cursor: pointer;  width: 55px; height: 50px; font-size: 0; background:#241f20 url("../Images/searchIconWhite.png") center center no-repeat; background-size: contain; border: 1px solid #c6c6c6; transition:all 0.15s ease; border-top-right-radius:10px; border-bottom-right-radius:10px; }
	.header-ex4 .altNav .searchSite form button:hover { background-color:#d71921; }
	
	.header-ex4 .altNav .searchSite .searchIcon { display:none; } 
	.header-ex4 .altNav .searchSite  #searchChk { display:none; }
	.header-ex4 .altNav .searchSite  .close { display:none; }


/*Menu*/
@media only screen and (min-width: 993px) {
.header-ex4 .menu { width:100%; display:flex; align-items:flex-end; }
	.header-ex4  .menu ul.stMenu  { display:flex; justify-content: flex-end; width:100%; margin:0; padding:0; }
		.header-ex4  .menu ul.stMenu li a { font-size:22px; font-weight:400; color:#000; text-decoration:none; margin:0 0 0 30px; padding:0; }
}
    
	
	
	
@media only screen and (max-width: 1366px) {
	.header-ex4 .logo { max-width:300px; padding-top:20px; }
	
	.header-ex4 .altNav { width:calc(100% - 300px); }
	.header-ex4 .altNav .phone { padding-top: 20px; }
	.header-ex4 .altNav .downloadCatalog { padding-top: 20px; }
	.header-ex4 .altNav .searchSite { padding-top: 26px; }
	
	.header-ex4 .menu { margin-top:20px; }
}

	

@media only screen and (max-width: 1200px) {
	.header-ex4 { padding: 0 20px 20px; }
	
	.header-ex4 .logo { max-width:200px; padding-top:20px; }
	
	.header-ex4 .altNav { width:calc(100% - 200px); }
	.header-ex4 .altNav .phone { padding:20px 20px 0; }
	.header-ex4 .altNav .downloadCatalog { padding:20px 10px 0;  }
	.header-ex4 .altNav .searchSite { padding: 26px 10px 0 20px; }
	
	.header-ex4 .menu { margin-top:20px; }
}	
	
	

@media only screen and (max-width: 992px) {
	
	.header-ex4 .logo { padding:20px 10px 0; }
	.header-ex4 .altNav .phone { padding:20px 10px 0; }
	
	.header-ex4 .altNav { flex-direction:row; }
	.header-ex4 .altNav .navElements { width:calc(100% - 80px); justify-content:center; }
	
	.header-ex4 .menu .mobileMenu { float:right; }	
	
	.header-ex4 .altNav .searchSite .searchIcon { display:inline-block; right: 0; cursor: pointer; width: 55px; height: 50px; font-size: 0; background:#241f20 url("../Images/searchIconWhite.png") center center no-repeat; background-size: contain; border: 1px solid #c6c6c6; transition:all 0.15s ease; border-radius:10px; }
	.header-ex4 .altNav .searchSite .searchIcon:hover { background-color:#d71921; }
	.header-ex4 .altNav .searchSite form { display:none; }
	
	
	/*Mobile Search Popup*/
	.header-ex4 .searchSite .popContainer { position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.5); display: none; opacity:0; justify-content: center; align-items: center; align-content: center; flex-wrap:wrap; z-index:-9999; }
	.header-ex4 .searchSite .popContainer > div { position:relative; display:none; }

	.header-ex4 .searchSite .popContainer form { padding:20px 30px; background-color:#fff; border:1px solid #000; border-radius:10px; box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.75); }
	.header-ex4 .searchSite .popContainer form:before { content:"Site Search"; display:block; text-align:left; color:#083e21; width:100%; margin-bottom:10px; font-weight:500; }
	.header-ex4 .searchSite .popContainer label { position:absolute; top:-10px; right:-10px; background-color:#f00; border:1px solid #000; border-radius:100px; width:30px; height:30px; display:flex; justify-content:center; align-items:center; color:#fff; user-select:none; cursor:pointer; }

	.header-ex4 .searchSite input[type="checkbox"]:checked ~ .popContainer { display: flex; transition: all ease 0.25s; transition-delay:0.15s; opacity:1; z-index:9999; }
	.header-ex4 .searchSite input[type="checkbox"]:checked ~ .popContainer > div { display:block; }
	.header-ex4 .searchSite input[type="checkbox"]:checked ~ .popContainer form { display:block; }
	.header-ex4 .searchSite input[type="checkbox"]:checked ~ .popContainer .close { display:flex; }
	
	


	/*Mobile Menu*/
	.menu .mobileMenu::after { filter:grayscale(1); }
	.menu .callAndClose { align-items:center; }
	.menu .callAndClose .callBtn,
	.menu .callAndClose .closeBtn { top:auto; }
	.menu ul.stMobileMenu { background-color:#241f20; }
	
	
}


@media only screen and (max-width: 767px) {
	.header-ex4 .logo { position:absolute; }
	.header-ex4 .altNav { flex-direction:column-reverse; width: 100%; }
	.header-ex4 .altNav .navElements { width:100%; justify-content: flex-end; }
	.header-ex4 .altNav .phone { position:absolute; left:0; }
	.header-ex4 .altNav .downloadCatalog { border:none; }
}


@media only screen and (max-width: 425px) {
	.header-ex4 .logo { max-width:160px; padding:20px 0 0; }
	.header-ex4 .altNav .phoneNumber { font-size:14px; }
	.header-ex4 .altNav .downloadCatalog { width:80px; padding:15px 10px 0;}
	.header-ex4 .altNav .searchSite { padding:10px 10px 0; }
	
	.header-ex4 .altNav .searchSite form input { width:170px; }
}