.select-vehicle {
	font-size: 1rem;
}
.responsiveHomeBody {
	background: #F8F9FA;
	max-width: 1440px;
	margin: auto;
}
.afgSelectorHorizontal .drop-down-container.has-arrow:after {
	width: 16px;
}
.footer-wrapper {
	top: 0 !important;
}
.blackOverlay {
	height: 65%;
	position: absolute;
	width: 100%;
	top: 0;
	background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
.vehicleSelected.active {
	margin: 0.5rem 0;
}
.select-vehicle.forHomepage {
	display: none;
}
.backgroundBannerImage {
	max-width: 100%;
	object-fit: cover;
	width: 100%;
}
p.vehicleSelected.active {
	display: none !important;
}
.lpVehicleSelectorContainer .vehicleInfoLink {
	text-align: center !important
}
.vehicleSelectorPlaceHolder.active {
	min-height: 7rem;
}
.afgSelectorHorizontal {
	width: 75%;
}
.afg-selector-horizontal select.form-control {
	-webkit-appearance: none;
	cursor: pointer;
	height: 50px;
	border-radius: 5px;
	padding: 1rem 0.5rem 0;
}
.afg-selector-horizontal .dropDown {
	width: 30%
}
.afg-selector-horizontal .form-control-placeholder {
	font-weight: normal;
	margin-bottom: 0;
	opacity: 0.4;
	padding: 13px 0 0 10px;
	position: absolute;
	top: 0;
	transition: all 200ms;
}
.afg-selector-horizontal .form-control:focus ~ .form-control-placeholder,
.afg-selector-horizontal .form-control:not(:placeholder-shown) ~ .form-control-placeholder {
	font-size: 75%;
	opacity: 0.6;
	padding-top: 20px;
	transform: translate3d(0, -40%, 0);
	left: 0;
}
.afg-selector-horizontal select.form-control:focus {
	border: 2px solid #9F7C00 !important;
}
.blackfriday-banner-shopnow {
	z-index: 10;
	left: 50%;
	transform: translateX(-50%);
	bottom: 2.5rem;
	width: 40%;
}
.home-slider .productSlider {
	max-width: 18rem;
	min-width: 18rem;
}
.home-slider .imageContainer {
	height: 12rem;
}
.home-slider .imageContainer img {
	max-height: 12rem;
	max-width: 12rem;
	min-width: 12rem;
}
.mobile-device .home-slider .horizontalCustomScrollbar::-webkit-scrollbar {
	height: 1.1rem;
}
#homeFlashDeals {
	flex-direction: row;
	display: flex !important;
	flex-grow: 1;
	flex-shrink: 1;
	gap: 0.75rem;
}
#homeFlashDeals img {
	display: block;
	width: 100%;
	border-radius: 15px;
}
#homeFlashDeals .leftCont img {
	max-width: 900px;
}
#homeFlashDeals .rightCont {
	flex-direction: column;
	gap: 0.75rem;
}
#homeFlashDeals .rightCont img {
	max-width: 525px;
}
body:not(.mobile-device) #homeFlashDeals a:hover img {
	box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
	transition: all .2s;
}
#homeShopCategory .shopContainer {
	--gap: 12px;
	--columns: 5;
	width: 100%;
	gap: var(--gap);
}
#homeShopCategory .shopContainer .item {
	width: calc((100% / var(--columns)) - var(--gap) + (var(--gap)/ var(--columns)));
}
#homeShopCategory .thumbnailImgContainer {
	width: 165px !important;
	height: 150px !important;
}
#homeShopCategory .thumbnailImgContainer img {
	max-height: 100%;
	max-width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#homeShopCategory .categoryTitle {
	height: 5rem !important;
	-webkit-line-clamp: 2 !important;
	font-weight: 600 !important;
	font-size: 1.25rem;
}
#homeShopCategory .item {
	text-align: center;
	position: relative;
}
#homeShopCategory .item a {
	display: block;
	color: black;
	width: 100%;
	height: 100%;
}
#homeShopCategory .item a:hover,
#homeShopCategory .item a:hover span {
	text-decoration: none;
}
#homeShopCategory .seeMoreMobCont,
#homeShopCategory .seeLessMobCont  {
	border-top: 1px solid rgba(198, 200, 202, 1);
	text-align: center;
}
#homeShopCategory .seeMoreMobCont a,
#homeShopCategory .seeMoreMobCont a:hover,
#homeShopCategory .seeLessMobCont a,
#homeShopCategory .seeLessMobCont a:hover {
	text-decoration: none;
}
body:not(.mobile-device) #homeShopCategory .item img,
#homeShopCategory .item a {
	transition: transform 0.2s;
}
body:not(.mobile-device) #homeShopCategory .item:hover img {
	transform: translateY(-10px);
}
body:not(.mobile-device) #homeShopCategory .item:hover a {
	font-weight: 700;
}
#homeRecentReviews h2 br {
	display: none !important;
}
#recentCustReviews .sliderElement {
	border-radius: 5px;
	border: 1px solid #D9DADB;
	background: #FFF;
}
body:not(.mobile-device) #recentCustReviews .sliderElement:hover {
	box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.20);
	transition: all .2s;
}
#recentCustReviews .recentCustomerPhotosContainer {
	width: 22.938rem;
	height: 33rem;
}
#recentCustReviews .recentCustomerPhotosContainer .recentCustomerPhotoTitle {
	color: #212529;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.375rem;
}
#recentCustReviews .productReviewContainer {
	height: 33rem;
	width: 34.875rem;
	flex-shrink: 0;
}
#recentCustReviews .productContent {
	border-radius: 4px 4px 0px 0px;
	background: #F8F9FA;
	border-bottom: 1px solid #D9DADB;
	column-gap: 0.8rem;
}
#recentCustReviews .productContent .imageWrapper {
	border-radius: 5px;
	border: 1px solid #D9DADB;
	background: #FFF;
	width: 7.5rem;
	height: 7.5rem;
}
#recentCustReviews .productContent .productInfo {
	position: relative !important;
}
#recentCustReviews .productContent .imageWrapper img {
	max-width: 6.5rem !important;
}
#recentCustReviews .productName {
	color: #000;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.625rem;
}
#recentCustReviews .productDesc {
	font-size: 1rem;
	font-style: normal;
	font-weight: 300;
	line-height: 1.313rem;
}
#recentCustReviews .reviewTitle {
	color: #212529;
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.625rem;
}
#recentCustReviews .reviewImageOuterContainer {
	overflow: hidden;
	width: 5.375rem;
	height: 5.375rem;
}
#recentCustReviews .reviewImageInnerContainer {
	position: relative;
	flex-grow: 1;
	padding-bottom: 100%;
}
#recentCustReviews .reviewImg img, #recentCustReviews .reviewVideoThumbnail {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	border: 0;
}
#recentCustReviews .productReviewContainer > p.toProduct {
	position: absolute;
	right: 1.5rem;
	bottom: 1rem;
}
#recentCustReviews .recentCustomerPhotosContainer .reviewImageOuterContainer {
	overflow: hidden;
	width: 6.25rem;
	height: 6.25rem;
}
#recentCustReviews .customSlider .arrow.arrowRight:after {
	right: 1rem;
}
#recentCustReviews .customSlider .arrow.arrowLeft:after {
	left: 1rem;
}
img.pswp__img {
	object-fit: contain;
}
.miscellaneousSections {
	gap: 1.5rem;
}
.miscellaneousSections .miscellaneousInnerContiner {
	position: relative;
	border-radius: 5px;
	height: 274px;
	border: 1px solid rgba(217, 218, 219, 1);
}
.miscellaneousInnerContiner .imgContainer {
	position: relative;
}
.miscellaneousInnerContiner .textContainer {
	position: absolute;
	bottom: 1rem;
	width: 100%;
}
.miscellaneousInnerContiner .textContainer p {
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0em;
	text-align: center;
}
.miscellaneousInnerContiner .textContainer p b {
	font-size: 28px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0em;
}
.miscellaneousInnerContiner.financePopup .imgContainer img {
	max-width: 344px;
	width: 100%;
}
.miscellaneousInnerContiner .imgContainer .installAccessoriesPopup img {
	max-width: 333px;
	width: 100%;
}
.miscellaneousInnerContiner .imgContainer .vipPopup img {
	max-width: 240px;
	width: 55%;
}
body:not(.mobile-device) .miscellaneousSections .miscellaneousInnerContiner:hover {
	box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
	transition: all .2s;
}
.financeContent .fancybox-inner {
	background: white;
	padding-top: 1rem;
	padding-left: 2rem;
	padding-right: 1rem;
}
.financeContent .fancybox-inner::-webkit-scrollbar {
	width: 22px;
}
.financeContent .fancybox-inner::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 5px;
	border: 6px solid transparent;
	background-clip: content-box;
}
.financeContent .fancybox-inner::-webkit-scrollbar-track {
	background-color: transparent;
}
.customFancyBox .fancybox-inner::-webkit-scrollbar {
	width: 22px;
}
.customFancyBox .fancybox-inner::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 5px;
	border: 6px solid transparent;
	background-clip: content-box;
}
.customFancyBox .fancybox-inner::-webkit-scrollbar-track {
	background-color: transparent;
}
@media (max-width: 1441px) {
	.responsiveHomeBody {
		margin: 0 16px !important;
	}
}
@media screen and (min-width: 768px) {
	.afgLabel,
	.afgBody {
		background: white;
	}
	.afgLabel {
		top: 1px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-top: 1px solid #BBBBBB;
		border-left: 1px solid #BBBBBB;
		border-right: 1px solid #BBBBBB;
		width: fit-content;
	}
	.afgBody {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		box-shadow: 3px 8px 8px rgb(0 0 0 / 25%);
		border-top-right-radius: 10px;
		border-top: 1px solid #BBBBBB;
		border-bottom: 1px solid #BBBBBB;
		border-left: 1px solid #BBBBBB;
		border-right: 1px solid #BBBBBB;
	}
	.afgContainer {
		width: 100%;
	}
	.select-vehicle {
		margin: 1.5rem 0 0.5rem;
	}
	h3.selected-vehicle-display {
		font-size: 2.5rem !important;
	}
	.vehicleLink {
		font-size: 1rem;
	}
	.topBoxSection {
		border-radius: 20px;
		border: 1px solid #D9DADB;
		background: #FFF;
		box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.15);


	}
	#homeShopCategory .seeMoreMobCont {
		display: none !important;
	}
}
@media (min-width: 769px) and (max-width: 991.98px) {
	.afgSelectorHorizontal,
	.afg-selector-horizontal .dropDown {
		width: 80% !important;
	}
}
@media (max-width: 1199.98px) {
	#homeShopCategory .shopContainer {
		--columns: 4;
	}
}
@media (max-width: 991.98px) {
	.miscellaneousSections {
		overflow-x: auto;
	}
	.miscellaneousInnerContiner .imgContainer {
		width: 303px;
	}
	.miscellaneousInnerContiner .textContainer {
		bottom: 0.2rem;
	}
	#homeShopCategory .shopContainer {
		--columns: 3;
	}
	.miscellaneousInnerContiner .imgContainer .vipPopup img {
		max-width: 240px;
		width: 65%;
	}
}
@media screen and (min-width: 959.98px) {
	#homeFlashDeals .leftCont {
		min-width: unset !important;
	}
	#homeFlashDeals .rightCont {
		min-width: unset !important;
	}
}
@media screen and (max-width: 959.98px) {
	#homeFlashDeals .leftCont {
		min-width: 63% !important;
	}
	#homeFlashDeals .rightCont {
		min-width: 36% !important;
	}
}
@media (max-width: 767.98px) {
	.responsiveHomeBody {
		margin: 0 auto !important;
	}
	.afgBody {
		width:95%;
	}
	.afgLabel {
		font-size: 1.4rem;
		font-weight:700;
		width: fit-content;
	}
	.afgContainer {
		box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
		width: 100%;
	}
	.afgContainer h2 {
		font-size: 21px;
	}
	.select-vehicle {
		margin: 0.5rem 0;
	}
	h3.selected-vehicle-display {
		font-size: 1.75rem !important;
	}
	.vehicleLink {
		font-size: 1rem;
	}
	.vehicleLink a {
		font-size: 1.1rem !important;
		text-decoration: underline;
	}
	.vehicleSelectorPlaceHolder.active {
		min-height: 17rem;
	}
	.afgSelectorHorizontal,
	.afg-selector-horizontal .dropDown {
		width: 95%
	}
	.afg-selector-horizontal .vehicleSelectorSection {
		flex-direction: column;
	}
	.afg-selector-horizontal .afg-selector-submit-btn {
		width: 90%;
	}
	.afg-selector-horizontal .dropDown {
		margin-bottom: 0.5rem;
	}
	.topBoxSection {
		border-radius:0;
		border: none;
		background: #fff;
		box-shadow: none;
	}
	#homeFlashDeals {
		flex-direction: column;
		gap: 0.5rem;
		margin-bottom: 1rem !important;
	}
	#homeFlashDeals .rightCont {
		min-width: unset !important;
		flex-direction: row;
		display: flex !important;
		justify-content: flex-start !important;
		flex-grow: 0;
		flex-shrink: 0;
		overflow-x: auto;
		gap: 0.5rem;
	}
	#homeFlashDeals .rightCont > div {
		min-width: 316px !important;
		flex-grow: 1;
	}
	#homeShopCategory {
		background: #FFF;
	}
	#homeShopCategory .seeMoreMobCont {
		display: block;
	}
	#homeShopCategory .shopContainer {
		--columns: 2;
	}
	#homeShopCategory .shopContainer .item {
		display: none;
	}
	#homeShopCategory .shopContainer .item:nth-child(-n+6) {
		display: block;
	}
	.miscellaneousSections .miscellaneousInnerContiner {
		height: 194px;
	}
	.miscellaneousInnerContiner.financePopup .imgContainer img {
		width: 55%;
	}
	.miscellaneousInnerContiner .imgContainer .installAccessoriesPopup img {
		width: 55%;
	}
	.miscellaneousInnerContiner .imgContainer .vipPopup img {
		width: 40%;
	}
	#homeRecentReviews h2 {
		text-align: center !important;
	}
	#homeRecentReviews h2 br {
		display:  block !important;
	}
	#homeRecentReviews hr {
		align-self: flex-start !important;
		margin-top: 0.8rem !important;
	}
}
@media screen and (max-width: 575.98px) {
	h2.selected-vehicle-display {
		font-size: 1.2rem !important;
		width: 70%;
		text-align: center;
	}
	h3.selected-vehicle-display {
		font-size: 1.5rem !important;
	}
	#homeShopCategory .categoryTitle {
		height: 4rem !important;
		font-size: 1rem;
	}
	#homeShopCategory .thumbnailImgContainer {
		width: 125px !important;
		height: 110px !important;
	}
	#recentCustReviews .recentCustomerPhotosContainer, #recentCustReviews .productReviewContainer {
		width: 18rem;
		height: 29rem;
	}
	#recentCustReviews .productContent .imageWrapper {
		width: 4.5rem;
		height: 4.5rem;
	}
	#recentCustReviews .productContent .imageWrapper img {
		max-width: 3.5rem !important;
	}
	#recentCustReviews .productName {
		font-size: 1rem;
	}
	#recentCustReviews .recentCustomerPhotosContainer .reviewImageOuterContainer {
		width: 4.5rem;
		height: 4.5rem;
	}
	.blackfriday-banner-shopnow {
		bottom: 1rem;
		width: 35%;
	}
}
@media screen and (min-width: 576px) {
	#recentCustReviews .productContent .productInfo {
		width: 7.5rem;
		height: 7.5rem;
	}
	#recentCustReviews .toProduct {
		position: absolute !important;
		right: 0;
		bottom: 0;
	}
	.blackfriday-banner-shopnow {
		bottom: 1rem;
		width: 30%;
	}
}
@media (max-width: 300px) {
	#homeFlashDeals .rightCont > div {
		min-width: 235px !important;
	}
}
@media (max-width: 991px) {
	.blackfriday-banner-image {
		content: url("https://www.sonicelectronix.com/landing/sales/primetime26/sonicprimetimemobilehome.jpg");
	}
}
@media (min-width: 992px) {
	.blackfriday-banner-shopnow {
		bottom: 1.2rem;
		width: 30%;
	}
}
@media (min-width: 1200px) {
	.blackfriday-banner-shopnow {
		bottom: 1.65rem;
	}
}
@media (min-width: 1386px) {
	.blackfriday-banner-shopnow {
		bottom: 2.15rem;
		width: 20%;
	}
}
@media (min-width: 1600px) {
	.blackfriday-banner-shopnow {
		bottom: 2.65rem;
		width: 20%;
	}
}
@media (min-width: 1920px) {
	.blackfriday-banner-shopnow {
		bottom: 4rem;
		width: 20%;
	}
}
.header-block {
	position: relative;
	border-radius: 8px;
}
.bf-bold-header {
	padding: 8px 12px;
	font-weight: 900;
	border-radius: 5px;
	position: absolute;
	z-index: 10;
	font-family: 'Montserrat';
}

