
.logo-for-mobile
{
	display: none;
}

.logo-for-mobile img {
    max-height: 72px;
    margin-bottom: 14px;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    width: 30px;
    height: 30px;
    fill: #000000;
}
.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
    padding: 0;
}
.ast-mobile-popup-content:has(.site-navigation) #block-20 {
    padding: 12px;
    /* border-bottom: 1px solid #00000033; */
    box-shadow: 0px 4px 4px 0px #0000000D;
    margin-bottom: 2px;
}
.ast-mobile-popup-inner:has(.site-navigation) .ast-mobile-popup-header {
    position: absolute;
    right: 3px;
    top: 5px;
}
.ast-mobile-popup-content:has(.site-navigation) #block-20 figure {
    margin: 0;
}
.ast-mobile-popup-content:has(.site-navigation) aside.header-widget-area.widget-area {
    padding: 0 !important;
}
.ast-mobile-popup-content:has(.site-navigation) #block-20 img {
    height: 42px !important;
    width: auto !important;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1270px;
    }
}

@media screen and (max-width:1260px)
{
	header .ast-builder-grid-row.ast-grid-center-col-layout {
		grid-template-columns: 120px auto 300px;
		grid-column-gap: 10px;
	}
	.member-pricing-inner h2 {
		font-size: 38px; 
	}
	
	footer .ast-builder-grid-row-4-equal .ast-builder-grid-row {
		grid-template-columns: 300px 1fr 1fr 410px;
	}

}
@media screen and (max-width:1200px)
{
	.term-sidebar-outer
	{
		display: none;
	}
	.terms-content-outer
	{
		width: 100%;
	}
	.terms-content {
		padding: 0;
		border: none;
		border-radius: 0;
	}
	
	header .main-header-menu .menu-link,header .main-header-menu>a {
		text-decoration: none;
		padding: 0 6px;
		display: inline-block;
		transition: all .2s linear;
	}
	
	header .ast-builder-grid-row.ast-grid-center-col-layout {
		grid-template-columns: 120px auto 275px; 
	}
	.search-box-outer img {
		max-width: 270px;
	}
	.red-curve-shape {
		display: none;
	}
	.member-pricing-inner {
		padding: 40px;
	}
	.member-info {
		display: flex;
		gap: 20px;
		color: #fff;
	}
	.key-feature-list { 
		gap: 40px;
	}
	.key-feature-item::after {
		right: -20px;
	}
	.key-feature-item {
		flex-direction: column;
		gap: 0; 
		text-align: center;
	}
	.key-number {
		font-size: 45px; 
	}
	.video-split-section { 
		min-height: 500px;
		gap: 40px; 
	}
	footer .ast-builder-grid-row-4-equal .ast-builder-grid-row {
		grid-template-columns: 300px 1fr 1fr 300px;
	}
	.image-wrap
	{
		max-height: 400px;
		min-height: 400px;
	}
	.image-wrap .image-swiper {
		height: 400px;
	}
}

@media screen and (max-width:1024px)
{
	.exclusive-deals .swiper-wrapper { 
		padding-bottom: 50px;
	}
	.login-left  , .login-right{ 
		padding: 25px; 
	}
	.login-inner-left .logo-img {
		max-height: 70px !important;
		margin-bottom: 20px;
	}
	.login-inner-left ul {
		margin: 16px 0;
		padding: 20px; 
		gap: 20px;   
	}
}
@media screen and (max-width:1023px)
{
	.member-popup { 
		padding: 20px; 
	}
	.member-popup h2 { 
		font-size: 22px; 
		padding-right: 25px;
	}
	.popup-close {
		top: 12px;
		right: 0px;
	}
	header .main-header-menu .menu-link, header .main-header-menu>a
	{
		font-size: 14px;
	}
	header .site-header-section>* {
		padding: 0 5px;
	}
	header .ast-builder-grid-row.ast-grid-center-col-layout {
		grid-template-columns: 120px auto 260px;
	}
	header .ast-header-account-wrap .ast-header-account-text {
		font-size: 14px !important; 
	}
	header .ast-custom-button {
		font-size: 14px !important;
	}
	.content-side .container {
		max-width: 100%;
		margin: 0;
	}
	.video-box {
		border-radius: 20px;
	}
	.video-side {
		padding: 0 20px;
	}
	.search-box-outer img
	{
		display: none;
	}
	.search-box-outer .contactInfo img
	{
		display: block;
	} 
	.hero-title {
		font-size: 45px; 
	}
	.shape-img {
		margin-top: 65px;
	}
	.home-hero {
		background-position: top right;
	}
	.main-heading { 
		font-size: 36px; 
		line-height: 40px;
	}
	.member-pricing-inner h2 {
		font-size: 36px;
		line-height: 40px;
	}
	.content-side .container {
		padding: 0 20px;
	}
	.video-split-section { 
		gap: 20px;
	}
} 


