/* ==================== [ Min - 1500px ] ==================== */
@media (min-width: 1500px) {

    /* ==================== [ Common Start ] ==================== */
    .container-fluid,
    .container {
        max-width: calc(var(--container) + (var(--container-padding) * 2));
    }
    /* ==================== [ Common End ] ==================== */

}

/* ==================== [ Max - 1500px ] ==================== */
@media (max-width: 1500px) {

    .more-riders-product .more-riders-product-main { max-width: 1120px; }
    .more-riders-product .riders-helmet-block .riders-helmet-item { max-width: 200px; }
    .riders-helmet-item .new-badge { top: 0; left: 0; }
    .more-riders-product .riders-helmet-block { justify-content: center; }
}

/* ==================== [ 1499px ] ==================== */
@media (max-width: 1499px) {

    /* From Street Start */
    .from-street-banner { margin: -245px 0 -345px; }
    .from-street-container { margin: 100px auto 0; }
    /* From Street End */

    .duckgail-container { max-width: 1040px; }
}

/* ==================== [ 1399px ] ==================== */
@media (max-width: 1399px) {
    
    .main-title { font-size: 84px; line-height: 90px; margin-bottom: 45px;}

    .header .menu-container .nav-link-item { font-size: 40px; line-height: 60px; }
    .header .menu-container .navbar-nav { max-width: calc(620px + 40px); }


    /* The Road Start */
    .the-road-content .title * { font-size: 28px; }
    .the-road-content .helmet-img { max-width: 380px; margin: -95px 0 -90px; }
    .street-approved-bottom .brand-logo { margin: 90px 0; }
    /* The Road End */

    /* Faq Start */
    .faq-main .heading { margin-bottom: 100px; }
    /* Faq End */
    
    /* Join The Family Start */
    .join-family { padding: 210px 0 70px; }
    .join-family-main .heading { margin-bottom: 100px; }
    .common-accordion .tag-title { margin-bottom: 70px; }
    .join-family-main .common-accordion .accordion-item .accordion-button { font-size: 30px; line-height: 40px; }
    /* Join The Family End */

    /* Helmet Start */
    .riders-product .riders-tabbing { margin-left: 20px; }
    .riders-helmet-item .helmet-thumb-slider { max-width: 150px; }
    .riders-helmet-item .slide-thumb { height: 40px; }
    .riders-helmet .productSwiper .helmet-image { max-width: 280px; height: 240px; }
    /* Helmet End */

    /* typography css start  */
	.typography-wrp .heading { padding-bottom: 50px; }
	.typography-wrp { padding: 210px 0 70px; }
	/* typography css end */

	/* contact css start */
	.contact-wrp { padding: 210px 0 0; }
	/* contact css end*/

    /* About Banner CSS Start*/
	.about-banner-wrp .main-title {margin-bottom: 95px;}
	.about-banner-content .block-title * { margin-bottom: 30px;	}
	/* About Banner CSS End */

	/* Collection CSS Start */
	.collection-top-content {margin: 0 auto 70px;}
	.collection-top-content .disc {margin-bottom: 50px;}
	.collection-inner .collection-contnet .title * { margin-bottom: 30px; }
	.collection-inner .collection-contnet {padding: 70px 0; }
	.collection-inner .collection-contnet .disc { margin: 0 auto 30px; }
	.collection-inner .collection-img .helmet-inner-detail {padding: 134px 34px 76px;}
	.collection-inner .helmet-inner-detail .helmet-name-logo { max-width: 280px;}
	/* Collection CSS End */

    .ducktail-helmet { left: 20px; max-width: 310px; }
    .ducktail-item .ducktail-glass-image { max-width: 220px; margin-top: -140px; }
    .ducktail-bg { height: 400px; }
    .duckgail-container { max-width: 870px; margin-top: -60px; }
    .ducktail-item .ducktail-glass-image { margin-top: -100px; }

    /* Footer Start  */
	.footer { padding: 75px 0 75px; }
	/* Footer End */

}