.bf-discount {
	z-index: 10;
	font-family: sans-serif;
	padding: 8px 12px;
	border-radius: 5px;
	position: absolute;
	font-weight: 550;
}

.bf-shop-now {
	z-index: 10;
	font-family: sans-serif;
	padding: 8px 12px;
	border-radius: 5px;
	position: absolute;
	font-weight: 600;
}

.bf-shop-now:hover {
	text-decoration: underline;
}
.shop-now-block8-desktop {
	display: none;
}

.early-black-friday {
	color: #091049!important;
}

.save-big-on-2 {
	left: 0%!important;
	transform: translateX(0%)!important;
	color: #fac600!important;
	font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
}

.shop-now-block2-desktop {
	color: #ffffff!important;
	top: 19.5%!important;
	left: 40%important;
}

.new-arrivals {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.up-to-35-off {
	font-family: 'Montserrat'!important;
}

.up-to-35-off {
	color: #fac600!important;
	font-weight: 900;
}

@media (min-width: 2400px) {

	.early-black-friday {
		position: absolute;
		top: 2%;
		left: 3%;
		color: #fff;
		font-size: 53px!important;
	}

	.door-buster-deals {
		position: absolute;
		top: 8% !important;
		left: 2%;
		color: #ba8a00;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 66px;
		z-index: 10;
		font-family: 'Montserrat';
		margin-top: 7px;
	}

	.save-seventy {
		position: absolute;
		top: 16% !important;
		left: 2.5% !important;
		color: #0c0c0c;
		font-size: 27px !important;
		margin-top: 15px;
	}

	.shop-now-block1-desktop {
		top: 25%;
		left: 3%;
		color: #020760;
		font-size: 20px;
		margin-top: 15px;
	}

	.save-big-on-2 {
		top: -3%;
		color: #0a3758;
		font-size: 150px !important;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		text-align: center;
		margin-left: 25px;
	}

	.up-to-35-off-2 {
		top: 5%;
		color: #091049;
		font-size: 50px;
		left: auto;
		transform: none;
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
	}

	.up-to-35-off-2-sub-text {
		top: 5%;
		color: #091049;
		font-size: 50px;
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 13.5%;
		color: #0a3758;
		font-size: 19px;
		text-align: center;
		left: 40%!important;
		transform: translateX(-50%);
	}

	.off-kicker  {
		top: 29%;
		left: 4%;
		color: #fff;
		font-size: 47px;
	}

	.shop-now-block3-desktop {
		top: 56%;
		left: 4%;
		color: #fff;
		margin-top: 15px;
		font-size: 20px;
	}

	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 47px;
	}

	.shop-now-block4-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		margin-top: 15px;
		font-size: 20px;
	}

	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 47px;
	}

	.shop-now-block5-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 20px;
		margin-top: 15px;
	}

	.save-big-on {
		top: -2%!important;
		color: #fff;
		font-size: 90px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
	}

	.up-to-35-off {
		top: 4.5%!important;
		color: #fff;
		font-size: 90px;
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 20%;
		color: #fff;
		font-size: 20px;
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop-closeout {
		font-size: 90px;
		top: 11.5%!important;
	}

	.save-big-7 {
		top: 27%;
		left: 4%;
		color: #fff;
		font-size: 47px;
	}

	.off-nvx  {
		top: 32%;
		color: #fff;
		font-size: 25px!important;
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 40%;
		color: #fff;
		font-size: 20px;
		left: 4%;
	}

	.save-big-8 {
		top: 52%;
		color: #0a3758;
		font-size: 47px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8  {
		top: 65%;
		color: #0a3758;
		font-size: 36px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 67.3%;
		color: #0a3758;
		font-size: 20px;
		left: 50%;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		margin-left: 40px!important;
		left: -3%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 70px;
		top: 11%;
	}
}

@media (min-width: 2200px) and (max-width: 2399px) {
	/* block 1 */
	.early-black-friday {
		position: absolute;
		top: 2%;
		left: 3%;
		color: #fff;
		font-size: 49px!important; /* scaled from 53px */
	}

	.door-buster-deals {
		position: absolute;
		top: 8% !important;
		left: 2%;
		color: #ba8a00;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 60px; /* scaled from 66px */
		z-index: 10;
		font-family: 'Montserrat';
		margin-top: 7px;
	}

	.save-seventy {
		position: absolute;
		top: 16% !important;
		left: 2.5% !important;
		color: #0c0c0c;
		font-size: 25px !important; /* scaled from 27px */
		margin-top: 15px;
	}

	.shop-now-block1-desktop {
		top: 25%;
		left: 3%;
		color: #020760;
		font-size: 20px;
		margin-top: 15px;
	}
	/* end block 1 */

	/* block 2 */
	.save-big-on-2 {
		top: -3%;
		color: #0a3758;
		font-size: 138px !important; /* scaled from 150px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		text-align: center;
		margin-left: 25px;
	}

	.up-to-35-off-2 {
		top: 5%;
		color: #091049;
		font-size: 46px; /* scaled from 50px */
		left: auto;
		transform: none;
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
	}

	.up-to-35-off-2-sub-text {
		top: 5%;
		color: #091049;
		font-size: 46px; /* scaled from 50px */
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 13.5%;
		color: #0a3758;
		font-size: 17px; /* scaled from 19px */
		text-align: center;
		left: 40%!important;
		transform: translateX(-50%);
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker  {
		top: 29%;
		left: 4%;
		color: #fff;
		font-size: 47px;
	}

	.shop-now-block3-desktop {
		top: 56%;
		left: 4%;
		color: #fff;
		margin-top: 15px;
		font-size: 20px;
	}
	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 40px;
	}

	.shop-now-block4-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		margin-top: 15px;
		font-size: 20px;
	}
	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 47px;
	}

	.shop-now-block5-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 20px;
		margin-top: 15px;
	}
	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: -2%!important;
		color: #fff;
		font-size: 83px; /* scaled from 90px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 83px; /* scaled from 90px */
		top: 11.5%!important;
	}

	.up-to-35-off {
		top: 4.5%!important;
		color: #fff;
		font-size: 83px; /* scaled from 90px */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 20%;
		color: #fff;
		font-size: 20px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block6 */

	/* block 7 */
	.save-big-7 {
		top: 27%;
		left: 4%;
		color: #fff;
		font-size: 47px;
	}

	.off-nvx  {
		top: 32%;
		color: #fff;
		font-size: 23px!important; /* scaled from 25px */
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 40%;
		color: #fff;
		font-size: 20px;
		left: 4%;
	}
	/* end block7 */

	/* block 8 */
	.save-big-8 {
		top: 51%;
		color: #0a3758;
		font-size: 47px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8  {
		top: 65%;
		color: #0a3758;
		font-size: 35px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 67.3%;
		color: #0a3758;
		font-size: 20px;
		left: 50%;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		margin-left: 40px!important;
		left: -3%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 64px; /* scaled from 70px */
		top: 11%;
	}
	/* end block8 */
}

@media (min-width: 2000px) and (max-width: 2199px) {
	/* block 1 */
	.early-black-friday {
		position: absolute;
		top: 2%;
		left: 3%;
		color: #fff;
		font-size: 45px!important; /* ok (reduced from 49) */
	}

	.door-buster-deals {
		position: absolute;
		top: 8% !important;
		left: 2%;
		color: #ba8a00;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 55px; /* ok (reduced from 60) */
		z-index: 10;
		font-family: 'Montserrat';
		margin-top: 7px;
	}

	.save-seventy {
		position: absolute;
		top: 16% !important;
		left: 2.5% !important;
		color: #0c0c0c;
		font-size: 23px !important; /* ok (reduced from 25) */
		margin-top: 15px;
	}

	.shop-now-block1-desktop {
		top: 25%;
		left: 3%;
		color: #020760;
		font-size: 18px; /* was 20px; reduced from 2200's 20px */
		margin-top: 15px;
	}
	/* end block 1 */

	/* block 2 */
	.save-big-on-2 {
		top: -3%;
		color: #0a3758;
		font-size: 126px !important; /* ok (reduced from 138) */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		text-align: center;
		margin-left: 25px;
	}

	.up-to-35-off-2 {
		top: 5%;
		color: #091049;
		font-size: 42px; /* ok (reduced from 46) */
		left: auto;
		transform: none;
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
	}

	.up-to-35-off-2-sub-text {
		top: 5%;
		color: #091049;
		font-size: 42px; /* ok (reduced from 46) */
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 13.5%;
		color: #0a3758;
		font-size: 16px; /* ok (reduced from 17) */
		text-align: center;
		left: 40%!important;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		margin-left: 40px!important;
		left: -3%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 58px; /* ok (reduced from 64) */
		top: 11%;
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker  {
		top: 29%;
		left: 4%;
		color: #fff;
		font-size: 43px; /* was 47px; reduced from 2200's 47px */
	}

	.shop-now-block3-desktop {
		top: 56%;
		left: 4%;
		color: #fff;
		margin-top: 15px;
		font-size: 18px; /* was 20px; reduced from 2200's 20px */
	}
	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 36px; /* was 47px; reduced from 2200's 40px */
	}

	.shop-now-block4-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		margin-top: 15px;
		font-size: 18px; /* was 20px; reduced from 2200's 20px */
	}
	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 43px; /* was 47px; reduced from 2200's 47px */
	}

	.shop-now-block5-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 18px; /* was 20px; reduced from 2200's 20px */
		margin-top: 15px;
	}
	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: -2%!important;
		color: #fff;
		font-size: 76px; /* ok (reduced from 83) */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 76px; /* ok (reduced from 83) */
		top: 11.5%!important;
	}

	.up-to-35-off {
		top: 4.5%!important;
		color: #fff;
		font-size: 76px; /* ok (reduced from 83) */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 19.5%;
		color: #fff;
		font-size: 18px; /* was 20px; reduced from 2200's 20px */
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block6 */

	/* block 7 */
	.save-big-7 {
		top: 27%;
		left: 4%;
		color: #fff;
		font-size: 43px; /* was 47px; reduced from 2200's 47px */
	}

	.off-nvx  {
		top: 32%;
		color: #fff;
		font-size: 21px!important; /* ok (reduced from 23) + !important */
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 40%;
		color: #fff;
		font-size: 18px; /* was 20px; reduced from 2200's 20px */
		left: 4%;
	}
	/* end block7 */

	/* block 8 */
	.save-big-8 {
		top: 51%;
		color: #0a3758;
		font-size: 43px; /* was 47px; reduced from 2200's 47px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8  {
		top: 65%;
		color: #0a3758;
		font-size: 32px; /* was 35px; reduced from 2200's 35px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 67.3%;
		color: #0a3758;
		font-size: 18px; /* was 20px; reduced from 2200's 20px */
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block8 */
}

@media (min-width: 1800px) and (max-width: 1999px) {
	/* block 1 */
	.early-black-friday {
		position: absolute;
		top: 2%;
		left: 3%;
		color: #fff;
		font-size: 41px!important; /* scaled from 45px */
	}

	.door-buster-deals {
		position: absolute;
		top: 8% !important;
		left: 2%;
		color: #ba8a00;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 50px; /* scaled from 55px */
		z-index: 10;
		font-family: 'Montserrat';
		margin-top: 7px;
	}

	.save-seventy {
		position: absolute;
		top: 16% !important;
		left: 2.5% !important;
		color: #0c0c0c;
		font-size: 21px !important; /* scaled from 23px */
		margin-top: 15px;
	}

	.shop-now-block1-desktop {
		top: 25%;
		left: 3%;
		color: #020760;
		font-size: 18px; /* reduced from 20px */
		margin-top: 15px;
	}
	/* end block 1 */

	/* block 2 */
	.save-big-on-2 {
		top: -3%;
		color: #0a3758;
		font-size: 113px !important; /* scaled from 126px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		text-align: center;
		margin-left: 25px;
	}

	.up-to-35-off-2 {
		top: 5%;
		color: #091049;
		font-size: 38px; /* scaled from 42px */
		left: auto;
		transform: none;
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
	}

	.up-to-35-off-2-sub-text {
		top: 5%;
		color: #091049;
		font-size: 38px; /* scaled from 42px */
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 13.5%;
		color: #0a3758;
		font-size: 15px; /* scaled from 16px */
		text-align: center;
		left: 40%!important;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		margin-left: 40px!important;
		left: -3%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 52px; /* scaled from 58px */
		top: 11%;
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker  {
		top: 29%;
		left: 4%;
		color: #fff;
		font-size: 43px; /* reduced from 47px */
	}

	.shop-now-block3-desktop {
		top: 56%;
		left: 4%;
		color: #fff;
		margin-top: 15px;
		font-size: 18px; /* reduced from 20px */
	}
	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 35px; /* reduced from 40px */
	}

	.shop-now-block4-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		margin-top: 15px;
		font-size: 18px; /* reduced from 20px */
	}
	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 43px; /* reduced from 47px */
	}

	.shop-now-block5-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 18px; /* reduced from 20px */
		margin-top: 15px;
	}
	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: -2%!important;
		color: #fff;
		font-size: 68px; /* scaled from 76px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 68px; /* scaled from 76px */
		top: 11.5%!important;
	}

	.up-to-35-off {
		top: 4.5%!important;
		color: #fff;
		font-size: 68px!important; /* scaled from 76px */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 19%;
		color: #fff;
		font-size: 17px; /* reduced from 20px */
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block6 */

	/* block 7 */
	.save-big-7 {
		top: 27%;
		left: 4%;
		color: #fff;
		font-size: 43px; /* reduced from 47px */
	}

	.off-nvx  {
		top: 33%;
		color: #fff;
		font-size: 19px!important; /* reduced from 21px */
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 40%;
		color: #fff;
		font-size: 18px; /* reduced from 20px */
		left: 4%;
	}
	/* end block7 */

	/* block 8 */
	.save-big-8 {
		top: 51%; /* fixed as per new rule */
		color: #0a3758;
		font-size: 43px; /* reduced from 47px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8  {
		top: 65%;
		color: #0a3758;
		font-size: 32px; /* reduced from 35px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 67.3%;
		color: #0a3758;
		font-size: 18px; /* reduced from 20px */
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block8 */
}

@media (min-width: 1600px) and (max-width: 1799px) {
	/* block 1 */
	.early-black-friday {
		top: 2%;
		left: 3%;
		color: #fff;
		font-size: 34px!important; /* reduced from 37px */
	}

	.door-buster-deals {
		position: absolute;
		top: 7% !important;
		left: 2%;
		color: #ba8a00;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 42px; /* reduced from 45px */
		z-index: 10;
		font-family: 'Montserrat';
		margin-top: 8px;
	}

	.save-seventy {
		top: 15.5%;
		left: 3%;
		color: #0c0c0c;
		font-size: 18px!important; /* reduced from 19px */
		margin-top: 7px;
	}

	.shop-now-block1-desktop {
		top: 25%;
		left: 3%;
		color: #020760;
		font-size: 18px;
		margin-top: 15px;
	}
	/* end block 1 */

	/* block 2 */
	.save-big-on-2 {
		top: -3%;
		color: #0a3758;
		font-size: 99px !important; /* reduced from 102px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		text-align: center;
		margin-left: 25px;
	}

	.up-to-35-off-2 {
		top: 4.3%;
		color: #091049;
		font-size: 31px; /* reduced from 34px */
		left: auto;
		transform: none;
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
	}

	.up-to-35-off-2-sub-text {
		top: 15.5%;
		color: #091049;
		font-size: 31px; /* reduced from 34px */
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 19.5%;
		color: #0a3758;
		font-size: 18px;
		text-align: center;
		left: 40%!important;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		margin-left: 40px!important;
		left: -3%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 44px; /* reduced from 47px */
		top: 11%;
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker {
		top: 29%;
		left: 4%;
		color: #fff;
		font-size: 36px; /* reduced from 39px */
	}

	.shop-now-block3-desktop {
		top: 56%;
		left: 4%;
		color: #fff;
		font-size: 18px;
	}
	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 29px; /* reduced from 32px */
	}

	.shop-now-block4-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 18px;
		margin-top: 15px;
	}
	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 36px; /* reduced from 39px */
	}

	.shop-now-block5-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 18px;
		margin-top: 15px;
	}
	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: -2%!important;
		color: #fff;
		font-size: 58px; /* reduced from 61px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 58px; /* reduced from 61px */
		top: 11.5%!important;
	}

	.up-to-35-off {
		top: 4.3%;
		color: #fff;
		font-size: 58px!important; /* reduced from 61px */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 18.5%;
		color: #fff;
		font-size: 18px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block 6 */

	/* block 7 */
	.save-big-7 {
		top: 27%;
		left: 4%;
		color: #fff;
		font-size: 36px; /* reduced from 39px */
	}

	.off-nvx {
		top: 33%; /* fixed rule */
		color: #fff;
		font-size: 14px!important; /* reduced from 17px */
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 40%;
		color: #fff;
		font-size: 18px;
		left: 4%;
	}
	/* end block 7 */

	/* block 8 */
	.save-big-8 {
		top: 50.5%; /* fixed rule */
		color: #0a3758;
		font-size: 36px; /* reduced from 39px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8 {
		top: 64%;
		color: #0a3758;
		font-size: 26px; /* reduced from 29px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 66%;
		color: #0a3758;
		font-size: 18px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block 8 */
}

@media (min-width: 1400px) and (max-width: 1599px) {

	/* block 1 */
	.early-black-friday {
		top: 2%;
		left: 3%;
		color: #fff;
		font-size: 31px!important; /* scaled down from 34px */
	}

	.door-buster-deals {
		position: absolute;
		top: 7% !important;
		left: 2%;
		color: #ba8a00;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 39px; /* scaled down from 42px */
		z-index: 10;
		font-family: 'Montserrat';
		margin-top: 8px;
	}

	.save-seventy {
		top: 15.5%;
		left: 3%;
		color: #0c0c0c;
		font-size: 13px!important; /* scaled down from 16px */
		margin-top: 7px;
	}

	.shop-now-block1-desktop {
		top: 25%;
		left: 3%;
		color: #020760;
		font-size: 15px;
		margin-top: 15px;
	}
	/* end block 1 */

	/* block 2 */
	.save-big-on-2 {
		top: -3%;
		color: #0a3758;
		font-size: 87px !important; /* scaled down from 99px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		text-align: center;
		margin-left: 12px;
	}

	.up-to-35-off-2 {
		top: 4.3%;
		color: #091049;
		font-size: 28px; /* scaled down from 31px */
		left: auto;
		transform: none;
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
	}

	.up-to-35-off-2-sub-text {
		top: 15.5%;
		color: #091049;
		font-size: 28px; /* scaled down from 31px */
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 19.5%;
		color: #0a3758;
		font-size: 15px;
		text-align: center;
		left: 40%!important;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		margin-left: 40px!important;
		left: -7%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 38px; /* scaled down from 44px */
		top: 11%;
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker {
		top: 29%;
		left: 4%;
		color: #fff;
		font-size: 33px; /* scaled down from 36px */
	}

	.shop-now-block3-desktop {
		top: 56%;
		left: 4%;
		color: #fff;
		font-size: 15px;
	}
	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 26px; /* scaled down from 29px */
	}

	.shop-now-block4-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 15px;
		margin-top: 15px;
	}
	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 33px; /* scaled down from 36px */
	}

	.shop-now-block5-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 15px;
		margin-top: 15px;
	}
	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: -2%!important;
		color: #fff;
		font-size: 55px; /* scaled down from 58px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 55px; /* scaled down from 58px */
		top: 11.5%!important;
	}

	.up-to-35-off {
		top: 4.3%;
		color: #fff;
		font-size: 55px!important; /* scaled down from 58px */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 19%;
		color: #fff;
		font-size: 13px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block 6 */

	/* block 7 */
	.save-big-7 {
		top: 27%;
		left: 4%;
		color: #fff;
		font-size: 33px; /* scaled down from 36px */
	}

	.off-nvx {
		top: 33%; /* fixed rule */
		color: #fff;
		font-size: 13px!important; /* scaled down from 14px */
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 40%;
		color: #fff;
		font-size: 15px;
		left: 4%;
	}
	/* end block 7 */

	/* block 8 */
	.save-big-8 {
		top: 50.5%; /* fixed rule */
		color: #0a3758;
		font-size: 33px; /* scaled down from 36px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8 {
		top: 64%;
		color: #0a3758;
		font-size: 23px; /* scaled down from 26px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 66%;
		color: #0a3758;
		font-size: 16px; /* (per your provided values) */
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block 8 */

}

@media (min-width: 1300px) and (max-width: 1399px) {

	/* block 1 */
	.early-black-friday {
		top: 2%;
		left: 3%;
		color: #fff;
		font-size: 28px!important; /* scaled down from 31px */
	}

	.door-buster-deals {
		position: absolute;
		top: 6% !important;
		left: 2%;
		color: #ba8a00;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 36px; /* scaled down from 39px */
		z-index: 10;
		font-family: 'Montserrat';
		margin-top: 8px;
	}

	.save-seventy {
		top: 15.5%;
		left: 3%;
		color: #0c0c0c;
		font-size: 15px!important;
		margin-top: 7px;
	}

	.shop-now-block1-desktop {
		top: 25%;
		left: 3%;
		color: #020760;
		font-size: 13px;
		margin-top: 15px;
	}
	/* end block 1 */

	/* block 2 */
	.save-big-on-2 {
		top: -3%;
		color: #0a3758;
		font-size: 79px !important; /* scaled down from 87px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		text-align: center;
		margin-left: 12px;
	}

	.up-to-35-off-2 {
		top: 4.3%;
		color: #091049;
		font-size: 25px; /* scaled down from 28px */
		left: auto;
		transform: none;
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
	}

	.up-to-35-off-2-sub-text {
		top: 15.5%;
		color: #091049;
		font-size: 25px; /* scaled down from 28px */
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 19.5%;
		color: #0a3758;
		font-size: 13px;
		text-align: center;
		left: 40%!important;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		margin-left: 40px!important;
		left: -7%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 35px; /* scaled down from 38px */
		top: 11%;
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker {
		top: 29%;
		left: 4%;
		color: #fff;
		font-size: 30px; /* scaled down from 33px */
	}

	.shop-now-block3-desktop {
		top: 56%;
		left: 4%;
		color: #fff;
		font-size: 13px;
	}
	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 23px; /* scaled down from 26px */
	}

	.shop-now-block4-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 13px;
		margin-top: 15px;
	}
	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 30px; /* scaled down from 33px */
	}

	.shop-now-block5-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 13px;
		margin-top: 15px;
	}
	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: -2%!important;
		color: #fff;
		font-size: 48px; /* scaled down from 55px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 48px; /* scaled down from 55px */
		top: 11.5%!important;
	}

	.up-to-35-off {
		top: 4.3%;
		color: #fff;
		font-size: 48px!important; /* scaled down from 55px */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 18.5%;
		color: #fff;
		font-size: 13px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block 6 */

	/* block 7 */
	.save-big-7 {
		top: 27%;
		left: 4%;
		color: #fff;
		font-size: 30px; /* scaled down from 33px */
	}

	.off-nvx {
		top: 33%; /* fixed rule */
		color: #fff;
		font-size: 12px!important; /* scaled down from 11px */
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 40%;
		color: #fff;
		font-size: 13px;
		left: 4%;
	}
	/* end block 7 */

	/* block 8 */
	.save-big-8 {
		top: 50.5%; /* fixed rule */
		color: #0a3758;
		font-size: 30px; /* scaled down from 33px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8 {
		top: 64%;
		color: #0a3758;
		font-size: 20px; /* scaled down from 23px */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 66%;
		color: #0a3758;
		font-size: 13px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block 8 */

}

@media (min-width: 1200px) and (max-width: 1299px) {

	/* block 1 */
	.early-black-friday {
		top: 2%;
		left: 3%;
		color: #fff;
		font-size: 25px!important; /* 28 → 25 */
	}

	.door-buster-deals {
		position: absolute;
		top: 7% !important; /* from 1300 base */
		left: 2%;
		color: #ba8a00;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 33px; /* 36 → 33 */
		z-index: 10;
		font-family: 'Montserrat';
		margin-top: 6px;
	}

	.save-seventy {
		top: 15.5%;
		left: 3%;
		color: #0c0c0c;
		font-size: 13px!important; /* 10 → 7 */
		margin-top: 7px;
	}

	.shop-now-block1-desktop {
		top: 25%;
		left: 3%;
		color: #020760;
		font-size: 12px;
		margin-top: 15px;
	}
	/* end block 1 */

	/* block 2*/
	.save-big-on-2 {
		top: -3%;
		color: #0a3758;
		font-size: 72px !important; /* 79 → 72 (larger headline step) */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		text-align: center;
		margin-left: 12px;
	}

	.up-to-35-off-2 {
		top: 4.3%; /* fixed rule */
		color: #091049;
		font-size: 22px; /* 25 → 22 */
		left: auto;
		transform: none;
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
	}

	.up-to-35-off-2-sub-text {
		top: 15.5%;
		color: #091049;
		font-size: 22px; /* 28 base → 25 at 1300 → 22 here */
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 19.5%;
		color: #0a3758;
		font-size: 12px;
		text-align: center;
		left: 40%!important;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		margin-left: 40px!important;
		left: -7%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 32px; /* 35 → 32 */
		top: 11%;
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker  {
		top: 29%;
		left: 4%;
		color: #fff;
		font-size: 27px; /* 30 → 27 */
	}

	.shop-now-block3-desktop {
		top: 56%;
		left: 4%;
		color: #fff;
		font-size: 12px;
	}
	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 20px; /* 23 → 20 */
	}

	.shop-now-block4-desktop {
		top: 46%; /* from 1300 base */
		left: 4%;
		color: #020760;
		font-size: 12px;
		margin-top: 0px;
	}
	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 27px; /* 30 → 27 */
	}

	.shop-now-block5-desktop {
		top: 46%; /* from 1300 base */
		left: 4%;
		color: #020760;
		font-size: 12px;
		margin-top: 0px;
	}
	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: -2%!important; /* from base */
		color: #fff;
		font-size: 45px; /* 48 → 45 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 45px; /* 48 → 45 */
		top: 11.5%!important;
	}

	.up-to-35-off {
		top: 4.3%; /* align with pattern */
		color: #fff;
		font-size: 45px!important; /* 48 → 45 */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 18.5%;
		color: #fff;
		font-size: 11.5px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block6 */

	/* block 7 */
	.save-big-7 {
		top: 27%;
		left: 4%;
		color: #fff;
		font-size: 27px; /* 30 → 27 */
	}

	.off-nvx  {
		top: 33%; /* fixed rule */
		color: #fff;
		font-size: 11px!important; /* 8 → 5 */
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 40%;
		color: #fff;
		font-size: 12px;
		left: 4%;
	}
	/* end block7 */

	/* block 8 */
	.save-big-8 {
		top: 50.5%; /* fixed rule */
		color: #0a3758;
		font-size: 27px; /* 30 → 27 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8  {
		top: 64%; /* align with base family */
		color: #0a3758;
		font-size: 17px; /* 20 → 17 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 66%;
		color: #0a3758;
		font-size: 12px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block8 */
}

@media (min-width: 1100px) and (max-width: 1199px) {

	/* block 1 */
	.early-black-friday {
		top: 2%;
		left: 3%;
		color: #fff;
		font-size: 23px!important; /* 25 → 23 */
	}

	.door-buster-deals {
		position: absolute;
		top: 7% !important; /* keep from base family */
		left: 2%;
		color: #ba8a00;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 30px; /* 33 → 30 */
		z-index: 10;
		font-family: 'Montserrat';
		margin-top: 6px;
	}

	.save-seventy {
		top: 15.5%;
		left: 3%;
		color: #0c0c0c;
		font-size: 12px!important;
		margin-top: 7px;
	}

	.shop-now-block1-desktop {
		top: 25%;
		left: 3%;
		color: #020760;
		font-size: 12px;
		margin-top: 15px;
	}
	/* end block 1 */

	/* block 2 */
	.save-big-on-2 {
		top: -3%;
		color: #0a3758;
		font-size: 65px !important; /* 72 → 65 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		text-align: center;
		margin-left: 12px;
	}

	.up-to-35-off-2 {
		top: 4.3%;
		color: #091049;
		font-size: 19px; /* 22 → 19 */
		left: auto;
		transform: none;
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
	}

	.up-to-35-off-2-sub-text {
		top: 15.5%;
		color: #091049;
		font-size: 19px; /* 22 → 19 */
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 19.5%;
		color: #0a3758;
		font-size: 12px;
		text-align: center;
		left: 40%!important;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		margin-left: 40px!important;
		left: -7%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 27px; /* 32 → 29 */
		top: 11%;
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker {
		top: 29%;
		left: 4%;
		color: #fff;
		font-size: 24px; /* 27 → 24 */
	}

	.shop-now-block3-desktop {
		top: 56%;
		left: 4%;
		color: #fff;
		font-size: 12px;
	}
	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 19.5px; /* 20 → 17 */
	}

	.shop-now-block4-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 12px;
		margin-top: 0px;
	}
	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 24px; /* 27 → 24 */
	}

	.shop-now-block5-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 12px;
		margin-top: 0px;
	}
	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: -2%!important;
		color: #fff;
		font-size: 40px; /* 45 → 40 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 40px; /* 45 → 40 */
		top: 11.5%!important;
	}

	.up-to-35-off {
		top: 4.3%;
		color: #fff;
		font-size: 40px!important; /* 45 → 40 */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 18%;
		color: #fff;
		font-size: 11px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block 6 */

	/* block 7 */
	.save-big-7 {
		top: 27%;
		left: 4%;
		color: #fff;
		font-size: 24px; /* 27 → 24 */
	}

	.off-nvx {
		top: 33%; /* fixed rule */
		color: #fff;
		font-size: 10px!important; /* 11 → 10 (reduced by 1 only) */
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 40%;
		color: #fff;
		font-size: 12px;
		left: 4%;
	}
	/* end block 7 */

	/* block 8 */
	.save-big-8 {
		top: 50.5%;
		color: #0a3758;
		font-size: 24px; /* 27 → 24 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8 {
		top: 64%;
		color: #0a3758;
		font-size: 14px; /* 17 → 14 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 66%;
		color: #0a3758;
		font-size: 12px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block 8 */

}

@media (min-width: 1000px) and (max-width: 1099px) {

	/* block 1 */
	.early-black-friday {
		top: 2%;
		left: 3%;
		color: #fff;
		font-size: 21px!important; /* 23 → 21 */
	}

	.door-buster-deals {
		position: absolute;
		top: 7% !important;
		left: 2%;
		color: #ba8a00;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 28px; /* 30 → 28 */
		z-index: 10;
		font-family: 'Montserrat';
		margin-top: 3px;
	}

	.save-seventy {
		top: 15.5%;
		left: 3%;
		color: #0c0c0c;
		font-size: 11px!important; /* 12 → 11 */
		margin-top: 7px;
	}

	.shop-now-block1-desktop {
		top: 25%;
		left: 3%;
		color: #020760;
		font-size: 11px; /* fixed rule */
		margin-top: 15px;
	}
	/* end block 1 */

	/* block 2*/
	.save-big-on-2 {
		top: -3%;
		color: #0a3758;
		font-size: 60px !important; /* 65 → 60 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		text-align: center;
		margin-left: 12px;
	}

	.up-to-35-off-2 {
		top: 4.3%;
		color: #091049;
		font-size: 17px; /* 19 → 17 */
		left: auto;
		transform: none;
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
	}

	.up-to-35-off-2-sub-text {
		top: 15.5%;
		color: #091049;
		font-size: 17px; /* 19 → 17 */
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 19.5%;
		color: #0a3758;
		font-size: 11px; /* fixed rule */
		text-align: center;
		left: 40%!important;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		margin-left: 40px!important;
		left: -7%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 25px; /* 27 → 25 */
		top: 11%;
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker  {
		top: 29%;
		left: 4%;
		color: #fff;
		font-size: 22px; /* 24 → 22 */
	}

	.shop-now-block3-desktop {
		top: 56%;
		left: 4%;
		color: #fff;
		font-size: 11px; /* fixed rule */
	}
	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 18px; /* 19.5 → 18 */
	}

	.shop-now-block4-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 11px; /* fixed rule */
		margin-top: 0px;
	}
	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 22px; /* 24 → 22 */
	}

	.shop-now-block5-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 11px; /* fixed rule */
		margin-top: 0px;
	}
	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: -2%!important;
		color: #fff;
		font-size: 33px; /* 42 → 33 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 33px; /* 42 → 33 */
		top: 12%!important;
	}

	.up-to-35-off {
		top: 3.3%;
		color: #fff;
		font-size: 33px!important; /* 42 → 33 */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 17.5%;
		color: #fff;
		font-size: 11px; /* fixed rule */
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block 6 */

	/* block 7 */
	.save-big-7 {
		top: 27%;
		left: 4%;
		color: #fff;
		font-size: 22px; /* 24 → 22 */
	}

	.off-nvx  {
		top: 33%;
		color: #fff;
		font-size: 9px!important; /* 10 → 9 (reduce by 1) */
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 40%;
		color: #fff;
		font-size: 11px; /* fixed rule */
		left: 4%;
	}
	/* end block7 */

	/* block 8 */
	.save-big-8 {
		top: 50.5%;
		color: #0a3758;
		font-size: 22px; /* 24 → 22 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8  {
		top: 64%;
		color: #0a3758;
		font-size: 12px; /* 14 → 12 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 66%;
		color: #0a3758;
		font-size: 11px; /* fixed rule */
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block8 */
}

@media (min-width: 800px) and (max-width: 999px) {

	/* block 1 */
	.early-black-friday {
		top: 2%;
		left: 3%;
		color: #fff;
		font-size: 16px!important;
	}

	.door-buster-deals {
		position: absolute;
		top: 7%;
		left: 2%;
		color: #020760;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 20px;
		z-index: 10;
		font-family: 'Montserrat';
		margin-top: 2px;
	}

	.save-seventy {
		top: 14.5%;
		left: 3%;
		color: #0c0c0c;
		font-size: 9px;
		margin-top: 7px;
	}

	.shop-now-block1-desktop {
		top: 25%;
		left: 3%;
		color: #020760;
		font-size: 11px;
		margin-top: 15px;
	}
	/* end block 1 */

	/* block 2*/
	.save-big-on-2 {
		top: -3%;
		color: #0a3758;
		font-size: 45px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		text-align: center;
		margin-left: 7px;
	}

	.up-to-35-off-2 {
		top: 4.3%;
		color: #0a3758;
		font-size: 12px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-2-sub-text {
		top: 15.5%;
		color: #091049;
		font-size: 23px;
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 17.5%!important;
		color: #0a3758;
		font-size: 11px;
		text-align: center;
		left: 40%!important;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		margin-left: 40px!important;
		left: -14%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 20px;
		top: 10%;
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker  {
		top: 29%;
		left: 4%;
		color: #fff;
		font-size: 13px;
	}

	.shop-now-block3-desktop {
		top: 56%;
		left: 4%;
		color: #fff;
		font-size: 11px;
	}
	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 13px;
		margin-right: 4%;
	}

	.shop-now-block4-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 8px;
	}
	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 13px;
		margin-right: 4%;
	}

	.shop-now-block5-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 8px;
		margin-top: 0px;
	}
	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: -2%;
		color: #fff;
		font-size: 25px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off {
		top: 4%;
		color: #fff;
		font-size: 25px;
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 17%;
		color: #fff;
		font-size: 9px;
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 25px;
		top: 12%!important;
	}
	/* end block 6 */

	/* block 7 */
	.save-big-7 {
		top: 27%;
		left: 4%;
		color: #fff;
		font-size: 14px;
	}

	.off-nvx  {
		top: 33%;
		color: #fff;
		font-size: 8px!important; /* reduced by 1 from previous range */
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 40%;
		color: #fff;
		font-size: 11px;
		left: 4%;
	}
	/* end block7 */

	/* block 8 */
	.save-big-8 {
		top: 49.5%;
		color: #0a3758;
		font-size: 17px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8  {
		top: 62%;
		color: #0a3758;
		font-size: 12px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 65.5%;
		color: #0a3758;
		font-size: 11px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block8 */
}

@media (min-width: 768px) and (max-width: 799px) {

	/* block 1 */
	.early-black-friday {
		top: 2%;
		left: 3%;
		color: #fff;
		font-size: 15px!important; /* 16 → 15 */
	}

	.door-buster-deals {
		position: absolute;
		top: 7%;
		left: 2%;
		color: #020760;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 18px; /* 20 → 18 */
		z-index: 10;
		font-family: 'Montserrat';
		margin-top: 2px;
	}

	.save-seventy {
		top: 14.5%;
		left: 3%;
		color: #0c0c0c;
		font-size: 8px; /* 9 → 8 */
		margin-top: 7px;
	}

	.shop-now-block1-desktop {
		top: 25%;
		left: 3%;
		color: #020760;
		font-size: 9px;
		margin-top: 15px;
	}
	/* end block 1 */

	/* block 2*/
	.save-big-on-2 {
		top: -3%;
		color: #0a3758;
		font-size: 40px; /* 45 → 40 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		text-align: center;
		margin-left: 7px;
	}

	.up-to-35-off-2 {
		top: 4.3%;
		color: #0a3758;
		font-size: 11px; /* 12 → 11 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-2-sub-text {
		top: 15.5%;
		color: #091049;
		font-size: 21px; /* 23 → 21 */
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 17.5%!important;
		color: #0a3758;
		font-size: 9px;
		text-align: center;
		left: 40%!important;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		margin-left: 40px!important;
		left: -14%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 18px; /* 20 → 18 */
		top: 10%;
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker  {
		top: 29%;
		left: 4%;
		color: #fff;
		font-size: 12px; /* 13 → 12 */
	}

	.shop-now-block3-desktop {
		top: 56%;
		left: 4%;
		color: #fff;
		font-size: 9px;
	}
	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 12px; /* 13 → 12 */
		margin-right: 4%;
	}

	.shop-now-block4-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 9px;
	}
	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 12px; /* 13 → 12 */
		margin-right: 4%;
	}

	.shop-now-block5-desktop {
		top: 46%;
		left: 4%;
		color: #020760;
		font-size: 9px;
		margin-top: 0px;
	}
	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: -2%;
		color: #fff;
		font-size: 22px; /* 25 → 22 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off {
		top: 4%;
		color: #fff;
		font-size: 22px; /* 25 → 22 */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 16%;
		color: #fff;
		font-size: 9px;
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 22px; /* 25 → 22 */
		top: 12%!important;
	}
	/* end block 6 */

	/* block 7 */
	.save-big-7 {
		top: 27%;
		left: 4%;
		color: #fff;
		font-size: 13px; /* keep from base */
	}

	.off-nvx  {
		top: 33%;
		color: #fff;
		font-size: 7px!important; /* 8 → 7 */
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 40%;
		color: #fff;
		font-size: 9px;
		left: 4%;
	}
	/* end block7 */

	/* block 8 */
	.save-big-8 {
		top: 50.5%;
		color: #0a3758;
		font-size: 15px; /* 17 → 15 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8  {
		top: 64%;
		color: #0a3758;
		font-size: 11px; /* 12 → 11 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 65.5%;
		color: #0a3758;
		font-size: 9px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block8 */
}

