@font-face {font-family: 'Poppins';src: url('font/Poppins-Bold.ttf') format('truetype'); font-weight: 700;  font-style: normal;  font-display: swap;}
@font-face {font-family: 'Poppins'; src: url('font/Poppins-Medium.ttf') format('truetype'); font-weight: 500;  font-style: normal;  font-display: swap;}
@font-face {font-family: 'Poppins';src: url('font/Poppins-Regular.ttf') format('truetype'); font-weight: 400;  font-style: normal;  font-display: swap;}
/*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;}
.theme2_h {background: #fff; padding:3px 0;}
.logo-cols .navbar-brand {height: auto;}
.topbar_navigation .navbar-nav>li>a {border:1px solid var(--secondary-color); color: #fff; background:var(--secondary-color); margin: 5px 4px; padding: 5px 8px; border-radius: 5px; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 12px; letter-spacing: 0.1px;}
.topbar_navigation .navbar-nav>li>a:hover{border:1px solid var(--main-color);}
.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 {color: #fff; font-size:16px;}
.topbar_navigation .navbar-nav>li>a:hover i{color: #111;}
.small_logo img {max-width:100%; max-height: 65px; 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; border-bottom:1px solid #e8e8e8; font-size:13px; font-weight:500;}
.custom_nav .dropdown-menu {padding: 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:768px){
.menu-flex-desktop{display: flex; align-items: center;}
}
@media screen and (max-width: 767px){
    .small_logo img {max-height:60px; margin:5px 0;}
    .topbar_navigation {margin-top: 0px;}
    .custom_nav .navbar-nav .open .dropdown-menu{position: absolute;right: 0;left: auto;}
    .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){
    .topbar_navigation .navbar-nav>li>a {margin: 2px 1px; padding: 2px 4px; font-size:11px;}
    .custom_nav i {font-size: 12px;}
}
/*header css end from here*/