.mobile-nav a,

.mobile-nav .dropdown-list a {

  text-decoration: none !important;

  color: #333;

  transition: color 0.3s ease;

}



.mobile-nav a:hover,

.mobile-nav .dropdown-list a:hover {

  color: #e74c3c;

  text-decoration: none;

}



.mobile-nav-toggle {

	position: fixed;

	right: 15px;

	top: 45px;

	z-index: 9998;

	border: 0;

	background: none;

	font-size: 24px;

	transition: all .4s;

	outline: none!important;

	line-height: 1;

	cursor: pointer;

	text-align: right

}

.mobile-nav-toggle i {

	color: #000

}

.mobile-nav {

	position: fixed;

	top: 70px;

	right: 15px;

	left: 15px;

	z-index: 9999;

	overflow-y: auto;

	background: #fff;

	transition: ease-in-out .2s;

	opacity: 0;

	visibility: hidden;

	border-radius: 10px;

	padding: 10px 0;

	overflow: scroll;

	max-height: 80vh;

}

@media (min-width: 767.86px) and (max-width: 830px) {

	.mobile-nav-toggle {

		right: 35px;

	}

}

.mobile-nav * {

	margin: 0;

	padding: 0;

	list-style: none

}

.mobile-nav a {

	display: block;

	position: relative;

	color: #2c4964;

	padding: 10px 20px;

	font-weight: 500;

	outline: none

}

.mobile-nav a:hover, .mobile-nav .active>a, .mobile-nav li:hover>a {

	color: #dc3545;

	text-decoration: none

}

.mobile-nav .drop-down > a:after {

	content: "\25B6";

	font-family: inherit;

	padding-left: 10px;

	position: absolute;

	right: 15px;

	transform: rotate(90deg);

	font-size:12px;

}

.mobile-nav .drop-down.active > a:after {

	transform: rotate(-90deg);

}

.mobile-nav .drop-down>a {

	padding-right: 35px

}

.mobile-nav .drop-down ul {

	display: none;

	overflow: hidden

}

.mobile-nav .drop-down li {

	padding-left: 20px

}

.mobile-nav-overly {

	width: 100%;

	height: 100%;

	z-index: 9997;

	top: 0;

	left: 0;

	position: fixed;

	background: rgba(28,47,65,.6);

	overflow: hidden;

	display: none;

	transition: ease-in-out .2s

}

.mobile-nav-active {

	overflow: hidden

}

.mobile-nav-active .mobile-nav {

	opacity: 1;

	visibility: visible

}

.mobile-nav-active .mobile-nav-toggle i {

	color: #fff

}

.desktophide {

	display: none!important

}

.mobile-search-city {

	display: none!important

}

.msearch {

	display: none!important

}

.mr-auto {

	margin-right: 100px

}

.about-btn {

	border-radius: 35px;

	padding: 10px 40px;

	font-size: 30px;

}

.mr-auto, .mx-auto {

	margin-right: auto !important;

}

.top-header {

  z-index: 1030;

}

.top-header small span {

  margin: 0 10px;

  font-size: 13px;

  white-space: nowrap;

}

.top-header {

  text-align: center;

}

.main-header {

  top: 27px;

  z-index: 1020;

}

#header {

	background: #fff;

	z-index: 997;

	padding: 5px 0;

	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;

}

#header .logo {

	font-size: 32px;

	margin: 0;

	padding: 0;

	line-height: 1;

	font-weight: 700;

	font-family: "Open Sans", sans-serif;

}

#header .logo img {

	max-height: 70px

}

 @media (max-width:992px) {

#header .logo {

	font-size: inherit

}

}

 @media (max-width:768px) {

.mobile-nav a {

	padding: 10px;

}

}

 @media (max-width:400px) {

#header .img-fluid {

	max-width: 100%;

	height: auto

}

}

.nav-menu ul {

	margin: 0;

	padding: 0;

	list-style: none

}

.nav-menu>ul {

	display: flex

}

.nav-menu>ul>li {

	position: relative;

	white-space: nowrap;

	padding: 8px 0 8px 20px

}

.nav-menu a {

	display: block;

	position: relative;

	color: #dc3545;

	transition: .3s;

	font-size: 14px;

	font-family: "Open Sans", sans-serif;

	padding: 5px 2px;

}

.nav-menu a:hover, .nav-menu .active>a, .nav-menu li:hover>a {

	color: #dc3545;

	border-color: #b02a37;

	text-decoration: none

}

.nav-menu .drop-down ul {

	display: block;

	position: absolute;

	right: -45px;

	top: calc(100% + 30px);

	z-index: 99;

	opacity: 0;

	visibility: hidden;

	padding: 10px 0;

	background: #fff;

	box-shadow: 0 0 30px rgba(127,137,161,.25);

	transition: .3s

}

.nav-menu .drop-down:hover>ul {

	opacity: 1;

	top: 100%;

	visibility: visible

}

.nav-menu .drop-down li {

	min-width: 180px;

	position: relative

}

.nav-menu .drop-down ul a {

	padding: 7px 20px;

	font-size: 14px;

	font-weight: 500;

	text-transform: none;

	color: #082744;

	border: none

}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active>a, .nav-menu .drop-down ul li:hover>a {

	color: #b02a37

}

.nav-menu .drop-down>a:after {

	padding: 0 5px;

	content: '\25B6';

	float: right;

	margin-right: 10px;

	transform: rotate(90deg);

	color: #b02a37;

	font-size:12px;

}

/*.nav-menu .drop-down:hover > a:after {

	transform: rotate(-90deg);

}*/

.nav-menu .drop-down .drop-down ul {

	top: 0;

	left: calc(100% - 30px)

}

.nav-menu .drop-down .drop-down:hover>ul {

	opacity: 1;

	top: 0;

	left: 100%

}

.nav-menu .drop-down .drop-down>a {

	padding-right: 35px

}

 @media (max-width:1366px) {

	.nav-menu .drop-down .drop-down ul {

		left: -90%

	}

	.nav-menu .drop-down .drop-down:hover>ul {

		left: -100%

	}

}

 @media (max-width: 767.98px) {

	.drop-down .two-column ul {

		height: 50vh;

		overflow: scroll !important;

	}

	.main-header {

		top: 25px; /* adjust based on actual top-header height on mobile */

	}

	.mobile-nav-toggle {

		top: 45px;

	}

}

.nav-menu a,

.nav-menu .dropdown-list a {

  text-decoration: none !important;

  color: #333;

  transition: color 0.3s ease;

}



.nav-menu a:hover,

.nav-menu .dropdown-list a:hover {

  color: #e74c3c;

  text-decoration: none;

}

.site-logo {

  height: 60px;

  transition: all 0.3s ease;

}

@media (max-width: 991.98px) { /* tablets and below */

  .site-logo {

    height: 40px;

  }

}



@media (max-width: 575.98px) { /* mobile */

  .site-logo {

    height: 40px;

  }

}