@media only screen and (min-width: 1667px) {
    .body-section .sticky.stuck {
        margin-left: 16%;
    }
}

@media only screen and (max-width: 1846px) {
    .section.center .eight-col {
        width: 70%;
    }
    .body-section .sticky.stuck {
        margin-left: 16%;
    }
}
@media only screen and (max-width: 1782px) {
    .section.center .eight-col {
        width: 69%;
    }
    .body-section .sticky.stuck {
        margin-left: 14%;
    }
}
@media only screen and (max-width: 1723px) {
    .section.center .eight-col {
        width: 68%;
    }
}
@media only screen and (max-width: 1667px) {
    .section.center .eight-col {
        width: 67%;
    }
}
@media only screen and (max-width: 1616px) {
    .section.center {
        width: 70%;
    }
}

@media only screen and (max-width: 1500px) {
    .section.center {
        width: 75%;
    }
    .section.center .eight-col {
        width: 66%;
    }
    .body-section .sticky.stuck {
        margin-left: 14%;
    }
}

@media only screen and (max-width: 1400px) {
    .section.center {
        width: 80%;
    }
    .section.center .eight-col {
        width: 65%;
    }
}

@media only screen and (max-width: 1313px) {
    .section.center {
        width: 85%;
    }
    .section.center .eight-col {
        width: 64%;
    }
}

@media only screen and (max-width: 1236px) {
    .section.center {
        width: 90%;
    }
    .section.center .eight-col {
        width: 63%;
    }
}

@media only screen and (max-width: 1167px) {
    .section.center {
        width: 95%;
    }
    .section.center .eight-col {
        width: 62%;
    }
}

@media only screen and (max-width:1024px) {
    .body-home .center {
        width: 978px;
    }

    .bx-wrapper .bx-prev {
        left: 15px;
    }

    .bx-wrapper .bx-next {
        right: 15px;
    }

    .home-search-box {
        width: 304px;
    }

    .home-search-box p {
        font-size: 12px;
    }

    .body-home .latest-news ul li {
        width: 306px;
    }

    .body-home .testimonial {
        width: 474px;
    }
}