/* ==================== [ 1199px ] ==================== */
@media (max-width: 1199px) {

    :root {
        --h1-fs: 38px;
        --h1-lh: 44px;
        
	    --h2-fs: 32px;
	    --h2-lh: 36px;
    
	    --h3-fs: 30px;
	    --h3-lh: 38px;
    
	    --h4-fs: 24px;
	    --h4-lh: 30px;
    
	    --h5-fs: 20px;
    }
    .main-title { font-size: 70px; line-height: 80px; margin-bottom: 35px; }
    .tag-title { font-size: 30px; line-height: 36px; letter-spacing: 1.4px; }
    
    .header .menu-container .nav-link-item { font-size: 36px; line-height: 54px; }
    .header .navbar-nav .dropdown-menu .dropdown-item { font-size: 22px; line-height: 28px; }
    .header .menu-container .navbar-nav { max-width: calc(560px + 40px); }

    /* Home Banner Start */
    .home-banner-image { width: 100%; height: 740px; }
    /* Home Banner End */

    /* Riders Start */
    .riders::before { height: 40%; }
    .riders-main .section-title * { letter-spacing: 2px; }
    /* Riders End */

    /* From Street Start */
    .from-street-detail .disc * { margin-bottom: 30px; }
    .from-street-container { margin: 70px auto 0; }
    .from-street-banner { margin: -145px 0 -295px; }
    .from-street-detail { padding-left: 30px; }
    /* From Street End */

    /* Join Us Start */
    .join-us { padding: 70px 0; }
    /* Join Us End */

    /* Faq Start */
    .faq-main .heading { margin-bottom: 80px; }
    .common-accordion .accordion-body { padding: 25px 0 50px; }
    /* Faq End */

    /* Join The Family Start */
    .join-family { padding: 180px 0 70px; }
    .join-family-main .heading { margin-bottom: 80px; }
    .join-family-main .common-accordion .accordion-body { padding: 18px 0 50px; }
    /* Join The Family End */

    /* Press Start */
    .press { padding: 160px 0 50px; }
    .press-main .section-title * {  font-size: 38px; letter-spacing: 3.6px; margin-bottom: 75px; }
    /* Press End */

    /* Press Detail Start */
    .press-detail-content .section-title * { font-size: 38px; line-height: 44px; letter-spacing: 1.8px; margin-top: 50px; margin-bottom: 30px; }
    .press-detail-main .press-detail-container .backlink { margin: 40px; }
    /* Press Detail End */

    /* Sizing Guide Start */
    .guide-main .section-title * { margin-bottom: 70px; }
    .measure-size-block .block-title * { font-size: 28px; }
    .fit-check-block { padding: 40px 50px 80px; }
    .fit-check-block .title * { font-size: 34px; line-height: 42px; }
    .fit-check-block .action .btn { font-size: 24px; }
    /* Sizing Guide End */

    /* From Street Start */
    .from-street-wrp-main { padding: 70px 0; }
    .from-street-wrp-main .title * { font-size: 46px; line-height: 52px; }
    .street-movement-logo { margin-bottom: 70px; }
    .street-movement-image .section-title * { font-size: 36px; line-height: 46px; }
    .street-movement-image { margin: 60px auto; }
    .authencity { padding: 70px 0; }
    .authencity-main { padding-top: 60px; }
    .authencity .logo {height: 220px; }
    /* From Street End */

    /* Accessories Start */
    .product-image-container .product-main-image { max-width: 420px; height: 280px; }
    .product-detail-content .title * { font-size: 36px; line-height: 38px; }
    .product-detail-content .nav-tabs .tab-image { max-width: 70px; }
    .product-detail-content .common-accordion .accordion-item .accordion-button { font-size: 28px; line-height: 34px; letter-spacing: 1px; }    
    .product-detail-content .breadcrumb { margin-bottom: 30px; }
    .product-detail-content .color-name * { margin: 10px 0 35px; }
    .product-detail-content .available .action { padding: 14px 0 40px; }
    .product-detail-main .breadcrumb { margin-bottom: 30px; } 
    .series { padding: 70px 0; }
    .series .series-main .tag-title * { margin-bottom: 30px; }
    .series .series-main .disc * { margin-bottom: 60px; }
    .more-riders-product { padding-bottom: 70px; }
    .product-detail { padding: 136px 0 70px; }
    /* Accessories End */

    /* About Banner CSS Start */
	.about-banner { padding: 200px 0 70px; }
	.about-banner-content .block-title * {font-size: 28px; letter-spacing: 1.33px;}
	.passion-img-block .passion-img { height: 320px; }
	/* About Banner CSS End */

	/* Grind-Glory CSS Start */
	.grind-glory-wrp .heading { margin: 0 auto 45px;}
	.grind-glory { padding: 70px 0 60px; }
	.grind-glory-block .grind-glory-block {padding: 45px 0;}
	.grind-glory-block .grind-glory-block .disc * {margin-bottom: 40px;}
	/* Grind-Glory CSS End */

	/* Promise CSS Start */
	.promise {padding-bottom: 70px;}
	.promise-wrp .promise-title * {font-size: 38px; line-height: 40px; margin-bottom: 40px;}
	.promise-wrp .logo { max-width: 250px; height: 100%; margin: 0px auto 35px;}
	.promise-wrp .promise-content .section-title * { font-size: 28px; line-height: 35px; letter-spacing: 1.4px;}
	/* Promise CSS End */

	/* Collection CSS Start */
	.collection { padding: 132px 0 70px;}
	.collection-top-content {margin: 0 auto 50px;}
	.collection-top-content .disc {margin-bottom: 30px;}
	.collection-inner .collection-contnet { max-width: 660px; padding: 50px 0; }
    .collection-inner:last-child .collection-contnet { padding: 50px 0 0; }
	.collection-inner .helmet-inner-detail .helmet-series {padding: 30px 0;}
	.collection-inner .collection-img .helmet-inner-detail { max-width: 460px; padding: 70px 34px 76px; }
	.collection-inner .helmet-inner-detail .helmet-name-logo { max-width: 280px;}
	.collection-inner .collection-img .logo-container {gap: 40px;}
	/* Collection CSS End */

    .riders-helmet .productSwiper .helmet-image { max-width: 220px; height: 200px; }

    /* Helmet Detail Page Start */
    .unapologetic .unapologetic-top .section-title * { font-size: 38px; line-height: 40px; }
    .unapologetic .unapologetic-top .detail * { font-size: 18px; line-height: 20px; }
    .unapologetic .main-title * { font-size: 75px; }
    .unapologetic .main-title { padding: 40px 0 0; }
    .unapologetic .main-title:before { top: -130px; right: 32%; height: 200px; }
    .unapologetic .main-title::after { bottom: -150px; left: 36%; height: 200px; transform: rotate(50deg); -webkit-transform: rotate(50deg); -moz-transform: rotate(50deg); -ms-transform: rotate(50deg); -o-transform: rotate(50deg); }
    .unapologetic-block { gap: 20px; }
    .glaive-main .glaive-helmet { height: 475px; }
    .street-presence-block { gap: 35px; }
    .helmet-accossories .product-image-container .product-images .image { height: 200px; }
    .glaive-main .glaive-content { margin: 0; }
    .ducktail { padding: 100px 0 70px; }
    .ducktail-helmet { left: 10px; max-width: 270px; }
    .ducktail-item .ducktail-glass-image { max-width: 180px; margin-top: -100px; }
    .ducktail-bg { height: 340px; }
    .duckgail-container { margin-top: 20px; }
    .ducktail-item .ducktail-glass-image { margin: 0; }
    .ducktail-item { align-items: center; }
    .duckgail-container { align-items: center; }
    .riders-product .riders-tabbing { margin-left: 0; }
    /* Helmet Detail Page End */

    /* Find Dealer Start */
    .find-dealer { padding: 120px 0 55px; }
    .find-dealer-block .search-bar { padding-bottom: 20px; }
    .location-block .location-item { padding: 20px; margin-bottom: 20px; }
    .location-block .location-item .detail * { margin-bottom: 20px; }
    .find-dealer-block .location-block { height: 380px; }
    /* Find Dealer End */

    /* Footer Start  */
	.footer { padding: 60px 0; }
	.f-menu-container { padding: 50px 0;}
	.footer-wrp .f-right ul {gap: 50px;}
	.footer-wrp .f-top .f-left .f-title * {font-size: 28px;}
	.footer .f-bottom .f-bottom-img {margin-right: 32px;}
	/* Footer End */

}

