@charset "UTF-8";

.font-bold {
    font-family: "TTCommonsClassicW01DemiBold";
}

a:focus, button:focus {
    outline: none;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

p, ul li {
    font-family: "TTCommonsClassicW01Regular";
}

p, ul li, span, h3, h4 {
    color: inherit;
}

    p strong {
        font-family: "TTCommonsClassicW01DemiBold";
    }

p {
    font-size: 14px;
    line-height: 20px;
}

h2 {
    font-family: "RecoletaBold";
    color: inherit;
    font-size: 34px;
    line-height: 40px;
}

    h2.font-size {
        font-size: 52px;
        padding-top: 10px;
    }

.card-header h4 {
    font-size: 1.25rem;
}

em {
    font-style: italic;
}

a {
    color: inherit;
    cursor: pointer;
}

.btn:focus, .btn:focus-within, .btn:hover {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #00615E;
}

.ml-auto, .mx-auto {
    margin-left: auto !important;
}

body {
    color: #00615E;
    background-color: #fff;
    font-family: "TTCommonsClassicW01Regular";
    overflow-x: hidden !important;
}

.getcoupon-box:hover {
    color: #00615E;
    cursor: pointer;
}

:root {
    --grape: #522d6d;
    --white: #ffffff;
    --dark-aquamarine: #007167;
    --charcoal-grey: #414042;
    --beige: #dac79f;
    --grape-purple: #501a61;
    --greyish-brown: #515151;
    --sunflower-yellow: #ffd700;
    --grape-two: #522d6e;
    --animate-delay: 0.5s;
    --animate-duration: 0.5s;
}

.gray-color {
    color: #808080;
}

.btn-link {
    color: #fe7024;
    font-size: 18px;
}

    .btn-link:visited {
        color: #fe7024;
    }

    .btn-link:hover,
    .btn-link:focus {
        color: inherit;
        text-decoration: none;
    }

.white-color {
    color: #fff;
}

.btn-default,
.btn-default:visited, .btn-default:focus {
    font-weight: bold;
    border-radius: 30px;
    border: solid 1px #00615E;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "TTCommonsClassicW01Regular";
    text-align: center;
    line-height: 1;
    max-width: 320px;
    min-width: 223px;
    color: #00615E;
    padding: 8px 15px 8px;
    letter-spacing: 1.6px;
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    -o-transition: transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
}

@media screen and (min-width: 768px) {
    .btn-default,
    .btn-default:visited, .btn-default:focus {
        letter-spacing: 3.2px;
        padding: 12px 16px 8px;
    }
}

.btn-default:hover {
    /*transform: scale(1.1)!important;*/
    background: #00615E;
    color: #fff;
}

.font-nowrap {
    white-space: nowrap;
}

.font-50 {
    font-size: 50px;
}

.font-40 {
    font-size: 40px;
}

.font-34 {
    font-size: 34px;
    line-height: 40px;
}

.font-33 {
    font-size: 33px;
}

.font-23 {
    font-size: 23px;
}

.font-20 {
    font-size: 20px;
}

.font-18 {
    font-size: 18px;
}

.font-17 {
    font-size: 17px;
}

.font-16 {
    font-size: 16px;
}

.font-15 {
    font-size: 15px;
}

.font-14 {
    font-size: 14px;
    line-height: 17px;
}

.font-13 {
    font-size: 13px;
}

.font-12 {
    font-size: 12px;
}

.font-11 {
    font-size: 11px;
}

.font-10 {
    font-size: 10px;
}

.font-9 {
    font-size: 9px;
}

.gray-color {
    color: #808080;
}

.signPup {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 11;
    display: none;
}

    .signPup .signPup-box {
        position: relative;
        width: 500px;
        background: #E0F1E3 url(../img/img-500x300-popup-back.svg) left bottom 40px no-repeat;
        margin: auto;
        margin-top: 40px;
        padding: 30px 30px 120px 30px;
        border-radius: 25px;
        font-family: "TTCommonsClassicW01Medium";
        color: #1A7E61;
    }

        .signPup .signPup-box .sign-pup-close {
            position: absolute;
            right: 15px;
            top: 15px;
            width: 20px;
            cursor: pointer;
        }

            .signPup .signPup-box .sign-pup-close img {
                width: 100%;
            }

        .signPup .signPup-box p {
            text-align: center;
            font-size: 15px;
        }

        .signPup .signPup-box .sign-up-txt {
            font-family: "TTCommonsClassicW01Medium";
            color: #1A7E61;
            font-size: 30px;
            letter-spacing: 1px !important;
            text-align: center;
            margin-top: 15px;
            line-height: 1;
        }

    .signPup .mktoFormRow {
        padding: 0 15px;
    }

        .signPup .mktoFormRow .mktoFormCol, .signPup .mktoFormRow .mktoFieldWrap {
            width: 100% !important;
        }

        .signPup .mktoFormRow .signupinput input[type=text] {
            width: 100% !important;
            border-bottom: 1px solid #1A7E61;
            line-height: 28px;
        }

        .signPup .mktoFormRow .mktoOffset, .signPup .mktoFormRow .mktoGutter.mktoHasWidth {
            display: none;
        }

        .signPup .mktoFormRow .LblEmail {
            font-family: "TTCommonsClassicW01Medium";
            font-size: 15px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .signPup .mktoFormRow label {
            font-family: "TTCommonsClassicW01Medium";
            color: #1A7E61;
            width: 100% !important;
        }

        .signPup .mktoFormRow p {
            font-family: "TTCommonsClassicW01Regular";
            color: #1A7E61;
        }

            .signPup .mktoFormRow p a {
                color: inherit;
                text-decoration: underline;
            }

        .signPup .mktoFormRow #LblbLVisionCareBioTrueOptin {
            float: right;
            width: 88% !important;
            font-family: "TTCommonsClassicW01Medium";
            font-size: 20px;
            line-height: 25px !important;
        }

        .signPup .mktoFormRow .mktoLogicalField.mktoCheckboxList {
            width: 12% !important;
            margin-top: 10px;
        }

            .signPup .mktoFormRow .mktoLogicalField.mktoCheckboxList input[type=checkbox] {
                border: 1px solid #1A7E61;
                padding: 5px;
                width: 2em;
                height: 2em;
            }

            .signPup .mktoFormRow .mktoLogicalField.mktoCheckboxList #LblbLVisionCareBioTrueOptin {
                float: none;
                font-size: inherit;
                border: 2px solid #1A7E61;
                padding: 5px;
                width: 2.05em !important;
                height: 2em;
                margin: 0;
                border-radius: 5px;
            }

        .signPup .mktoFormRow input[type=checkbox]:checked + label:before {
            margin-left: -1.3em;
            font-size: 1.2em;
            color: #1A7E61;
            font-weight: bold;
        }

    .signPup button.mktoButton {
        margin-top: 30px !important;
        border-radius: 30px;
        border: solid 1px #00615E !important;
        background-color: #00615E !important;
        text-transform: uppercase !important;
        transition: all 0.2s ease-in-out !important;
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
        font-size: 16px !important;
        font-family: "TTCommonsClassicW01Medium" !important;
        text-align: center !important;
        line-height: 1 !important;
        min-width: 200px !important;
        -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16) !important;
        box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16) !important;
        color: #fff !important;
        padding: 12px 35px 11px !important;
        background-image: none !important;
        letter-spacing: 2px;
    }

/*.mktoleftspace {
    margin-left: 120px;
}

.mktoleftspacecouponbutton {
    margin-left: 120px;
}*/

.couponPup {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 11;
    display: none;
}

    .couponPup .couponPup-box {
        position: relative;
        width: 500px;
        background: #E0F1E3 url(../img/img-500x300-popup-back.svg) left bottom 40px no-repeat;
        margin: auto;
        margin-top: 40px;
        padding: 0 0 120px 0;
        border-radius: 25px;
        font-family: "TTCommonsClassicW01Medium";
        color: #1A7E61;
    }

        .couponPup .couponPup-box .couponPup-close {
            position: absolute;
            right: 30px;
            top: 20px;
            width: 20px;
            cursor: pointer;
            z-index: 1;
        }

            .couponPup .couponPup-box .couponPup-close img {
                width: 100%;
            }

        .couponPup .couponPup-box p {
            text-align: center;
            background: #fff;
            border-radius: 25px 25px 0 0;
            padding: 30px 0 0;
            position: relative;
            font-size: 15px;
        }

            .couponPup .couponPup-box p:after {
                width: 100%;
                height: 20px;
                position: absolute;
                content: "";
                bottom: -19px;
                background: #fff;
                left: 0;
            }

        .couponPup .couponPup-box h3 {
            font-family: "TTCommonsClassicW01Medium";
            color: #1A7E61;
            font-size: 30px;
            letter-spacing: 1px !important;
            padding-left: 30px;
        }

        .couponPup .couponPup-box .coupon-para {
            font-family: "TTCommonsClassicW01Medium";
            color: #1A7E61;
            font-size: 26px;
            letter-spacing: 1px !important;
            padding-left: 30px;
            line-height: 1.2;
            margin-bottom: 0.5rem;
            margin-top: 0px !important;
            padding-top: 0px !important;
            text-align: left;
        }

    .couponPup .mktoFormRow {
        padding: 0 30px;
    }

        .couponPup .mktoFormRow .mktoFormCol, .couponPup .mktoFormRow .mktoFieldWrap {
            width: 100% !important;
        }

        .couponPup .mktoFormRow .couponinput input[type=text] {
            width: 100% !important;
            border-bottom: 1px solid #1A7E61;
            line-height: 28px;
        }

        .couponPup .mktoFormRow .mktoOffset, .couponPup .mktoFormRow .mktoGutter.mktoHasWidth {
            display: none;
        }

        .couponPup .mktoFormRow .LblEmail {
            font-family: "TTCommonsClassicW01Medium";
            font-size: 15px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .couponPup .mktoFormRow label {
            font-family: "TTCommonsClassicW01Medium";
            color: #1A7E61;
            width: 100% !important;
        }

        .couponPup .mktoFormRow p {
            font-family: "TTCommonsClassicW01Regular";
            color: #1A7E61;
            padding: 0;
        }

            .couponPup .mktoFormRow p a {
                color: inherit;
                text-decoration: underline;
            }

        .couponPup .mktoFormRow #LblbLVisionCareBioTrueOptin {
            float: right;
            width: 88% !important;
            font-family: "TTCommonsClassicW01Medium";
            font-size: 20px;
            line-height: 25px !important;
        }

        .couponPup .mktoFormRow .mktoLogicalField.mktoCheckboxList {
            width: 12% !important;
            margin-top: 10px;
        }

            .couponPup .mktoFormRow .mktoLogicalField.mktoCheckboxList input[type=checkbox] {
                border: 1px solid #1A7E61;
                padding: 5px;
                width: 2em;
                height: 2em;
            }

            .couponPup .mktoFormRow .mktoLogicalField.mktoCheckboxList #LblbLVisionCareBioTrueOptin {
                float: none;
                font-size: inherit;
                border: 2px solid #1A7E61;
                padding: 5px;
                width: 2.05em !important;
                height: 2em;
                margin: 0;
                border-radius: 5px;
            }

            .couponPup .mktoFormRow .mktoLogicalField.mktoCheckboxList #LbldivisionOptinBL {
                float: none;
                font-size: inherit;
                border: 2px solid #1A7E61;
                padding: 5px;
                width: 2.05em !important;
                height: 2em;
                margin: 0;
                border-radius: 5px;
            }

        .couponPup .mktoFormRow input[type=checkbox]:checked + label:before {
            margin-left: -1.3em;
            font-size: 1.2em;
            color: #1A7E61;
            font-weight: bold;
        }

        .couponPup .mktoFormRow #LbldivisionOptinBL {
            float: right;
            width: 88% !important;
            font-family: "TTCommonsClassicW01Medium";
            font-size: 20px;
            line-height: 25px !important;
        }

    .couponPup button.mktoButton {
        margin-top: 30px !important;
        border-radius: 30px;
        border: solid 1px #00615E !important;
        background-color: #00615E !important;
        text-transform: uppercase !important;
        transition: all 0.2s ease-in-out !important;
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
        font-size: 16px !important;
        font-family: "TTCommonsClassicW01Medium" !important;
        text-align: center !important;
        line-height: 1 !important;
        min-width: 200px !important;
        -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16) !important;
        box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16) !important;
        color: #fff !important;
        padding: 12px 35px 11px !important;
        background-image: none !important;
        letter-spacing: 2px;
    }

.btn-default {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

    .btn-default:hover {
        /*transform: scale(1.1);*/
    }

.error-page {
    height: 60vh;
    text-align: center;
    padding-bottom: 130px;
}

    .error-page .row {
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .error-page .row h2 {
            font-size: 60px;
            line-height: inherit;
        }

        .error-page .row p {
            font-size: 18px;
        }

.section-text .font-20 {
    color: #1A7E61;
}

/*Page 2 css*/
.contct-feel-sec-4 .img-wrap {
    position: relative;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

    .contct-feel-sec-4 .img-wrap .hover-circle {
        background: #abead5;
        -webkit-transition: -webkit-transform 0.2s;
        transition: -webkit-transform 0.2s;
        -o-transition: transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
        width: 75%;
        height: 85%;
        border-radius: 50%;
        top: 12%;
        position: absolute;
        left: 19%;
    }

    .contct-feel-sec-4 .img-wrap .hover-circle1 {
        background: #94c6b1;
        -webkit-transition: -webkit-transform 0.2s;
        transition: -webkit-transform 0.2s;
        -o-transition: transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
        width: 85%;
        height: 91%;
        border-radius: 50%;
        top: 2%;
        position: absolute;
        left: 11%;
    }

    .contct-feel-sec-4 .img-wrap .hover-circle3 {
        background: #98d7d6;
        -webkit-transition: -webkit-transform 0.2s;
        transition: -webkit-transform 0.2s;
        -o-transition: transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
        width: 88%;
        height: 83%;
        border-radius: 50%;
        top: 12%;
        position: absolute;
        left: 7%;
    }

    .contct-feel-sec-4 .img-wrap:hover .hover-circle {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        z-index: 0;
    }

    .contct-feel-sec-4 .img-wrap:hover .hover-circle1 {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        z-index: 0;
    }

    .contct-feel-sec-4 .img-wrap:hover .hover-circle3 {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        z-index: 0;
    }

    .contct-feel-sec-4 .img-wrap img {
        position: relative;
    }

.hydEye-sec-1 #detail {
    margin-left: -95%;
}

.hydEye-sec-1 .slick-slide {
    padding: 0 7px;
}

.slick-slider .slick-prev, .slick-slider .slick-next {
    z-index: 1;
    font-size: 2.5em;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    color: #B7B7B7;
    position: absolute;
    top: 95%;
    text-align: center;
    color: #000;
    opacity: 0.9;
    -webkit-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
    cursor: pointer;
    background: #FFFFFF;
}

    .slick-slider .slick-prev:hover, .slick-slider .slick-next:hover {
        opacity: 1;
    }

.slick-slider .slick-prev {
    left: 45.5%;
}

.slick-slider .slick-next {
    right: 45.5%;
}

#detail .product-images {
    width: 100%;
    margin: 0 auto;
}

    #detail .product-images li, #detail .product-images figure, #detail .product-images a, #detail .product-images img {
        display: block;
        outline: none;
        border: none;
    }

    #detail .product-images .main-img-slider figure {
        margin: 0 auto;
        padding: 0 2em;
    }

        #detail .product-images .main-img-slider figure a {
            cursor: pointer;
            cursor: -webkit-zoom-in;
            cursor: zoom-in;
        }

            #detail .product-images .main-img-slider figure a img {
                width: 100%;
                max-width: 400px;
                margin: 0 auto;
            }

    #detail .product-images .thumb-nav {
        margin: 0 auto;
        padding: 20px 10px;
        max-width: 600px;
    }

        #detail .product-images .thumb-nav.slick-slider .slick-prev, #detail .product-images .thumb-nav.slick-slider .slick-next {
            font-size: 1.2em;
            height: 20px;
            width: 26px;
            margin-top: -10px;
        }

        #detail .product-images .thumb-nav.slick-slider .slick-prev {
            margin-left: -30px;
        }

        #detail .product-images .thumb-nav.slick-slider .slick-next {
            margin-right: -30px;
        }

        #detail .product-images .thumb-nav li {
            display: block;
            margin: 0 auto;
            cursor: pointer;
        }

            #detail .product-images .thumb-nav li img {
                display: block;
                width: 100%;
                max-width: 75px;
                margin: 0 auto;
                border: 2px solid transparent;
                -webkit-transition: border-color 0.25s;
                -o-transition: border-color 0.25s;
                transition: border-color 0.25s;
            }

            #detail .product-images .thumb-nav li:hover, #detail .product-images .thumb-nav li:focus {
                border-color: #999;
            }

            #detail .product-images .thumb-nav li.slick-current img {
                border-color: #d12f81;
            }

.mob-display, .btnfixed {
    display: none;
}

.hydEye-sec-1 .section-text .btn1 {
    overflow: hidden;
}

    .hydEye-sec-1 .section-text .btn1 .btn:hover {
        border: 1px solid #00615E !important;
    }

.hydEye-sec-1 .section-text .btn-wrap.btn1 .ps-widget .ps-button-label {
    display: block;
}

.hydEye-sec-1 .section-text .btn2 {
    clear: both;
}

.our-product-sec-4 .col-md-4 .sec-text .ps-widget {
    border-radius: 30px;
    border: solid 1px #00615E !important;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "TTCommonsClassicW01Regular";
    text-align: center;
    line-height: 1;
    min-width: 200px;
    color: #00615E;
    padding: 8px 15px 8px;
    letter-spacing: 1.6px;
    float: none;
    display: inline-block !important;
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    -o-transition: transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
}


.h2para {
    font-family: "RecoletaBold";
    color: inherit;
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 30px;
}


@media screen and (min-width: 768px) {
    .our-product-sec-4 .col-md-4 .sec-text .ps-widget {
        letter-spacing: 3.2px;
        padding: 12px 16px 8px;
    }
}

.our-product-sec-4 .col-md-4 .sec-text .ps-button-label {
    display: none;
}

.contct-feel-sec-5 .col-md-6 .sec-text .ps-widget {
    border-radius: 30px;
    border: solid 1px #00615E !important;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "TTCommonsClassicW01Regular";
    text-align: center;
    line-height: 1;
    min-width: 200px;
    color: #00615E;
    padding: 8px 15px 8px;
    letter-spacing: 1.6px;
    float: none;
    display: inline-block !important;
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    -o-transition: transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
}

@media screen and (min-width: 768px) {
    .contct-feel-sec-5 .col-md-6 .sec-text .ps-widget {
        letter-spacing: 3.2px;
        padding: 12px 16px 8px;
    }
}

.contct-feel-sec-5 .col-md-6 .sec-text .ps-button-label {
    display: none;
}

.our-product-sec-4 .col-md-3 .sec-text .ps-widget {
    border-radius: 30px;
    border: solid 1px #00615E !important;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "TTCommonsClassicW01Regular";
    text-align: center;
    line-height: 1;
    min-width: 200px;
    color: #00615E;
    padding: 8px 15px 8px;
    letter-spacing: 1.6px;
    float: none;
    display: inline-block !important;
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    -o-transition: transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
}

.bio-drating-sec-5 .col-md-6 .sec-text .ps-widget {
    border-radius: 30px;
    border: solid 1px #00615E !important;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "TTCommonsClassicW01Regular";
    text-align: center;
    line-height: 1;
    min-width: 200px;
    color: #00615E;
    padding: 8px 15px 8px;
    letter-spacing: 1.6px;
    float: none;
    display: inline-block !important;
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    -o-transition: transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
}

.bio-drating-sec-5 .col-md-4 .sec-text .ps-widget {
    border-radius: 30px;
    border: solid 1px #00615E !important;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "TTCommonsClassicW01Regular";
    text-align: center;
    line-height: 1;
    min-width: 200px;
    color: #00615E;
    padding: 8px 15px 8px;
    letter-spacing: 1.6px;
    float: none;
    display: inline-block !important;
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    -o-transition: transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
}

@media screen and (min-width: 768px) {
    .bio-drating-sec-5 .col-md-6 .sec-text .ps-widget {
        letter-spacing: 3.2px;
        padding: 12px 16px 8px;
    }

    .bio-drating-sec-5 .col-md-4 .sec-text .ps-widget {
        letter-spacing: 3.2px;
        padding: 12px 16px 8px;
    }
}

.bio-drating-sec-5 .col-md-6 .sec-text .ps-button-label {
    display: none;
}

.bio-drating-sec-5 .col-md-4 .sec-text .ps-button-label {
    display: none;
}

.contct-feel-sec-2 .section-text .sec-col1 .ps-widget {
    border-radius: 30px;
    border: solid 1px #00615E !important;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "TTCommonsClassicW01Regular";
    text-align: center;
    line-height: 1;
    min-width: 200px;
    color: #00615E;
    padding: 8px 15px 8px;
    letter-spacing: 1.6px;
    float: none;
    display: inline-block !important;
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    -o-transition: transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
}

@media screen and (min-width: 768px) {
    .contct-feel-sec-2 .section-text .sec-col1 .ps-widget {
        letter-spacing: 3.2px;
        padding: 12px 16px 8px;
    }
}

.contct-feel-sec-2 .section-text .sec-col1 .ps-button-label {
    display: none;
}

.bio-drating-sec-2 .container .section-text .ps-widget {
    border-radius: 30px;
    border: solid 1px #00615E !important;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "TTCommonsClassicW01Regular";
    text-align: center;
    line-height: 1;
    min-width: 200px;
    color: #00615E;
    padding: 8px 15px 8px;
    letter-spacing: 1.6px;
    float: none;
    display: inline-block !important;
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    -o-transition: transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
}

@media screen and (min-width: 768px) {
    .bio-drating-sec-2 .container .section-text .ps-widget {
        letter-spacing: 3.2px;
        padding: 12px 16px 8px;
    }
}

.bio-drating-sec-2 .container .section-text .ps-button-label {
    display: none;
}

.hydEye-sec-5 .container .section-text .ps-widget {
    border-radius: 30px;
    border: solid 1px #00615E !important;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "TTCommonsClassicW01Regular";
    text-align: center;
    line-height: 1;
    min-width: 200px;
    color: #00615E;
    padding: 8px 15px 8px;
    letter-spacing: 1.6px;
    float: none;
    display: inline-block !important;
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    -o-transition: transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
}

@media screen and (min-width: 768px) {
    .hydEye-sec-5 .container .section-text .ps-widget {
        letter-spacing: 3.2px;
        padding: 12px 16px 8px;
    }
}

.hydEye-sec-5 .container .section-text .ps-button-label {
    display: none;
}

@media screen and (max-width: 991px) {
    .hplusclose {
        position: absolute;
        top: 10px !important;
        width: 15px !important;
        right: 15px !important;
    }



    .dropdown-submenu1 ul li a {
        font-size: 22px;
        font-family: TTCommonsClassicW01DemiBold;
        line-height: 40px;
    }

    .our-product-sec-4 .col-md-4 .sec-text .ps-widget {
        font-size: 16px;
    }

    .bio-drating-sec-2 .col-md-6 .sec-text .ps-widget {
        font-size: 16px;
    }

    .contct-feel-sec-5 .col-md-6 .sec-text .ps-widget {
        font-size: 16px;
    }

    .bio-drating-sec-5 .col-md-6 .sec-text .ps-widget {
        font-size: 16px;
    }

    .contct-feel-sec-2 .section-text .sec-col1 .ps-widget {
        font-size: 16px;
    }

    .hydEye-sec-5 .container .section-text .ps-widget {
        font-size: 16px;
    }

    .hydEye-sec-5 .container .section-text .ps-widget {
        font-size: 16px;
    }
}

.shopnowProduct {
    display: none;
}

.dnnEditState .header {
    min-height: 135px;
    position: relative;
    height: auto;
}

    .dnnEditState .header .header-main {
        position: relative;
        z-index: 0;
    }

.dnnEditState .dropdown-submenu {
    width: 50px;
}

header {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 11;
}

    header .header-main .top-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        header .header-main .top-menu .navbar-nav {
            /*.submenu-2{
  	&:hover{
  		border-bottom:solid 2px #046C68;
  	}

  }
  .submenu-2.active{
  	border-bottom:solid 2px #046C68;
  }*/
        }

            header .header-main .top-menu .navbar-nav li {
                font-size: 15px;
                color: #046C68;
                font-family: "TTCommonsClassicW01DemiBold";
                text-transform: uppercase;
                letter-spacing: 2px;
                padding: 34px 0;
                position: relative;
            }

                header .header-main .top-menu .navbar-nav li:not(:last-child) {
                    margin-right: 35px;
                }

                header .header-main .top-menu .navbar-nav li.active:after {
                    content: "";
                    position: absolute;
                    top: 65%;
                    width: 100%;
                    left: -1px;
                    height: 1.5px;
                    background-color: #046C68;
                }

                header .header-main .top-menu .navbar-nav li a {
                    color: #046C68;
                    padding: 0px 2px 5px 2px;
                    text-decoration: none;
                    font-size: 15px;
                    line-height: 17px;
                    /*&:hover{
  	text-decoration: none;
  	border-bottom:solid 2px #046C68;
  }*/
                }

                header .header-main .top-menu .navbar-nav li:hover:after {
                    content: "";
                    position: absolute;
                    top: 65%;
                    width: 100%;
                    left: -1px;
                    height: 2px;
                    background-color: #046C68;
                }

        header .header-main .top-menu .dropdown-submenu .dropdown-menu {
            background-color: #fff;
            width: 100%;
            position: fixed;
            margin: 0;
            border: 0px;
            border-radius: 0px;
            -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
            z-index: -1;
        }

        header .header-main .top-menu .dropdown-submenu1 .dropdown-menu1 {
            background-color: #fff;
            width: 100%;
            position: fixed;
            margin: 0;
            border: 0px;
            border-radius: 0px;
            -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
            z-index: -1;
        }

.dropdown-menu1 {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}