@media screen and (max-width: 921px)
{
	.ast-builder-layout-element.site-header-focus-item.ast-header-account {
		border: none;
		padding: 0;
	}
	.ast-builder-grid-row>.site-header-section { 
		gap: 10px;
	}
	.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row {
		grid-template-columns: 150px 1fr 1fr 300px;
	}
	.footer-search h2 { 
		font-size: 34px;
		line-height: 28px; 
	}
	.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {
		grid-column-gap: 15px; 
	}
	header .ast-account-action-link svg 
	{
		display: block;
	}	
	header .ast-account-action-link span.ast-header-account-text
	{
		display: none;
	}
}
@media screen and (max-width: 991px)
{
	.story-content {
		padding-left: 16px;
	}
	.choose-types { 
		gap: 16px; 
	}
	.our-mission .row
	{
		row-gap: 24px;
		justify-content: center;
	}
	.our-story .row 
	{
		row-gap: 24px;
	}
	.our-mission .row .col
	{
		width: 33%;
		flex: inherit;
	}
	.login-right h2 { 
		font-size: 32px; 
	}
	.stats {
		display: flex;
		justify-content: center;
		border-top: 1px solid #FFFFFF33;
		padding-top: 25px;
		gap: 30px;
	}
	.tire-steps {
		padding: 40px 0px 40px; 
	}
	.icon {
		width: 70px;
		height: 70px; 
		min-width: 70px; 
		margin-bottom: 10px;
	}
	.icon img {
		max-height: 30px;
		max-width: 35px;
	}
	.count { 
		top: -10px;
		right: -10px; 
	}
	.steps-wrapper .line { 
		top: 48px; 
	}
	.cta {
		margin-top: 20px;
	}
	.step h4 {
		font-size: 18px; 
		margin-bottom: 0; 
	}
	.icon-box img {
		max-height: 50px;
	}
	.info-inner-box h4 {
		font-size: 24px; 
		line-height: 36px;
	}
	.member-pricing-inner {
		padding: 40px 20px;
	}
	.member-btn {
		margin-top: 20px; 
		padding: 10px 20px; 
	}
	.search-box-outer
	{
		margin: 30px 0;
	}
	.image-wrap {
		max-height: 320px;
		min-height: 320px;
	}
	.image-wrap .image-swiper {
		height: 320px;
	}
	.member-pricing .col-md-6
	{
		width: 60%;
	}
	.member-pricing .col-md-6.two-tires
	{
		width: 40%;
	} 
	
} 

