h5,
        h5 strong {
            color: #54a726
        }

        h4,
        h6,
        p strong {
            color: #0f9dda
        }

        @font-face {
            font-family: 'Conv_caladea-regular';
            src: url('../fonts/Caladea-Regular.eot');
            src: url('../fonts/Caladea-Regular.eot#iefix') format('embedded-opentype'),
            url('../fonts/Caladea-Regular.woff2') format('woff2'),
            url('../fonts/Caladea-Regular.woff') format('woff'),
            url('../fonts/Caladea-Regular.ttf') format('truetype'),
            url('../images/Caladea-Regular.svg#Caladea-Regular') format('svg');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }

        a,
        a:focus,
        a:hover {
            text-decoration: none
        }

        .bot-price-sec span,
        h5 span {
            text-decoration: line-through
        }

        *,
        body,
        img {
            margin: 0;
            padding: 0
        }

        a,
        abbr,
        acronym,
        address,
        applet,
        article,
        aside,
        audio,
        b,
        big,
        blockquote,
        body,
        canvas,
        caption,
        center,
        cite,
        code,
        dd,
        del,
        details,
        dfn,
        div,
        dl,
        dt,
        em,
        embed,
        fieldset,
        figcaption,
        figure,
        footer,
        form,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        header,
        hgroup,
        html,
        i,
        iframe,
        img,
        ins,
        kbd,
        label,
        legend,
        li,
        mark,
        menu,
        nav,
        object,
        ol,
        output,
        p,
        pre,
        q,
        ruby,
        s,
        samp,
        section,
        small,
        span,
        strike,
        strong,
        sub,
        summary,
        sup,
        table,
        tbody,
        td,
        tfoot,
        th,
        thead,
        time,
        tr,
        tt,
        u,
        ul,
        var,
        video {
            margin: 0;
            padding: 0;
            border: 0;
            font: inherit
        }

        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
            display: block
        }

        ol,
        ul {
            list-style: none
        }

        blockquote,
        q {
            quotes: none
        }

        blockquote:after,
        blockquote:before,
        q:after,
        q:before {
            content: '';
            content: none
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        * {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box
        }

        a {
            outline: 0
        }

        .spacer {
            clear: both;
            line-height: 0;
            font-size: 0
        }

        img {
            border: 0;
            height: auto;
            max-width: 100%
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-weight: 400
        }

        select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        body {
            overflow-x: hidden;
            font-family: 'Roboto', sans-serif;
            font-size: 16px;
            line-height: 26px
        }

        h1,
        h2 {
            color: #000;
            font-family: Conv_caladea-regular
        }

        h1 {
            text-transform: capitalize;
            font-size: 26px;
            line-height: 32px
        }

        h1 strong {
            color: #0f9dda
        }

        h2 {
            font-size: 28px;
            line-height: normal
        }

        h3,
        h4,
        h5 {
            font-size: 22px
        }

        h3 {
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
            color: #2d2c29
        }

        h4 {
            font-family: Conv_caladea-regular
        }

        h5 {
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
        }

        h6,
        p {
            font-size: 16px
        }

        .number,
        h5 strong,
        h6,
        p strong {
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
        }

        h5 span {
            color: #adadad
        }

        p {
            margin: 15px 0;
            color: #414141;
            line-height: 25px
        }

        p strong {
            font-size: 18px
        }

        .button-outer {
            width: 100%;
            margin-top: 20px
        }

        .hero-left-content .button-outer {
            -ms-grid-row: 1;
                grid-row-start: 1;
            -ms-grid-row-span: 0;
            grid-row-end: 1;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .btn-default {
            display: inline-block;
            vertical-align: top;
            width: 280px;
            line-height: 57px;
            padding-right: 56px;
            border: none;
            color: #fff;
            text-align: center;
            background: url("../images/btn-bg.png") no-repeat;
            -webkit-box-shadow: 0 6px 22px 0 rgba(84, 167, 38, .61);
            box-shadow: 0 6px 22px 0 rgba(84, 167, 38, .61)
        }

        .btn-default:focus,
        .btn-default:hover {
            background: url("../images/btn-bg-hover.png") no-repeat;
            color: #fff;
            -webkit-box-shadow: 0 5px 22px -10px rgba(0, 0, 0, .82);
            box-shadow: 0 5px 22px -10px rgba(0, 0, 0, .82)
        }

        .form-control {
            border: 1px solid #e1e1e1;
            height: 45px;
            -webkit-box-shadow: none;
                    box-shadow: none
        }

        .font-13 {
            font-size: 13px;
            line-height: 20px
        }

        .btn-green-outer a,
        .navbar-nav > li > a {
            text-transform: uppercase;
            font-size: 16px;
            color: #fff
        }

        .section {
            padding: 30px 0
        }

        .top-strip {
            background: #0f9dda;
            color: #fff;
            padding: 6px;
            display: none;
        }

        .top-strip a {
            color: #fff;
        }

        .header-sec {
            background: #f4f4f4;
            padding: 15px 0;
            position: relative
        }

        .navigation-outer {
            width: 100%
        }

        .navbar {
            margin-bottom: 0;
            border: none;
            min-height: 30px;
        }

        .nav {
            margin: 0
        }

        .navigation-outer .navbar-brand {
            height: auto;
            float: none;
            display: inline-block;
            vertical-align: middle;
            padding: 6px 15px;
            width: 220px
        }

        .navbar-brand > img {
            image-rendering: -o-crisp-edges;
            image-rendering: -webkit-optimize-contrast;
            width: 100%
        }

        .navbar-collapse {
            padding-left: 0;
            padding-right: 0
        }

        .navbar-toggle {
            border-color: #0f9dda;
            border-radius: 0;
            background: #0f9dda;
            margin-top: 17px
        }

        .navbar-toggle span {
            background: #fff
        }

        .navbar-nav ul {
            border: none
        }

        .navbar-nav > li > a {
            background: #0f9dda
        }

        .nav > li > a:focus,
        .nav > li > a:hover {
            background: #000
        }

        .btn-green-outer a {
            background: #459916;
            display: inline-block;
            padding: 10px 14px;
            border-radius: 4px
        }

        .bot-testi-img,
        .bot-testi-img img,
        .ingredient-round-img,
        .number,
        .routin-img,
        .routin-img img {
            border-radius: 100%
        }

        .btn-green-outer a:focus,
        .btn-green-outer a:hover {
            background: #000;
            color: #fff
        }

        .logo {
            font-size: 32px;
            font-family: roboto;
        }

        .blue {
            color: #0f9dda;
        }

        .top-right-img {
            width: 130px;
            margin: 10px auto
        }

        .top-right-img img {

            display: block
        }

        .hero-content,
        .hero-heading {
            display: inline-block;
            vertical-align: top;
            width: 100%
        }

        .hero-left-sec {
            text-align: center;
            padding-top: 10px
        }

        .satisfection-logo {
            margin-top: 20px
        }

        .hero-content {
            margin-top: 6px
        }

        .hero-left-content {
            width: 100%;
            margin-bottom: 25px;
            display: -ms-grid;
            display: grid;
        }

        .hero-left-content ul {
            margin-top: 10px
        }

        .hero-left-content ul li {
            font-size: 18px;
            text-align: left;
            color: #414141;
            background: url("../images/green-tick.png") left 8px no-repeat;
            padding: 6px 0px 3px 27px;
        }

        .vid-player {
            width: 100%;
            border: 5px solid #fff;
        }

        .vid-player img {
            width: 100%;
            display: block
        }

        .sixteen-nine {
            position: relative;
            text-align: center;
        }

        .sixteen-nine:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 76.25%;
        }

        .sixteen-nine > iframe {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
        }

        .sixteen-nine > img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

        .hero-video p {
            text-align: left;
            display: none;
        }

        .bot-form-sec h4,
        .bot-testi-text,
        .convinced-sec ul li,
        .foot-right-icon,
        .how-left ul,
        .ingredient-content ul,
        .navbar-header,
        .number,
        .order-detail-sec,
        .routin-box,
        .social-btn,
        .star,
        .testi-box,
        .testi-name,
        .thkyoucontent {
            text-align: center
        }

        .testi-box {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .header-img {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 85px
        }

        .header-img img {
            width: 100%;
            display: block
        }

        .ingredient-sec .row {
            margin-top: 25px
        }

        .ingredient-img {
            width: 130px;
            margin: 25px auto
        }

        .ingredient-img img {

            display: block
        }

        .ingredient-content ul {
            margin-top: 15px;
            padding: 0
        }

        .ingredient-content ul li {
            width: 100%;
            margin: 15px 0
        }

        .ingredient-round-img {
            width: 65px;
            display: block;
            margin: 0 auto 10px
        }

        .ingredient-round-img img {
            display: block;
            width: 100%;
            border-radius: 100%
        }

        .ingredient-detail-text {
            width: 100%;
            display: inline-block
        }

        .ingredient-detail-text p {
            margin: 3px 0 0;
            font-size: 16px;
            line-height: 24px
        }

        .top-prod-img-mobile {
            float: left;
            width: 100px;
            margin: 0 10px
        }

        .routin-sec {
            background: #f4f4f4
        }

        .routin-sec .row {
            margin-top: 25px
        }

        .routin-box {
            background: #fff;
            padding: 40px 20px 30px;
            margin: 20px 0;
            position: relative;
            -webkit-box-shadow: 0 5px 26px -7px rgba(0, 0, 0, .3);
            box-shadow: 0 5px 26px -7px rgba(0, 0, 0, .3)
        }

        .routin-img {
            width: 100px;
            margin: 0 auto 10px
        }

        .routin-img img {
            width: 100%;
            display: block
        }

        .routin-box h6 {
            font-size: 19px;
            color: #0f9dda
        }

        .routin-box h6 img {
            display: inline-block;
            vertical-align: middle;
            margin-right: 15px
        }

        .routin-box p {
            margin: 10px 0 0
        }

        .number {
            width: 50px;
            line-height: 50px;
            font-size: 22px;
            color: #fff;
            background: #0f9dda;
            position: absolute;
            top: -24px;
            left: 0;
            right: 0;
            margin: auto
        }

        .prof-sec {
            position: relative;
            display: none;
        }

        .prof-sec .row {
            margin-top: 25px
        }

        .prof-img {
            width: 280px;
            margin: 0 auto 20px
        }

        .prof-content ul {
            margin: 0;
            padding: 0
        }

        .prof-content ul li {
            margin: 10px 0;
            display: inline-block;
            vertical-align: top;
            background: url("../images/orange-tick.png") left center no-repeat;
            padding-left: 42px
        }

        .prof-content ul li p {
            margin: 2px 0 0
        }

        .prof-sec .button-outer {
            margin: 0
        }

        .prof-sec .prof-price-outer {
            margin-top: 20px
        }

        .prof-price-outer h5 {
            margin-bottom: 10px;
            font-size: 20px
        }

        .texture-sec {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 250px
        }

        .testi-img img,
        .texture-sec img {
            width: 100%;
            display: block
        }

        .testi-monial-sec {
            background: #d5eaee
        }

        .testi-monial-sec h2 span {
            display: block
        }

        .testi-monial-sec .row {
            margin-top: 25px
        }

        .testi-box {
            background: #fff;
            padding: 20px;
            margin: 0
        }

        .testi-name {
            color: #0f9dda;
            font-family: Conv_caladea-regular;
            font-size: 18px
        }

        .star {
            margin: 0 auto;
            width: 100px
        }

        .flag {
            width: 45px;
            margin: 15px auto 0
        }

        .how-sec h2 {
            color: #0f9dda;
            font-size: 25px;
        }

        .how-sec .row {
            margin-top: 25px
        }

        .how-left h3 a {
            color: #2d2c29;
            text-decoration: none;
        }

        .how-left-lext p {
            color: #0f9dda;
            margin: 0
        }

        .how-left ul {
            margin: 0;
            padding: 0
        }

        .how-left ul li {
            margin: 24px 0
        }

        .how-left ul li:first-child {
            margin-top: 0
        }

        .how-icon {
            margin: 0 auto 20px;
            width: 50px;
            display: none;
        }

        .bot-form-sec {
            width: 100%;
            margin: 0 auto;
            z-index: 99;
            -webkit-box-shadow: 0 9px 67px -24px rgba(0, 0, 0, .46);
            box-shadow: 0 9px 67px -24px rgba(0, 0, 0, .46);
            position: relative
        }

        .bot-form-sec h4 {
            padding: 24px 20px;
            background: #000;
            color: #fff;
            font-family: Conv_ProximaNova-Light;
            line-height: normal;
            font-size: 19px
        }

        .bot-form-sec span {
            font-family: Conv_ProximaNova-Bold
        }

        .bot-price-sec {
            padding: 10px 15px 10px 120px;
            background: #0f9dda;
            font-size: 20px;
            line-height: normal;
            font-family: Conv_ProximaNova-Light;
            color: #fff;
            position: relative
        }

        .bot-price-sec span {
            display: block;
            font-size: 24px
        }

        .discount-img {
            position: absolute;
            left: 13px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            width: 90px
        }

        .form-main-sec {
            background: #fff;
            padding: 30px 10px
        }

        .form-row {
            display: inline-block;
            vertical-align: top;
            width: 100%
        }

        .oechid-bg-1,
        .oechid-bg-2 {
            position: absolute;
            z-index: -1;
            width: 90px
        }

        .form-main-sec label {
            font-size: 15px;
            margin-bottom: 8px;
            display: block
        }

        .form-main-sec .button-outer {
            margin-top: 10px
        }

        .oechid-bg-1 {
            right: -50px;
            top: 15px
        }

        .oechid-bg-2 {
            left: -47px;
            bottom: -15px
        }

        .form-main-sec .btn-default {
            width: 100%;
            background-size: 100% auto;
            line-height: 48px;
            padding-left: 15px;
            font-size: 14px
        }

        .convinced-sec {
            background: #f9f9f9
        }

        .convinced-sec .row {
            margin-top: 25px
        }

        .convinced-sec h4 {
            color: #000
        }

        .convinced-sec ul {
            margin: 20px 0 0;
            padding: 0
        }

        .convinced-sec ul li {
            margin: 30px 0 0;
            display: inline-block;
            vertical-align: top
        }

        .convinced-sec ul li:first-child {
            margin-top: 0
        }

        .bot-testi-img {
            width: 65px;
            margin: 0 auto 15px
        }

        .bot-testi-img img {
            width: 100%;
            display: block
        }

        .bot-testi-text h5 {
            font-family: Conv_caladea-regular;
            color: #0f9dda;
            font-size: 22px
        }

        .bot-testi-text p {
            margin: 6px 0 0;
            color: #8b8b8b
        }

        .bot-star-sec {
            width: 80px;
            margin: 0 auto
        }

        .footer {
            padding: 25px 0
        }

        .foot-logo {
            width: 210px;
            margin: 0 auto
        }

        .copyright p,
        .copyright ul {
            margin: 0;
            text-align: center
        }

        .foot-logo img {
            width: 100%;
            display: block
        }

        .copyright p {
            padding-right: 10px
        }

        .copyright li {
            background: url("../images/divider.jpg") left center no-repeat;
            margin: 0 -2px;
            padding: 0 8px;
            font-size: 14px;
            display: inline-block;
            vertical-align: middle
        }

        .thakyou-top span,
        .thkyoucontent p em {
            display: block
        }

        .copyright li:first-child {
            background: 0 0
        }

        .copyright li a {
            color: #414141
        }

        .copyright li a:hover {
            color: #0f9dda
        }

        .foot-right-icon img {
            width: 140px
        }

        .copyright {
            margin: 10px 0 0
        }

        .thakyou-top {
            position: relative;
            background: #fefefe;
            background: linear-gradient(135deg, #fefefe 0, #dfe5ed 100%);
            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dfe5ed', GradientType=1)
        }

        .thkyouladyimg {
            position: absolute;
            right: -60px;
            bottom: 0;
            display: none;
            width: 30%
        }

        .thkyou-left-img {
            width: 150px;
            margin: 0 auto 20px
        }

        .thkyou-left-img img {
            width: 100%;
            display: block
        }

        .thank-logo {
            margin-bottom: 25px
        }

        .thank-logo img {
            width: 190px
        }

        .thkyoucontent h1 {
            margin: 10px 0
        }

        .thkyoucontent p {
            color: #949494;
            font-size: 20px
        }

        .order-detail-sec {
            padding: 25px;
            background: #fff
        }

        .social-area,
        .subscription-sec {
            background: #0f9dda
        }

        .order-box {
            display: inline-block;
            vertical-align: top;
            width: 100%;
            margin: 15px 0 0
        }

        .order-box p {
            font-size: 15px;
            margin: 8px 0;
            line-height: 23px
        }

        .order-box h4,
        .order-box h6 {
            font-size: 22px;
            font-family: Conv_ProximaNova-Bold
        }

        .order-box p a {
            text-decoration: underline;
            color: #0f9dda
        }

        .order-box h6,
        .order-box p a:hover {
            color: #000
        }

        .order-box:first-child {
            margin-top: 0
        }

        .order-box h4 {
            color: #000;
            margin-top: 8px;
            margin-bottom: 18px
        }

        .order-box h6 strong {
            font-size: 25px
        }

        .green-text {
            color: #1cb44e;
            font-family: Conv_ProximaNova-Bold
        }

        .social-area {
            padding: 30px 0
        }

        .social-area h4 {
            color: #fff
        }

        .social-btn {
            margin-top: 20px
        }

        .social-btn a {
            color: #fff;
            font-size: 30px;
            margin: 0 15px;
            display: inline-block;
            vertical-align: middle
        }

        .social-btn a:hover,
        .subscription-text h4 {
            color: #000
        }

        .thnkyouimg {
            width: 100%;
            margin-bottom: 20px
        }

        .thnkyouimg img {
            width: 100%;
            display: block
        }

        .thk-mid-inner {
            border: 1px solid #e1e1e1;
            padding: 15px 15px 25px
        }

        .thk-mid-text h4 span {
            color: #000;
            margin-top: 10px;
            display: block
        }

        .subscription-inner {
            padding: 25px;
            -webkit-box-shadow: 0 0 12px 4px rgba(0, 0, 0, .22);
            box-shadow: 0 0 12px 4px rgba(0, 0, 0, .22);
            background: #fff
        }

        .subscription-text p {
            margin: 8px 0 0;
            color: #949494
        }

        .subscription-form p {
            margin: 0 0 8px;
            color: #949494
        }

        .subscrive-btn {
            width: 197px;
            height: 45px;
            line-height: 45px;
            background: url("../images/subscribe-bg.png") no-repeat
        }

        .subscrive-btn:hover {
            background: url("../images/subscribe-bg-hover.png") no-repeat
        }

        .subscription-btn-outer {
            margin-top: 15px
        }

        .navbar-header {
            background: #fff;
            margin-top: -15px
        }

        .bot-testi-sec {
            margin-bottom: 20px
        }

        .owl-nav {
            position: absolute;
            top: 45%;
            width: 100%;
            text-align: right
        }

        .owl-next,
        .owl-prev {
            width: 35px;
            height: 35px;
            font-size: 0;
            border-radius: 100%
        }

        .owl-next {
            background: url("../images/arrow-left.png") no-repeat;
            background-size: 100% auto;
            float: right;
            margin: 0 -10px 0 0;
            -webkit-box-shadow: 0 10px 38px -7px rgba(38, 118, 186, .73);
            box-shadow: 0 10px 38px -7px rgba(38, 118, 186, .73)
        }

        .owl-prev {
            background: url("../images/arrow-right.png") no-repeat;
            background-size: 100% auto;
            float: left;
            margin: 0 0 0 -10px;
            -webkit-box-shadow: 0 10px 38px -7px rgba(38, 118, 186, .73);
            box-shadow: 0 10px 38px -7px rgba(38, 118, 186, .73)
        }

        .hero-vid-tab {
            display: none
        }

        .hero-video {
            margin-top: 10px;
        }

        @media only screen and (min-width:360px) {
            h1 span {
                display: block
            }
            .form-main-sec label {
                font-size: 16px
            }
            .bot-price-sec,
            .bot-price-sec span {
                font-size: 20px
            }
            .bot-price-sec {
                padding: 10px 15px 10px 159px
            }
            .form-main-sec .btn-default {
                width: 100%;
                line-height: 57px;
                padding-left: 20px;
                font-size: 16px
            }
            .discount-img {
                left: 30px;
                width: 110px
            }
            .navbar-toggle {
                display: none;
            }
        }

        .navbar-toggle {
            display: none;
        }

        @media only screen and (min-width:500px) {
            .testi-monial-sec h2 span {
                display: inline
            }
        }

        @media only screen and (min-width:640px) {
            h5 {
                font-size: 24px
            }
            h1 {
                font-size: 42px;
                line-height: 42px
            }
            h2 {
                font-size: 35px
            }
            .bot-price-sec,
            .bot-price-sec span {
                font-size: 24px
            }
            .hero-content {
                margin-top: 20px
            }
            .hero-left-content {
                display: block;
                width: 50%;
                float: left
            }
            .hero-video {
                float: right;
                width: 45%;
                margin-top: 20px;
            }
            .top-right-img {
                width: 350px
            }
            .ingredient-content ul li {
                width: 46%;
                vertical-align: middle;
                margin: 10px;
                display: inline-block
            }
            .bot-form-sec h4 span,
            .routin-sec h2 span,
            p.top-text span {}
            .ingredient-detail-text {
                width: 100%;
                vertical-align: middle;
                text-align: center
            }
            .ingredient-img {
                width: 150px
            }
            .routin-box {
                background: #fff;
                padding: 40px 30px 30px
            }
            .testi-box {
                padding: 30px
            }
            .bot-testi-img,
            .bot-testi-text {
                display: inline-block;
                vertical-align: middle
            }
            .bot-form-sec {
                max-width: 420px
            }
            .bot-price-sec {
                padding: 12px 25px 12px 180px
            }
            .form-main-sec {
                padding: 30px
            }
            .discount-img {
                width: 130px
            }
            .convinced-sec ul li {
                margin-top: 40px;
                text-align: left
            }
            .bot-testi-img {
                margin-right: 15px;
                margin-bottom: 0
            }
            .bot-testi-sec {
                margin-bottom: 22px
            }
            .bot-testi-text {
                text-align: left
            }
            .bot-star-sec {
                margin: 0
            }
            .thkyou-left-img {
                width: 200px
            }
            .thakyou-top span {
                display: inline
            }
            .hero-vid-tab {
                display: block
            }
            .hero-vid-mobile {
                display: none
            }
            .how-icon {
                display: inline;
            }
        }

        @media only screen and (min-width:768px) {
            .hero-left-sec,
            .how-left ul,
            .ingredient-content ul,
            .navbar-header {
                text-align: left
            }
            h1 {
                font-size: 45px;
                line-height: 45px
            }
            h4 {
                font-size: 26px
            }
            h5 {
                font-size: 25px
            }
            .section {
                padding: 40px 0
            }
            .header-sec {
                padding: 20px 0 35px
            }
            .top-strip {
                padding: 10px
            }
            .navigation-outer .navbar-brand {
                width: 210px;
                padding: 15px 10px
            }
            .nav {
                margin-top: 7px
            }
            .navbar-nav > li > a {
                background: 0 0;
                color: #818181
            }
            .nav > li > a:focus,
            .nav > li > a:hover {
                background: 0 0;
                color: #0f9dda
            }
            .btn-green-outer {
                margin: 7px 0 0 10px
            }
            .hero-left-sec {
                padding-top: 0
            }
            .hero-left-content {
                margin-bottom: 0
            }
            .hero-heading h1 {
                float: left
            }
            .satisfection-logo {
                width: 200px
            }
            .top-right-img {
                width: 100%;
                margin: 20px 0px 0px 30px;
            }
            .ingredient-sec .row {
                margin-top: 45px
            }
            .ingredient-content ul li {
                width: 100%;
                margin: 10px 0
            }
            .ingredient-round-img {
                width: 55px;
                display: inline-block;
                vertical-align: middle;
                margin: 0
            }
            .ingredient-detail-text {
                text-align: left;
                display: inline-block;
                vertical-align: middle;
                margin-left: 15px;
                width: 78%
            }
            .ingredient-img {
                width: 100%;
                margin-left: 120px;
            }
            .routin-sec {
                background: url("../images/routin-bg-img.png") left 70px no-repeat #f4f4f4;
                background-size: 80px auto
            }
            .prof-sec {
                background: url("../images/prof-sec-bg.png") right 70px no-repeat #fff;
                background-size: 90px auto
            }
            .prof-img {
                width: 100%
            }
            .prof-sec h2 span,
            .prof-sec p span {
                display: block
            }
            .how-icon,
            .how-left-lext,
            .social-area h4,
            .social-btn {
                display: inline-block;
                vertical-align: middle
            }
            .how-left-lext {
                width: calc(100% - 60px);
            }
            .prof-sec .row {
                margin-top: 45px
            }
            .bot-form-sec h4 {
                font-size: 24px;
            }
            .prof-sec .prof-price-outer {
                margin-top: 25px
            }
            .convinced-sec .row,
            .how-sec .row,
            .testi-monial-sec .row {
                margin-top: 45px
            }
            .testi-box p {
                min-height: 149px
            }
            .testi-tab-last p {
                min-height: 0
            }
            .how-icon {
                margin-right: 15px;
                width: 40px
            }
            .convinced-sec .container {
                width: 680px
            }
            .order-detail-sec {
                padding: 20px 30px
            }
            .thkyou-left-img {
                width: 100%
            }
            .social-btn {
                margin: 0 0 0 25px
            }
            .navbar-header {
                background: 0 0;
                margin-top: 0
            }
            .navigation-outer .navbar-brand {
                float: left;
                display: block
            }
            .navbar {
                min-height: 50px;
            }
            .btmvrfIcon {
                max-width: 14px;
            }
            .hero-video p {
                display: block;
            }
            .hero-left-content ul li {
                padding: 6px 0 6px 27px;
            }
            .hero-left-content .button-outer {
                -ms-grid-row: auto;
                    grid-row-start: auto;
                -ms-grid-row-span: NaN;
                grid-row-end: auto;
                margin-top: 20px;
                margin-bottom: 0;
            }
        }

        @media only screen and (min-width:992px) {
            h1 {
                font-size: 40px;
                line-height: 40px
            }
            .navigation-outer .navbar-brand {
                width: 240px;
                padding-bottom: 15px
            }
            .btn-green-outer a {
                padding: 10px 17px
            }
            .nav {
                margin-top: 10px
            }
            .btn-green-outer {
                margin-top: 12px
            }
            .ingredient-content ul li {
                width: 100%;
                margin: 15px 0
            }
            .ingredient-detail-text {
                width: 70%
            }
            .routin-sec .row {
                margin-top: 45px
            }
            .routin-box {
                margin: 0;
                padding: 40px 40px 30px
            }
            .prof-sec .container {
                width: 900px
            }
            .texture-sec {
                width: 330px
            }
            .testi-box {
                margin: 0;
                padding: 25px 20px
            }
            .testi-box p {
                min-height: 174px
            }
            .how-sec .container {
                width: 900px
            }
            .bot-form-sec {
                width: 80%
            }
            .foot-logo {
                margin-top: 20px;
                margin-left: 0;
                margin-right: 0
            }
            .copyright {
                margin-top: 6px;
                margin-bottom: 0
            }
            .foot-right-icon {
                text-align: right
            }
            .order-detail-sec {
                padding: 25px 35px
            }
            .order-box {
                width: auto;
                text-align: left;
                margin: 0 0 0 44px
            }
            .order-box:first-child,
            .thnkyouimg {
                margin: 0
            }
            .subscription-btn-outer {
                text-align: right;
                margin: 0
            }
            .copyright p,
            .copyright ul {
                text-align: right
            }
            .prof-sec {
                display: block;
            }
        }

        @media only screen and (min-width:1200px) {
            .thkyoucontent {
                width: 74%
            }
            .header-img {
                display: none
            }
            .thkyouladyimg {
                display: block
            }
        }

        @media only screen and (min-width:1280px) {
            h1 {
                font-size: 56px;
                line-height: 56px
            }
            h2 {
                font-size: 40px
            }
            h4 {
                font-size: 30px
            }
            h5 {
                font-size: 31px
            }
            .section {
                padding: 60px 0
            }
            .container {
                width: 1250px
            }
            .nav > li > a {
                padding-left: 24px;
                padding-right: 24px
            }
            .btn-green-outer {
                margin-left: 15px
            }
            .hero-left-sec {
                padding-left: 100px
            }
            .satisfection-logo {
                margin-top: 28px; width: 230px
            }
            .hero-left-content ul li {
                font-size: 20px
            }
            .header-img {
                width: 13.8%;
                left: -50px
            }
            .ingredient-sec .row {
                margin-top: 50px
            }
            .ingredient-content ul {
                margin-top: 25px
            }
            .ingredient-content ul li {
                margin: 10px;
                width: 46%
            }
            .ingredient-detail-text {
                width: 72%
            }
            .routin-sec .row {
                margin-top: 60px
            }
            .routin-box {
                padding: 50px 40px 40px;
                margin: 0 10px
            }
            .routin-sec {
                background-size: 100px auto
            }
            .prof-sec .row {
                margin-top: 50px
            }
            .prof-sec .prof-price-outer {
                margin-top: 35px
            }
            .texture-sec {
                width: 440px
            }
            .testi-monial-sec .container {
                width: 1150px
            }
            .testi-monial-sec .row {
                margin-top: 50px
            }
            .testi-box {
                margin: 0;
                padding: 30px 25px
            }
            .testi-box p {
                min-height: 149px
            }
            .how-sec .row {
                margin-top: 50px
            }
            .how-left ul li {
                margin: 35px 0
            }
            .convinced-sec .row {
                margin-top: 50px
            }
            .thkyouladyimg {
                width: 30%;
                right: -80px
            }
            .thkyouladyimg img {
                width: 100%
            }
            .thkyoucontent p em {
                display: inline
            }
            .order-box {
                width: auto;
                margin: 0 0 0 70px
            }
            .social-area {
                padding: 40px 0
            }
            .thk-mid-inner {
                padding-bottom: 15px
            }
            .thk-mid-text-outer {
                height: 362px
            }
            .thk-mid-text {
                top: 50%;
                position: relative;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -webki-transform: translateY(-50%)
            }
            .subscription-inner {
                padding: 25px
            }
            .subscription-text {
                margin-top: 10px
            }
            .logo {
                margin-left: 80px!important
            }
            .header-img {
                display: block
            }
        }

        @media only screen and (min-width:1360px) {
            .header-img {
                width: 14.49%
            }
        }

        @media only screen and (min-width:1380px) {
            .thkyouladyimg {
                width: 27%
            }
            .thkyoucontent {
                width: 85%
            }
            .header-img {
                width: 14%;
                left: -25px
            }
        }

        @media only screen and (min-width:1490px) {
            .header-img {
                width: 14%;
                left: 0
            }
        }

        @media only screen and (min-width:1600px) {
            .thakyou-top .container {
                width: 75%
            }
            .thkyouladyimg {
                width: 24.6%
            }
            .thkyoucontent {
                width: 88%
            }
            .order-box {
                margin-left: 16%
            }
            .header-img {
                width: 14%
            }
        }

        @media only screen and (min-width:1800px) {
            .header-img {
                width: 12.6%;
                left: 0;
                max-width: 260px
            }
            .hero-left-sec {
                padding-left: 0
            }
            .logo {
                margin-left: 0!important;
                padding-left: 0!important
            }
        }

        select {
            background-image: url("../images/select.png")!important;
            background-position: 97% 50%!important;
            background-repeat: no-repeat!important;
            -webkit-appearance: none!important;
            -moz-appearance: none!important;
            -ms-appearance: none!important;
            -o-appearance: none!important;
            appearance: none!important;
        }

        select::-ms-expand {
            display: none!important;
        }

        @media screen and (max-width: 350px) {
            .owl-next,
            .owl-prev {
                width: 25px;
                height: 25px;
            }
        }

        @media screen and (max-width: 991px) {
            .mob-hide {
                display: none!important;
            }
        }

        @media screen and (max-width: 767px) {
            .hero-sec .col-lg-3.col-md-3.col-xs-12.hidden-sm {
                display: none!important;
            }
        }


        .js_old_price {
            text-decoration: line-through;
        }