.header-ex1 { border:1px solid green; }


/*Menu Structure*/
    .header-ex1 .Navigation { float:left; clear:both; width:100%; position:absolute; z-index:3; } 

        /*Menu Elements*/
        .header-ex1 .Navigation .elements { height:250px; width:100%; display: flex; justify-content:flex-end; flex-wrap:wrap; margin-top:0px; }
		
		/*Logo*/
            .header-ex1 .Navigation .elements .logo { width:260px; padding-top:21px; position:absolute; top:0; left:60px; }
				.header-ex1 .Navigation .elements .logo a { width:100%; } 
					.header-ex1 .Navigation .elements .logo a img { width:100%; }
				
		/*Quote*/    
			.header-ex1 .Navigation .elements .quote { display:inline-block; float:right; margin-bottom:0px; clear:both; height:100px;  }
				.header-ex1 .Navigation .elements .quote a { border:2px solid #000; display:table; padding:6px 30px; margin-top:30px; text-decoration:none; color:#000; }	
					.header-ex1 .Navigation .elements .quote a:hover { border:2px solid #fff; color:#fff; }
		
        /*Phone*/      
			.header-ex1 .Navigation .elements .phone { display:inline-block; float:right; clear:both; margin-bottom:0px;  margin-right:60px; height:100px; }
				.header-ex1 .Navigation .elements .phone img { display:inline-block; vertical-align:top; margin-top:42px; margin-left:30px; }
				.header-ex1 .Navigation .elements .phone a { display:inline-block; font-size:36px; color:#000; text-decoration:none; padding-top:3px; margin-left:3px; margin-top:34px; }
					.header-ex1 .Navigation .elements .phone a:hover { color:#fff; }				

		/*Menu*/
            .header-ex1 .Navigation .elements .menuNav { width:100%; float:right; height:68px; border-top:2px solid #000; border-bottom:2px solid #000; margin-top:-36px; background:#fff; }
                .header-ex1 .Navigation .elements .menuNav .menu { display:inline-block; float:right; clear:right; padding-top:16px; padding-right:60px; }
                    .header-ex1 .Navigation .elements .menuNav .menu ul { padding:0; }
                        .header-ex1 .Navigation .elements .menuNav .menu ul li { margin:0;  display:inline-block; text-align:left; padding:0; }
							.header-ex1 .Navigation .elements .menuNav .menu ul li:last-of-type { display:none; }
								.header-ex1 .Navigation .elements .menuNav .menu ul li a { font-size:22px; font-weight:100; color:#261e07; text-decoration:none; margin:0; margin-left:40px; padding:5px; transition: color 0.15s ease-out; }
									.header-ex1 .Navigation .elements .menuNav .menu ul li a:hover { color:#41d3ea; }
									
							.header-ex1 .Navigation .elements .menuNav .menu .mobilePhone { display:none; }
					
							/*Sub Menu*/
                            .header-ex1 .Navigation .elements .menuNav .menu ul li ul { background-color:#333;  margin-left:44px; }
								.header-ex1 .Navigation .elements .menuNav .menu ul li ul li { padding:5px 7px; }
									.header-ex1 .Navigation .elements .menuNav .menu ul li ul li a { color:#fff; transition: height 0.20s ease-out; background:none; margin-left:0; }
								
								
								
								
								
        /*Snap Header Styles*/
        .header-ex1 .Navigation .fixed { position:fixed; top:0; left:0; right:0; box-shadow:0 0 15px #666; }
            .header-ex1 .Navigation .fixed .elements { background:#fff ; margin-top:0px; height:170px; }
			
				.header-ex1 .Navigation .fixed .elements .logo { margin-top:0px; padding-top:0; width:7%; top:10px; }
					
				.header-ex1 .Navigation .fixed .elements .menuNav { border:0; margin-top:-6px; }
					.header-ex1 .Navigation .fixed .elements .menuNav .menu { padding-top:16px; }
				
				
				
				
				
				
				
				
				
				
/*----Responsive for Header----*/

@media only screen and (max-width: 1279px) {
    .header-ex1 .Navigation .elements .logo { width:190px; }
	
	.header-ex1 .Navigation .elements .menuNav { margin-top:-73px; }
	
	.header-ex1 .Navigation .fixed .elements .logo { width:190px; }
}





@media only screen and (max-width: 992px) {
	.header-ex1 .Navigation .elements { height:70px; background:#fff; }
		.header-ex1 .Navigation .elements .logo { width:150px; padding-top:10px; }
		.header-ex1 .Navigation .elements .phone { display:none; }
		.header-ex1 .Navigation .elements .quote { margin-right:30px; }
			.header-ex1 .Navigation .elements .quote a { margin-top:9px; }
		.header-ex1 .Navigation .elements .menuNav { border:0; background:transparent; height:70px; width:140px; margin-top:0; }
			.header-ex1 .Navigation .elements .menuNav .menu { padding-top:4px; }
				.header-ex1 .Navigation .elements .menuNav .menu ul li a { margin-top:0; padding:13px; margin-left:0; }
				
				.header-ex1 .Navigation .elements .menuNav .menu ul li ul { margin-left:0; background-color:#fff; }
				.header-ex1 .Navigation .elements .menuNav .menu ul li ul li { padding:5px 0; }
					.header-ex1 .Navigation .elements .menuNav .menu ul li ul li a { color:#000; padding-left:30px; }
		
		.menu .mobileMenu::after { background:transparent url(../Images/menuIcon2.png) center center no-repeat; }
        
		.menu .callAndClose { background-color:#fff; border-bottom:1px solid #000; }
			.menu .callAndClose .callBtn { background-color:transparent; border:2px solid #000; border-radius:0; margin-top:3px; }
				.menu .callAndClose .callBtn::after { color:#000; }
		
		.menu ul.stMobileMenu { background-color:#fff; font-size:21px; padding:13px 20px; }
}





@media only screen and (max-width: 768px) {
    .header-ex1 .Navigation .elements .logo { left:30px; }

	.header-ex1 .Navigation .elements .menuNav { width:100px; }
		.header-ex1 .Navigation .elements .menuNav .menu { padding-right:30px; }
}





@media only screen and (max-width: 480px) {
	.header-ex1 .Navigation .elements .logo { width:80px; left:10px; }
	
	.header-ex1 .Navigation .elements .quote { margin-right:20px; }
		.header-ex1 .Navigation .elements .quote a { padding:6px 10px; }
	
	.header-ex1 .Navigation .elements .menuNav { width:70px; }
		.header-ex1 .Navigation .elements .menuNav .menu { padding-right:10px; }
}