.editorial-quote {
    background: #dfdace!important;
    color: #6D8B74;
    margin: 0!important;
}

.hero_editorial{
display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
    width: 100%;
    margin-bottom:10px;
}

.hero_image{
width : 100%;
background : url("/-/media/images/Manually-uploaded-editorial-images/HATH/desktop_ultra.jpg");
background-repeat : no-repeat;
background-position : bottom center;
background-size : cover;
height : 500px;
}


@media only screen and (max-width: 2560px) {

.hero_image {
background : url("/-/media/images/Manually-uploaded-editorial-images/HATH/desktop_wide.jpg");
background-repeat : no-repeat;
background-position : bottom center;
}
}
@media screen and (max-width: 1600px) {
	
.hero_editorial{
height : 450px;
}

.hero_image {
background : url("/-/media/images/Manually-uploaded-editorial-images/HATH/desktop.jpg");
height : 450px;
background-repeat : no-repeat;
background-position : bottom center;
}

}
@media screen and (max-width: 1366px) {

	.hero_editorial {
height : 350px;

}

.hero_image {
background : url("/-/media/images/Manually-uploaded-editorial-images/HATH/laptop.jpg");
height : 350px;
background-repeat : no-repeat;
background-position : bottom center;
}

}

@media only screen and (max-width: 1023px) {

.hero_image {
background : url("/-/media/images/Manually-uploaded-editorial-images/HATH/tablet.jpg");
background-repeat : no-repeat;
background-position : bottom center;
height : 350px;
}

}

@media only screen and (max-width: 767px) {
.hero_editorial {
height : 250px;
}

.hero_image {
background : url("/-/media/images/Manually-uploaded-editorial-images/HATH/mobile_l.jpg");
background-repeat : no-repeat;
background-position : bottom center;
height : 250px;
}

}
@media only screen and (max-width: 440px) {
.hero_image {
background : url("/-/media/images/Manually-uploaded-editorial-images/HATH/mobile_m.jpg");
background-repeat : no-repeat;
background-position : bottom center;
background-size : cover;
height : 240px;
}

}
@media only screen and (max-width: 375px) {
	.hero_editorial {
		height : 210px;
}
.hero_image {
background : url("/-/media/images/Manually-uploaded-editorial-images/HATH/mobile_s.jpg");
	background-position: bottom center;
height : 210px;
}

}