.Header {
        text-align: center;
        margin-bottom: 50px;
    }

    .Header h1,
    .Section02 h1,
    .Section03 h1,
    .Section04 h1 {

        line-height: 35px;
        font-family: ClarinsRegular;
        font-weight: 400;
        font-size: 40px;
        line-height: 50px;
        color: #000;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .Section01,
    .Section02 h1,
    .Section02,
    .Section03,
    .Section03 h1,
    .Section04 h1,
    .Section04 {
        margin-bottom: 50px;
    }

    .Section01 h2,
    .Section02 h2 {
        font-family: ClarinsRegular;
        font-weight: 400;
        font-size: 30px;
        line-height: 50px;
        color: #000;
        text-align: left;
        margin: 30px 0 0;
        padding: 0;
        text-align: center;
    }

    .Section02 h2 {
        margin-bottom: 30px;
    }

    .Section01 .text-content,
    .Section02 .text-content,
    .Section03 .text-content,
    .Section05 .text-content {
        font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 22px;
        color: #000;
        margin: 10px 0 0;
        padding: 0;
        text-align: center;
    }

    .Section01 .rewardText {
        margin-bottom: 30px;
    }

    .Section01 .customCta,
    .Section02 .customCta,
    .Section05 .customCta {
        font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 22px;
        color: #000;
        text-align: center;
    }

    .customCta.left {
        border-right: 1px solid rgba(239, 239, 239, 1);
    }

    .customCta.right {
        border-left: 1px solid rgba(239, 239, 239, 1);
    }

    .Section01 .customCta a,
    .Section02 .customCta a {
        display: inline-block;
        width: 50%;
        color: white;
        padding: 15px;
        background-color: black;
    }

    .Section05 a {
        display: inline-block;
        width: 20%;
        color: white;
        padding: 15px;
        background-color: black;
    }

    .Section02 .customCta {
        margin-top: 30px;
    }


    .PicBox {
        float: left !important;
        margin-bottom: 20px;
    }

    .PicBox span {
        display: inline-block;
    }

    .PicBox p.advantages {
        display: inline-block;
        font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 22px;
        color: #000;
        margin: 10px 0 0;
        padding: 0;
    }

    .ismobile {
        display: none;
    }


    .products-pagination.jcarousel-control-prev {
        background: none;
        border: none;
        background-image: url('content/online-reward-program/img/prev.png?$staticlink$');
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        box-shadow: unset !important;
        background-size: 50%;
    }

    .products-pagination.jcarousel-control-next {
        background: none;
        border: none;
        background-image: url('content/online-reward-program/img/next.png?$staticlink$');
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        box-shadow: unset !important;
        background-size: 50%;
    }


    .RedBox {
        background: #be0f34;
        height: 250px;
        width: 250px;
        position: relative;
    }

    .RedBox .text-content {
        position: absolute;
        top: 25%;
        left: 35%;
        color: white;
        font-size: 16px;
    }

    .Section05 .tag {
        margin: 0;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        line-height: 14px;
        position: relative;
        padding-bottom: 26px;
        padding-top: 10px;
        color: #be0f34;
        text-transform: uppercase;
    }

    .Section05 h2 {
        font-family: ClarinsRegular;
        font-weight: 400;
        font-size: 30px;
        line-height: 50px;
        color: #000;
        padding: 0;
        text-align: center;
        margin: 5px 0 5px 0;
    }

    /*
    SECTION 01 RESPONSIVE CSS
    */

    /* custom ipad pro */

    @media (min-width: 1024px) and (max-width: 1024px) {

        .Section01 .customCta a {

            width: 60%;
        }

    }


    /* Extra small devices (portrait phones, less than 576px) */

    @media (max-width: 575.98px) {

        .Header {
            margin-bottom: 10px;
        }

        .Header h1 {
            margin-top: 20px;
        }

        .customCta.left {
            border: none;
        }

        .customCta.right {
            border: none;
        }

        .customCta.left a {
            border-right: 1px solid white;
            width: 100%;
        }

        .customCta.right a {
            border-left: 1px solid white;
            width: 100%;
        }

    }

    /* (xs devices  320px) */

    @media (min-width: 320px) and (max-width: 320px) {
        .Header {
            margin-bottom: 10px;
        }

        .Header h1 {
            margin-top: 20px;
        }

        .customCta.left a {
            border-right: 1px solid white;
            width: 100%;
        }

        .customCta.right a {
            border-left: 1px solid white;
            width: 100%;
        }
    }

    /*
    /////////////////////////
    */


    /*
    SECTION 02 RESPONSIVE CSS
    */

    /* Extra large devices (large desktops, 1200px and up) */

    @media (min-width: 1200px) {
        .RedBox .text-content {
            font-size: 22px;
            top: 24%;
            left: 25%;
        }
    }

    /* Large devices (desktops, 992px and up) */

    @media (min-width: 992px) and (max-width: 1199.98px) {
        .RedBox {
            margin-top: 60px;
        }

        .RedBox .text-content {
            font-size: 22px;
            top: 24%;
            left: 25%;
        }
    }


    /* Medium devices (tablets, 768px and up) */

    @media (min-width: 768px) and (max-width: 991.98px) {

        .RedBox {
            margin: 10px auto;
        }

        .RedBox .text-content {
            font-size: 22px;
            top: 24%;
            left: 25%;
        }
    }


    /* Extra small devices (portrait phones, less than 576px) */

    @media (max-width: 575.98px) {

        .RedBox {
            margin: 10px auto;
        }

        .Section02 .blockLeft {
            width: 70%;
        }

        .Section02 .blockRight {
            width: 30%;
        }

        .Section02 .blockRight img {
            width: 90%;
            margin-top: 30px;
        }

        .Section02 .customCta a {
            width: 60%;

        }

        .RedBox .text-content {

            top: 24%;
            left: 25%;
            font-size: 22px;
        }




    }

    /* (xs devices  320px) */

    @media (min-width: 320px) and (max-width: 320px) {

        .RedBox {
            margin: 10px auto;
        }

        .Section02 .blockLeft {
            width: 70%;
        }

        .Section02 .blockRight {
            width: 30%;
        }

        .Section02 .blockRight img {
            width: 90%;
            margin-top: 30px;
        }

        .Section02 .customCta a {
            width: 60%;

        }

        .RedBox .text-content {

            top: 24%;
            left: 25%;
            font-size: 22px;
        }




    }


    /*
    /////////////////////////
    */



    /*
    SECTION 03 RESPONSIVE CSS
    */

    /* Medium devices (tablets, 768px and up) */

    @media (min-width: 768px) and (max-width: 991.98px) {
        .isdesktop {
            display: none;
        }

        .ismobile {
            display: block;
        }

        br.ismobile {
            display: none;
        }
    }



    /* Extra small devices (portrait phones, less than 576px) */

    @media (max-width: 575.98px) {

        .isdesktop {
            display: none;
        }

        .ismobile {
            display: block;
        }

        .PicBox {
            text-align: center !important;
        }


        /* .PicBox.one span {
            padding-left: 11px;
        }

        .PicBox.one .advantages {
            padding-left: 11px;
        }

         .PicBox.two span {
             padding-left: 12px;
         } 

        .PicBox.two .advantages {
            padding-left: 13px;
        }

        .PicBox.three span {
            padding-left: 17px;
        }

        .PicBox.three .advantages {
            padding-left: 3px;
        }

        .PicBox.four span {
            padding-left: 25px;
        }

        .PicBox.four .advantages {
            padding-left: 5px;
        }

        .PicBox.five span {
            padding-left: 15px;
        }

        .PicBox.five .advantages {
            padding-left: 5px;
        }

        .PicBox.six span {
            padding-left: 25px;
        } */

        /* .PicBox.six .advantages{
            padding-left: 5px;
        } */
        /* .PicBox .advantages span {
            padding-left: initial !important;
        } */
    }

    /* (xs devices  320px) */

    @media (min-width: 320px) and (max-width: 320px) {

        .isdesktop {
            display: none;
        }

        .ismobile {
            display: block;
        }

        .PicBox {
            text-align: center !important;
        }


        /* .PicBox.one span {
            padding-left: 11px;
        }

        .PicBox.one .advantages {
            padding-left: 11px;
        }

         .PicBox.two span {
             padding-left: 12px;
         } 

        .PicBox.two .advantages {
            padding-left: 13px;
        }

        .PicBox.three span {
            padding-left: 17px;
        }

        .PicBox.three .advantages {
            padding-left: 3px;
        }

        .PicBox.four span {
            padding-left: 25px;
        }

        .PicBox.four .advantages {
            padding-left: 5px;
        }

        .PicBox.five span {
            padding-left: 15px;
        }

        .PicBox.five .advantages {
            padding-left: 5px;
        }

        .PicBox.six span {
            padding-left: 25px;
        } */

        /* .PicBox.six .advantages{
            padding-left: 5px;
        } */
        /* .PicBox .advantages span {
            padding-left: initial !important;
        } */
    }



    /*
    /////////////////////////
    */

    /*
    SECTION 04 RESPONSIVE CSS
    */

    @media (min-width: 1024px) and (max-width: 1024px) {

        .products-pagination.jcarousel-control-prev,
        .products-pagination.jcarousel-control-next {
            display: none;
        }
    }

    /* Medium devices (tablets, 768px and up) */

    @media (min-width: 768px) and (max-width: 991.98px) {

        .products-pagination.jcarousel-control-prev,
        .products-pagination.jcarousel-control-next {
            display: none;
        }

    }


    /* Extra small devices (portrait phones, less than 576px) */

    @media (max-width: 575.98px) {

        div.Section04 h1 {
            margin-bottom: 10px !important;
        }

    }

    /* (xs devices  320px) */

    @media (min-width: 320px) and (max-width: 320px) {

        div.Section04 h1 {
            margin-bottom: 10px !important;
        }

    }



    /*
    /////////////////////////
    
    */

    /*
    SECTION 05 RESPONSIVE CSS
    */
    /* Extra small devices (portrait phones, less than 576px) */

    @media (max-width: 575.98px) {}

    /* (xs devices  320px) */

    @media (min-width: 320px) and (max-width: 320px) {}


    /*
    /////////////////////////
    
    */

    /*DTW Edits*/
    .col-6-desktop.col-6-tablet.col-3-mobile.PicBox.three, .five, .seven, .six {
    float: right!important;
}
.col-6-desktop.col-6-tablet.col-3-mobile.PicBox.three {
    position: relative;
    right: 16px;
}
.col-6-desktop.col-6-tablet.col-3-mobile.PicBox img{
    margin-right: 10px;
    position: relative;
    right: 13px;
    top:17px;
}
.col-6-desktop.col-6-tablet.col-3-mobile.PicBox.five img{top:9px;}
.col-6-desktop.col-6-tablet.col-3-mobile.PicBox.six img{top:8px;}
.col-6-desktop.col-6-tablet.col-3-mobile.PicBox.six.b img{top:25px;}
.col-6-desktop.col-6-tablet.col-3-mobile.PicBox.seven img{top:28px;}

.Section01 .text-content a{
display: inline-block;
    width: 50%;
    color: white;
    padding: 15px;
    background-color: black;
    margin: 20px;
}
.Section01 .col:nth-child(1) img{
    position: relative;
    left: 22%;

}
.Section01 .col:nth-child(1) h1{
    position: relative;
    left: 28%;
    font-family: ClarinsRegular;
}

.Section06 .col-6-desktop{
    width: 33.3%;
    text-align: center;
}
.Section06 h1{
    line-height: 35px;
    font-family: ClarinsRegular;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    color: #000;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-bottom: 60px;
}
.Section01{
    margin-top: 76px;
}

.Section07{
    text-align: center;
}
.Section07 .sect7-video {
    background-color: #be0f34;
    width: 1903px;
    position: relative;
    right: 327px;
    padding-top: 1px;
    top: 36px;
    margin-bottom: 80px;
}
.Section07 .sect7-video iframe.add-video {
    width: 47%;
    height: 459px;
    margin-bottom: 53px;
}
.Section07 h1{
    line-height: 35px;
    font-family: ClarinsRegular;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    color: #000;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-top: 53px;
}
.Section07 .sect7-video h1 {
    color: white;
    margin: 16px 0;
}
.Section07 h1:nth-child(2){
    margin-top: 60px;
}
.Section07 a {
    display: inline-block;
    width: 16%;
    color: white;
    padding: 15px;
    background-color: black;
}
.Section07 p{
    margin: 30px;
    font-size: 13px;
}
.Section02{
    margin-top: 30px;
}
.Section02 .col{
    text-align: center;
}
.Section02 .RedBox {
    background: #be0f34;
    height: 168px;
    width: 485px;
    position: relative;
    left: 11%;
    margin-top: 19px;
}
.Section02 .RedBox .text-content {
    top: 2%;
    left: 10%;
    width: 80%;
    font-family: ClarinsRegular;
    line-height: 36px;
}
.Section06 .col .col-gutter{
    font-size: 14px;
}

.seven p.advantages{
    position: relative;
    top: 21px;
}

#content-online-reward-program #Line-03 #Line-03-Box .Line-03-Box-Block p {
    min-height: 67px;
    font-size: 15px!important;

}

