/* ------  CSS code to reduce hero banner -- v2 ++ ------*/
	/* ------            Last update 10/10/25            ------*/

	/*Reduce Hero on mobile*/
	@media only screen and (max-width: 919px)
	{
		/*Reduce Hero mobile image */	
		div.banner-wrapper div.banner-inner{
			height: 270px !important;
		}
		div.banner-bg.mobile-bg{
		  max-height: 270px !important;
		  overflow: hidden !important;
		}
	
		/* Adjust mobile image */
		div.banner-bg.mobile-bg > img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: 5% center !important;
		}
	
		/* Adjust mobile image for small screen (w<767px) */
		@media (max-width: 767px) {
			div.banner-bg.mobile-bg{
				min-height: 270px !important;
			}
		}
		/* Adjust mobile image for small screen (544<w<767px) */
		@media (min-width: 544px) and (max-width: 767px) {
			div.banner-bg.mobile-bg > img{
				object-position: 5% center !important;
			}
		}
		/* Adjust mobile image for small screen (w<543px) */
		@media (max-width: 543px) {
			div.banner-bg.mobile-bg > img{
				object-position: top !important;
			}
		}
	}
	
	/*Reduce Hero on desktop*/
	@media only screen and (min-width: 48em){
		/*Reduce Hero desktop image */
		div.banner-wrapper div.banner-inner{
			height: 320px !important;
		}
		
		div.banner-bg.desktop-bg.banner-reduced{
		  overflow: hidden !important;
		  max-height: 320px !important;
		}
		
		/* Increase the size of the hero banner for large screens */
		@media screen and (min-height: 750px){
			div.banner-bg.desktop-bg.banner-reduced{
				max-height: 370px !important;
			}
			div.banner-wrapper div.banner-inner{
			  height: 370px !important;
			}
		}

		/* Adjust desktop image */
		div.banner-bg.desktop-bg.banner-reduced > img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center 20% !important;
		}
	}
	
	/*Adjust title on mobile*/
	@media only screen and (max-width: 919px)
	{
		/* Move up h1 */
		div.banner-title-wrapper{
			padding-top: 0 !important;
		}
		
		/* Reduce mobile h1 */
		div.banner-title-wrapper > h1{
			line-height: 29px;
			margin-top: -25px !important;
		}
			
		/* Reduce spacing  */
		div.banner-bottom-inner{
		   padding: 0 !important;
		}
		
		/* Add spacing below TP */
		.quote_tool > .quote_tool__page:first-of-type{
			padding-top: 10px !important;
		}
		
		/* Move up packshot  */
		div.banner-bottom img.banner-img.sam_banner_with_form_centered_image_with_ruler.sam-img-fixed
		{
			margin-top: -155px !important;
		}
		
		
	}
	
	/*Adjust title on desktop*/
	@media only screen and (min-width: 48em){			
		
		/* Move up desktop h1 */
		div.banner-title-wrapper > h1{
			padding: 0 !important;
		}
		
		/* Reduce desktop h1 */
		div.banner-title-wrapper > h1{
			line-height: 56px;
		}
	}
	

	/* Move up packshot on mobile */
	@media only screen and (max-width: 767px) {

		/* Move up packshot  */
		div.banner-bottom img.banner-img.sam_banner_with_form_centered_image_with_ruler.sam-img-fixed
		{
			margin-top: -155px !important;
		}
	}
	
	/* Move up packshot on desktop */
	@media only screen and (min-width: 75em) {
		div.banner-bottom div.banner-img-wrapper {
			top: 15px !important;
		}
		div.banner-bottom img.banner-img.sam_banner_with_form_centered_image_with_ruler.sam-img-fixed{
			bottom: 0 !important;
		}
	}