@media screen and (max-width:767px)
{
	
    .common-inner-banner h2 {
        font-size: 28px;
        line-height: 36px;
    }
	.our-mission .row .col {
		width: 100%; 
	}
	.our-story {
		padding: 40px 0;
	}
	.our-philosophy {
		padding: 40px 0;
	}
	.our-philosophy .row {
		row-gap: 24px;
	}
	.our-story h3 {
		font-size: 36px; 
	}
	.login-right .woocommerce-message, .login-right .woocommerce-info, .login-right .woocommerce-error
	{
		font-size: 14px;
	}
	.logo-for-mobile
	{
		display: block;
	}
	.login-right {
		flex: inherit;
		padding: 22px 11px;
		/* margin: auto; */
		box-shadow: 0px 4px 20px 0px #00000040;
		border-radius: 24px;
		border: 2px solid;
		border-image-source: radial-gradient(86.4% 86.4% at 82.87% 96.53%, rgba(255, 255, 255, 0.22) 0.38%, rgba(255, 255, 255, 0) 6.71%, rgba(255, 255, 255, 0.31) 100%) ;
	}
	.login-left
	{
		display: none;
	}	
	.login-right h2 {
		font-size: 28px;
	}
	.member-unlock-msg { 
		gap: 5px;
		padding: 5px 8px;   
		color: #A60000;
		font-size: 12px;   
	}
	.login-page
	{
		flex-direction: column;
		padding: 16px;
		align-items: center;
		justify-content: center;
	}
	.member-popup ul {
		padding: 16px;
		grid-template-columns: repeat(1, 1fr);
		row-gap: 18px;
		border-radius: 20px;
		margin: 16px 0;
	}
	.popup-close { 
		top: 16px;
		right: 10px; 
	}
	.member-popup-overlay
	{
		align-items: flex-start;
	}
	.member-popup ul li  span { 
		font-size: 14px;
	}
	.member-popup ul li h6 {
		font-size: 16px; 
	}
	.member-popup .box-icon img {
		width: 24px;
	}
	.member-popup .box-icon {
		min-width: 24px;
	}
	.member-head img {
		display: none;
	}
	
	.terms-page {
		padding: 30px 0;
	}
	.faq-section .accordion-header { 
		padding: 10px 16px; 
		font-size: 16px; 
	}
	.faq-section .accordion-item.active .accordion-content { 
		padding: 0 16px 0 16px;
	}
	.faq-section .accordion-content
	{
		padding: 0 16px;
	}
	.faq-section .faq-icon { 
		width: 24px;
		height: 24px;
		padding: 6px; 
	}
	.reach-box h4 { 
		font-size: 16px;
	}
	.reach-out-section .row {
		row-gap: 16px;
	}
	.contact-desc {
		padding: 24px;
	}
	.contact-form { 
		padding: 24px;
	}
	.contact-box-outer {
		margin-top: 20px;
	}
	.map-section {
		padding: 0 20px;
	}
	.map-section iframe {
		border-radius: 20px;
	}
	.contact-desc p { 
		margin-bottom: 20px;
	}
	.contact-desc .social-icon { 
		margin: 0 0 20px; 
	}
	ul.support-hours { 
		margin: 0 0 20px 0; 
	}
	.inner-banner { 
		min-height: 120px;
		padding: 25px 0;
		background-size: contain;
	}
	.form_track_your_order form .form_input_group input[type="text"] {
		font-size: 14px;
	}
	img.angle-view {
		display: none;
	}
	.inner-banner h2 {
		font-size: 24px;  
	}
	.looking-for {
		padding: 40px 0 20px;
	}
	.form_track_your_order form .btn
	{
		padding: 8px 10px !important;
		min-width: 125px;
		font-size: 16px;
		justify-content: center;
	}
	.looking-for h3 {
		font-size: 24px;
	}
	.white-card-box ul li {
		width: auto;
	}
	.white-card-box {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.container {
		padding: 0 20px;
	}
	.zip-box { 
		padding: 20px 10px; 
	}
	.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row {
		grid-template-columns: 1fr;
	}
	.home-hero h4 , .home-hero h1
	{
		display: none;
	}
	.hero-search-options { 
		gap: 40px; 
	}
	.home-hero {
		padding: 35px 0 0; 
	}
	button.search-card span {
		font-size: 14px;
		gap: 0;
		margin-top: 10px;
	}
	button.search-card span img {
		display: none;
	}
	button.search-card img {
		max-height: 100px;
	}
	.zip-box h3 {
		font-size: 20px;  
	}
	.zip-box h3 + p { 
		font-size: 13px;
	}
	.after-header-marquee h6 { 
		font-size: 16px;
	}
	.home-hero {
		padding: 35px 0 60px;
	}
	.shape-img {
		display: none; 
	}
	.main-heading {
		font-size: 28px;
		line-height: 36px;
	}
	.main-heading {
		font-size: 28px;
		line-height: 36px;
	}
	.steps-wrapper .line {
		display: none;
	}
	.step {
		display: flex;
		gap: 20px;
		text-align: left;
	}
	.count {
		top: -5px;
        right: -5px;
		width: 25px;
		height: 25px; 
	}
	.cta { 
		display: none;
	}
	.step p {
		font-size: 14px; 
		line-height: 22px;
		margin: 0;
	}
	.shape2 {
		display: none;
	}
	.exclusive-deals {
		padding: 40px 0; 
	}
	.member-pricing .col-md-6 {
		width: 100%;
	}
	.member-pricing .col-md-6.two-tires {
		width: 100%;
	}
	.two-tires img {
		display: none;
	}
	.member-pricing {
		text-align: center;
	}
	.member-pricing-inner h2 {
		font-size: 28px;
		line-height: 36px;
		margin-bottom: 40px;
		max-width: 300px;
	}
	.member-info { 
		gap: 10px; 
	}
	.member-info p {
		font-size: 14px;
		margin: 0;
		line-height: 20px;
	}
	.info-inner-box h4 {
		margin: 0;
		font-size: 24px;
		line-height: 40px;
	}
	.member-btn {
		margin: 30px 0;
		padding: 6px 20px;
	}
	.member-pricing-inner h5 {
		text-align: center;
		font-size: 16px;
		line-height: 24px;
	}
	.member-pricing {
		padding: 0;
	}
	.member-pricing-inner {
		border-radius: 0;
		background-image: none;
	}
	.featured-brands .swiper-button-prev, .featured-brands .swiper-button-next {
		display: none;
	}
	.brand-swiper { 
		padding: 20px 0;
		margin-bottom: 30px;
	}
	.tab-btn {
		padding: 2px 16px;
		border-radius: 30px;
		font-size: 15px;
		min-width: 130px;
	}
	.member-pricing .container {
		padding: 0;
	}
	.brand-card-box {
		height: 85px; 
	}
	.key-features {
		padding: 40px 0;
	}
	.key-feature-list {
		flex-direction: column;
		gap: 60px;
	}
	.key-feature-item::after {
		width: 100%;
		height: 1px;
		left: 0;
		right: 0;
		border-bottom: 1px dashed #D01010;
		bottom: -30px;
		border-right: none;
	}
	.key-feature-item {
		flex-direction: row;
		align-items: center;
		gap: 20px;
	}
	.key-content {
		text-align: left;
	}
	.key-number {
		font-size: 60px;
		min-width: 90px;
	}
	.key-feature-item p {
		margin-bottom: 5px;
	}
	.play-btn { 
		width: 55px;
		height: 55px; 
	}
	.info-card h4 {
		font-size: 25px; 
	}
	.stat-content h3 {
		font-size: 20px;
		line-height: 28px; 
	}
	.stat-content span
	{
		color: #FFFFFFCC;
	}
	.upgrade-text { 
		padding: 10px 16px;
		font-size: 16px;
		line-height: 24px; 
	}
	.testimonial-card {
		flex-direction: column;
		text-align: center;
	}
	.rating {
		justify-content: center;
	}
	.testimonial-img {
		flex: inherit;
		width: 200px;
		height: 210px;
		margin: auto;
	}
	span.quote {
		display: none;
	}
	.testimonial-section {
		padding: 40px 0; 
		background-image: none;
	}
	.testimonial-section  .swiper-pagination {
		margin-top: 25px; 
		background-image: none;
	}
	.shop-inner {
		padding: 40px 10px;
		text-align: center;
	}
	.what-we-offer h2 { 
		margin: 0 auto 24px;
	}
	.image-wrap .image-swiper {
		height: 220px;
	}
	.shop-inner .btn {
		margin-top: 10px;
	}
	.image-wrap {
		max-height: 220px;
		min-height: 220px;
		clip-path: inherit;
	}
	.shop-today .row
	{
		flex-direction: column-reverse;
	}
	.offer-box h4 { 
		margin-top: 32px;
	}
	.offer-box {
		text-align: center;
		gap: 32px;
	}
	.footer-vector, .search-vector { 
		display: none;
	}
	.footer-search {
		background: linear-gradient(324.88deg, #B50808 9.67%, #450000 76.94%);
		padding: 40px 20px;
	}
	.search-form {
		min-width: 100%;
	}
	.footer-search h2 {
		font-size: 28px;
		line-height: 36px;
		margin-top: 0;
		margin-bottom: 14px;
	}
	.footer-search h2 + p
	{
		font-size: 16px;
	}
	.contactInfo ul {
		flex-direction: column;
		gap: 30px;
	}
	.info-icon {
		width: 50px;
		height: 50px; 
		min-width: 50px;
		gap: 15px;
	}
	.search-box-outer {
		margin-bottom: 0;
	}
	.contactInfo {
		background: no-repeat;
		box-shadow: none;
		padding: 0;
		border-radius: 0; 
	}
	.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {
		display: flex;
		flex-wrap: wrap;
	}
	.site-footer-above-section-2.site-footer-section.site-footer-section-2 , .site-footer-above-section-3.site-footer-section.site-footer-section-3 {
		width: 47%;
	}
	.site-footer-above-section-1.site-footer-section.site-footer-section-1 {
		width: 100%;
		text-align: center;
	}
	.site-footer-above-section-4.site-footer-section.site-footer-section-4 {
		width: 100%;
	}
	section#block-18 {
		justify-content: center;
	}
	section#block-15 {
		text-align: center;
	}
	.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
		flex-direction: column;
		justify-content: center;
		text-align: center;
		gap: 20px;
	}
	.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row p {
		text-align: center !important;
	}
	.site-above-footer-wrap[data-section="section-above-footer-builder"] {
		padding: 40px 20px;
	}
	footer .site-footer-above-section-1 figure.wp-block-image.size-large {
		text-align: center;
	}
	.ast-footer-copyright p:last-child
	{
		max-width: 265px;
		margin: 10px auto 0;
	}
	.member-info
	{
		justify-content: space-around;
    }
	.brand img {
		max-height: 40px;
	}
	.brand {
		margin-bottom: 15px;
		min-height: 40px;
	}
	.subtitle {
		font-size: 16px; 
	}
	.subtitle1 span { 
		font-weight: 500;
	}
	.deal-header {
		min-height: 130px;
		padding: 0 15px;
		margin-bottom: 10px;
	}
	.product-img { 
		height: 185px;
	}
	.product-img img {
		max-height: 150px; 
	}
	.subtitle1 span {
		font-size: 30px;
	}
	.product-img::before { 
		width: 75px;
		height: 25px; 
	}
	.product-img::after
	{
		height: 300px;
	}
	.site-footer-above-section-1 img {
		max-height: 150px;
	}
	.tire-steps .steps-wrapper {
		padding-bottom: 50px;
	}
	.tire-steps .swiper-pagination {
		display: block;
	}
	.tire-steps {
		padding: 40px 0px 20px;
	}
	.step:hover .icon {
		transition: inherit;
		box-shadow: none;
	}
	.deal-card:hover .product-img img {
		transform: scale(1);
	}
}    


@media screen and (max-width:370px)
{
	.hero-search-options {
		gap: 10px;
	}
	button.search-card span {
		font-size: 13px; 
		padding: 8px 12px;
	}
}