/*** Tap Bar Navigation ***/
header ul.top_bar_nav { margin:0px; padding:0px; display:flex; align-items:center; justify-content:space-between; font-size:0px; }
header ul.top_bar_nav li { margin:0px; padding:0px; display:block; }
header ul.top_bar_nav li a { font-size:16px; line-height:24px; font-weight:400; text-decoration:none; color:var(--nav); padding:10px 10px; /*display:block;*/ display:inherit; text-transform:capitalize; }
header ul.top_bar_nav li a:hover { color:var(--primary);  }


/*** Site Navigation ***/
header #main_navigation {}
header #main_navigation ul { margin:0px; padding:0px; /*display:flex;*/ align-items:center; justify-content:space-between; font-size:0px; }
header #main_navigation ul li { margin:0px; padding:0px; display:block; }
header #main_navigation li a { font-size:18px; line-height:24px; font-weight:500; text-decoration:none; color:var(--nav); padding:18px 10px; display:block; text-transform:uppercase; }
header #main_navigation li a:hover { color:var(--secondary);  }

#mobile-menu { display:none; }

/* Hamburger Menu*/
#mob-menu-toggle { width:30px; cursor:pointer; position:relative; display:none; padding:0px; }
#mob-menu-toggle span { display:block; height:5px; width:30px; background:#fff; border-radius:8px; }
#mob-menu-toggle span:nth-child(1) { margin-top:0; }
#mob-menu-toggle span:nth-child(2) { margin-top:5px; }
#mob-menu-toggle span:nth-child(3) { margin-top:5px; }
#mob-menu-toggle span:hover { color:#fff; }

@media (max-width: 960px) {
    header #main_navigation ul li { margin:0px 5px; }
    header #main_navigation li a { font-size:18px; line-height:24px; }
    header #main_navigation li.nav_divider { height:20px; margin:0px 5px; }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	/*** Menu ***/
	header #main_navigation ul { display:none; }

	#logo_bar .navbar-brand img { width:250px; }

	button.navbar-toggler { background:var(--primary) !important; border-radius:5px !important; }
	button.navbar-toggler:hover { background:var(--secondary) !important; }

    #logo_bar nav.navbar #navbarNav { background:var(--primary); border-radius:10px; }
    #logo_bar nav.navbar #navbarNav li a { font-size:18px; line-height:24px; font-weight:500; text-decoration:none; color:var(--nav); padding:10px 20px;  }
    #logo_bar nav.navbar #navbarNav li a:hover { background:var(--secondary); color:#fff; }
    
    #logo_bar nav.navbar #navbarNav li:first-child a { border:0; border-radius:10px 10px 0px 0px; }
    #logo_bar nav.navbar #navbarNav li:first-child a:hover { border:0; background:var(--secondary); color:#fff; }
    
    #logo_bar nav.navbar #navbarNav li:last-child a { border:0; border-radius:0px 0px 10px 10px; }
    #logo_bar nav.navbar #navbarNav li:last-child a:hover { border:0; background:var(--secondary); color:#fff; }
    
    #logo_bar button.navbar-toggler.collapsed { border:solid 2px #fff; }
    #logo_bar button.navbar-toggler.collapsed { border:solid 2px #fff; background: #2e81ff; }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
}