header .header-main .top-menu .dropdown-submenu .dropdown-menu .submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    header .header-main .top-menu .dropdown-submenu .dropdown-menu .submenu a {
        background-color: transparent;
        padding: 0;
        margin: 10px 15px;
        position: relative;
    }

        header .header-main .top-menu .dropdown-submenu .dropdown-menu .submenu a:nth-child(2) {
            margin-right: 0px;
        }

        header .header-main .top-menu .dropdown-submenu .dropdown-menu .submenu a .menu-text {
            position: absolute;
            width: 50%;
            padding: 20px 15px;
            left: 0;
            top: 0px;
            white-space: normal;
            color: #046C68;
            font-family: "TTCommonsClassicW01DemiBold";
            font-size: 15px;
            line-height: 20px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

            header .header-main .top-menu .dropdown-submenu .dropdown-menu .submenu a .menu-text:hover {
                text-decoration: underline;
            }

header .header-main .btnbuy-now {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    header .header-main .btnbuy-now a {
        font-size: 14px;
        color: #046C68;
        font-family: "TTCommonsClassicW01DemiBold";
        text-transform: uppercase;
        letter-spacing: 2px;
        padding: 0px 0px 5px 0px;
        /*opacity:0;
  pointer-events: none;*/
    }

        header .header-main .btnbuy-now a:hover {
            text-decoration: none;
            border-bottom: solid 2px #046C68;
        }

.header-main {
    position: relative;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    background-color: #fff;
}

    .header-main .toplink {
        background-color: #00615E;
        padding: 10px 0;
        color: #fff;
        font-family: "TTCommonsClassicW01Regular";
        font-size: 12px;
        display: none;
    }

        .header-main .toplink .text-right {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

            .header-main .toplink .text-right .para-2 {
                margin-left: 20%;
            }

    .header-main .head-top .col-lg-4:nth-child(2) {
        text-align: center;
        font-size: 13px;
    }

    .header-main .head-top .col-lg-4:nth-child(3) {
        text-align: right;
    }

    .header-main .head-top a {
        color: #fff;
        letter-spacing: 1.95px;
        font-size: 13px;
    }

        .header-main .head-top a.para-1 {
            text-decoration: none;
        }

            .header-main .head-top a.para-1:hover {
                text-decoration: none;
            }

        .header-main .head-top a.para-2 {
            text-decoration: underline;
            /*display: none !important;*/
        }

    .header-main .navbar .navbar-brand {
        width: 100px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .header-main .navbar .main-menu {
        width: calc(100% - 120px);
    }

        .header-main .navbar .main-menu .collapse ul.my-2 li {
            margin: 0 0px;
        }

            .header-main .navbar .main-menu .collapse ul.my-2 li a {
                padding-right: 0;
            }

                .header-main .navbar .main-menu .collapse ul.my-2 li a:hover:before {
                    right: 0rem;
                    left: 1rem;
                }

        .header-main .navbar .main-menu .collapse ul li {
            margin: 0 15px;
        }

            .header-main .navbar .main-menu .collapse ul li a {
                color: #00615E;
                font-family: "TTCommonsClassicW01DemiBold";
                font-size: 14px;
            }

                .header-main .navbar .main-menu .collapse ul li a:hover {
                    position: relative;
                }

                    .header-main .navbar .main-menu .collapse ul li a:hover:before {
                        content: "";
                        position: absolute;
                        height: 2px;
                        background-color: #00615E;
                        bottom: 3px;
                        left: 0.5rem;
                        right: 0.5rem;
                    }

            .header-main .navbar .main-menu .collapse ul li.dropdown {
                position: inherit;
            }

                .header-main .navbar .main-menu .collapse ul li.dropdown .dropdown-toggle:after {
                    display: none;
                }

                .header-main .navbar .main-menu .collapse ul li.dropdown.show a {
                    position: relative;
                }

                    .header-main .navbar .main-menu .collapse ul li.dropdown.show a:before {
                        content: "";
                        position: absolute;
                        height: 2px;
                        background-color: #00615E;
                        bottom: 3px;
                        left: 0.5rem;
                        right: 0.5rem;
                    }

                .header-main .navbar .main-menu .collapse ul li.dropdown.show .dropdown-menu {
                    background-color: #fff;
                    width: 100%;
                }

                    .header-main .navbar .main-menu .collapse ul li.dropdown.show .dropdown-menu .submenu {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                    }

                        .header-main .navbar .main-menu .collapse ul li.dropdown.show .dropdown-menu .submenu a {
                            background-color: transparent;
                            padding: 0;
                            margin: 10px 15px;
                        }

                            .header-main .navbar .main-menu .collapse ul li.dropdown.show .dropdown-menu .submenu a:hover {
                                position: relative;
                            }

                                .header-main .navbar .main-menu .collapse ul li.dropdown.show .dropdown-menu .submenu a:hover:before {
                                    display: none;
                                }

                            .header-main .navbar .main-menu .collapse ul li.dropdown.show .dropdown-menu .submenu a:before {
                                display: none;
                            }

                            .header-main .navbar .main-menu .collapse ul li.dropdown.show .dropdown-menu .submenu a .menu-text {
                                position: absolute;
                                width: 50%;
                                padding: 20px 15px;
                                left: 0;
                                white-space: normal;
                            }

.mobile-menu, .menu-back {
    display: none;
}

@media screen and (max-width: 991px) {
    .sociallink {
        margin-top: 30px;
    }

    .link-heading a {
        padding: 0px 20px !important;
    }

    ul.mob {
        margin-bottom: 5px !important;
    }

    .couponPup .couponPup-box .coupon-para {
        margin-bottom: 0.9rem;
    }

    .foot-list {
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        -webkit-box-pack: center;
    }

    .mobile-head-menu li {
        margin-top: 40px;
        font-family: "TTCommonsClassicW01Regular";
        font-size: 18px;
    }

        .mobile-head-menu li a {
            color: #00615E;
            padding: 0px 2px 5px 2px;
            text-decoration: none;
        }

        .mobile-head-menu li.footnote {
            font-size: 14px;
        }

    .top-menu .mobile-head-menu li.footnote a {
        text-decoration: underline;
    }

    .mobile-menu {
        display: block;
    }

        .mobile-menu img {
            max-width: 30px;
        }

        .mobile-menu .menu-close {
            display: none;
        }

    .site-buynow {
        display: none;
    }

    header .toplink .head-top .col-lg-4:nth-child(1), header .toplink .head-top .col-lg-4:nth-child(3) {
        display: none;
    }

    header .header-main .header-white-bar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        padding: 0px;
    }

        header .header-main .header-white-bar .row:nth-child(1) {
            width: 100%;
            margin: 0px;
        }

    header .header-main .top-menu {
        display: none;
        position: fixed;
        top: 96px;
        background: #fff;
        height: 100%;
        left: 0;
    }

        header .header-main .top-menu .navbar-nav {
            -webkit-box-align: self-start !important;
            -ms-flex-align: self-start !important;
            align-items: self-start !important;
        }

            header .header-main .top-menu .navbar-nav li {
                margin-top: 40px;
                font-size: 15px;
                padding: 0 0;
            }

                header .header-main .top-menu .navbar-nav li.active:after, header .header-main .top-menu .navbar-nav li:hover:after {
                    top: 100%;
                }

        header .header-main .top-menu .dropdown-submenu .dropdown-menu {
            top: 130px !important;
            height: 100%;
        }

        header .header-main .top-menu .dropdown-submenu1 .dropdown-menu1 {
            top: 110px !important;
            height: 100%;
        }

        header .header-main .top-menu .dropdown-submenu .dropdown-menu .submenu {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            overflow: scroll;
            height: calc(100vh - 150px);
        }

            header .header-main .top-menu .dropdown-submenu .dropdown-menu .submenu a {
                margin: 10px 0px;
            }

                header .header-main .top-menu .dropdown-submenu .dropdown-menu .submenu a img {
                    width: 100%;
                }

    .align-items-end {
        -ms-flex-align: end !important;
        -webkit-box-align: end !important;
        align-items: flex-end !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (max-width: 765px) {
    header .header-main .top-menu .dropdown-submenu .dropdown-menu .submenu a .menu-text {
        width: 42%;
    }

    header .header-main .mobile-head-text {
        /*display: none !important;*/
    }
}

@media screen and (max-width: 450px) and (min-width: 376px) {
    header .header-main .top-menu .dropdown-submenu .dropdown-menu .submenu a .menu-text {
        padding: 20px 35px 20px 15px;
    }
}

#dnn_ctr26790_HtmlModule_lblContent {
    display: none;
}

.dnnEditState .section-banner {
    margin-top: 280px;
}

.dnnEditState .signPup {
    position: relative;
    display: block;
}

.dnnEditState .couponPup {
    position: relative;
    display: block;
}

.mktoForm .mktoRequiredField .mktoAsterix {
    display: none !important;
}

.wrapper {
    overflow-x: hidden;
}

.banner-img {
    width: 100%;
}

body {
    letter-spacing: 0.34px;
}

div#dnn_sitePopup ~ img {
    display: none !important;
}

.section-banner {
    margin-top: 125px;
}

@media only screen and (max-width: 992px) {
    .section-banner {
        padding-bottom: 2.5rem;
    }
}

.section-banner .main-banner {
    position: relative;
    z-index: 1;
}

    .section-banner .main-banner .banner-img {
        width: 100%;
    }

    .section-banner .main-banner .container {
        position: absolute;
        left: 0;
        top: 8%;
        right: 0;
    }

        .section-banner .main-banner .container .caption {
            padding-top: 20px;
            padding-bottom: 20px;
            text-align: left;
            position: relative;
            left: 0px;
        }

            .section-banner .main-banner .container .caption p {
                font-family: "TTCommonsClassicW01Regular";
                font-size: 18px;
                line-height: 22px;
                text-align: left;
                margin-top: 25px;
                margin-right: 25%;
            }

                .section-banner .main-banner .container .caption p span {
                    display: inline-block;
                }

                .section-banner .main-banner .container .caption p strong {
                    font-family: "TTCommonsClassicW01DemiBold";
                }

        .section-banner .main-banner .container .banner-subhead-text span {
            font-family: "RecoletaSemiBold";
            font-size: 24px;
        }

        .section-banner .main-banner .container .banner-subhead-text .caption {
            padding-top: 0px;
        }

        .section-banner .main-banner .container .banner-subhead-text p {
            font-family: "TTCommonsClassicW01DemiBold";
            font-size: 18px;
            color: #49B487;
        }

            .section-banner .main-banner .container .banner-subhead-text p span {
                font-family: "TTCommonsClassicW01DemiBold";
                font-size: 18px;
                color: #00615E;
            }

.section-banner .eyecare-banner .container {
    top: 18%;
}

    .section-banner .eyecare-banner .container .banner-subhead-text span {
        font-family: "RecoletaBold";
    }

.sec-1 {
    padding: 0px 0 0px;
    margin-top: -80px;
    position: relative;
}

    .sec-1 .container {
        position: absolute;
        left: 0;
        right: 0;
        top: 0px;
        height: 100%;
        z-index: 1;
    }

        .sec-1 .container .row {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 100%;
        }

        .sec-1 .container .section-text {
            text-align: center;
            margin-bottom: 0px;
        }

            .sec-1 .container .section-text .font-20 {
                font-size: 18px;
                line-height: 28px;
                font-family: "TTCommonsClassicW01Medium";
                padding-bottom: 12px;
                display: table;
                text-align: center;
                width: 100%;
            }

            .sec-1 .container .section-text .font-14 {
                margin-bottom: 15px;
                display: inline-block;
            }

            .sec-1 .container .section-text h2 {
                margin-bottom: 15px;
            }

            .sec-1 .container .section-text p {
                margin-bottom: 30px;
                font-size: 18px;
                line-height: 22px;
                font-family: "TTCommonsClassicW01DemiBold";
            }

.sec-2 {
    padding: 30px 0 0px;
}

    .sec-2 h4 {
        margin-bottom: 55px;
        font-family: "RecoletaBold";
    }

        .sec-2 h4 span {
            position: relative;
        }

    .sec-2 h1 span {
        position: relative;
    }

    .sec-2 h1 {
        margin-bottom: 55px;
        font-family: "RecoletaBold";
    }

    .sec-2 h4 span:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: -8px;
        width: 107%;
        height: 30px;
        background-color: #E7F7EA;
        z-index: -1;
    }

    .sec-2 h1 span:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -8px;
        width: 107%;
        height: 20px;
        background-color: #E7F7EA;
        z-index: -1;
    }

    .sec-2 .section-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .sec-2 .section-text .sec-col {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 33%;
            flex: 0 0 33%;
            max-width: 33%;
            text-align: center;
        }

            .sec-2 .section-text .sec-col img {
                max-height: 80px;
                margin-bottom: 20px;
            }

            .sec-2 .section-text .sec-col p {
                font-size: 22px;
                line-height: 22px;
                padding: 0px 0;
                font-family: "TTCommonsClassicW01DemiBold";
            }

.sec-3 {
    margin: 30px 0 0;
    position: relative;
}

    .sec-3 .container {
        position: absolute;
        left: 0;
        top: 0px;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .sec-3 .container .col-lg-6 {
            padding-left: 0px;
        }

        .sec-3 .container .section-text {
            /*padding-top:15%;*/
            /*padding-bottom: 20px;*/
            text-align: left;
            /*width: 45%;*/
            position: relative;
        }

            .sec-3 .container .section-text h2 {
                margin-bottom: 15px;
                font-size: 40px;
                line-height: 48px;
                font-family: "RecoletaBold";
            }

            .sec-3 .container .section-text h1 {
                margin-bottom: 15px;
                font-size: 39px;
                line-height: 48px;
                font-family: "RecoletaBold";
            }

            .sec-3 .container .section-text p {
                margin-bottom: 30px;
                font-size: 18px;
                line-height: 22px;
            }

.sec-4 {
    margin: 0px 0;
    position: relative;
}

    .sec-4 .container {
        position: absolute;
        left: 0;
        top: 0px;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .sec-4 .container .col-lg-6 {
            padding-right: 0px;
        }

        .sec-4 .container .section-text {
            /*padding-top:15%;*/
            padding-bottom: 80px;
            text-align: left;
            position: relative;
        }

            .sec-4 .container .section-text h2 {
                margin-bottom: 15px;
                font-size: 40px;
                line-height: 48px;
                font-family: "RecoletaBold";
            }

            .sec-4 .container .section-text p {
                margin-bottom: 30px;
                font-size: 18px;
                line-height: 22px;
            }

.sec-5 {
    margin: 0px 0 0;
    position: relative;
}

    .sec-5 .container {
        position: absolute;
        left: 0;
        right: 0;
        top: -25px;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .sec-5 .container .col-lg-5 {
            padding-left: 0px;
        }

        .sec-5 .container .section-text {
            text-align: left;
            position: relative;
        }

            .sec-5 .container .section-text h2 {
                margin-bottom: 15px;
                font-size: 40px;
                line-height: 48px;
                font-family: "RecoletaBold";
            }

            .sec-5 .container .section-text p {
                margin-bottom: 30px;
                font-size: 18px;
                line-height: 28px;
            }

.sec-6 {
    position: relative;
    margin-top: 0px;
    background: #d2ebdb;
}

    .sec-6 img {
        position: relative;
        top: 10px;
    }

@media screen and (min-width: 992px) {
    .sec-6 {
        padding-bottom: 90px;
    }

        .sec-6.contact-lens-sec img {
            top: -80px;
        }

    .contct-feel-sec-5 .col-md-6 .sec-text:hover .neg-setting-img img {
        margin-left: -42px;
    }
}

.sec-6 .container {
    position: absolute;
    left: 0;
    right: 0;
    top: 73px;
}

    .sec-6 .container .section-text {
        padding-top: 8%;
        padding-bottom: 20px;
        text-align: center;
        position: relative;
    }

        .sec-6 .container .section-text .font-20 {
            font-family: "TTCommonsClassicW01Regular";
            font-size: 18px;
            line-height: 28px;
            color: #1A7E61;
        }

        .sec-6 .container .section-text h2 {
            margin-bottom: 30px;
            margin-top: 15px;
            font-family: "RecoletaBold";
        }

        .sec-6 .container .section-text h3 {
            margin-bottom: 30px;
            margin-top: 15px;
            font-family: "RecoletaBold";
            font-size: 34px;
        }

.main-banner.contct-feel .container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .main-banner.contct-feel .container .caption {
        text-align: left;
        position: relative;
    }

        .main-banner.contct-feel .container .caption span {
            font-family: "RecoletaBold";
            font-size: 26px;
            line-height: 32px;
            margin-bottom: 10px;
            display: inline-block;
            color: #00615E;
            letter-spacing: 0.48px;
        }

.main-banner.contct-feel.true-exp-banner .container .caption span {
    color: #00615E;
}

.main-banner.contct-feel.true-exp-banner .container .caption h1 {
    color: #00615E;
    font-size: 90px;
    line-height: 80px;
}

.main-banner.contct-feel .container .caption h2 {
    font-size: 108px;
    line-height: 63px;
    margin-bottom: 0;
    color: #00615E;
    font-family: "TTCommonsClassicW01DemiBold";
}

.main-banner.contct-feel .container .caption h1 {
    font-size: 108px;
    line-height: 63px;
    margin-bottom: 0;
    color: #00615E;
    font-family: "TTCommonsClassicW01DemiBold";
}

.main-banner.contct-feel .container .caption p {
    font-family: "TTCommonsClassicW01Regular";
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    margin-top: 15px;
    margin-right: 15%;
    color: #00615E;
}

    .main-banner.contct-feel .container .caption p strong {
        font-family: "TTCommonsClassicW01DemiBold";
    }

.main-banner.contct-feel .innter-wave-white1 {
    display: none;
}

.contct-feel-sec-2 {
    /*background-image: url('../img/img-1920X500-contactcare.svg');*/
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 170px 0 165px;
    margin-top: -40px;
    position: relative;
}

    .contct-feel-sec-2 .banner-img {
        display: none;
    }

    .contct-feel-sec-2 .container .section-text {
        margin-bottom: 30px;
        display: flex;
        position: relative;
        background-color: #fff;
        border-radius: 10px;
    }

@media screen and (min-width: 992px) {
    .contct-feel-sec-2 .container .section-text {
        margin-bottom: 70px;
    }
}

.contct-feel-sec-2 .container .section-text .sec-col1 {
    border-radius: 10px;
    position: relative;
    width: 60%;
    padding: 50px 0px 30px 40px;
}


.contct-feel-sec-2 .container .section-text .sec-col2 {
    width: 40%;
}

    .contct-feel-sec-2 .container .section-text .sec-col2.img-adj-ht img {
        margin-top: -77px;
    }

.contct-feel-sec-2 .container .section-text h2 {
    margin-bottom: 15px;
    font-size: 55px;
}

.contct-feel-sec-2 .container .section-text p {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 28px;
}

.contct-feel-sec-2 .container .section-text .white-bg-footnote {
    font-size: 15px;
    line-height: 17px;
}

.contct-feel-sec-2 .container .section-text p span {
    font-family: "TTCommonsClassicW01DemiBold";
}

.contct-feel-sec-2 .container .section-text .btn:hover {
    background-color: #00615E;
    color: #fff;
}

.back-green {
    background: #EAF3DF;
}

.contct-feel-sec-3 {
    text-align: center;
    padding: 100px 0 130px;
}

    .contct-feel-sec-3 h2 {
        font-size: 55px;
        line-height: 70px;
        margin-bottom: 30px;
    }

    .contct-feel-sec-3 .section-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .contct-feel-sec-3 .section-text .sec-col {
            max-width: 30%;
        }

            .contct-feel-sec-3 .section-text .sec-col h2 {
                font-size: 67px;
                line-height: 80px;
                margin-bottom: 15px;
            }

                .contct-feel-sec-3 .section-text .sec-col h2 span {
                    position: relative;
                    padding: 0px 15px;
                }

                    .contct-feel-sec-3 .section-text .sec-col h2 span:after {
                        content: "";
                        position: absolute;
                        bottom: 12px;
                        left: -8px;
                        width: 107%;
                        height: 35px;
                        background-color: #E7F7EA;
                        z-index: -1;
                    }

                .contct-feel-sec-3 .section-text .sec-col h2 .text-wrap {
                    font-size: 16px;
                    line-height: 17px;
                    width: 30px;
                    display: inline-block;
                    position: relative;
                    top: -10px;
                    font-family: "TTCommonsClassicW01DemiBold";
                    text-transform: uppercase;
                }

    .contct-feel-sec-3 .footnote {
        font-family: "TTCommonsClassicW01DemiBold";
    }

    .contct-feel-sec-3 p {
        font-size: 22px;
        line-height: 33px;
    }

.contct-feel-sec-4 p {
    font-size: 22px;
    line-height: 33px;
}

.contct-feel-sec-5 h2.text-center {
    font-size: 55px;
}

.contct-feel-sec-5 h4.text-center {
    font-size: 50px;
    font-family: "RecoletaBold";
    color: inherit;
    line-height: 60px;
    margin-bottom: 50px;
}

.home-ocean {
    height: 5%;
    width: 100%;
    position: relative;
    bottom: -1px;
    left: 0;
    /*background: #015871;*/
    z-index: 1;
}

    .home-ocean .wave {
        background: url(../img/img-1920X50-bg-white-top-home.svg) repeat-x;
        position: absolute;
        top: -100px;
        width: 5757px;
        height: 100px;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

@-webkit-keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -3516px;
    }
}

@keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -3516px;
    }
}

.acco-bottom {
    height: 0;
    width: 100%;
    position: relative;
    bottom: 1px;
    left: 0;
    background: #015871;
    z-index: 1;
}

    .acco-bottom .wave {
        background: url(../img/img-1920X50-bg-white-bottom1.svg) bottom repeat-x;
        position: absolute;
        top: -10px;
        width: 5757px;
        height: 100px;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

@keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -3516px;
    }
}

.acco-bottom.new-wave-btm-green .wave {
    background: url(/siteassets/img/img-1920X50-bg-white-d-bottom1.svg) bottom repeat-x;
    background-size: cover;
}

.green-wave.new-wave-tp-green .wave {
    background: url(/siteassets/img/img-1920X50-bg-white-d-green.svg) repeat-x;
    background-size: cover;
    top: -161px;
    height: 187px;
}

.green-wave.new-wave-tp-green.adj-wave .wave {
    top: -95px;
    height: 106px;
}

.hydEye-sec-3.light-green-bg {
    background-color: #c8ded0;
}

.pro1-page-wave2 {
    height: 0;
    width: 100%;
    position: relative;
    bottom: -1px;
    left: 0;
    /*background: #015871;*/
    z-index: 1;
}

    .pro1-page-wave2 .wave {
        background: url(../img/img-1920X50-bg-pro1-page-wave2.svg) repeat-x;
        position: absolute;
        top: -100px;
        width: 5757px;
        height: 100px;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.bottom-prod-bg-wave {
    height: 0;
    width: 100%;
    position: relative;
    bottom: -1px;
    left: 0;
    /*background: #015871;*/
    z-index: 1;
}

    .bottom-prod-bg-wave .wave {
        background: url(/siteassets/img/img-1920X50-bg-pro1-page-wave2-light-wave.svg) repeat-x;
        position: absolute;
        top: -100px;
        width: 5757px;
        height: 100px;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

@keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -3516px;
    }
}

.dark-green {
    height: 0;
    width: 100%;
    position: relative;
    bottom: -1px;
    left: 0;
    /*background: #015871;*/
    z-index: 1;
}

    .dark-green .wave {
        background: url(../img/img-1920X50-bg-white-dark-green.svg) repeat-x;
        position: absolute;
        top: -100px;
        width: 5436.998px;
        height: 100px;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

@keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -3516px;
    }
}

.footer-ocean {
    height: 5%;
    width: 100%;
    position: relative;
    bottom: -1px;
    left: 0;
    /*background: #015871;*/
    z-index: 1;
}

    .footer-ocean .wave {
        background: url(../img/img-1920X50-bg-white-top-footer.svg) repeat-x;
        position: absolute;
        top: -98px;
        width: 5436.998px;
        height: 100px;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

@keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -3516px;
    }
}

.innter-wave-white {
    height: 5%;
    width: 100%;
    position: relative;
    bottom: -1px;
    left: 0;
    /*background: #015871;*/
    z-index: 1;
}

    .innter-wave-white.fix-wv-top .wave {
        top: auto;
        bottom: 0;
    }

    .innter-wave-white .wave {
        background: url(../img/img-1920X50-bg-white-inner.svg);
        position: absolute;
        top: -130px;
        width: 250%;
        height: 100px;
        -webkit-animation: wave 5s linear;
        animation: wave 5s linear;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

@keyframes wave {
    0% {
        -webkit-transform: translateX(0) translateZ(0) scaleY(1);
        transform: translateX(0) translateZ(0) scaleY(1);
    }

    50% {
        -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55);
        transform: translateX(-25%) translateZ(0) scaleY(0.55);
    }

    100% {
        -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
        transform: translateX(-50%) translateZ(0) scaleY(1);
    }
}

.innter-wave-white1 {
    height: 5%;
    width: 100%;
    position: relative;
    bottom: -30px;
    left: 0;
    /*background: #015871;*/
    z-index: 1;
}

    .innter-wave-white1 .wave {
        background: url(../img/img-1920X50-bg-white-inner.svg) repeat-x;
        position: absolute;
        top: -130px;
        width: 250%;
        height: 100px;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .innter-wave-white1.light-bg-prod-wave .wave {
        background: url(/siteassets/img/img-1920X50-bg-off-white-inner.svg) repeat-x;
    }

@keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -3516px;
    }
}

.innter-wave-cream {
    height: 5%;
    width: 100%;
    position: relative;
    bottom: -30px;
    left: 0;
    /*background: #015871;*/
    z-index: 1;
}

    .innter-wave-cream .wave {
        background: url(../img/img-1920X50-bg-cream-inner.svg) repeat-x;
        position: absolute;
        top: -130px;
        width: 250%;
        background-size: 80%;
        height: 100px;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

@keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -3516px;
    }
}

.innter-wave-light-green {
    height: 5%;
    width: 100%;
    position: relative;
    bottom: -30px;
    left: 0;
    /*background: #015871;*/
    z-index: 1;
}

    .innter-wave-light-green .wave {
        background: url(../img/img-1920X50-bg-light-green-inner.svg) repeat-x;
        position: absolute;
        top: -120px;
        width: 250%;
        background-size: 77%;
        height: 100px;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

@keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -3516px;
    }
}

.ocean {
    height: 0;
    width: 100%;
    position: relative;
    bottom: -1px;
    left: 0;
    /*background: #015871;*/
    z-index: 1;
}

    .ocean .wave {
        background: url(../img/img-1920X50-bg-white-top1.svg) repeat-x;
        position: absolute;
        top: -100px;
        width: 5436px;
        height: 100px;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .ocean .waveplus {
        background: url(/siteassets/img/wave-product.png) repeat-x;
        position: absolute;
        top: -100px;
        width: 5436px;
        height: 100px;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.ocean-acc .waveplusrotate {
    background-size: 103%;
    background: url(/siteassets/img/wave-product.png) repeat-x;
    position: absolute;
    top: -80px;
    width: 5436px;
    height: 100px;
    -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
    animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -1600px;
    }
}

.ocean-acc {
    height: 5%;
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    background: #015871;
    z-index: 1;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

    .ocean-acc .wave {
        background: url(../img/img-1920X50-bg-white-top1.svg) repeat-x;
        position: absolute;
        top: -80px;
        width: 5436px;
        height: 100px;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

@keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -1600px;
    }
}

.green-wave {
    height: 0;
    width: 100%;
    position: relative;
    bottom: -1px;
    left: 0;
    /*background: #015871;*/
    z-index: 1;
}

    .green-wave .wave {
        background: url(../img/img-1920X50-bg-white-green.svg) repeat-x;
        position: absolute;
        top: -100px;
        width: 5436px;
        height: 100px;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .green-wave.pale-green-wave .wave {
        background: url(../img/img-1920X50-bg-full-pale-green.svg) repeat-x;
    }

.pale-green-bg h2 {
    font-size: 90px;
    line-height: 70px;
    margin-bottom: 30px;
}

.pale-green-bg p {
    font-size: 18px;
    line-height: 28px;
}

@keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -1600px;
    }
}

.green-wave1 {
    height: 5%;
    width: 100%;
    position: relative;
    bottom: -1px;
    left: 0;
    /*background: #015871;*/
    z-index: 1;
}

    .green-wave1 .wave {
        background: url(../img/img-1920X50-bg-white-green1.svg) repeat-x;
        position: absolute;
        top: -100px;
        width: 5436px;
        height: 100px;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

@keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -1600px;
    }
}

.count-wave {
    height: 0;
    width: 100%;
    position: relative;
    bottom: -1px;
    left: 0;
    /*background: #015871;*/
    z-index: 1;
}

    .count-wave .wave {
        background: url(../img/img-1920X50-bg-green2.svg) repeat-x;
        position: absolute;
        top: -100px;
        width: 5436px;
        height: 100px;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

@keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -1600px;
    }
}

.recycled-lens-count-sec-4 #counter {
    font-size: 90px;
    line-height: 100px;
    color: #ffffff;
    font-family: "RecoletaBold";
}

    .recycled-lens-count-sec-4 #counter .counter-value:nth-child(2) {
        margin-right: 10px;
    }

.contct-feel-sec-4 {
    text-align: center;
    background-color: #EEF9F6;
    padding: 170px 0 100px;
    margin-top: 0px;
    position: relative;
    /*&:after, &:before{
  	content:'';
  	background-repeat: no-repeat;
  	background-size: 100%;
  	height: 90px;
  	width: 100%;
  	left: -1px;
  	position: absolute;
  }
  &:before{
  	background-image: url('../img/img-1920X50-bg-white-top.jpg');
  	top:0;
  }
  &:after{
  	background-image:url('../img/img-1920X50-bg-white-bottom.jpg');
  	bottom: 0;
  }*/
}

    .contct-feel-sec-4.biotrue-eye-care-recycling {
        padding: 100px 0 100px;
    }

    .contct-feel-sec-4 h2 {
        margin-bottom: 30px;
    }

    .contct-feel-sec-4 h3 {
        margin-bottom: 30px;
        font-family: "RecoletaBold";
        color: inherit;
        font-size: 45px;
        line-height: 47px;
    }

    .contct-feel-sec-4 .sec-text h3 {
        margin-bottom: 40px;
        font-family: "TTCommonsClassicW01DemiBold";
    }

    .contct-feel-sec-4 .row {
        margin-bottom: 50px;
    }

    .contct-feel-sec-4.no-margin-row .row {
        margin-bottom: 0px;
    }

    .contct-feel-sec-4 .img-wrap {
        max-width: 450px;
    }

    .contct-feel-sec-4 .sec-text {
        text-align: left;
    }

        .contct-feel-sec-4 .sec-text h2 {
            margin-bottom: 15px;
            font-family: "TTCommonsClassicW01DemiBold";
        }

.bioture-different {
    background: #E0F1E3;
}

.contct-feel-sec-5 {
    padding: 80px 0 140px;
    background: #FBFDFA;
}

    .contct-feel-sec-5 h2.text-center {
        margin-bottom: 50px;
    }

    .contct-feel-sec-5 .col-md-6 .sec-text {
        text-align: center;
    }

        .contct-feel-sec-5 .col-md-6 .sec-text .hover-circle {
            background: #E0F1E3;
            position: absolute;
            width: 350px;
            height: 350px;
            border-radius: 100%;
            z-index: -1;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            -webkit-transition: -webkit-transform 0.5s ease;
            transition: -webkit-transform 0.5s ease;
            -o-transition: transform 0.5s ease;
            transition: transform 0.5s ease;
            transition: transform 0.5s ease, -webkit-transform 0.5s ease;
        }

        .contct-feel-sec-5 .col-md-6 .sec-text .hover-circle1 {
            background: #E0F1E3;
            position: absolute;
            width: 350px;
            height: 350px;
            border-radius: 100%;
            z-index: -1;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            -webkit-transition: -webkit-transform 0.5s ease;
            transition: -webkit-transform 0.5s ease;
            -o-transition: transform 0.5s ease;
            transition: transform 0.5s ease;
            transition: transform 0.5s ease, -webkit-transform 0.5s ease;
        }

        .contct-feel-sec-5 .col-md-6 .sec-text img {
            height: 350px;
            -webkit-transition: -webkit-transform 0.5s ease;
            transition: -webkit-transform 0.5s ease;
            -o-transition: transform 0.5s ease;
            transition: transform 0.5s ease;
            transition: transform 0.5s ease, -webkit-transform 0.5s ease;
        }

        .contct-feel-sec-5 .col-md-6 .sec-text:hover .hover-circle, .contct-feel-sec-5 .col-md-6 .sec-text:hover .hover-circle1 {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            z-index: 0;
        }

        .contct-feel-sec-5 .col-md-6 .sec-text:hover img {
            -webkit-transform: rotate(5deg);
            -ms-transform: rotate(5deg);
            transform: rotate(5deg);
        }

        .contct-feel-sec-5 .col-md-6 .sec-text h2 {
            font-size: 24px;
            line-height: 30px;
            margin-bottom: 25px;
            font-family: "TTCommonsClassicW01DemiBold";
            letter-spacing: 0.75px !important;
        }

        .contct-feel-sec-5 .col-md-6 .sec-text .btn {
            min-width: 200px;
            padding: 15px 35px 11px;
        }

            .contct-feel-sec-5 .col-md-6 .sec-text .btn:hover {
                background-color: #00615E;
                color: #fff;
            }

    .contct-feel-sec-5 .col-md-6:last-child .sec-text img {
        position: relative;
    }

/*.main-banner.bio-drating .banner-img {
    margin-top: -15px;
}*/

.main-banner.bio-drating .container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .main-banner.bio-drating .container .caption {
        text-align: left;
        position: relative;
        padding-right: 50px;
    }

        .main-banner.bio-drating .container .caption span {
            font-family: "RecoletaMedium";
            font-size: 26px;
            line-height: 32px;
            margin-bottom: 10px;
            display: inline-block;
        }

        .main-banner.bio-drating .container .caption h2 {
            font-size: 60px;
            line-height: 70px;
            margin-bottom: 0;
            color: #00615E;
            font-family: "RecoletaBold";
            white-space: nowrap;
            font-weight: 700;
        }

        .main-banner.bio-drating .container .caption h4 {
            font-family: "RecoletaBold";
            margin-top: 20px;
            color: #00615E;
            font-size: 24px;
            line-height: 33px;
        }


        .main-banner.bio-drating .container .caption .subhead-h4 {
            font-family: "TTCommonsClassicW01DemiBold";
            margin-top: 20px;
            color: #00615E;
            font-size: 24px;
            line-height: 33px;
        }

        .main-banner.bio-drating .container .caption p {
            font-family: "TTCommonsClassicW01Regular";
            font-size: 18px;
            line-height: 22px;
            text-align: left;
            margin-top: 20px;
            margin-right: 0;
        }

            .main-banner.bio-drating .container .caption p strong {
                font-family: "TTCommonsClassicW01DemiBold";
            }

