﻿

@media (min-width: 1704px) {
    .container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1704px;
    }
}

/* X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1703.98px) {
    :root {
        --fullmargin: 1133px;
        --fullmargin-extra: 1313px;
    }

    h1 {
        font-size: calc(90px * 0.8);
    }

    h2 {
        font-size: calc(80px * 0.8);
    }

    h3 {
        font-size: calc(60px * 0.8);
    }

    h4 {
        font-size: calc(50px * 0.8);
    }

    section.homeintro h2 {
        font-size: calc(90px * 0.8);
    }

    h2.collectionsTitle {
        font-size: calc(130px * 0.8);
    }

    .blogsection h1.heroheader {
        font-size: calc(330px * 0.8);
    }

    .expand-section h3 {
        font-size: calc(60px * 0.8);
    }
}


/* X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
    :root {
        --fullmargin: 1133px;
        --fullmargin-extra: 1132px;
    }

    h1 {
        font-size: calc(90px * 0.7);
    }

    h2 {
        font-size: calc(80px * 0.7);
    }

    h3 {
        font-size: calc(60px * 0.7);
    }

    h4 {
        font-size: calc(50px * 0.7);
    }
    section.homeintro h2 {
        font-size: calc(90px * 0.7);
    }
    h2.collectionsTitle {
        font-size: calc(130px * 0.7);
    }
    .macro_slidePanelWithImage h3 {
        font-size: 160px;
    }
    .blogsection h1.heroheader {
        font-size: calc(330px * 0.7);
    }
    .expand-section h3 {
        font-size: calc(60px * 0.7);
    }
    a.roundButton {
        padding: 20px 30px;
    }
    a.smallerRoundButton {
        padding: 10px 20px;
    }
    .macro_gallerySlider h3 {
        font-size: 90px;
    }
    .text-center.backbutton {
        top: 100px;
    }
    a.roundButton.smallbutton {
        padding: 12px 15px;
    }
    .template_range .productimage-hero h1 {
        font-size: 180px;
    }
    .product-grid .product-grid-item img{
        padding: 0 2px;
    }
    ul.filters li {
        padding: 9px 20px 7px 20px;
        line-height: 1em;
    }
    body .productimage-hero.longtitle h1 {
        font-size: 140px;
    }
    body .productimage-hero.verylongtitle h1 {
        font-size: 120px;
    }
}


/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    :root {
        --fullmargin: 936px;
        --fullmargin-extra: 952px;
    }
    .productimage-hero h1 {
        font-size: 150px;
    }
    body .productimage-hero.longtitle h1 {
        font-size: 130px;
    }

    body .productimage-hero.verylongtitle h1 {
        font-size: 110px;
    }
    .template_range .productimage-hero h1 {
        font-size: 160px;
        top: 230px;
    }
    .section.insetcontent {
        margin-top: -200px;
    }
}




/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    :root {
        --fullmargin: 696px;
        --fullmargin-extra: 711px;
        --vertical-padding: 80px;
    }

    h1 {
        font-size: 60px;
    }

    h2 {
        font-size: 50px;
    }

    h3 {
        font-size: 40px;
    }

    h4 {
        font-size: 30px;
    }

    h3.journaltitle {
        font-size: 50px;
    }

    header {
        padding-top: 18px;
        padding-bottom: 18px;
    }

        header #menu .container {
            height: 100vh;
            display: block;
            align-items: initial;
        }

    #menu .main {
        margin-left: 70px;
        font-size: 35px;
        margin-top: 80px;
    }

    #menu .sub.show {
        left: calc(100vw + 20px);
    }

    #menu .ancillary {
        /*position: relative;*/
        /*margin-top: 150px;*/
		margin-bottom: 60px;
        margin-left: 70px;
    }
	.ancillary ul li{
		display: inline-block;
		float: left;
		width: 50%;
	}
	.ancillary ul{
		width: 100%;
	}


    #menu .main ul li:before {
        font-size: 12px;
        top: -17px;
    }

    #menu .main {
        line-height: 1.2em;
    }

        #menu .main.active {
            margin-left: -100%;
        }

    #menu .sub ul {
        transition: margin 0.6s ease-in-out;
    }

    #menu .sub.show.tertiaryopened {
        left: calc(0vw + 20px);
    }

    #menu .sub ul li.active ul {
        display: block;
    }

    #menu .sub ul li ul {
        right: initial;
        /*left :100%;*/
        right: -100%;
    }

    .sub_back, .tertiary_back {
        display: block;
        position: absolute;
        top: -60px;
        left: -40px;
        text-transform: capitalize;
        font-size: 16px;
        color: var(--white);
        font-family: "SuisseIntl"
    }

    #menu .sub ul li a.tertiary_back {
        display: block;
        position: absolute;
        left: calc(100vw - 40px);
    }

    .sub_back:after, .tertiary_back:after {
        content: '';
        width: 15px;
        height: 15px;
        position: absolute;
        transform: rotate(45deg);
        border-bottom: 1px solid var(--white);
        border-left: 1px solid var(--white);
        left: -30px;
        top: 10px;
    }

    #carouselHolder {
        margin-top: 110px;
    }

        #carouselHolder h1 {
            font-size: 40px;
            margin-top: 20px;
        }

        #carouselHolder .slideno {
            font-size: 30px;
        }

        #carouselHolder.collectionSlider .slick-slide img {
            width: 100%;
            object-fit: cover;
            height: 30vh;
        }
        #carouselHolder.collectionSlider .slick-slide .rangeimage {
            width: 100%;
            height: 30vh;
        }

        #carouselHolder .ranges ul li {
            display: block;
            padding-bottom: 10px;
        }

        #carouselHolder .slick-slide {
            height: initial;
        }

        #carouselHolder.slickBigButtons .slick-prev,
        #carouselHolder.slickBigButtons .slick-next {
            top: 25px;
            left: 0px;
            border: none;
        }

        #carouselHolder.slickBigButtons .slick-next {
            left: initial;
            right: 0px;
        }

    section .homeintro h2 {
        font-size: 60px;
    }

    .paragraphTitle {
        font-size: 30px;
    }

    h2.collectionsTitle {
        font-size: 64px;
    }

    #collectionsCarouselHolder p {
        font-size: 30px;
    }

    .blogpost.col-4 {
        width: 100%;
        margin-bottom: var(--vertical-padding);
    }

    .heading {
        font-size: 40px;
    }

    .umb-grid .grid-section > div {
        margin-bottom: var(--vertical-padding);
    }

    .section.midsection {
        padding-top: var(--vertical-padding);
    }

    .section.grid-type .container,
    section.grid-type .container {
        margin-bottom: var(--vertical-padding);
    }

    section.collections-sliderholder {
        padding: 80px 0;
        margin-bottom: var(--vertical-padding);
    }
    section.products-sliderholder {
        padding: 80px 0;
        margin-bottom: var(--vertical-padding);
    }

    .slickArrowSlider .slick-dots li {
        display: none;
    }

    .slickDotSlider .slick-dots {
        background-color: transparent;
    }

    .slickArrowSlider .slick-dots::after {
        content: 'Swipe';
        width: 100%;
        display: inline-block;
        text-align: center;
        top: -10px;
        position: absolute;
        left: 40px;
        text-align: center;
    }

    .slickArrowSlider .slick-prev.slick-arrow {
        left: 0px;
        right: initial;
    }


    .cta-panel {
        padding-bottom: var(--vertical-padding);
        padding-top: 70px;
        margin-top: -70px;
    }

        .cta-panel .illustration {
            height: 200px;
            margin-left: -25px;
            margin-right: -24px;
        }
        .cta-panel h5 {
            font-size: 36px;
        }


    .blogpost h3 {
        font-size: 30px;
    }

    .blogpost {
        margin-bottom: var(--vertical-padding);
    }

    .template_blogpost section.title h1 {
        font-size: 60px;
        padding: 45px 20px;
    }

    .macro_slidePanelWithImage, .macro_fullBleedBackground {
        padding: 80px 0;
    }

    .blogsection h1.heroheader {
        font-size: calc(90px);
    }

    div.subtitle {
        font-size: 20px;
    }

    img.contact-image {
        position: relative;
        left: 0px;
        width: calc(100% + 56px);
        margin-left: -30px;
    }

    h1.heroheader, .template_contentpage h1.heroheader {
        margin-top: 200px;
        margin-bottom: var(--vertical-padding);
        font-size: 80px;
    }

    .productimage-hero h1 {
        font-size: 120px;
        /**/
        top: 250px;
    }

    body .productimage-hero.longtitle h1 {
        font-size: var(--vertical-padding);
    }

    body .productimage-hero.verylongtitle h1 {
        font-size: 80px;
    }

    .template_range .productimage-hero h1 {
        font-size: 180px;
        top: 160px;
    }

    .template_producttype .productimage-hero h1 {
        top: 210px;
    }

    .template_producttype .productimage-hero img {
        width: 90%;
        position: relative;
        z-index: 3;
        margin: 210px 5% 70px 5%;
    }

    .subHeading {
        font-size: 40px;
    }

    .macro_slidePanelWithNumbers .number {
        position: absolute;
        bottom: -183px;
        right: 0px;
        font-size: 340px;
    }

        .macro_slidePanelWithNumbers .number h4 {
            font-size: 340px;
        }



    section.homeintro {
        padding-bottom: var(--vertical-padding);
        padding-top: 150px;
    }

    .expand-section .expand-subtitle {
        font-size: 12px;
    }
    .expand-section h3 {
        font-size: calc(24px);
    }

    .expand-section > .row .plus {
        width: 47px;
        height: 47px;
        position: relative;
    }

        .expand-section > .row .plus:before {
            content: '';
            display: block;
            width: 47px;
            border-bottom: 1px solid var(--black);
            top: 50%;
            position: absolute;
            transition: all 0.3s ease-in-out;
        }

        .expand-section > .row .plus:after {
            content: '';
            display: block;
            height: 47px;
            border-left: 1px solid var(--black);
            left: 50%;
            position: absolute;
            transition: all 0.3s ease-in-out;
        }

    .expand-section > .row + .row {
        padding-top: 30px;
    }

    #offline_retailers {
        margin-top: 0px;
    }

    .retailers {
        margin-top: 0px;
    }

        .retailers p.retailername {
            font-size: 20px;
        }

    .largeLink, span.largeLink, a.largeLink {
        font-size: 30px;
    }


    .row-image-left .col-md-6 img,
    .row-image-right .col-md-5 img,
    .row-image-left-v2 .col-md-6 img,
    .row-image-right-v2 .col-md-5 img {
        margin-bottom: 50px;
    }

    .row-image-right .col-md-3.column {
        order: 2 !important;
    }

    footer {
        padding-top: var(--vertical-padding);
    }

        footer .footer_title {
            font-size: 40px;
            margin-bottom: 40px;
        }

            footer .footer_title > span {
                font-size: 14px;
            }

        footer .footer_socialtitle {
            margin-top: var(--vertical-padding);
            font-size: 20px;
        }

        footer .footer_tradeportal {
            margin-top: 15px;
            font-size: 18px;
        }

        footer .footer_socials > a {
            font-size: 13px;
            margin-right: 20px;
        }

        footer .logo {
            margin-top: var(--vertical-padding);
        }

        footer .legals a {
            margin-left: 0px;
            display: block;
        }

    .section.insetcontent {
        margin-top: -124px;
    }

    .template_collection .heroimageholder h1 {
        font-size: 120px;
        top: -79px;
    }

    .template_collection .mazeCollectionHeader {
        margin-top: 120px;
    }

    .template_collection .heroimageholder {
        margin-top: 100px;
    }

    .template_collection .heroimage {
        margin-bottom: 90px;
    }

    .row.row-70-30 > div:first-of-type img {
        margin-bottom: 40px;
    }

    .umb-grid .row.row-overlapping-left, .umb-grid .row.row-overlapping-right {
        margin-bottom: 0px;
    }

    .row-overlapping-right {
        flex-direction: column-reverse;
    }

        .row-overlapping-right img, .row-overlapping-left img {
            margin-bottom: 40px;
        }

    .template_collection .collectionsTitle {
        font-size: 60px;
    }

        .template_collection .collectionsTitle > div {
            transform: none;
            top: -20px;
            left: 0px;
            right: initial;
        }

    .template_products h1 {
        font-size: 30px;
    }

    .template_contact h1.heroheader {
        margin-top: 144px;
        font-size: 130px;
    }

     p.backbutton {
        position: absolute;
        top: 87px;
        width: 50%;
    }
    .template_product p.backbutton {
        top: 87px;
    }

    .row.row-side-by-side img {
        margin-bottom: 40px;
    }

    .row.row-left-image-w-text img {
        margin-bottom: 40px;
    }

    .row.row-right-image-w-text img {
        margin-bottom: 40px;
    }

    .row.row-left-image-w-text > .col-md-5 > div {
        margin-left: 0px;
        text-align: right;
    }

    .row.row-right-image-w-text > .col-md-6 > div {
        margin-left: 0px;
        text-align: right;
    }

    .row.clearfix.row-right-image-w-text {
        flex-direction: column-reverse;
    }

    .macro_fullBleedBackground {
        margin-top: -20px;
    }

    .filterholder {
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
        margin-bottom: 10px;
    }

    ul.filters {
        height: 38px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

        ul.filters, ul.filters li {
            margin-bottom: 10px;
        }

            ul.filters li.nomobile {
                display: none;
            }

            ul.filters li[data-type="2"] {
                display: none;
            }

    .product-section {
        padding: 50px 0;
    }

    .macro_slidePanelWithImage {
        padding: 85px 0 var(--vertical-padding) 0;
    }

        .macro_slidePanelWithImage .slidePanelWithImage {
            padding-top: 140px;
        }

        .macro_slidePanelWithImage h3 {
            font-size: 70px;
            text-align: left;
            position: absolute;
            margin-left: 0px;
            z-index: 3;
            opacity: 1;
        }
            .macro_slidePanelWithImage h3 + h3{ display: none; }

            .macro_slidePanelWithImage .slidePanelWithImage h4 {
                margin-top: 73px;
                font-size: 40px;
                margin-bottom: 30px;
            }

        .macro_slidePanelWithImage .slidePanelWithImage .slick-prev, .macro_slidePanelWithImage .slidePanelWithImage .slick-next {
            border: none;
        }

        .macro_slidePanelWithImage .slickArrowSlider .slick-prev.slick-arrow::after {
            content: 'Swipe';
            width: calc(100vw - 25px);
            position: absolute;
            display: block;
            left: 0px;
            bottom: 10px;
            font-size: 14px;
            height: 20px;
            color: var(--white);
        }

    .product-sections {
        margin-bottom: var(--vertical-padding);
    }

    .product-grid .product-grid-item {
        height: 180px;
        margin-bottom: 140px;
    }

        .product-grid .product-grid-item > div {
            opacity: 1;
            bottom: initial;
            top: 200px;
            left: 0px;
        }

        .product-grid .product-grid-item span {
            padding-bottom: 9px;
            display: block;
        }

        .product-grid .product-grid-item p {
            color: var(--charcoal);
        }
    .container.product-grid {
        margin-bottom: var(--vertical-padding);
    }

    .row .row-complimentary img {
        margin-bottom: 40px;
    }

    section.content-heading {
        padding-top: 190px;
        margin-bottom: 75px;
    }

    .row.row-inset-secondary img {
        margin-bottom: 40px;
    }

    .row.clearfix.row-4-wide > div {
        width: 50%;
    }

    .section.insetcontent img {
        margin-left: -25px;
        max-width: calc(100% + 50px) !important;
        width: 100%;
    }

    #menu .sub ul li:hover a:after {
        content: none;
    }

    .gallerySlidePanel .slick-slide img {
        height: 300px;
        max-height: 300px;
        object-fit: cover;
    }

    .template_range .gallerySlidePanel.range_productslider .slick-slide img {
        object-fit: contain;
    }

    .template_range .productimage-hero img {
        margin: 180px 15% 20px 15%;
    }


    #product_carousel {
        margin-bottom: 80px;
        min-height: 50vh;
    }

        #product_carousel img {
            height: 50vh;
            object-fit: contain;
            margin-top: 20px;
        }

    .product-colour {
        width: 73px;
        margin-right: 15px;
    }

        .product-colour > div {
            width: 63px;
            height: 63px;
            border: 2px solid white;
            margin: 0 auto;
        }
        .product-colour > p {
            font-size: 13px;
        }

    .template_range .gallerySlidePanel .slick-slide img {
        width: 100%;
        padding: 0 20px;
        height: 100%;
        max-height: 100%;
        height: 360px;
        object-fit: cover;
    }
    .macro_gallerySlider {
        padding: 75px 0 120px 0;
    }

    .template_range .gallerySlidePanel.range_productslider .slick-slide img {
        padding: 0px 20px 60px 0px;
    }
    .range_productslider .prod-item {
        height: 320px;
    }

    .colour-options[data-options="4"], .colour-options[data-options="6"] {
        width: 100%;
        display: flex;
    }

    .youmayalsolike {
        padding-bottom: 130px;
    }
    .rangelinks {
        margin-bottom: 170px;
    }
    #viewmore {
        margin-bottom: 50px;
    }
    .product-grid .product-grid-item > div, .range_productslider .prod-item > div {
        opacity: 1;
    }
    section.homeintro .pretitle {
        margin-bottom: 20px;
    }
    #collectionsCarouselHolder img, .template_collection #collectionsCarouselHolder img {
        width: 100%;
        height: 0px;
        object-fit: cover;
        padding-bottom: 70%;
        background-size: cover;
        background-position: center;
    }
    #collectionsCarouselHolder img {
        padding-bottom: 130%;
    }

        a.collections-sliderholder-allcollections,
        a.products-sliderholder-allcollections {
            display: none;
        }

    #collectionsCarouselHolder {
        margin-top: 40px;
    }

    /*****ANIMS******/
    section.hero h1 p, section.hero .hero-subtitle,
    .mze-fade-trigger .mze-fade-this, .mze-fade-trigger.mze-fade-this,
    .mze-fade-trigger .mze-fade-this.inset p,
    .umb-grid .col-md-12,
    .section .row,
    .homeintro .mze-fade-this em {
        opacity: 0;
        transform: translateY(40px);
        -webkit-transition: opacity 0.4s ease-in, transform 1s ease-in;
        -moz-transition: opacity 0.4s ease-in, transform 1s ease-in;
        -o-transition: opacity 0.4s ease-in, transform 1s ease-in;
        transition: opacity 0.4s ease-in, transform 1s ease-in;
    }
    .mobileonly {
        display: block;
    }
    .video-wrapper iframe {
        max-width: 100%;
        height: 100%;
    }
    .row-side-by-side .col-md-5.column {
        order: 2;
        margin-top: var(--vertical-padding);
    }
    .row-side-by-side .col-md-6 {
        margin-bottom: var(--vertical-padding);
    }
    .row-side-by-side .col-md-6 {
        order: 2;
        margin-top: var(--vertical-padding);
        margin-bottom: 0px;
    }
    .template_products .slick-slide img {
        height: 60vh;
    }
    .macro_slidePanelWithNumbers h3 {
        margin-bottom: 70px;
        font-size: 42px;
    }
    .row.clearfix.row-4-wide {
        margin-top: -80px;
    }
    .colour_preview{ display: none; }
    .colour_preview {
        display: block;
        position: absolute;
        width: 100%;
        top: -45px;
        padding-right: 4px;
    }
    .product-colour {
        margin-right: 11px;
    }
    .colour_preview .product-colour > div {
        width: 23px;
        height: 23px;
    }
    .product-grid .product-grid-item > div, .range_productslider .prod-item > div{
        width: 100%;
    }
    .slickArrowSlider .slick-dots {
        width: 100%;
    }
        .slickArrowSlider .slick-dots:after {
            left: 0px;
        }
    .slickArrowSlider .slick-next.slick-arrow {
        right: 0px;
    }
    .macro_gallerySlider .slick-slide .col-4 {
        margin: 0px;
        padding-right: 0px;
    }
    div[data-full-width-style="whitebuffinset"] .col-md-4.column {
        order: 2 !important;
    }
    div[data-full-width-style="whitebuffinset"] .col-md-4 + .col-md-8 img {
        transform: translate(0px, -50px);
        padding-left: 0px;
    }
    div[data-full-width-style="whitebuffinset"] {
        background-color: #efede9;
        margin-left: 0px;
        padding-left: 20px;
        padding-right: 20px;
        margin-right: 0px;
    }
    .video-wrapper iframe {
        width: 100%;
    }
    .row-image-left-v2 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .row-image-right-v2 {
        margin-left: 0px;
        margin-right: 0px;
    }
    div[data-full-width-style="whitebuffinset"] .row {     
        padding-left: 0px;
        padding-right: 0px;
    }
    #collectionsCarouselHolder p {
        font-size: 32px;
    }
    .video-wrapper {
        margin-bottom: 50px;
    }
    .product-section h4 {
        font-size: 24px;
    }
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    :root {
        --fullmargin: 516px;
        --fullmargin-extra: 531px;
    }

    .productimage-hero h1 {
        font-size: 80px;
        /**/
        top: 45%;
    }

    body .productimage-hero.longtitle h1 {
        font-size: 70px;
    }

    body .productimage-hero.verylongtitle h1 {
        font-size: 60px;
    }

    .template_range .productimage-hero h1 {
        font-size: 80px;
        top: 180px;
    }

    .section.insetcontent {
        margin-top: -120px;
    }

    .template_collection .heroimageholder h1 {
        font-size: 70px;
        top: -40px;
    }

    #menu .main {
        margin-left: 50px;
    }

    #menu .ancillary {
        margin-left: 50px;
        margin-top: 70px;
    }

    .section.insetcontent img {
        margin-left: -25px;
        max-width: calc(100% + 50px) !important;
        width: calc(100% + 50px) !important;
    }

    .row.row-left-image-w-text > .col-md-5 > div {
        margin-left: 0px;
    }

    .row.row-right-image-w-text > .col-md-6 > div {
        margin-right: 0px;
    }

    .macro_slidePanelWithNumbers h3:empty {
        display: none;
    }

    .macro_slidePanelWithNumbers .slick-list {
        padding: 115px 0px 200px 0px !important;
    }

    .macro_slidePanelWithNumbers .number h4 {
        font-size: 170px;
    }

    .template_range main .product-slider-secton .slick-slide .prod-item {
        border-right: 1px solid var(--lightgray);
    }

    .range_header_padding {
        margin-bottom: var(--vertical-padding);
    }

    .spacer {
        margin-bottom: 40px;
    }

    .youmayalsolike .col-6:first-of-type {
        width: 100%;
        margin-bottom: 30px;
    }

    .section .umb-grid .grid-section .row-4-wide img {
        width: 100% !important;
        margin-left: 0px;
        margin-bottom: 30px;
    }

    .section.bgimage-PalmRight {
        margin-top: -80px;
        padding-top: 80px;
    }
    a.losenge.prod-find-a-retailer-top{
        display: none;
    }
    .prod-find-a-retailer-bottom {
        display: block;
    }
    #collectionsCarouselHolder .slick-list.draggable{
        margin-right: 0px;
    }
}


/* X-Small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

    :root {
        --bs-gutter-x: 1.5rem;
        --fullmargin: 363px;
        --fullmargin-extra: 400px;
    }

    body {
        font-size: 14px;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 24px;
    }
    .productimage-hero h1 {
        font-size: 60px;
        /**/
        top: 232px;
    }
    body .productimage-hero.longtitle h1 {
        font-size: 50px;
    }
    body .productimage-hero.verylongtitle h1 {
        font-size: 40px;
    }
    .template_range .productimage-hero h1 {
        font-size: 75px;
        top: 176px;
    }

    section.homeintro h2 {
        font-size: 40px;
    }

    .template_range .macro_gallerySlider,
    .macro_gallerySlider,
    .macro_fullBleedBackground,
    .template_range .macro_fullBleedBackground,
    .macro_slidePanelWithImage, .macro_slidePanelWithNumbers {
        margin-left: calc(var(--bs-gutter-x, 0.75rem) * -1);
        margin-right: calc(var(--bs-gutter-x, 0.75rem) * -1);
    }
    .rangelinks h3 {
        font-size: 22px;
    }

    #product_carousel {
        min-height: auto;
        margin-top: 60px;
    }

        #product_carousel img {
            height: auto;
        }
}