/* ==================== [ 991px ] ==================== */
@media (max-width: 991px) {

    :root { 
        --h1-fs: 36px; 
        --h1-lh: 42px;

        --h2-fs: 30px;
	    --h2-lh: 34px;
    
	    --h3-fs: 28px;
	    --h3-lh: 36px;
    
	    --h4-fs: 22px;
	    --h4-lh: 28px;
    
	    --h5-fs: 18px;
    }
    .main-title { font-size: 60px; line-height: 70px; margin-bottom: 20px; }
    .tag-title { font-size: 28px; line-height: 34px; letter-spacing: 0.4px; }

    /* Header Start */
    .header .navbar .navbar-brand { max-width: 100px; }
    .header .menu-container .navbar-nav { max-width: 100%; padding-right: 0px; border: 0; gap: 10px; }
    .header .navbar-nav .dropdown-menu { position: relative; left: unset; height: fit-content; }
    .header .menu-container .nav-item { margin-bottom: 30px; }
    .header .navbar-nav .dropdown-menu { margin-top: 20px; }
    .header .lang-change ul { justify-content: center; }
    .header .menu-container { padding: 0; justify-content: center; overflow-y: auto; overflow-x: clip; }
    .header .menu-container .nav-link-item.dropdown-toggle:after { display: block; position: relative; content: ""; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.562 1L10.281 10.28L1 1' stroke='%23999999' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); background-size: 16px; background-position: center; background-repeat: no-repeat; border: 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
    .header .menu-container .nav-link-item { font-size: 20px; line-height: 30px; }
    .header .menu-container .main-menu { width: 100%; height: calc(100% - 200px); }
    .header .navbar-collapse { padding: 30px 0 0; }
    .header .menu-container .nav-item.show .dropdown-toggle:after { filter: brightness(0); transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-filter: brightness(0); }
    .header .menu-container .nav-link-item.dropdown-toggle:hover:after { filter: brightness(0); }
    .header .social-media { flex-direction: column-reverse; position: sticky; bottom: 0; left: 0; width: 100%;  }
    .header .social-media ul { width: 100%; justify-content: center; gap: 0; }
    .header .social-media ul li { width: 100%; display: flex; justify-content: center; align-items: center; border: 1px solid rgb(0 0 0 / 50%); min-height: 80px; }
    .header .menu-container .nav-item { margin-bottom: 20px; }
    .header .header-menu-group { padding: 120px 0 0; }
    .header.shrink .navbar { padding: 15px 0; }
    .header.shrink .navbar .navbar-brand { max-width: 90px; height: 80px; }
    /* Header End */

    /* Home Banner Start */
    .header .navbar { padding: 20px 0; }
    .home-banner-block .action { margin-right: 0; }
    /* Home Banner End */

    /* Riders Start */
    .riders-main .section-title * { letter-spacing: 1.5px; }
    .riders-main .nav-tabs .nav-link { font-size: 16px; }
    .riders-tabbing .action { margin-top: 40px; }
    /* Riders End */

    /* The Road Start */
    .the-road { padding-top: 70px; padding-bottom: 50px; }
    .the-road-content .helmet-img { max-width: 220px; margin: -85px 0 -120px; }
    .the-road-content .title * { font-size: 22px; line-height: 35px; }
    .the-road-content .disc * { line-height: 20px; }
    .the-road-content { margin-top: 30px; }
    /* The Road End */

    /* Street Approved Start */
    .street-approved-main .street-approved-top .heading .title * { font-size: 28px; margin-bottom: 30px; }
    .street-approved-bottom .brand-logo { margin: 70px 0; }
    .street-approved-content { margin: 70px auto 0;}
    .street-approved-content .title * { font-size: 28px; letter-spacing: 1.43px; line-height: 34px; margin-bottom: 30px; }
    .helmet-item .helmet-name * { font-size: 22px; line-height: 30px; letter-spacing: 0.74px; }
    .helmet-inner-detail .helmet-colletction * { font-size: 22px; line-height: 30px; }
    .helmet-inner-detail .helmet-series { padding: 20px 0 40px; }
    .helmet-inner-detail .helmet-series * { letter-spacing: 0.82px; }
    /* Street Approved End */

    /* From Street Start */
    .from-street-banner { margin: -145px 0; }
    .from-street-container { flex-direction: column; }
    .from-street-container { margin: 40px auto 0; }
    .from-street-detail { max-width: 100%; margin: 0 auto; padding-top: 30px; padding-left: 0; text-align: center; }
    .from-street-detail .disc * { color: var(--dark); }
    /* From Street Start */

    /* Faq Start */
    .faq-wrp { padding: 160px 0 0; }
    .faq-main .heading { margin-bottom: 60px; }
    .common-accordion .accordion-item .accordion-button { font-size: 20px; }
    /* Faq End */

    /* Join The Family Start */
    .join-family { padding: 160px 0 40px; }
    .join-family-main .heading { margin-bottom: 60px; }
    .common-accordion .tag-title { text-align: center; margin-bottom: 40px; }
    .join-family-main .common-accordion .accordion-item .accordion-button { font-size: 26px; line-height: 36px; }
    .common-accordion .accordion-detail ul { margin-bottom: 30px; }
    /* Join The Family End */

    /* Press Start */
    .press-main .section-title * { font-size: 30px; letter-spacing: 2.6px; margin-bottom: 45px; }
    .press-item .detail * { font-size: 22px; }
    .press-item .detail {margin-top: 20px; margin-bottom: 20px; }
    .press-detail-content .section-title * { font-size: 36px; line-height: 42px; letter-spacing: normal; margin-top: 40px; margin-bottom: 20px; }
    .press-detail-content .detail { margin-bottom: 40px; }
    .press-detail-container .press-cover-image { height: 380px; }
    /* Press End */

    /* Size Guide Start */
    .fit-check { padding: 60px 0; }
    .fit-check-block { padding: 20px 60px 40px; gap: 20px; }
    .fit-check-block .title * { font-size: 30px; line-height: 40px; }
    .fit-check-block .action .btn { font-size: 22px; }
    .measure-size-block .block-title * { font-size: 26px; }
    .guide-main .section-title * { margin-bottom: 40px; }
    /* Size Guide End */
    
    /* From Street Start */
    .from-street-wrp { margin-top: 120px; }
    .from-street-wrp-main { max-width: 490px; }
    .from-street-wrp-main .title * { font-size: 40px; line-height: 50px; }
    .street-movement-image .section-title * { font-size: 34px; line-height: 44px; }
    .authencity .logo { height: 180px; }
    /* From Street End */
    
    /* Accessories Start */
    .product-detail { padding: 136px 0 40px; }
    .product-detail-content .btn { padding: 8px 10px; }
    .more-riders-product { padding-bottom: 40px; }
    .series { padding: 40px 0; }
    .series .series-main .disc * { margin-bottom: 40px; }
    .series .series-main .tag-title * { margin-bottom: 20px; }
    /* Accessories End */
   
    /* typography css start  */
	.typography-wrp { padding: 160px 0 40px; }
	/* typography css end */

	/* contact css start */
	.contact-wrp { padding: 160px 0 0; }
	/* contact css end*/

    /* About Banner CSS Start */
	.about-banner { padding: 180px 0 60px; }
	.about-banner-wrp .main-title {margin-bottom: 65px;}
	.passion-img-block .passion-img { height: 320px; }
	/* About Banner CSS End */

	/* Grind-Glory CSS Start */
	.grind-glory { padding: 60px 0 60px; }
	.grind-glory-wrp .heading .section-title * { font-size: 28px; line-height: 34px; letter-spacing: 1.4px; margin-bottom: 25px; }
	.grind-glory-wrp .heading { margin: 0 auto 25px; }
	.grind-glory-inner .grind-glory-block .block-title { width: 100%; max-width: 440px; }
	.grind-glory-inner .grind-glory-block .block-title * {font-size: 28px; line-height: 34px; letter-spacing: 1.4px; margin-bottom: 30px;}
	.grind-glory-inner .grind-glory-block .disc * {margin-bottom: 30px;}
	/* Grind-Glory CSS End */

	/* Promise CSS Start */
	.promise {padding-bottom: 60px;}
	.promise-wrp .logo { max-width: 180px; margin: 0px auto 30px; }
	.promise-wrp .promise-title * { font-size: 32px; line-height: 34px; margin-bottom: 30px; letter-spacing: 1.3px;  }
	.promise-wrp .promise-content .section-title * { font-size: 28px; line-height: 34px; letter-spacing: 1.4px; margin-bottom: 30px; }
	/* Promise CSS End */

	/* Collection CSS Start */
	.collection { padding: 132px 0 60px;}
	.collection-top-content { max-width: 550px; margin: 0 auto 40px; }
	.collection-top-content .title * {margin-bottom: 30px; }
	.collection-top-content .disc { margin-bottom: 20px;  }
	.collection-inner .helmet-inner-detail .helmet-name-logo { max-width: 220px; }
	.collection-inner .collection-img .helmet-inner-detail { max-width: 400px; padding: 50px 34px; position: relative; z-index: 1;  }
	.collection-inner .helmet-inner-detail .helmet-series { padding: 15px 0; }
	.collection-inner .collection-contnet { max-width: 550px; padding: 35px 0;}
    .collection-inner:last-child .collection-contnet { padding: 35px 0 0; }
	.collection-inner .collection-contnet .title * { margin-bottom: 25px; }
	.collection-inner.dark .helmet-inner-detail .helmet-colletction * {margin-bottom: 15px;}
	.collection-inner.dark .helmet-inner-detail .helmet-series { padding: 0 0 20px; } 
	.collection-inner .collection-img .logo-container {gap: 15px; flex-direction: column;}
	.collection-inner .collection-img .logo-container .helmet-name-logo.glaive {max-width: 72px;}
	.collection-inner .collection-img .logo-container .helmet-name-logo.glade {max-width: 112px;}
	.collection-inner .collection-img .logo-container .helmet-name-logo.gennex {max-width: 120px;}
	.collection-inner .collection-img .helmet-detail .helmet-inner-detail {position: relative;}
	.collection-inner.dark .collection-img {position: relative;}
	.collection-inner.dark .collection-img::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 1;}
	.collection-inner.dark .helmet-inner-detail .helmet-name-logo { filter: brightness(1) invert(1); -webkit-filter: brightness(1) invert(1); }
	.collection-inner.dark .helmet-inner-detail .helmet-series *,
	.collection-inner.dark .helmet-inner-detail .helmet-colletction * {color: var(--white);}
	.collection-inner.dark .helmet-detail::before {opacity: 0 !important;}
	.collection-inner .collection-img .helmet-detail .helmet-inner-detail .btn {color: var(--white); border-color: var(--white);} 
	.collection-inner .collection-img .helmet-detail .helmet-inner-detail .btn:hover {color: var(--black); background: var(--white); border-color: transparent} 
	/* Collection CSS End */

    /* Helmet Detail Page Start */
    .unapologetic .unapologetic-top .section-title * { font-size: 34px; }
    .unapologetic .unapologetic-top .detail * { font-size: 16px; }
    .unapologetic .main-title { padding: 40px 0; }
    .unapologetic .main-title * { font-size: 55px; line-height: 60px; } 
    .unapologetic .main-title:before { top: -135px; right: 28%; height: 180px; }
    .unapologetic .main-title::after { bottom: -140px; left: 20%; height: 180px; }
    .helmet-images .image { max-width: 140px; }
    .cool-comfort .logo-container { justify-content: center; }
    .street-presence-container .cool-comfort { text-align: center; max-width: 100%; }
    .cool-comfort .disc { margin-top: 20px; }
    .helmet-accossories .product-image-container { margin-top: -60px; }
    .helmet-accossories .product-image-container .product-images .image { height: 160px; }
    .visor-lock-image { height: 360px; }
    .visor-main .visor-block { padding: 20px; }
    .visor-main .visor-content .title * { margin-bottom: 20px; font-size: 20px; letter-spacing: 0.97px; }
    .ducktail-helmet { max-width: 210px; }
    .ducktail-image-container .gracshaw-logo { max-width: 120px; margin-bottom: 10px; }
    .duckgail-container .ducktail-block .detail * { font-size: 20px; line-height: 22px; letter-spacing: 0.13px; }
    .duckgail-container .ducktail-block .detail strong { font-size: 16px; letter-spacing: 0.01px; }
    .ducktail-item .ducktail-glass-image { margin-top: -65px; }
    .ducktail-bg { height: 280px; }
    /* Helmet Detail Page End */

    /* Footer Start  */
	.footer-wrp .f-right ul { gap: 40px; }
	.footer-wrp .f-top .f-left .f-title * { font-size: 26px; line-height: 100%; }
	.f-menu-container .f-menu { margin: 0 20px 0 0;}
	.footer .f-bottom {flex-direction: column; align-items: flex-start;}
	.footer .f-bottom .f-bottom-img {max-width: 62px;}
	.footer .f-bottom .f-bottom-img {margin-right: 20px;}
	.footer .f-bottom .f-social {margin-top: 30px;}
	/* Footer End */
}

