.nav-primary,
.topggle-add-btn div {
	background-color: #fff;
	transition: .5s ease-in-out
}

.nav-primary {
	position: absolute;
	top: 0;
	left: -100%;
	width: 80%;
	height: 100vh;
	padding: 0 16px;
	overflow-y: scroll
}

.nav-primary.active {
	left: 0
}

.nav-primary ul {
	margin: 40px 0 0;
	padding: 0;
	list-style: none
}

.nav-primary li {
	position: relative
}

.nav-primary li a {
	padding: 7px 0;
	color: #595959;
	font-size: 14px;
	display: inline-block;
	text-transform: uppercase;
	font-family: Poppins, sans-serif
}

.nav-primary ul li:hover a {
	color: #f48d43
}

.sub-menu-toggle {
	position: absolute;
	right: 3px;
	top: 11px;
	color: #595959;
	font-size: 13px;
	cursor: pointer
}

.sub-menu {
	display: none;
	transition: .5s
}

.sub-menu.js-toggled {
	display: block;
	padding: 15px 12px;
	margin-top: 0;
	border-top: 2px solid #f48d43;
	box-shadow: 0 0 3px #f48d4340;
	width: 100%
}

.topggle-add-btn {
	width: 20px;
	cursor: pointer
}

.topggle-add-btn div {
	width: 100%;
	height: 2px;
	margin-top: 5px
}

.topggle-add-btn.on .one {
	transform: rotate(46deg) translate(4px, 6px)
}

.topggle-add-btn.on .two {
	opacity: 0
}

.topggle-add-btn.on .three {
	transform: rotate(-45deg) translate(4px, -6px)
}

.topggle-add-btn div:first-child {
	margin-top: 0
}

.wrapper-cont {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.sub-contact-header-section {
	display: none
}

.header-item-left {
	width: 165px;
	padding: 7px 0
}

.header-item-left img {
	width: 100%
}

.search-icon {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #f48d43;
	padding: 6px 8px;
	border-radius: 3px;
	width: 73px
}

.search-icon i {
	color: #fff
}

.sub-menu-two,
.sub-menu .sub-menu {
	background-color: #fff !important
}

.header-item-center ul li.active a {
	color: #fc8027;
	position: relative
}

@media(min-width:1024px) {

	.has-children a:after,
	.menu-item-has-children:before {
		font-family: fontawesome;
		top: 50%;
		transform: translate(0, -50%);
		font-size: 12px
	}

	.header-item-center .nav-primary ul li.active a:before {
		content: '';
		position: absolute;
		bottom: 20px;
		left: 0;
		width: 100%;
		height: 2px;
		background: #fc8027;
		background: radial-gradient(circle, #fc8027 0, rgba(240, 125, 46, 0) 100%)
	}

	.sub-menu li a:before {
		display: none;
		color: #595959 !important
	}

	.sub-menu li a:after {
		display: none;
		color: #e48216 !important
	}

	.sub-menu li a:hover,
	.sub-menu li a:hover:after {
		color: #fff !important
	}

	.nav-primary ul li:hover .sub-menu,
	.sub-contact-header-section,
	.sub-menu .has-children a:after {
		display: block
	}

	.active .sub-menu li a:before,
	.active .sub-menu-two li a:after,
	.sub-menu-two li a:before {
		display: none !important
	}

	.header-item-center .nav-primary ul li.active a:after {
		content: '';
		position: absolute;
		bottom: 17px;
		width: 7px;
		height: 7px;
		background: #fc8027;
		left: 50%;
		transform: translate(-50%, 0);
		border-radius: 50px
	}

	.nav-primary {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		padding: 0;
		overflow: inherit
	}

	.header-item-left {
		padding: 0
	}

	.nav-primary ul {
		margin-top: 0
	}

	.nav-primary ul li,
	.sub-contact-header-section div {
		float: left
	}

	.nav-primary li a {
		color: #fff;
		padding: 24px 13px
	}

	.sub-menu-toggle {
		right: 1px;
		top: 8px;
		color: #fff;
		font-size: 11px;
		display: none
	}

	.sub-menu {
		position: absolute;
		width: 100%;
		min-width: 320px;
		background-color: #f5f8f9;
		top: 100% !important;
		border-top: 3px solid #f48d43;
		padding: 0 !important;
		transition: .5s
	}

	.sub-menu-two,
    .sub-menu .sub-menu {
		background-color: #f5f8f9 !important
	}

	.contact-header-section {
		display: flex
	}

	.search-icon {
		width: 40px;
		background-color: transparent;
		background-image: url(../img/search-background.png);
		background-size: cover;
		justify-content: center;
		border-radius: 0
	}

	.sub-contact-header-section div img {
		margin: 4px 12px
	}

	.sub-contact-header-section div p {
		color: #fff;
		font-size: 13px
	}

	.sub-contact-header-section div a {
		color: #fff;
		font-size: 14px;
		padding-right: 14px
	}

	.sub-menu li {
		width: 100%;
		border-bottom: 1px solid #fff
	}

	.sub-menu li a {
		color: #595959 !important;
		padding: 9px 14px !important;
		width: 100%;
		text-transform: capitalize !important;
		transition: .4s ease-in-out
	}

	.sub-menu li a:hover {
		background-color: #e48216
	}

	.sub-menu-two,
    .sub-menu .sub-menu {
		position: absolute;
		top: -7% !important;
		right: -100%;
		display: none !important
	}

	.menu-item-has-children ul li:hover .sub-menu-two,
    .menu-item-has-children ul.sub-menu li:hover .sub-menu {
		display: block !important
	}

	.topggle-add-btn {
		display: none
	}

	.has-children a,
	.menu-item-has-children {
		position: relative
	}

	.menu-item-has-children:before {
		content: ' \f107 ';
		position: absolute;
		right: 0;
		color: #fff
	}

	.has-children a:after {
		content: ' \f061 ';
		position: absolute;
		right: 9px;
		color: #595959
	}

	.children-before:hover:before {
		color: #f48d43
	}

	.active .sub-menu li.menu-item-has-children.has-children a:after {
		display: block;
		content: ' \f107 ' !important;
		font-family: fontawesome;
		position: absolute;
		top: 42%;
		right: 15px;
		transform: rotate(-90deg) translate(0, -50%) !important;
		color: #433937 !important;
		font-size: 12px;
		bottom: unset !important;
		left: unset !important;
		background: 0 0 !important
	}
}

@media(min-width:1200px) {
	.sub-contact-header-section div a {
		font-size: 18px;
		padding-right: 36px
	}

	.header-item-left {
		width: 168px
	}

	.search-icon {
		width: 50px
	}

	.nav-primary li a {
		padding: 32px 21px;
		font-weight: 400
	}

	.menu-item-has-children:before {
		right: 5px
	}
}