/*===.cspt-header-style-4===*/
.cspt-header-style-4 .cspt-header-overlay {
	position: absolute;
	z-index: 9;
	width: 100%;
}
.cspt-header-style-4 .cspt-pre-header-wrapper>.container .justify-content-between {
	border-bottom: 1px solid rgba(255, 255, 255, .13);
}
.cspt-header-style-4 .cspt-pre-header-wrapper {
	height: 55px;
	line-height: 55px;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}
.cspt-header-style-4 .top-contact i {
	margin-right: 5px;
}
.cspt-header-style-4 .top-contact li {
	border-right: 1px solid rgba(255, 255, 255, .13);
	padding-right: 25px;
	padding-left: 24px;
	margin: 0;
}
.cspt-header-style-4 .top-contact li:first-child {
	padding-left: 0px;
}
.cspt-header-style-4 .top-contact li:last-child {
	border-right: none;
}
.cspt-header-style-4 .cspt-pre-header-wrapper .cspt-social-links li a {
	background-color: transparent;
}

@media (max-width: 1200px) {
	.cspt-header-style-4 .cspt-right-box .cspt-header-search-btn,
	.cspt-header-style-4 .cspt-right-box .cspt-cart-wrapper{
		display: none;
	}
	.cspt-header-style-4 .nav-menu-toggle {
		color: var(--cspt-greenly-white-color);
	}
	.cspt-header-style-4 .cspt-header-wrapper>.container {
		position: relative;
		padding: 0;
	}
	.cspt-header-style-4 .cspt-header-wrapper>.container .d-flex {
		margin: 0 20px 0 30px;
		position: relative;
	}
	.cspt-header-style-4 .cspt-header-height-wrapper {
		min-height: auto !important;
	}
}

@media (min-width: 1201px) {
	.cspt-header-style-4 .cspt-header-height-wrapper {
		background-color: rgba(255, 255, 255, 0.10);
		border-bottom: 1px solid rgba(255, 255, 255, 0.13);
	}
	.cspt-header-style-4 .cspt-logo-menuarea {
		display: -ms-flexbox!important;
		display: flex!important;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-pack: justify!important;
		-ms-flex-pack: justify!important;
		justify-content: space-between!important;
	}
	.cspt-header-style-4 .cspt-right-box {
		margin-left: 10px;
		display: flex;
	}
	.cspt-header-style-4 .cspt-right-box {
		line-height: var(--cspt-greenly-header-height) !important;
		height: var(--cspt-greenly-header-height);
	}
	.cspt-header-style-4 .cspt-sticky-header .cspt-right-box {
		line-height: var(--cspt-greenly-sticky-header-height)!important;
		height: var(--cspt-greenly-sticky-header-height);
	}
	.cspt-header-style-4 .cspt-right-box .cspt-header-button a {
		color: var(--cspt-greenly-white-color);
		letter-spacing: .5px;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 14px;
		display: inline-block;
		background-color: var(--cspt-greenly-global-color);
		padding: 14px 15px;
		border-radius: 4px;
	}
	.cspt-header-style-4 .cspt-right-box .cspt-header-button a:hover {
		background-color: var(--cspt-greenly-blackish-color);
	}
	.cspt-header-style-4 .navigation-top {
		margin-left: auto!important;
	}
	.cspt-header-style-4 .cspt-navbar div>ul>li>a {
		margin: 0 17px;
	}
	.cspt-header-style-4 .cspt-right-box .cspt-header-button a {
		line-height: normal !important
	}
	.cspt-header-style-4 .cspt-title-bar-content {
		padding-top: 180px;
	}
	.cspt-header-style-4 .cspt-sticky-header .cspt-pre-header-wrapper {
		display: none;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
	}
	.cspt-header-style-4 .cspt-header-search-btn a {
		color: var(--cspt-greenly-main-menu-typography-color);
	}
	/*** Custom Menu text color ***/
	.cspt-header-style-4 .cspt-sticky-header .cspt-header-search-btn a,
	.cspt-header-style-4 .cspt-sticky-header .cspt-navbar div>ul>li>a {
		color: var(--cspt-greenly-main-menu-sticky-color);
	}
	.cspt-header-style-4 .cspt-sticky-header .cspt-pre-header-wrapper {
		height: 0;
		line-height: 0;
	}
	.cspt-header-style-4 .cspt-navbar.cspt-main-active-color-globalcolor>div>ul>li.current_page_item>a,
	.cspt-header-style-4 .cspt-navbar.cspt-main-active-color-globalcolor>div>ul>li.current-menu-parent>a {
		color: var(--cspt-greenly-global-color);
	}
	.cspt-header-style-4 .cspt-navbar.cspt-main-active-color-blackish>div>ul>li.current_page_item>a,
	.cspt-header-style-4 .cspt-navbar.cspt-main-active-color-blackish>div>ul>li.current-menu-parent>a {
		color: #232323;
	}
	.cspt-header-style-4 .cspt-navbar.cspt-main-active-color-white>div>ul>li.current_page_item>a,
	.cspt-header-style-4 .cspt-navbar.cspt-main-active-color-white>div>ul>li.current-menu-parent>a {
		color: var(--cspt-greenly-white-color);
	}
	.cspt-header-style-4 .cspt-navbar.cspt-main-active-color-secondarycolor>div>ul>li.current_page_item>a,
	.cspt-header-style-4 .cspt-navbar.cspt-main-active-color-secondarycolor>div>ul>li.current-menu-parent>a {
		color: #eee;
	}
	.cspt-header-style-4 .cspt-sticky-header .cspt-navbar>div>ul>li.current_page_item>a,
	.cspt-header-style-4 .cspt-sticky-header .cspt-navbar>div>ul>li.current-menu-parent>a {
		color: var(--cspt-greenly-global-color);
	}
	.cspt-header-style-4 .cspt-header-overlay .cspt-right-box .cspt-cart-wrapper a {
		color: var(--cspt-greenly-white-color);
	}
	.cspt-header-style-4 .cspt-header-overlay .cspt-right-box .cspt-cart-wrapper .cspt-cart-count {
		background-color: var(--cspt-greenly-white-color);
		color: var(--cspt-greenly-blackish-color);
	}
	.cspt-header-style-4 .cspt-search-cart-box {
		align-items: center;
		display: flex;
		position: relative;
	}
	.cspt-header-style-4 .cspt-right-box .cspt-search-cart-box>* {
		padding: 0 25px;
	}
	.cspt-header-style-4 .cspt-right-box .cspt-search-cart-box>*:nth-child(2)::after {
		content: '';
		width: 1px;
		height: 30px;
		background-color: rgba(var(--cspt-greenly-main-menu-typography-color-rgb), 0.20);
		position: absolute;
		left: 0px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.cspt-header-style-4 .cspt-sticky-header .cspt-right-box .cspt-search-cart-box>*:nth-child(2)::after {
		background-color: rgba(var(--cspt-greenly-blackish-color-rgb), 0.10);
	}
	.cspt-header-style-4 .cspt-right-box .cspt-cart-wrapper {
		margin-right: 0;
		position: relative;
	}
}

@media (max-width: 768px) {
	.cspt-header-style-4 .cspt-pre-header-wrapper {
		height: auto;
		line-height: normal;
	}
}