/* ==================== [ 767px ] ==================== */
@media (max-width: 767px) {

    :root { 
        --h1-fs: 34px; 
        --h1-lh: 40px; 
       
	    --h3-fs: 26px;
	    --h3-lh: 34px;
    
	    --h4-fs: 20px;
	    --h4-lh: 26px;
    }

    .btn { font-size: 16px; line-height: 20px; padding: 6px 18px }
    .main-title { font-size: 50px; line-height: 60px; margin-bottom: 20px; }
    .tag-title { font-size: 26px; line-height: 34px; }

    /* Home Banner Start */
    .home-banner-block .action a:hover { border: 1px solid var(--black) !important; color: var(--black) !important; background-color: var(--white) !important; }
    .home-banner-main .swiper-pagination .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.4); }
    .home-banner-main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--white); }
    /* Home Banner End */

    /* Riders Start */
    .riders-main .section-title * { letter-spacing: 1px; }
    .riders::before { height: 32%; }
    /* Riders End */

    /* The Road Start */
    .the-road { padding-top: 40px; padding-bottom: 40px; }
    .the-road-content { flex-direction: column; align-items: center; text-align: center; }
    .the-road-content .title * {  text-align: center; }
    .the-road-content .helmet-img { max-width: 220px; margin: 20px 0; }
    /* The Road End */

    /* Street Approved Start */
    .street-approved-main .street-approved-top { flex-direction: column-reverse; align-items: center; text-align: center; }
    .street-approved-main .street-approved-top .heading .title * { font-size: 26px; margin-top: 20px; margin-bottom: 20px; }
    .street-approved-bottom .brand-logo { margin: 40px 0; }
    .street-approved-content .title * { font-size: 24px; line-height: 30px; margin-bottom: 20px; }
    .street-approved-content { margin: 50px auto 20px; }
    .helmet-item .helmet-name * { font-size: 20px; line-height: 28px; letter-spacing: 0.24px; margin-top: 20px; }
    .helmet-inner-detail .helmet-colletction * { font-size: 20px; line-height: 28px; margin-bottom: 20px; }
    .helmet-detail .helmet-inner-detail { padding: 40px 20px; max-width: 290px; }
    .helmet-name-logo { max-width: 220px; margin: 0 auto; }
    /* Street Approved End */

    /* From Street Start */
    .from-street-banner { height: 520px; margin: -145px 0 -130px; }
    /* From Street End */

    /* Join Us Start */
    .join-us { padding: 40px 0; }
    .join-us-wrp .section-title * { font-size: 22px; }
    /* Join Us End */

    /* Join The Family Start */
    .join-family-main .common-accordion .accordion-item .accordion-button { font-size: 24px; line-height: 34px; }
    .join-family-main .common-accordion .accordion-body { padding: 18px 0 30px; }
    .common-accordion .accordion-item .accordion-button { font-size: 18px; line-height: 24px; letter-spacing: normal; }
    /* Join The Family End */

    /* Press Start */
    .press { padding: 160px 0 40px; }
    /* Press End */
    
    /* Press Detail Start */
    .press-detail { padding: 140px 0 40px; }
    .press-detail-content .section-title * { font-size: 34px; line-height: 40px; letter-spacing: normal; }
    .press-detail-container .press-cover-image { height: 320px; }
    /* Press Detail End */

    /* Size Guide Start */
    .fit-check { padding: 40px 0; }
    .fit-check-block { padding: 20px; }
    .fit-check-block .action .btn { font-size: 20px; }
    .fit-check-block .title * { font-size: 28px; line-height: 38px; }
    /* Size Guide End */

    /* From Street Start */
    .from-street-wrp-main { padding: 40px 0; text-align: center; margin-left: auto; }
    .from-street-wrp-main .title * { font-size: 38px; line-height: 48px; }
    .street-movement-main .heading .tag-title * { margin-bottom: 20px; }
    .street-movement-image { margin: 40px auto; }
    .street-movement-image .section-title * { font-size: 32px; line-height: 40px; }
    .authencity { padding: 40px 0; }
    .authencity .logo { height: 140px; }
    .authencity-image .image { height: 540px; }
    /* From Street End */

    /* Helmet Start */
    .riders-helmet-block .row { row-gap: 50px; }
    .riders.riders-helmet { padding: 140px 0 40px; }
    .product-image-container .product-main-image { max-width: 300px; height: 220px; }
    .helmet-accossories .product-image-container .product-images .image { height: 130px !important; }
    .riders-helmet .productSwiper .helmet-image { max-width: 240px; height: 220px; }
    .riders-main .nav-tabs { justify-content: flex-start; width: fit-content; max-width: 100%; overflow-x: scroll; flex-wrap: nowrap;         overflow-y: hidden; padding-bottom: 8px; }
    .riders-main .nav-tabs .nav-link { white-space: nowrap; }
    /* Helmet End */

    /* Accessories Start */
    .product-detail-main > .row  { flex-direction: column-reverse; }
    .product-detail-content .common-accordion .accordion-body { text-align: left; }
    .product-detail-content .title * { font-size: 32px; line-height: 34px; }
    .product-detail-main .breadcrumb { justify-content: center; }
    .product-image-container { margin-right: auto; }
    .product-detail-main .product-detail-content { max-width: 100%; margin: 0 auto; text-align: center; }
    .product-detail-content .nav-tabs { justify-content: center; margin-top: 30px; }
    .product-detail-content .available .action { justify-content: center; }
    .product-detail-content .shopping-btn { justify-content: center; }
    .product-image-container .product-images { margin-top: 40px; }
    .product-detail-main .breadcrumb { margin-bottom: 20px; }
    /* Accessories End */

    /* typography css start  */
	.typography-wrp .heading { padding-bottom: 30px; }
	.typography-wrp { padding: 140px 0 40px; }
	/* typography css end */

	/* contact css Start */
	.contact-wrp { padding: 140px 0 0; }
	.contact-wrp .heading .main-title * {margin-bottom: 25px;}
	.contact-wrp .contact-form .form-row {margin-bottom: 20px; gap: 20px; flex-direction: column;}
	.contact-wrp .contact-form .contact-main { flex-direction: column; }
	.contact-wrp .contact-form .form-group textarea.form-control {min-height: auto;}
	.contact-wrp .contact-form .submit-btn { width: 100%; padding: 8px; font-size: 18px;}
	/* contact css End */

    /* About Banner CSS Start */
	.about-banner { padding: 140px 0 45px; }
	.about-banner-wrp .main-title {margin-bottom: 35px;}
	.about-banner-content .block-title * { font-size: 20px; letter-spacing: 0.33px; line-height: 30px; margin-bottom: 20px;	 }
	.passion-img-block .passion-img { height: 320px; }
	/* About Banner CSS End */

	/* Grind-Glory CSS Start */
	.grind-glory { padding: 45px 0px 45px; }
	.grind-glory-wrp .heading .section-title * { font-size: 24px; line-height: 30px; letter-spacing: 1px; margin-bottom: 20px; }
	.grind-glory-block .grind-glory-content {padding: 30px 20px 30px; }
	.grind-glory-inner .grind-glory-block .block-title * {font-size: 24px; line-height: 30px; letter-spacing: 1px; margin-bottom: 20px;}
	.grind-glory-inner .grind-glory-block .disc * { margin-bottom: 20px; }
	.grind-glory-inner .grind-glory-block .proudly-img { max-width: 140px; height: 42px;}	
	/* Grind-Glory CSS End */

	/* Promise CSS Start */
	.promise {padding-bottom: 45px;}
	.promise-wrp .promise-title * { font-size: 26px; line-height: 30px; letter-spacing: 0.3px; }
	.promise-wrp .logo { max-width: 130px; margin-bottom: 30px;}
	.promise-wrp .promise-content .section-title * { font-size: 24px; line-height: 30px; letter-spacing: 1px; margin-bottom: 20px; }
	/* Promise CSS End */

	/* Collection CSS Start */
	.collection { padding: 120px 0 45px;}
	.collection-top-content .title * { margin-bottom: 20px; }
	.collection-top-content {margin-bottom: 20px;}
	.collection-inner .collection-img .helmet-inner-detail { max-width: 100%; padding: 40px 20px;  }
	.collection-inner .collection-contnet .title * { margin-bottom: 20px; }
	.collection-inner .collection-contnet .disc { margin: 0 auto 20px; }
	.collection-inner.dark .helmet-inner-detail .helmet-name-logo {max-width: 60px; margin: 0 auto 20px; filter: brightness(0) invert(1);}
	.collection-inner.dark .helmet-inner-detail .helmet-series *,
	.collection-inner.dark .helmet-inner-detail .helmet-colletction * {color: var(--white);}
	.collection-inner.dark .helmet-inner-detail .action .btn.btn-black-border { color: var(--white); border: 1px solid var(--white); }
	.collection-inner.dark .helmet-inner-detail .action .btn.btn-black-border:hover {border: 1px solid transparent;}
	/* Collection CSS End */

    /* Helmet Detail Page Start */
    .unapologetic .unapologetic-top { gap: 30px; }
    .unapologetic .main-title * { font-size: 40px; line-height: 48px; }
    .unapologetic .unapologetic-top .section-title * { font-size: 28px; }
    .unapologetic .main-title:before { display: none; }
    .unapologetic .main-title:after { display: none; }
    .unapologetic .main-title { padding: 20px 0; }
    .glaive-main .glaive-helmet { height: 310px; }
    .glaive-main .glaive-content { text-align: center; }
    .glaive-block .detail {margin: 0 auto; }
    .glaive-brand-logo { justify-content: center; }
    .helmet-accossories .product-image-container { margin-top: 0; }
    .helmet-accossories .product-image-container .product-images { justify-content: center; }
    /* .product-detail-main .product-image-container .row { width: 100%; } */
    .helmet-accossories .product-detail-content .disc { margin: 40px auto 0; }
    /* .helmet-accossories .product-detail-main .row { flex-direction: row; } */
    .street-presence { padding: 40px 0 240px; } 
    .street-presence-main .heading .disc { margin: 20px auto 30px; }
    .street-presence-block { flex-direction: column; }
    .street-presence-block .street-presence-item {margin: 0 auto 10px; }
    .visor-lock { margin-top : -210px; }
    .visor-lock-image { height: 320px; }
    .ducktail { padding: 80px 0 40px; }
    .duckgail-container { justify-content: center; gap: 0; flex-wrap: wrap; }
    .ducktail-item .ducktail-glass-image { margin-top: 0; }
    .ducktail-bg { height: auto; }
    .ducktail-helmet { left: 0; max-width: 150px; }
    .duckgail-container .ducktail-block .detail { margin: 0 auto; text-align: center; }
    .ducktail-item { width: 50%; justify-content: center; align-items: center; }
    .ducktail-image-container .gracshaw-logo { top: -25px; }
    .ducktail-item .ducktail-glass-image { max-width: 130px; }
    /* Helmet Detail Page End */

    /* Find Dealer Page Start */
    .find-dealer { padding: 120px 0 40px; }
    /* Find Dealer Page Start */

    /* Footer Start  */
	.footer { padding: 35px 0; }
	.footer-wrp .f-top {flex-direction: column; align-items: center; padding-bottom: 20px; border-bottom: 3px solid var(--dark);} 
	.footer-wrp .f-right ul {padding: 30px 0 0 0;}
	.f-menu-container { padding: 30px 0; }
	.f-menu-container .f-menu {width: 100%; max-width: 30%; margin: 0;}
	.f-menu-container {flex-wrap: wrap; justify-content: flex-start;}
	.footer .f-bottom .f-contact ul { margin-bottom: 12px; }
	.footer .f-bottom ul{justify-content: center;}
	.footer .f-bottom {align-items: center;}
	.footer-wrp .f-top .f-left {text-align: center;}
	.footer .f-bottom .f-text {flex-direction: column;}
	.footer .f-bottom .f-copy {text-align: center;}
	.footer .f-bottom .f-bottom-img {margin: 0 0 20px 0;}
	.footer .f-bottom .f-social { margin-top: 20px; }
    .f-menu-container .f-menu ul li:not(:last-child) { margin-bottom: 12px; }
	/* Footer End */

}