.main-banner.contct-feel-dirt .container {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .main-banner.contct-feel-dirt .container .caption h2 {
        font-family: "TTCommonsClassicW01DemiBold";
        font-weight: 700;
        white-space: nowrap;
    }

.bio-drating-sec-2 {
    background-image: url("../img/img-1920X500-contactcare.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 170px 0 165px;
    margin-top: 0px;
    position: relative;
}

    .bio-drating-sec-2 .banner-img {
        display: none;
    }

    .bio-drating-sec-2 .container h2.text-center {
        margin-bottom: 60px;
    }

    .bio-drating-sec-2 .container .section-text {
        margin-bottom: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        background-color: #fff;
        border-radius: 10px;
        margin-top: 25px;
    }

        .bio-drating-sec-2 .container .section-text .sec-col1 {
            position: relative;
            padding: 50px 30px 30px 40px;
            width: 60%;
        }

        .bio-drating-sec-2 .container .section-text .sec-col2 {
            width: 38%;
            text-align: center;
        }

            .bio-drating-sec-2 .container .section-text .sec-col2 img {
                margin-top: -55px;
            }

        .bio-drating-sec-2 .container .section-text .sub-heading {
            background-color: #1A8383;
            font-size: 14px;
            line-height: 18px;
            color: #fff;
            font-family: "TTCommonsClassicW01DemiBold";
            display: inline-block;
            padding: 5px 15px 5px 15px;
            margin-bottom: 10px;
        }

        .bio-drating-sec-2 .container .section-text h2 {
            margin-bottom: 15px;
            font-size: 50px;
            line-height: 60px;
        }

        .bio-drating-sec-2 .container .section-text p {
            margin-bottom: 30px;
            font-size: 18px;
            line-height: 28px;
            font-family: "TTCommonsClassicW01Regular";
        }

        .bio-drating-sec-2 .container .section-text .sec-col2 p {
            font-size: 22px;
            line-height: 26px;
            letter-spacing: 0.75px;
        }

        .bio-drating-sec-2 .container .section-text p span {
            font-family: "TTCommonsClassicW01DemiBold";
        }

        .bio-drating-sec-2 .container .section-text .btn {
            min-width: 200px;
            padding: 15px 35px 12px;
        }

            .bio-drating-sec-2 .container .section-text .btn:hover {
                background-color: #00615E;
                color: #fff;
            }

        .bio-drating-sec-2 .container .section-text:last-child .sec-col1 {
            padding: 50px 5px 30px 40px;
            width: 62%;
        }

        .bio-drating-sec-2 .container .section-text:last-child .sec-col2 {
            width: 38%;
        }

            .bio-drating-sec-2 .container .section-text:last-child .sec-col2 img {
                margin-top: -30px;
                padding: 0 0 20px 0;
                position: relative;
            }

.bio-drating-bg {
    background: #EEF9F6;
}

.bio-drating-sec-3 {
    text-align: center;
    padding: 100px 0 240px;
}

    .bio-drating-sec-3 h2 {
        margin-bottom: 50px;
        font-size: 55px;
        line-height: 70px;
    }

    .bio-drating-sec-3 h1 {
        margin-bottom: 50px;
        font-size: 50px;
        line-height: 60px;
        font-family: "RecoletaBold";
    }

    .bio-drating-sec-3 .footnote {
        font-size: 18px;
        line-height: 28px;
        margin-top: 80px;
        font-family: "TTCommonsClassicW01DemiBold";
        margin-left: 0;
    }

    .bio-drating-sec-3 .section-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .bio-drating-sec-3 .section-text .sec-col {
            max-width: 30%;
        }

            .bio-drating-sec-3 .section-text .sec-col h2 {
                font-size: 100px;
                line-height: 80px;
                margin-bottom: 15px;
            }

            .bio-drating-sec-3 .section-text .sec-col h3 {
                font-size: 100px;
                line-height: 80px;
                margin-bottom: 15px;
                font-family: "RecoletaBold";
            }

            .bio-drating-sec-3 .section-text .sec-col h2 span {
                position: relative;
                padding: 0px 10px;
            }

            .bio-drating-sec-3 .section-text .sec-col h3 span {
                position: relative;
                padding: 0px 10px;
            }

            .bio-drating-sec-3 .section-text .sec-col h2 span:after {
                content: "";
                position: absolute;
                bottom: 12px;
                left: -8px;
                width: 107%;
                height: 35px;
                background-color: #E7F7EA;
                z-index: -1;
            }

            .bio-drating-sec-3 .section-text .sec-col h3 span:after {
                content: "";
                position: absolute;
                bottom: 12px;
                left: -8px;
                width: 107%;
                height: 35px;
                background-color: #E7F7EA;
                z-index: -1;
            }

            .bio-drating-sec-3 .section-text .sec-col h2 .text-wrap {
                font-size: 28px;
                line-height: 28px;
                width: 53px;
                display: inline-block;
                position: relative;
                top: -10px;
                font-family: "TTCommonsClassicW01DemiBold";
                text-transform: uppercase;
            }

            .bio-drating-sec-3 .section-text .sec-col h3 .text-wrap {
                font-size: 28px;
                line-height: 28px;
                width: 53px;
                display: inline-block;
                position: relative;
                top: -10px;
                font-family: "TTCommonsClassicW01DemiBold";
                text-transform: uppercase;
                font-style: initial;
            }

            .bio-drating-sec-3 .section-text .sec-col p {
                font-size: 18px;
                line-height: 28px;
                padding: 0 20px;
            }

.bio-drating-sec-4 {
    text-align: center;
    background-color: #EAF3DF;
    padding: 50px 0 100px;
    margin-top: -100px;
    position: relative;
}

    .bio-drating-sec-4 h2 {
        margin-bottom: 30px;
    }

    .bio-drating-sec-4 h4 {
        margin-bottom: 30px;
    }

    .bio-drating-sec-4 .row {
        margin-bottom: 25px;
    }

    .bio-drating-sec-4 .img-wrap {
        /*max-width: 450px;
  left: -40px;*/
        position: relative;
    }

    .bio-drating-sec-4 .sec-text {
        text-align: left;
    }

        .bio-drating-sec-4 .sec-text h2 {
            margin-bottom: 15px;
            font-family: "TTCommonsClassicW01DemiBold";
        }

    .bio-drating-sec-4 .row-3 .sec-text {
        padding-right: 10%;
    }

.bio-drating-sec-5 {
    padding: 80px 0 140px;
}

    .bio-drating-sec-5 h2.text-center {
        margin-bottom: 50px;
        font-size: 55px;
    }

    .bio-drating-sec-5 h4.text-center {
        margin-bottom: 50px;
        font-size: 50px;
        line-height: 60px;
        font-family: "RecoletaBold";
    }

    .bio-drating-sec-5 .col-md-6 .sec-text {
        text-align: center;
    }

        .bio-drating-sec-5 .col-md-6 .sec-text .product-hover {
            background: #E0F1E3;
            position: absolute;
            width: 350px;
            height: 350px;
            border-radius: 100%;
            z-index: -1;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            -webkit-transition: -webkit-transform 0.5s ease;
            transition: -webkit-transform 0.5s ease;
            -o-transition: transform 0.5s ease;
            transition: transform 0.5s ease;
            transition: transform 0.5s ease, -webkit-transform 0.5s ease;
            left: 0px;
            right: 0px;
            margin: auto;
        }

        .bio-drating-sec-5 .col-md-6 .sec-text:hover .product-hover {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

    .bio-drating-sec-5 .col-md-4 .sec-text:hover .product-hover {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .bio-drating-sec-5 .col-md-6 .sec-text:hover img {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    .bio-drating-sec-5 .col-md-4 .sec-text:hover img {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    .bio-drating-sec-5 .col-md-6 .sec-text img {
        height: 350px;
        margin-bottom: 20px;
        -webkit-transition: -webkit-transform 0.5s ease;
        transition: -webkit-transform 0.5s ease;
        -o-transition: transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    }

    .bio-drating-sec-5 .col-md-6 .sec-text h2 {
        font-size: 28px;
        line-height: 20px;
        margin-bottom: 25px;
        font-family: "TTCommonsClassicW01DemiBold";
    }

    .bio-drating-sec-5 .col-md-6 .sec-text .btn {
        min-width: 200px;
        padding: 15px 35px 11px;
    }

        .bio-drating-sec-5 .col-md-6 .sec-text .btn:hover {
            background-color: #00615E;
            color: #fff;
        }

.hydEye-sec-1 {
    padding: 60px 0 100px;
}

    .hydEye-sec-1 .row {
        position: static;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .hydEye-sec-1 .row .bg-gray {
            position: absolute;
            height: 100%;
            width: 45%;
            left: -40%;
            background: #D8D8D8;
        }

    .hydEye-sec-1 #detail {
        margin-left: -95%;
    }

        .hydEye-sec-1 #detail .product-images .slick-slider .slick-list {
            /*height: 345px;*/
            overflow-y: hidden;
        }

        .hydEye-sec-1 #detail .product-images .slick-slider .slick-prev {
            background-image: url("../img/icon-60X60-prev.png");
            background-size: 35px;
            background-position: center;
            background-repeat: no-repeat;
        }

        .hydEye-sec-1 #detail .product-images .slick-slider .slick-next {
            background-image: url("../img/icon-60X60-next.png");
            background-size: 35px;
            background-position: center;
            background-repeat: no-repeat;
        }

    .hydEye-sec-1 .carousel {
        padding-left: 10px;
        background: #fff;
    }

        .hydEye-sec-1 .carousel .btn-wrap {
            position: absolute;
            bottom: 0px;
            height: 40px;
            width: 80px;
            left: -35px;
        }

            .hydEye-sec-1 .carousel .btn-wrap .carousel-control-prev,
            .hydEye-sec-1 .carousel .btn-wrap .carousel-control-next {
                width: 50%;
                opacity: 0.9;
            }

    .hydEye-sec-1 .section-text {
        padding-left: 10px;
    }

        .hydEye-sec-1 .section-text h2 {
            font-size: 50px;
            line-height: 52px;
            margin-bottom: 20px;
            font-family: "TTCommonsClassicW01DemiBold";
        }

        .hydEye-sec-1 .section-text h1 {
            font-size: 34px;
            font-size: 50px;
            line-height: 52px;
            font-family: "TTCommonsClassicW01DemiBold";
            margin-bottom: 20px;
        }

        .hydEye-sec-1 .section-text p {
            font-size: 18px;
            line-height: 28px;
            color: #00615E;
        }

        .hydEye-sec-1 .section-text .sec-icon-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            padding: 10px 15px;
            border: 1px solid #00615E;
            border-radius: 10px;
            margin: 15px 0px 25px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .hydEye-sec-1 .section-text .sec-icon-wrap .sec-icon {
                text-align: center;
                width: 20%;
            }

        .hydEye-sec-1 .section-text .sec-icon-wrapnew .sec-icon {
            text-align: center;
            width: 20%;
        }

        .hydEye-sec-1 .section-text .sec-icon-wrap .sec-icon img {
            height: 40px;
            margin-bottom: 8px;
        }

        .hydEye-sec-1 .section-text .sec-icon-wrapnew .sec-icon img {
            height: 40px;
            margin-bottom: 8px;
        }

        .hydEye-sec-1 .section-text .sec-icon-wrap .sec-icon p {
            font-family: "TTCommonsClassicW01DemiBold";
            font-size: 15px;
            line-height: 17px;
            margin-bottom: 0;
            color: #00615E;
        }

        .hydEye-sec-1 .section-text .sec-icon-wrapnew .sec-icon p {
            font-family: "TTCommonsClassicW01DemiBold";
            font-size: 11px;
            line-height: 13px;
            margin-bottom: 0;
            color: #00615E;
        }

        .hydEye-sec-1 .section-text .sec-icon-wrap-mobile {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 10px 15px;
            border: 1px solid #00615E;
            border-radius: 10px;
            margin: 15px 0px 25px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .hydEye-sec-1 .section-text .sec-icon-wrap-mobile .row {
                margin: 15px 0px 15px 0px;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

            .hydEye-sec-1 .section-text .sec-icon-wrap-mobile .sec-icon {
                text-align: center;
                width: 33%;
            }

                .hydEye-sec-1 .section-text .sec-icon-wrap-mobile .sec-icon img {
                    height: 40px;
                    margin-bottom: 8px;
                }

                .hydEye-sec-1 .section-text .sec-icon-wrap-mobile .sec-icon p {
                    font-family: "TTCommonsClassicW01DemiBold";
                    font-size: 11px;
                    line-height: 13px;
                    margin-bottom: 0;
                    padding: 0 15px;
                }

        .hydEye-sec-1 .section-text .contact-lens .sec-icon {
            width: 33%;
        }

            .hydEye-sec-1 .section-text .contact-lens .sec-icon .font-8 {
                padding: 0px 20px !important;
            }

        .hydEye-sec-1 .section-text .contact-lens2 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .hydEye-sec-1 .section-text .contact-lens2 .row {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

            .hydEye-sec-1 .section-text .contact-lens2 .sec-icon {
                width: 50%;
                margin-bottom: 15px;
            }

                .hydEye-sec-1 .section-text .contact-lens2 .sec-icon .font-8 {
                    padding: 0px 20px !important;
                }

                .hydEye-sec-1 .section-text .contact-lens2 .sec-icon p {
                    padding: 0px 20px !important;
                }

        .hydEye-sec-1 .section-text .micellarpage .sec-icon {
            width: 25%;
        }

        .hydEye-sec-1 .section-text .btn1 {
            margin-bottom: 25px;
        }

            .hydEye-sec-1 .section-text .btn1 .btn {
                width: 100%;
                max-width: 100%;
                background-color: #00615E;
                color: #fff;
                font-family: "TTCommonsClassicW01DemiBold";
            }

                .hydEye-sec-1 .section-text .btn1 .btn:hover {
                    background: #fff;
                    color: #00615E;
                }

        .hydEye-sec-1 .section-text .btn2 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .hydEye-sec-1 .section-text .btn2 .btn {
                margin-right: 15px;
                letter-spacing: 1px;
                border-radius: 15px;
                text-transform: inherit;
                font-family: "TTCommonsClassicW01DemiBold";
                min-width: 30%;
                border-color: #00615E;
            }

                .hydEye-sec-1 .section-text .btn2 .btn:hover {
                    background: #00615E;
                    color: #fff;
                }

                .hydEye-sec-1 .section-text .btn2 .btn:last-child {
                    margin-right: 0px;
                }

                .hydEye-sec-1 .section-text .btn2 .btn:focus {
                    border-color: inherit;
                }

    .hydEye-sec-1.product-3 .sec-icon-wrap {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: 20px 15px 0px;
    }

        .hydEye-sec-1.product-3 .sec-icon-wrap .sec-icon p, .hydEye-sec-1.product-3 .sec-icon-wrap .sec-icon .font-8 {
            padding: 0 50px;
        }

        .hydEye-sec-1.product-3 .sec-icon-wrap .sec-icon .font-8 {
            font-size: 9px;
        }

        .hydEye-sec-1.product-3 .sec-icon-wrap .sec-icon .padding-10 {
            padding: 0 37%;
        }

.product-slider .slick-arrow {
    display: none !important;
}

.product-slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .product-slider .slick-dots li {
        width: 20px;
        height: 20px;
        border: solid 1px #00615E;
        border-radius: 15px;
        margin: 0px 3px;
        text-indent: -1000px;
    }

        .product-slider .slick-dots li.slick-active {
            background: #00615E;
        }

        .product-slider .slick-dots li button {
            background: inherit;
            border: 0px;
            text-indent: -1000px;
        }

.hydEye-sec-2 {
    text-align: center;
    background-color: #EEF9F6;
    padding: 100px 0 190px;
    position: relative;
}

    .hydEye-sec-2.product-2-sec-2.side-by-side-sec {
        background-color: #F3F8F3;
    }

    .hydEye-sec-2.product-2-sec-2 {
        padding: 50px 0 170px;
    }

    .hydEye-sec-2 h2 {
        margin-bottom: 70px;
    }

    .hydEye-sec-2 .hydEye-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .hydEye-sec-2 .hydEye-wrap .hydEye-img {
            max-width: 50%;
        }

        .hydEye-sec-2 .hydEye-wrap .hydEye-text {
            max-width: 50%;
            text-align: left;
        }

            .hydEye-sec-2 .hydEye-wrap .hydEye-text .text-uppercase {
                letter-spacing: 1px;
            }

            .hydEye-sec-2 .hydEye-wrap .hydEye-text h2 {
                margin-bottom: 15px;
                font-family: "TTCommonsClassicW01DemiBold";
            }

            .hydEye-sec-2 .hydEye-wrap .hydEye-text p {
                font-size: 14px;
                line-height: 17px;
            }

        .hydEye-sec-2 .hydEye-wrap:nth-child(odd) .hydEye-text {
            padding: 20px 0 0 9%;
        }

        .hydEye-sec-2 .hydEye-wrap:nth-child(even) .hydEye-text {
            padding: 20px 11% 20px 0%;
        }

.hydEye-sec-4 img.img-fluid.d-lg-block.d-none {
    width: 100%;
}

.hydEye-sec-4 .accordian-text .card .card-header a {
    color: #00615E;
    font-family: "TTCommonsClassicW01DemiBold";
    font-weight: 700;
}

.hydEye-sec-4 .accordian-text .card .acc-body .card-body p {
    font-family: "TTCommonsClassicW01Regular";
    font-size: 20px;
}

.hydEye-sec-3 {
    background-color: #EAF3DF;
    padding: 80px 0 100px;
    position: relative;
    /*&:after{
  	content:'';
  	background-repeat: no-repeat;
  	background-size: 100% 100%;
  	height: 90px;
  	width: 100%;
  	left: -1px;
  	position: absolute;
  	background-image:url('../img/img-150X1900-fxd1-bg.jpg');
  	bottom: -5px;
  }*/
}

    .hydEye-sec-3 .row-2 img {
        height: 550px;
        margin: auto;
    }

    .hydEye-sec-3 .post-wrapper {
        padding-top: 70px;
    }

        .hydEye-sec-3 .post-wrapper .section-text {
            margin-left: 60px;
            position: relative;
            padding-left: 0px;
            padding-bottom: 70px;
            opacity: 1;
            -webkit-transition-duration: 0.4s;
            -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            /*&:after{
  	position:absolute;
  	content: '';
  	background-image: url('../img/icon-48X48-bullet.png');  
  	background-size: 100%;
  	background-repeat: no-repeat;
  	left:-13px;
  	top: 0;
  	width: 25px;
  	height: 25px;
  }*/
            /*&:first-child{
  	margin-top: 80px;
  }
  &:last-child{
  	padding-bottom: 0px;
  	&:before{
  		position:absolute;
  		content: '';
  		background-color: $green-color-2;  
  		left: -6px;
  	    bottom: 0;
  	    width: 10px;
  	    height: 10px;
  	    border-radius: 50%;
  	}
  }*/
        }

            .hydEye-sec-3 .post-wrapper .section-text h3 {
                font-size: 23px;
                line-height: 27px;
                font-family: "TTCommonsClassicW01DemiBold";
            }

            .hydEye-sec-3 .post-wrapper .section-text h4 {
                font-size: 23px;
                line-height: 27px;
                font-family: "TTCommonsClassicW01DemiBold";
            }

            .hydEye-sec-3 .post-wrapper .section-text .link {
                color: inherit;
                text-decoration: underline;
                font-family: "TTCommonsClassicW01DemiBold";
                font-style: italic;
            }

            .hydEye-sec-3 .post-wrapper .section-text .stem-overlay {
                position: absolute;
                top: 0px;
                left: -60px;
                bottom: 0px;
                width: 40px;
                /*opacity: 0.1;*/
                -webkit-transition-duration: 0.4s;
                -o-transition-duration: 0.4s;
                transition-duration: 0.4s;
            }

                .hydEye-sec-3 .post-wrapper .section-text .stem-overlay .icon {
                    background: transparent url("../img/icon-48X48-bullet.svg") no-repeat center center;
                    height: 30px;
                    width: 30px;
                    background-size: 100%;
                    cursor: pointer;
                    margin: auto;
                    pointer-events: none;
                }

                .hydEye-sec-3 .post-wrapper .section-text .stem-overlay .stem-mask {
                    margin: auto;
                    position: absolute;
                    top: 30px;
                    bottom: 0px;
                    left: 0px;
                    right: 0px;
                    width: 1.5px;
                    background: #00615E;
                }

                    .hydEye-sec-3 .post-wrapper .section-text .stem-overlay .stem-mask.last-mask:after {
                        content: "";
                        position: absolute;
                        width: 10px;
                        height: 10px;
                        background-color: #00615E;
                        margin: 0 auto;
                        bottom: 0;
                        border-radius: 10px;
                        right: -5px;
                    }

            .hydEye-sec-3 .post-wrapper .section-text .post-content {
                /*opacity: 0.1;*/
                -webkit-transition-duration: 0.4s;
                -o-transition-duration: 0.4s;
                transition-duration: 0.4s;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
            }

            .hydEye-sec-3 .post-wrapper .section-text.active .stem-overlay {
                opacity: 1;
                pointer-events: auto;
            }

            .hydEye-sec-3 .post-wrapper .section-text.active .post-content {
                opacity: 1;
                pointer-events: auto;
            }

            .hydEye-sec-3 .post-wrapper .section-text.hidden .post-content {
                -webkit-transform: translateY(100px) rotateX(30deg);
                transform: translateY(100px) rotateX(30deg);
                opacity: 0;
            }

.hydEye-sec-4 {
    /*background-image: url('../img/img-966-1920-acco-sec.png');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;*/
    padding: 0px 0 0px 0;
    position: relative;
    top: -10px;
}

    .hydEye-sec-4 .img-fluid {
        /*display: none;*/
    }

    .hydEye-sec-4 .container {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
        height: 100%;
    }

        .hydEye-sec-4 .container .row {
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

    .hydEye-sec-4 .section-text {
        position: relative;
        padding-left: 180px;
        margin-bottom: 100px;
    }

        .hydEye-sec-4 .section-text h2 {
            font-size: 23px;
            line-height: 27px;
            font-family: "TTCommonsClassicW01DemiBold";
        }

        .hydEye-sec-4 .section-text .link {
            color: inherit;
            text-decoration: underline;
            font-family: "TTCommonsClassicW01DemiBold";
            font-style: italic;
        }

        .hydEye-sec-4 .section-text:after {
            position: absolute;
            content: "";
            background-image: url("../img/icon-30X100-list.png");
            background-size: 100%;
            background-repeat: no-repeat;
            left: -15px;
            top: 0;
            width: 180px;
            height: 40px;
        }

        .hydEye-sec-4 .section-text:nth-child(2) {
            margin-bottom: 0px;
        }

    .hydEye-sec-4 .accordian-text {
        color: #00615E;
        padding-left: 90px;
    }

        .hydEye-sec-4 .accordian-text h2 {
            font-family: "TTCommonsClassicW01DemiBold";
            margin-bottom: 10px;
            color: #00615E;
        }

        .hydEye-sec-4 .accordian-text h3 {
            font-family: "TTCommonsClassicW01DemiBold";
            margin-bottom: 10px;
            color: #00615E;
            font-size: 35px;
            line-height: 40px;
        }

        .hydEye-sec-4 .accordian-text .card {
            border: 0px solid transparent;
            border-bottom: 2px solid #00615E;
            background-color: transparent;
            background-clip: border-box;
            border-radius: 0rem;
        }

            .hydEye-sec-4 .accordian-text .card .card-header {
                padding: 0;
                background-color: transparent;
                border-bottom: 0;
            }

                .hydEye-sec-4 .accordian-text .card .card-header a {
                    margin-bottom: 0;
                    position: relative;
                    padding: 15px 30px 15px 0;
                    display: block;
                    font-family: "TTCommonsClassicW01DemiBold";
                }

@media screen and (max-width: 576px) {
    .hydEye-sec-4 .accordian-text .card .card-header a {
        font-size: 15px;
        line-height: 22px;
    }
}

.hydEye-sec-4 .accordian-text .card .card-header a h5 {
    font-family: "TTCommonsClassicW01DemiBold";
    display: block;
    /*font-size:$font-14;
  line-height: 18px;*/
    color: #00615E;
    position: relative;
}

.hydEye-sec-4 .accordian-text .card .card-header a:hover {
    text-decoration: none;
}

.hydEye-sec-4 .accordian-text .card .card-header a.collapsed:after {
    position: absolute;
    right: 10px;
    top: calc(50% - 7px);
    content: "+";
    font-size: 30px;
    line-height: 12px;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 15px;
    height: 15px;
}

.hydEye-sec-4 .accordian-text .card .card-header a:after {
    position: absolute;
    right: 5px;
    line-height: 0;
    font-size: 30px;
    top: calc(48% - 0px);
    content: "-";
    background-repeat: no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
}

.hydEye-sec-4 .accordian-text .card .acc-body .card-body {
    padding: 10px 0;
    color: #00615E;
    font-family: "TTCommonsClassicW01Regular";
    font-size: 14px;
    line-height: 18px;
}

    .hydEye-sec-4 .accordian-text .card .acc-body .card-body p {
        font-family: "TTCommonsClassicW01Regular";
        font-size: 15px;
        /*line-height: 18px;*/
        margin-bottom: 10px;
        letter-spacing: 1.34px;
    }

@media screen and (min-width: 992px) {
    .hydEye-sec-4 .accordian-text .card .acc-body .card-body p {
        font-size: 18px;
        line-height: 28px;
    }

    .hydEye-sec-4 .accordian-text .card .card-header a {
        font-size: 22px;
        line-height: 28px;
    }

    .hydEye-sec-4.full-width-accordion .accordian-text .card .card-header a {
        font-size: 22px;
        line-height: 33px;
    }

    .hydEye-sec-5 .container h5 {
        font-size: 18px;
        line-height: 28px;
    }
}

.hydEye-sec-4 .accordian-text .card .acc-body .card-body p a {
    font-family: "TTCommonsClassicW01DemiBold";
    color: inherit;
    text-decoration: underline;
}

.hydEye-sec-5 {
    background: #E0F1E3;
    /*	background-repeat: no-repeat;
  	background-position: top center;
  	background-size: 100% 100%;*/
    padding: 140px 0 165px;
    margin-top: -10px;
    position: relative;
}


    .hydEye-sec-5 .banner-img {
        display: none;
    }

    .hydEye-sec-5 .container h2.text-center {
        margin-bottom: 60px;
    }

    .hydEye-sec-5 .container h5 {
        color: #00615E;
        font-family: "TTCommonsClassicW01Medium";
    }

    .hydEye-sec-5 .container p.text-center {
        color: #00615E;
        font-family: "TTCommonsClassicW01Medium";
        font-size: 18px;
        line-height: 28px;
        letter-spacing: normal;
    }

    .hydEye-sec-5-pro-page1 h3, .hydEye-sec-5 .container h3 {
        font-family: "RecoletaBold";
        color: inherit;
        font-size: 34px;
        line-height: 60px;
        font-size: 50px;
        margin-bottom: 60px;
        display: inline-block;
        width: 100%;
    }

.hydEye-sec-5-pro-page1 .container .section-text h3 {
    margin-bottom: 15px;
}

.hydEye-sec-5 .container .section-text h3 {
    margin-bottom: 15px;
}

.hydEye-sec-5 .container .section-text {
    margin-bottom: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .hydEye-sec-5 .container .section-text .sec-col1 {
        position: relative;
        padding: 0px 30px 40px 30px !important;
        width: 60%;
    }

        .hydEye-sec-5 .container .section-text .sec-col1 h2 {
            padding-right: 0px;
        }

    .hydEye-sec-5 .container .section-text .sec-col2 {
        width: 38%;
        text-align: center;
    }

        .hydEye-sec-5 .container .section-text .sec-col2 img {
            margin-top: -60px;
        }

            .hydEye-sec-5 .container .section-text .sec-col2 img.mecw {
                position: relative;
                left: 40px;
            }

    .hydEye-sec-5 .container .section-text .sub-heading {
        background-color: #1A8383;
        font-size: 14px;
        line-height: 18px;
        color: #fff;
        font-family: "TTCommonsClassicW01DemiBold";
        display: inline-block;
        padding: 5px 15px 5px 15px;
        margin-bottom: 10px;
    }

    .hydEye-sec-5 .container .section-text h2 {
        margin-bottom: 15px;
    }

    .hydEye-sec-5 .container .section-text p {
        margin-bottom: 30px;
        font-size: 18px;
        line-height: 28px;
        font-family: "TTCommonsClassicW01Regular";
    }

        .hydEye-sec-5 .container .section-text p span {
            font-family: "TTCommonsClassicW01DemiBold";
        }

    .hydEye-sec-5 .container .section-text .btn {
        min-width: 200px;
        padding: 15px 35px 12px;
    }

        .hydEye-sec-5 .container .section-text .btn:hover {
            background: #00615E;
            color: #fff;
        }

.hydEye-sec-5.product-1sec-5 .sec-col1 {
    width: 50% !important;
    padding: 50px 10px 30px 40px !important;
}

    .hydEye-sec-5.product-1sec-5 .sec-col1 h2 {
        padding-right: 20px;
    }

.hydEye-sec-5.product-1sec-5 .sec-col2 {
    width: 50% !important;
}

    .hydEye-sec-5.product-1sec-5 .sec-col2 img {
        position: relative;
        left: auto;
        margin-top: -80px !important;
    }

.hydEye-sec-5-pro-page1 {
    background: #e0f1e3;
}

    .hydEye-sec-5-pro-page1 .container .section-text .sec-col1 {
        padding: 30px 30px 40px 30px !important;
        width: 55%;
    }

        .hydEye-sec-5-pro-page1 .container .section-text .sec-col1 .btn-default {
            flex: none;
            max-width: fit-content;
        }

    .hydEye-sec-5-pro-page1 .container .section-text .sec-col2 {
        width: 45%;
        text-align: center;
    }

        .hydEye-sec-5-pro-page1 .container .section-text .sec-col2 img.mecw {
            position: relative;
            left: auto;
        }

.our-product-sec-4 .sec-text .hover-circle {
    background: #E0F1E3;
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 100%;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.sec-text .img-hover {
    display: block;
}

.our-product-sec-4 .sec-text .hover-circle1 {
    background: #E0F1E3;
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 100%;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.our-product-sec-4 .sec-text .hover-circle2 {
    background: #E0F1E3;
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 100%;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.our-product-sec-4 .sec-text img {
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.our-product-sec-4 .sec-text:hover .hover-circle, .our-product-sec-4 .sec-text:hover .hover-circle1, .our-product-sec-4 .sec-text:hover .hover-circle2 {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.our-product-sec-4.mob-2-col .sec-text img {
    height: 350px;
    transform: scale(.8) rotate(0deg);
    transition: transform 330ms ease-in-out;
}

.our-product-sec-4 .sec-text:hover img {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}

.our-product-sec-4 h2 {
    font-size: 50px;
    line-height: 60px;
    color: #00615E;
}

.our-product-sec-4 h3 {
    font-size: 50px;
    line-height: 60px;
    font-family: "RecoletaBold";
    color: #00615E;
}

.hydEye-sec-1.product-2 .sec-icon-wrap-mobile1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 15px;
    border: 1px solid #00615E;
    border-radius: 10px;
    margin: 15px 0px 25px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .hydEye-sec-1.product-2 .sec-icon-wrap-mobile1 .row {
        margin: 15px 0px 15px 0px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .hydEye-sec-1.product-2 .sec-icon-wrap-mobile1 .sec-icon {
        text-align: center;
        width: 45%;
    }

        .hydEye-sec-1.product-2 .sec-icon-wrap-mobile1 .sec-icon img {
            height: 40px;
            margin-bottom: 8px;
        }

        .hydEye-sec-1.product-2 .sec-icon-wrap-mobile1 .sec-icon p {
            font-family: "TTCommonsClassicW01DemiBold";
            font-size: 11px;
            line-height: 13px;
            margin-bottom: 0;
        }

/*.fadeIn-onscroll{
	animation: wave1 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) !important;
    transform: translate3d(0, 0, 0) !important;
}
@keyframes wave1 {
   	0% {
	    margin-left: 0;
	  }
	  100% {
	    margin-left: -250%;
	  }
}*/
@media screen and (max-width: 991px) {
    .menu-back .logo img {
        width: 31px !important;
        margin: 15px 0 !important;
    }

    .footer-main .footer-bottom .nav-brand-new img {
        max-width: 271px;
        margin: auto;
    }

    /*.desktopfoot {
        display: none !important;
    }*/

    .mobfoot {
        display: block !important;
    }

    mobfoot ul {
        margin-bottom: 0px !important;
    }

    .footer-main ul li {
        padding: 7px 0px;
    }

    .footer-main ul.foot-list li {
        padding: 20px 0px;
    }

    .footer-main ul li.footer-btn .btn {
        margin-bottom: 0px !important;
    }

    .footer-main ul li.link-heading {
        font-size: 16px !important;
    }

    .footer-main ul li a {
        font-size: 16px !important;
    }

    .footer-main ul li.footer-btn {
        max-width: 100% !important;
        text-align: center;
    }

        .footer-main ul li.footer-btn a {
            font-size: 13px !important;
        }

    .footer-main .footer-bottom .col-lg-5 {
        padding: 10px 30px !important;
    }
}

.main-banner.bio-drating .container .caption p {
    color: #00615E;
}

.bio-drating-sec-4 h2 {
    font-size: 55px;
    line-height: 70px;
}

.bio-drating-sec-4 h4 {
    font-size: 50px;
    line-height: 60px;
    font-family: "RecoletaBold";
}

.bio-drating-sec-4 .sec-text h4 {
    font-size: 45px;
    line-height: 47px;
}

.bio-drating-sec-4 .sec-text h4 {
    margin-bottom: 40px;
    font-family: "TTCommonsClassicW01DemiBold";
}

.bio-drating-sec-4 p {
    font-size: 18px;
    line-height: 28px;
}

    .bio-drating-sec-4 p.md-para {
        font-size: 22px;
        line-height: 30px;
    }

#mydiv {
    text-align: center;
}

.contct-feel-sec-5 .col-md-6 .sec-text img {
    margin-bottom: 20px;
}

/*.hydEye-sec-1 .section-text .btn-wrap .ps-widget .ps-button-label {
    display: none;
}*/

.hydEye-sec-1 .section-text .btn-wrap .ps-widget[ps-sku], .hydEye-sec-1 .section-text .btn-wrap .ps-widget[data-ps-sku] {
    border-width: 1px;
    font-size: 18px;
}

.ps-widget[ps-sku]:hover, .ps-widget[data-ps-sku]:hover {
    border: none !important;
}

.btnbuy-now .ps-widget[ps-sku],
.btnbuy-now .ps-widget[data-ps-sku] {
    border: 0;
    position: relative;
    color: #046C68;
}

    .btnbuy-now .ps-widget[ps-sku]:hover:after,
    .btnbuy-now .ps-widget[data-ps-sku]:hover:after {
        content: "";
        position: absolute;
        top: 80%;
        width: 72%;
        left: 13px;
        height: 2px;
        background-color: #046C68;
    }

.site-buynow {
    display: none;
}

.how-do-you-block-4 .btn,
.how-do-you-block-4 .btn-default:visited,
.how-do-you-block-4 .btn-default:focus {
    text-transform: capitalize !important;
    background: #046C68;
    color: #fff;
}

.our-product-sec-4 .sec-text:hover .hover-circle,
.our-product-sec-4 .sec-text:hover .hover-circle1,
.our-product-sec-4 .sec-text:hover .hover-circle2 {
    z-index: 0;
    left: 0;
}

.section-banner .main-banner.eyecare-banner .container .banner-subhead-text .caption img {
    max-width: 80%;
    margin-top: 10px;
}

#mydiv {
    height: 400px;
    display: none;
    overflow-y: scroll;
}

.hydEye-sec-1.product-3 .sec-icon-wrap .sec-icon p, .hydEye-sec-1.product-3 .sec-icon-wrapnew .sec-icon p, .hydEye-sec-1.product-3 .sec-icon-wrap .sec-icon .font-8,
.hydEye-sec-1 .section-text .contact-lens .sec-icon .font-8,
.hydEye-sec-1.product-3 .sec-icon-wrap .sec-icon .padding-10 {
    padding: 0 !important;
}

/*.hydEye-sec-1 #detail .product-images .slick-slider .slick-list {
		height: 360px;
	}*/
.footer-main {
    background: #00615E;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 40px 0 0px;
    margin-top: 0px;
    position: relative;
    z-index: 1;
}

    .footer-main .row {
        padding-bottom: 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .footer-main .row .col-lg-4 ul {
            display: block;
            float: left;
        }

            .footer-main .row .col-lg-4 ul:nth-child(1) {
                margin-right: 50px;
                letter-spacing: 1px;
            }

        .footer-main .row .social-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

    .footer-main ul li {
        letter-spacing: 1.6px;
    }

        .footer-main ul li.link-heading {
            color: #ffffff;
            font-size: 12px;
            margin-bottom: 20px;
        }

            .footer-main ul li.link-heading a {
                text-decoration: none;
            }

        .footer-main ul li a {
            font-size: 16px;
            color: #fff;
        }

        .footer-main ul li.footer-btn a {
            font-size: 18px;
        }

    .footer-main ul.foot-list li a {
        letter-spacing: 3px;
    }


    .footer-main .footer-para-new p {
        font-size: 12px;
        line-height: 17px;
    }

    .footer-main ul li.social-link-1, .footer-main ul li.social-link-2 {
        width: 33%;
        display: inline-block;
    }

    .footer-main ul li.social-link-1 {
        margin-left: -8px;
        margin-right: 15px;
    }

    .footer-main ul li.social-link-2 {
        margin-bottom: 20px;
    }

@media screen and (min-width: 600px) {
    .footer-main ul li.social-link-2 {
        margin-bottom: 40px;
    }
}

.footer-main ul li.footer-btn {
    max-width: 300px;
}

    .footer-main ul li.footer-btn .btn {
        background-color: #F7FFF8;
        color: #00615E;
        width: 100%;
        margin-bottom: 6px;
        padding: 12px 16px 8px;
        min-width: fit-content;
        font-weight: normal;
    }

@media only screen and (min-width: 992px) {
    .footer-main ul li.footer-btn .btn {
        padding: 15px 55px 14px;
        margin-bottom: 25px;
    }
}

.footer-main .footer-bottom {
    background-color: #00615E;
    color: #fff;
    padding: 30px 0 16px;
}

@media only screen and (min-width: 992px) {
    .footer-main .footer-bottom {
        padding: 15px 0 11px;
    }
}

.footer-main .footer-bottom .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 0px;
}

.footer-main .footer-bottom .nav-brand {
    max-width: 330px;
    display: block;
}

.footer-main .footer-bottom p a {
    color: inherit;
}

.footer-main .d-flex ul {
    width: 50%;
}

.menu-group-wrapper {
    display: flex;
    width: 100%;
    flex-grow: 1;
}

.group-item {
    flex-grow: 1;
    padding: 0 10px;
}

    .group-item:last-child {
        flex-grow: initial;
        display: flex;
        flex-direction: column;
    }

.menu-list-wrapper {
    display: flex;
}

.menu-group-list-wrap {
    width: 40%;
    text-align: center;
}

.menu-group-list-wrap-2 {
    width: 50%;
    text-align: center;
}

.menu-group-image {
    text-align: center;
    position: relative;
}

.hover-bg-circle {
    background-color: #E3F2E5;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    height: 80%;
    border-radius: 50%;
    z-index: 0;
    display: none;
}

.hover-bg-circle-off {
    background-color: #E3F2E5;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    border-radius: 50%;
    z-index: 0;
    display: none;
}

.group-item:last-child .menu-group-list-wrap {
    width: 100%
}

.menu-group-image img {
    width: 100%;
    padding: 10%;
    position: relative;
    z-index: 2;
    transform: scale(.8) rotate(0deg);
    transition: transform 330ms ease-in-out;
}

.menu-group-list {
    transition-duration: 0.8s;
    transition-property: transform;
}

.menu-group-list-off {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.menu-group-list:hover .menu-group-image img {
    transform: scale(1) rotate(5deg);
}

.menu-group-list:hover .hover-bg-circle {
    display: block
}

span.cs-badge {
    width: 100%;
    display: block;
    margin-top: 10px;
}

.menu-tag {
    font-size: 11px;
    line-height: 17px;
    color: #046C68;
    letter-spacing: 2px;
    font-family: "TTCommonsClassicW01DemiBold";
}

header .header-main .top-menu .dropdown-submenu .dropdown-menu .submenu .menu-link-wrap a {
    white-space: normal;
    color: #046C68;
    font-family: "TTCommonsClassicW01DemiBold";
    font-size: 15px;
    line-height: 17px;
    text-transform: capitalize;
    letter-spacing: 0.75px;
    margin: 0;
    min-height: 53px;
    display: block;
    margin-top: 7px;
    text-decoration: none;
}

.menu-link-wrap {
    padding: 0 5px;
}

.group-title h3 {
    font-family: "RecoletaBold";
    color: #046C68;
    font-size: 15px;
    line-height: 17px;
    border-bottom: 2px solid #CFE5B4;
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.menu-group-list {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.fill-btn {
    background: #00615E;
}

    .fill-btn, .fill-btn:visited {
        padding: 7px 30px;
        color: #fff;
        width: auto;
        min-width: auto;
        font-size: 24px;
        line-height: 40px;
    }

        .fill-btn:focus {
            padding: 7px 30px;
            min-width: auto;
            font-size: 24px;
            line-height: 40px;
        }

        .fill-btn:hover, .fill-btn:focus {
            background: #EAF3DF;
            color: #00615E;
            border-color: #00615E;
        }

.our-bottle-banner .btn {
    text-transform: inherit;
    letter-spacing: 2px;
}

.icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .icon-btn img {
        margin-left: 10px;
        filter: brightness(0) invert(1);
    }

.fill-btn.icon-btn:hover img {
    filter: none;
}

.mid-content p {
    font-size: 22px;
    line-height: 33px;
    color: #00615E;
}

.mid-content h2 {
    line-height: 60px;
    font-size: 50px;
}

.hydEye-sec-4.full-width-accordion {
    display: inline-block;
    width: 100%;
    top: 0;
}

    .hydEye-sec-4.full-width-accordion .container {
        position: relative;
        top: 0;
    }

@media screen and (min-width: 992px) {
    .sec-2 {
        padding: 70px 0 10px;
    }
}

@media screen and (min-width: 1680px) {
    .sec-4 .container .section-text {
        padding-left: 130px !important;
    }

    .footer-main ul li.link-heading {
        margin-top: 0px !important;
    }

    .ocean .waveplus {
        background: url(/siteassets/img/wave-product.png) repeat-x;
        position: absolute;
        top: -128px !important;
        width: 5436px;
        height: 200px !important;
        background-size: 98% !important;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .ocean-acc .waveplusrotate {
        background-size: 98% !important;
        background: url(/siteassets/img/wave-product.png) repeat-x;
        position: absolute;
        top: -118px !important;
        width: 5436px;
        height: 200px !important;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .modalhplus {
        padding-top: 3.5% !important;
    }

    .modalhplus {
        padding-top: 100px !important;
    }

    .hplusclose {
        position: absolute;
        top: 27px !important;
        width: 30px !important;
        right: 38px !important;
    }

    .main-banner.contct-feel-dirt .container .caption h2 {
        font-size: 120px !important;
    }

    .footnote {
        margin-top: 100px;
        margin-left: 180px;
        font-size: 13px;
        line-height: 17px;
        color: #1A7E61;
    }

    .contct-feel-sec-2 {
        margin-top: -40px;
        position: relative;
        padding: 70px 0 85px;
    }

    .hydEye-sec-1 #detail {
        margin-left: -100%;
    }

    .sec-icon-wrapnew {
        padding: 20px 60px !important;
    }

    .hydEye-sec-1 .section-text .sec-icon-wrapnew .sec-icon {
        width: 23% !important;
    }

    .contactbanner h2 {
        line-height: 120px !important;
    }

    .section-banner .main-banner.home-banner .container .caption p {
        margin-right: 45% !important;
    }

    .main-banner.contct-feel .container .caption {
        padding-top: 70px !important;
    }

    .main-banner.contct-feel.our-bottle-banner .container .caption {
        padding-top: 0px !important;
        position: relative;
        top: -52px;
    }

    .contactbanner .caption {
        margin-left: 90px !important;
    }
}

@media screen and (max-width: 1679px) and (min-width: 1250px) {
    .contct-feel-sec-2 {
        margin-top: -40px;
    }

        .contct-feel-sec-2 .container .section-text {
            display: table;
            position: relative;
            min-height: 440px;
        }

            .contct-feel-sec-2 .container .section-text .sec-col1 {
                margin-top: 90px;
            }

            .contct-feel-sec-2 .container .section-text .sec-col2 {
                width: 25%;
                position: absolute;
                top: 0px;
            }
}

@media screen and (max-width: 1201px) and (min-width: 993px) {
    header .header-main .top-menu .dropdown-submenu .dropdown-menu .submenu a .menu-text {
        font-size: 11px;
        line-height: 16px;
    }
}
/*@media screen and (max-width: 1366px){
	.hydEye-sec-3{
		.row-2{
			img{
				position: static !important;
			}
		}
	}
}*/
@media screen and (min-width: 1024.1px) {
    .acco-height {
        height: 400px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    img.img-fluid.mecw.lazy.mx-wd {
        margin-top: -75px;
        position: relative;
        left: 0px !important;
        max-width: 79% !important;
    }
}

@media screen and (max-width: 1024px) and (min-width: 992px) {
    .contct-feel-sec-2 .container .section-text .sec-col2.img-adj-ht {
        top: 9%;
        width: 36%;
        right: 4px;
    }

    .contct-feel-sec-2 .container .section-text .sec-col1.pading {
        padding: 50px 0px 30px 40px;
    }

    .acco-height {
        height: 263px;
    }

    .hydEye-sec-1.product-3 .sec-icon-wrap .sec-icon .padding-10 {
        padding: 0 33%;
    }

    .hydEye-sec-5 .container .section-text .sec-col1 {
        position: relative;
        padding: 30px 30px 40px 30px !important;
        width: 60%;
    }

    .hydEye-sec-5 .container .section-text .sec-col2 img {
        margin-top: -130px;
    }

    .main-banner.contct-feel .container .caption h2 {
        font-size: 70px;
        line-height: 64px;
    }

    .main-banner.contct-feel .container .caption h1 {
        font-size: 70px;
        line-height: 64px;
    }
}

.logo {
    display: block;
}

    .logo img {
        width: 52px;
    }

.header .btnbuy-now .ps-button-label, .header .mobile-head-menu .ps-button-label {
    text-transform: uppercase;
}


@media screen and (max-width: 1112px) {
    .main-banner.Biotrue-Recycling-banner .container .caption h2 {
        font-size: 46px;
        line-height: 34px;
    }

    .main-banner.Biotrue-Recycling-banner .container .caption h1 {
        font-size: 46px;
        line-height: 34px;
    }

    .hydEye-sec-1 .section-text .btn2 .btn {
        min-width: inherit;
        letter-spacing: 1px;
    }

    .hydEye-sec-2,
    .hydEye-sec-3,
    .hydEye-sec-4,
    .hydEye-sec-5 {
        padding: 40px 0;
    }
}

@media screen and (max-width: 991px) {

    .sec-1 .container .section-text .font-20 {
        font-size: 14px;
        font-family: "TTCommonsClassicW01Medium";
    }

    .sec-1 .container .section-text h2 {
        font-size: 32px;
        line-height: 37px;
    }

    .sec-1 .container .section-text p {
        font-size: 20px;
        line-height: 30px;
        font-family: "TTCommonsClassicW01Regular";
    }

    .sec-2 h4 span {
        font-size: 32px;
        line-height: 37px;
        font-family: "RecoletaBold";
    }

    .sec-2 h1 span {
        font-size: 32px;
        line-height: 37px;
        font-family: "RecoletaBold";
    }

    .sec-2 h4 span:after {
        background: #E0F1E3;
        height: 22px;
    }

    .sec-2 .section-text .sec-col p {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .btnfixed:visited, .btnfixed:focus {
        background-repeat: no-repeat;
        color: #00615E;
    }

    .btnfixed:hover {
        background-repeat: no-repeat;
        color: #00615E;
    }

    .count-wave {
        height: 5%;
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
        background: #015871;
        z-index: 1;
    }

        .count-wave .wave {
            background: url(../img/img-1920X50-bg-green2.svg) repeat-x;
            position: absolute;
            background-size: 75%;
            top: -75px;
            height: 95px;
            width: 4000px !important;
            -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    @-webkit-keyframes wave {
        0% {
            margin-left: 0;
        }

        100% {
            margin-left: -1600px;
        }
    }

    @keyframes wave {
        0% {
            margin-left: 0;
        }

        100% {
            margin-left: -1600px;
        }
    }

    .acco-bottom {
        height: 5%;
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
        background: #015871;
        z-index: 1;
    }

        .acco-bottom .wave {
            background: url(../img/img-1920X50-bg-white-bottom1.svg) bottom repeat-x;
            position: absolute;
            background-size: 40%;
            top: -60px;
            height: 75px;
            width: 4000px !important;
            -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    @keyframes wave {
        0% {
            margin-left: 0;
        }

        100% {
            margin-left: -3516px;
        }
    }

    .pro1-page-wave2 {
        height: 5%;
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
        background: #015871;
        z-index: 1;
    }

        .pro1-page-wave2 .wave {
            background: url(../img/img-1920X50-bg-pro1-page-wave2.svg) repeat-x;
            position: absolute;
            background-size: 30%;
            top: -75px;
            height: 75px;
            width: 4000px !important;
            -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    @keyframes wave {
        0% {
            margin-left: 0;
        }

        100% {
            margin-left: -3516px;
        }
    }

    .hydEye-sec-1 .section-text {
        padding-left: 0px;
    }

    .home-ocean {
        height: 5%;
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
        background: #015871;
        z-index: 1;
    }

        .home-ocean .wave {
            background: url(../img/img-1920X50-bg-white-top-home.svg) repeat-x;
            position: absolute;
            background-size: 35%;
            top: -54px;
            height: 75px;
            width: 4000px !important;
            -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    @keyframes wave {
        0% {
            margin-left: 0;
        }

        100% {
            margin-left: -1600px !important;
        }
    }

    .ocean-acc {
        height: 5%;
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
        background: #015871;
        z-index: 1;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

        .ocean-acc .wave {
            background: url(../img/img-1920X50-bg-white-top1.svg) repeat-x;
            position: absolute;
            background-size: 50%;
            top: -10px;
            height: 75px;
            width: 2718px;
            -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .ocean-acc .waveplusrotate {
            background: url(/siteassets/img/wave-product.png) repeat-x;
            position: absolute;
            background-size: 43%;
            top: -7px;
            height: 75px;
            width: 2718px;
            -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    @keyframes wave {
        0% {
            margin-left: 0;
        }

        100% {
            margin-left: -1600px;
        }
    }

    .dark-green {
        height: 5%;
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
        background: #015871;
        z-index: 1;
    }

        .dark-green .wave {
            background: url(../img/img-1920X50-bg-white-dark-green.svg) repeat-x;
            position: absolute;
            background-size: 75%;
            top: -75px;
            height: 75px;
            width: 2718px;
            -webkit-animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    @keyframes wave {
        0% {
            margin-left: 0;
        }

        100% {
            margin-left: -1600px;
        }
    }

    .mktoButtonRow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mktoButtonRow {
        margin-left: auto !important;
        margin-right: auto;
    }

    .signPup .mktoFormRow #LblbLVisionCareBioTrueOptin {
        width: 82% !important;
    }

    .signPup .mktoFormRow p a {
        padding: 0px;
    }

    .signPup .signPup-box {
        max-width: 90%;
        padding: 30px 10px 120px 10px;
    }

    .footer-ocean {
        height: 5%;
        width: 100%;
        position: relative;
        bottom: 0px;
        left: 0;
        background: #015871;
        z-index: 1;
    }

        .footer-ocean .wave {
            background: url(../img/img-1920X50-bg-white-top-footer.svg) repeat-x;
            position: absolute;
            background-size: 50%;
            top: -35px;
            height: 75px;
            width: 2718px;
            -webkit-animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    @keyframes wave {
        0% {
            margin-left: 0;
        }

        100% {
            margin-left: -1600px;
        }
    }

    .innter-wave-white {
        height: 5%;
        width: 100%;
        position: relative;
        bottom: 0px;
        left: 0;
        background: #015871;
        z-index: 1;
    }

        .innter-wave-white .wave {
            background: url(../img/img-1920X50-bg-white-inner.svg) repeat-x;
            position: absolute;
            background-size: 75%;
            top: -75px;
            height: 75px;
            width: 2718px;
            -webkit-animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    @keyframes wave {
        0% {
            margin-left: 0;
        }

        100% {
            margin-left: -1600px;
        }
    }

    .innter-wave-white1 {
        height: 5%;
        width: 100%;
        position: relative;
        bottom: -30px;
        left: 0;
        background: #015871;
        z-index: 1;
    }

    .fix-wv-top-align.innter-wave-white1 {
        bottom: -1px;
    }

        .fix-wv-top-align.innter-wave-white1 .wave {
            top: auto;
            bottom: 0;
            background-size: contain;
        }

    .innter-wave-white1 .wave {
        background: url(../img/img-1920X50-bg-white-inner.svg) repeat-x;
        position: absolute;
        background-size: 50%;
        top: -50px;
        height: 75px;
        width: 2718px;
        -webkit-animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    @keyframes wave {
        0% {
            margin-left: 0;
        }

        100% {
            margin-left: -1600px;
        }
    }

    .innter-wave-cream {
        height: 5%;
        width: 100%;
        position: relative;
        bottom: -30px;
        left: 0;
        background: #015871;
        z-index: 1;
    }

        .innter-wave-cream .wave {
            background: url(../img/img-1920X50-bg-cream-inner.svg) repeat-x;
            position: absolute;
            background-size: 50%;
            top: -62px;
            height: 75px;
            width: 2718px;
            -webkit-animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    @keyframes wave {
        0% {
            margin-left: 0;
        }

        100% {
            margin-left: -1600px;
        }
    }

    .innter-wave-light-green {
        height: 5%;
        width: 100%;
        position: relative;
        bottom: -30px;
        left: 0;
        background: #015871;
        z-index: 1;
    }

        .innter-wave-light-green .wave {
            position: absolute;
            background-size: 34%;
            top: -62px;
            height: 75px;
            width: 2718px;
            -webkit-animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    @keyframes wave {
        0% {
            margin-left: 0;
        }

        100% {
            margin-left: -1600px;
        }
    }

    .ocean {
        height: 5%;
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
        background: #015871;
        z-index: 1;
    }

        .ocean .wave {
            background: url(../img/img-1920X50-bg-white-top1.svg) repeat-x;
            position: absolute;
            background-size: 50%;
            top: -55px;
            height: 75px;
            width: 2718px;
            -webkit-animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .ocean .waveplus {
            background: url(/siteassets/img/wave-product.png) repeat-x;
            position: absolute;
            background-size: 41%;
            top: -55px;
            height: 75px;
            width: 2718px;
            -webkit-animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    @keyframes wave {
        0% {
            margin-left: 0;
        }

        100% {
            margin-left: -1600px;
        }
    }

    .green-wave {
        height: 5%;
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
        background: #015871;
        z-index: 1;
    }

        .green-wave .wave {
            background: url(../img/img-1920X50-bg-white-green.svg) repeat-x;
            position: absolute;
            background-size: 50%;
            top: -75px;
            height: 75px;
            width: 2718px;
            -webkit-animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    @keyframes wave {
        0% {
            margin-left: 0;
        }

        100% {
            margin-left: -1600px;
        }
    }

    .green-wave1 {
        height: 5%;
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
        background: #015871;
        z-index: 1;
    }

        .green-wave1 .wave {
            background: url(../img/img-1920X50-bg-white-green1.svg) repeat-x;
            position: absolute;
            background-size: 41%;
            top: -75px;
            height: 75px;
            width: 2718px;
            -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    @keyframes wave {
        0% {
            margin-left: 0;
        }

        100% {
            margin-left: -1600px;
        }
    }

    .pathologic-slider {
        position: relative;
    }

        .pathologic-slider .slick-slide img {
            margin: 0 auto;
        }

        .pathologic-slider .slick-arrow {
            position: absolute;
            top: 28px;
            border: inherit;
            text-indent: -9999px;
            width: 48px;
            height: 48px;
            z-index: 1;
        }

        .pathologic-slider .slick-next {
            background: url(../img/icon-48x48-arrow-right.png) no-repeat right top;
            right: 5px;
            background-size: 48px 48px;
        }

        .pathologic-slider .slick-prev {
            background: url(../img/icon-48x48-arrow-left.png) no-repeat left top;
            left: 5px;
            background-size: 48px 48px;
        }

        .pathologic-slider h3 {
            font-size: 28px;
            font-family: "TTCommonsClassicW01DemiBold";
        }

        .pathologic-slider p {
            margin-bottom: 40px;
        }

        .pathologic-slider h3 img {
            display: inline;
            height: 34px;
            margin-right: 5px;
        }

        .pathologic-slider h4 {
            border: solid 1px #00615E;
            border-radius: 40px;
            /*padding: 12px;*/
            height: 54px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0px 55px;
            line-height: 20px;
        }

        .pathologic-slider span {
            border: solid 1px #00615E;
            border-radius: 40px;
            /*padding: 12px;*/
            height: 54px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0px 55px;
            line-height: 20px;
        }

        .pathologic-slider p {
            font-size: 16px;
            line-height: 20px;
        }

            .pathologic-slider p.footnote1 {
                letter-spacing: 2.6px;
                font-size: 13px;
                line-height: 18px;
                text-transform: uppercase;
                padding: 10px 10% 5px;
            }

    .main-banner.contct-feel .container {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .main-banner.contct-feel .container .caption {
            text-align: left;
            position: relative;
        }

            .main-banner.contct-feel .container .caption span {
                font-family: "RecoletaBold";
                font-size: 22px;
                line-height: 26px;
                margin-bottom: 10px;
                display: inline-block;
                color: #00615E;
                letter-spacing: 0.48px;
            }

            .main-banner.contct-feel .container .caption h2 {
                font-size: 48px;
                line-height: 60px;
                margin-bottom: 0;
                color: #00615E;
                font-family: "TTCommonsClassicW01DemiBold";
                font-weight: 700;
            }

            .main-banner.contct-feel .container .caption h1 {
                font-size: 48px;
                line-height: 60px;
                margin-bottom: 0;
                color: #00615E;
                font-family: "TTCommonsClassicW01DemiBold";
                font-weight: 700;
            }

            .main-banner.contct-feel .container .caption p {
                font-family: "TTCommonsClassicW01Regular";
                font-size: 18px;
                line-height: 25px;
                text-align: left;
                margin-top: 15px;
                margin-right: 15%;
                color: #00615E;
            }

                .main-banner.contct-feel .container .caption p strong {
                    font-family: "TTCommonsClassicW01DemiBold";
                }

    .main-banner.contct-feel .innter-wave-white1 {
        display: block;
    }

    .contct-feel-sec-2 .container .section-text .sec-col1 {
        padding: 190px 30px 40px 30px;
        text-align: center;
    }

        .contct-feel-sec-2 .container .section-text .sec-col1 p.footnote {
            /*display: none;*/
        }

    .contct-feel-sec-2 .container .section-text .sec-col2 {
        width: 60%;
        position: absolute;
        top: 20px;
        right: 0;
        text-align: center;
        left: 0px;
        margin: auto;
    }

        .contct-feel-sec-2 .container .section-text .sec-col2.img-adj-ht {
            width: 34%;
        }

        .contct-feel-sec-2 .container .section-text .sec-col2.img-adj-ht {
            bottom: auto;
        }

    .contct-feel-sec-2 .btn.btn-default {
        display: inline-block;
    }

    .contct-feel-sec-2 .white-bg-footnote {
        display: inline-block;
        margin: 20px 0 0px;
    }

    .contct-feel-sec-2 .container .section-text .sec-col2 p {
        display: none;
    }

    .contct-feel-sec-3 {
        padding-top: 50px;
        padding-bottom: 85px;
    }

        .contct-feel-sec-3 .section-text {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .contct-feel-sec-3 .section-text .sec-col {
                max-width: 100%;
                margin-bottom: 15px;
            }

                .contct-feel-sec-3 .section-text .sec-col span:after {
                    bottom: 10px !important;
                    height: 35px !important;
                }

                .contct-feel-sec-3 .section-text .sec-col p {
                    font-size: 18px;
                    line-height: 25px;
                }

    .bio-drating-sec-2 {
        padding-top: 120px;
        padding-bottom: 30px;
    }

        .bio-drating-sec-2 .container h2.text-center {
            display: none;
        }

        .bio-drating-sec-2 .container .section-text {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .bio-drating-sec-2 .container .section-text h2 {
                font-size: 32px;
                line-height: 37px;
                padding: 0px 15px;
                margin-top: 15px;
            }

            .bio-drating-sec-2 .container .section-text .sec-col1 {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
                width: 100%;
                padding: 10px 30px 30px 30px;
                text-align: center;
            }

            .bio-drating-sec-2 .container .section-text .sec-col2 {
                width: 100%;
            }

                /*.bio-drating-sec-2 .container .section-text .sec-col2 img {*/
                /*margin-top: -150px;*/
                /*}*/

                .bio-drating-sec-2 .container .section-text .sec-col2 p {
                    display: none;
                }

            .bio-drating-sec-2 .container .section-text:last-child {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                margin-top: 100px;
            }

                .bio-drating-sec-2 .container .section-text:last-child .sec-col1 {
                    -webkit-box-ordinal-group: 2;
                    -ms-flex-order: 1;
                    order: 1;
                    width: 100%;
                    padding: 10px 30px 30px 30px;
                    text-align: center;
                }

                .bio-drating-sec-2 .container .section-text:last-child .sec-col2 {
                    width: 100%;
                }

                    .bio-drating-sec-2 .container .section-text:last-child .sec-col2 img {
                        margin-top: -60px;
                    }

                    .bio-drating-sec-2 .container .section-text:last-child .sec-col2 p {
                        display: none;
                    }

    .bio-drating-sec-3 {
        padding-top: 60px;
        padding-bottom: 160px;
    }

        .bio-drating-sec-3 h2 {
            font-size: 32px;
            margin-bottom: 40px;
            line-height: 37px;
        }

        .bio-drating-sec-3 h1 {
            font-size: 32px;
            margin-bottom: 40px;
            line-height: 37px;
        }

        .bio-drating-sec-3 .section-text {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .bio-drating-sec-3 .section-text .sec-col {
                max-width: 100%;
                margin-bottom: 50px;
            }

                .bio-drating-sec-3 .section-text .sec-col h2 {
                    font-size: 70px;
                }

                .bio-drating-sec-3 .section-text .sec-col h3 {
                    font-size: 70px;
                }

                .bio-drating-sec-3 .section-text .sec-col h2 span:after {
                    content: "";
                    position: absolute;
                    bottom: 5px;
                    left: -8px;
                    width: 107%;
                    height: 45px;
                    background-color: #E7F7EA;
                    z-index: -1;
                }

                .bio-drating-sec-3 .section-text .sec-col p {
                    font-size: 18px;
                    line-height: 25px;
                }

        .bio-drating-sec-3 .footnote {
            margin-top: 0px;
            font-size: 17px;
            padding: 0px 15px;
            margin-bottom: 50px;
        }

    .contct-feel .container {
        position: relative !important;
    }

        .contct-feel .container .col-lg-5 {
            padding: 50px 15px 80px 15px;
        }

            .contct-feel .container .col-lg-5 .caption {
                text-align: center;
                font-size: 22px;
            }

                .contct-feel .container .col-lg-5 .caption h2 {
                    font-size: 48px;
                }

    .back-green {
        padding: 40px 0 40px;
    }

        .back-green.mid-content {
            padding: 55px 0 40px;
        }

    .bio-drating-sec-4 {
        padding-bottom: 30px;
    }

        .bio-drating-sec-4 .row {
            text-align: center;
        }

            .bio-drating-sec-4 .row h2 {
                font-size: 32px;
                padding: 0px 25px;
            }


            .bio-drating-sec-4 .row h4 {
                font-size: 32px;
                line-height: 37px;
                padding: 0px 25px;
            }

            .bio-drating-sec-4 .row p {
                font-size: 18px;
                line-height: 25px;
                padding: 0px 15px;
            }

        .bio-drating-sec-4 .row-3 .col-md-6:nth-child(1) {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        .bio-drating-sec-4 .img-wrap {
            left: inherit;
        }

        .bio-drating-sec-4 .sec-text {
            text-align: center;
        }

            .bio-drating-sec-4 .sec-text h2 {
                font-size: 30px;
                line-height: 30px;
            }

        .bio-drating-sec-4 .row-3 .col-md-6 {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

    .bio-drating-sec-5 {
        padding-top: 50px;
        padding-bottom: 80px;
    }

        .bio-drating-sec-5 h2 {
            font-size: 32px;
            padding: 0px 30px;
        }

        .bio-drating-sec-5 h3 {
            font-size: 32px;
            padding: 0px 30px;
        }

        .bio-drating-sec-5 .col-md-6 .sec-text img {
            height: 300px;
        }

        .bio-drating-sec-5 .col-md-6 .sec-text .product-hover {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            width: 300px;
            height: 300px;
        }

        .bio-drating-sec-5 .col-md-6 .sec-text h2 {
            font-size: 24px;
            line-height: 40px;
        }

    .main-banner.Biotrue-Recycling-mobile .container .caption {
        padding-top: 50px;
    }

        .main-banner.Biotrue-Recycling-mobile .container .caption p {
            text-align: center !important;
        }

    .section-banner .main-banner .container .caption {
        padding: 0px 10px;
        text-align: center;
    }

        .section-banner .main-banner .container .caption img {
            max-width: 90%;
        }

        .section-banner .main-banner .container .caption p, .section-banner .main-banner .container .caption p span {
            text-align: center;
            margin-right: 0px;
            line-height: 25px;
            font-size: 18px;
            font-weight: 400;
            margin-top: 5px;
        }

    .section-banner .bio-drating .container {
        position: relative;
        /*padding: 20px 0px 80px 0px;*/
        text-align: center;
        z-index: 1;
    }

        .section-banner .bio-drating .container h2 {
            text-align: center;
            font-weight: 700;
        }

        .section-banner .bio-drating .container .subhead-h4 {
            font-size: 18px;
            text-align: center;
            margin-top: 15px;
            padding: 0px 30px;
        }

        .section-banner .bio-drating .container h4 {
            font-size: 18px;
            text-align: center;
            margin-top: 15px;
            padding: 0px 30px;
        }

    .section-banner .eyecare-banner .container {
        top: 13%;
        text-align: center;
    }



        .section-banner .eyecare-banner .container .banner-subhead-text span {
            font-size: 16px;
            font-family: "RecoletaBold";
        }

        .section-banner .eyecare-banner .container .banner-subhead-text .caption {
            text-align: center;
        }

            .section-banner .eyecare-banner .container .banner-subhead-text .caption img {
                max-width: 90%;
            }

            .section-banner .eyecare-banner .container .banner-subhead-text .caption p {
                margin-top: 10px;
            }

    .sec-2 .section-text .sec-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .bio-story {
        padding: 0px 0 10px;
    }

        .bio-story h4 {
            font-size: 32px;
            line-height: 37px;
        }

        .bio-story p {
            font-size: 18px;
            line-height: 25px;
        }

    .bioture-different {
        padding: 30px 0 60px;
    }

        .bioture-different h2 {
            font-size: 32px;
            line-height: 37px;
        }

        .bioture-different .col-md-5 {
            padding: 15px;
            margin-bottom: 15px;
        }

            .bioture-different .col-md-5 .sec-text h2 {
                font-size: 29px;
                line-height: 30px;
                margin-bottom: 25px;
            }

            .bioture-different .col-md-5 .sec-text p {
                font-size: 18px;
                line-height: 24px;
            }

    .contct-feel-sec-4 {
        padding: 20px 0 50px;
    }

        .contct-feel-sec-4 .row {
            margin-bottom: 0px;
            text-align: center;
        }

            .contct-feel-sec-4 .row .col-md-11 .row-3 .col-md-5, .contct-feel-sec-4 .row .col-md-11 .row-5 .col-md-5 {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
            }

        .contct-feel-sec-4 .row-3 .col-md-5, .contct-feel-sec-4 .row-5 .col-md-5 {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

        .contct-feel-sec-4.bioture-different .btd-list {
            margin-top: 20px;
        }

            .contct-feel-sec-4.bioture-different .btd-list li {
                font-size: 18px;
                line-height: 24px;
                margin-top: 0;
                margin-bottom: 15px;
            }

    .contct-feel-sec-mobile .row .sec-text {
        text-align: center;
    }

        .contct-feel-sec-mobile .row .sec-text h2 {
            font-size: 30px;
        }

        .contct-feel-sec-mobile .row .sec-text h3 {
            font-size: 30px;
            margin-top: 30px;
        }

        .contct-feel-sec-mobile .row .sec-text p {
            font-size: 18px;
        }

    .contct-feel-sec-5 {
        padding: 40px 0 90px;
    }

        .contct-feel-sec-5 h2 {
            font-size: 32px;
        }

            .contct-feel-sec-5 h2.text-center {
                margin-bottom: 10px;
            }

        .contct-feel-sec-5 .col-md-6 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

            .contct-feel-sec-5 .col-md-6:last-child .sec-text:hover .hover-circle {
                margin-left: auto;
                margin-right: auto;
                left: 0;
                right: 0;
            }

            .contct-feel-sec-5 .col-md-6:last-child .sec-text .hover-circle {
                margin-left: auto;
                margin-right: auto;
                left: 0;
                right: 0;
            }

            .contct-feel-sec-5 .col-md-6:last-child .sec-text img {
                max-width: 338px;
            }

            .contct-feel-sec-5 .col-md-6 .sec-text .hover-circle {
                margin-left: auto;
                margin-right: auto;
                left: 0;
                right: 0;
            }

            .contct-feel-sec-5 .col-md-6 .sec-text h2 {
                font-size: 25px;
                line-height: 40px;
            }

            .contct-feel-sec-5 .col-md-6 .sec-text:hover .hover-circle, .contct-feel-sec-5 .col-md-6 .sec-text:hover .hover-circle1 {
                margin-left: auto;
                margin-right: auto;
                left: 0;
                right: 0;
            }

    .Biotrue-Recycling-banner .mob-display {
        display: block;
    }

        .Biotrue-Recycling-banner .mob-display .wave {
            top: -45px;
        }

    .Biotrue-Recycling-banner .container {
        position: relative !important;
        padding-bottom: 90px !important;
    }

        .Biotrue-Recycling-banner .container .caption {
            padding: 35px 0px 0 !important;
        }

            .Biotrue-Recycling-banner .container .caption h2 {
                font-size: 32px !important;
                line-height: 37px !important;
                text-align: center;
            }

            .Biotrue-Recycling-banner .container .caption h1 {
                font-size: 32px !important;
                line-height: 37px !important;
                text-align: center;
            }

            .Biotrue-Recycling-banner .container .caption p {
                font-family: "TTCommonsClassicW01Regular" !important;
                text-align: center !important;
                line-height: 25px !important;
            }

    .terracycle-tips-sec-5 {
        padding: 0px 0 120px !important;
    }

        .terracycle-tips-sec-5 .row-2 .sec-text {
            text-align: center;
        }

        .terracycle-tips-sec-5 .row-3 .col-md-5 {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

        .terracycle-tips-sec-5 .row-3 .sec-text {
            text-align: center;
        }

        .terracycle-tips-sec-5 .row-4 .sec-text {
            text-align: center;
        }

        .terracycle-tips-sec-5 .row-5 .sec-text {
            text-align: center;
        }

        .terracycle-tips-sec-5 .row-5 .col-md-5 {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

    .hydEye-sec-1 {
        padding: 30px 0 10px;
    }

        .hydEye-sec-1 .carousel {
            padding-left: 0px;
        }

        .hydEye-sec-1 .row .bg-gray {
            display: none;
        }

        .hydEye-sec-1 .section-text h2 {
            font-size: 30px;
            line-height: 32px;
            margin-top: 30px;
        }

        .hydEye-sec-1 .section-text h1 {
            font-size: 30px;
            line-height: 32px;
            margin-top: 30px;
        }

        .hydEye-sec-1 .section-text p {
            font-size: 18px !important;
            line-height: 25px !important;
        }

        .hydEye-sec-1 .section-text .sec-icon-wrap-mobile, .hydEye-sec-1 .section-text .sec-icon-wrap {
            padding: 10px 0px;
        }

            .hydEye-sec-1 .section-text .sec-icon-wrap-mobile .sec-icon p, .hydEye-sec-1 .section-text .sec-icon-wrap .sec-icon p, .hydEye-sec-1 .section-text .sec-icon-wrapnew .sec-icon p {
                font-size: 16px !important;
                line-height: 18px !important;
                padding: 0 7px;
            }

        .hydEye-sec-1 .section-text .contact-lens2 .sec-icon {
            width: 70%;
            margin: 15px 0 15px;
        }

        .hydEye-sec-1 .section-text .btn1 {
            bottom: 0px;
            width: 100%;
            background: #FFFFFF;
            left: 0px;
            margin-bottom: 0px;
            margin-bottom: 20px;
            z-index: 5;
        }

        .hydEye-sec-1 .section-text .btn2 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            text-align: center;
        }

            .hydEye-sec-1 .section-text .btn2 .btn {
                margin-right: 0px;
                margin-bottom: 15px;
                width: 100%;
                border-radius: 12px;
                max-width: 100%;
                font-family: "TTCommonsClassicW01DemiBold";
            }

                .hydEye-sec-1 .section-text .btn2 .btn:hover {
                    background: #fff;
                    color: #00615E;
                }

        .hydEye-sec-1.product-2 .sec-icon-wrap-mobile1 {
            padding: 10px 5px;
        }

            .hydEye-sec-1.product-2 .sec-icon-wrap-mobile1 .sec-icon {
                padding: 0 5px !important;
            }

                .hydEye-sec-1.product-2 .sec-icon-wrap-mobile1 .sec-icon p {
                    padding: 0 0px !important;
                }

        .hydEye-sec-1 #detail .slick-dots {
            position: relative;
            display: block;
            width: 100%;
            padding: 0;
            margin: 0;
            list-style: none;
            text-align: center;
            margin-left: 25%;
        }

            .hydEye-sec-1 #detail .slick-dots li {
                position: relative;
                display: inline-block;
                width: 10px;
                height: 10px;
                margin: 0 8px;
                padding: 0;
                border: 0;
                cursor: pointer;
                border-radius: 15px;
            }

                .hydEye-sec-1 #detail .slick-dots li.slick-active button {
                    background-color: #00615E;
                }

                .hydEye-sec-1 #detail .slick-dots li button {
                    font-size: 0;
                    line-height: 0;
                    border: 1px solid #00615E;
                    display: block;
                    width: 10px;
                    height: 10px;
                    padding: 5px;
                    border-radius: 15px;
                    cursor: pointer;
                    color: transparent;
                    outline: none;
                    background: #fff;
                }

                    .hydEye-sec-1 #detail .slick-dots li button:hover,
                    .hydEye-sec-1 #detail .slick-dots li button:focus {
                        outline: none;
                    }

                        .hydEye-sec-1 #detail .slick-dots li button:hover:before,
                        .hydEye-sec-1 #detail .slick-dots li button:focus:before {
                            opacity: 1;
                        }

                    .hydEye-sec-1 #detail .slick-dots li button:before {
                        font-family: "slick";
                        font-size: 6px;
                        line-height: 20px;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 20px;
                        height: 20px;
                        content: "•";
                        text-align: center;
                        opacity: 0.25;
                        color: black;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                    }

                .hydEye-sec-1 #detail .slick-dots li.slick-active button:before {
                    opacity: 0.75;
                    color: black;
                }

        .hydEye-sec-1 #detail .product-images .slick-slider .slick-list {
            min-height: 240px;
            height: auto;
        }

    .hydEye-sec-2 {
        padding: 20px 0px 70px 0px;
    }

        .hydEye-sec-2.side-by-side-sec {
            padding-bottom: 100px;
        }

            .hydEye-sec-2.side-by-side-sec .footer-part-note {
                margin: 0 0;
                max-width: initial;
            }

            .hydEye-sec-2.side-by-side-sec .hydEye-wrap {
                padding: 0px 0 20px 0%;
                display: block !important;
            }

            .hydEye-sec-2.side-by-side-sec .footer-part-note p {
                line-height: 20px;
                font-size: 13px;
                margin-bottom: 0;
            }


    .green-wave.new-wave-tp-green.adj-wave .wave {
        top: -74px;
        height: 83px;
    }

    .hydEye-sec-2 .hydEye-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .hydEye-sec-2 .hydEye-wrap .hydEye-img {
            max-width: 100%;
        }

        .hydEye-sec-2 .hydEye-wrap .hydEye-text {
            max-width: 100%;
            text-align: left;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

            .hydEye-sec-2 .hydEye-wrap .hydEye-text p {
                font-size: 18px;
                line-height: 25px;
            }

        .hydEye-sec-2 .hydEye-wrap:nth-child(2) .hydEye-text, .hydEye-sec-2 .hydEye-wrap:nth-child(4) .hydEye-text {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

    .hydEye-sec-3 {
        padding: 40px 0 60px;
    }

        .hydEye-sec-3 h2 {
            font-size: 30px;
            line-height: 36px;
            margin-top: 10px;
        }

        .hydEye-sec-3 .hydration-slider {
            height: 550px;
        }

    .main-banner.Biotrue-Recycling-banner .container .caption {
        padding-top: 50px;
    }

    .hydration-slider {
        position: relative;
        position: relative;
    }

        .hydration-slider h4 {
            font-family: "TTCommonsClassicW01DemiBold";
            font-size: 30px;
            text-align: center;
        }

        .hydration-slider p {
            font-size: 18px;
            text-align: center;
        }

            .hydration-slider p a {
                text-decoration: underline;
            }

        .hydration-slider .slick-slide {
            min-height: 700px !important;
        }

            .hydration-slider .slick-slide img {
                max-width: 275px;
                text-align: center;
                margin: 0 auto;
            }

        .hydration-slider .slick-arrow {
            display: none !important;
        }

        .hydration-slider .slick-dots {
            position: absolute;
            top: 170px;
            right: 0px;
        }

            .hydration-slider .slick-dots li {
                width: 10px;
                height: 10px;
                border-radius: 15px;
                border: solid 1px #00615E;
                margin-bottom: 10px;
            }

                .hydration-slider .slick-dots li.slick-active {
                    background: #00615E;
                }

                .hydration-slider .slick-dots li button {
                    width: 10px;
                    height: 10px;
                    border: 0px;
                    background: 0px;
                    text-indent: -99999px;
                }

    .hydEye-sec-5 {
        padding: 10px 0 45px;
    }

        .hydEye-sec-5 .container .section-text {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-top: 95px;
        }

            .hydEye-sec-5 .container .section-text .sec-col1 {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
                width: 100% !important;
                text-align: center;
                padding: 30px 40px 30px 40px;
            }

            .hydEye-sec-5 .container .section-text .sec-col2 {
                width: 100% !important;
            }

                .hydEye-sec-5 .container .section-text .sec-col2 img {
                    margin-top: -120px;
                }

                .hydEye-sec-5 .container .section-text .sec-col2 p {
                    display: none;
                }

    .hydEye-sec-2.product-2-sec-2 {
        padding: 20px 0 50px;
    }

    .hydEye-sec-4 {
        top: -56px;
    }

        .hydEye-sec-4 img {
            margin-right: 0px;
            width: 100%;
        }

        .hydEye-sec-4 .container {
            position: relative;
        }

        .hydEye-sec-4 .accordian-text {
            padding-left: 0px;
            padding-top: 40px;
            padding-bottom: 40px;
        }

            .hydEye-sec-4 .accordian-text .card {
                font-size: 15px;
            }

                .hydEye-sec-4 .accordian-text .card .card-header a {
                    color: #00615E;
                }

    .why-terracycle-sec-6 {
        padding: 50px 0 50px !important;
    }

        .why-terracycle-sec-6 h2 {
            font-size: 32px;
            line-height: 37px;
        }

        .why-terracycle-sec-6 .section-text {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }

            .why-terracycle-sec-6 .section-text .sec-col {
                max-width: 100% !important;
                margin-bottom: 30px;
            }

                .why-terracycle-sec-6 .section-text .sec-col p {
                    font-size: 18px;
                    line-height: 25px;
                }

    .recycled-lens-count-sec-4 {
        padding: 40px 0 80px !important;
    }

        .recycled-lens-count-sec-4:before {
            display: none;
        }

        .recycled-lens-count-sec-4 #counter {
            font-size: 60px;
            line-height: 37px;
        }

    .eye-care-recycling .container {
        padding-top: 30px !important;
        padding-bottom: 0px !important;
    }

    .eye-care-recycling .cs-breadcrumb .container {
        padding-top: 0px !important;
    }

    .should-you-recycle-sec-3 {
        padding: 40px 0 70px !important;
    }


        .should-you-recycle-sec-3 .pathologic-slider {
            margin-top: 40px;
        }

        .should-you-recycle-sec-3 .full-terraCycle {
            margin-top: 5px !important;
        }

            .should-you-recycle-sec-3 .full-terraCycle p.footnote2-mobile {
                font-size: 16px;
                line-height: 20px;
            }

            .should-you-recycle-sec-3 .full-terraCycle h4 {
                font-size: 18px;
                line-height: 35px;
            }

            .should-you-recycle-sec-3 .full-terraCycle ul li {
                width: 100% !important;
                padding: 20px 16% !important;
                text-align: center !important;
            }

                .should-you-recycle-sec-3 .full-terraCycle ul li:after {
                    position: absolute;
                    content: "";
                    background-image: url(../img/icon-21x26-check-bullet.png);
                    background-size: 10px !important;
                    background-repeat: no-repeat;
                    left: 0px;
                    right: 0 !important;
                    top: 0px !important;
                    width: 11px !important;
                    height: 15px !important;
                    z-index: 1;
                    margin: auto;
                }

    .how-do-you-sec-4 h2 {
        font-size: 32px;
        line-height: 37px;
    }

    .how-do-you-sec-4 h5 {
        font-size: 28px !important;
        line-height: 24px !important;
        margin-bottom: 15px !important;
    }

    .how-do-you-sec-4 p.step-cls {
        font-size: 28px !important;
        line-height: 24px !important;
        margin-bottom: 15px !important;
    }

    .how-do-you-sec-4 p {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .out-to-help-sec-2 {
        padding: 0px 0 120px !important;
    }

        .out-to-help-sec-2 h2 {
            font-size: 28px;
            line-height: 34px;
        }

        .out-to-help-sec-2 .h2para {
            font-size: 28px;
            line-height: 37px;
            letter-spacing: normal;
        }


    .we-collaborated-sec-2 {
        padding-top: 70px !important;
        padding-bottom: 80px !important;
    }

        .we-collaborated-sec-2 .col-md-8 .row .col-md-5 {
            margin-bottom: 100px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .we-collaborated-sec-2 h2 {
            font-size: 32px;
            line-height: 37px;
        }

        .we-collaborated-sec-2 p {
            font-size: 18px;
            line-height: 24px;
        }

        .we-collaborated-sec-2 .contacts-prod-sec .sec-text h2 {
            font-size: 24px !important;
            line-height: 28px !important;
        }

        .we-collaborated-sec-2 .contacts-prod-sec .sec-text h3 {
            font-size: 24px !important;
            line-height: 28px !important;
        }

    .mob-hide {
        display: none;
    }

    .bio-drating-sec-4 .row-3 .sec-text {
        padding-right: 0px;
    }

    .our-product-sec-4 {
        padding: 60px 0 60px !important;
    }



        .our-product-sec-4 h2 {
            font-size: 32px;
            line-height: 37px;
            margin-bottom: 20px !important;
        }



        .our-product-sec-4 h3.text-center {
            margin-bottom: 50px;
        }

        .our-product-sec-4 h3 {
            font-size: 32px;
            line-height: 37px;
        }

        .our-product-sec-4 .sec-text h2 {
            font-size: 24px !important;
            line-height: 40px !important;
        }

        .our-product-sec-4 .sec-text h3 {
            font-size: 22px !important;
            line-height: 26px !important;
        }

        .our-product-sec-4 .sec-text .hover-circle,
        .our-product-sec-4 .sec-text .hover-circle1,
        .our-product-sec-4 .sec-text .hover-circle2 {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            max-width: 335px;
            max-height: 340px;
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
        }

        .our-product-sec-4 .col-md-4:last-child .sec-text img {
            right: 0px;
            max-width: 338px;
        }

    .sec-3 .container {
        position: relative;
    }

        .sec-3 .container .col-lg-6 {
            padding-left: 15px;
        }

        .sec-3 .container .section-text {
            padding: 30px 0px 70px 0px;
            text-align: center;
        }

            .sec-3 .container .section-text h2 {
                font-size: 32px;
                line-height: 37px;
            }

            .sec-3 .container .section-text p {
                font-size: 18px;
                line-height: 25px;
            }

            .sec-3 .container .section-text h1 {
                font-size: 32px;
                line-height: 37px;
            }

    .sec-4 .container {
        position: relative;
    }

        .sec-4 .container .col-lg-6 {
            padding-right: 15px;
        }

        .sec-4 .container .section-text {
            padding: 30px 0px 70px 0px;
            text-align: center;
        }

            .sec-4 .container .section-text h2 {
                font-size: 32px;
                line-height: 37px;
            }

            .sec-4 .container .section-text p {
                font-size: 18px;
                line-height: 25px;
            }

    .sec-5 .container {
        position: relative;
    }

        .sec-5 .container .col-lg-6 {
            padding-left: 15px;
        }

        .sec-5 .container .section-text {
            padding: 30px 0px 70px 0px;
            text-align: center;
        }

            .sec-5 .container .section-text h2 {
                font-size: 32px;
                line-height: 37px;
            }

            .sec-5 .container .section-text p {
                font-size: 18px;
                line-height: 25px;
            }

    .sec-6 .container {
        position: absolute;
    }

        .sec-6 .container .section-text {
            padding-top: 10%;
            padding-left: 46px;
            padding-right: 46px;
        }

            .sec-6 .container .section-text h2 {
                font-size: 32px;
                margin-bottom: 70px;
                padding: 0px 0px;
                line-height: 37px;
                margin-top: 20px;
            }

            .sec-6 .container .section-text h3 {
                font-size: 32px;
                margin-bottom: 70px;
                padding: 0px 0px;
                line-height: 37px;
                margin-top: 20px;
            }

            .sec-6 .container .section-text .font-20 {
                font-size: 16px;
            }

    .footer-main {
        padding-top: 10px;
    }

        .footer-main .row .col-lg-4 ul {
            margin-right: 0px;
            width: 100%;
            text-align: center;
        }

            .footer-main .row .col-lg-4 ul:nth-child(1) {
                margin-right: 0px;
                width: 100%;
                text-align: center;
            }

        .footer-main .row .social-wrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .footer-main .row .social-wrap ul {
                width: 85%;
                margin: auto;
            }

            .footer-main .row .social-wrap .social-link {
                width: 35%;
                margin: auto;
                text-align: center;
            }

                .footer-main .row .social-wrap .social-link .social-link-1 img {
                    height: 37px;
                }

                .footer-main .row .social-wrap .social-link .social-link-2 img {
                    height: 40px;
                }

        .footer-main .footer-bottom {
            text-align: center;
        }

            .footer-main .footer-bottom .nav-brand {
                max-width: 240px;
                margin: auto;
            }

            .footer-main .footer-bottom .col-lg-5 {
                padding: 10px 40px;
            }

                .footer-main .footer-bottom .col-lg-5 p {
                    font-size: 12px;
                    line-height: 17px;
                    letter-spacing: 1.2px;
                }

    .contct-feel.our-bottle-banner .container {
        position: absolute !important;
        height: auto;
    }
}

@media only screen and (max-width: 991px) and (max-width: 991.9px) {
    .footer-main .footer-bottom .col-lg-5 p:last-child {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 991px) {
    .btnfixed {
        position: fixed;
        bottom: 0;
        text-align: left;
        padding-left: 55px;
        padding-top: 10px;
        padding-bottom: 10px;
        background-image: url("../img/icon-20X20-star-mob.png") !important;
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: left 12px center;
        z-index: 999;
        background-color: #fff;
        margin: auto;
        left: 0;
        right: 0;
        display: block;
    }

        .btnfixed:visited, .btnfixed:focus {
            background-color: #fff;
        }

        .btnfixed.posrel {
            position: relative;
            margin-top: 10px;
            margin-bottom: 10px;
        }
}

@media screen and (max-width: 768px) and (min-width: 414px) {
    .sec-6 .container {
        position: absolute;
    }

        .sec-6 .container .section-text {
            padding-top: 20%;
            padding-left: 20px;
            padding-right: 20px;
        }

            .sec-6 .container .section-text h2 {
                font-size: 32px;
                margin-bottom: 150px;
                padding: 0px 40px;
            }
}

@media screen and (max-width: 991px) {
    .contct-feel-sec-3 h2 {
        font-size: 34px;
        line-height: 33px;
    }

    .contct-feel-sec-5 h4.text-center {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .contct-feel-sec-5 h2.text-center {
        font-size: 30px;
    }

    .main-banner.bio-drating .container .caption h4 {
        font-size: 22px;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    img.img-fluid.mecw.lazy.mx-wd {
        margin-top: -81px;
        position: relative;
        left: 0px !important;
        max-width: 72%;
    }

    .couponPup .couponPup-box {
        width: 355px;
    }

    .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
        float: left;
    }

    .couponPup .mktoFormRow #LblbLVisionCareBioTrueOptin {
        line-height: 21px !important;
        font-size: 18px;
        width: 77% !important;
    }
}

@media screen and (max-width: 375px) {
    .sec-6 .container .section-text h2 {
        font-size: 21px !important;
        margin-bottom: 135px !important;
    }
}

@media screen and (max-width: 991.9px) {
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCSB_scrollTools .mCSB_dragger,
    .mCSB_scrollTools {
        display: none !important;
    }

    .mCSB_inside > .mCSB_container {
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) and (min-width: 414px) {
    .sec-6 .container {
        position: absolute;
    }

        .sec-6 .container .section-text {
            padding-top: 25%;
            padding-left: 20px;
            padding-right: 20px;
        }

            .sec-6 .container .section-text h2 {
                font-size: 32px;
                margin-bottom: 80px;
                padding: 0px 40px;
            }

            .sec-6 .container .section-text h3 {
                font-size: 32px;
                margin-bottom: 80px;
                padding: 0px 40px;
            }
}

@media screen and (max-width: 375px) {
    .sec-6 .container .section-text h2 {
        font-size: 21px !important;
        margin-bottom: 146px !important;
    }

    .sec-6 .container .section-text h3 {
        font-size: 21px !important;
        margin-bottom: 146px !important;
    }
}

@media screen and (max-width: 991.9px) {
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCSB_scrollTools .mCSB_dragger,
    .mCSB_scrollTools {
        display: none !important;
    }

    .mCSB_inside > .mCSB_container {
        margin-right: 0;
    }

    .bio-drating-sec-4 h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .bio-drating-sec-4 h4 {
        line-height: 34px;
    }

    .bio-drating-sec-4 .sec-text h4 {
        font-size: 30px;
        line-height: 34px;
    }

    .bio-drating-sec-4 p {
        font-size: 22px;
        line-height: 24px;
    }
}

.expand-btn {
    margin: 2em 0 0;
    border-width: 0 0 2px 0;
    border-color: #00615E;
    line-height: 15px;
    padding: 0;
    background: transparent;
    color: #00615E;
    display: inline-block;
    text-transform: uppercase;
}

.btn-wrap .shop-btn-wrap.btn-default .ps-button-label {
    color: #00615E;
    text-transform: lowercase;
    display: inline-block;
    font-size: 18px;
}

    .btn-wrap .shop-btn-wrap.btn-default .ps-button-label::first-line {
        text-transform: capitalize;
    }

@media screen and (min-width: 992px) {
    .expand-btn {
        display: none;
    }

    .logo img {
        width: 70px;
    }
}

@media screen and (min-width: 1500px) {
    .footer-main ul li.link-heading {
        margin-top: 0px !important;
    }

    .sec-6 img {
        top: 10px;
    }

    .hydEye-sec-2 .hydEye-wrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .hydEye-sec-2 .hydEye-wrap:nth-child(even) .hydEye-text {
            padding-right: 4%;
        }

    .header-main .container {
        max-width: 80%;
    }

    .container {
        max-width: 80%;
    }

    .section-banner .main-banner .container {
        top: 17%;
    }

    .section-banner .main-banner.obt-banner .container {
        top: 0;
    }

    .bio-story .section-text .story-text {
        max-width: 100%;
    }

    .sec-6 .container .section-text {
        padding-top: 15%;
    }

    .contct-feel-sec-4 .img-wrap {
        max-width: 100%;
    }

    .hydEye-sec-1 .section-text .sec-icon-wrap .sec-icon .imgWrap {
        height: 95px;
    }

    .hydEye-sec-1 .section-text .sec-icon-wrapnew .sec-icon .imgWrap {
        height: 95px;
    }

    .hydEye-sec-1 .section-text .sec-icon-wrap .sec-icon .imgWrap img {
        height: 85%;
    }

    .hydEye-sec-1 .section-text .sec-icon-wrapnew .sec-icon .imgWrap img {
        height: 85%;
    }

    .main-banner.bio-drating .container .caption h4 {
        font-size: 42px;
    }

    .main-banner.bio-drating .container .caption {
        padding: 0;
    }

    .bio-drating-sec-2 .container .section-text .sec-col1 {
        padding: 50px 0px 30px 40px;
    }

    .bio-drating-sec-2 .container .section-text {
        margin-bottom: 120px;
    }


        .bio-drating-sec-2 .container .section-text .sub-heading {
            font-size: 18px;
            line-height: 28px;
            margin-bottom: 20px;
        }

        .bio-drating-sec-2 .container .section-text .sec-col2 img {
            margin-top: -77px;
        }

        .bio-drating-sec-2 .container .section-text:last-child .sec-col2 img {
            margin-top: -58px;
        }

    .contct-feel-sec-3 h2 {
        margin-bottom: 50px;
    }

    .contct-feel-sec-3 .section-text .sec-col h2 {
        font-size: 100px;
        margin-bottom: 40px;
    }

        .contct-feel-sec-3 .section-text .sec-col h2 .text-wrap {
            font-size: 28px;
            width: 53px;
            line-height: 28px;
        }

    .bio-drating-sec-3 .section-text .sec-col h2 {
        margin-bottom: 40px;
    }

    .bio-drating-sec-3 .section-text .sec-col h3 {
        margin-bottom: 40px;
    }

    .contct-feel-sec-5 .col-md-6 .sec-text img {
        height: 300px;
    }

    .contct-feel-sec-5 .col-md-6 .sec-text .hover-circle1 {
        top: -30px;
        left: 63px;
    }

    .contct-feel-sec-5 .col-md-6 .sec-text img {
        margin-bottom: 50px;
    }

    .contct-feel-sec-5 .col-md-6 .sec-text .hover-circle {
        left: 61px;
        top: -20px;
    }

    .our-product-sec-4 .sec-text:hover .hover-circle, .our-product-sec-4 .sec-text:hover .hover-circle1, .our-product-sec-4 .sec-text:hover .hover-circle2 {
        left: auto;
        z-index: 0;
    }

    .our-product-sec-4 .col-md-3 .sec-text:hover .hover-circle, .our-product-sec-4 .col-md-3 .sec-text:hover .hover-circle1, .our-product-sec-4 .col-md-3 .sec-text:hover .hover-circle2 {
        left: 0px;
        z-index: 0;
    }
}

@media screen and (min-width: 1500px) {

    .sec-1 .container .section-text .font-20 {
        font-size: 18px;
        line-height: 28px;
        color: #1A7E61;
    }

    .sec-1 .container .section-text h2 {
        font-size: 50px;
        line-height: 60px;
        color: #00615E;
    }

    .sec-1 .container .section-text p {
        font-size: 22px;
        line-height: 30px;
        color: #00615E;
        font-family: "TTCommonsClassicW01Regular";
    }

    .sec-2 .section-text .sec-col p {
        font-size: 24px;
        line-height: 28px;
        color: #00615E;
    }

    .sec-2 h4 {
        font-size: 50px;
        line-height: 60px;
        color: #00615E;
    }

    .sec-3 .container .section-text h2 {
        font-size: 60px;
        line-height: 65px;
        color: #00615E;
    }

    .sec-3 .container .section-text h1 {
        font-size: 60px;
        line-height: 70px;
        color: #00615E;
    }

    .sec-3 .container .section-text p {
        font-size: 18px;
        line-height: 28px;
        color: #00615E;
    }

    .sec-4 .container .section-text h2 {
        font-size: 60px;
        line-height: 70px;
        color: #00615E;
    }

    .sec-4 .container .section-text p {
        font-size: 18px;
        line-height: 28px;
        color: #00615E;
    }

    .sec-5 .container .section-text h2 {
        font-size: 60px;
        line-height: 70px;
        color: #00615E;
    }

    .sec-5 .container .section-text p {
        font-size: 18px;
        line-height: 28px;
        color: #00615E;
        width: 80%;
    }

        .sec-5 .container .section-text p.footnote {
            font-size: 20px;
        }

    .sec-5 .container .col-lg-5 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .sec-6 .container .col-lg-8 {
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    }

    .sec-6 .container .section-text h2 {
        font-size: 55px;
        color: #00615E;
        line-height: 70px;
    }

    .sec-6 .container .section-text h3 {
        font-size: 50px;
        color: #00615E;
        line-height: 60px;
    }

    .footer-main ul {
        width: 50%;
    }

    .footer-main .social-wrap ul {
        width: 69%;
    }

        .footer-main .social-wrap ul.social-link {
            width: 31%;
        }

            .footer-main .social-wrap ul.social-link li {
                width: 33%;
            }

                .footer-main .social-wrap ul.social-link li.link-heading {
                    width: 100%;
                }

        .footer-main .social-wrap ul li {
            max-width: inherit;
            width: 100%;
        }

            .footer-main .social-wrap ul li .btn {
                letter-spacing: 1px;
                max-width: inherit;
            }

    .footer-main .col-lg-5 {
        /*display: flex;*/
    }

    .footer-main ul li {
        margin-bottom: 15px;
    }

    .section-banner .main-banner .container .banner-subhead-text span {
        font-size: 40px;
        color: #00615E;
    }

    .section-banner .main-banner .container .banner-subhead-text p span {
        font-size: 45px;
        line-height: 55px;
        color: #00615E;
    }

    /*
    .section-banner .main-banner .container .caption p {
       	font-size: 45px;
    	line-height: 55px;
    	color: #49B487;
    }
    */

    .bio-story .font-34 {
        font-size: 50px;
        line-height: 60px;
        color: #00615E;
    }

    .contct-feel-sec-4 .sec-text h2 {
        font-size: 55px;
        line-height: 65px;
        color: #00615E;
    }

    .contct-feel-sec-4 .sec-text h3 {
        font-size: 45px;
        line-height: 47px;
        color: #00615E;
    }

    .our-product-sec-4 .sec-text h2 {
        font-size: 28px;
        line-height: 40px;
    }

    .hydEye-sec-2 h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .hydEye-sec-2 .hydEye-wrap .hydEye-text h2 {
        font-size: 50px;
        line-height: 52px;
        color: #00615E;
    }

    .hydEye-sec-2 .hydEye-wrap .hydEye-text p {
        font-size: 18px;
        line-height: 28px;
        color: #00615E;
    }

    .hydEye-sec-3 .sub-head {
        font-size: 24px;
        color: #1A7E61;
        font-family: "TTCommonsClassicW01Medium";
    }

    .hydEye-sec-3 h2 {
        font-size: 50px;
        color: #00615E;
        line-height: 60px;
        margin-bottom: 30px;
    }

    .hydEye-sec-3 .post-wrapper .section-text h3 {
        font-size: 35px;
        color: #00615E;
    }

    .hydEye-sec-3 .post-wrapper .section-text h4 {
        font-size: 45px;
        line-height: 47px;
        color: #00615E;
    }

    .hydEye-sec-3 .post-wrapper .section-text p {
        font-size: 18px;
        line-height: 28px;
        color: #00615E;
    }

    .hydEye-sec-4 .accordian-text h2 {
        font-size: 50px;
        line-height: 60px;
        color: #00615E;
    }

    .hydEye-sec-4 .accordian-text h3 {
        font-size: 50px;
        line-height: 60px;
        color: #00615E;
    }

    .hydEye-sec-5 .container h2.text-center {
        font-size: 50px;
        line-height: 60px;
        display: inline-block;
        width: 100%;
    }

    .hydEye-sec-5 .container h3.text-center {
        font-size: 50px;
        line-height: 60px;
        display: inline-block;
        width: 100%;
    }

    .hydEye-sec-5 .container .section-text .sub-heading {
        font-size: 18px;
    }

    .hydEye-sec-5 .container .section-text .sec-col1 h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .hydEye-sec-5 .container .section-text .sec-col1 h3 {
        font-size: 50px;
        line-height: 60px;
    }

    .hydEye-sec-5 .container .section-text p {
        font-size: 18px;
        line-height: 28px;
    }

    .hydEye-sec-5 .container .section-text .sec-col1 {
        padding: 30px 0px 30px 30px !important;
    }

    .hydEye-sec-5.product-1sec-5 .sec-col1 {
        width: 72% !important;
    }

    img.img-fluid.mecw.lazy.mx-wd {
        max-width: 68%;
    }

    .hydEye-sec-2 .hydEye-wrap:nth-child(odd) .hydEye-text {
        padding-top: 0;
    }

    .hydEye-sec-2 .hydEye-wrap:nth-child(even) .hydEye-text {
        padding-top: 0;
        padding-bottom: 0;
    }

    .hydEye-sec-1 .section-text h2 {
        font-size: 50px;
        line-height: 52px;
    }

    .hydEye-sec-1 .section-text h1 {
        font-size: 50px;
        line-height: 52px;
    }

    .hydEye-sec-1 .section-text .sec-icon-wrapnew .sec-icon p {
        font-size: 18px;
        line-height: 23px;
    }

    .hydEye-sec-1.product-3 .sec-icon-wrap .sec-icon .padding-10 {
        padding: 0px 27%;
    }

    .hydEye-sec-1.product-3 .sec-icon-wrap .sec-icon p {
        padding: 0px 20px !important;
    }

    .out-to-help-sec-2 h2 {
        font-size: 55px;
        line-height: 70px;
    }

    .out-to-help-sec-2 .h2para {
        font-size: 50px;
        line-height: 60px;
    }

    /*.should-you-recycle-sec-3 .terraCycle-sec1:after{
  	top: 3px;
  }
  .should-you-recycle-sec-3 .terraCycle-sec2:after{
  	top: 3px;
  }
  .should-you-recycle-sec-3 .recyclable-sec:after{
  	top: 3px;
  }*/
    .how-do-you-sec-4 h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .how-do-you-sec-4 .sec-text h5 {
        font-size: 22px;
        line-height: 33px;
    }

    .bio-drating-sec-4 .sec-text h2 {
        line-height: 65px;
    }

    .recycled-lens-count-sec-4 p {
        font-size: 22px;
        line-height: 33px;
    }

    .home-banner .caption p {
        font-size: 18px !important;
        line-height: 28px !important;
        color: #00615E !important;
    }
}


@media screen and (min-width: 1500px) {
    .hydEye-sec-1.product-3 .sec-icon-wrap .sec-icon .font-8 {
        font-size: 13px;
    }

    .btd-list li:before {
        top: 4px;
    }

    .hydEye-sec-1 {
        padding-bottom: 160px;
    }

    .section-banner .main-banner.bio-drating .container .caption p {
        font-size: 18px;
        line-height: 28px;
    }

    .section-banner .main-banner.contct-feel .container .caption p {
        font-size: 18px;
        line-height: 28px;
    }

    .sec-2 .section-text .sec-col p {
        font-size: 22px;
        line-height: 26px;
    }

    .contct-feel-sec-2.back-green .container {
        max-width: 1140px;
    }

    .slick-slider .slick-prev, .slick-slider .slick-next {
        top: 97%;
    }

    .slick-slider .slick-next {
        right: 46.1%;
    }

    .slick-slider .slick-prev {
        left: 46.2%;
    }

    /*.should-you-recycle-sec-3 .terraCycle-sec2:after,
  .should-you-recycle-sec-3 .terraCycle-sec1:after,
  .should-you-recycle-sec-3 #first .terraCycle-sec3:after  {
  	height: 55px;
  	background-size: 100%;
  	width: 165px;
  }
  .should-you-recycle-sec-3 .terraCycle-sec2,
  .should-you-recycle-sec-3 .terraCycle-sec1,
  .should-you-recycle-sec-3 .terraCycle-sec3 {
  	padding: 0 0 0 40px;
  }*/
    /*	.should-you-recycle-sec-3 .recyclable-sec:after {
  		top: -10px;
      width: 250px;
          height: 43px;
  	}*/
    /*	.should-you-recycle-sec-3 #first .terraCycle-sec3:after {
  		top: -19px;
  	}*/
    /*.should-you-recycle-sec-3 #first .terraCycle-sec2 {
     margin-top: 105%;
  }*/
    .main-banner.bio-drating .container .caption h4 {
        font-size: 44px;
        line-height: 50px;
    }

    .main-banner.bio-drating .container .caption .subhead-h4 {
        font-size: 44px;
        line-height: 50px;
    }



    .main-banner.contct-feel .container .caption {
        padding-top: 0;
    }

        .main-banner.contct-feel .container .caption span {
            font-size: 40px;
            line-height: 50px;
            margin-bottom: 20px;
        }

    .main-banner.contct-feel-dirt .container .caption h2 {
        font-size: 108px;
        margin-bottom: 30px;
    }

    .main-banner.Biotrue-Recycling-banner .container .caption h2 {
        font-size: 60px;
        line-height: 70px;
    }


    .main-banner.Biotrue-Recycling-banner .container .caption h1 {
        font-size: 60px;
        line-height: 70px;
    }
}

@media screen and (max-width: 1112px) {
    .main-banner.bio-drating .container .caption h4 {
        font-size: 22px;
    }

    .main-banner.bio-drating .container .caption p {
        margin-top: 8px;
    }

    .out-to-help-sec-2 {
        padding: 0 0 140px;
    }

    .main-banner.contct-feel .container .caption {
        padding-top: 0;
        top: -20px;
    }

    .contct-feel-sec-2 .container .section-text h2 {
        line-height: 60px;
        font-size: 45px;
    }

    .contct-feel-sec-5 .col-md-6 .sec-text h2 {
        line-height: 30px;
        min-height: 64px;
    }
}

@media screen and (max-width: 991px) {
    .contct-feel-sec-5 .col-md-6 .sec-text h2 {
        min-height: inherit;
    }

    .main-banner.contct-feel .container .caption {
        top: 0;
    }

    .btnbuy-now .ps-widget {
        display: none !important;
    }

    header .header-main .top-menu .navbar-nav {
        padding-left: 27px;
    }

        header .header-main .top-menu .navbar-nav li {
            font-size: 22px;
            margin-top: 30px;
        }

            header .header-main .top-menu .navbar-nav li a {
                font-size: 22px;
                line-height: 36px;
            }

    .mobile-head-menu {
        display: block !important;
    }

    .mobile-head-menu {
        padding-left: 27px;
    }

        .mobile-head-menu li {
            margin-top: 10px;
            margin-bottom: 15px;
            float: left;
            width: 100%;
        }

            .mobile-head-menu li a {
                font-size: 22px;
                font-family: "TTCommonsClassicW01DemiBold";
            }

            .mobile-head-menu li.footnote a {
                text-decoration: none;
                font-family: "TTCommonsClassicW01Regular";
                font-size: 14px;
                line-height: 39px;
            }

            .mobile-head-menu li .ps-widget[ps-sku] {
                border: none;
                font-size: 22px;
                padding: 0;
            }

    .how-do-you-sec-4 .sec-text h5 {
        color: #00615E;
    }

    .pathologic-slider h4 {
        height: 65px;
    }

    .pathologic-slider span {
        height: 65px;
    }

    .pathologic-slider .slick-arrow {
        height: 51px;
        width: 51px;
    }

    .pathologic-slider .slick-next,
    .pathologic-slider .slick-prev {
        background-size: inherit;
    }

    .hydEye-sec-4 {
        background: #FBF8F5;
    }

        .hydEye-sec-4.image-overlap-sec {
            padding-top: 0;
        }

        .hydEye-sec-4.full-width-accordion {
            background: #FFF;
        }

    .footer-main .d-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

        .footer-main .d-flex ul {
            width: 100%;
        }

    .eyeWave .wave {
        top: -33px;
    }

    .bio-drating-sec-2 .container .section-text .btn {
        font-size: 16px;
    }

    .should-you-recycle-sec-3 .full-terraCycle ul li {
        font-size: 12px;
        padding: 20px 13% !important;
        font-family: "TTCommonsClassicW01Regular";
        color: #00615E;
    }

        .should-you-recycle-sec-3 .full-terraCycle ul li span {
            white-space: nowrap;
        }

    .pathologic-slider h4 {
        font-size: 16px;
        padding: 0px 87px;
        text-transform: uppercase;
    }

    .pathologic-slider span {
        font-size: 15px;
        line-height: 20px;
        padding: 0px 87px;
        text-transform: uppercase;
    }

    .pathologic-slider p.footnote1 {
        color: #00615E;
        margin-bottom: 0;
    }

    .hydEye-sec-1 .section-text {
        margin-bottom: 25px;
    }

    .sec-1 {
        margin-top: -533px;
    }

        .sec-1 .container .row {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            padding-top: 590px;
        }

    .sec-5 .container .section-text {
        padding: 55px 0px 60px 0px;
    }

    .bio-drating-sec-5 h2.text-center {
        font-size: 32px;
        line-height: 37px;
    }

    .bio-drating-sec-5 h4.text-center {
        font-size: 32px;
        line-height: 37px;
    }

    .we-collaborated-sec-2 {
        padding-top: 20px !important;
        padding-bottom: 60px !important;
    }

        .we-collaborated-sec-2.four-col-sec {
            padding-bottom: 267px !important;
        }

        .we-collaborated-sec-2 .col-md-8 .row .col-md-5 {
            margin-bottom: 25px;
        }

    .section-banner .main-banner .container .caption {
        padding: 52px 10px 9px;
    }

    .section-banner .main-banner.our-bottle-banner .container .caption {
        padding: 85px 10px 9px;
    }

    .green-waveTwo .wave {
        top: -23px;
    }

    .contct-feel-sec-2 .container .section-text h2 {
        font-size: 30px;
        line-height: 37px;
    }

    .contct-feel-sec-2 .container .section-text h3 {
        font-size: 30px;
        line-height: 37px;
    }

    .bioture-different .col-md-5 .sec-text h3 {
        font-size: 30px;
        line-height: 24px;
        margin-bottom: 25px;
    }

    .contct-feel-sec-2 .container .section-text .sec-col2 {
        width: 26%;
    }

    .innter-wave-white1 .wave {
        top: -63px;
    }

    .contct-feel-sec-3 h2 {
        font-size: 32px;
        line-height: 37px;
    }

    .hydEye-sec-1 .section-text p {
        color: #00615E;
    }

    .hydEye-sec-1 .section-text .btn2 .btn,
    .hydEye-sec-1 .section-text .btn-wrap .ps-widget[ps-sku],
    .hydEye-sec-1 .section-text .btn-wrap .ps-widget[data-ps-sku] {
        font-size: 16px;
        line-height: 18px;
        padding: 8px 15px 8px;
    }

    .btn-wrap .shop-btn-wrap.btn-default .ps-button-label {
        font-size: 16px;
        line-height: 18px;
    }

    .hydEye-sec-2 h2 {
        font-size: 30px;
        line-height: 32px;
    }

    .hydEye-sec-3 h2 {
        font-size: 32px;
        line-height: 37px;
    }

    .hydEye-sec-3 .sub-head {
        color: #1A7E61;
    }

    .hydration-slider .slick-dots li {
        height: 15px;
        width: 15px;
    }

    .contct-feel-sec-5 .col-md-6 .sec-text .btn {
        font-size: 16px;
    }

    .contct-feel-sec-5 .col-md-6 .sec-text:first-child {
        margin-bottom: 20px;
    }

    .hydEye-sec-5 .container .section-text .sec-col1 {
        padding: 30px 20px 30px 20px !important;
    }

    .we-collaborated-sec-2 .contacts-prod-sec .sec-text .btn {
        font-size: 16px;
    }

    .contct-feel-sec-4 h2 {
        font-size: 32px;
        line-height: 37px;
    }

    .contct-feel-sec-4 p {
        font-size: 18px;
        line-height: 28px;
    }

    .contct-feel-sec-3 .footnote {
        font-size: 18px;
        line-height: 28px;
    }

    .bioture-different .col-md-5 .sec-text h2 {
        font-size: 30px;
        line-height: 32px;
    }

    .our-product-sec-4 .col-md-4 .sec-text .btn {
        font-size: 16px;
    }

    .our-product-sec-4 .sec-text:hover .hover-circle,
    .our-product-sec-4 .sec-text:hover .hover-circle1,
    .our-product-sec-4 .sec-text:hover .hover-circle2 {
        z-index: 0;
    }

    .main-banner.bio-drating .container .caption h4 {
        font-size: 18px;
        color: #00615E;
    }

    .main-banner.bio-drating .container .caption .subhead-h4 {
        font-size: 25px;
        line-height: 30px;
        color: #00615E;
    }

    .main-banner.bio-drating .container .caption p {
        color: #00615E;
    }

    .bio-drating-sec-2 .container .section-text p {
        font-size: 18px;
    }

    .bio-drating-sec-3 .section-text .sec-col h2 .text-wrap {
        font-size: 24px;
    }

    .bio-drating-sec-3 .section-text .sec-col h3 .text-wrap {
        font-size: 24px;
    }

    .btn-default, .btn-default:visited, .btn-default:focus {
        font-size: 16px;
    }

    .fill-btn, .fill-btn:visited, .fill-btn:focus {
        width: 265px;
    }

        .fill-btn, .fill-btn:visited, .fill-btn:focus {
            font-size: 16px;
            line-height: 22px;
            padding: 8.5px 30px;
        }

    .couponPup .mktoFormRow .mktoLogicalField.mktoCheckboxList #LblbLVisionCareBioTrueOptin {
        border: 2px solid #00615E;
    }

    .couponPup .mktoFormRow #LbldivisionOptinBL {
        width: 77% !important;
    }

    .couponPup .couponPup-box p:after {
        height: 25px;
        bottom: -25px;
    }

    .mktoButtonRow {
        padding-left: 11px !important;
    }

    .product-images img {
        margin: 0 auto;
    }

    .should-you-recycle-sec-3 .full-terraCycle .text-show {
        color: #00615E;
    }


    p.h2para {
        font-family: "RecoletaBold";
        color: inherit;
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .sec-6 img {
        top: -3px;
    }

    .shopnowProduct {
        display: block;
        z-index: 9;
        position: fixed;
        width: 100%;
        background: #FFF;
        bottom: 0;
        border-top: 1px solid #DDDDDD;
        text-align: center;
        padding: 20px 0;
    }

        .shopnowProduct .ps-widget[ps-sku],
        .shopnowProduct .ps-widget[data-ps-sku] {
            border-radius: 30px;
            border: solid 1px #00615E !important;
            background-color: #00615E;
            text-transform: uppercase;
            font-size: 16px;
            font-family: "TTCommonsClassicW01Regular";
            text-align: center;
            line-height: 1;
            min-width: 230px;
            color: #fff;
            padding: 15px;
            letter-spacing: 1.6px;
            float: none;
            display: inline-block !important;
            -webkit-transition: -webkit-transform 0.1s;
            transition: -webkit-transform 0.1s;
            -o-transition: transform 0.1s;
            transition: transform 0.1s;
            transition: transform 0.1s, -webkit-transform 0.1s;
        }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .shopnowProduct .ps-widget[ps-sku],
    .shopnowProduct .ps-widget[data-ps-sku] {
        letter-spacing: 3.2px;
        padding: 12px 16px 8px;
    }

    .our-product-sec-4 .col-md-3 .sec-text .ps-widget {
        border-radius: 30px;
        border: solid 1px #00615E !important;
        background-color: transparent;
        text-transform: uppercase;
        font-size: 20px;
        font-family: "TTCommonsClassicW01Regular";
        text-align: center;
        line-height: 1;
        min-width: 134px;
        color: #00615E;
        padding: 8px 15px 8px;
        letter-spacing: 1.6px;
        float: none;
        display: inline-block !important;
        -webkit-transition: -webkit-transform 0.1s;
        transition: -webkit-transform 0.1s;
        -o-transition: transform 0.1s;
        transition: transform 0.1s;
        transition: transform 0.1s, -webkit-transform 0.1s;
    }

    .our-product-sec-4 .sec-text h3 {
        font-size: 20px !important;
        line-height: 28px !important;
        /* padding-bottom: 51px; 
        min-height: 138px;*/
    }

    p.h2para {
        font-size: 2rem;
        font-weight: 500;
        font-family: "RecoletaBold";
    }
}

@media screen and (max-width: 991px) {
    .shopnowProduct .ps-button-label {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    header .header-main .top-menu .navbar-nav {
        padding-left: 0;
    }

    .mobile-head-menu {
        padding: 0;
    }

    .footer-main .footer-bottom .col-lg-5 p {
        padding: 0 22px;
    }

    .footer-main .footer-bottom p {
        display: block;
    }

    .mobfoot .footer-bottom p {
        display: block;
        font-size: 12px !important;
    }

    .sec-1 {
        margin-top: -122px;
    }

        .sec-1 .container .row {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            padding-top: 110px;
        }

    .contct-feel-sec-2 .container .section-text .sec-col2 {
        width: 40%;
    }

        .contct-feel-sec-2 .container .section-text .sec-col2.img-adj-ht {
            width: 77%;
        }

    .section-banner .main-banner .container .caption {
        padding: 52px 10px 30px;
    }

    .section-banner .main-banner.home-banner .container .caption {
        padding-top: 0;
    }

    .couponPup-box {
        height: 710px;
        overflow-y: scroll;
    }

    .footer-main .footer-bottom p a {
        display: block;
    }

    .contct-feel-sec-2 .container .section-text .sec-col1 {
        padding-top: 200px;
    }
}

@media screen and (max-width: 375px) {
    .footer-main .footer-bottom .col-lg-5 p {
        padding: 0 10px;
    }

    .contct-feel-sec-2 .container .section-text .sec-col1 {
        padding-top: 215px;
    }
}

@media screen and (min-width: 1900px) {
    header .header-main .top-menu .dropdown-submenu .dropdown-menu .submenu a .menu-text {
        padding: 20px 16px;
    }

    .should-you-recycle-sec-3 .tab-content .tab-pane h3 {
        font-size: 32px;
    }

    .should-you-recycle-sec-3 .tab-content .tab-pane .h3para {
        font-size: 32px;
    }

    .should-you-recycle-sec-3 .tab-content .tab-pane p {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.3px;
    }

    .terraCycle-sec1 {
        margin-top: 64%;
    }

    .terraCycle-sec2 {
        margin-top: 15%;
    }

    .recyclable-sec {
        margin-top: 74%;
    }

    .should-you-recycle-sec-3 #first .terraCycle-sec1 {
        margin-top: 35%;
    }

    .should-you-recycle-sec-3 #first .terraCycle-sec2 {
        margin-top: 90%;
    }

    .should-you-recycle-sec-3 #first .terraCycle-sec3 {
        margin-top: 30px;
    }

    .should-you-recycle-sec-3 #first .recyclable-sec {
        margin-top: 15%;
    }

    .should-you-recycle-sec-3 #third .terraCycle-sec2 {
        margin-top: 104%;
    }

    .contct-feel-sec-5 .col-md-6 .sec-text h2 {
        font-size: 22px;
        line-height: 30px;
    }

    .signPup .signPup-box {
        width: 590px;
    }

        .signPup .signPup-box h3 {
            font-size: 43px;
        }

        .signPup .signPup-box .sign-up-txt {
            font-size: 43px;
        }

        .signPup .signPup-box .mktoForm {
            width: auto !important;
        }
}

h1, h2, h3, h4, h5 {
    letter-spacing: normal !important;
}

.submenu-1 a, .submenu-2 a {
    pointer-events: none;
    cursor: text;
}

@media screen and (max-width: 414px) {
    .desktopbreak {
        display: none;
    }
}


@media only screen and (max-width: 480px) {
    .modal-contenthplus {
        margin: 5% 15% !important;
    }

    .hplusclose {
        position: absolute;
        top: 8px !important;
        width: 10px !important;
        right: 8px !important;
    }

    .btn-defaultnew {
        max-width: 260px !important;
    }

    form {
        padding: 10px;
    }

    .hydEye-sec-1 .section-text .sec-icon-wrapnew .sec-icon img {
        margin-bottom: 15px !important;
    }

    .hydEye-sec-1 .section-text .sec-icon-wrapnew .sec-icon {
        text-align: center;
        width: 28% !important;
    }

    .sec-icon-wrapnew {
        padding: 15px 15px !important;
    }
}

@media only screen and (min-width: 767px) {
    .richtextwidth {
        width: 420px;
    }
}

@media only screen and (max-width: 415px) {
    .signPup .mktoFormRow #LblbLVisionCareBioTrueOptin {
        width: 80% !important;
    }

    .mdten {
        margin-top: 10px !important;
    }

    .checkboxtten {
        margin-top: 19.5px !important;
    }

    .mktoleftspace {
        margin-left: 71px !important;
    }

    .mktoleftspacecouponbutton {
        margin-left: 58px !important;
    }

    .couponchecktoptext {
        margin-top: 10px !important;
    }

    .couponchecktop {
        margin-top: 20px !important
    }

    .signupinput input {
        font-size: 18px !important;
        font-family: Helvetica !important;
    }

    .couponinput input {
        font-size: 18px !important;
        font-family: Helvetica !important;
    }
}

@media only screen and (min-width: 376px) and (max-width: 415px) {
    .mktoleftspacecouponbutton {
        margin-left: 58px !important;
    }

    .mktoleftspacesignbutton {
        margin-left: 58px !important;
    }
}

@media only screen and (max-width: 376px) {
    .mktoleftspace {
        margin-left: 35px !important;
    }

    .mktoleftspacesignbutton {
        margin-left: 35px !important;
    }
}

@media only screen and (min-width: 767px) {
    .desktopmargin {
        margin-top: 10px !important;
        margin-left: -1px !important;
    }

    .desktopmargincheckbox {
        margin-top: 10px !important;
    }

    .signuptop {
        margin-top: 10px !important;
    }

    .mktoleftspacesignbutton {
        margin-left: 120px !important;
    }

    .signupinput input {
        font-size: 13px !important;
        font-family: Helvetica !important;
    }

    .couponinput input {
        font-size: 13px !important;
        font-family: Helvetica !important;
    }
}

@media only screen and (min-width: 767px) and (max-width: 835px) {
    .mktoleftspacecouponbutton {
        margin-left: 139px !important;
    }
}

@media only screen and (min-width: 1919px) and (max-width: 1921px) {
    .desktopbreak {
        display: none;
    }

    .mktoleftspacecouponbutton {
        margin-left: 120px !important;
    }
}

@media only screen and (min-width: 1023px) and (max-width: 1921px) {
    .mktoleftspacecouponbutton {
        margin-left: 120px !important;
    }
}

.Form__Status {
    display: none;
}

.EPiServerForms .Form__Element {
    margin: 0 !important;
}

.signcheckboxdiv label {
    font-size: 1.25em;
    padding: 17px 20px 2px 20px;
    margin-left: 56px;
    line-height: 1.2;
}

    .signcheckboxdiv label input {
        position: absolute;
        width: 1.55em;
        left: 51px;
        top: 281px;
        height: 1.8em;
    }

.coufirstcheckboxdiv label {
    font-size: 1.25em;
    padding: 18px 20px 2px 20px;
    margin-left: 63px;
    line-height: 1.29;
}

    .coufirstcheckboxdiv label input {
        position: absolute;
        width: 1.58em;
        left: 36px;
        top: 266px;
        height: 1.8em;
    }

.couseccheckboxdiv label {
    font-size: 1.25em;
    padding: 4px 20px 1px 20px;
    margin-left: 63px;
    line-height: 1.29;
}

    .couseccheckboxdiv label input {
        position: absolute;
        width: 1.58em;
        left: 36px;
        top: 333px;
        height: 1.8em;
    }

@media only screen and (min-width: 990px) and (max-width: 1900px) {
    .signcheckboxdiv label {
        font-size: 1.25em;
        padding: 17px 20px 2px 20px;
        margin-left: 45px;
        line-height: 1.2;
    }

        .signcheckboxdiv label input {
            position: absolute;
            width: 1.55em;
            left: 51px;
            top: 265px;
            height: 1.8em;
        }
}

@media only screen and (max-width: 835px) {
    .signcheckboxdiv label {
        font-size: 1.25em;
        padding: 17px 20px 2px 20px;
        margin-left: 75px;
        line-height: 1.28;
        margin-right: 6px;
    }

        .signcheckboxdiv label input {
            position: absolute;
            width: 1.55em;
            left: 31px;
            top: 266px;
            height: 1.8em;
        }

    .coufirstcheckboxdiv label {
        font-size: 1.25em;
        padding: 17px 20px 2px 20px;
        margin-left: 63px;
        line-height: 1.28;
        margin-right: 6px;
    }

        .coufirstcheckboxdiv label input {
            position: absolute;
            width: 1.55em;
            left: 36px;
            top: 266px;
            height: 1.8em;
        }

    .couseccheckboxdiv label {
        font-size: 1.25em;
        padding: 4px 20px 3px 20px;
        margin-left: 63px;
        line-height: 1.28;
        margin-right: 6px;
    }

        .couseccheckboxdiv label input {
            position: absolute;
            width: 1.55em;
            left: 36px;
            top: 327px;
            height: 1.8em;
        }
}

@media only screen and (max-width: 415px) {
    .signcheckboxdiv label {
        font-size: 1.25em;
        padding: 17px 20px 2px 20px;
        margin-left: 56px;
        line-height: 1.28;
        margin-right: 6px;
    }

        .signcheckboxdiv label input {
            position: absolute;
            width: 1.55em;
            left: 41px;
            top: 306px;
            height: 1.8em;
        }

    .coufirstcheckboxdiv label {
        font-size: 1.125em;
        padding: 16px 20px 2px 20px;
        margin-left: 73px;
        line-height: 1.12;
        margin-right: 6px;
    }

        .coufirstcheckboxdiv label input {
            position: absolute;
            width: 1.75em;
            left: 45px;
            top: 272px;
            height: 1.8em;
        }

    .couseccheckboxdiv label {
        font-size: 1.125em;
        padding: 4px 20px 3px 20px;
        margin-left: 73px;
        line-height: 1.12;
        margin-right: 6px;
    }

        .couseccheckboxdiv label input {
            position: absolute;
            width: 1.75em;
            left: 45px;
            top: 347px;
            height: 1.8em;
        }
}

@media only screen and (max-width: 376px) {
    .signcheckboxdiv label {
        font-size: 1.25em;
        padding: 16px 20px 2px 20px;
        margin-left: 48.5px;
        line-height: 1.28;
        margin-right: 6px;
    }

        .signcheckboxdiv label input {
            position: absolute;
            width: 1.57em;
            left: 40px;
            top: 306px;
            height: 1.8em;
        }

    .signPup .signPup-box .sign-up-txt {
        font-family: "TTCommonsClassicW01Medium";
        color: #1A7E61;
        font-size: 30px;
        letter-spacing: 1px !important;
        text-align: center;
        margin-top: 0px !important;
        line-height: 1.1;
    }

    .coufirstcheckboxdiv label {
        font-size: 1.125em;
        padding: 17px 20px 2px 20px;
        margin-left: 73px;
        line-height: 1.11;
        margin-right: 6px;
    }

        .coufirstcheckboxdiv label input {
            position: absolute;
            width: 1.75em;
            left: 45px;
            top: 272px;
            height: 1.8em;
        }

    .couseccheckboxdiv label {
        font-size: 1.125em;
        padding: 4px 20px 3px 20px;
        margin-left: 73px;
        line-height: 1.11;
        margin-right: 6px;
    }

        .couseccheckboxdiv label input {
            position: absolute;
            width: 1.75em;
            left: 45px;
            top: 347px;
            height: 1.8em;
        }
}

@media only screen and (max-width: 361px) {
    .signcheckboxdiv label {
        font-size: 1.25em;
        padding: 16px 20px 2px 20px;
        margin-left: 46px;
        line-height: 1.28;
        margin-right: -10px;
    }

        .signcheckboxdiv label input {
            position: absolute;
            width: 1.57em;
            left: 40px;
            top: 306px;
            height: 1.8em;
        }

    .coufirstcheckboxdiv label {
        font-size: 1.125em;
        padding: 16px 20px 2px 20px;
        margin-left: 73px;
        line-height: 1.12;
        margin-right: 6px;
    }

        .coufirstcheckboxdiv label input {
            position: absolute;
            width: 1.7em;
            left: 45px;
            top: 272px;
            height: 1.8em;
        }

    .couseccheckboxdiv label {
        font-size: 1.125em;
        padding: 4px 20px 3px 20px;
        margin-left: 73px;
        line-height: 1.12;
        margin-right: 6px;
    }

        .couseccheckboxdiv label input {
            position: absolute;
            position: absolute;
            width: 1.7em;
            left: 45px;
            top: 346px;
            height: 1.8em;
        }
}

.foot-list {
    display: flex;
    justify-content: space-around;
}

.btn-default {
    max-width: 410px;
}

.footer-main ul li.footer-btn {
    max-width: none !important;
}

@media screen and (min-width: 1500px) {
    .footer-main ul {
        width: 100%;
    }
}

.hydback {
    background-color: #F3F8F3 !important;
}

.nav-brand-new {
    margin-top: 10px;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

.footer-main p {
    text-align: center;
    color: white;
    font-size: 15px;
    margin-bottom: 4px;
    line-height: 18px;
}


.footer-main .row {
    padding-bottom: 15px;
}

.footer-main a {
    color: white;
}

.footer-top-new .btn {
    background-color: #F7FFF8;
    color: #00615E;
    width: 100%;
    margin-bottom: 6px;
    padding: 12px 16px 8px;
}

.footer-top-new li {
    list-style-type: none;
    text-align: right;
}

.footmenu ul {
    list-style-type: none;
    margin-top: 0;
    padding: 0;
    line-height: 1,6;
    margin-bottom: 20px;
    text-align: center;
}

    .footmenu ul li {
        display: inline-block;
        padding: 0 45px;
    }

.footer-top-new .btnright {
    list-style-type: none;
    text-align: left;
}

.footer-top-new .btnleft {
    list-style-type: none;
    text-align: right;
}

.footer-top-new .btnright a {
    margin-left: 20px;
}

.footer-top-new .btnleft a {
    margin-right: 20px;
}

.footer-ocean {
    height: 5%;
    width: 100%;
    position: relative;
    bottom: -1px;
    left: 0;
    background: #015871;
    z-index: 1;
}

.footer-main {
    background: #006b68;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 40px 0 0px;
    margin-top: 0px;
    position: relative;
    z-index: 1;
}

    .footer-main .footer-bottom {
        background-color: #00615E;
        color: #fff;
        padding: 30px 0 16px;
    }

.our-product-sec-4 .col-md-3 .sec-text .ps-button-label {
    display: none;
}

@media screen and (min-width: 1100px) {
    .footextnote {
        margin-top: 20px;
        padding-left: 30px;
    }

    footer-main ul li.link-heading {
        margin-top: 4px;
    }

    .sec-4 .container .section-text {
        padding-left: 85px;
    }

    .ocean-acc .waveplusrotate {
        background: url(/siteassets/img/wave-product.png) repeat-x;
        background-size: 76%;
        position: absolute;
        top: -100px;
        width: 5436px;
        height: 200px;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .ocean .waveplus {
        background: url(/siteassets/img/wave-product.png) repeat-x;
        position: absolute;
        top: -100px;
        width: 5436px;
        height: 100px;
        background-size: 76%;
        -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .modalhplus {
        padding-top: 2.5% !important;
    }

    .modal-contenthplus {
        margin: 0% 23% !important;
        overflow-x: hidden !important;
        position: relative;
        background: white;
        border-radius: 20px;
    }

    .our-product-sec-4 .col-md-3 .sec-text h2 {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .our-product-sec-4 .col-md-3 .sec-text h3 {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .productmar {
        margin: 50px 0 !important;
    }

    .our-product-sec-4 .col-md-3:first-child .sec-text img {
        max-width: 255px;
    }

    .contactbanner .caption {
        margin-left: 60px;
        margin-top: 15px;
    }

    .fix-caption-align .contactbanner .caption {
        margin-left: 0px !important;
    }

    .contactbanner h2 {
        line-height: 100px !important;
    }

    .contactbanner h1 {
        line-height: 100px !important;
    }

    .contct-feel-sec-2 .container .section-text .btn-default {
        margin-bottom: 30px;
    }

    .contct-feel-sec-2 .container .section-text h2 {
        line-height: 60px !important;
        font-size: 50px;
    }

    .section2 .secondcontact {
        margin-top: -160px !important;
    }

    .contct-feel-sec-2 {
        padding: 70px 0 85px;
    }
}

@media screen and (min-width: 1365px) and (max-width: 1670px) {
    header .header-main .top-menu .dropdown-submenu .dropdown-menu .submenu a .menu-text {
        width: 60% !important;
        font-size: 13px !important;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1441px) {
    .modalhplus {
        padding-top: 5% !important;
    }

    .modal-contenthplus {
        margin: 0% 22% !important;
    }
}

.dropdown-submenu1 .submenu ul li {
    margin: 25px 0;
}

    .dropdown-submenu1 .submenu ul li a {
        color: #046C68;
        font-family: "TTCommonsClassicW01DemiBold";
        font-size: 15px;
        line-height: 27px;
        letter-spacing: 2px;
    }

    .dropdown-submenu1 .submenu ul li:last-child {
        margin-bottom: 50px !important;
    }



.bio-drating-sec-5 .col-md-4 .sec-text {
    text-align: center;
}

    .bio-drating-sec-5 .col-md-4 .sec-text .product-hover {
        background: #E0F1E3;
        position: absolute;
        width: 350px;
        height: 350px;
        border-radius: 100%;
        z-index: -1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform 0.5s ease;
        transition: -webkit-transform 0.5s ease;
        -o-transition: transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease;
        left: 0px;
        right: 0px;
        margin: auto;
    }


    .bio-drating-sec-5 .col-md-4 .sec-text img {
        height: 350px;
        margin-bottom: 20px;
        -webkit-transition: -webkit-transform 0.5s ease;
        transition: -webkit-transform 0.5s ease;
        -o-transition: transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    }

    .bio-drating-sec-5 .col-md-4 .sec-text h2 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 25px;
        font-family: "TTCommonsClassicW01DemiBold";
    }

    .bio-drating-sec-5 .col-md-4 .sec-text h3 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 25px;
        font-family: "TTCommonsClassicW01DemiBold";
    }

    .bio-drating-sec-5 .col-md-4 .sec-text h3 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 25px;
        font-family: "TTCommonsClassicW01DemiBold";
        letter-spacing: 0.75px !important;
    }

    .bio-drating-sec-5 .col-md-4 .sec-text .btn {
        min-width: 200px;
        padding: 15px 35px 11px;
    }


.sec-icon-wrapnew {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 40px;
}

.manisec-wrap {
    border: 1px solid #00615E;
    border-radius: 10px;
    margin: 15px 0px 25px;
}

.hydEye-sec-1 .section-text .sec-icon-wrapnew .sec-icon {
    text-align: center;
    width: 25%;
}

.desktopfoot .Leftbtn {
    text-align: right;
    margin-right: 20px;
}


.desktopfoot .rightbtn {
    text-align: left;
    margin-left: 20px;
}


.footextnote ul li {
    font-size: 13px;
    line-height: 14px;
}

.modalhplus {
    display: none;
    position: fixed;
    z-index: 11;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden !important;
    height: 100%;
    overflow: auto;
    background-color: #383737;
}

.modal-contenthplus {
    margin: 5% 25%;
    overflow-x: hidden !important;
    position: relative;
    background: white;
    border-radius: 20px;
}

.modal-hpluimg {
    margin: 4% 9%;
    width: 82%;
    height: auto;
}

.hplusclose {
    position: absolute;
    top: 18px;
    width: 24px;
    cursor: pointer;
    right: 28px;
}

.contact-footnote {
    margin-top: 30px;
}

.newfootnote p {
    text-align: center;
    margin-bottom: 55px;
}

span.semiboldfont {
    font-family: "TTCommonsClassicW01DemiBold";
}

.hypcenternote {
    width: 100%;
    max-width: 80%;
    margin: 70px auto;
    margin-bottom: 0;
}

    .hypcenternote p {
        font-size: 13px;
    }

.accfootnote li {
    line-height: 13px;
    font-size: 13px;
}

.accfootnote {
    margin: 20px 0;
}

/*Added for new*/

@media (min-width: 376px) and (max-width: 420px) {
    .contct-feel-sec-2 .container .section-text h2 {
        margin-top: 30px;
        font-size: 28px;
    }

    .contct-feel-sec-2.secondcontact h2 {
        margin-top: 0 !important;
    }

    .sec-6 .container .section-text {
        padding-top: 13%;
    }

        .sec-6 .container .section-text h2 {
            margin-bottom: 120px;
        }
}

@media (min-width: 992px) and (max-width: 1100px) {
    .main-banner.contct-feel .container {
        left: 75px;
    }

    .hydEye-sec-2 .hydEye-wrap:nth-child(4) {
        margin-bottom: 130px;
    }
}

.hydEye-sec-4 .accordian-text .card .acc-body .card-body {
    padding-right: 50px;
}

/*Added for phase3*/
.section2 .secondcontact .newfootnote p {
    font-size: 15px;
    line-height: 17px;
}

    .section2 .secondcontact .newfootnote p span {
        font-family: "TTCommonsClassicW01DemiBold";
    }

.contact-footnote .footextnote li {
    font-size: 15px;
    line-height: 17px;
}

    .contact-footnote .footextnote li span {
        font-family: "TTCommonsClassicW01DemiBold";
    }

.hypcenternote p {
    font-size: 15px;
    line-height: 17px;
    text-align: left;
}

    .hypcenternote p span,
    .hydEye-sec-5-pro-page1 .new-hyper-text p span,
    .hydEye-sec-5 .contact-boost-foot p span,
    .hydEye-sec-2.product-2-sec-2 .lens-contact-foot p span,
    .bio-drating-bg .micellar-footnote p span {
        font-family: "TTCommonsClassicW01DemiBold"
    }

.hydEye-sec-5-pro-page1 .new-hyper-text p {
    font-size: 15px;
    line-height: 17px;
    text-align: center;
}

.hydEye-sec-2 .footer-part-note p {
    text-align: left;
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 5px;
}

    .hydEye-sec-2 .footer-part-note p span {
        /*font-weight: bold; */
        font-family: "TTCommonsClassicW01DemiBold"
    }

.hydEye-sec-2 .footer-part-note {
    width: 100%;
    max-width: 70%;
    margin: 0;
    margin-top: 70px;
}

.hydEye-sec-5 .contact-boost-foot p {
    font-size: 15px;
    line-height: 17px;
    text-align: center;
}

.hydEye-sec-2.product-2-sec-2 .lens-contact-foot {
    margin-top: 50px;
}

    .hydEye-sec-2.product-2-sec-2 .lens-contact-foot p {
        font-size: 15px;
        line-height: 17px;
    }

.bio-drating-bg .micellar-footnote p {
    font-size: 15px;
    line-height: 17px;
    text-align: center;
}

.use-directed {
    text-align: right;
    display: flex;
    position: absolute;
    right: 20%;
    bottom: 16%;
}

    .use-directed p {
        font-size: 18px;
        font-family: "TTCommonsClassicW01DemiBold";
    }

.use-directed-mobile {
    display: none;
}

@media (max-width: 991px) {
    .use-directed {
        display: none;
    }

    .use-directed-mobile {
        display: block;
        position: relative;
    }

        .use-directed-mobile p {
            position: absolute;
            top: -60px;
            right: 11%;
            font-size: 18px;
            font-family: "TTCommonsClassicW01DemiBold";
        }
}

.ps-widget[ps-sku], .ps-widget[data-ps-sku] {
    font-family: "TTCommonsClassicW01DemiBold" !important;
}

.ps-product-selector > div > select > option, .ps-product-selector > div > .single > option {
    font-family: "TTCommonsClassicW01DemiBold" !important;
}

.ps-product-selector > div > select, .ps-product-selector > div > .single {
    font-family: "TTCommonsClassicW01DemiBold" !important;
}

button.ps-online-buy-button:hover.available > span {
    font-family: "TTCommonsClassicW01DemiBold" !important;
}

/*  GlobalOptoutLinks link block css --- Start   */
.GlobaloptoutLinks {
    text-align: center;
}

.footer-main .GlobaloptoutLinks ul li a {
    letter-spacing: 1px;
}

@media screen and (max-width: 990px) {

    .footer-main .GlobaloptoutLinks ul li {
        display: block;
    }

    .footer-main .GlobaloptoutLinks li:not(:last-child) {
        margin-right: 0px;
    }
}
/*  GlobalOptoutLinks link block css --- End   */

/* CHG-137832 start */
.new-bg-landing-color {
    background-color: #FCFEFF;
}

.ps-button-label {
    font-size: 15px;
    line-height: 17px;
}

.head-top {
    font-size: 13px;
    line-height: 20px;
}

.featured-highlight-text {
    font-size: 18px;
}

.new-landing-page-section .main-featured-img {
    width: 380px;
}

.new-landing-page-section h3 {
    font-size: 30px;
    font-family: "TTCommonsClassicW01DemiBold";
}

.new-landing-page-section p {
    font-size: 24px;
    line-height: 35px;
}

.last-section-bottom {
    padding-bottom: 12%;
}

.landing-page-cta {
    padding: 8% 0;
}

    .landing-page-cta h2 {
        font-size: 60px;
        margin-bottom: 30px;
        font-family: "RecoletaBold";
    }

.landing-section-btn {
    border: 1px solid #00615E;
    font-size: 20px;
    background-color: #00615E;
    color: #fff !important;
    padding: 11px 60px;
    display: inline-block;
    border-radius: 30px;
    text-decoration: none;
}

    .landing-section-btn:hover {
        background-color: #fff;
        color: #00615E !important;
        border: 1px solid #00615E;
        text-decoration: none;
    }

.get-coupon-img-btn {
    position: relative;
    display: inline-block;
    margin-top: 46px;
}

span.no-wrap {
    white-space: nowrap;
}

#couponLandingPage .modal-content {
    background-image: url('../img/coupon-bg.png');
    background-size: cover;
    border-radius: 20px;
    background-position: center;
    overflow: hidden;
}

    #couponLandingPage .modal-content .modal-body {
        position: relative;
        padding: 0;
    }

        #couponLandingPage .modal-content .modal-body .close {
            position: absolute;
            right: 20px;
            top: 0px;
            opacity: 1;
        }

.coupon-modal-content .coupoun-modal-heading {
    max-width: 100%;
    padding: 22% 0 0;
}

.coupon-modal-content p {
    font-size: 16px;
}

.coupon-modal-content .landing-section-btn {
    padding: 4px 56px;
    margin: 7px auto 130px;
    position: relative;
    z-index: 2;
}

#couponLandingPage .modal-content .modal-body .close span {
    font-size: 62px;
    color: #00615E;
}

#couponLandingPage .modal-content .modal-body h3 {
    font-family: "RecoletaBold";
    padding: 22% 0 0;
    font-size: 32px;
    color: #005754;
    margin-bottom: 20px;
}

.main-banner.eyecare-banner.landing-page h1 {
    font-family: "RecoletaBold";
    color: #005754;
}

    .main-banner.eyecare-banner.landing-page h1 .heading-sm {
        font-size: 60px;
    }

    .main-banner.eyecare-banner.landing-page h1 .heading-lg {
        font-size: 70px;
    }

.section-banner .main-banner.eyecare-banner.landing-page .container .caption img {
    max-width: 100%;
    width: 246px;
    margin: 0 0 16px;
}

.section-banner .main-banner.eyecare-banner.landing-page .container .caption {
    text-align: center;
}

#signupLandingPage .close {
    position: absolute;
    right: 20px;
    top: 0px;
    opacity: 1;
    z-index: 2;
}

    #signupLandingPage .close span {
        font-size: 62px;
        color: #00615E;
    }

#signupLandingPage .modal-content {
    border-radius: 20px;
}

#signupLandingPage ._form._form_55._inline-form._dark {
    margin-top: 0;
    padding-top: 0;
}

.innter-wave-white.landing-page-bg-light-wave .wave {
    background: url(../img/bg-light-wave.svg) repeat-x;
}

.bio-story.new-bg-landing-color.banner-bottom-content {
    z-index: 2;
    position: relative;
}

.banner-cta-btn a.landing-section-btn {
    font-size: 23px;
}

.banner-cta-btn {
    text-align: center;
    position: relative;
    margin-top: 40px;
}

.section-banner .main-banner.eyecare-banner.landing-page .container .caption .banner-cta-btn img {
    display: inline-block;
}

@media (min-width:991px) {
    .featured-highlight-text {
        font-size: 24px;
        line-height: 35px;
        margin: 40px 0 60px;
    }

    .bio-story.new-bg-landing-color.banner-bottom-content {
        padding-top: 50px;
    }

    .get-coupon-img-btn img {
        width: 106px;
        position: absolute;
        right: -39%;
        top: -55%;
    }

    #couponLandingPage .modal-content {
        background-position: center;
    }

    .coupon-modal-content {
        padding: 20px 54px 10px 55%;
        text-align: center;
    }

    .coupoun-modal-left-img {
        position: absolute;
        left: 74px;
        width: 423px;
        bottom: -47px;
    }

    .innter-wave-white.landing-page-bg-light-wave {
        bottom: -36px;
    }

    .coupoun-modal-mob-img {
        display: none;
    }

    .section-banner .main-banner.eyecare-banner.landing-page .container .caption .banner-cta-btn .btn-float-img-desk {
        position: absolute;
        width: 88px;
        top: 28px;
        right: -104px;
    }

    .section-banner .main-banner.eyecare-banner.landing-page .container
    .caption .banner-cta-btn .btn-float-img-mob {
        display: none;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    header .header-main .top-menu .navbar-nav li {
        margin-right: 11px;
    }

    .main-banner.eyecare-banner.landing-page h1 .heading-sm {
        font-size: 40px;
    }

    .main-banner.eyecare-banner.landing-page h1 .heading-lg {
        font-size: 50px;
    }

    .section-banner .main-banner.eyecare-banner.landing-page .container .caption .banner-cta-btn .btn-float-img-desk {
        position: absolute;
        width: 75px;
        top: 28px;
        right: -82px;
    }

    .section-banner .main-banner.eyecare-banner.landing-page .container .caption .banner-cta-btn .landing-section-btn {
        padding: 11px 32px;
    }

    .banner-cta-btn a.landing-section-btn {
        font-size: 19px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .bio-story.new-bg-landing-color.banner-bottom-content .banner-header {
        width: 40%;
        margin: 0 auto 70px;
    }

    .section-banner .main-banner.eyecare-banner.landing-page .container
    .caption .banner-cta-btn .btn-float-img-mob {
        display: block;
        width: 100px;
        position: absolute;
        right: -88px;
        margin-top: 10px;
    }

    .section-banner .main-banner.eyecare-banner.landing-page .container {
        top: 6%;
    }
}

@media screen and (max-width: 991px) {
    .mobile-head-menu .ps-button-label {
        letter-spacing: 2px;
    }

    .footnote a {
        letter-spacing: 2px;
    }

    .top-lead-text {
        letter-spacing: 2px;
    }

    .contct-feel-sec-2 .container .section-text {
        display: flex;
        flex-direction: column-reverse;
    }

        .contct-feel-sec-2 .container .section-text .sec-col1 {
            width: 100%;
            padding-top: 34px;
        }

        .contct-feel-sec-2 .container .section-text .sec-col2.img-adj-ht {
            position: relative;
            top: auto;
            right: 0;
            text-align: center;
            left: auto;
            margin: auto;
        }

    .section-banner .main-banner.eyecare-banner.landing-page .container .caption .banner-cta-btn .btn-float-img-desk {
        display: none;
    }

    .innter-wave-white.landing-page-bg-light-wave .wave {
        /*background-size: 75%;*/
        top: -102px;
        height: 102px;
        background-size: 100%;
    }

    .ps-button-label {
        font-size: 22px;
        line-height: 36px;
    }

    .main-banner.eyecare-banner.landing-page .container .caption {
        padding: 0px 10px 9px;
    }
    /*.innter-wave-white.landing-page-bg-light-wave {
        display:none;
    }*/
    /*.bio-story.new-bg-landing-color.banner-bottom-content {
        padding-top: 121px;
        margin-top: -136px;
    }*/

    .coupon-mobile-img {
        margin: 10px 5px 0;
        width: 80%;
    }

    #couponLandingPage .modal-content {
        background-position: left;
    }

    .coupon-modal-content {
        padding: 20px 20px 0px;
        text-align: center;
    }

    .coupoun-modal-left-img {
        display: none;
    }

    #couponLandingPage .modal-content .modal-body h3 {
        padding-top: 10%;
    }

    .coupon-modal-content .landing-section-btn {
        margin-bottom: 0px;
    }

    .coupoun-modal-mob-img {
        display: block;
        margin: 0 auto;
        margin-top: -44px;
    }

    .new-landing-page-section h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .new-landing-page-section p {
        font-size: 18px;
        line-height: 25px;
    }

    .landing-page-cta h2 {
        font-size: 40px;
        line-height: 42px;
    }

    .menu-group-wrapper {
        flex-wrap: wrap;
    }

    .menu-list-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .menu-group-list-wrap {
        width: 50%;
    }

    .group-title h3 {
        font-size: 22px;
        line-height: 17px;
        text-align: center;
        padding-bottom: 10px;
    }

    header .header-main .top-menu .dropdown-submenu .dropdown-menu .submenu .menu-link-wrap a {
        min-height: auto
    }

    .menu-group-wrapper .group-item:not(:first-child) {
        padding-top: 32px;
    }

    .group-item:last-child {
        flex-grow: 1;
    }

        .group-item:last-child .menu-group-list-wrap {
            width: 50%;
        }

    .menu-group-image img {
        padding: 10px;
    }
}

@media screen and (max-width: 660px) {
    .section-banner .main-banner.eyecare-banner.landing-page .container .caption img {
        max-width: 63%;
    }
}

@media screen and (max-width: 767px) {
    .section-banner .main-banner.eyecare-banner.landing-page .container {
        top: 9%;
    }

        .section-banner .main-banner.eyecare-banner.landing-page .container .caption img {
            max-width: 56%;
            margin-bottom: 0;
            width: 200px;
        }

    .main-banner.eyecare-banner.landing-page h1 .heading-sm {
        font-size: 34px;
    }

    .main-banner.eyecare-banner.landing-page h1 .heading-lg {
        font-size: 40px;
    }

    #couponLandingPage .modal-content .modal-body h3 {
        padding: 10% 0 0;
    }

    .bio-story.new-bg-landing-color.banner-bottom-content .banner-header {
        margin: 0 auto 40px;
        width: 60%;
    }

    .innter-wave-white.landing-page-bg-light-wave .wave {
        background-size: 75%;
        top: -79px;
        height: 79px;
    }

    .banner-cta-btn a.landing-section-btn {
        font-size: 20px;
    }

    .section-banner .main-banner.eyecare-banner.landing-page .container .caption .banner-cta-btn .btn-float-img-mob {
        padding: 0;
        width: 100px;
        position: absolute;
        right: -82px;
        margin-top: 62px;
    }

    .banner-cta-btn {
        margin-top: 0px;
    }

    .section-banner .main-banner.eyecare-banner.landing-page .container .caption .banner-cta-btn .landing-section-btn {
        padding: 11px 20px;
    }
}

@media screen and (max-width: 576px) {
    .section-banner .main-banner.eyecare-banner.landing-page .container .caption .banner-cta-btn .btn-float-img-mob {
        padding: 0;
        width: 24%;
        position: absolute;
        right: -14%;
        top: 0;
        margin-top: 62px;
    }

    .section-banner .main-banner.eyecare-banner.landing-page .container {
        top: 5%;
    }
}

@media screen and (max-width: 370px) {
    .section-banner .main-banner.eyecare-banner.landing-page .container {
        top: 4%;
    }
}
/* CHG-137832 end */

.text-tag {
    margin-top: 0px;
    font-size: 15px;
    line-height: 28px;
    font-family: "TTCommonsClassicW01DemiBold";
    letter-spacing: 2px;
}

header .header-main .top-menu .dropdown-submenu .dropdown-menu .submenu .menu-group-image a {
    margin: 0;
}

.main-banner .cs-breadcrumb .container ul {
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .main-banner .cs-breadcrumb .container ul li:not(:first-child) {
        margin-left: 5px
    }

    .main-banner .cs-breadcrumb .container ul li {
        text-transform: uppercase;
        font-family: "TTCommonsClassicW01Regular";
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 1.34px;
    }

.cs-breadcrumb.internal-page-links {
    margin-top: 41px;
    display: inline-block;
    width: 100%;
}

    .cs-breadcrumb.internal-page-links ul {
        margin: 0;
        position: relative;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .cs-breadcrumb.internal-page-links ul li {
            text-transform: uppercase;
            font-family: "TTCommonsClassicW01Regular";
            font-size: 13px;
            line-height: 18px;
            letter-spacing: 1.34px;
        }

    .cs-breadcrumb.internal-page-links .container ul li:not(:first-child) {
        margin-left: 5px
    }

.main-banner .cs-breadcrumb .container {
    top: 0;
    left: 0;
    justify-content: start;
    height: auto;
}

.main-banner .cs-breadcrumb {
    position: absolute;
    width: 100%;
    top: 40px;
    z-index: 1;
}

.neg-setting img.neg-item {
    position: relative;
    left: 10%;
}

.neg-setting .neg-item-less {
    position: relative;
    left: 5%;
}

.white-bg-footnote {
    display: block;
}

.btn-sec-img img {
    transform: scale(.8) rotate(0deg);
    transition: transform 330ms ease-in-out;
}

.full-sec-i-wrap {
    background-color: #F9FBF5 !important;
    border-color: #00615E !important;
}

.font-60 {
    font-size: 28px !important;
    line-height: 37px !important;
}

.font-50 {
    font-size: 28px !important;
    line-height: 37px !important;
}

.new-font-60 {
    font-size: 60px !important;
    line-height: 70px !important;
}

.our-product-sec-4 .sec-text {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .our-product-sec-4 .sec-text:hover .btn-default {
        background-color: #00615E;
        color: #fff;
    }

    .our-product-sec-4 .sec-text h3 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 25px;
        font-family: "TTCommonsClassicW01DemiBold";
        font-weight: 700;
        letter-spacing: 0.75px !important;
    }

.accordian-text h2 {
    font-size: 35px;
    line-height: 40px;
}

.our-product-sec-4 h2.text-center {
    margin-bottom: 0;
}

.menu-group-list-wrap-2.active .menu-group-list .hover-bg-circle {
    display: block;
}

.menu-group-list-wrap-2.active .menu-group-list .menu-group-image img {
    transform: scale(1) rotate(5deg);
}

.image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 650px;
    width: 100%;
}

    .image-container img {
        height: 100%;
    }

.targetDiv {
    display: none;
}

    .targetDiv.active {
        display: block;
    }

.custom-tab-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0 0;
}

    .custom-tab-wrapper .custom-center-tab {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #00615E;
        border-radius: 50px;
        overflow: hidden;
    }

.label-click {
    padding: 15px 30px;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .label-click.active {
        background-color: #00615E;
        color: #fff;
    }

.four-col-sec h3 {
    font-size: 28px;
    line-height: 32px;
}

.four-col-sec p {
    font-size: 18px;
    line-height: 28px;
}

.four-col-sec .btn {
    background-color: #00615E;
    color: #fff;
    margin-top: 30px;
}

    .four-col-sec .btn:hover {
        background: #EAF3DF;
        color: #00615E;
    }

.pale-green-bg {
    background-color: #63B9B5;
    padding: 100px 0 150px;
}

.out-to-help-sec-2 p {
    font-size: 22px;
    line-height: 30px;
}

.should-you-recycle-sec-3 h2 {
    font-size: 50px;
    line-height: 60px;
}

.four-col-hide-show {
    display: none;
    margin-top: 50px;
}

    .four-col-hide-show.show {
        display: block;
    }

    .four-col-hide-show .thumb-img {
        width: 207px;
        margin-bottom: 20px;
    }

    .four-col-hide-show h3 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 25px;
        font-family: "TTCommonsClassicW01DemiBold";
    }

.should-you-recycle-sec-3 .container .full-terraCycle .text-show {
    color: #00615E;
    font-size: 22px;
    line-height: 30px;
}

.should-you-recycle-sec-3 .nav-tabs {
    border: 1px solid #00615E;
    border-radius: 50px;
}

    .should-you-recycle-sec-3 .nav-tabs .nav-link {
        border: 0;
        font-size: 18px;
    }

        .should-you-recycle-sec-3 .nav-tabs .nav-link:focus,
        .should-you-recycle-sec-3 .nav-tabs .nav-link:hover,
        .should-you-recycle-sec-3 .nav-tabs .nav-link.active {
            border: 0;
        }

.how-do-you-sec-4 .sec-text p.step-cls {
    font-size: 28px;
    line-height: 32px;
}

.how-do-you-sec-4 .sec-text p {
    font-size: 18px;
    line-height: 28px;
}

.how-do-you-block-4 .btn, .how-do-you-block-4 .btn {
    font-size: 18px !important;
    max-width: 307px;
    margin-top: 20px;
    text-transform: uppercase !important;
    background-color: #00615E;
}


.recycled-lens-count-sec-4 p {
    margin-top: 30px;
}

    .recycled-lens-count-sec-4 p, .recycled-lens-count-sec-4 p strong, .recycled-lens-count-sec-4 p a {
        font-size: 18px;
        line-height: 28px;
    }

.terracycle-tips-sec-5 p {
    font-size: 18px;
    line-height: 28px;
}

.terracycle-tips-sec-5 h2 {
    font-size: 50px;
    line-height: 60px;
}


.terracycle-tips-sec-5 .sec-text h2 {
    font-size: 45px;
    line-height: 47px;
}

.hydEye-sec-5-pro-page1 .container .section-text .sec-col2 img.mecw {
    margin-top: -105px;
    margin-bottom: 10px;
}

.hydEye-sec-5 .container .section-text .white-bg-footnote {
    margin-top: 25px !important;
    font-size: 15px;
    line-height: 17px;
}

.accordian-text .expand-btn {
    font-size: 18px;
    line-height: 25px;
    color: #00615E;
    font-family: "TTCommonsClassicW01DemiBold";
}

.hydEye-sec-1 .section-text .btn-wrap.btn1 .ps-widget .ps-button-label {
    font-size: 20px;
    line-height: 40px;
}

.bio-story .section-text .story-text p {
    font-size: 22px;
    line-height: 30px;
    color: #00615E;
}

.contct-feel-sec-4 h2 {
    font-size: 50px;
    line-height: 60px;
    color: #00615E;
}

.section-banner .main-banner.true-eyes-banner .container {
    top: -18%;
}

.section-banner .main-banner.true-exp-banner .container {
    top: 0;
}

.less-neg-margin img {
    margin-left: 10px;
}

.contct-feel-sec-2 .container .section-text {
    margin-top: 64px;
}

.contct-feel-sec-4 .sec-text p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 3rem;
}

.contct-feel-sec-4 .sec-text ul li {
    font-size: 18px;
    line-height: 28px;
}

.section-banner .main-banner.bio-drating.true-eyes-banner .container .caption .subhead-h4 {
    font-size: 28px;
    line-height: 32px;
    margin-right: 10%;
}

.hydEye-sec-5 .container .section-text .sec-col2 p {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.75px;
}

.contct-feel-sec-2 .container .section-text .sec-col2 p {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.75px;
}

.we-collaborated-sec-2 p {
    font-size: 22px;
    line-height: 30px;
}

.we-collaborated-sec-2 h2 {
    font-size: 50px;
    line-height: 60px;
}

.we-collaborated-sec-2 .contacts-prod-sec .sec-text h2 {
    font-size: 28px;
    line-height: 34px;
    display: table;
}

.we-collaborated-sec-2 .contacts-prod-sec .sec-text h3 {
    font-size: 22px;
    line-height: 30px;
    display: table;
}

.btnbuy-now .ps-button-label {
    letter-spacing: 1.34px;
}

.light-bg-prod {
    background-color: #FBFDFA;
}

.hydEye-sec-5.hydEye-sec-5-pro-page1.sec-bottom-margin .section-text:not(:last-child) {
    margin-bottom: 182px;
}

.footer-main ul li.link-heading {
    font-size: 16px;
    font-family: Barlow, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bio-drating-sec-2 .white-bg-footnote {
    font-size: 15px;
}

.btnbuy-now .ps-button-label {
    color: #046C68 !important;
}

.hydEye-sec-1 .section-text .btn-wrap .ps-widget[ps-sku], .hydEye-sec-1 .section-text .btn-wrap .ps-widget[data-ps-sku] {
    color: #00615E;
}

    .hydEye-sec-1 .section-text .btn-wrap .ps-widget[ps-sku]:hover,
    .hydEye-sec-1 .section-text .btn-wrap .ps-widget[data-ps-sku]:hover {
        color: #fff;
    }

.btn-wrap .btn-default .ps-button-label {
    color: #fff;
}

.btn-wrap .shop-btn-wrap.btn-default .ps-button-label {
    color: #00615E;
}

.btn-wrap .shop-btn-wrap:hover.btn-default .ps-button-label {
    color: #fff;
}

.btn-wrap .shop-btn-wrap:hover {
    border: solid 1px #00615E !important;
}

.btn-wrap .btn-default:hover .ps-button-label {
    color: #00615E;
}

.btn-wrap .btn-default:hover a {
    color: #00615E;
    text-decoration: none
}

.bottom-prod-bg {
    background-color: #EFF5F0 !important;
}

.terracycle-tips-sec-5 .sec-text h2 {
    margin-bottom: 40px;
}

.shopnowProduct.new-fix-btn {
    padding: 10px 0;
}

    .shopnowProduct.new-fix-btn .btn {
        position: relative;
        max-width: 248px;
        font-size: 13px;
        line-height: 17px;
    }

.top-index-1 {
    z-index: 1;
}

.top-index-2 {
    z-index: 2;
}

.top-index-3 {
    z-index: 3;
}

.shop-archive-btn {
    margin-left: 25px;
}


.top-utility-section {
    padding: 9px 0;
    background-color: rgb(3,131,140)
}

    .top-utility-section .bl-left-logo img {
        height: 18px
    }

    .top-utility-section .bl-right-link a {
        color: rgb(255,255,255);
        display: flex;
        justify-content: end;
        align-items: center;
        font-family: Barlow,sans-serif;
        font-weight: 900;
        font-size: 11px;
        line-height: normal;
        text-decoration: underline;
        margin-right: 30px !important;
    }

        .top-utility-section .bl-right-link a img {
            width: 15px;
            height: 15px;
            margin-left: 5px
        }

.bl-left-logo {
    line-height: 0
}

.top-utility-section .left-logo-wrap,
.top-utility-section .right-link-wrap {
    width: 50%;
    flex: 0 0 auto;
}

.footer-sec {
    padding: 46px 0 57px;
    background: rgb(3,131,140);
    margin-top: 0;
    font-family: Barlow,sans-serif;
    border-top: 0 !important
}

    .footer-sec ul {
        width: auto;
    }

        .footer-sec ul.socialLink {
            padding-left: 18px;
        }

        .footer-sec ul li {
            margin-bottom: 0;
            letter-spacing: normal;
            line-height: normal;
            padding: 0;
        }

    .footer-sec span {
        color: #fff
    }

.footer-bl-logo {
    margin-bottom: 18px
}

.footer-sec .footer-links ul {
    gap: 15px;
    display: flex;
    flex-direction: column;
}

.footer-desc.copyright p {
    font-size: 10px;
    color: rgb(255,255,255);
    margin-top: 0;
    margin-bottom: 15px;
    line-height: normal;
    font-weight: 400;
    font-family: Barlow,sans-serif;
    text-align: left;
}

.footer-desc.copyright {
    padding-right: 50px;
}

.socialLink {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 25px;
    margin-bottom: 0px;
    gap: 15px;
}

.social-link-top {
    border-bottom: 1px solid rgb(53,167,129);
    padding-bottom: 0;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    padding-left: 0
}

    .social-link-top p {
        color: rgb(255,255,255);
        margin-bottom: 8px;
        font-size: 10px;
        font-weight: 600;
        font-family: Barlow,sans-serif;
    }

.socialLink li {
    color: rgb(255,255,255);
    list-style-type: none
}

.footer-links ul li a {
    color: rgb(255,255,255);
    background: url("/siteassets/img/icon-link-out.svg") right bottom / 10px no-repeat;
    font-size: 12px !important;
    padding-right: 15px;
    text-decoration: underline;
    font-weight: 700;
    font-family: Barlow,sans-serif;
    background-position-y: 60%;
}

.footer-links ul li.no-external a {
    background-image: none
}

.footer-links {
    display: flex;
    padding-left: 0
}

    .footer-links li {
        list-style-type: none;
        margin-bottom: 8px
    }

    .footer-links ul {
        margin-left: 0;
        padding-left: 0
    }

    .footer-links .px-0 {
        padding-left: 0
    }

.top-social {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-left: 16px;
}

@media screen and (max-width: 1679px) and (min-width: 1250px) {
    .contct-feel-sec-2 .container .section-text .sec-col1 {
        margin-top: 0;
    }

    .contct-feel-sec-2 .container .section-text {
        display: flex;
        position: relative;
        min-height: 440px;
    }

        .contct-feel-sec-2 .container .section-text .sec-col2 {
            width: 40%;
            position: relative;
        }

    .section-banner .main-banner.true-exp-banner .container {
        top: 0;
    }
}

@media screen and (min-width: 1500px) {
    .font-70 {
        font-size: 76px;
        line-height: 80px;
    }

    .top-lead-text {
        letter-spacing: 2px;
    }

    .section-banner .main-banner.true-eyes-banner.fix-res-eye-banner-new .container {
        top: 14%;
        align-items: start;
    }

    .section-banner .main-banner.true-eyes-banner.fix-res-eye-banner-new .cs-breadcrumb .container {
        top: 0;
        left: 0;
        justify-content: start;
        height: auto;
    }
}

@media screen and (min-width: 1700px) {
    .sec-5 .container .section-text p.fix-right-w {
        width: 62%;
    }
}

@media only screen and (max-width: 1499px) and (min-width: 1200px) {
    .font-70 {
        font-size: 50px;
        line-height: 60px;
    }

    header .header-main .top-menu .navbar-nav li:not(:last-child) {
        margin-right: 20px;
    }

    .shop-archive-btn {
        margin-left: 20px;
    }


    .section-banner .main-banner.true-eyes-banner.fix-res-eye-banner-new .container {
        top: 0%;
    }

        .section-banner .main-banner.true-eyes-banner.fix-res-eye-banner-new .container .caption h2 {
            font-size: 50px;
            line-height: 60px;
        }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    .section-banner .main-banner.true-eyes-banner.fix-res-eye-banner-new .container {
        top: 0%;
    }

        .section-banner .main-banner.true-eyes-banner.fix-res-eye-banner-new .container .caption h2 {
            font-size: 50px;
            line-height: 60px;
        }

    .should-you-recycle-sec-3 .nav-tabs .nav-link {
        font-size: 15px;
    }

    .section-banner .main-banner.true-exp-banner .container {
        top: 0;
    }

    .main-banner.contct-feel .container .caption {
        top: 0px;
    }

    .section-banner .main-banner.true-exp-banner .container {
        left: 0;
    }

    .main-banner.contct-feel.true-exp-banner .container .caption h1 {
        font-size: 45px;
        line-height: 47px;
    }

    .font-50 {
        font-size: 30px !important;
        line-height: 34px !important;
    }

    .main-banner.contct-feel .container .caption p {
        font-size: 16px;
        line-height: 20px;
    }

    .hydEye-sec-5.hydEye-sec-5-pro-page1.sec-bottom-margin .section-text:not(:last-child) {
        margin-bottom: 80px;
    }
}

@media screen and (max-width: 1099px) {
    .contct-feel-sec-2 {
        padding: 0 0 40px;
    }

    .section-banner .main-banner.true-exp-banner .container {
        top: 0;
    }

    .contct-feel-sec-2 .container .section-text .btn-default {
        margin-bottom: 30px;
    }
}


@media only screen and (min-width: 1580px) {
    .logo-wrap-sec {
        flex: 0 0 12%;
        max-width: 12%;
    }

    .head-right-link-wrapper {
        flex: 0 0 20%;
        max-width: 20%;
    }

    header .header-main .head-right-link-wrapper .btnbuy-now .shop-archive-btn a {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1579px) and (min-width: 1200px) {
    .logo-wrap-sec {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .head-right-link-wrapper {
        flex: 0 0 23%;
        max-width: 23%;
    }

    header .header-main .head-right-link-wrapper .btnbuy-now .shop-archive-btn a {
        font-size: 15px;
    }
}


@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .new-font-60 {
        font-size: 50px !important;
        line-height: 60px !important;
    }

    .font-70 {
        font-size: 50px;
        line-height: 60px;
    }

    header .header-main .top-menu .navbar-nav li:not(:last-child) {
        margin-right: 12px;
    }

    header .header-main .top-menu .navbar-nav li, header .header-main .top-menu .navbar-nav li a {
        font-size: 13px;
    }

    .ps-button-label {
        font-size: 13px;
    }

    .our-product-sec-4.mob-2-col .sec-text img {
        height: 240px;
    }

    .our-product-sec-4 .sec-text .hover-circle {
        width: 230px;
        height: 230px;
    }

    .our-product-sec-4 .sec-text:hover .hover-circle,
    .our-product-sec-4 .sec-text:hover .hover-circle1,
    .our-product-sec-4 .sec-text:hover .hover-circle2 {
        left: auto;
    }

    .logo-wrap-sec {
        max-width: 80px;
        padding: 0;
    }

    .head-right-link-wrapper {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .shop-archive-btn {
        margin-left: 12px;
    }

    header .header-main .head-right-link-wrapper .btnbuy-now .shop-archive-btn a {
        font-size: 13px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .section-banner {
        margin-top: 104px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 385px) {
    .section-banner {
        margin-top: 97px;
    }
}

@media screen and (min-width: 992px) {
    .head-right-links {
        display: flex;
        align-items: center;
    }

    .head-right-link-wrapper .ps-widget[ps-sku] {
        padding-left: 0;
        padding-right: 0;
    }

    .head-right-link-wrapper .btnbuy-now .ps-widget[ps-sku]:hover:after {
        width: 100%;
        left: 0;
    }
}

@media screen and (max-width: 991px) {
    header .header-main .top-menu .navbar-nav li:not(:last-child) {
        margin-right: 0;
    }

    .our-product-sec-4.mob-2-col .sec-text h3 {
        font-size: 15px !important;
        line-height: 17px !important;
    }

    .text-tag {
        font-size: 11px;
    }

    .our-product-sec-4.mob-2-col .sec-text img {
        height: 240px;
    }

    .our-product-sec-4.mob-2-col .sec-text .hover-circle {
        width: 230px;
        height: 230px;
    }

    .our-product-sec-4.mob-2-col .sec-text:hover .hover-circle,
    .our-product-sec-4.mob-2-col .sec-text:hover .hover-circle1,
    .our-product-sec-4.mob-2-col .sec-text:hover .hover-circle2 {
        left: 0;
    }

    .our-product-sec-4.mob-2-col .sec-text {
        margin-bottom: 30px;
    }

    .our-product-sec-4.mob-2-col .col-md-4 {
        align-items: center;
    }

    .footer .btn.btnfixed {
        font-size: 13px;
    }

    .we-collaborated-sec-2 h2 {
        font-size: 32px;
        line-height: 37px;
    }

    .we-collaborated-sec-2 p {
        font-size: 18px;
        line-height: 24px;
    }

    .main-banner.Biotrue-Recycling-mobile .container .caption p {
        font-size: 18px;
        line-height: 25px;
    }

    .mid-content p {
        font-size: 18px;
        line-height: 24px;
    }

    .hydEye-sec-1 .footnote {
        font-size: 13px;
        line-height: 17px;
        color: #1A7E61;
    }

    .hydEye-sec-4 .accordian-text .card .card-header a {
        font-size: 16px;
        line-height: 22px;
    }

    .hydEye-sec-4 .accordian-text .card .acc-body .card-body p {
        font-size: 15px;
        line-height: 22px;
    }

    .hydEye-sec-5 .container h5 {
        font-size: 16px;
    }

    .contct-feel-sec-2 .container .section-text .white-bg-footnote {
        font-size: 13px;
        line-height: 20px;
        margin-top: 0;
    }

    .main-banner.contct-feel.true-exp-banner .container .caption h1 {
        color: #00615E;
        font-size: 48px;
        line-height: 50px;
    }

    .bio-drating-sec-2 .container .section-text p {
        line-height: 25px;
    }

    .bio-drating-sec-2.bio-drating-bg .section-text .white-bg-footnote {
        font-size: 13px;
    }

    .section-banner .main-banner.bio-drating.true-eyes-banner .container .caption .subhead-h4 {
        font-size: 25px;
        line-height: 30px;
        margin-right: 0;
    }

    .section-banner .eyecare-banner .container .banner-subhead-text span.font-60 {
        font-size: 32px !important;
        line-height: 37px !important;
    }

    .contct-feel-sec-4 .sec-text ul li {
        line-height: 24px;
    }

    .contct-feel-sec-4 .sec-text p {
        line-height: 24px;
    }

    .bio-drating-sec-5 .col-md-4 .sec-text h3 {
        font-size: 22px;
        line-height: 26px;
    }

    .main-banner.bio-drating .container .caption h2 {
        font-size: 32px;
        line-height: 37px;
    }

    .contct-feel-sec-4 h3 {
        font-size: 30px;
        line-height: 37px;
    }

    .contct-feel-sec-4 h2 {
        font-size: 32px;
        line-height: 37px;
    }

    .bio-story .section-text .story-text p {
        font-size: 18px;
        line-height: 25px;
    }

    .hydEye-sec-5-pro-page1 h3, .hydEye-sec-5 .container h3 {
        line-height: 37px;
        font-size: 32px;
    }

    .hydEye-sec-5.hydEye-sec-5-pro-page1 .container .section-text {
        margin-top: 35px;
    }

    .hydEye-sec-2 .hydEye-wrap.reverse-col-mob {
        flex-direction: row-reverse;
        display: flex !important;
    }

    .hydEye-sec-1 .section-text .btn-wrap.btn1 .ps-widget .ps-button-label {
        font-size: 16px;
        line-height: 18px;
    }

    .hydEye-sec-5-pro-page1 .container .section-text .sec-col2 img.mecw {
        margin-top: -65px;
    }

    .hydEye-sec-5-pro-page1.sec-bottom-margin .container .section-text .sec-col2 img.mecw {
        margin-top: -130px;
    }

    .hydEye-sec-5-pro-page1.sec-bottom-margin {
        padding-top: 130px;
    }

    .section-banner .main-banner.true-exp-banner {
        padding-bottom: 75px;
    }

    .four-col-hide-show .thumb-img {
        width: 145px;
    }

    .four-col-hide-show h3 {
        font-size: 16px;
        line-height: 18px;
    }

    .main-banner.Biotrue-Recycling-banner .container .caption h1 {
        margin-bottom: 20px;
    }

    .out-to-help-sec-2 p {
        font-size: 20px;
        line-height: 24px;
    }

    .should-you-recycle-sec-3 h2 {
        font-size: 32px;
        line-height: 37px;
    }

    .should-you-recycle-sec-3 .container .full-terraCycle .text-show {
        font-size: 18px;
        line-height: 35px;
    }

    .recycled-lens-count-sec-4 p, .recycled-lens-count-sec-4 p strong, .recycled-lens-count-sec-4 p a {
        line-height: 25px;
    }

    .terracycle-tips-sec-5 p {
        font-size: 18px;
        line-height: 24px;
    }

    .terracycle-tips-sec-5 .sec-text h2 {
        font-size: 30px;
        line-height: 37px;
    }

    .terracycle-tips-sec-5 h2 {
        font-size: 32px;
        line-height: 37px;
    }

    .font-70 {
        font-size: 50px;
        line-height: 60px;
    }

    .mid-content h2 {
        line-height: 32px;
        font-size: 37px;
    }

    .new-font-60 {
        font-size: 32px !important;
        line-height: 37px !important;
    }

    .main-banner .cs-breadcrumb .container {
        top: 3%;
    }

    .cs-breadcrumb.internal-page-links {
        margin-top: 15px;
    }

    .main-banner .cs-breadcrumb .container {
        top: 2%;
        left: 0;
        justify-content: start;
        height: auto;
        position: absolute !important;
    }

    .main-banner .cs-breadcrumb {
        top: 15px;
    }

    .contct-feel-sec-5 .col-md-6 .sec-text h2 {
        font-size: 22px;
        line-height: 26px;
    }

    .desk-shop-btn, .shop-archive-btn {
        display: none
    }

    .footer-links {
        flex-direction: column
    }

    .footer-sec {
        padding: 30px;
    }

    .container .footer-sec {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .social-link-top {
        flex-direction: column;
        align-items: start
    }

    .socialLink {
        padding-left: 0
    }

    .footer-links .col-lg-6 {
        padding: 0;
        margin-top: -2px !important;
    }

    .socialLink {
        gap: 30px
    }

    .footer-sec ul.socialLink {
        padding-left: 0px;
    }

    .footer-main ul.foot-list li a {
        padding: 0 !important;
    }

    .top-utility-section .left-logo-wrap {
        width: 30%;
    }

    .top-utility-section .right-link-wrap {
        width: 70%;
    }
}

@media only screen and (min-width: 836px) {
    .mktoleftspacecouponbutton {
        margin-left: 0px !important;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

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

    .font-60 {
        font-size: 60px !important;
        line-height: 70px !important;
    }

    .font-50 {
        font-size: 50px !important;
        line-height: 60px !important;
    }

    .caption.font-28 p {
        font-size: 28px !important;
        line-height: 32px !important;
    }

        .caption.font-28 p span {
            font-size: 28px !important;
            line-height: 34px !important;
        }
}

/*@media only screen and (max-width: 991px) and (min-width: 577px) {
    .our-product-sec-4 .col-md-4 {
        margin-bottom: 80px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}*/

@media screen and (max-width: 767px) {
    .top-utility-section .bl-left-logo img {
        height: 8px
    }

    .top-utility-section .bl-right-link a {
        font-size: 5.5px;
        margin-right: 10px !important;
    }
}

.top-utility-section .bl-right-link a img {
    width: 10px;
    height: 10px;
    margin-left: 5px
}



@media screen and (max-width: 576px) {
    .wave.fix-res-wv {
        background-size: contain;
    }

    .fix-wv-top-align.innter-wave-white1 .wave {
        bottom: -26px;
    }

    .our-product-sec-4.mob-2-col .sec-text .btn {
        min-width: 130px;
    }

    .our-product-sec-4.mob-2-col .sec-text img {
        height: 150px;
    }

    .our-product-sec-4.mob-2-col .sec-text .hover-circle {
        width: 150px;
        height: 150px;
    }

    .our-product-sec-4.mob-2-col .sec-text:hover .hover-circle,
    .our-product-sec-4.mob-2-col .sec-text:hover .hover-circle1,
    .our-product-sec-4.mob-2-col .sec-text:hover .hover-circle2 {
        left: 0;
    }

    .our-product-sec-4.mob-2-col .col-md-4 .sec-text img {
        height: 148px;
    }

    .font-70 {
        font-size: 28px;
        line-height: 37px;
    }

    .section-banner .main-banner.our-bottle-banner .container .caption {
        padding: 64px 10px 9px;
    }

    .sec-1 .container .section-text p {
        margin-bottom: 15px;
    }

    .contct-feel-sec-2 .container .section-text {
        margin-bottom: 54px;
    }

    .main-banner.contct-feel.true-exp-banner .container .caption h1 {
        color: #00615E;
        font-size: 48px;
        line-height: 50px;
    }

    .contct-feel-sec-2 .container .section-text p {
        line-height: 25px;
    }

    .contct-feel-sec-4.no-margin-row .row:not(:last-child) {
        margin-bottom: 30px;
    }

    .contct-feel-sec-4.no-margin-row .row img {
        margin-bottom: 30px;
    }

    .hydEye-sec-5 .container .section-text .white-bg-footnote {
        font-size: 13px;
        line-height: 20px;
    }

    .hydEye-sec-5.hydEye-sec-5-pro-page1.sec-bottom-margin .section-text:not(:last-child) {
        margin-bottom: 160px;
    }

    .couponPup .couponPup-box .coupon-para {
        font-size: 18px;
        line-height: 25px;
    }
}

.MRFMva_tolstoyBubbleContainer {
    bottom: 55px;
}

@media screen and (max-width: 384px) {
    .section-banner {
        margin-top: 96px;
    }

    header .header-main .top-menu {
        top: 96px;
    }

    .top-utility-section .bl-right-link a {
        font-size: 5.3px;
        margin-right: 9px !important;
    }
}
/*  Cms-12 EpiForm Css Fix for Borders- Start */

.EPiServerForms .ValidationRequired .Form__Element__Caption:after {
    content: " " !important;
}

.EPiServerForms .ValidationFail input, .EPiServerForms .ValidationFail textarea, .EPiServerForms .ValidationFail select {
    border-color: inherit !important;
}

/*  Cms-12 EpiForm Css Fix for Borders- END */


.cd-bc .coufirstcheckboxdiv label {
    position: relative;
    font-size: 16px;
    padding: 18px 20px 2px 0px;
    margin-left: 54px;
    line-height: 1.29;
}

    .cd-bc .coufirstcheckboxdiv label input {
        position: absolute;
        width: 12px;
        left: -21px;
        top: 21px;
        height: 12px;
        border-radius: 0px;
    }


        .cd-bc .coufirstcheckboxdiv label input[type=radio] {
            border: 1px solid #1A7E61;
            padding: 8px;
            -webkit-appearance: none;
        }

            .cd-bc .coufirstcheckboxdiv label input[type=radio]:checked {
                background: url('/siteassets/img/tick.svg') no-repeat center center;
                background-size: 100%;
            }

            .cd-bc .coufirstcheckboxdiv label input[type=radio]:focus {
                outline-color: transparent;
            }

.mktoButtonRow.mktoleftspacecouponbutton.cd-submit {
    margin-left: 0 !important;
    text-align: center;
    justify-content: center;
}

.couponPup-box.qrcode {
    background: #E0F1E3 url(/siteassets/img/img-500x300-popup-back-1.svg) left bottom 40px no-repeat;
}

.mktoForm.mktoFormRow.cd-Name {
    margin-top: 6px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.mktoForm.mktoFormRow.cd-Email {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

.couponPup .mktoFormRow.cd-Name .couponinput input[type=text],
.couponPup .mktoFormRow.cd-Email .couponinput input[type=text] {
    width: 100% !important;
    border: 1px solid #cecece !important;
    line-height: 28px;
}

    .couponPup .mktoFormRow.cd-Name .couponinput input[type=text]::placeholder,
    .couponPup .mktoFormRow.cd-Email .couponinput input[type=text]::placeholder {
        color: #00615E;
    }

@media screen and (max-width: 260px) {
    .top-utility-section .left-logo-wrap {
        padding-right: 0;
    }

    .top-utility-section .right-link-wrap {
        padding-right: 5px;
    }

    .top-utility-section .bl-right-link a {
        font-size: 5px;
        margin-right: 0px !important;
        font-weight: normal;
    }

    .top-utility-section .bl-left-logo img {
        height: auto;
        width: 100%;
    }
}