@media (max-width: 1399.98px) {
	nav#nav-header-menu .nav-item a {
		padding-right: 5px;
		padding-left: 5px;
	}
}

@media (max-width: 1199.98px) {
	div#navbarSupportedContent ul {
		width: 80%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	nav#nav-header-menu .nav-item a {
		padding-left: 15px;
		padding-right: 15px;
	}

	div#navbarSupportedContent ul li {
		width: auto;
	}

	nav#nav-header-menu .navbar-brand img {
		width: 160px;
	}

	a.navbar-brand {
		width: 100px;
	}

	h1.banner-title {
		font-size: 65px;
	}

	section.section-spacing {
		padding: 50px 0px;
	}

	section.section-spacing {
		padding: 60px 0px;
	}

	.about-banner-content {
		padding: 0;
	}

	h2.section-heading.about-banner-heading {
		width: 100%;
		font-size: 80px;
	}

	p.w-50 {
		width: 100% !important;
	}

	.footer-logo {
		width: 160px;
	}

	.banner-card-wrapper {
		width: 100%;
		height: 600px;
	}

	.shop-rewards-bar {
		padding-top: 100px;
	}

	figure.prod-img img{
		height: auto;
	}

	p.ws-pagination-info {
		text-align: center;
		margin-top: 6px;
	}

	div#rewardsBar .shop-rewards-inner {
		margin-top: 10px;
	}

	.offer-hero-sub br {
		display: none;
	}

	.black-about br {
		display: none;
	}

	.deer-card {
		width: 100px;
	}

	.deer-bonus-card-container {
		width: 100px;
	}

}

@media (max-width: 991.98px) {

	.banner-card-wrapper {
		margin-top: 30px;
	}

	div#navbarSupportedContent ul {
		width: 100%;
		background-color: white;
	}

	.coupoun-number p {
		font-size: 20px;
	}

	.coupoun-number {
		height: auto;
		width: 100%;
	}

	.about-banner-content p {
		width: 100%;
	}

	.shop-payout-grid{
		grid-template-columns: repeat(1, 1fr);
	}

	.why-card {
		padding: 30px;
	}

	.why-sub br {
		display: none;
	}

	.why-highlight br {
		display: none;
	}

}