/*start of mobile view*/
@media (min-width: 700px) and (max-width: 767px) {

	/* block 1 */
	.early-black-friday {
		top: 3%;
		left: 3%;
		color: #fff;
		font-size: 31px!important;
	}

	.door-buster-deals {
		position: absolute;
		top: 12%;
		left: 2%;
		color: #020760;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 43px;
		z-index: 10;
		font-family: 'Montserrat';
	}

	.save-seventy {
		top: 28%;
		left: 3%;
		color: #000000;
		font-size: 17px;
		margin-top: 2px;
	}

	.shop-now-block1-desktop {
		top: 45%;
		left: 3%;
		color: #020760;
		font-size: 17px;
		margin-top: 15px;
	}

	/* end block 1 */

	/* block 2*/
	.save-big-on-2 {
		top: -14%;
		color: #0a3758;
		font-size: 188px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		margin-left: 20px;
	}

	.up-to-35-off-2 {
		top: 57%;
		color: #0a3758;
		font-size: 40px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-2-sub-text {
		top: -10%;
		color: #091049;
		font-size: 21px; /* 23 → 21 */
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 80%!important;
		color: #0a3758;
		font-size: 17px;
		left: 36%;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		left: 5%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 80px;
		top: 41%;
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker  {
		top: 2%;
		left: 4%;
		color: #fff;
		font-size: 29px;
	}

	.shop-now-block3-desktop {
		top: 30%;
		left: 4%;
		color: #fff;
		font-size: 17px;
	}

	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 25px;
		margin-right: 4%;
	}

	.shop-now-block4-desktop {
		top: 38%;
		left: 4%;
		color: #020760;
		font-size: 17px;
		margin-top: 0px;
	}

	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 25px;
		margin-right: 4%;
	}

	.shop-now-block5-desktop {
		top: 38%;
		left: 4%;
		color: #020760;
		font-size: 17px;
		margin-top: 0px;
	}

	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: 1%;
		color: #fff;
		font-size: 12px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off {
		top: 14%;
		color: #fff;
		font-size: 10px;
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 18%;
		color: #fff;
		font-size: 17px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block 6 */

	/* block 7 */
	.save-big-7 {
		top: 2%;
		left: 4%;
		color: #fff;
		font-size: 29px;
	}

	.off-nvx  {
		top: 9%;
		color: #fff;
		font-size: 17px;
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 20%;
		color: #fff;
		font-size: 17px;
		left: 4%;
	}
	/* end block7 */

	/* block 8 */
	.save-big-8 {
		top: 35%;
		color: #0a3758;
		font-size: 29px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8  {
		top: 50%;
		color: #0a3758;
		font-size: 20px;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 65.5%;
		color: #0a3758;
		font-size: 17px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block8 */
}

@media (min-width: 600px) and (max-width: 699px) {

	/* block 1 */
	.early-black-friday {
		top: 3%;
		left: 3%;
		color: #fff;
		font-size: 27px!important; /* 31 → 27 */
	}

	.door-buster-deals {
		position: absolute;
		top: 12%;
		left: 2%;
		color: #020760;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 36px; /* 43 → 36 */
		z-index: 10;
		font-family: 'Montserrat';
	}

	.save-seventy {
		top: 28%;
		left: 3%;
		color: #000000;
		font-size: 15px; /* keep */
		margin-top: 2px;
	}

	.shop-now-block1-desktop {
		top: 45%;
		left: 3%;
		color: #020760;
		font-size: 15px; /* 17 → 15 */
		margin-top: 15px;
	}
	/* end block 1 */

	/* block 2*/
	.save-big-on-2 {
		top: -14%;
		color: #0a3758;
		font-size: 160px; /* 188 → 160 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		margin-left: 20px;
	}

	.up-to-35-off-2 {
		top: 57%;
		color: #0a3758;
		font-size: 36px; /* 40 → 36 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-2-sub-text {
		top: -10%;
		color: #091049;
		font-size: 19px; /* 21 → 19 */
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 78%!important; /* adjusted slightly */
		color: #0a3758;
		font-size: 15px; /* 17 → 15 */
		left: 36%;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		left: 5%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 70px; /* 80 → 70 */
		top: 41%;
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker  {
		top: 2%;
		left: 4%;
		color: #fff;
		font-size: 25px; /* keep */
	}

	.shop-now-block3-desktop {
		top: 30%;
		left: 4%;
		color: #fff;
		font-size: 15px; /* 17 → 15 */
	}
	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 21px; /* keep */
		margin-right: 4%;
	}

	.shop-now-block4-desktop {
		top: 37%;
		left: 4%;
		color: #020760;
		font-size: 15px; /* 17 → 15 */
		margin-top: 0px;
	}
	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 21px; /* keep */
		margin-right: 4%;
	}

	.shop-now-block5-desktop {
		top: 37%;
		left: 4%;
		color: #020760;
		font-size: 15px; /* 17 → 15 */
		margin-top: 0px;
	}
	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: 1%;
		color: #fff;
		font-size: 12px; /* keep */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off {
		top: 14%;
		color: #fff;
		font-size: 10px; /* keep */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 18%;
		color: #fff;
		font-size: 15px; /* 17 → 15 */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 19px; /* scaled down */
		top: 12%!important;
	}
	/* end block 6 */

	/* block 7 */
	.save-big-7 {
		top: 2%;
		left: 4%;
		color: #fff;
		font-size: 25px; /* keep */
	}

	.off-nvx  {
		top: 9%;
		color: #fff;
		font-size: 12px!important; /* 15 → 14 */
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 20%;
		color: #fff;
		font-size: 15px; /* 17 → 15 */
		left: 4%;
	}
	/* end block7 */

	/* block 8 */
	.save-big-8 {
		top: 33%;
		color: #0a3758;
		font-size: 23px; /* 25 → 23 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8  {
		top: 50%;
		color: #0a3758;
		font-size: 17px; /* 18 → 17 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 65.5%;
		color: #0a3758;
		font-size: 15px; /* 17 → 15 */
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block8 */
}

@media (min-width: 500px) and (max-width: 599px) {

	/* block 1 */
	.early-black-friday {
		top: 3%;
		left: 3%;
		color: #fff;
		font-size: 22px!important; /* 27 → 26 */
	}

	.door-buster-deals {
		position: absolute;
		top: 10.5%;
		left: 2.5%;
		color: #020760;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 28px; /* 36 → 34 */
		z-index: 10;
		font-family: 'Montserrat';
		margin-top: 9px;
	}

	.save-seventy {
		top: 30%;
		left: 3%;
		color: #000000;
		font-size: 13px; /* keep */
		margin-top: 2px;
	}

	.shop-now-block1-desktop {
		top: 41%;
		left: 3%;
		color: #020760;
		font-size: 14px; /* 15 → 14 */
		margin-top: 15px;
	}
	/* end block 1*/

	/* block 2*/
	.save-big-on-2 {
		top: -14%;
		color: #0a3758;
		font-size: 135px; /* 160 → 140 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		margin-left: 20px;
	}

	.up-to-35-off-2 {
		top: 56%;
		color: #0a3758;
		font-size: 28px; /* 36 → 28 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-2-sub-text {
		top: -10%;
		color: #091049;
		font-size: 17px; /* 19 → 17 */
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 74%!important;
		color: #0a3758;
		font-size: 14px; /* 15 → 14 */
		left: 36%;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		left: 5%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 60px; /* 70 → 60 */
		top: 41%;
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker  {
		top: 2%;
		left: 4%;
		color: #fff;
		font-size: 22px; /* keep */
	}

	.shop-now-block3-desktop {
		top: 25%;
		left: 4%;
		color: #fff;
		margin-top: 15px;
		font-size: 14px; /* 15 → 14 */
	}
	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 18px; /* keep */
		margin-right: 4%;
	}

	.shop-now-block4-desktop {
		top: 35%;
		left: 4%;
		color: #020760;
		font-size: 14px; /* 15 → 14 */
	}
	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 18px; /* keep */
		margin-right: 4%;
	}

	.shop-now-block5-desktop {
		top: 35%;
		left: 4%;
		color: #020760;
		font-size: 14px; /* 15 → 14 */
		margin-top: 0px;
	}
	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: 1%;
		color: #fff;
		font-size: 11px; /* 12 → 11 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off {
		top: 14%;
		color: #fff;
		font-size: 9px; /* 10 → 9 */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 18%;
		color: #fff;
		font-size: 14px; /* 15 → 14 */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 17px; /* 19 → 17 */
		top: 12%!important;
	}
	/* end block 6 */

	/* block 7 */
	.save-big-7 {
		top: 1%;
		left: 4%;
		color: #fff;
		font-size: 21px; /* keep */
	}

	.off-nvx  {
		top: 8%;
		color: #fff;
		font-size: 10px!important; /* 14 → 12 */
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 18%;
		color: #fff;
		font-size: 14px; /* 15 → 14 */
		left: 4%;
	}
	/* end block7 */

	/* block 8 */
	.save-big-8 {
		top: 34%;
		color: #0a3758;
		font-size: 19px; /* 23 → 19 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8  {
		top: 49%;
		color: #0a3758;
		font-size: 14px; /* 17 → 14 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 65.5%;
		color: #0a3758;
		font-size: 14px; /* 15 → 14 */
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block8 */
}

@media (min-width: 400px) and (max-width: 499px) {

	/* block 1 */
	.early-black-friday {
		top: 1%;
		left: 3%;
		color: #fff;
		font-size: 18px!important; /* keep */
	}

	.door-buster-deals {
		position: absolute;
		top: 7%;
		left: 2.5%;
		color: #020760;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 23px; /* 33 → 23 */
		z-index: 10;
		font-family: 'Montserrat';
		margin-top: 9px;
	}

	.save-seventy {
		top: 25%;
		left: 3%;
		color: #000000;
		font-size: 11px; /* keep */
		margin-top: 2px;
	}

	.shop-now-block1-desktop {
		top: 40%;
		left: 3%;
		color: #020760;
		font-size: 11px; /* 12 → 11 */
		margin-top: 15px;
	}
	/* end block 1*/

	/* block 2*/
	.save-big-on-2 {
		top: -9%;
		color: #0a3758;
		font-size: 105px; /* 140 → 110 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		margin-left: 20px;
	}

	.up-to-35-off-2 {
		top: 56%;
		color: #0a3758;
		font-size: 22px; /* 28 → 22 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-2-sub-text {
		top: -10%;
		color: #091049;
		font-size: 15px; /* 17 → 15 */
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 74%!important;
		color: #0a3758;
		font-size: 11px; /* 12 → 11 */
		left: 36%;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		left: 5%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black', 'Gotham Condensed', 'Arial Narrow', Arial, sans-serif;
		font-size: 45px; /* 60 → 45 */
		top: 36%;
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker  {
		top: 2%;
		left: 4%;
		color: #fff;
		font-size: 17px; /* keep */
	}

	.shop-now-block3-desktop {
		top: 24%;
		left: 4%;
		color: #fff;
		margin-top: 15px;
		font-size: 11px; /* 12 → 11 */
	}
	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 14px; /* keep */
		margin-right: 4%;
	}

	.shop-now-block4-desktop {
		top: 34%;
		left: 4%;
		color: #020760;
		font-size: 11px; /* 12 → 11 */
		margin-top: 0px;
	}
	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 14px; /* keep */
		margin-right: 4%;
	}

	.shop-now-block5-desktop {
		top: 34%;
		left: 4%;
		color: #020760;
		font-size: 11px; /* 12 → 11 */
		margin-top: 0px;
	}
	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: 1%;
		color: #fff;
		font-size: 10px; /* 11 → 10 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off {
		top: 14%;
		color: #fff;
		font-size: 8px; /* 9 → 8 */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 18%;
		color: #fff;
		font-size: 11px; /* 14 → 11 */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 15px; /* 17 → 15 */
		top: 12%!important;
	}
	/* end block 6 */

	/* block 7 */
	.save-big-7 {
		top: 1%;
		left: 4%;
		color: #fff;
		font-size: 16.5px; /* keep */
	}

	.off-nvx  {
		top: 7%;
		color: #fff;
		font-size: 8.5px!important; /* keep */
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 17%;
		color: #fff;
		font-size: 11px; /* 12 → 11 */
		left: 4%;
	}
	/* end block7 */

	/* block 8 */
	.save-big-8 {
		top: 33%;
		color: #0a3758;
		font-size: 13px; /* 14 → 13 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8  {
		top: 48%;
		color: #0a3758;
		font-size: 12px; /* 13 → 12 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 65.5%;
		color: #0a3758;
		font-size: 11px; /* 12 → 11 */
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block8 */
}

@media (max-width: 399px) {

	/* block 1 */
	.early-black-friday {
		top: 1%;
		left: 3%;
		color: #fff;
		font-size: 15px!important; /* keep */
	}

	.door-buster-deals {
		position: absolute;
		top: 6.5%;
		left: 2.5%;
		color: #020760;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 22px; /* 27.5 → 22 */
		z-index: 10;
		font-family: 'Montserrat';
		margin-top: 9px;
	}

	.save-seventy {
		top: 26%;
		left: 3%;
		color: #000000;
		font-size: 9px; /* keep */
		margin-top: 3px;
	}

	.shop-now-block1-desktop {
		top: 43%;
		left: 3%;
		color: #020760;
		font-size: 10px; /* keep */
	}
	/* end block 1 */

	/* block 2*/
	.save-big-on-2 {
		top: -9%;
		color: #0a3758;
		font-size: 94px; /* scaled down from 400–499 (105) */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		margin-left: 12px;
	}

	.up-to-35-off-2 {
		top: 56%;
		color: #0a3758;
		font-size: 20px; /* 22 → 20 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-2-sub-text {
		top: -10%;
		color: #091049;
		font-size: 13px; /* 15 → 13 */
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 74%!important;
		color: #0a3758;
		font-size: 10px; /* keep */
		left: 36%;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		left: 5%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black','Gotham Condensed','Arial Narrow',Arial,sans-serif;
		font-size: 40px; /* 45 → 40 */
		top: 38%;
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker  {
		top: 2%;
		left: 4%;
		color: #fff;
		font-size: 14px; /* keep */
	}

	.shop-now-block3-desktop {
		top: 20%;
		left: 4%;
		color: #fff;
		margin-top: 15px;
		font-size: 10px; /* keep */
	}
	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 12px; /* keep */
		margin-right: 4%;
	}

	.shop-now-block4-desktop {
		top: 33%;
		left: 4%;
		color: #020760;
		font-size: 10px; /* keep */
	}
	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 12px; /* keep */
		margin-right: 4%;
	}

	.shop-now-block5-desktop {
		position: absolute;
		top: 33%;
		left: 4%;
		color: #020760;
		font-size: 10px; /* keep */
	}
	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: 1%;
		color: #fff;
		font-size: 9px; /* 10 → 9 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off {
		top: 14%;
		color: #fff;
		font-size: 7.5px; /* 8 → 7.5 */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 18%;
		color: #fff;
		font-size: 10px; /* keep family scaling */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 13px; /* 15 → 13 */
		top: 12%!important;
	}
	/* end block 6 */

	/* block 7 */
	.save-big-7 {
		top: 1%;
		left: 4%;
		color: #fff;
		font-size: 13px; /* keep */
	}

	.off-nvx  {
		top: 7%;
		color: #fff;
		font-size: 7.5px!important; /* 8.5 → 7.5 (reduce by 1) */
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 17%;
		color: #fff;
		font-size: 10px; /* keep */
		left: 4%;
	}
	/* end block7 */

	/* block 8 */
	.save-big-8 {
		top: 33%;
		color: #0a3758;
		font-size: 12px; /* 13 → 12 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8  {
		top: 48%;
		color: #0a3758;
		font-size: 11px; /* 12 → 11 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 65.5%;
		color: #0a3758;
		font-size: 10px; /* keep */
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block8 */
}