.Section08 a {
    display: inline-block;
    width: 16%;
    color: white;
    padding: 15px;
    background-color: black;
}
.Section08{
    text-align: center;
    margin-top: 60px;
}
/*Ipad Air 3 Landscape*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.col-6-desktop{
position: relative;
left: 10px;
}
.col-8-desktop {
    position: relative;
    left: 42px;
}
.Section03 .col-12-desktop .text-content{
    position: relative;
    left: 42px;
}
.Section01 .col:nth-child(1) img {
    left: 19%;
}
.Section01 .col:nth-child(1) h1 {
    left: 21%;
}
.Section07 .sect7-video {
    width: 1112px;
    position: relative;
    right: 0px;
}
.Section07 .sect7-video iframe.add-video {
    width: 73%;
}
.Section07 a {
    padding: 15px;
}
}

/*Ipad Air 3 Portrait*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
.Section03 .col-12-tablet {
    position: relative;
    left: 30px;
}
.Section01 .col:nth-child(1) img {
    left: 28%;
}
.Section01 .col:nth-child(1) h1 {
    left: 31%;
}
.Section07 h1 {
    font-size: 30px;
}
.Section07 .sect7-video {
    width: 834px;
    right: 0px;
}
.Section07 .sect7-video iframe.add-video {
    width: 91%;
    height: 427px;
}
.Section07 a {
    width: 24%;
}
.Section02 .RedBox {
    left: 0%;
    margin-bottom: 55px;
}
.Section01 .text-content a {
    width: 29%;
}
}
/*Iphone Portrait*/
@media screen and (max-width: 761px) {
.full-width .primary-content {
    width: 86%;
    right: 27px;
}
.Header img{
    width: 80%;
}
.customCta.left a {
    width: 73%;
}
.customCta.right a {
    width: 73%;
}
.Section03 .PicBox span {
    min-height: 42px;
    width: 148px;
}
.Section03 .col-6-desktop.col-6-tablet.col-3-mobile.PicBox.two, .three, .five {
    position: relative;
    left: 15px;
}
.Section03 .col-6-desktop.col-6-tablet.col-3-mobile.PicBox.six.b {
    position: relative;
    left: 15px;
}
.Section03 .col-6-desktop.col-6-tablet.col-3-mobile.PicBox.one, .four, .six, .seven, .eight {
    position: relative;
    right: 15px;
}
.col-6-desktop.col-6-tablet.col-3-mobile.PicBox img {
    right: 0px;
}
.col-6-desktop.col-6-tablet.col-3-mobile.PicBox.three img{
    position: relative;
    left: -12px;
}
.Section05 a {
    width: 24%;
}
.Section01 .col:nth-child(1) img {
    left: -9%;
}
.Section01 .col:nth-child(1) h1 {
    left: 3%;
}
.Section01 .text-content a {
    width: 76%;
}
.Section06 .col-6-desktop {
    display: contents;
}
.Section07 .sect7-video {
    width: 375px;
    right: 26px;
}
.Section07 .sect7-video iframe.add-video {
    width: 96%;
    height: 203px;
}
.Section07 a {
    width: 66%;
}
.Section02 .RedBox {
    height: 168px;
    width: 375px;
    left: -8%;
    margin-bottom: 45px;
}
.Section02 .RedBox .text-content {
    left: 5%;
    width: 90%;
}
}


@media screen and (max-width: 761px) {
    .Section07 .sect7-video{
        right: -22px;
    }
    .Section01 .col:nth-child(1) h1{
        left: 17%;   
    }
    .Section01 .col:nth-child(1) img{
        left: 5%;
    }

    .Section03 .col-6-desktop.col-6-tablet.col-3-mobile.PicBox.one, .four, .six, .seven, .eight{
        right: -7px;
    }
    .Section03 .col-6-desktop.col-6-tablet.col-3-mobile.PicBox.two, .three, .five{
        left: -2px;
    }
    .PicBox p.advantages{
        font-size: 12px;
    }
    .Section03 .col-6-desktop.col-6-tablet.col-3-mobile.PicBox.six.b{
        margin-top: 20px;
    }
    .Section01 .text-content, .Section02 .text-content, .Section03 .text-content, .Section05 .text-content{
        margin-left: 12px;
    }
}


@media screen and (max-width: 761px) {
    .Section01 .col:nth-child(1) h1{
        left: unset;
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    .Section01 .col:nth-child(1) img{
        left: auto;
    }
    .Section07 .sect7-video{
        right: auto;
    }
    .Section08 a{
        width: 23%;
    }

    .footerspecialmention{
        text-align: center!important;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
}