/* ==================== [ 575px ] ==================== */
@media (max-width: 575px) {

    :root { --h1-fs: 30px; --h1-lh: 40px; }
    .main-title { font-size: 40px; line-height: 50px; }

    /* Home Banner Start */
    .home-banner-image { width: 100%; height: 480px; }
    .home-banner::before { top: 140px; height: 70px; }
    /* Home Banner End */
    
    .riders-helmet-item .image { height: auto; }
    
    /* Street Approved Start */
    .helmet-detail { position: relative; z-index: 1; }
    .helmet-detail .helmet-inner-detail { padding: 35px 20px; margin-right: auto; }
    .helmet-detail::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: -1; } 
    /* Street Approved End */
    
    /* Join Us Start */
    .join-us-wrp .section-title * { font-size: 20px; }
    .join-us-wrp .heading { gap: 10px; }
    .join-us-wrp .heading .insta-id img { width: 20px; height: 20px; }
    .join-us-wrp .heading .insta-id a { font-size: 20px; line-height: 28px; }
    .join-us-wrp .heading .insta-id { gap: 8px; }
    /* Join Us End */

    /* Faq Start */
    .faq-main .heading { margin-bottom: 40px; }
    /* Faq End */

    /* Join The Family Start */
    .join-family-main .common-accordion .accordion-item .accordion-button { font-size: 20px; line-height: 32px; }
    /* Join The Family End */
    
    /* Size Guide Start */
    .guide-image { height: 380px; }
    .measure-size-block .block-title * { font-size: 24px; }
    .guide-image-container .guide-measure { padding: 45px 0 20px; }
    .guide-measure .title * { font-size: 9px; line-height: 10px; }
    /* Size Guide End */

    /* From Street Start */
    .from-street-wrp-main .title * { font-size: 28px; line-height: 32px; }
    .street-movement-image .section-title * { font-size: 26px; line-height: 32px; }
    .street-movement-image .image { height: 240px; }
    .street-movement-image .section-title { max-width: 420px; }
    .street-movement-image .section-title::before { top: -74px; right: 22%; bottom: -75px; height: 85px; }
    .street-movement-image .section-title::after { bottom: -75px; left: 22%; height: 85px; transform: rotate(50deg); -webkit-transform: rotate(50deg); -moz-transform: rotate(50deg); -ms-transform: rotate(50deg); -o-transform: rotate(50deg); }
    .authencity-image .image { height: 380px; }
    /* From Street End */

    /* Helmet Start */
    .riders-helmet-item { margin-bottom: 20px; }
    .riders-helmet-item .new-badge { top: -10px; left: 0; }
    .riders-helmet-item .helmet-thumb-slider { margin-bottom: 20px; }
    .helmet-thumb-slider .swiper-pagination { right: inherit; left: 0; text-align: left; bottom: -18px; }
    .helmet-thumb-slider .swiper-button-next { right: -20px; }
    .riders-helmet .productSwiper .helmet-image { height: auto; }
    /* Helmet End */

    /* Helmet Detail Start */
	.collection-inner .collection-img .logo-container { flex-direction: row; left: 0; bottom: 0; position: relative; }
    .unapologetic .unapologetic-top { flex-direction: column; justify-content: center; gap: 10px; margin: 0 auto; text-align: center; }
    .unapologetic .main-title * { font-size: 26px; line-height: 30px; letter-spacing: 1.11px; }
    .unapologetic-block { flex-direction: column; }
    .unapologetic-block .disc { text-align: center; }
    .glaive-main .glaive-helmet { height: 260px; }
    /* Helmet Detail End */

    /* Footer Start  */
	.footer { padding: 35px 0; }
	.footer-wrp .f-right ul { padding-top: 15px; flex-wrap: wrap; gap: 20px;}
	.footer-wrp .f-right ul li { width: 100%; max-width: 42%; margin: 0 auto; }
    .footer-wrp .f-right ul li a { margin: 0 auto; }
	.f-menu-container { padding: 20px 0; gap: 15px; }
	.f-menu-container .f-menu {max-width: 100%; margin: 0 auto; text-align: center;}
	.f-menu-container .f-menu .menu-title * {margin-bottom: 10px;}
	.footer .f-bottom .f-contact ul {flex-direction: column;}
	.footer .f-bottom .f-contact ul li::before {display: none;}
	.footer .f-bottom .f-bottom-img { margin: 0 0 10px 0; max-width: 42px; }
	.footer .f-bottom .f-copy ul { flex-direction: column; }
	.footer .f-bottom .f-copy ul li::before {display: none;}
	/* Footer End */
}

@media (max-width: 460px) {
    
    /* Helmet Start */
    .riders-helmet-item .helmet-thumb-slider { max-width: 100px; }
    /* Helmet End */
    
    .more-riders-product .riders-helmet-block .riders-helmet-item { max-width: 160px; }
    .duckgail-container { flex-direction: column; gap: 20px; }
}