@media (max-width: 767.98px) {
	nav#nav-header-menu .navbar-brand img {
		position: static;
		width: 110px;
	}

	a.navbar-brand {
		width: auto;
		padding: 0;
		margin: 0;
	}

	nav#nav-header-menu {
		padding: 4px 0px;
	}

	section.home-banner {
		padding-top: 50px;
	}

	p.sub-title-banner {
		font-size: 15px;
	}

	h1.banner-title {
		font-size: 50px;
	}

	h1.banner-title br {
		display: none;
	}

	.banner-content p.sub-title-banner {
		margin: 0;
	}

	a.btn {
		font-size: 15px;
		padding: 10px 20px;
	}

	a.btn {
		font-size: 15px !important;
		padding: 10px 20px !important;
	}

	.banner-card-wrapper {
		margin: 0;
		height: 500px;
	}

	.card-flip-inner {
		top: 50%;
	}

	section.section-spacing {
		padding: 40px 0px;
	}

	h2.section-heading {
		font-size: 32px !important;
	}

	p {
		font-size: 15px;
	}

	.coupoun-title {
		text-align: center;
	}

	.dis-off {
		text-align: center;
	}

	h6.dis-para {
		text-align: center;
		margin: 0;
	}

	.coupoun-number {
		display: inline-block;
		width: 50px;
		height: 50px;
		display: flex;
		margin-bottom: 15px;
	}

	.coupoun-card {
		padding: 20px;
	}

	section.section-spacing.about-banner.mt-5 {
		margin-top: 0 !important;
	}

	h2.section-heading.about-banner-heading {
		font-size: 40px;
	}

	.about-banner-content p {
		font-size: 15px;
	}

	.slab-tracker-card {
		padding: 10px 20px 0;
	}

	.offer-card {
		padding: 20px;
	}

	.offer-divider {
		margin: 8px 0px;
	}

	.grade-input-row {
		display: block;
	}

	.grade-input {
		margin-bottom: 15px;
	}

	.thrill-img-placeholder {
		margin-top: 50px;
	}

	a.btn.btn-thrill.mt-4 {
		margin-top: 0 !important;
	}

	section.section-spacing.app-dropping-section {
		padding-top: 0;
	}

	section.section-spacing.app-dropping-section {
		padding-top: 0;
	}

	.app-feature-list {
		gap: 5px;
		margin-top: 10px !important;
	}

	.app-store-btn {
		width: 48%;
	}

	.crowd-card {
		padding: 30px 20px;
	}

	.crowd-input-row {
		display: block;
	}

	.crowd-input {
		margin-bottom: 15px;
	}

	.payment-method-card {
		width: 45%;
		flex: 0 0 45%;
	}

	.payment-methods-row {
		flex-wrap: wrap;
	}

	.row.justify-content-center.mt-5 {
		margin-top: 30px !important;
	}

	.site-footer {
		padding: 40px 0px 0px;
	}

	.footer-col-heading {
		margin-bottom: 5px;
		margin-top: 20px;
	}

	.footer-links {
		gap: 5px;
	}

	.footer-top {
		padding-bottom: 25px;
	}

	.footer-bottom-strip {
		padding: 10px;
	}

	.footer-bottom-strip {
		display: block;
	}

	.footer-strip-left {
		align-items: baseline;
		margin-bottom: 14px;
		font-size: 15px;
	}

	.footer-join-btn {
		width: 100%;
		display: block;
		text-align: center;
		font-size: 15px;
	}

	.shop-page-header .container.px-4 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.shop-rewards-inner {
		padding-left: 0;
		padding-right: 0;
	}

	.slider-shop {
		display: block;
	}

	.shop-rewards-msg {
		text-align: left;
	}

	.shop-milestone-labels {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	.shop-milestone-lbl {
		position: static;
		transform: none;
		font-size: 8px;
	}

	.shop-rewards-right {
		margin-bottom: 7px;
	}

	.shop-page-header .d-flex.align-items-center.justify-content-between {
		display: block !important;
		align-items: baseline !important;
	}

	.shop-page-header .d-flex.align-items-center.justify-content-between .d-flex.align-items-center.gap-3 {
		align-items: baseline !important;
	}

	.shop-cart-header-btn {
		display: block;
		width: 45%;
		margin-top: 10px;
		margin-left: auto;
	}

	.shop-rewards-bar.scrolled {
		padding-top: 5.5rem;
		padding-bottom: 15px;
	}

	.shop-filter-row select {
		font-size: 15px;
	}

	.shop-filter-btn {
		width: 46%;
		padding: 0;
	}

	.shop-filter-panel .d-flex.gap-2.flex-wrap.mt-3 .btn {
		width: 48%;
		padding: 8px 0px;
	}

	.shop-payout-grid {
        grid-template-columns: repeat(2, 1fr);
    }

	.ws-pagination-list {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}

	ul.ws-pagination-list li.ws-page-item {
		width: 34px;
		height: 34px;
	}

	h1.offer-hero-title {
		font-size: 40px;
	}

	.offer-hero-sub {
		font-size: 15px;
	}

	.payout-table td {
		padding: 10px;
		text-align: center;
	}

	.payout-table thead th {
		padding: 10px;
		text-align: center;
	}

	.deer-heading {
		font-size: 30px;
	}

	.deer-cards-row {
		gap: 15px;
	}

	.deer-card {
		width: 120px;
	}

	.deer-bonus-card-container {
		width: 120px;
	}

	.chase-heading {
		font-size: 35px;
	}

	.chase-sub br {
		display: none;
	}

	.chase-feature-card {
		padding: 20px;
	}

	.why-heading {
		font-size: 35px;
	}

	.why-sub {
		font-size: 15px;
	}

	.why-highlight {
		font-size: 15px;
	}

	.lock-heading {
		font-size: 35px;
	}

	.lock-sub br {
		display: none;
	}

	.lock-sub {
		font-size: 15px;
	}

	.hiw-hero-title {
		font-size: 40px;
	}

	.hiw-hero-sub br {
		display: none;
	}

	.hiw-hero-sub {
		font-size: 15px;
	}

	.hiw-hero-section {
		padding-bottom: 40px;
	}

	.hiw-step-section {
		padding: 40px 0px;
	}

	.hiw-step-title br {
		display: none;
	}

	.hiw-step-title {
		font-size: 35px;
	}

	.hiw-step-gray .hiw-feature-card {
		margin-bottom: 15px;
		height: auto;
	}

	.hiw-offer-divider {
		margin: 5px 0px;
	}

	.hiw-see-chart-btn {
		margin-bottom: 30px;
	}

	.hiw-feature-card {
		height: auto;
		margin-bottom: 15px;
	}

	section.section-spacing.about-banner {
		padding-top: 120px;
	}

	p.black-about {
		font-size: 15px;
	}

	ul.roundedcheck li {
		line-height: normal;
		margin-bottom: 8px;
		display: flex;
	}

	ul.roundedcheck {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	figure.mt-5.border-rounded-img {
		margin-top: 0 !important;
	}

	h2.section-heading br {
		display: none;
	}

	.newsletter-input-row {
		width: 100%;
		display: block;
	}

	.newsletter-input-row input {
		margin-bottom: 14px;
	}

	.crowd-card br {
		display: none;
	}

	p.highlight-pink-text.text-uppercase.mb-5 {
		margin-bottom: 0 !important;
	}

	.contact-hero-title {
		font-size: 40px;
	}

	.contact-hero-sub br {
		display: none;
	}

	section.contact-hero-section {
		padding-bottom: 40px;
	}

	form#collectorRequestForm {
		display: block !important;
	}

	.collector-input {
		margin-bottom: 15px;
	}

	.direct-line-card {
		padding: 10px 0px 20px;
	}

	section.section-spacing.direct-lines-section {
		padding-bottom: 0;
	}

	.stay-game-card {
		padding: 15px;
	}

	form#newsletterForm {
		display: block !important;
	}

	.contact-promise-section {padding: 40px 0px;}

	.contact-promise-item {
		padding: 10px 15px;
	}

	.content-title h1 {
		font-size: 35px;
	}

	.banner-inner {
		padding: 120px 0px 30px;
	}

	.inner-bann-content {
		padding-top: 40px;
		padding-bottom: 20px;
	}

	.inner-content-bann h2 {
		font-size: 22px;
	}

	.inner-content-bann h3 {
		font-size: 18px;
	}
}

@media (max-width: 575.98px) {

}

@media (hover: none), (pointer: coarse), (max-width: 991.98px) {
	.custom-cursor { display: none !important; }
}