.site-header {
	position: relative;
}
.header-image img {
  width: 100%;
}
/* Header background-image mode (ACF "Background Image" toggle) - the image is a CSS background
   (not an <img>) covering a fixed-height box, cropped at the sides if needed.
   Height: desktop here, mobile in the 767px media query. min-height so a long title is never cut. */
.header-image.header-image-bg {
	position: relative;
	min-height: 470px;
}
.header-image-bg .header-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.navbar-nav-collapse .nav-search {
    width: 1rem;
    position: relative;
    margin: 0.5rem 0 0 2.2rem;
	cursor: pointer;
}
.navbar-nav-collapse .header-search-input-box {
    position: absolute;
    top: 2.5rem;
    border-radius: 8px;
    overflow: hidden;
}
.navbar-nav-collapse .header-search-input-box input.hsearch {
    padding: 0.5rem !important;
    height: 2.5rem !important;
    display: block;
    background: #f5f1ed;
    border: unset !important;
    width: 15rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: -0.5rem;
    font-size: 1.05rem;
    color: var(--main-color);
}
/***category-header***/
.off-canvas-wrapper header {
    position: relative;
	box-shadow: unset;
}
.category-header {
    background-color: #edf0f5 !important;
}
.header-title h1 {
    color: var(--main-color);
    font-weight: var(--weight-800);
}
.category-header .section-padding {
    padding: 4rem 0 10.7rem;
	
}


@media(max-width: 1250px){
	
}
@media(max-width: 991px){
	
}
@media(max-width: 767px){
	.category-header .section-padding {
		padding: 6rem 0;
	}
	/* header background-image mode - mobile height */
	.header-image.header-image-bg {
		min-height: 320px;
	}
	.header-title h1 {
		font-weight: var(--weight-600);
	}
	
}
@media(max-width: 600px){

}
@media(max-width: 480px){
	
	
}