.v-center {
 	align-items: center;
 }

 .logo-section ul {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }

 .logo-section a {
 	text-decoration: none;
 }

 /* header */
 .header {
 	display: block;
 	width: 100%;
 	position: relative;
 	z-index: 99;
 }

 .header .item-left {
 	flex: 0 0 20%;
 }

 .header .logo a {
 	font-size: 30px;
 	color: #000000;
 	font-weight: 700;
 	text-decoration: none;
 }

 nav.menu {
 	text-align: center;
 }

 .header .item-center {
 	flex: 0 0 60%;
 }

 .header .item-right {
 	flex: 0 0 20%;
 	display: flex;
 	justify-content: flex-end;
 }

 .header .item-right a {
 	text-decoration: none;
 	font-size: 16px;
 	color: #ffffff;
 	display: inline-block;
 	margin-left: 10px;
 	transition: color 0.3s ease;
 }

 .hdt-btn i {
 	color: #fff;
 }

 .header .menu>ul>li {
 	display: inline-block;
 	line-height: 50px;
 	margin-left: 25px;
 }

 .header .menu>ul>li>a {
 	font-size: 14px;
 	font-weight: 500;
 	color: #000000;
 	position: relative;
 	text-transform: capitalize;
 	transition: color 0.3s ease;
 	padding: 32px 0;
 	text-transform: uppercase;
 }

 .header .menu>ul>li .sub-menu {
 	position: absolute;
 	z-index: 500;
 	background-color: #ffffff;
 	box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
 	padding: 0px 0px;
 	transition: all 0.5s ease;
 	margin-top: 25px;
 	opacity: 0;
 	visibility: hidden;
 }

 @media(min-width: 992px) {
 	.header .menu>ul>li.menu-item-has-children:hover .sub-menu {
 		margin-top: 18px;
 		visibility: visible;
 		opacity: 1;
 	}
 }

 .header .menu>ul>li .sub-menu>li {
 	line-height: 1;
 	text-align: left;
 }

 .header .menu>ul>li .sub-menu>li>a {
 	display: inline-block;
 	padding: 13px 10px;
 	font-size: 15px;
 	color: #555555;
 	transition: color 0.3s ease;
 	text-decoration: none;
 	text-transform: capitalize;
 	width: 100%;
 	border-bottom: 1px solid #e6e6e6;
 }

 .header .menu>ul>li .sub-menu {
 	min-width: 200px;
 	max-width: 350px;
 }

 .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li {
 	line-height: 1;
 	display: block;
 	text-align: left;
 }

 .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
 	padding: 10px 0;
 	display: inline-block;
 	font-size: 15px;
 	color: #555555;
 	transition: color 0.3s ease;
 }

 .header .menu>ul>li .sub-menu.mega-menu {
 	left: 50%;
 	transform: translateX(-50%);
 }

 .header .menu>ul>li .sub-menu.mega-menu-column-4 {
 	max-width: 1100px;
 	width: 100%;
 	display: flex;
 	flex-wrap: wrap;
 	padding: 20px 15px;
 }

 .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
 	flex: 0 0 25%;
 	padding: 0 15px;
 }

 .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {
 	font-size: 16px;
 	color: #ea4636;
 	font-weight: 500;
 	line-height: 1;
 	padding: 10px 0;
 	text-align: left;
 }

 .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
 	text-align: center;
 }

 .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
 	max-width: 100%;
 	width: 100%;
 	vertical-align: middle;
 	margin-top: 10px;
 	height: 300px;
 	object-fit: cover;
 }

 .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover,
 .header .menu>ul>li .sub-menu>ul>li>a:hover,
 .header .item-right a:hover,
 .header .menu>ul>li:hover>a {
 	color: #ea4636;
 }

 .mobile-menu-head,
 .mobile-menu-trigger {
 	display: none;
 }

 /*responsive*/
 @media(max-width: 991px) {

 	.header .item-center {
 		order: 3;
 		flex: 0 0 100%;
 	}

 	.header .item-left,
 	.header .item-right {
 		flex: 0 0 50%;
 	}

 	.v-center {
 		justify-content: space-between;
 	}

 	.header .mobile-menu-trigger {
 		display: flex;
 		height: 30px;
 		width: 30px;
 		margin-left: 10px;
 		cursor: pointer;
 		align-items: center;
 		justify-content: center;
 	}

 	.header .mobile-menu-trigger span {
 		display: block;
 		height: 2px;
 		background-color: #333333;
 		width: 24px;
 		position: relative;
 	}

 	.header .mobile-menu-trigger span:before,
 	.header .mobile-menu-trigger span:after {
 		content: '';
 		position: absolute;
 		left: 0;
 		width: 100%;
 		height: 100%;
 		background-color: #333333;
 	}

 	.header .mobile-menu-trigger span:before {
 		top: -6px;
 	}

 	.header .mobile-menu-trigger span:after {
 		top: 6px;
 	}

 	.header .item-right {
 		align-items: center;
 	}

 	.header .menu {
 		position: fixed;
 		width: 320px;
 		background-color: #ffffff;
 		left: 0;
 		top: 0;
 		height: 100%;
 		overflow: hidden;
 		transform: translate(-100%);
 		transition: all 0.5s ease;
 		z-index: 1099;
 	}

 	.header .menu.active {
 		transform: translate(0%);
 	}

 	.header .menu>ul>li {
 		line-height: 1;
 		margin: 0;
 		display: block;
 	}

 	.header .menu>ul>li>a {
 		text-align: left;
 		line-height: 50px;
 		height: 50px;
 		padding: 0 50px 0 15px;
 		display: block;
 		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 	}

 	.header .menu>ul>li>a i {
 		position: absolute;
 		height: 50px;
 		width: 50px;
 		top: 0;
 		right: 0;
 		text-align: center;
 		line-height: 50px;
 		transform: rotate(-90deg);
 	}

 	.header .menu .mobile-menu-head {
 		display: flex;
 		height: 50px;
 		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 		justify-content: space-between;
 		align-items: center;
 		position: relative;
 		z-index: 501;
 		position: sticky;
 		background-color: #ffffff;
 		top: 0;
 	}

 	.header .menu .mobile-menu-head .go-back {
 		height: 50px;
 		width: 50px;
 		border-right: 1px solid rgba(0, 0, 0, 0.1);
 		cursor: pointer;
 		line-height: 50px;
 		text-align: center;
 		color: #000000;
 		font-size: 16px;
 		display: none;
 	}

 	.header .menu .mobile-menu-head.active .go-back {
 		display: block;
 	}

 	.header .menu .mobile-menu-head .current-menu-title {
 		font-size: 15px;
 		font-weight: 500;
 		color: #000000;
 	}

 	.header .menu .mobile-menu-head .mobile-menu-close {
 		height: 50px;
 		width: 50px;
 		border-left: 1px solid rgba(0, 0, 0, 0.1);
 		cursor: pointer;
 		line-height: 50px;
 		text-align: center;
 		color: #000000;
 		font-size: 25px;
 	}

 	.header .menu .menu-main {
 		height: 100%;
 		overflow-x: hidden;
 		overflow-y: auto;
 	}

 	.header .menu>ul>li .sub-menu.mega-menu,
 	.header .menu>ul>li .sub-menu {
 		visibility: visible;
 		opacity: 1;
 		position: absolute;
 		box-shadow: none;
 		margin: 0;
 		padding: 15px;
 		top: 0;
 		left: 0;
 		width: 100%;
 		height: 100%;
 		padding-top: 65px;
 		max-width: none;
 		min-width: auto;
 		display: none;
 		transform: translateX(0%);
 		overflow-y: auto;
 	}

 	.header .menu>ul>li .sub-menu.active {
 		display: block;
 	}

 	@keyframes slideLeft {
 		0% {
 			opacity: 0;
 			transform: translateX(100%);
 		}

 		100% {
 			opacity: 1;
 			transform: translateX(0%);
 		}
 	}

 	@keyframes slideRight {
 		0% {
 			opacity: 1;
 			transform: translateX(0%);
 		}

 		100% {
 			opacity: 0;
 			transform: translateX(100%);
 		}
 	}

 	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
 		margin-top: 0;
 	}

 	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
 		margin-bottom: 20px;
 	}

 	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title {
 		margin-bottom: 0px;
 	}

 	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
 		flex: 0 0 100%;
 		padding: 0px;
 	}

 	.header .menu>ul>li .sub-menu>li>a,
 	.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
 		display: block;
 	}

 	.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul {
 		margin-bottom: 15px;
 	}

 	.menu-overlay {
 		position: fixed;
 		background-color: rgba(0, 0, 0, 0.5);
 		left: 0;
 		top: 0;
 		width: 100%;
 		height: 100%;
 		z-index: 1098;
 		visibility: hidden;
 		opacity: 0;
 		transition: all 0.5s ease;
 	}

 	.menu-overlay.active {
 		visibility: visible;
 		opacity: 1;
 	}
 }