@media only screen and (min-width: 360px) {
	.HomePageBanner {
		top: 5%;
		/*left: 0;
		padding: 0;
		padding-left: 20px;
		display: block !important; */
	}
	
	.carousel-caption {
		width: 100%
	}
	
	.carousel-Header1 {
		font-size: 18px;
		line-height: normal;
	}
	
	.BannerButtons {
		margin: 0 !important;
		padding-top: 0.5em;
		width: 100% !important;
	}
	
	#GROUP_FS_BUT_324848A6E597D31469804 {
		display: flex !important;
		flex-direction: column;
	}
	
	#p7_BUT_324848A6E597D31469804 {
		display: none !important;
	}
	
	.CarouselNewQuoteButton {
		padding: 0.5rem 2rem 0.5em 1rem;
	}
	.CarouselRetrieveQuoteButton {
		padding: 0.5em;
	}
	
	.ProgressBarSection {
		display: flex;
		justify-content: center;
	}
	
	.PaymentComodoSecureLogo {
		width: 55px;
		height: 35px;
		background-size: contain;
	}
}

@media only screen and (min-width: 568px) {
	
	.HomePageBanner {
	}
	
	.BannerButtons {
		margin: 0 !important;
		padding-top: 0.5em;
		width: 100% !important;
	}
	
	#GROUP_FS_BUT_324848A6E597D31469804 {
		display: flex !important;
		flex-direction: row;
	}
	
	#p7_BUT_324848A6E597D31469804 {
		display: none !important;
	}
	
	.carousel-Header1 {
		font-size: 20px;
	}
}

@media only screen and (min-width: 992px) {
	.carousel-Header1 {
		font: 30px/1.125 ps-regular,"arial";
	}
	
	.CarouselNewQuoteButton, .CarouselRetrieveQuoteButton {
		padding: 0.5rem 2rem 0.5em 1.5rem;
	}
}

@media only screen and (min-width: 1200px) {
	.ProgressBarSection {
		justify-content: space-between;
	}
}