@media only screen and (max-width:600px), only screen and (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
    .desktop {
        display: none !important;
    }
    .mobile {
        display: block !important;
    }
    body {
        min-width: 0;
    }
    h1, .h1 {
        font-size: 1.37em;
    }
    h2 {
        font-size: 1.2em;
    }
    blockquote, p, ul {
        font-size: 12px;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    iframe,
    .issuuembed {
        max-width: 100% !important;
    }
    .center {
        width: 100% !important;
        padding: 0 16px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .section.center, .section.center .eight-col {
        width: 100%;
    }
    .one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col {
        width: 100%;
        margin: 0 0 10px;
        padding: 0;
        display: block;
        float: none;
        clear: both;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    ul.form2col {
        width: 100%;
    }
    .colend {
        margin-bottom: 0;
        padding: 0 0 10px;
    }
    .sidebar {
        position: static !important;
    }
    .wrap {
        margin: 0;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .button-section {
        padding: 0 12px;
        font-size: 0.62em;
    }
    .body-article .button-section {
        font-size: 0.85em;
    }
    .body-home .wrap {
        padding: 10px 0;
    }
    .header {
        height: 70px;
        padding: 0;
        line-height: 1;
    }
    .logo,
    .logo img {
        width: auto;
        height: 70px;
        margin: 0;
        display: inline-block;
    }

    .header-right-mobile {
        width: 113px;
        height: 70px;
        float: right;
        border-left: 1px solid #e24061;
    }

        .header-contact {
            width: 100%;
            height: 27px;
            border-bottom: 1px solid #e24061;
            font-size: 0.68em;
            font-weight: 500;
            line-height: 27px;
            text-align: center;
        }

            .header-contact a {
                margin: 0;
                padding: 0;
                border: none;
            }

        .mini-cart {
            width: 56px;
            height: 42px;
            float: left;
            border-right: 1px solid #e24061;
        }

            .mini-cart a {
                width: 56px;
                height: 42px;
                padding: 0;
                display: block;
                background-position: center center;
                text-align: left;
                text-indent: -9999px;
            }

            .mini-cart a:hover {
                -webkit-animation: none;
                animation: none;
            }

        .header-right-mobile .menu {
            width: 56px;
            height: 42px;
            float: left;
        }

    .h3-mobile {
        font-size: .830em;
    }

    .nav-mobile ul,
    .nav-mobile ul li {
        width: 100%;
        margin: 0;
    }
    .nav-mobile ul li {
        position: relative
    }
    .nav-mobile a.products {
        height: 40px;
        margin: 0;
        display: block;
        position: relative;
        z-index: 10;
        background: #333333;
        color: #fff;
        font-weight: 500;
        line-height: 40px;
        text-decoration: none;
        text-transform: uppercase;
        text-indent: 20px
    }
        .nav-mobile a.products:after {
            content: '+';
            position: absolute;
            top: 0;
            right: 20px;
            line-height: 40px;
            color: #fff;
            font-size: 1.65em;
            font-weight: normal;
        }
   .nav-mobile a.closed:after {
        content: '+';
        position: absolute;
        top: 0px;
        right: 20px;
        line-height: 40px;
        color: #565656;
        font-size: 1.65em;
        font-weight: normal;
    }
    .nav-mobile a.open:after {
        content: '-';
        position: absolute;
        top: -4px;
        right: 20px;
        line-height: 40px;
        color: #565656;
        font-size: 1.65em;
        font-weight: normal;
    }
    .nav-mobile ul li.level2 ul li a.closed:after, .nav-mobile ul li.level2 ul li a.open:after {
        content: "";
    }
    .nav-mobile a.open.products:after {
        color: #fff;
    }
    .nav-mobile ul.level2 {
        padding: 10px 8px 20px;
        display: none;
        position: absolute;
        top: 40px;
        left: 0;
        z-index: 99999;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #fff;
        --webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
        box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
    }
    .nav-mobile li.level2 {
        width: 50%;
        padding: 0 8px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .nav-mobile #nav-mobile-menu li.level2 {
        width: auto;
        display: block;
        float: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .nav-mobile #nav-mobile-menu li.level2, .nav-mobile li.level3 {
        padding: 0px;
        border-bottom: 1px solid #dcdcdc;
        font-size: 1em;
        font-weight: 700;
    }
    .nav-mobile li span {
        width: 100%;
        padding: 6px 0;
        display: block;
        color: #222220;
        font-weight: 700;
    }
    .nav-mobile ul.level3 {
        border-top: 1px solid #dcdcdc
    }
    .nav-mobile #nav-mobile-menu li.level2,
    .nav-mobile li.level3 {
        border-bottom: 1px solid #dcdcdc;
        font-size: 1em;
        font-weight: 700
    }
    .nav-mobile #nav-mobile-menu li ul li a {
        color: #fff;
    }
    .nav-mobile #nav-mobile-menu li ul {
        display: none;
        width: auto;
        padding: 0 10px;
        margin: 0 -10px;
    }
    .nav-mobile li.level2 a,
    .nav-mobile li.level3 a {
        width: auto;
        height: auto;
        padding: 3px 0;
        display: block;
        color: #565656;
        font-weight: 500;
        line-height: normal;
        text-decoration: none;
        text-transform: none
    }
    .nav-mobile #nav-mobile-menu li.level2 a, .nav-mobile li.level3 a {
        padding: 13px 10px;
    }
    .nav-mobile #nav-mobile-products li.level2 a, .nav-mobile #nav-mobile-products li.level3 a {
        padding: 6px 0;
    }
    .home-slider {
        height: auto
    }
    .home-slider ul.slides li.slide {
        height: 500px;
        position: relative;
        background-position: center top;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
    }
    .home-slider ul li img {
        position: static
    }
    .home-slider ul li .center {
        padding: 0 !important;
    }
    .home-slider ul li .caption {
        width: auto;
        padding: 20px;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #f8f6f3;
        text-align: left;
    }
    .home-slider ul li .caption-title {
        margin: 0 0 10px;
        color: #222220;
        font-size: 22px;
        text-align: left;
        -webkit-text-shadow: none;
        -moz-text-shadow: none;
        -ms-text-shadow: none;
        -o-text-shadow: none;
        text-shadow: none;
        line-height: 1.3;
    }
    .home-slider ul li p,
    .home-slider ul li .caption li {
        color: #222220;
        font-size: 13px;
        text-align: left;
        -webkit-text-shadow: none;
        -moz-text-shadow: none;
        -ms-text-shadow: none;
        -o-text-shadow: none;
        text-shadow: none;
    }

    .home-slider ul li .caption li  {

        background-image: url(../images/green-tick.png);
    }
    .home-content .cal-search,
    .home-content .collection,
    .home-content .latest-news,
    .home-content .right-image,
    .home-content .view-collection,
    .home-intro,
    .popular-calendars {
        width: auto;
        height: auto;
        margin: 0 0 10px;
        position: static;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .popular-calendars {
        margin: 0 5px;
        background: 0 0
    }
    .popular-calendars .h2 {
        width: auto;
        margin: 0 5px 10px
    }
    .popular-calendar {
        width: 50%;
        height: auto;
        margin: 0 0 10px;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .popular-calendar img {
        height: auto
    }
    .home-features {
        margin: 0 10px
    }
    .home-feature {
        width: 50%;
        height: 140px;
        margin: 0 0 10px;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .home-feature-1,
    .home-feature-3 {
        border-right: 5px solid #fff
    }
    .home-feature-2,
    .home-feature-4 {
        border-left: 5px solid #fff
    }
    .home-feature img {
        width: 100%;
        height: auto
    }
    .home-categories {
        margin: 0 0 20px;
        border: none;
    }
    .home-category {
        width: 100%;
        height: auto;
        border-bottom: 1px solid #fff;
        font-size: 1em;
    }
    .home-category br {
        display: none;
    }
    .home-category:after {
        right: 20px;
        bottom: 17px;
        left: auto;
    }

    .home-section {
        padding: 30px 0;
    }

    .home-intro-1 img,
    .home-intro-2 img {
        margin: 0;
        top: 0;
    }

    .body-home .testimonial {
        width: 100%;
    }

    .testimonial {
        margin: 50px 0 10px;
    }

    .testimonial h4 span {
        float: none;
    }

    .body-home .latest-news {
        padding-bottom: 0;
        overflow-y: auto;
    }

    .body-home .latest-news ul li {
        width: 100%;
        margin: 0 0 30px;
    }

        .body-home .latest-news ul li p {
            margin: 10px 0;
        }

    .right-box {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .social-share {
        padding-left: 0;
    }
    .collection,
    .view-collection {
        height: 35px;
        padding: 0 10px;
        display: block
    }
    .collection {
        background: #676d8f url(../images/collection-mobile.png) 0 0 no-repeat
    }
    .collection .h2,
    .view-collection .h2 {
        margin: 0;
        padding: 0;
        line-height: 35px
    }
    .cal-search li,
    .cal-search select {
        width: 100%
    }
    .breadcrumb {
        margin: 15px 0;
        font-size: 0.56em;
        line-height: 1.3em
    }
        .breadcrumb img {
            width: 4px;
        }
    .footer {
        height: auto;
        padding: 30px 0;
    }
    .footer .three-col {
        margin: 0;
    }
    .footer p, .footer ul {
        font-size: 0.68em;
    }
    .footer-social a {
        background-image: url(../images/social-footer-mobile.png);
        -webkit-background-size: 112px;
        background-size: 112px
    }
    .footer-logos {
        width: 100%;
    }
    .footer-logos img {
        width: auto;
        height: 45px;
        position: static;
        float: left;
        margin: 0 10px 10px 0
    }

    .logo-footer-square {
        width: 75px;
    }

    .similar-calendars {
        padding: 30px 0;
        border-top: 1px solid #dbdbd9;
    }
    .similar-calendars .center {
        margin: 0;
        border: none;
    }

    .col921 .section-adjust-more,
    .section-adjust {
        width: auto;
        margin: 0
    }
    .section-product {
        width: 50%;
        height: auto;
        margin: 0 0 35px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .section-product-thumbnail:hover img {
        opacity: 1;
    }

    .section-product .section-product-thumbnail:hover:after {
        display: none;
    }

    .section-product-list .section-product:nth-child(2n+1) {
        clear: both;
    }
    .section-adjust .odd {
        clear: left;
        border-right: 5px solid #fff
    }
    .section-adjust .even {
        border-left: 5px solid #fff
    }
    .promotional-section-header-enquiry,
    .promotional-section-header-content {
        width: auto;
    }
    .promotional-section-header-content {
        padding: 0;
    }
    .promotional-section-product {
        width: 50%;
        float: left;
        clear: none !important;
        text-align: center;
    }
    .promotional-section-product:nth-child(2n+1) {
        clear: both !important;
    }
    .promotional-section-product img {
        width: 95% !important;
    }

    .branded-pads-section-product {
        width: 100%;
    }

        .branded-pads-section-product a {
            opacity: 1;
            text-align: left;
        }

    .branded-pads-product-list .section-product {
        width: 50%;
    }

    .branded-pads-product-list .section-product.cl {
        clear: none !important;
    }
    
    .feature-box {
        margin: 0 0 20px;
        padding: 0 0 20px;
    }
    .feature-box a {
        text-decoration: none;
    }
    .section-product-thumbnail,
    .section-product-thumbnail img {
        width: 95%;
        height: auto;
        display: block
    }
    .popular-calendar:hover span,
    .section-product-thumbnail:hover span {
        display: none
    }
    .popular-calendar span,
    .section-product-thumbnail span {
        width: auto;
        height: 100%;
        right: 5px;
        left: 5px;
        line-height: 50px
    }
    .section-product-thumbnail span {
        width: 100%;
        right: 0;
        left: 0
    }
    .enquiry-product .button-dark {
        margin-bottom: 10px
    }
    .another-product a {
        margin-top: 100px;
        display: block;
        line-height: 30px;
    }
    .pages-container {
        margin: 10px 0 0
    }
    .body-product .col621 {
        border-bottom: 1px solid #878ca6
    }
    #tab1,
    #tab2,
    #tab3,
    .tab {
        display: block;
    }
    .tab .tab-show {
        padding: 0 16px;
        font-size: 14px;
    }
    .tab a span {
        display: none;
    }
    /*.tab-show {
        background: url(../images/tab-show-arrows.png) right 6px no-repeat;
        --webkit-background-size: 16px 58px;
        background-size: 16px 58px;
        color: #7c92ba;
        font-size: 1.25em;
        text-decoration: none
    }
    .tab-show:hover {
        color: #7c92ba
    }
    .tab .open {
        background: url(../images/tab-show-arrows.png) right -42px no-repeat
    }*/
    .tab-content {
        margin: 0;
        padding: 16px;
        display: none;
    }
        .tab-content a.button {
            height: auto;
            padding-top: 10px;
            padding-bottom: 10px;
            line-height: 1.7;
        }
    .product-cta {
        padding-left: 61px;
    }
    .product-cta-brochure {
        margin-top: 25px;
    }
    .product-cta-faq {
        margin-bottom: 20px;
    }
    .product-summary {
        width: 100%;
        clear: both
    }
    .contact-us-cta {
        height: auto;
        padding: 20px;
        line-height: 1.5;
    }
    .contact-us-cta a {
        margin: 0 !important;
    }
    ul.contact-form {
        padding: 16px;
    }

    ul.form li.gdpr {

    }
        
        ul.contact-form li.contact-form-requestBrochure label,
        ul.form li.gdpr label {
            float: none !important;
        }
        
        ul.contact-form li.contact-form-requestBrochure input,
        ul.form li.gdpr input {
            margin-right: 10px;
            margin-bottom: 15px;
            position: relative;
            top: 2px;
        }

    .col621 ul.form2col,
    .product-share {
        width: 100%
    }
    .col621 ul.form2col li,
    .col921 ul.form2col li {
        width: 100%;
        margin: 0 0 10px;
        display: block;
        float: left;
        clear: left
    }
    ul.form li {
        width: 100% !important;
        padding: 0 !important;
    }
    .form li input,
    .form li label,
    .form li select,
    .form li textarea,
    .form2col li input,
    .form2col li label,
    .form2col li select,
    .form2col li textarea {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .form li label,
    .form2col li label {
        margin: 0 0 10px
    }
    input.button,
    input[type=submit] {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }
    .enquiry-form {
        margin-bottom: 20px;
        padding: 16px;
    }
    .overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 200;
        background-color: rgba(72, 72, 117, .5)
    }
    .lightbox {
        width: auto;
        height: auto;
        margin: 0;
        padding: 35px 20px 20px;
        position: absolute;
        top: 10px;
        right: 10px;
        left: 10px;
        z-index: 300;
        background-color: #fff;
        border: 1px solid #404470;
        text-align: center
    }
    .bx-wrapper .bx-controls {
        display: none;
    }
    .body-product .bx-wrapper .bx-controls {
        display: block;
    }

    body.body-productpad .product-images-mobile-wrap {
        max-height: none;
    }

    /*.bx-wrapper {
        position: relative;
        margin: 0 auto;
        padding: 0;
        *zoom: 1;
        clear: both
    }
    .bx-wrapper li {
        text-align: center
    }
    .bx-wrapper img {
        max-width: 100%
    }
    .bx-wrapper .bx-viewport {
        padding: 0;
    }
    .col621 .bx-viewport ul {
        margin: 0;
        padding: 0
    }
    .col621 .bx-viewport ul li {
        padding: 0;
        background: 0 0
    }
    .bx-wrapper .bx-controls-auto,
    .bx-wrapper .bx-pager {
        position: absolute;
        bottom: -30px;
        width: 100%
    }
    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(images/bx_loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000
    }
    .bx-wrapper .bx-pager {
        width: 80px;
        position: absolute;
        left: 50%;
        bottom: 17px;
        margin: 0 0 0 -40px;
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: 700;
        color: #666
    }
    .bx-wrapper .bx-controls-auto .bx-controls-auto-item,
    .bx-wrapper .bx-pager .bx-pager-item {
        display: inline-block;
        *zoom: 1;
        *display: inline
    }
    .bx-wrapper .bx-pager.bx-default-pager a {
        width: 8px;
        height: 8px;
        margin: 0 1px;
        display: block;
        background: url(../images/slide-dots-mobile.png) no-repeat 0 0;
        --webkit-background-size: 16px;
        background-size: 16px;
        text-indent: -9999px;
        outline: 0
    }
    .bx-wrapper .bx-pager.bx-default-pager a.active,
    .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background: url(../images/slide-dots-mobile.png) no-repeat -8px 0;
        --webkit-background-size: 16px;
        background-size: 16px
    }
    .bx-wrapper .bx-prev {
        left: 110px;
        background: url(../images/slide-arrows-mobile.png) no-repeat 0 0;
        -webkit-background-size: 18px;
        background-size: 18px
    }
    .bx-wrapper .bx-next {
        right: 110px;
        background: url(../images/slide-arrows-mobile.png) no-repeat -9px 0;
        -webkit-background-size: 18px;
        background-size: 18px
    }
    .bx-wrapper .bx-prev:hover {
        background-position: 0 -14px
    }
    .bx-wrapper .bx-next:hover {
        background-position: -9px -14px
    }
    .bx-wrapper .bx-controls-direction a {
        width: 9px;
        height: 14px;
        position: absolute;
        bottom: 14px;
        margin-top: -16px;
        outline: 0;
        text-indent: -9999px;
        z-index: 9999
    }
    .bx-wrapper .bx-controls-direction a.disabled {
        display: none
    }
    .bx-wrapper .bx-controls-auto {
        text-align: center
    }
    .bx-wrapper .bx-controls-auto .bx-start {
        display: block;
        text-indent: -9999px;
        width: 10px;
        height: 11px;
        outline: 0;
        background: url(images/controls.png) -86px -11px no-repeat;
        margin: 0 3px
    }
    .bx-wrapper .bx-controls-auto .bx-start.active,
    .bx-wrapper .bx-controls-auto .bx-start:hover {
        background-position: -86px 0
    }
    .bx-wrapper .bx-controls-auto .bx-stop {
        display: block;
        text-indent: -9999px;
        width: 9px;
        height: 11px;
        outline: 0;
        background: url(images/controls.png) -86px -44px no-repeat;
        margin: 0 3px
    }
    .bx-wrapper .bx-controls-auto .bx-stop.active,
    .bx-wrapper .bx-controls-auto .bx-stop:hover {
        background-position: -86px -33px
    }
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%
    }
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px
    }
    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: rgba(80, 80, 80, .75);
        width: 100%
    }
    .bx-wrapper .bx-caption span {
        color: #fff;
        font-family: Arial;
        display: block;
        font-size: .85em;
        padding: 10px
    }*/
    .filter-modal {
        width: auto;
        margin: 0;
        padding: 20px;
        position: fixed;
        top: 20px;
        right: 20px;
        left: 20px;
        z-index: 999999;
        background: #fff;
    }
    .filter-modal a.button {
        width: auto;
        height: auto;
        margin-top: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 12px;
        line-height: 1.7;
    }

    .why-visible, .why-frequent, .why-green, .why-powerful, .why-targeted, .why-efficient {
        padding: 42px 0 0 !important;
        background-position: center 0 !important;
        text-align: center;
    }

    /* --------------------------------------------------------------------------*/
    /* LITHO CTAs */
    /* --------------------------------------------------------------------------*/

    .cta a {
        font-size: 14px;
    }

    .home-slider .mobile ul li a.button {

        display: block;
        width: 88px;
        margin-top: 10px;
    }


}