/*header css start from here*/
.top-bar {height: 30px; margin-bottom: 0px; padding: 5px 0px; background: var(--secondary-color); color: #fff;}
.topbar_navigation .navbar-default{background:#fff; border:none;}
.bg-white{background: #fff;}
.logo-cols .navbar-brand {height: auto;}
.topbar_navigation .navbar-nav>li>a { color: #111; background:#eee; margin: 3px 5px; padding: 2px 5px; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 12px; letter-spacing: 0.1px; border-radius: 5px;}
.topbar_navigation .navbar-nav>li:hover {background:transparent;}
nav.navbar.navbar-default.topbar_navigation {margin-bottom: 0; min-height:33px;}
.topbar_navigation .navbar{position:relative; min-height:30px; margin-bottom:0px;}
.topbar_navigation .navbar-nav>li>a i {font-size:16px;}
.small_logo img {max-width:100%; max-height:70px; z-index: 2; position: relative;}
.custom_nav .navbar-nav>.open>a:hover {color: #fff; background:#0299d3;}
.custom_nav .navbar-nav>.open>a:focus{color: #fff; background: #283845;}
.custom_nav .dropdown-menu>li>a {line-height:21px; padding: 5px 10px; border-bottom:1px solid #e8e8e8; font-size:13px; font-weight:500;}
.custom_nav .dropdown-menu {padding: 0;}
.theme2_h .site-header{position: relative;z-index: 2;padding: 5px 0;}
@media screen and (min-width:992px) and  (max-width:1200px){
.topbar_navigation .navbar-nav>li>a {margin: 5px 2px; padding: 5px 3px; font-size: 11px;}
}
@media screen and (min-width:992px){
.theme2_h .site-header {background: transparent;}
.lg_hidden_span{display:none;}
.theme2_h .site-header {padding:7px 0;}
section.theme2_h.he_site-header.affix{position: fixed; width: 100%;top: 0;z-index: 99;background: #fff;background: #fff; box-shadow: 0px 3px 8px rgb(0 0 0 / 27%);width: 100%;top: 0; z-index: 9;}
.affix .news-flash{display: none;}}
@media screen and (min-width:768px){
.navbar-right{margin-left: 10px;}
.topbar_navigation .navbar{float: right;}
.menu-flex-desktop{display: flex; align-items: center;}
}
@media screen and (max-width:992px){
.ho_trvl-view-butt {margin-right: 0px;}
section.theme2_h.he_site-header.affix {position: static;}
}
@media screen and (max-width: 767px){
.custom_nav ul li {text-align: left; display: block; width: 100%;}
.topbar_navigation .navbar-nav>li>a {margin: 4px 9px;padding: 6px 8px;font-size: 15px;}
.theme2_h{position: static;}
.he_site-header .affix { position: fixed; z-index: 99; width: 100%; box-shadow: 0px 3px 8px rgb(0 0 0 / 27%); top: 0; background: #fff; padding: 6px 0;}
.he_navbar .navbar-collapse.in {left: 0;}
.he_navbar .navbar-collapse {position: fixed;top: 0;left: -280px;  width: 260px;height: 100vh;background: #fff;z-index: 9999;overflow-y: auto;transition: 0.3s ease-in-out;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding-bottom: 15px;}
.he_navbar .navbar-collapse.in {left: 0;}
/* Make nav vertical */
.he_navbar .nav-tabs {display: block;}
.he_navbar .nav-tabs > li {float: none;display: block;width: 100%;}
.he_navbar .nav-tabs > li > a {display: block;padding: 12px 15px;border-bottom: 1px solid #eee;}
.custom-toggle .close-icon {display: none;font-size: 28px;width: 40px;line-height: 35px;height: 35px;border-radius: 8px;background:var(--secondary-color);color:#fff;}
.custom-toggle:not(.collapsed) .menu-icon {display: none;}
.custom-toggle:not(.collapsed) .close-icon {display: inline-block;}
.custom-toggle .menu-icon {font-size: 22px;color: #fff;background: var(--secondary-color);width: 40px; height: 35px; display: block;border-radius: 8px;line-height: 35px;}
.custom_nav .navbar-toggle {position: relative;float: right;padding: 1px 3px;margin-top: 8px;margin-right: 0px;margin-bottom: 3px;border-radius: 4px;}
/* Mobile Sidebar Menu */
.navbar-nav .open .dropdown-menu>li>a {padding: 5px;}
.navbar-nav {margin: 5px 0px;text-align: center;display: flex;flex-wrap: wrap;width: 100%;}
.small_logo img {max-height:55px; margin:5px 0;}
.small_logo{text-align:left;}
.topbar_navigation {margin-top: 0px;}
.custom_nav .navbar-nav .open .dropdown-menu{position: absolute;min-width: 120px;width:100%;padding: 0 9px;}
.no_collapse{display: block; text-align: center;}
.custom_nav ul li {display: inline-block;}
.small_logo .navbar-brand>img{margin-top:5px !important;}
.custom_nav .dropdown-menu li {display:block; background: #f7f6f6;}
.logo-cols {display: flex; justify-content: center; align-items: center;}
}
@media screen and (max-width:570px){
.custom_nav i {font-size: 12px;}
}