@media (max-width: 344px) {

	/* block 1 */
	.early-black-friday {
		top: 1%;
		left: 3%;
		color: #fff;
		font-size: 14px!important; /* 15 → 14 */
	}

	.door-buster-deals {
		position: absolute;
		top: 6.5%;
		left: 2.5%;
		color: #020760;
		padding: 8px 12px;
		border-radius: 5px;
		font-size: 20px; /* 22 → 20 */
		z-index: 10;
		font-family: 'Montserrat';
		margin-top: 9px;
	}

	.save-seventy {
		top: 26%;
		left: 3%;
		color: #000000;
		font-size: 9px; /* keep from 399 */
		margin-top: 3px;
	}

	.shop-now-block1-desktop {
		top: 43%;
		left: 3%;
		color: #020760;
		font-size: 9px; /* 10 → 9 */
	}
	/* end block 1 */

	/* block 2 */
	.save-big-on-2 {
		top: -11%;
		color: #0a3758;
		font-size: 90px!important; /* 94 → 70 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
		text-align: center;
		margin-left: 8px;
	}

	.up-to-35-off-2 {
		top: 53%;
		color: #0a3758;
		font-size: 18px; /* 20 → 18 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-2-sub-text {
		top: -10%;
		color: #091049;
		font-size: 11px; /* 13 → 11 */
		font-family: 'Montserrat';
		font-weight: 900;
		text-align: center;
		line-height: 1.1;
		transform: none;
		left: auto;
	}

	.shop-now-block2-desktop {
		top: 73%;
		color: #0a3758;
		font-size: 9px; /* 10 → 9 */
		left: 40%;
		transform: translateX(-50%);
	}

	.save-big-on-2-sub-text {
		left: 5%!important;
		transform: translateX(0%)!important;
		color: #ffffff!important;
		font-family: 'Gotham Condensed Black','Gotham Condensed','Arial Narrow',Arial,sans-serif;
		font-size: 39px; /* 40 → 32 */
		top: 37%;
	}
	/* end block 2 */

	/* block 3 */
	.off-kicker  {
		top: 2%;
		left: 4%;
		color: #fff;
		font-size: 12px; /* 14 → 12 */
	}

	.shop-now-block3-desktop {
		top: 20%;
		left: 4%;
		color: #fff;
		margin-top: 15px;
		font-size: 9px; /* 10 → 9 */
	}
	/* end block 3 */

	/* block 4 */
	.free-backup-camera {
		top: 1%;
		left: 4%;
		color: #0a3659ff;
		font-size: 10px; /* 12 → 10 */
		margin-right: 4%;
	}

	.shop-now-block4-desktop {
		top: 33%;
		left: 4%;
		color: #020760;
		font-size: 9px; /* 10 → 9 */
	}
	/* end block 4 */

	/* block 5 */
	.free-wiring-kit {
		top: 4%;
		left: 4%;
		color: #fff;
		font-size: 10px; /* 12 → 10 */
		margin-right: 4%;
	}

	.shop-now-block5-desktop {
		position: absolute;
		top: 33%;
		left: 4%;
		color: #020760;
		font-size: 9px; /* 10 → 9 */
	}
	/* end block 5 */

	/* block 6 */
	.save-big-on {
		top: 1%;
		color: #fff;
		font-size: 8px; /* 9 → 8 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off {
		top: 14%;
		color: #fff;
		font-size: 7px; /* 7.5 → 7 */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop {
		top: 18%;
		color: #fff;
		font-size: 9px; /* 10 → 9 */
		left: 50%;
		transform: translateX(-50%);
	}

	.shop-now-block6-desktop-closeout {
		font-family: 'Montserrat'!important;
		position: absolute;
		font-weight: 900;
		left: 50%;
		transform: translateX(-50%);
		color: #ffffff;
		font-size: 12px; /* 13 → 12 */
		top: 12%!important;
	}
	/* end block 6 */

	/* block 7 */
	.save-big-7 {
		top: 1%;
		left: 4%;
		color: #fff;
		font-size: 11px; /* 13 → 11 */
	}

	.off-nvx  {
		top: 7%;
		color: #fff;
		font-size: 6.5px!important; /* 7.5 → 6.5 (reduce by 1) */
		left: 4%;
	}

	.shop-now-block7-desktop {
		top: 17%;
		color: #fff;
		font-size: 9px; /* 10 → 9 */
		left: 4%;
	}
	/* end block 7 */

	/* block 8 */
	.save-big-8 {
		top: 33%;
		color: #0a3758;
		font-size: 10px; /* 12 → 10 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.up-to-35-off-8  {
		top: 48%;
		color: #0a3758;
		font-size: 9px; /* 11 → 9 */
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		max-width: 90%;
		overflow: hidden;
	}

	.shop-now-block8-desktop {
		top: 65.5%;
		color: #0a3758;
		font-size: 9px; /* 10 → 9 */
		left: 50%;
		transform: translateX(-50%);
	}
	/* end block 8 */
}


/* End Overlay Text Styling */
.block {
	border-radius: 8px;
	margin-bottom: 15px;
	min-width: 100%;
	overflow: hidden;
}


.block1 {
	background-color: #3b82c4;
	--div-width: calc(100vw - 1rem);
	width: var(--div-width);
	height: calc(var(--div-width) * 0.54);
}


.block2 {
	background-color: #f5d7a1;
	--div-width: calc(100vw - 1rem);
	width: var(--div-width) ;
	height: calc(var(--div-width) * 0.57);
}


.block3 {
	background-color: #6195c7;
	--div-width: calc(100vw / 2 - 1rem);
	width: var(--div-width);
	height: calc(var(--div-width) * 1.713);
}


.block4,
.block5 {
	background-color: #fefefe;
	--div-width: calc(100vw / 2 - 1rem);
	width: var(--div-width);
	height: calc(var(--div-width) * 1.11);
}


.block5 {
	background-color: #4f4f4f;
}


.block6 {
	background-color: #b2cee7;
	--div-width: calc(100vw / 2 - 1rem);
	width: var(--div-width);
	height: calc(var(--div-width) * 0.57);
}


.block7 {
	background-color: #f2b432;
	--div-width: calc(100vw / 2 - 1rem);
	width: var(--div-width);
	height: calc(var(--div-width) * 0.515);
}


.block8 {
	background-color: #f4c456;
	--div-width: calc(100vw / 2 - 1rem);
	width: var(--div-width);
	height: calc(var(--div-width) * 1.11);
}


.desktop-view {
	display: none;
}


.mobile-view {
	display: block;
}

.productName {
	font-weight: bold;
}

@media (min-width: 576px) {
	.block3 {
		--div-width: calc(100vw / 2 - 1rem);
		width: var(--div-width);
		height: calc(var(--div-width) * 1.665);
	}
}

@media (min-width: 768px) {
	.block {
		margin-bottom: 1vw;
	}


	.block1 {
		--div-width: calc(100vw / 2 - 3.7vw);
		width: var(--div-width);
		height: calc(var(--div-width) * 0.54);
	}


	.block2 {
		--div-width: calc(100vw / 4 - 3vw);
		width: var(--div-width);
		height: calc(var(--div-width) * 0.57);
	}


	.block3 {
		--div-width: calc(100vw / 4 - 3vw);
		width: var(--div-width);
		height: calc(var(--div-width) * 1.665);
	}


	.block4,
	.block5 {
		--div-width: calc(100vw / 4 - 3vw);
		width: var(--div-width);
		height: calc(var(--div-width) * 1.11);
	}


	.block6 {
		--div-width: calc(100vw / 4 - 3vw);
		width: var(--div-width);
		height: calc(var(--div-width) * 0.57);
	}


	.block7 {
		--div-width: calc(100vw / 4 - 3vw);
		width: var(--div-width);
		height: calc(var(--div-width) * 0.515);
	}


	.block8 {
		--div-width: calc(100vw / 4 - 3vw);
		width: var(--div-width);
		height: calc(var(--div-width) * 1.11);
	}


	.desktop-view {
		display: block;
	}


	.mobile-view {
		display: none;
	}
}