@import url('https://fonts.googleapis.com/css?family=Encode+Sans:300,400,500,600,700&display=swap');

@font-face {
    font-family: 'KlavikaMedium-Italic';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/DesignFonts/KlavikaMedium-Italic'), url('../fonts/DesignFonts/KlavikaMedium-Italic.woff') format('woff');
}


@font-face {
    font-family: 'KlavikaMedium-TF';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/DesignFonts/KlavikaMedium-TF'), url('../fonts/DesignFonts/KlavikaMedium-TF.woff') format('woff');
}

 
@font-face {
    font-family: 'KlavikaRegular-TF';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/DesignFonts/KlavikaRegular-TF'), url('../fonts/DesignFonts/KlavikaRegular-TF.woff') format('woff');
}


@font-face {
    font-family: 'KlavikaLight-Plain';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/DesignFonts/KlavikaLight-Plain'), url('../fonts/DesignFonts/KlavikaLight-Plain.woff') format('woff');
}


@font-face {
    font-family: 'KlavikaLight-Italic';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/DesignFonts/KlavikaLight-Italic'), url('../fonts/DesignFonts/KlavikaLight-Italic.woff') format('woff');
}


@font-face {
    font-family: 'Klavika Bold Bold';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/DesignFonts/Klavika Bold Bold'), url('../fonts/DesignFonts/KlavikaBoldBold.woff') format('woff');
}


@font-face {
    font-family: 'Klavika Bold Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/DesignFonts/Klavika Bold Bold Italic'), url('../fonts/DesignFonts/KlavikaBoldBoldItalic.woff') format('woff');
}



@font-face {
    font-family: 'DCC - Ash';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/DCC - Ash'), url('../fonts/DCC - Ash.woff') format('woff');
}

.orange-header.desktop-orange-header.has-discount-message {
    margin-top: 38px;
}

.red-banner {
    background: red;
    padding: 0 15px;
    text-align: center;
    display: block;
    position: fixed;
    z-index: 99999999;
    margin: 0 auto;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    top: 0;
    left: 0;
    right: 0;
}

    .red-banner a {
        text-decoration: underline;
        color: #fff;
    }

body,
html {
    margin: 0 auto;
    overflow-X: hidden;
    overflow-Y: auto;
    padding: 0;
}

    body#mainbody {
        padding-right: 0 !important;
    }

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

#signup-link-Div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    background-color: #7c1f67;
    padding: 10px 15px;
}

.layout.foodplan-signup-popup #signup-link-Div {
    position: relative;
    top: 183px;
}

#signup-link-Div a {
    font-size: 20px;
    color: #fff;
    text-align: center;
    display: block;
    font-weight: 600;
    cursor: pointer;
}

#Welcome_popup .modal-dialog {
    max-width: 480px !important;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

#Welcome_popup button.close {
    position: absolute;
    right: 8px;
    top: 5px;
    z-index: 999;
}

#Welcome_popup .modal-body {
    background: url(../images/fmp_app_blank.png) no-repeat center top;
    width: 460px;
    height: 460px;
    background-size: 100%;
    padding: 0 !important;
    margin: 0 auto;
}

    #Welcome_popup .modal-body h3 {
        color: #fff;
        margin-top: 100px;
        font-size: 20px;
        padding: 0 85px;
        font-weight: 300;
        line-height: 30px;
        margin-bottom: 15px;
    }

    #Welcome_popup .modal-body textarea {
        width: 340px;
        height: 130px;
        border-radius: 8px;
        border: none;
        padding: 10px 15px;
        font-size: 20px;
    }

    #Welcome_popup .modal-body button.btn.btn-regular {
        background: #af1dcd;
        color: #fff;
        display: block;
        margin: 10px auto 5px auto;
        width: 167px;
        height: 43px;
        font-size: 21px;
        font-weight: 400;
        border-radius: 8px;
        border: none;
    }

    #Welcome_popup .modal-body a {
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        text-decoration: underline;
    }

.fmp-cart {
    margin-right: 15px;
}

.MessagePopup.show {
    display: block !important;
}

.GiftCardCouponCodes-div {
    margin-top: 35px;
    display: table;
    width: 100%;
    text-align: left;
    padding: 0 12px 0 15px;
}

.PromoCode-div {
    margin-top: 15px;
    display: table;
    width: 100%;
    text-align: left;
    padding: 0 12px 0 15px;
}

.save-btn a.btn.btn-regular.mt-5 {
    width: 100%;
    height: 63px;
    line-height: 48px;
    font-size: 24px;
    border-radius: 14px;
}

.save-btn {
    margin-top: 50px !important;
}

.Promo-or-Gift-Code {
    max-width: 280px !important;
    margin: 0 auto;
    display: block;
}

.GiftCardCouponCodes-div {
    margin-top: 15px;
}

.header-discount-info {
    padding: 8px 15px 6px 15px;
    font-size: 14px;
    border-bottom: #bababa solid 1px;
    color: #404040;
    background: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 20px;
    width: 100%;
}

@media (min-width:1200px) {
    #divlayout {
        padding-right: 0;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
    }

    nav.navbar.navbar-expand-lg.fixed-top.navbar-light.bg-light {
        right: 0 !important;
        left: inherit;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
    }

    nav.navbar.navbar-expand-lg.fixed-top.scrolling-navbar.indigo {
        right: 0;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
    }

    #divlayout.cart-desktop {
        padding-right: 280px;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
    }

    .cart-desktop nav.navbar.navbar-expand-lg.fixed-top.navbar-light.bg-light {
        right: 280px !important;
        left: inherit;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
    }

    .cart-desktop nav.navbar.navbar-expand-lg.fixed-top.scrolling-navbar.indigo {
        right: 280px;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
    }
}

.desktop-orange-header {
    display: block !important;
    background: #a2342a;
    text-align: center;
    color: #fff;
    padding: 5px 15px;
    width: 100%;
    border-top: #fff solid 1px;
    position: absolute;
    top: 55px;
    z-index: 99;
}

    .desktop-orange-header h2 {
        font-size: 16px;
        line-height: normal;
        margin: 0;
        padding: 0;
    }

        .desktop-orange-header h2 a {
            color: #fff;
        }

.MessagePopup .modal-body {
    padding: 35px;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
}

.MessagePopup .modal-header {
    background: #f7f7f7;
    text-align: center;
    display: block;
    border: 0;
}

    .MessagePopup .modal-header .close {
        padding: 0;
        margin: 0;
        left: 0;
        font-size: 36px;
        line-height: 20px;
        float: left;
    }

    .MessagePopup .modal-header h4 {
        text-align: center;
        margin: 0;
        padding: 0;
        color: #373737;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
        display: block;
        letter-spacing: 0;
    }

@font-face {
    font-display: swap;
    font-family: HelveticaNeue;
    src: url(../fonts/HelveticaNeueLight.woff2) format('woff2'), url(../fonts/HelveticaNeueLight.woff) format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: HelveticaNeue;
    src: url(../fonts/HelveticaNeue.eot);
    src: url(../fonts/HelveticaNeue.eot) format('embedded-opentype'), url(../fonts/HelveticaNeue.woff2) format('woff2'), url(../fonts/HelveticaNeue.woff) format('woff'), url(../fonts/HelveticaNeue.ttf) format('truetype'), url(../fonts/HelveticaNeue.svg#HelveticaNeue) format('svg');
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Encode Sans', sans-serif;
}

main {
    max-width: 660px;
    vertical-align: top;
    float: none;
    margin: 0 auto;
}

.main-container {
    margin-top: 75px;
}

body {
    font-family: 'Open Sans', sans-serif;
}

h2 {
    font-size: 26px;
}

img {
    max-width: 100%;
}

.bg-light {
    background-color: #fff !important;
    box-shadow: 0 1px 5px #ccc;
}

.btn-primary {
    color: #fff !important;
    background-color: #048112;
    border-color: #048112;
}

    .btn-primary:focus,
    .btn-primary:hover {
        color: #048112 !important;
        background-color: #fff !important;
        border-color: #048112 !important;
    }

.home-banner-form-box div {
    position: relative;
    max-width: 296px;
    margin: 0 auto;
}

    .home-banner-form-box div span.required-span {
        position: absolute;
        z-index: 9;
        left: 0;
        font-size: 11px;
        top: 33px;
    }

.home-banner-form-box .mesage.error-message {
    margin: 0 auto;
    padding: 0;
    font-size: 11px;
    text-align: left;
    top: 18px;
}

#homeBodySignUpDiv div {
    display: inline-block;
    position: relative;
    margin: 0 7px;
}

#homeBodySignUpDiv span.required-span {
    font-size: 11px;
    position: absolute;
    left: 0;
    top: 40px;
}

#homeBodySignUpDiv .mesage.error-message {
    position: absolute;
    font-size: 11px;
    top: -24px;
    left: 10px;
}

#homeBodySignUpDiv {
    position: relative;
}

#footer_section ul li.fb-icon span {
    margin-left: 8px;
}

#footer_section ul li.fb-icon img {
    margin-left: 0;
}

.faq-page-wrap-border {
    border-bottom: #f7f7f7 solid 40px;
}

.delivery-time-frames {
    max-width: 320px;
    margin: 0 auto;
}

.pattern-background .col-xs-12 {
    width: 100%;
}

.login-form-title {
    text-align: center;
    width: 100%;
}

.pattern-background .col-lg-6.col-lg-offset-3.col-md-6.col-md-offset-3.col-sm-8.col-sm-offset-2 {
    margin: 0 auto;
}

.login-form {
    margin: 0 auto;
    display: block;
}

.pattern-background {
    background: url(../../../../../Themes/FMP/Content/assets/images/Design/bg-pattern.jpg);
    background-repeat: repeat;
    padding: 0 0;
    margin-top: 0;
    border-top: 0 #8f8f8f solid;
    min-height: 300px;
}

i.shopping-cart-icon {
    margin-right: 8px;
}

.myaccountlink a#dropdownMenuLink {
    font-size: 18px;
    margin-right: 30px;
    text-transform: capitalize;
    font-weight: 600;
    color: #333;
}

.fmp-cart a {
    font-size: 16px;
    color: #313131;
    font-weight: 400;
    position: relative;
    text-transform: capitalize;
}

.myaccountlink .dropdown-menu {
    padding-top: 0;
    width: 170px;
    min-width: inherit;
    left: 10px;
    padding-bottom: 0;
    border: 0;
    box-shadow: 0 0 7px rgba(0, 0, 0, .25);
}

.dropdown-menu a {
    color: #333;
    font-size: 12px;
    font-weight: 600;
    display: block;
    padding: 2px 10px;
    border-bottom: transparent solid 0;
}

    .dropdown-menu a:hover {
        border-bottom: #048112 solid 0;
        text-decoration: none;
    }

.dropdown.myaccountlink span {
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
}

.main-container.with-sidebar,
.meal-selection_helper {
    margin-top: 0 !important;
    border-top: 0 #8f8f8f solid !important;
    padding-top: 75px;
        display: table;
    width: 100%;
}

.dropdown.myaccountlink > a.btn {
    padding-right: 5px;
    font-size: 18px;
    text-transform: lowercase;
    font-weight: 600;
    color: #333;
    outline: 0;
    box-shadow: 0 0;
}

.myaccountlink .dropdown-menu a.dropdown-item {
    font-size: 16px;
}

span.cart-totals {
    background: #683474;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 26px;
    width: 26px;
    position: absolute;
    top: -13px;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
    left: 13px;
}

.aside-title a {
    color: #212121;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 15px;
    display: block;
}

.cart_popup::-webkit-scrollbar {
    width: 6px;
}

.cart_popup::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.cart_popup::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

    .cart_popup::-webkit-scrollbar-thumb:hover {
        background: #555;
        border-radius: 10px;
    }

#cart_popup_details {
    top: 0 !important;
    z-index: 9999;
    background-color: #fff;
    max-height: 100%;
    height: 100vh;
    float: right;
    width: 282px;
    border-left: solid #ababab 1px;
    border-right: solid #ababab 1px;
    border-bottom: solid #ababab 1px;
    border-top: solid #ababab 1px;
}

    #cart_popup_details .container {
        max-width: 100%;
        width: auto;
    }

.admin-info-text {
    display: none;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #8f8f8f !important;
    background-color: #fff !important;
}

aside {
    border: 0 solid #b3b3b3;
    width: 22%;
    margin-right: 2%;
    margin-bottom: 4.375rem;
    display: none;
    float: left;
    box-shadow: 0 0 0 #ccc !important;
    position: fixed;
    z-index: 9;
    max-width: 200px;
}

h3.aside-title {
    margin-bottom: 0;
}

nav.aside-nav {
    width: 210px;
    background: #fff;
    position: relative;
    z-index: 9;
    padding: 0 10px;
}

h3.aside-title {
    padding-left: 10px;
}

.aside-nav > ul {
    margin: 0;
    padding: 0;
}

    .aside-nav > ul > li {
        padding: 0;
        list-style: none;
        margin: 0 0 8px 0;
        display: block;
    }

        .aside-nav > ul > li > a {
            padding: 0 0;
            text-align: left;
            color: #717171;
            font-weight: 600;
            font-size: 15px;
            border-bottom: transparent solid 2px;
            display: inline-block;
            width: auto;
        }

            .aside-nav > ul > li > a:hover {
                background-color: #fff;
                color: #212121;
                border-bottom: #059c15 solid 2px;
            }

        .aside-nav > ul > li.active a {
            background-color: #fff;
            color: #212121;
            border-bottom: #059c15 solid 2px;
        }

.all-order-list {
    border-top: 1px solid #d6d6d6;
    padding: 15px 0;
    max-width: 480px;
}

.order-number {
    color: #4d3948;
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
}

.order-discription p {
    color: #333;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
}

.main-container.with-sidebar aside {
    position: fixed;
}

.main-container.with-sidebar.blog-list.blog-list-category aside {
    position: inherit;
    width: 25% !important;
    box-shadow: 0 1px 5px #ccc !important;
}

    .main-container.with-sidebar.blog-list.blog-list-category aside nav.aside-nav {
        width: auto;
        overflow: inherit;
        padding: 0;
    }

        .main-container.with-sidebar.blog-list.blog-list-category aside nav.aside-nav > ul li a {
            line-height: 16px;
        }

        .main-container.with-sidebar.blog-list.blog-list-category aside nav.aside-nav > ul li .left-nav-title {
            line-height: 16px;
        }

    .main-container.with-sidebar.blog-list.blog-list-category aside .blog-nav-list .aside-title {
        font-size: 1.4rem;
        text-align: left;
        padding: 11px;
        margin: 0;
        line-height: 1;
    }

        .main-container.with-sidebar.blog-list.blog-list-category aside .blog-nav-list .aside-title a {
            margin-bottom: 0;
            font-weight: 100;
            font-size: 1.4rem !important;
        }

.main-container.with-sidebar.blog-list.blog-list-category main {
    margin-left: 0;
    width: 72%;
    max-width: inherit;
}

.main-container.with-sidebar.blog-page.blog-page-details aside {
    position: inherit;
    width: 25% !important;
    box-shadow: 0 1px 5px #ccc !important;
}

    .main-container.with-sidebar.blog-page.blog-page-details aside nav.aside-nav {
        width: auto;
        overflow: inherit;
        padding: 0;
    }

        .main-container.with-sidebar.blog-page.blog-page-details aside nav.aside-nav > ul li a {
            line-height: 16px;
        }

    .main-container.with-sidebar.blog-page.blog-page-details aside .blog-nav-list .aside-title {
        font-size: 1.4rem;
        text-align: left;
        padding: 11px;
        margin: 0;
        line-height: 1;
    }

        .main-container.with-sidebar.blog-page.blog-page-details aside .blog-nav-list .aside-title a {
            margin-bottom: 0;
            font-weight: 100;
        }

.main-container.with-sidebar.blog-page.blog-page-details main {
    margin-left: 0;
    width: 72%;
    max-width: inherit;
}

.main-container.with-sidebar main {
    width: 75%;
    border: 0 solid #b3b3b3;
    background-color: #fff;
    float: left;
    margin-bottom: 4.375rem;
    margin-left: 25%;
}

.partner-dashboard {
    min-height: 300px;
}

#banner_section img {
    width: 100%;
    max-width: inherit;
}

#header_section {
    position: relative;
    min-height: 127px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

    #header_section .modal {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999999;
    }

#myModal1.custom-model .modal-title {
    font-family: 'Encode Sans Expanded', sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: #333;
}

.custom-model .modal-title {
    font-family: 'Encode Sans Expanded', sans-serif;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    color: #333;
}

.mesage {
    text-align: center;
}

.modal-header h6 {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    color: #5a5a5a;
    margin-bottom: 25px;
    margin-top: 0 !important;
}

.custom-model .modal-header p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #868686;
    font-weight: 400;
}

.custom-model h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: #7c1f67;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 0;
}

.custom-model .modal-header {
    display: -ms-flexbox;
    display: inline-block;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 0 0 0;
    border-bottom: 0 solid #dee2e6;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #f7f7f7;
}

.custom-model .close {
    float: left;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    padding: 0 10px;
    margin: -1rem -1rem -1rem auto;
    position: absolute;
    left: 2px;
    top: 15px;
}

.email-zip {
    max-width: 332px;
    margin: 0 auto;
}

.custom-model .modal-content {
    border: 0 solid rgba(0, 0, 0, .2);
    border-radius: 0;
    outline: 0;
    min-height: 520px;
    margin: 0 auto;
}

.custom-model label {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #5a5a5a;
    margin-top: 10px;
}

.custom-model .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 00rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    height: 48px;
}

.custom-model .modal-body {
    padding: 0 0 4rem 0;
    max-height: 80vh;
    overflow-y: auto;
}

.i-agree {
    padding: 15px 0 20px 25px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

    .i-agree a {
        color: #048112;
        text-decoration: underline;
    }

    .i-agree .custom-control-label::before {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 22px;
        height: 22px;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #9a9a9a solid 1px;
    }

    .i-agree .custom-control-label::after {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 22px;
        height: 22px;
        content: "";
        background: no-repeat 50%/50% 50%;
    }

.custom-model .custom-control-input:checked ~ .custom-control-label::before {
    color: #9a9a9a;
    border-color: #9a9a9a;
    background-color: #fff;
}

.black-title-header-popup {
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 0;
}

    .black-title-header-popup span {
        margin-left: 20px;
    }

.custom-model .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url(../images/right-check.png) !important;
}

label.custom-control-label {
    padding-left: 10px;
}

.menu-content-right .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #fff !important;
    border: 2px solid #ccc;
}

.menu-content-right label.custom-control-label {
    padding-left: 0;
}

.fourten-meals.start-with-meals .pull-left {
    width: auto;
}

.start-with-meals {
    border: #cbcbcb solid 1px;
    border-radius: 10px;
    width: 377px;
    margin: 10px auto;
    padding: 25px 40px 40px 40px;
    font-size: 15px;
    color: #5a5a5a;
    font-weight: 400;
    text-align: center;
}

.most-popular-meals {
    border: #cbcbcb solid 1px;
    border-top: #cbcbcb solid 0;
    border-radius: 10px;
    width: 377px;
    margin: 30px auto;
    padding: 0 67px 40px 67px;
    font-size: 15px;
    color: #5a5a5a;
    font-weight: 400;
    position: relative;
}

    .most-popular-meals .most-popular-title h3 {
        color: #fff;
        line-height: 40px;
    }

    .most-popular-meals .most-popular-title {
        background-color: #7c1f67;
        color: #fff;
        display: inline-block;
        width: 100%;
        margin-bottom: 30px;
        height: 46px;
    }

        .most-popular-meals .most-popular-title:before {
            width: 74px;
            position: absolute;
            right: -6px;
            content: "";
            height: 46px;
            background: #7c1f67;
            border-top-right-radius: 15px;
        }

        .most-popular-meals .most-popular-title:after {
            width: 74px;
            position: absolute;
            top: 0;
            left: -6px;
            content: "";
            height: 46px;
            background: #7c1f67;
            border-top-left-radius: 15px;
        }

        .most-popular-meals .most-popular-title h3:before {
            width: 6px;
            position: absolute;
            right: -6px;
            content: "";
            height: 11px;
            background-image: url(../images/plans-arrow-r.png) !important;
            top: 46px;
        }

        .most-popular-meals .most-popular-title h3:after {
            width: 6px;
            position: absolute;
            left: -6px;
            content: "";
            height: 11px;
            background-image: url(../images/plans-arrow-l.png) !important;
            top: 46px;
        }

    .most-popular-meals h3 {
        color: #333;
        font-size: 18px;
        font-weight: 700;
        font-family: 'Open Sans', sans-serif;
        text-align: center;
    }

.custom-model .btn-regular {
    width: 260px;
    margin: 0 auto 7px auto;
    color: #fff;
    background-color: #048112;
    border-color: #048112;
    font-size: 19px;
    font-weight: 700;
    height: 43px;
    display: block;
}

.per-week-box {
    border-bottom: #b7b7b7 solid 1px;
    padding: 15px 0;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    max-width: 484px;
    margin: 0 auto;
}

.checkout .per-week-box {
    border-bottom: #b7b7b7 solid 1px;
    padding: 0 0;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    max-width: 100%;
    width: 80%;
    margin: 0 auto;
}

.popup-header-container {
    max-width: 340px;
    margin: 0 auto;
    position: relative;
}

.checkout-three-of-four .popup-header-container {
    max-width: 390px;
}

#stepCheckoutShippingDetails .per-week-box {
    border-bottom: 0;
}

.paleo-choice-text.dislikes-div {
    padding-bottom: 25px;
}

#checkoutComplete .per-week-box {
    border-bottom: 0;
    margin-bottom: 0;
}

.thank-you-content-bottom {
    max-width: 100%;
    margin: 30px auto 20px auto;
    text-align: center;
}

    .thank-you-content-bottom h3 {
        font-size: 20px;
        line-height: 35px;
        font-weight: 700;
    }

.receive-delivery {
    font-size: 19px;
    font-weight: 400;
    color: #333;
    font-family: 'Encode Sans Expanded', sans-serif;
}

.date-day {
    font-size: 24px;
    color: #525252;
    font-weight: 400;
    margin: 15px 0;
}

.view-invoice {
    font-size: 18px;
    font-weight: 700;
}

    .view-invoice a {
        text-decoration: none;
    }

.custom-model.checkout .per-week-box p {
    padding: 0 0 !important;
    font-size: 14px;
}

.custom-model.checkout h2 span {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: block;
    padding: 5px 0 0 0;
}

.custom-model.checkout .modal-header p {
    text-align: left;
    padding: 0 !important;
    margin: 0;
}

.per-week-box p {
    font-size: 16px !important;
    color: #333;
    padding: 10px 0 !important;
    margin: 0 !important;
    font-weight: 400;
}

.per-week-box h3 {
    font-size: 18px !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #212121;
}

a.change-link {
    float: right;
    position: absolute;
    right: 20px;
    top: 0;
    font-weight: 400;
    font-size: 14px;
}

a.change-link-2 {
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
    font-weight: 400;
    font-size: 14px;
}

.next-delivery-box {
    padding: 15px 0;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    max-width: 484px;
    margin: 0 auto;
}

    .next-delivery-box h3 {
        font-size: 18px !important;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        color: #333;
    }

    .next-delivery-box h6 {
        font-size: 18px !important;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        color: #333;
    }

.select-meal-box {
    border: #b7b7b7 solid 0;
    width: 483px;
    margin: 24px auto;
    padding: 15px 0;
    text-align: center;
}

    .select-meal-box h3 {
        font-size: 20px !important;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        color: #404040;
        text-align: center;
    }

.custom-model::-webkit-scrollbar {
    width: 10px;
}

.custom-model::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.custom-model::-webkit-scrollbar-thumb {
    background: #888;
}

    .custom-model::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.checkout .modal-body {
    max-height: 450px !important;
    overflow-y: auto;
    padding-bottom: 0;
    overflow-x: hidden;
}

.your-plan-selected .modal-body {
    overflow-x: hidden;
}

.checkout-checkbox-main-div {
    max-width: 320px;
    margin: 0 auto;
}

    .checkout-checkbox-main-div .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #fff !important;
        border: solid 1px;
    }

.checkout p b {
    color: #212121;
}

.checkout .change-link {
    right: 0;
    font-size: 14px;
    font-weight: 400;
}

.checkout-checkbox-main-div .i-agree {
    padding: 5px 0;
    margin-left: 25px;
    display: inline-block;
    width: 130px;
}

.checkout-checkbox-main-div label.custom-control-label {
    padding-left: 15px;
}

.checkout h2 {
    margin-bottom: 0;
    margin-top: 0;
}

.menu-row {
    max-width: 445px;
    margin: 10px auto;
    display: table;
}

.menu-image-left {
    width: 150px;
    float: left;
}

.menu-content-right {
    width: 280px;
    float: left;
    margin-left: 8px;
    margin-top: 20px;
}

.custom-radio-btn-group {
    max-width: 190px;
    margin: 30px auto;
}

    .custom-radio-btn-group .custom-control-input:checked ~ .custom-control-label::before {
        background-color: green !important;
        border: #404040 solid 2px;
    }

    .custom-radio-btn-group .custom-radio .custom-control-label::before {
        background-color: #fff;
        width: 24px;
        height: 24px;
        border: #404040 solid 2px;
    }

    .custom-radio-btn-group .custom-control-label::after {
        position: absolute;
        top: 8px;
        left: -20px;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: no-repeat 50%/50% 50%;
        background-image: none !important;
        background: #fff;
        border-radius: 50%;
    }

    .custom-radio-btn-group .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        background: #404040 !important;
        border: #fff solid 2px;
    }

    .custom-radio-btn-group .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #404040 !important;
        border: none;
    }

.custom-model .custom-radio-btn-group label {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.menu-content-right h5 {
    font-weight: 700;
    font-size: 15px;
    text-align: left;
    color: #333;
}

.menu-content-right p {
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    color: #707070;
    line-height: 26px;
}

.menu-content-right .btn.btn-regular.choose-btn {
    width: 147px !important;
    height: 37px !important;
    font-size: 15px;
    font-weight: 700;
}

.menu-content-right p span {
    font-size: 13px;
    font-weight: 700;
    color: #333;
    padding-top: 5px;
}

.checkout-three-of-three-header-content {
    max-width: 100%;
    margin: 0 auto;
}

.custom-model .modal-header {
    padding-bottom: 0;
}

.ten-per-meal {
    font-size: 16px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #212121;
}

.checkout-three-of-three-header-content h5 {
    font-size: 14px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #212121;
}

.paleo-choice-text {
    width: 100%;
    clear: both;
    padding: 5px 0;
    display: block;
}

.your-info {
    max-width: 332px;
    margin: 20px auto;
}

    .your-info .form-group label {
        margin-top: 0;
    }

    .your-info .form-group #CardCode {
        margin-top: 0;
    }

.h1-subtitle {
    display: none;
}

.about-banner {
    height: 463px;
    background-size: 100% 100% !important;
}

.caption-banner.about-us-banner {
    max-width: 700px !important;
    color: #fff;
    margin: 0 auto;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
}

    .caption-banner.about-us-banner h1 {
        font-size: 27px;
        font-weight: 400;
        color: #fff !important;
    }

    .caption-banner.about-us-banner p {
        font-size: 16px;
        line-height: 32px;
        color: #fff !important;
        max-width: inherit !important;
    }

.about-page-content {
    width: 100%;
}

    .about-page-content .nav-tabs .nav-item.show .nav-link,
    .about-page-content .nav-tabs .nav-link.active {
        color: #fff;
        background-color: #272727;
        border-color: #dee2e6 #dee2e6 #fff;
    }

    .about-page-content .nav-tabs .nav-item {
        margin-bottom: 0;
        width: 50%;
        position: relative;
    }

    .about-page-content .nav-tabs .nav-link {
        border: 0 solid transparent;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background: #3b3b3b;
        color: #aaa;
    }

    .about-page-content .nav-link img {
        width: 83px;
        height: 83px;
    }

.nav-item strong {
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 0;
    padding-left: 110px;
    top: 20px;
    font-weight: 300 !important;
    font-size: 19px;
}

.nav-item em {
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 0;
    padding-left: 110px;
    top: 40px;
    font-style: inherit;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0;
}

.about-page-content .tab-content h3 {
    font-size: 26px;
    text-align: center;
    color: #000;
    font-weight: 500;
}

.about-page-content .tab-content {
    max-width: 640px;
    margin: 0 auto;
}

    .about-page-content .tab-content p {
        font-size: 15px;
        line-height: 36px;
        text-align: left;
        color: #000;
        font-weight: 400;
    }

#banner_section.home-banner {
    position: relative;
    height: auto;
    margin-top: 0;
    padding-top: 127px;
}

#banner_section.home-banner {
    position: relative;
    height: auto;
    margin-top: 0;
    padding-top: 127px;
    background-size: 110% !important;
    background-position: -123px bottom !important;
}

a#traditional {
    padding-top: 0;
}

.plan-lists-section {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    height: 450px;
    background-size: 100% 100% !important;
    background-position: center top !important;
}

.palns-boxs-section-body .container {
    max-width: 1200px;
}

.package-plans-container .package-plans-title {
    font-size: 24px;
    color: #333;
    padding-top: 25px;
    font-weight: 400;
}

.palns-boxs-section-body {
    overflow: auto;
    margin: 15px 0;
}

    .palns-boxs-section-body .package-plan-box {
        box-shadow: 0 0 7px rgba(0, 0, 0, .2);
        margin-bottom: 10px;
    }

    .palns-boxs-section-body .popular-pkg-heading {
        background-color: #7c1f67;
        color: #fff;
        display: inline-block;
        width: 100%;
    }

        .palns-boxs-section-body .popular-pkg-heading:before {
            width: 10px;
            position: absolute;
            right: 9px;
            content: "";
            height: 46px;
            background: #7c1f67;
            border-top-right-radius: 15px;
        }

        .palns-boxs-section-body .popular-pkg-heading:after {
            width: 10px;
            position: absolute;
            top: 0;
            left: 9px;
            content: "";
            height: 46px;
            background: #7c1f67;
            border-top-left-radius: 15px;
        }

        .palns-boxs-section-body .popular-pkg-heading h5:before {
            width: 6px;
            position: absolute;
            right: 9px;
            content: "";
            height: 11px;
            background-image: url(../images/plans-arrow-r.png) !important;
            top: 46px;
        }

        .palns-boxs-section-body .popular-pkg-heading h5:after {
            width: 6px;
            position: absolute;
            left: 9px;
            content: "";
            height: 11px;
            background-image: url(../images/plans-arrow-l.png) !important;
            top: 46px;
        }

        .palns-boxs-section-body .popular-pkg-heading h5 {
            margin-bottom: 6px;
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 1px;
            padding: 15px 0 24px 0;
            height: 40px;
            font-family: 'Open Sans', sans-serif;
        }

.package-plan-box .package-body {
    background-color: #fcfcfa;
}

.package-plan-box .package-header {
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.package-plan-box .package-header {
    padding: 15px;
}

.package-plan-box .package-body {
    padding: 15px 40px;
    min-height: 140px;
}

.package-plan-box .package-header p {
    font-size: 19px;
    font-family: 'Open Sans', sans-serif;
    color: #5a5a5a;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 400;
}

    .package-plan-box .package-header p b {
        font-size: 48px;
        vertical-align: middle;
        color: #333;
        font-weight: 500;
        line-height: 35px;
        margin-right: 5px;
    }

    .package-plan-box .package-header p strong {
        font-size: 48px;
        vertical-align: middle;
        color: #333;
        font-weight: 500;
        line-height: 35px;
        margin-right: 5px;
    }

.package-plan-box .package-body p {
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.package-plan-box .pkg-start-btn {
    font-size: 22px;
    margin-top: 15px;
    width: 100%;
    display: block;
    background: #048112;
    border-radius: 10px;
    font-weight: 700;
    height: 53px;
}

.plans-pkg-start-btn {
    font-size: 22px;
    margin: 15px 10%;
    width: 80%;
    display: block;
    background: #048112;
    border-radius: 10px;
    font-weight: 700;
    height: 48px;
}

.pkg-menu-option {
    margin-bottom: 50px;
}

    .pkg-menu-option .section-title {
        font-size: 21px;
        font-weight: 400;
        margin-bottom: 50px;
        color: #525252;
        margin-top: 50px;
    }

.menu-option-box .title {
    font-size: 15px;
    font-weight: 700;
    color: #525252;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
}

    .menu-option-box .title:after {
        content: " ";
        display: block;
        height: 1px;
        width: 132px;
        background-color: #c9c9c9;
        position: absolute;
        bottom: 0;
    }

.menu-option-box .disc-text {
    font-size: 13px;
    line-height: 1.8;
    color: #707070;
    margin-top: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding-right: 0;
}

.menu-option-box:last-child {
    padding-right: 0;
}

    .menu-option-box:last-child .disc-text {
        padding-right: 0;
        margin-bottom: 0;
    }

    .menu-option-box:last-child b {
        font-weight: 600;
    }

@media (min-width:1366px) {
    .container.pkg-menu-option {
        max-width: 1285px;
    }
}

.cartpage .container {
    max-width: 1200px;
}

.cart-page-sub-header {
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    z-index: 9;
}

.cartpage .oder-summrey-section {
    margin-top: 83px;
}

main table tr td {
    font-size: 12px !important;
    padding: 0;
    font-weight: 700;
}

.main-inner {
    min-height: 800px;
}

.cart-page-sub-header h2 {
    font-size: 24px;
    color: #333;
    text-align: center;
    font-family: 'Encode Sans Expanded', sans-serif;
}

.cart_popup .right-column {
    float: right;
    padding-top: 40px;
}

    .cart_popup .right-column .fmp-cart {
        position: relative;
    }

        .cart_popup .right-column .fmp-cart a {
            color: #313131;
            cursor: pointer;
        }

        .cart_popup .right-column .fmp-cart span .fa-shopping-cart {
            font-size: 30px;
        }

        .cart_popup .right-column .fmp-cart span.cart-totals {
            background: #683474;
            padding: 2px;
            position: absolute;
            left: 10px;
            top: -17px;
            border-radius: 50%;
            color: #fff;
            width: 30px;
            text-align: center;
            font-weight: 600;
        }

.fmp-cartopen {
    width: 280px;
    padding: 0;
    height: 99vh;
    right: 0;
    top: 0;
    background: #fff;
    max-height: 100%;
}

.plate-detals.plate-1 {
    background: #7c1f67;
    color: #fff;
    float: left;
    width: 100%;
    position: relative;
    font-weight: 600;
    padding: 10px 15px 0 15px;
    border-top: #fff solid 1px;
}

.fmp-cartopen .fa-times {
    float: right;
    font-size: 20px;
    font-weight: 400 !important;
    margin-right: 10px;
}

.fmp-cartopen h4 {
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    font-weight: 700;
    color: #212121;
    padding-top: 15px;
    padding-bottom: 0;
    padding-right: 10px;
    padding-left: 10px;
}

.fmp-cartopen .info-mels {
    font-size: 12px;
    font-style: italic;
    text-align: center;
}

    .fmp-cartopen .info-mels.notification {
        color: #a62f00;
    }

.fmp-cartopen .subtotal-info {
    border-bottom: solid #ddd 1px;
    font-weight: 600;
    color: #000;
    display: inline-table;
    width: 100%;
    padding: 8px 15px;
    font-size: 15px;
}

    .fmp-cartopen .subtotal-info .subtotal-title {
        float: left;
    }

    .fmp-cartopen .subtotal-info .subtotal-price {
        float: right;
    }

.fmp-cartopen .cd-cart-items {
    margin: 0;
    padding: 0;
    overflow: auto;
    max-height: 70vh;
    float: left;
    width: 100%;
    padding-bottom: 130px;
}

.right-column .button {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    background: #fff;
}

.fmp-cartopen .cd-cart-items::-webkit-scrollbar {
    width: 10px;
}

.fmp-cartopen .cd-cart-items::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.fmp-cartopen .cd-cart-items::-webkit-scrollbar-thumb {
    background: #888;
}

    .fmp-cartopen .cd-cart-items::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.fmp-cartopen .cd-cart-items li {
    border-bottom: solid #ddd 2px;
    padding: 10px 0;
    display: inline-block;
}

    .fmp-cartopen .cd-cart-items li .cart-items-left {
        float: left;
        width: 100%;
        padding: 0 10px;
    }

        .fmp-cartopen .cd-cart-items li .cart-items-left .product-name {
            font-weight: 600;
            font-style: italic;
            color: #574151;
        }

        .fmp-cartopen .cd-cart-items li .cart-items-left .product-sub-info {
            color: #000;
            text-transform: uppercase;
            font-weight: 500;
        }

        .fmp-cartopen .cd-cart-items li .cart-items-left .product-size-info {
            color: #a62f00;
            font-weight: 500;
        }

    .fmp-cartopen .cd-cart-items li .cd-item-plas {
        float: right;
        margin-right: 10px;
    }

        .fmp-cartopen .cd-cart-items li .cd-item-plas .quantity {
            display: inline-flex;
        }

            .fmp-cartopen .cd-cart-items li .cd-item-plas .quantity .minus {
                font-size: 24px;
                border: 1px solid #ddd;
                color: #000;
                font-weight: 600;
                width: 25px;
                padding: 0;
                background-color: #fff;
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px;
            }

            .fmp-cartopen .cd-cart-items li .cd-item-plas .quantity input {
                font-size: 24px;
                color: #000;
                padding: 0;
                font-weight: 500;
                text-align: center;
                width: 30px;
                height: 35px;
                padding-right: 0;
                border: 1px solid #ddd;
                border-radius: 0;
            }

            .fmp-cartopen .cd-cart-items li .cd-item-plas .quantity .plus {
                font-size: 24px;
                padding: 0;
                border: 1px solid #ddd;
                color: #000;
                font-weight: 600;
                width: 25px;
                background-color: #fff;
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
            }

.fmp-cartopen .button .next-btn {
    background: #000;
    color: #fff;
    padding: 10px 20px;
    font-weight: 500;
    clear: both;
    width: 209px;
    text-align: center;
    margin: 10px auto 15px auto;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 10px;
}

    .fmp-cartopen .button .next-btn:hover {
        background: #333;
    }

    .fmp-cartopen .button .next-btn.disable {
        background: #bcbcbc;
    }

.cartpage {
    border-left: solid #ddd 0;
    border-right: solid #ddd 0;
    padding: 0;
}

.row.cart-page-row {
    display: inherit;
}

.cartpage .fa-times {
    float: right;
    font-size: 20px;
    font-weight: 100;
}

.cartpage h4 {
    text-transform: uppercase;
    font-size: 15px;
    color: #212121;
    font-weight: 700;
}

.cartpage .subtotal-info .subtotal-title {
    float: left;
    font-size: 15px;
    color: #212121;
    font-weight: 700;
    text-transform: uppercase;
}

.cartpage .info-mels {
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    text-align: center;
}

.cartpage span.back-to {
    color: #168a23;
    margin-top: -38px;
    float: right;
    position: relative;
    z-index: 99;
}

    .cartpage span.back-to a {
        color: #168a23;
    }

.cartpage .subtotal-info {
    border-bottom: solid #ddd 1px;
    font-weight: 600;
    display: inline-table;
    width: 100%;
    padding-bottom: 5px;
    margin-top: 76px;
}

.oder-summrey-section p a {
    font-size: 12px;
    margin: 0;
    display: block;
}

.order-total-tabel label {
    margin: 0;
}

.oder-summrey-section .form-element {
    margin: 0 0 .25rem 0;
    padding: 0;
    position: relative;
}

.cartpage .subtotal-info .subtotal-title {
    float: left;
    font-size: 16px;
    text-transform: uppercase;
}

.cartpage .subtotal-info .subtotal-price {
    float: right;
}

.cartpage .cd-cart-items {
    margin: 0;
    padding: 0;
}

    .cartpage .cd-cart-items li {
        border-bottom: solid #ddd 2px;
        padding: 10px 0;
        display: inline-block;
        width: 100%;
    }

li.plate-detals.plate-1 {
    background: #7c1f67;
    padding: 15px 15px 5px 15px;
    color: #fff;
    position: relative;
    list-style: none;
}

    li.plate-detals.plate-1 span {
        font-size: 15px;
        font-weight: 700;
        font-family: Roboto, sans-serif;
    }

    li.plate-detals.plate-1 p {
        font-size: 12px;
        font-weight: 700;
    }

.checkout-btn {
    background: #048112;
    width: 209px;
    height: 44px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

    .checkout-btn:hover {
        color: #fff;
    }

.promo-form .form-element label {
    text-align: left !important;
    font-size: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.cartpage .cd-cart-items li .cart-items-left {
    float: left;
    width: 195px;
}

    .cartpage .cd-cart-items li .cart-items-left .product-name {
        font-weight: 500;
        font-style: italic;
        color: #4d3948;
        font-size: 15px;
    }

    .cartpage .cd-cart-items li .cart-items-left .product-sub-info {
        color: #333;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
    }

    .cartpage .cd-cart-items li .cart-items-left .product-size-info {
        color: #a62f00;
        font-weight: 500;
    }

.cartpage .cd-cart-items li .cd-item-plas {
    float: right;
}

    .cartpage .cd-cart-items li .cd-item-plas .quantity {
        display: inline-flex;
    }

        .cartpage .cd-cart-items li .cd-item-plas .quantity .minus {
            border: 1px solid #ddd;
            color: #000;
            font-weight: 600;
            width: 25px;
            padding: 0;
            background-color: #fff;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .cartpage .cd-cart-items li .cd-item-plas .quantity input {
            color: #000;
            padding: 0;
            font-weight: 500;
            text-align: center;
            width: 30px;
            height: 35px;
            padding-right: 0;
            border: 1px solid #ddd;
            border-radius: 0;
        }

        .cartpage .cd-cart-items li .cd-item-plas .quantity .plus {
            padding: 0;
            border: 1px solid #ddd;
            color: #000;
            font-weight: 600;
            width: 25px;
            background-color: #fff;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

.cartpage .button .next-btn {
    background: #000;
    color: #fff;
    padding: 10px 20px;
    font-weight: 500;
    clear: both;
    width: 90%;
    text-align: center;
    margin: 20px 5%;
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 10px;
}

    .cartpage .button .next-btn.disable {
        background: #bcbcbc;
    }

.cartpage .included-price {
    font-weight: 600;
    text-align: right;
    font-size: 16px;
}

    .cartpage .included-price p {
        margin-bottom: 0;
        padding-right: 20px;
    }

.cartpage .oder-summrey-section {
    margin-top: 60px;
}

    .cartpage .oder-summrey-section h4 {
        text-align: left;
        margin-bottom: 10px;
        margin-left: 0;
    }

.ChangesPassBtn {
    font-size: 16px;
    font-weight: 700;
    padding: 6px 24px;
    margin-top: 20px;
}

.cartpage .oder-summrey-section .oder-summrey {
    margin: 0;
    margin-left: 30px;
    padding: 0;
    margin-bottom: 30px;
    margin-top: 30px;
}

    .cartpage .oder-summrey-section .oder-summrey li {
        display: inline-table;
        width: 49%;
        font-weight: 600;
        margin-bottom: 10px;
    }

        .cartpage .oder-summrey-section .oder-summrey li:nth-child(even) {
            text-align: right;
        }

    .cartpage .oder-summrey-section .oder-summrey .totalprice {
        margin: 20px 0;
    }

    .cartpage .oder-summrey-section .oder-summrey p {
        text-align: left;
    }

        .cartpage .oder-summrey-section .oder-summrey p a {
            color: #168a23;
        }

.cartpage .oder-summrey-section .promo-form ul {
    margin: 0;
    padding: 0;
    margin-left: 30px;
}

    .cartpage .oder-summrey-section .promo-form ul li {
        display: inline-block;
        list-style: none;
        width: 100%;
        margin-bottom: 10px;
    }

        .cartpage .oder-summrey-section .promo-form ul li label {
            font-size: 12px;
            font-weight: 500;
            width: 100%;
        }

        .cartpage .oder-summrey-section .promo-form ul li input {
            border: solid #c1c1c1 1px;
            padding: 0 10px;
            width: 150px;
        }

.cartpage .oder-summrey-section .button-checkout {
    margin-top: 15px;
}

    .cartpage .oder-summrey-section .button-checkout a {
        background: #000;
        color: #fff;
        padding: 10px 20px;
        font-weight: 500;
        clear: both;
        width: 100%;
        text-align: center;
        margin: 20px 0;
        display: inline-block;
        font-size: 18px;
        text-transform: uppercase;
        border-radius: 10px;
    }

        .cartpage .oder-summrey-section .button-checkout a:hover {
            background: #333;
        }

.privacy_header h1 {
    background: #7c1f67;
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding: 25px 0;
    height: 78px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 40px;
}

.privacy_policy_page p {
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    font-family: 'Open Sans', sans-serif;
}

.privacy_policy_page ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    font-family: 'Open Sans', sans-serif;
}

.privacy_policy_page .container {
    max-width: 975px;
}

.privacy_policy_page h5 {
    font-weight: 700;
    margin-top: 40px;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
}

.privacy_policy_page h6 {
    font-weight: 700;
    margin-top: 40px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
}

b,
strong {
    font-weight: 700 !important;
}

.privacy_policy_page ul {
    padding-left: 20px;
}

.gift-card-page-content {
    max-width: 510px;
    margin: 0 auto;
}

.contact_banner.gift-card-banner {
    padding-top: 60px;
}

    .contact_banner.gift-card-banner h1 {
        position: relative;
        top: 0;
        margin-top: 10px;
    }

    .contact_banner.gift-card-banner p {
        text-align: center;
        color: #fff;
        margin: 0;
        padding: 0;
        font-size: 24px;
    }

.gift-card-box-outside {
    width: 300px;
    height: 164px;
    border: #ebebeb solid 3px;
    border-radius: 6px;
    padding: 10px;
    display: block;
    margin: 55px auto;
    margin-bottom: 40px;
}

.gift-box-logo {
    display: inline-block;
    vertical-align: middle;
}

.gift-box-price {
    display: inline-block;
    margin-left: 10px;
    font-size: 34px;
    color: #048112;
    vertical-align: middle;
    font-family: 'Encode Sans Expanded', sans-serif;
}

.gift-card-box-inside {
    border: #717171 solid 1px;
    width: 100%;
    height: 100%;
    padding: 35px 15px;
    border-radius: 6px;
}

.normal-text-gift-card {
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    padding: 0 0;
    margin-bottom: 20px;
    font-weight: 400;
    color: #404040;
}

input.gift-card-price-input {
    width: 136px;
    height: 61px;
    border: #048112 solid 1px;
    font-size: 28px;
    display: inline-block;
    vertical-align: top;
    padding: 15px;
    color: #048112;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

button.btn.gift-card-btn {
    background: #048112;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding: 10px 15px;
    border-radius: 10px;
    height: 61px;
    width: 332px;
    margin-left: 20px;
}

.contact_banner {
    height: 179px;
    background-size: 103% auto !important;
    background-position: center top !important;
    position: relative;
}

    .contact_banner h1 {
        text-align: center;
        color: #fff;
        font-size: 27px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 50%;
        margin-top: -22px;
    }

.contact_page_contant .container {
    max-width: 990px;
    float: right;
    margin-top: 40px;
}

.contact-right-col img {
    float: right;
    margin-top: -50px;
}

.contact_page_contant p {
    font-weight: 400;
    font-size: 15px;
    padding-right: 50px;
    padding-bottom: 0;
    margin-bottom: 5px;
}

    .contact_page_contant p a {
        text-decoration: underline !important;
    }

.card .btn-wrap h3 {
    text-align: center;
    max-width: 380px;
    display: block;
    margin: 10px auto;
}

.home-banner .caption-banner {
    display: none;
}

.purple-header {
    display: none;
}

.orange-header {
    display: none;
}

.modal-header h4 {
    text-align: center;
}

p.subscribed-text {
    text-align: center !important;
    margin-bottom: 15px !important;
}

.myaccountlink i.fa.fa-user-circle-o {
    display: none;
}

.checkout .modal-body .custom-control.custom-checkbox.full-width-check-box {
    border-bottom: solid #ddd 1px;
}

.custom-control.custom-checkbox.full-width-check-box {
    max-width: 80%;
    margin: 0 auto;
}

    .custom-control.custom-checkbox.full-width-check-box h5 {
        font-size: 15px;
        font-weight: 700;
        color: #333;
    }

    .custom-control.custom-checkbox.full-width-check-box p {
        font-weight: 400;
        font-size: 14px;
        text-align: left;
        color: #707070;
        line-height: 26px;
    }

.checkoutThreeOfThree .form-group h3 {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.fmp-cartopen .cd-cart-items li {
    position: relative;
}

a.edit-link {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    font-weight: 700;
    z-index: 9;
}

.cart_popup .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url(../images/right-check.png) !important;
}

.cart_popup label.custom-control-label {
    color: #ab523a;
    font-weight: 600;
    line-height: normal;
}

.cart_popup .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #848484;
    border-color: #848484;
}

.text-right.price-right {
    text-align: left !important;
}

@media (max-width:767px) {
    #Welcome_popup .modal-body {
        width: 300px;
        height: 300px;
        background-size: 100%;
        padding: 0 !important;
        margin: 0 auto;
        max-width: 460px;
    }

        #Welcome_popup .modal-body h3 {
            color: #fff;
            margin-top: 60px;
            font-size: 16px;
            padding: 0 30px;
            font-weight: 300;
            line-height: 22px;
            margin-bottom: 7px;
            max-width: 290px;
            margin-left: auto;
            margin-right: auto;
        }

        #Welcome_popup .modal-body textarea {
            width: 100%;
            height: 70px;
            border-radius: 8px;
            border: none;
            padding: 6px 15px;
            font-size: 14px;
            max-width: 255px;
        }

        #Welcome_popup .modal-body button.btn.btn-regular {
            background: #af1dcd;
            color: #fff;
            display: block;
            margin: 5px auto 5px auto;
            width: 140px;
            height: 38px;
            font-size: 18px;
            font-weight: 400;
            border-radius: 8px;
            border: none;
        }

        #Welcome_popup .modal-body a {
            color: #fff;
            font-size: 14px;
            font-weight: 400;
            text-decoration: underline;
        }

    .header-discount-info {
        top: 79px;
        position: absolute;
        z-index: 9;
        width: 100%;
        left: 0;
    }

    header .navbar-toggler {
        margin-top: 10px !important;
    }

    .row.cart-page-row a.edit-link {
        font-size: 14px;
    }

    .cart_popup .right-column {
        width: 100% !important;
    }

    .prospect-page .main-inner {
        padding: 0 0;
    }

    li.plate-detals.plate-1 {
        background: #7c1f67;
        padding: 10px 15px 5px 15px;
        color: #fff;
        text-align: center;
        margin: 10px 0;
    }

    .fmp-cartopen .subtotal-info {
        font-size: 20px;
        text-transform: capitalize;
    }

    li.plate-detals.plate-1 span {
        font-size: 18px;
    }

    li.plate-detals.plate-1 p {
        font-size: 18px;
        font-weight: 700;
    }

    .fmp-cartopen h4 {
        text-transform: uppercase;
        font-size: 18px;
        text-align: center;
        color: #000;
    }

    aside {
        top: 79px;
        z-index: 99999;
        max-width: 100%;
    }

    .main-inner.customer-dislike .i-agree {
        padding: 5px 0;
        margin-left: 25px;
        display: block;
        width: 160px;
        margin: 0 0 0 25px;
    }

    .main-inner.customer-dislike {
        margin-top: 140px;
    }

    .fmp-cartopen .fa-times {
        float: left;
    }

    .dropdown.myaccountlink i.fa.fa-user-circle-o {
        display: none;
    }

    .vissible-xs {
        display: none !important;
    }

    .purple-header {
        background: #7c1f67;
        text-align: center;
        color: #fff;
        padding: 5px 15px;
        width: 100%;
        border-top: #fff solid 1px;
        display: block;
    }

    a.go-to-my-cart-btn {
        background: #fff;
        display: block;
        width: 100%;
        position: absolute;
        bottom: -40px;
        font-size: 16px;
        font-weight: 700;
        padding: 8px 0;
        box-shadow: 0 2px 5px #ccc;
        border-bottom: #999 solid 1px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .purple-header h2 {
        font-size: 16px;
        margin-top: 0;
        padding-top: 0;
    }

    .orange-header {
        background: #a2342a;
        text-align: center;
        color: #fff;
        padding: 5px 15px;
        width: 100%;
        border-top: #fff solid 1px;
        display: block;
    }

    .select-meals-col {
        display: inline-block;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        text-align: right;
        padding-right: 15px;
    }

    .extra-meals-col {
        display: inline-block;
        color: #fff;
        font-size: 15px;
        text-align: left;
        font-weight: 600;
        padding-left: 15px;
    }

    .orange-header h2 {
        font-size: 16px;
        margin-top: 0;
        padding-top: 0;
    }

    .freesh_food .fixed-top {
        top: 79px !important;
        padding-left: 0;
        padding-right: 0;
    }

    .vissible-xs {
        display: block !important;
    }

    .modal-header h4 {
        text-align: center;
        font-size: 18px;
        line-height: 29px;
    }

    .purple-heading-title {
        background: #7c1f67;
        width: 100%;
        padding: 8px 5px;
        text-align: center;
    }

        .purple-heading-title h2 {
            margin: 0;
            padding: 0;
            text-align: center;
            color: #fff;
            font-size: 18px !important;
        }

    .custom-model .modal-header p {
        font-size: 13px;
    }

    p.subscribed-text {
        text-align: center !important;
        font-size: 17px !important;
        margin-bottom: 30px !important;
    }

    .your-plan-selected h6 {
        text-align: center !important;
        font-size: 15px !important;
    }

    .custom-model h2 {
        font-size: 17px;
    }

    .your-plan-selected h3 {
        text-align: center;
        margin: 10px 0;
    }

    .your-plan-selected .apply-promo-code-div {
        text-align: center;
        border-bottom: #ccc solid 1px;
        display: block;
        width: 94%;
        margin: 10px auto;
        padding: 0 0 10px 0;
    }

    .custom-model.checkout.your-plan-selected .per-week-box p {
        text-align: center !important;
        padding: 0 !important;
        margin: 0;
    }

    .checkout p b {
        color: #212121;
        font-size: 14px;
    }

    .checkout.your-plan-selected p b {
        font-size: 18px;
    }

    .paleo-choice-text.dislikes-div {
        padding-bottom: 0;
    }

    .your-plan-selected .black-title-header-popup {
        display: none;
    }

    .CheckOutOneOfThreeMob .apply-promo-code-div {
        display: none;
    }

    .CheckOutOneOfThreeMob hr {
        display: none;
    }

    .CheckOutOneOfThreeMob .no-discount {
        color: #212121 !important;
    }

    .CheckOutOneOfThreeMob .popup-header-container p {
        text-align: left !important;
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .CheckOutOneOfThreeMob .popup-header-container h6 {
        display: none;
    }

    .CheckOutOneOfThreeMob .popup-header-container h3 {
        display: none;
    }

    .menu-image-left {
        width: 140px;
        float: left;
    }

    .menu-content-right {
        width: 190px;
        float: left;
        margin-left: 8px;
        margin-top: 20px;
    }

    .custom-checkbox .custom-control-label::before {
        border-radius: 7px;
    }

    .custom-control-label::before {
        position: absolute;
        top: -2px;
        left: -22px;
        display: block;
        width: 22px;
        height: 22px;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #adb5bd solid 1px;
    }

    .banner-form-section .custom-control-label::before {
        position: absolute;
        top: 5px;
        left: -22px;
        display: block;
        width: 22px;
        height: 22px;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #adb5bd solid 1px;
    }

    .custom-control-label::after {
        position: absolute;
        top: -2px;
        left: -22px;
        display: block;
        width: 22px;
        height: 22px;
        content: "";
        background: no-repeat 50%/50% 50%;
    }

    .menu-content-right label.custom-control-label {
        padding-left: 10px;
    }

    .custom-model .btn-regular {
        margin: 5px 0;
    }

    .checkoutTwoOfThree .apply-promo-code-div {
        display: none;
    }

    .checkoutTwoOfThree hr {
        display: none;
    }

    .checkoutTwoOfThree h3#MealSelectionStartsFromSelection {
        display: none;
    }

    .checkoutTwoOfThree p b {
        font-size: 12px;
    }

    .checkoutTwoOfThree h6 {
        display: none;
    }

    .checkout-checkbox-main-div .i-agree {
        padding: 5px 0;
        margin-left: 25px;
        display: block;
        width: 160px;
        margin: 0 auto;
    }

    button#SaveDislikes {
        width: auto;
        display: block;
        margin: 0 auto;
    }

    .checkout-three-of-four .popup-header-container {
        max-width: 340px;
    }

    .checkout-three-of-four .checkout p b {
        float: none !important;
    }

    .checkout-three-of-four .paleo-choice-text.dislikes-div p {
        display: inline-block;
        vertical-align: top;
        width: 80%;
    }

    .checkout-three-of-four a.pull-right.go-to-step-menu-type {
        font-size: 14px;
    }

    .checkout-three-of-four .checkout p b {
        font-size: 14px !important;
    }

    .checkout-three-of-four .custom-model h2 {
        padding: 15px 5px;
    }

    .checkout-three-of-four h6 {
        display: none;
    }

    .checkout-three-of-four h3#MealSelectionStartsFromSelection {
        display: none;
    }

    .checkout-three-of-four hr {
        display: none;
    }

    .custom-radio-btn-group .custom-control-label::after {
        position: absolute;
        top: 0;
        left: -20px;
        display: block;
        width: 20px;
        height: 20px;
        content: "";
        background: no-repeat 50%/50% 50%;
        background-image: none !important;
        background: #fff;
        border-radius: 50%;
    }

    .custom-model .custom-radio-btn-group label {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .custom-model h2 {
        padding: 15px 5px;
    }

    .checkoutThreeOfThree .custom-model h2 {
        padding: 15px 5px;
    }

    .checkoutThreeOfThree h6 {
        display: none;
    }

    .checkoutThreeOfThree h3#MealSelectionStartsFromSelection {
        display: none;
    }

    .checkoutThreeOfThree hr {
        display: none;
    }

    .checkoutThreeOfThree .paleo-choice-text.dislikes-div {
        display: none !important;
    }

    .checkoutThreeOfThree .dateandtime {
        display: none;
    }

    .checkoutThreeOfThree a.change-link.go-to-step-delivey-time-frame {
        display: none;
    }

    .checkoutThreeOfThree b.selected-delivery-time-frame {
        display: none;
    }

    .your-info {
        max-width: 310px;
        margin: 20px auto;
    }

    .thank-you-signup-popup hr {
        display: none;
    }

    .thank-you-signup-popup-footer {
        border-top: #000 solid 1px;
        padding-bottom: 20px;
        padding-top: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

        .thank-you-signup-popup-footer h5 {
            font-weight: 700;
            font-size: 16px;
        }

    .checkout.thank-you-signup-popup .modal-body {
        max-height: 100% !important;
        overflow-y: hidden;
        padding-bottom: 40px;
    }

    .start-with-meals {
        width: 320px;
        margin: 5px auto;
        padding: 25px 20px 40px 20px;
    }

    .custom-model .btn-regular {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 0;
    }

    .most-popular-meals {
        width: 320px;
        margin: 20px auto;
        padding: 0 20px 40px 20px;
    }

        .most-popular-meals .most-popular-title:before {
            width: 68px;
        }

        .most-popular-meals .most-popular-title:after {
            width: 68px;
        }

    .cartpage.order-summary-details-div .wrapp-header {
        padding: 0 15px;
    }

    .cartpage.order-summary-details-div .message-error {
        margin-top: 50px !important;
    }

    .main-container {
        margin-top: 0;
    }

    .dropdown.myaccountlink i.fa.fa-user-circle-o {
        display: block;
        font-size: 28px;
    }

    .myaccountlink .dropdown-menu {
        padding-top: 0;
        width: 150px;
        min-width: inherit;
        left: 0;
        padding-bottom: 0;
        border: 0;
        box-shadow: 0 0 7px rgba(0, 0, 0, .25);
        margin-left: -60px;
    }

    div#cart_popup_details {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto !important;
        top: 0 !important;
        z-index: 999999 !important;
        max-height: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        transition: inherit !important;
        min-height: 100%;
    }

    .fmp-cartopen {
        width: 100% !important;
    }

        .fmp-cartopen .cd-cart-items li {
            width: 100%;
        }

    .myaccountlink span {
        display: none !important;
    }

    .myaccountlink .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: 0 solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
    }

    .dropdown.myaccountlink {
        float: right;
        position: absolute;
        right: 0;
    }

    .fmp-cart {
        position: absolute;
        right: 13px;
        top: 23px;
    }
    .fmp-cart.d-flex.align-items-center.pl-3 {
    position: absolute;
    right: 55px;
    top: 23px;
}

    .myaccountlink a#dropdownMenuLink {
        margin-right: 0;
        float: none;
        padding: 0;
    }

    .dropdown.myaccountlink {
        float: right;
        position: absolute;
        right: 85px;
        width: 40px;
        z-index: 99999;
        display: none;
        top: 26px;
        text-align: center;
    }

    .freesh_food-details .meals-food-details .natrition_info ul li .title-info {
        float: none;
        padding-right: 10px;
        width: 80px !important;
        display: inline-block;
        text-align: left;
    }

    .freesh_food-details .meals-food-details .natrition_info ul li .info-qty {
        width: 90px !important;
    }

    .freesh_food-details .meals-food-details .natrition_info ul li .info-wait {
        width: 70px !important;
    }

    .col-xs-12 {
        max-width: 100% !important;
        width: 100% !important;
        flex: 100% !important;
    }

    .aside-title a {
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 0;
        display: block;
    }

    h3.aside-title {
        padding: 15px;
    }

    .main-inner {
    padding: 15px 10px !important;
    margin-top: 13rem !important;
    min-height: inherit;
}

    nav.aside-nav {
        width: 100%;
        display: none;
    }

    .aside-nav > ul > li > a {
        padding: 0 0;
        text-align: left;
        color: #717171 !important;
        font-weight: 600 !important;
        font-size: 15px;
        border-bottom: transparent solid 2px;
        display: block;
        width: auto;
    }

    .aside-nav > ul > li.active a {
        background-color: #fff;
        color: #212121 !important;
        border-bottom: #059c15 solid 2px;
    }

    .main-container.with-sidebar main {
        margin-left: 0;
    }

    .main-container.with-sidebar,
    .meal-selection_helper {
        margin-top: 0 !important;
        border-top: 0 #8f8f8f solid !important;
        padding-top: 0;
    }

        .main-container.with-sidebar aside {
            position: fixed;
            left: 0;
             transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
        }
.device-content aside {
    left: 188px !important;
   
}

    .contact_banner.gift-card-banner p {
        text-align: center;
        color: #fff;
        margin: 0 auto;
        padding: 0;
        font-size: 24px;
        max-width: 240px;
    }

    .contact_banner.gift-card-banner {
        padding-top: 40px;
    }

    .gift-card-page-content {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }

    input.gift-card-price-input {
        display: block;
        margin: 20px auto;
    }

    button.btn.gift-card-btn {
        background: #048112;
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        padding: 10px 15px;
        border-radius: 10px;
        height: 61px;
        width: 100%;
        margin-left: 0;
        display: block;
    }

    .cartpage .oder-summrey-section h4 {
        margin-left: 0;
    }

    .cartpage .oder-summrey-section .oder-summrey {
        margin-left: 0;
    }

    .cartpage .oder-summrey-section .promo-form ul {
        margin-left: 0;
    }

    .cartpage span.back-to {
        margin-top: 0;
    }

    .custom-model .modal-content {
        border: 0 solid rgba(0, 0, 0, .2);
        border-radius: 0;
        outline: 0;
        min-height: 100%;
        height: 98vh;
    }

    .custom-model .modal-body {
        padding: 0 7px 4rem 7px;
        max-height: 100vh;
    }

    .modal-body .form-group {
        margin-bottom: 0;
    }

    .modal {
        padding: 0 !important;
        max-width: 100%;
        margin: 0 auto;
        left: 0;
        right: 0;
        position: fixed;
    }

    .mobile-show h6 {
        font-size: 15px;
        text-transform: uppercase;
        color: #868686;
        font-family: HelveticaNeue;
        font-weight: 300;
        letter-spacing: 1px;
    }

    .btn-get-start-large {
        width: 100% !important;
    }

    #banner_section.home-banner {
        position: relative;
        height: auto;
        margin-top: 79px;
        padding-top: 0;
        background-size: 110% 100% !important;
        background-position: left top !important;
    }

    .package-plans-container {
        position: relative;
        top: 79px;
        padding: 0;
    }

    .main-container.no-sidebar.faq-page-wrap {
        margin-top: 79px;
        border-top: 0 #8f8f8f solid;
    }

    .inner-banner.partner-banner {
        margin-top: 79px !important;
    }

    .left-content-banner h2 {
        text-align: left;
    }

    .package-plan-box .package-header {
        padding: 15px;
    }

    .package-plan-box .package-body p {
        font-size: 17px;
    }

    .package-plan-box .package-header p {
        font-size: 19px;
    }

        .package-plan-box .package-header p b {
            font-size: 43px;
        }

    .package-plan-box .pkg-start-btn {
        font-size: 20px;
        margin-top: 15px;
        padding: 10px;
    }

    .menu-option-box .disc-text {
        font-size: 14px;
    }

    a.edit-link {
        padding: 0 13px;
        top: 10px;
    }

    .checkout .popup-header-container .change-link {
        top: -4px;
    }

    .checkout .per-week-box {
        width: 100%;
    }
}

@media (min-width:768px) {
    .paddles {
        display: none;
    }

    .freesh_food-details .show-only-mob .natrition_info {
        display: none;
    }

    .freesh_food-details .show-only-mob .chefDescription {
        display: none;
    }

    .popup-header-container {
        max-width: 440px;
        margin: 0 auto;
        position: relative;
        margin: 20px 0;
    }

    .form-element.helper-40-60 label {
        width: auto;
        text-align: left;
        padding-bottom: .3125rem;
        font-size: 14px;
        font-weight: 600;
        vertical-align: top;
    }

    .vissible-xs {
        display: none !important;
    }

    #banner_section.home-banner {
        position: relative;
        height: auto;
        margin-top: 0;
        padding-top: 0;
        background-size: 120% auto !important;
        background-position: right top !important;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .package-plans-container {
        width: 100%;
        padding: 0;
    }

    .package-plan-box .package-header p {
        font-size: 13px;
    }

        .package-plan-box .package-header p b {
            font-size: 32px;
        }

    .package-plan-box .package-header {
        padding: 10px 15px;
    }

    .package-plan-box .package-body {
        padding: 15px 0;
    }

        .package-plan-box .package-body p {
            font-size: 12px;
        }

    .package-plan-box .pkg-start-btn {
        font-size: 15px;
        margin-top: 5px;
        padding: 10px;
    }

    .package-plans-container .package-plans-title {
        font-size: 19px;
        margin-top: 10px;
    }

    .palns-boxs-section-body .popular-pkg-heading h5 {
        margin-bottom: 6px;
        font-size: 13px;
    }

    .plan-lists-section {
        height: calc(100% - 76%);
    }

        .plan-lists-section img {
            height: 100%;
        }

    .container.pkg-menu-option {
        width: 100%;
    }

    .menu-option-box .disc-text {
        font-size: 12px;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .plan-lists-section img {
        height: 100%;
    }

    .package-plan-box .package-header p {
        font-size: 17px;
    }

        .package-plan-box .package-header p b {
            font-size: 45px;
        }
}

@media (min-width:1024px) {
    #banner_section.home-banner {
        position: relative;
        height: auto;
        margin-top: 0;
        padding-top: 0;
        background-size: 114% auto !important;
        background-position: right bottom !important;
    }
}

@media (min-width:1200px) {
    .people-are-saying-section .container {
        max-width: 1154px;
    }

    #footer_section .container {
        width: 1175px;
    }

    #banner_section.home-banner {
        position: relative;
        height: auto;
        margin-top: 0;
        padding-top: 0;
        background-size: 114% auto !important;
        background-position: right bottom !important;
    }
}

@media (min-width:1366px) {
    #banner_section.home-banner {
        position: relative;
        height: auto;
        margin-top: 0;
        padding-top: 0;
        background-size: 100% auto !important;
        background-position: right bottom !important;
    }
}

@media (min-width:1920px) {
    .fmp-cartopen .cd-cart-items {
        margin: 0;
        padding: 0;
        overflow: auto;
        max-height: 83vh;
    }

    #cart_popup_details {
        top: 0 !important;
        z-index: 9999;
        background-color: #fff;
        max-height: 100%;
        overflow: auto;
        float: right;
        width: 282px;
        min-height: 85%;
    }

    #banner_section.home-banner {
        height: auto;
        margin-top: 0;
        padding-top: 0;
        background-size: 100% auto !important;
        background-position: left bottom !important;
    }

    #header_section .container {
        width: 1805px !important;
        margin: 0 auto;
    }

    #footer_section .container {
        width: 1305px !important;
    }

    .container {
        width: 1305px !important;
    }

    .partner-banner .container {
        max-width: 87% !important;
        text-align: center;
        width: 87% !important;
    }
}

@media (min-width:2400px) {
    .container {
        max-width: 1400px;
    }

    .how-it-work-section .container {
        max-width: 1400px;
    }

    .people-are-saying-section .container {
        max-width: 1400px;
    }

    #footer_section .container {
        width: 1305px !important;
    }

    #header_section .container {
        width: 2150px !important;
        margin: 0 auto;
    }

    .partner-banner .container {
        max-width: 2150px !important;
        text-align: center;
        width: 2150px !important;
    }

    #banner_section.home-banner {
        height: auto;
        margin-top: 0;
        padding-top: 0;
        background-size: 100% auto !important;
        background-position: center bottom !important;
    }
}

header .navbar-nav {
    margin-left: 64px;
}

header .nav-item {
    margin-right: 40px;
}

header .nav-link {
    padding: 0 1rem;
}

header .navbar-expand-lg .navbar-collapse {
    margin-top: 0;
}

.navbar-right li.login a {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    border-radius: 8px;
    width: 100px;
    height: 33px;
    display: block;
    text-align: center;
    vertical-align: top;
    line-height: 22px;
    text-decoration: none;
}

.navbar-right li.register a {
    background: #048112;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 8px;
    width: 100px;
    height: 33px;
    display: block;
    text-align: center;
    vertical-align: top;
    line-height: 22px;
    text-decoration: none;
}

.navbar-right li.login a {
    background: #683474;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 8px;
    width: 100px;
    height: 33px;
    display: block;
    text-align: center;
    vertical-align: top;
    line-height: 22px;
    text-decoration: none;
}

header .nav.navbar-nav.navbar-right a.btn.btn-primary.signup {
    color: #fff;
    padding: 5px 20px 5px 20px;
}

header .navbar-light .navbar-nav .nav-link {
    color: #333;
    font-size: 19px;
    font-weight: 400;
    padding-left: 0;
    padding-right: 0;
    border-bottom: transparent solid 2px;
}

header .navbar-light .navbar-nav a:hover {
    border-bottom: #059c15 solid 2px;
}

.navbar-right li.login a:hover {
    border-bottom: #059c15 solid 0 !important;
}

header .navbar-light .navbar-nav a.nav-link.active {
    border-bottom: #059c15 solid 2px;
}

header a.navbar-brand {
    max-width: 203px;
}

    header a.navbar-brand img {
        width: 203px;
    }

.home-banner-form-box {
    background: hsla(0,0%,100%,.8);
    width: 575px;
    height: 370px;
    position: absolute;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 20px;
    z-index: 9;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .1);
    padding: 20px 10px;
    float: right;
    top: 0;
    right: 0;
    border-radius: 10px;
}

.home-page-banner-title {
    position: absolute;
    top: 35%;
    left: 0;
    width: 50%;
    max-width: 660px;
    text-align: left;
    color: white;
    background: rgba(0, 0, 0, 0.5);
    padding: 0px 20px;
    line-height: normal;
}

.five-star-icons img {
    max-width: 120px !important;
}

#banner_section .home-banner-form-box h1 {
    font-size: 20px;
    font-family: 'Encode Sans Expanded', sans-serif;
    color: #333;
    font-weight: 400;
    line-height: 32px;
    padding: 0;
    margin: 0;
}

#banner_section .home-banner-form-box p {
    font-size: 25px;
    font-family: 'Encode Sans', sans-serif;
    color: #333333;
    font-weight: 500;
    line-height: 35px;
    padding: 0;
    margin: 0;
}

#banner_section .home-banner-form-box h2 {
    font-size: 36px;
    font-family: 'Encode Sans', sans-serif;
    letter-spacing: 1px;
    color: #00C318;
    font-weight: 400;
    line-height: 36px;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0;
}

    #banner_section .home-banner-form-box h2 span {
        margin: 0 5px;
    }

        #banner_section .home-banner-form-box h2 span b {
            color: #333;
            font-weight: 400;
        }

.home-banner-form-box .form-control {
    max-width: 294px;
    margin: 12px auto;
    margin-bottom: 18px;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Encode Sans', sans-serif;
    border: #CCCCCC solid 1px;
    color: #1b1b1b;
    height: 40px;
}

    .home-banner-form-box .form-control::-webkit-input-placeholder { /* Edge */
        color: #AFAFAF;
        opacity: 1;
    }

    .home-banner-form-box .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #AFAFAF;
        opacity: 1;
    }

    .home-banner-form-box .form-control::placeholder {
        color: #AFAFAF;
        opacity: 1;
    }

.home-banner .btn {
    margin-top: 5px;
    width: 290px;
    height: 50px;
    border-radius: 10px;
    font-size: 22px;
    font-family: 'Encode Sans', sans-serif;
    font-weight: 700;
    background: #A51CC6;
    border: #A51CC6 solid 1px;
}

    .home-banner .btn:hover {
        border: #A51CC6 solid 1px !important;
        color: #A51CC6 !important;
    }

.already {
    font-size: 16px;
    font-family: 'Encode Sans', sans-serif;
    font-weight: 500;
    color: #333333;
    margin-top: 15px;
}

    .already a {
        color: #00C318;
        text-decoration: none;
        font-size: 16px;
        font-weight: 700;
    }

#middle_section .how-it-work-section h2 {
    font-size: 4rem;
    text-align: center;
    position: relative;
    font-family: 'Encode Sans', sans-serif;
    margin: 8px 0;
    padding-top: 5px;
    color: #333;
    font-weight: 400;
    padding-bottom: 30px;
}

.the-food-section {
    margin-top: 0;
    background: #fff;
    /*padding-top:30px;*/
    margin-top: 25px;
    padding-bottom: 0px;
}

    .the-food-section img {
        max-width: 100%;
    }

.btn-add-to-cart {
    background: #048112;
    color: #fff;
    width: 147px;
    height: 37px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 10px;
    padding: 6px 15px;
}

    .btn-add-to-cart:hover {
        background: #048112;
        color: #fff;
    }

.freesh_food .middle-inner a {
    text-decoration: none;
}

    .freesh_food .middle-inner a:hover {
        text-decoration: none;
    }

i.fa.fa-info-icon {
    margin-left: 10px;
}

.the-food-section h4 {
    color: #868686;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin-top: 0px;
    text-align: center;
}

nav.navbar.navbar-expand-lg.fixed-top.navbar-light.bg-light {
    padding-right: 0 !important;
}

.meal-over-content {
    display: none;
}

.meals-col:hover .meal-over-content {
    display: block;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 9;
    padding: 40px 15px;
}

.meals-col .meal-over-content img {
    margin: 10px 0;
    width: 60px;
    max-height: 50px;
}

.meals-col .meal-over-content h4 {
    color: #00c215;
    margin-bottom: 20px;
    font-weight: bold;
}

.meals-col .meal-over-content p {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
    padding: 0;
    margin-bottom: 10px;
}

.meals-col .meal-over-content a {
    color: #aa27c9;
    font-weight: 500;
    font-size: 14px;
}

.have-it-your-section {
    background: #F7F7F7;
    padding: 55px 50px;
    margin-top: 50px;
    border-radius: 10px;
    min-height: 202px;
}

.orange-theory-page .have-it-your-section {
    background: #F7F7F7;
    padding: 35px 50px;
    margin-top: 30px;
    border-radius: 10px;
    min-height: 150px;
}

.the-food-section .have-it-your-section h6 {
    color: #00C318;
    font-family: 'Encode Sans', sans-serif;
    font-size: 30px;
    font-weight: 500;
    font-style: normal;
    line-height: normal;
    text-align: left;
}

.the-food-section .have-it-your-section p {
    color: #333333;
    font-size: 30px;
    font-weight: 400;
    font-family: 'Encode Sans', sans-serif;
    line-height: normal;
    text-align: left;
}

.the-food-section .have-it-your-section a.view-all-menu {
    color: #00C318;
    border: #707070 solid 1px;
    font-size: 20px;
    text-decoration: none;
    padding: 10px 40px;
    height: 77px;
    width: 271px;
    display: block;
    text-align: center;
    line-height: 55px;
    float: right;
    margin-top: 7px;
}

.the-food-section h5 {
    color: #4d3948;
    font-size: 14px;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 3px;
}

.the-food-section a {
    color: #333;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-decoration: underline;
}

.the-food-section h6 {
    color: #4d3948;
    font-size: 17px;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    line-height: 23px;
    font-weight: 400;
}

a.see-all-menu {
    /*font-size: 16px;
    font-weight: 600;
    color: #333;*/
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    line-height: 36px;
    border: #9b9b9b solid 1px;
    width: 208px;
    height: 39px;
    display: inline-block;
    margin-top: 60px;
    background: #683474;
}

.how-it-work-section {
    margin-top: 30px;
}

.orange-theory-page .how-it-work-section {
    margin-top: 0px;
}

.how-it-work-section .container {
    max-width: 1200px;
}

.deliciously-col:after {
    background: #B9B9B9;
    content: "";
    width: 1px;
    height: 190px;
    right: 0;
    bottom: 0;
    position: absolute;
}

.deliciously-col:before {
    background: #B9B9B9;
    content: "";
    width: 1px;
    height: 190px;
    left: 0;
    bottom: 0;
    position: absolute;
}

.sr-no {
    background: #A51CC6;
    width: 42.57px;
    height: 42.57px;
    border-radius: 50%;
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    line-height: 45px;
    display: block;
    vertical-align: top;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.sr-no-light {
    background: #a51cc6;
    width: 42.57px;
    height: 42.57px;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 1.7;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    margin-bottom: 35px;
    text-align: center;
}

.how-it-work-section h2 {
    font-size: 42px;
    font-weight: 400;
    color: #000000;
    text-transform: none;
    font-family: 'Encode Sans', sans-serif;
    margin-bottom: 60px;
}

.how-it-work-section h3 {
    font-size: 30px;
    font-weight: 400 !important;
    color: #000000;
    font-family: 'Encode Sans', sans-serif;
    margin-bottom: 15px;
    font-weight: 400;
    text-transform: none;
}

.how-it-work-section img {
    min-height: 82px;
    max-height: 82px;
}

.how-it-work-section p {
    font-size: 15px;
    line-height: 29px;
    color: #525252;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding: 0 10px;
}

.deliciously-col {
    position: relative;
}

.how-it-work-section .img {
    vertical-align: bottom;
    display: inline-block;
    line-height: 50px;
    margin-bottom: 10px;
    margin-top: 0;
}

.five-star-icons {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.always-section {
    width: 100%;
    display: block;
    text-align: center;
    margin: 20px 0;
}

.orange-theory-page .always-section {
    width: 100%;
    display: block;
    text-align: center;
    margin: 30px 0 70px 0;
}

.always-bg {
    background: #F7F7F7;
    border-radius: 10px;
    width: 100%;
    padding-top: 60px;
}

.always-icon {
    margin-bottom: 30px;
}

.always-bg h3 {
    font-family: 'Encode Sans', sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #A51CC6;
    text-transform: uppercase;
    text-align: center;
}

.always-bg h2 {
    color: #333333;
    font-family: 'Encode Sans', sans-serif;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 35px;
}

.bx-wrapper .bx-controls-direction a {
    font-size: 0px;
}

.always-bg p {
    font-family: 'Encode Sans', sans-serif;
    font-size: 25px;
    font-weight: 400;
    color: #000;
    text-align: center;
    line-height: 45px;
    padding: 0 190px;
}

.lemon {
    display: block;
    margin: 0 auto;
}

    .lemon img {
        margin-bottom: -90px;
    }

.fuel-for-training-section {
    /*background: #908e8f;*/
    margin-top: 99px;
}

    .fuel-for-training-section .container-fluid {
        padding: 0 15px;
    }

.fuel-training-left-col {
    padding-left: 0;
}

.fuel-training-right-col {
    padding-right: 0;
}

.fuel-for-training-header {
    /*background: #898787;*/
    margin-left: -15px;
    vertical-align: top;
    padding-left: 120px;
    padding-bottom: 25px;
}

#middle_section .fuel-for-training-section .fuel-for-training-header h2 {
    font-size: 26px;
    font-weight: 400;
    /*color: #fff;*/
    color: #525252;
    line-height: 32px;
    text-transform: uppercase;
    text-align: left;
    margin-top: 0;
    margin-bottom: 15px;
    padding-top: 35px;
}

.fuel-for-training-header h6 {
    /*color: #fff;*/
    color: #525252;
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
    line-height: 36px;
}

.fuel-for-training-right-bottom-content {
    padding-left: 105px;
    padding-top: 40px;
    color: #fff;
    padding-right: 0;
    font-size: 16px;
    font-weight: 400;
    max-width: 795px;
}

    .fuel-for-training-right-bottom-content p {
        font-size: 16px;
        /*color: #fff;*/
        color: #525252;
        line-height: 36px;
        font-weight: 400;
    }

    .fuel-for-training-right-bottom-content ul {
        margin: 0;
        padding: 30px 0 0 0;
        list-style: none;
    }

        .fuel-for-training-right-bottom-content ul li:nth-child(1) {
            display: inline-block;
            width: 53px;
            margin-right: 40px;
        }

        .fuel-for-training-right-bottom-content ul li:nth-child(2) {
            width: 53px;
            display: inline-block;
            margin-right: 32px;
        }

        .fuel-for-training-right-bottom-content ul li:nth-child(3) {
            width: 71px;
            display: inline-block;
            margin-right: 18px;
        }

        .fuel-for-training-right-bottom-content ul li:nth-child(4) {
            width: 74px;
            display: inline-block;
        }

a.pull-right.white-outline-btn {
    border: #fff solid 1px;
    width: 230px;
    text-align: center;
    height: 47px;
    line-height: 47px;
    color: #fff;
    background: #868484;
    font-size: 16px;
    font-weight: 700;
    margin-top: 45px;
}

.people-are-saying-section {
    margin-top: 0;
    background: #fff;
    padding-top: 55px;
    padding-bottom: 55px;
    position: relative;
}

.orange-theory-page .people-are-saying-section {
    padding-bottom: 10px;
}

.people-are-saying-section:after {
    width: 200px;
    height: 290px;
    position: absolute;
    right: 0;
    top: -155px;
    content: "";
    background: url(../images/plan-plates-cut-img.png?x=1) no-repeat right top;
    background-size: 100% auto;
}

.people-are-saying-section:before {
    width: 190px;
    height: 340px;
    position: absolute;
    left: 0;
    bottom: -245px;
    content: "";
    background: url(../images/aa-plan-plates-img.png?x=1) no-repeat left bottom;
    background-size: 100% auto;
}

.home-page .people-are-saying-section:before {
    width: 0px;
}

.orange-theory-page .people-are-saying-section:after {
    width: 330px;
    height: 550px;
    position: absolute;
    right: 0;
    top: -295px;
    content: "";
    background: url(../images/fish-right-img.png?x=1) no-repeat right top;
    background-size: 100% auto;
}

.orange-theory-page .people-are-saying-section:before {
    width: 260px;
    height: 520px;
    position: absolute;
    left: 0;
    bottom: -345px;
    content: "";
    background: url(../images/plan-plates-cut-signature-left-image.png?x=1) no-repeat left bottom;
    background-size: 100% auto;
}

.cleaning-Green {
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 140px;
    margin-bottom: 40px;
}

.people-are-saying-section h2 {
    margin-bottom: 20px;
    font-family: 'Encode Sans', sans-serif;
    font-size: 45px !important;
    font-weight: 500;
    text-align: center;
}

.people-are-saying-section h3 {
    margin-bottom: 20px;
    font-family: 'Encode Sans', sans-serif;
    color: #A51CC6;
    text-align: center;
    font-size: 24px !important;
    font-weight: 700;
    text-transform: uppercase;
}

.people-are-saying-section .five-star-icons {
    margin-bottom: 50px;
}

.people-are-saying-section p {
    font-size: 15px;
    line-height: 36px;
    font-family: 'Encode Sans', sans-serif;
    color: #525252;
    font-weight: 400;
    text-align: center;
}

.name {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 22px;
    text-align: center;
    font-family: 'Encode Sans', sans-serif;
}

.orange-theory-page .panel-heading.active a:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}

.our-parner-section {
    width: 100%;
    float: left;
    background: #fff;
    margin-top: 0;
    padding: 30px 0;
}

    .our-parner-section h3 {
        font-size: 36px;
        font-weight: 400;
        color: #000000;
        text-align: left;
        line-height: 32px;
        margin-top: 21px;
        font-family: 'Encode Sans', sans-serif;
    }

    .our-parner-section ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .our-parner-section ul li {
            display: inline-block;
            width: 24.5%;
            text-align: center;
        }

            .our-parner-section ul li img {
                width: 169px;
            }

            .our-parner-section ul li:nth-child(2) img {
                width: 118px;
            }

            .our-parner-section ul li:nth-child(3) img {
                width: 121px;
            }

            .our-parner-section ul li:nth-child(4) img {
                width: 128px;
            }

.ready-to-get-section {
    float: left;
    width: 100%;
    margin-top: 50px;
    background: #00C318;
    padding: 90px 0;
}

#middle_section .ready-to-get-section h2 {
    font-size: 48px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 10px;
    font-family: 'Encode Sans', sans-serif;
}

.ready-to-get-section p {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    font-family: 'Encode Sans', sans-serif;
    margin-bottom: 40px;
}

.ready-to-get-section h6 {
    font-size: 17px;
    color: #4d3948;
    font-weight: 400;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 20px;
}

.ready-to-get-img-left {
    padding-left: 15px;
    text-align: center;
}

    .ready-to-get-img-left img {
        max-width: 100%;
        margin-top: 20px;
    }

.ready-to-get-img-right {
    text-align: center;
}

    .ready-to-get-img-right img {
        width: 242px;
        margin-top: 70px;
    }

.ready-to-get-section .btn {
    margin-top: 30px;
    width: 294px;
    height: 50px;
    border-radius: 10px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    background: #A51CC6 !important;
    color: #fff !important;
    border-color: #A51CC6 !important;
    margin-bottom: 20px;
}

    .ready-to-get-section .btn:hover {
        background: #fff !important;
        border-color: #A51CC6 !important;
        color: #A51CC6 !important;
    }

.btn-get-start-large {
    margin-top: 15px;
    width: 332px;
    height: 62px;
    border-radius: 8px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.ready-to-get-section .form-control {
    max-width: 332px;
    margin: 15px auto;
    border-radius: 0;
    font-size: 19px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.ready-to-get-section .form-control {
    max-width: 194px;
    margin: 0 0 15px 0;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Encode Sans', sans-serif;
    text-align: center;
    height: 43px;
    text-transform: uppercase;
}

    .ready-to-get-section .form-control::-webkit-input-placeholder { /* Edge */
        color: #ADADAD;
        opacity: 1;
    }

    .ready-to-get-section .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #ADADAD;
        opacity: 1;
    }

    .ready-to-get-section .form-control::placeholder {
        color: #ADADAD;
        opacity: 1;
    }

input.form-control.col-md-5.zip-input {
    max-width: 170px;
    margin-left: 0;
}

.footer-FAQ-section {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 55px;
    padding-bottom: 55px;
    background: #f7f7f7;
    margin-top: 0px;
}

    .footer-FAQ-section h6 {
        font-size: 18px;
        font-weight: 400;
        color: #5a5a5a;
        margin-bottom: 20px;
    }

    .footer-FAQ-section h3 {
        font-size: 30px;
        font-weight: 300;
        color: #5a284f;
        font-family: 'Encode Sans Expanded', sans-serif;
    }

        .footer-FAQ-section h3 a {
            /*font-weight: 500;
    color: #7c1f67;*/
            font-weight: 700;
            color: #5a284f;
            text-decoration: underline;
        }

#footer_section {
    background: #fff;
    padding-bottom:80px;
    padding-top:60px;
    margin-bottom: 0px;
    margin-top: 0px;
    position: relative;
    z-index: 99;
}

.footer-logo-col img {
    width: 140px;
}

.copyright-col {
    margin-top: 40px;
}

    .copyright-col p {
        font-size: 16px;
        color: #868686;
        font-weight: 400;
        font-family: 'Open Sans', sans-serif;
    }

.privacy-policy-col {
    font-size: 16px;
    margin-top: 20px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

    .privacy-policy-col a {
        color: #868686;
    }

#footer_section h4 {
    font-size: 18px;
    font-weight: 700;
    color: #5a5a5a;
    font-family: 'Open Sans', sans-serif;
}

#footer_section ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 15px;
}

    #footer_section ul li {
        margin: 0;
        padding: 0;
        line-height: 45px;
        font-weight: 400;
        font-family: 'Open Sans', sans-serif;
        text-align: left;
        font-size: 18px;
    }

        #footer_section ul li a {
            color: #5a5a5a;
        }

            #footer_section ul li a:hover {
                color: #5a5a5a;
                text-decoration: none;
            }

        #footer_section ul li img {
            max-width: 18px;
            margin-right: 15px;
            max-height: 18px;
        }

.fb-icon img {
    margin-left: 8px;
}

.ios-logo-footer img {
    width: 120px;
    margin-bottom: 15px;
}

.single-img {
    display: block;
}

.double-img {
    display: none;
}

.ready-to-get-section .form-inline {
    display: inherit;
}

.banner-768 {
    display: none;
}

.how-it-banner .caption-banner {
    position: relative;
    width: 600px;
    margin: 0 auto;
    top: 110px;
}

.how-it-banner {
    background-size: 100% 100% !important;
    height: 460px;
}

.banner-text {
    max-width: 366px;
    text-align: left;
    float: right;
    padding-top: 140px;
}

.how-it-banner .banner-text {
    padding-top: 0;
}

#banner_section.how-it-banner .caption-banner h1 {
    color: #000 !important;
    font-size: 26px;
    text-align: left;
    font-family: 'Encode Sans Expanded', sans-serif;
}

#banner_section.how-it-banner .caption-banner h6 {
    color: #000 !important;
    font-size: 19px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    margin-top: 25px;
}

#banner_section.how-it-banner .caption-banner p {
    color: #000 !important;
    font-size: 15px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 36px;
}

.choose-your-weekly-section {
    width: 100%;
    position: relative;
    height: 550px;
    background-size: 100% 100% !important;
}

.choose-your-weekly-content {
    width: 460px;
    position: relative;
    margin-top: 40px;
    float: right;
    margin-right: 50px;
}

    .choose-your-weekly-content h3 {
        color: #fff;
        font-size: 21px;
        font-weight: 400;
        font-family: 'Encode Sans Expanded', sans-serif;
        padding-left: 0;
    }

    .choose-your-weekly-content p {
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        line-height: 34px;
        font-family: 'Open Sans', sans-serif;
    }

.deliveries-section {
    width: 100%;
    position: relative;
    height: 550px;
    background-size: 106% !important;
}

.deliveries-section-content {
    width: 457px;
    position: relative;
    margin-top: 40px;
    margin-right: 50px;
    float: right;
}

    .deliveries-section-content h3 {
        color: #0a0a0a;
        font-size: 21px;
        font-weight: 400;
        font-family: 'Encode Sans Expanded', sans-serif;
        padding-left: 0;
    }

    .deliveries-section-content p {
        color: #0a0a0a;
        font-size: 15px;
        font-weight: 400;
        line-height: 34px;
        font-family: 'Open Sans', sans-serif;
    }

.refrigerate-section {
    width: 100%;
    position: relative;
    height: 550px;
    background-size: 100% !important;
}

.refrigerate-section-content {
    width: 450px;
    position: relative;
    margin-top: 40px;
    margin-right: 50px;
    float: right;
}

    .refrigerate-section-content h3 {
        color: #0a0a0a;
        font-size: 21px;
        font-weight: 400;
        font-family: 'Encode Sans Expanded', sans-serif;
        padding-left: 0;
    }

    .refrigerate-section-content p {
        color: #0a0a0a;
        font-size: 15px;
        font-weight: 400;
        line-height: 34px;
        font-family: 'Open Sans', sans-serif;
    }

.FAQ-section-how-it-work {
    max-width: 1110px;
    position: relative;
    padding: 70px 15px;
    margin: 0 auto;
}

.FAQ-section-how-it-work {
    background-size: 370px !important;
    background-position: right top !important;
}

    .FAQ-section-how-it-work h2 {
        color: #333;
        text-align: left;
        font-size: 26px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 30px;
        padding-left: 0;
    }

.col-md-12.FAQ-section-content {
    max-width: 715px;
}

.FAQ-section-how-it-work .bs-example {
    margin-top: 40px;
}

.FAQ-section-how-it-work p a {
    color: #048112;
    text-decoration: underline;
}

.FAQ-section-how-it-work p {
    color: #0a0a0a;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
}

.FAQ-section-how-it-work .panel-title.first-title a:before {
    float: left !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 20px;
    font-size: 15px !important;
    color: #333;
}

.FAQ-section-how-it-work h4.panel-title a:before {
    float: left !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 20px;
    font-size: 15px !important;
    color: #333;
    padding-top: 5px;
}

.FAQ-section-how-it-work h4.panel-title a.collapsed:before {
    float: left !important;
    content: "\f067";
    font-size: 15px !important;
    color: #333;
}

.FAQ-section-how-it-work .panel-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
    margin-top: 15px;
}

    .FAQ-section-how-it-work .panel-title a {
        font-size: 18px;
        color: #333;
        text-transform: uppercase;
        font-weight: 600;
        text-decoration: none;
    }

.FAQ-section-how-it-work .panel-body {
    padding-left: 30px;
    padding-bottom: 10px;
}

.partner-banner {
    width: 100%;
}

    .partner-banner img {
        width: 100%;
    }

.left-content-banner {
    text-align: left;
    margin-top: 40px;
    max-width: 37%;
    padding-left: 0;
    margin-left: 20px;
}

.partner-banner {
    height: 468px;
    background-position: top right;
    background-size: 100% 100% !important;
}

#banner_section.inner-banner.partner-banner .left-content-banner h2 {
    text-align: left;
    font-size: 26px;
    font-family: 'Encode Sans Expanded', sans-serif;
    color: #000;
}

#banner_section.inner-banner.partner-banner .left-content-banner h3 {
    text-align: left;
    font-size: 19px;
    margin-top: 24px;
    color: #000;
}

#banner_section.inner-banner.partner-banner .left-content-banner p {
    text-align: left !important;
    font-size: 15px;
    line-height: 36px;
    color: #000;
    font-weight: 400;
    margin-bottom: 10px;
    padding-right: 48px;
}

#banner_section.inner-banner.partner-banner .caption-banner {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 0;
    z-index: 2;
}

.banner-form-box {
    border: #e2e2e2 solid 1px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .1);
    width: 453px;
    height: 444px;
    padding-left: 57px;
    padding-right: 57px;
}

    .banner-form-box h4 {
        text-align: center;
        color: #333;
        text-transform: uppercase;
        font-family: 'Encode Sans Expanded', sans-serif;
        padding-top: 30px;
        font-size: 20px;
        padding-bottom: 15px;
    }

    .banner-form-box .custom-radio-btn {
        margin-left: 0;
        margin-right: 0;
    }

.custom-radio-btn .custom-control {
    position: relative;
    display: inline-block;
    min-height: 27px;
    padding-left: 23px;
}

.custom-radio-btn .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    font-size: 17px;
    font-weight: 400;
    color: #4d3948;
    padding-left: 17px;
    padding-right: 10px;
}

.custom-radio-btn .custom-control:last-child label.custom-control-label {
    padding-right: 0;
}

.banner-form-box .form-control {
    height: 43px !important;
    border-radius: 0 !important;
}

.banner-form-box .btn {
    margin-top: 20px;
    width: 332px;
    height: 62px;
    border-radius: 8px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.custom-radio .custom-control-label::before {
    background-color: #fff;
    width: 24px;
    height: 24px;
    border: #d1d1d1 solid 3px;
}

.custom-radio-btn .custom-radio .custom-control-input:checked ~ .custom-control-label::after,
.custom-radio-btn .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #048112;
    background-image: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
}

.custom-radio-btn .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #048112;
    border: #d1d1d1 solid 3px;
}

.custom-radio .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #048112;
}

.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(255, 123, 255, .25);
}

.webinars-banner {
    height: 328px;
}

.webinars-banner {
    height: 328px;
    background-size: 100% auto !important;
}

.webinars-content-banner {
    text-align: left;
    margin-top: 0;
    max-width: 675px;
    padding-left: 0;
    margin-left: 190px;
    padding-top: 45px;
    line-height: 36px;
}

.webinars-team .container {
    max-width: 1080px;
}

.webinars-img {
    max-width: 245px;
}

.first-col {
    padding-left: 85px;
}

.second-col {
    padding-left: 85px;
}

.third-col {
    padding-left: 85px;
}

.first-col .webinars-right-content-top {
    max-width: 520px;
}

.third-col .webinars-right-content-top {
    max-width: 580px;
}

#banner_section.inner-banner.webinars-banner .webinars-content-banner h2 {
    text-align: left;
    font-size: 26px;
    font-family: 'Encode Sans Expanded', sans-serif;
    color: #000;
}

#banner_section.inner-banner.webinars-banner .webinars-content-banner h3 {
    text-align: left;
    font-size: 19px;
    margin-top: 10px;
    color: #000;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
}

#banner_section.inner-banner.webinars-banner .webinars-content-banner p {
    text-align: left !important;
    font-size: 15px;
    line-height: 36px;
    color: #000;
    font-weight: 400;
    margin-bottom: 10px;
}

#banner_section.inner-banner.webinars-banner .caption-banner {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 0;
    z-index: 2;
}

.webinars-team {
    border-bottom: #d1d1d1 solid 1px;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 50px;
}

.webinars-img img {
    max-width: 100%;
}

.webinars-team h3 {
    font-size: 21px;
    font-weight: 300;
    color: #0a0a0a;
    font-family: 'Encode Sans Expanded', sans-serif;
}

.webinars-team h4 {
    font-size: 19px;
    font-weight: 400;
    color: #0a0a0a;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
}

.webinars-team p {
    font-size: 15px;
    font-weight: 400;
    color: #0a0a0a;
    font-family: 'Open Sans', sans-serif;
    line-height: 36px;
    margin-bottom: 10px;
}

.webinars-team .date-day-col {
    font-size: 15px;
    font-weight: 400;
    color: #0a0a0a;
    font-family: 'Open Sans', sans-serif;
    line-height: 36px;
    display: inline-block;
    margin-right: 40px;
}

.date-day-col.last:before {
    width: 1px;
    height: 20px;
    background: #000;
    content: "";
    left: -20px;
    top: 8px;
    position: absolute;
}

.date-day-col.last {
    position: relative;
}

.green-medium-btn {
    background: #048112;
    color: #fff;
    font-weight: 700;
    width: 199px;
    height: 49px;
    line-height: 35px;
    font-size: 19px;
    margin-top: 10px;
    display: inline-block;
    margin-right: 90px !important;
}

    .green-medium-btn:hover {
        color: #fff;
    }

.webinars-right-content-top {
    min-height: 180px;
}

.webinar-footer-content {
    position: relative;
    padding-left: 0;
}

.webinar-faq-section {
    padding-top: 80px;
    padding-bottom: 80px;
    margin-top: 0;
}

    .webinar-faq-section h3 {
        font-size: 30px;
        font-weight: 300;
        color: #5a284f;
        font-family: 'Encode Sans Expanded', sans-serif;
    }

        .webinar-faq-section h3 a {
            font-weight: 500;
            color: #7c1f67;
            text-decoration: underline;
        }

.pmd-textfield-floating-label div {
    position: relative;
}

.pmd-textfield-floating-label img.ui-datepicker-trigger {
    width: 40px;
    position: absolute;
    top: 4px;
    right: 5px;
}

ul.nav.navbar-nav.navbar-right {
    display: block;
}

    ul.nav.navbar-nav.navbar-right.mobile {
        display: none;
    }

ul.nav.navbar-nav.navbar-right {
    display: block;
    width: auto;
}

    ul.nav.navbar-nav.navbar-right li.login {
        display: inline-block;
    }

    ul.nav.navbar-nav.navbar-right li.register {
        display: inline-block;
    }

@media (max-width:360px) {
    .red-banner {
        padding: 4px 2px !important;
        font-size: 9px !important;
        line-height: normal;
    }
}

@media (max-width:767px) {
    .desktop-only {
        display: none;
    }

    .freesh_food-details .mobile-show .chefDescription {
        display: none;
    }

    .select-meal-box {
        width: 100%;
        margin: 24px auto;
        padding: 15px 4px;
        text-align: center;
        border: 0;
    }

    .privacy_policy_page {
        margin-top: 80px;
    }

    ul.nav.navbar-nav.navbar-right {
        width: 188px;
    }

        ul.nav.navbar-nav.navbar-right li.login {
            display: block;
        }

        ul.nav.navbar-nav.navbar-right li.register {
            display: block;
        }

    ul.nav.navbar-nav.navbar-right {
        display: none;
    }

        ul.nav.navbar-nav.navbar-right.mobile {
            display: block;
            border-right: #b7b7b7 solid 1px;
            background: #fff;
            margin: 0;
            padding: 0 0 0 20px;
        }

    .vacation-stops-page .card .btn-wrap {
        text-align: center;
    }

    .cart-page-sub-header {
        top: 80px;
        width: 100%;
    }

    .cartpage span.back-to {
        display: none;
    }

    .cartpage .oder-summrey-section span.back-to {
        display: block;
        font-weight: 400;
        margin: 0 auto;
        position: relative;
        float: none;
    }

    .cartpage .container {
        max-width: 100%;
        padding: 0;
    }

    .cd-cart-items .col-xs-5.col-sm-4.col-lg-5 {
        width: 40%;
    }

    .cd-cart-items .col-xs-3.col-sm-3.col-lg-2 {
        width: 30%;
        padding: 0;
    }

    .col-xs-4.col-sm-4.col-lg-5.included-price {
        width: 30%;
    }

    .wrapp-header .col-sm-12 {
        padding: 0;
    }

    .order-total-tabel span {
        float: right;
    }

    .cartpage .oder-summrey-section {
        margin-top: 80px;
        position: relative;
        width: 100%;
        max-width: 89%;
        margin: 0 auto;
        right: inherit;
        text-align: center;
        padding: 0;
    }

    .row.cart-page-row {
        display: flex;
    }

    .oder-summrey-section table.table-4.order-total-tabel {
        display: table;
        width: 160px;
        margin: 0 auto;
    }

    .oder-summrey-section input#checkout {
        width: 210px;
    }

    .cart-page-sub-header h2 {
        font-size: 19px;
        color: #333;
        text-align: center;
        font-family: 'Encode Sans Expanded', sans-serif;
        border-top: #d6d6d6 solid 1px;
        margin-top: 30px;
        padding-top: 20px;
    }

    .input-wrap.button-overflow button {
        width: 150px;
    }

    .checkout-btn {
        width: 100%;
    }

    .cartpage .oder-summrey-section h4 {
        text-align: center;
        margin-top: 15px;
    }

    .webinars-banner {
        min-height: 222px !important;
        background: url(/Themes/FMPNewTheme/Content/assets/images/mob-banner-webinar.jpg) top right no-repeat/cover !important;
    }

        .webinars-banner .webinars-content-banner {
            display: none !important;
        }

    .webinars-content-banner {
        display: block !important;
    }

    .webinars-content-banner {
        text-align: left;
        margin-top: 0;
        max-width: 100%;
        padding-left: 24px;
        margin-left: 0;
        padding-top: 40px;
        padding-right: 24px;
    }

        .webinars-content-banner h2 {
            text-align: left;
            font-size: 26px;
            font-family: 'Encode Sans Expanded', sans-serif;
            color: #000;
            text-align: left;
            max-width: 247px;
            height: 80px;
            overflow: hidden;
        }

        .webinars-content-banner h3 {
            text-align: left;
            font-size: 19px;
            margin-top: 20px;
            color: #000;
            max-width: 240px;
            line-height: 32px;
            margin-bottom: 20px;
        }

        .webinars-content-banner p {
            text-align: left !important;
            font-size: 15px;
            line-height: 36px;
            color: #000;
            font-weight: 400;
            margin-bottom: 10px;
        }

    .webinars-team {
        border-bottom: #d1d1d1 solid 1px;
        width: 320px;
        padding-top: 60px;
        padding-bottom: 50px;
        margin: 0 auto;
    }

    .first-col .webinars-right-content-top {
        max-width: 100%;
        margin-top: 50px;
    }

    .second-col .webinars-right-content-top {
        max-width: 100%;
        margin-top: 50px;
    }

    .third-col .webinars-right-content-top {
        max-width: 100%;
        margin-top: 50px;
    }

    .first-col {
        padding-left: 15px;
    }

    .second-col {
        padding-left: 15px;
    }

    .third-col {
        padding-left: 15px;
    }

    .webinars-img {
        max-width: 100%;
    }

    .third-col h4 {
        max-width: 200px;
        line-height: 27px;
    }

    .freesh_food-details .meals-food-details .natrition_info .natrition-info-contain {
        max-width: 190px;
        margin: 0 auto;
        text-align: left;
    }

    .webinar-footer-content {
        display: none;
    }

        .webinar-footer-content.ipad-mob {
            display: block;
        }

            .webinar-footer-content.ipad-mob .date-day-col.last:before {
                width: 0;
                height: 0;
            }

    .ipad-mob .green-medium-btn {
        margin-right: 0 !important;
        margin-left: 15px !important;
        margin-top: 20px;
    }

    .ipad-mob .date-day-col.last {
        margin-top: 20px;
        padding-right: 0;
        margin-right: 0;
    }

    .navbar-right li.login a {
        font-size: 19px;
        font-weight: 400;
        color: #333;
        border-radius: 8px;
        width: 116px;
        height: auto;
        display: block;
        text-align: left;
        vertical-align: top;
        line-height: 22px;
        text-decoration: none;
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-right li.register a {
        background: 0 0;
        font-size: 19px;
        font-weight: 400;
        color: #333;
        border-radius: 0;
        width: auto;
        height: auto;
        display: block;
        text-align: left;
        vertical-align: top;
        line-height: 45px;
        text-decoration: none;
        padding: 0 0;
    }

    header .navbar-light .navbar-nav a:hover {
        border-bottom: #059c15 solid 0;
    }

    header .navbar-expand-lg .navbar-collapse {
        margin-top: 0;
        position: fixed;
        z-index: 999;
        top: 0;
        left: -188px;
        height: 100%;
        background: #fff;
        border-right: #b7b7b7 solid 0;
        width: 188px;
        padding-left: 12px;
        transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
    }

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

    #header_section .bg-light {
        background-color: #fff !important;
        box-shadow: 0 1px 5px #ccc;
        padding: 10px 15px !important;
    }

    .banner-768 {
        display: none;
    }

    .banner-mobile {
        display: block;
    }

    .ios-logo-footer {
        text-align: right;
    }

    #footer_section {
        margin-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 0;
    }

    .footer-CopyRight-768 {
        border-top: #e3e3e3 solid 0;
        margin-top: 0;
        padding-top: 40px;
        text-align: center;
    }

    .footer-logo-col {
        display: none;
    }

    .footer-CopyRight-768 .footer-logo-col {
        display: block;
    }

    img.banner-down-1366 {
        display: none;
    }

    header .navbar {
        background: 0 0;
        min-height: 58px !important;
        margin-top: 0;
    }

    nav.navbar.navbar-expand-lg.fixed-top.navbar-light.bg-light {
        padding-right: 15px !important;
    }

    nav.navbar.navbar-expand-lg.fixed-top.navbar-light.bg-light {
        min-height: 79px !important;
    }

    header a.navbar-brand {
        width: 160px;
        margin: 0 auto;
        left: inherit;
        right: inherit;
        text-align: left;
        float: none;
        position: relative;
        display: block;
        margin-top: 9px;
    }

        header a.navbar-brand img {
            width: 160px;
        }

    nav.navbar.navbar-expand-lg.fixed-top.navbar-light.bg-light {
        left: 0;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
    }

    .device-content nav.navbar.navbar-expand-lg.fixed-top.navbar-light.bg-light {
        left: 190px;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
    }

    #header_section {
        position: fixed !important;
        min-height: 83px;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999999;
        padding-bottom: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .navbar-brand img {
        width: 130px !important;
    }

    #banner_section {
        margin-top: 80px;
    }

    .giftcard-page-banner {
        margin-top: 80px;
    }

    .fibo-page-banner {
        margin-top: 80px;
    }

    #header_section .container {
        width: 100%;
        max-width: 100%;
    }

    header .nav-item {
        margin-right: 15px;
    }

    .navbar {
        padding: 0;
    }

    header .navbar-nav {
        margin-left: 20px;
    }

    img.banner-up-1366 {
        display: none;
    }

    .home-banner-form-box {
        width: 100%;
        height: auto;
        right: inherit;
        top: inherit;
        padding: 20px 10px 20px 10px;
        box-shadow: 0 0 0;
        position: relative;
        /*margin-top:185px;*/
        margin-left: auto;
        margin-right: auto;
    }

        .home-banner-form-box .form-control {
            max-width: 266px;
            margin: 12px auto;
            margin-bottom: 20px;
            border-radius: 0;
            font-size: 13px;
        }

    .home-banner .btn {
        margin-top: 8px;
        width: 266px;
        height: 40px;
        border-radius: 8px;
        font-size: 17px;
    }

    .home-banner-form-box div {
        position: relative;
        max-width: 266px;
        margin: 0 auto;
    }

        .home-banner-form-box div span.required-span {
            position: absolute;
            z-index: 9;
            left: 0;
            font-size: 11px;
            top: 24px;
            text-transform: capitalize;
        }

    #banner_section .home-banner-form-box h1 {
        font-size: 16px;
        line-height: 24px;
        padding: 0;
        margin: 0;
    }

    #banner_section .home-banner-form-box p {
        font-size: 11px;
        line-height: 16px;
        padding: 7px 0;
        margin: 0 auto;
        text-align: center;
    }

    #banner_section .home-banner-form-box h2 {
        font-size: 18px;
        line-height: 24px;
        padding: 0;
        margin-top: 5px;
    }

    .have-it-your-section {
        text-align: center;
    }

    .have-it-your-section {
        padding: 55px 0px;
        margin-top: 50px;
        min-height: 202px;
    }

    .the-food-section .have-it-your-section p {
        font-size: 20px;
    }

    #middle_section .how-it-work-section h2 {
        font-size: 3rem;
        padding-bottom: 40px;
    }

    .the-food-section .have-it-your-section a.view-all-menu {
        float: none;
        margin: 0 auto;
        margin-top: 10px;
    }

    .the-food-section .meals-col {
        width: 48%;
        max-width: inherit;
        flex: inherit;
        text-align: center;
        margin-bottom: 20px;
    }

    .meals-col {
        width: 48%;
        max-width: inherit;
        flex: inherit;
        text-align: center;
        margin-bottom: 20px;
    }

        .meals-col .meal-over-content h4 {
            margin-bottom: 0px !important;
        }

    .the-food-section h6 {
        font-size: 15px;
        line-height: 23px;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

    #middle_section h2 {
        font-size: 22px;
    }

    .the-food-section h4 {
        font-size: 13px;
        margin-top: 0;
    }

    .how-it-work-section .container {
        max-width: 850px;
    }

    .how-it-work-section {
        margin-top: 0px;
    }

    #middle_section .always-bg h2 {
        font-size: 21px;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    #middle_section .always-bg p {
        font-size: 16px;
        text-align: center;
        line-height: 30px;
        padding: 0 0px;
    }

    .people-are-saying-section:after {
        width: 85px;
        height: 140px;
        top: -115px;
    }

    .lemon {
        display: block;
        margin: 0 auto;
        width: 120px;
    }

        .lemon img {
            margin-bottom: -45px;
        }

    #middle_section .people-are-saying-section h2 {
        font-size: 2rem;
    }

    .cleaning-Green {
        width: 90px;
        margin-bottom: 10px;
    }

    .how-it-work-section .col-md-4 {
        width: 100%;
        max-width: inherit;
        flex: inherit;
        padding: 0 24px !important;
        display: inline-block;
        float: none;
        margin: 0 auto;
    }

    .deliciously-col:after {
        width: 0px;
    }

    .deliciously-col:before {
        width: 0px;
    }

    a.see-all-menu {
        margin-top: 40px;
    }

    .fuel-for-training-section {
        margin-top: 70px;
    }

    .sr-no {
        margin-top: 30px;
    }

    .fuel-training-right-col .fuel-for-training-header {
        display: none;
    }

    .fuel-for-training-header {
        margin-left: 0;
        padding-left: 25px;
        position: relative;
        padding-right: 25px;
    }

        .fuel-for-training-header h6 {
            line-height: 26px;
        }

    .fuel-for-training-section .container-fluid {
        padding: 0 0;
    }

        .fuel-for-training-section .container-fluid .row {
            padding: 0 0;
            margin: 0 0;
        }

    .fuel-training-right-col a.pull-right.white-outline-btn {
        display: none;
    }

    .fuel-training-right-col ul.pull-left {
        display: none;
    }

    .fuel-section-bottom-ipad {
        background: #908e8f;
        width: 100%;
        float: left;
    }

    .fuel-for-training-right-bottom-content {
        padding-left: 32px;
        padding-top: 25px;
        padding-right: 32px;
        max-width: 370px;
    }

        .fuel-for-training-right-bottom-content p {
            margin-bottom: 2rem;
        }

    .fuel-section-bottom-ipad .fuel-for-training-right-bottom-content {
        margin: 0 auto;
        max-width: 350px;
        width: 100%;
        display: table;
        padding: 15px 10px 45px 10px;
        text-align: center;
    }

    .fuel-for-training-right-bottom-content ul {
        margin: 0 auto;
        padding: 0;
        list-style: none;
        text-align: center;
        width: 100%;
    }

        .fuel-for-training-right-bottom-content ul li:nth-child(1) {
            display: inline-block;
            width: 53px;
            margin-right: 10px;
        }

        .fuel-for-training-right-bottom-content ul li:nth-child(2) {
            width: 54px;
            display: inline-block;
            margin-right: 11px;
        }

        .fuel-for-training-right-bottom-content ul li:nth-child(3) {
            width: 70px;
            display: inline-block;
            margin-right: 10px;
        }

        .fuel-for-training-right-bottom-content ul li:nth-child(4) {
            width: 75px;
            display: inline-block;
        }

    a.pull-right.white-outline-btn {
        width: 230px;
        text-align: center;
        height: 47px;
        line-height: 47px;
        color: #fff;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
        float: inherit;
        display: inline-block;
    }

    .single-img {
        display: block;
    }

    .double-img {
        display: none;
    }

    .double-img-ipad {
        display: none;
    }

    .col-md-4.fuel-training-left-col {
        width: 100%;
        max-width: inherit;
        flex: inherit;
        padding: 0;
    }

    .col-md-8.pl-0.fuel-training-right-col {
        max-width: inherit;
        width: 100%;
        flex: inherit;
    }

    .our-parner-section .container {
        max-width: 600px;
        text-align: center;
    }

    .our-parner-section h3 {
        text-align: center;
    }

    .our-parner-section ul li {
        display: inline-block;
        width: 49%;
        text-align: center;
        margin: 25px 0;
        padding: 0 20px;
    }

    .people-are-saying-section {
        padding-top: 40px;
        padding-bottom: 55px;
    }

    .ready-to-get-img-left {
        padding-left: 0;
        text-align: center;
    }

    #middle_section .people-are-saying-section h2 {
        margin-bottom: 20px;
    }

    #middle_section .people-are-saying-section h3 {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .people-are-saying-section:before {
        width: 100px;
        height: 220px;
        bottom: -145px;
    }

    #middle_section .ready-to-get-section h2 {
        font-size: 32px;
    }

    .ready-to-get-section p {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .ready-to-get-img-left img {
        width: 133px;
        margin-top: 0;
        margin: 0 auto;
    }

    .show-img-top-ipad {
        display: block;
    }

    .hide-img-top-ipad {
        display: none;
    }

    .ready-to-get-img-right img {
        width: 233px;
        margin: 30px auto;
    }

    .footer-FAQ-section {
        float: left;
        width: 100%;
        text-align: center;
        padding-top: 50px;
        padding-bottom: 50px;
        margin-top: 0;
    }

    .ready-to-get-section p {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

    .ready-to-get-section h6 {
        font-size: 16px;
        font-weight: 600;
    }

    .ready-to-get-section .form-control {
        max-width: 264px;
        margin: 0 auto;
        font-size: 15px;
    }

    input.form-control.col-md-5.zip-input {
        width: 264px;
        margin-left: auto;
        margin-top: 0;
        margin-right: auto !important;
        max-width: 264px;
    }

    #homeBodySignUpDiv span.required-span {
        font-size: 11px;
        position: absolute;
        left: 0;
        top: 30px;
    }

    #homeBodySignUpDiv .mesage.error-message {
        position: absolute;
        font-size: 11px;
        top: -15px;
        left: 0;
    }

    .ready-to-get-section .btn {
        margin-top: 20px;
        width: 264px;
        height: 49px;
        border-radius: 8px;
        font-size: 18px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
    }

    #footer_section .container {
        max-width: 975px;
    }

    .footer-FAQ-section h6 {
        font-size: 18px;
        margin-bottom: 20px;
        max-width: 230px;
        margin-left: auto;
        margin-right: auto;
        line-height: 30px;
    }

    #middle_section .footer-FAQ-section h3 {
        font-size: 24px;
    }

    .hidden-mobile {
        display: none;
    }
}

@media (min-width:992px) {
    .footer-CopyRight-768 {
        display: none;
    }

    .webinar-footer-content.ipad-mob {
        display: none;
    }

    .custom-radio-btn-group .custom-control-label::after {
        top: 6px;
        left: -13px;
        width: 18px;
        height: 18px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .red-banner {
        padding: 2px 15px;
        font-size: 12px;
        line-height: normal;
    }

    .btn-add-to-cart {
        font-size: 12px;
        padding: 6px 12px;
    }

    .row.cart-page-row {
        display: flex;
    }

    .main-container.with-sidebar.blog-list.blog-list-category aside {
        width: 33% !important;
    }

    .main-container.with-sidebar.blog-list.blog-list-category main {
        width: 65%;
    }

    .main-container.with-sidebar.blog-page.blog-page-details aside {
        width: 33% !important;
    }

    .main-container.with-sidebar.blog-page.blog-page-details main {
        width: 65%;
    }

    .layout {
        padding-top: 83px;
    }

    .device-content header#header_section {
        left: 152px;
    }

    .freesh_food .fixed-top {
        top: 83px !important;
    }

    .myaccountlink i.fa.fa-user-circle-o {
        display: none;
    }

    ul.nav.navbar-nav.navbar-right.mobile {
        display: block;
    }

    .main-container.with-sidebar aside {
        display: block;
        width: 200px !important;
        top: 104px;
        transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    }
    .device-content aside {
    left: 185px !important;
    
}
    .device-content button.navbar-toggler {
    left: 26px;
}

    main {
        max-width: 540px;
        vertical-align: top;
        float: none;
        margin: 0 auto;
    }

    .main-container.with-sidebar aside {
        position: fixed;
        left: 0;
    }

    .main-container.with-sidebar,
    .meal-selection_helper {
        margin-top: 0 !important;
        border-top: 0 #8f8f8f solid !important;
        padding-top: 0;
    }

    .select-wrap.multiple-selects-in-line .form-control {
        display: inline-block !important;
        max-width: 80px !important;
        margin-right: 5px;
        min-width: 80px !important;
    }

    .aside-title a {
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 0;
        display: block;
    }

    .aside-title {
        color: #fff !important;
        background: #048112 url(../../../../../Themes/FMP/Content/assets/images/Design/my-account.png) no-repeat 98% 55% !important;
        padding: 15px !important;
        margin: 0;
    }

    .about-banner {
        background-size: auto 100% !important;
        background-position: center top !important;
    }

    .nav-item strong {
        display: inline-block;
        width: 100%;
        position: absolute;
        left: 0;
        padding-left: 110px;
        top: 16px;
        font-weight: 300 !important;
        font-size: 16px;
    }

    .nav-item em {
        display: inline-block;
        width: 90%;
        position: absolute;
        left: 0;
        padding-left: 110px;
        top: 40px;
        font-style: inherit;
        font-weight: 400;
        font-size: 13px;
        letter-spacing: 0;
        line-height: 20px;
    }

    .cartpage span.back-to {
        margin-top: -37px;
        display: none;
    }

    .how-it-banner {
        margin-top: 0 !important;
        background-size: 175% auto !important;
        background-position: -300px 0 !important;
    }

        .how-it-banner .caption-banner {
            position: relative;
            width: 570px;
            margin: 0 auto;
        }

    .choose-your-weekly-section {
        width: 100%;
        position: relative;
        height: 555px;
        background-size: 165% 108% !important;
        background-position: top right !important;
    }

    .deliveries-section {
        width: 100%;
        position: relative;
        height: 540px;
        background-size: 178% auto !important;
        background-position: -430px 0 !important;
    }

    .refrigerate-section {
        width: 100%;
        position: relative;
        height: 550px;
        background-size: 160% auto !important;
        background-position: top right !important;
    }

    .FAQ-section-how-it-work {
        padding-left: 0;
        padding-right: 0;
        padding-top: 40px;
    }

    .FAQ-section-how-it-work {
        background-size: 370px !important;
        background-position: 127% 0 !important;
        max-width: 621px;
        background: 0 0 !important;
    }

    .choose-your-weekly-content {
        width: 416px;
        position: relative;
        margin-top: 40px;
        float: right;
        margin-right: 50px;
    }

    .deliveries-section-content {
        width: 417px;
        position: relative;
        margin-top: 40px;
        margin-right: 50px;
        float: right;
    }

    .refrigerate-section-content {
        width: 360px;
        position: relative;
        margin-top: 40px;
        margin-right: 107px;
        float: right;
    }

    #header_section {
        position: fixed;
        min-height: 79px;
    }

    .how-it-work-section p {
        font-size: 14px;
        line-height: 36px;
        color: #525252;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        padding: 0 10px;
    }

        .how-it-work-section p.pr-3.pl-3 {
            padding: 0 5px !important;
        }

    .how-it-work-section h2 {
        margin-bottom: 40px !important;
    }

    .navbar-right li.login a {
        font-size: 19px;
        font-weight: 400;
        color: #333;
        border-radius: 8px;
        width: 116px;
        height: 43px;
        display: block;
        text-align: left;
        vertical-align: top;
        line-height: 22px;
        text-decoration: none;
        padding-left: 0;
        padding-right: 0;
    }

    ul.nav.navbar-nav.navbar-right li.register {
        display: block;
        text-align: left;
    }

    .navbar-right li.register a {
        background: #fff;
        font-size: 19px;
        font-weight: 400;
        color: #333;
        border-radius: 8px;
        width: auto;
        height: auto;
        display: block;
        text-align: left;
        vertical-align: top;
        line-height: 22px;
        text-decoration: none;
        padding-top: 0;
        padding-left: 0;
    }

    header .navbar-expand-lg .navbar-collapse {
        margin-top: 0;
        position: fixed;
        z-index: 999;
        top: 0;
        left: -200px;
        height: 100%;
        background: #fff;
        width: 200px;
        padding-left: 12px;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
    }

    ul.nav.navbar-nav.navbar-right {
        display: none;
        width: 170px;
        padding: 0;
        margin: 10px;
    }

    .navbar-collapse.collapse.show {
        left: 0;
    }

    .navbar-right {
        margin-left: 10px !important;
        margin-top: 30px;
    }

    .ios-logo-footer {
        text-align: right;
    }

    #footer_section {
        margin-bottom: 30px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .footer-CopyRight-768 {
        border-top: #e3e3e3 solid 1px;
        margin-top: 100px;
        padding-top: 40px;
        text-align: center;
    }

    .footer-logo-col {
        display: none;
    }

    .footer-CopyRight-768 .footer-logo-col {
        display: block;
    }

    img.banner-down-1366 {
        display: none;
    }

    .banner-768 {
        display: block;
    }

    header .navbar {
        background: 0 0;
        min-height: 83px !important;
        margin-top: 0px;
    }

    header a.navbar-brand {
        max-width: 165px;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 17px;
    }

        header a.navbar-brand img {
            width: 165px;
        }

    #cart_popup_details {
        top: 0 !important;
        z-index: 9999;
    }

    .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 9;
    }

    .freesh_food-details ul li {
        text-align: left;
    }

    .freesh_food-details .natrition_info {
        text-align: left;
    }

    #banner_section {
        margin-top: 0;
    }

    header .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, 1);
    position: absolute;
    left: 10px;
    float: left;
    top: 20px;
    }

    #header_section .container {
        width: 100%;
        max-width: 100%;
    }

    header .nav-item {
        margin-right: 15px;
        margin-top: 10px;
    }

    .navbar {
        padding: 0;
    }

    header .navbar-nav {
        margin-left: 15px;
    }

    img.banner-up-1366 {
        display: none;
    }

    .home-banner-form-box {
        width: 380px;
        height: 350px;
        right: 0;
        top: 8px;
        padding: 15px 10px 5px 10px;
        margin-top: 20px;
        margin-right: 15px;
        position: relative;
        display: block;
        float: none;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .have-it-your-section {
        padding: 30px 0px;
        margin-top: 40px;
    }

    .the-food-section .have-it-your-section p {
        font-size: 18px;
    }

    .the-food-section .have-it-your-section h6 {
        font-size: 20px;
    }

    .have-it-your-section {
        padding: 20px 0px;
        margin-top: 30px;
        border-radius: 10px;
        min-height: 135px;
    }

    .deliciously-col:before {
        width: 0px;
        height: 0px;
    }

    .deliciously-col:after {
        width: 0px;
        height: 0px;
    }

    .always-section {
        margin: 10px 0;
    }

    #middle_section .people-are-saying-section h2 {
        font-size: 2.7rem;
    }

    #middle_section .people-are-saying-section h3 {
        font-size: 20px;
    }

    .always-bg {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    #middle_section .always-bg h2 {
        font-size: 26px;
        margin-bottom: 20px;
        margin-top: 5px;
    }

    #middle_section .always-bg p {
        font-size: 18px;
        line-height: 35px;
        padding: 0 0px;
    }

    .people-are-saying-section {
        margin-top: 100px;
    }

    .lemon img {
        margin-bottom: -160px;
    }

    .people-are-saying-section:after {
        width: 150px;
        height: 230px;
    }

    .the-food-section .have-it-your-section a.view-all-menu {
        font-size: 20px;
        padding: 5px 20px;
        height: 60px;
        width: 220px;
        line-height: 45px;
        margin-top: 7px;
    }

    .home-page-banner-title {
        top: 13%;
    }

    .home-banner-form-box .form-control {
        max-width: 246px;
        margin: 12px auto;
        margin-bottom: 16px;
        border-radius: 0;
        font-size: 13px;
    }

    .home-banner .btn {
        margin-top: 5px;
        width: 246px;
        height: 40px;
        border-radius: 8px;
        font-size: 15px;
    }

    .home-banner-form-box div {
        position: relative;
        max-width: 246px;
        margin: 0 auto;
    }

        .home-banner-form-box div span.required-span {
            position: absolute;
            z-index: 9;
            left: 0;
            font-size: 11px;
            top: 23px;
        }

    #banner_section .home-banner-form-box h1 {
        font-size: 16px;
        line-height: 24px;
        padding: 0;
        margin: 0;
    }

    #banner_section .home-banner-form-box p {
        font-size: 11px;
        line-height: 16px;
        padding: 0;
        margin: 0;
    }

    #banner_section .home-banner-form-box h2 {
        font-size: 18px;
        line-height: 24px;
        padding: 0;
        margin-top: 5px;
    }

    .the-food-section .col {
        width: 33%;
        max-width: inherit;
        flex: inherit;
        text-align: center;
    }

    .how-it-work-section .container {
        max-width: 850px;
    }

    .how-it-work-section {
        margin-top: 50px;
    }

        .how-it-work-section .col-md-4 {
            width: 49%;
            max-width: inherit;
            flex: inherit;
            padding: 0 24px !important;
            display: inline-block;
            float: none;
            margin: 0 auto;
        }

    a.see-all-menu {
        margin-top: 40px;
    }

    .fuel-for-training-section {
        margin-top: 70px;
    }

    .sr-no {
        margin-top: 0;
    }

    .fuel-training-right-col .fuel-for-training-header {
        display: none;
    }

    .fuel-for-training-header {
        margin-left: 0;
        padding-left: 0;
        position: relative;
    }

    .fuel-for-training-section .container-fluid {
        padding: 0 0;
    }

        .fuel-for-training-section .container-fluid .row {
            padding: 0 0;
            margin: 0 0;
        }

    .fuel-training-right-col a.pull-right.white-outline-btn {
        display: none;
    }

    .fuel-training-right-col ul.pull-left {
        display: none;
    }

    .fuel-section-bottom-ipad {
        background: #716e6e;
        width: 100%;
        float: left;
    }

    .fuel-for-training-right-bottom-content {
        padding-left: 35px;
        padding-top: 25px;
        padding-right: 0;
        max-width: 460px;
    }

        .fuel-for-training-right-bottom-content p {
            margin-bottom: 2rem;
        }

    .fuel-section-bottom-ipad .fuel-for-training-right-bottom-content {
        margin: 0 auto;
        max-width: 700px;
        width: 100%;
        display: table;
        padding: 45px 0;
    }

    .fuel-for-training-right-bottom-content ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    a.pull-right.white-outline-btn {
        border: #fff solid 1px;
        width: 230px;
        text-align: center;
        height: 47px;
        line-height: 47px;
        color: #fff;
        background: #868484;
        font-size: 16px;
        font-weight: 700;
        margin-top: 14px;
    }

    .single-img {
        display: block;
    }

    .double-img {
        display: none;
    }

    .double-img-ipad {
        display: none;
    }

    .col-md-4.fuel-training-left-col {
        width: 38%;
        max-width: inherit;
        flex: inherit;
    }

    .col-md-8.pl-0.fuel-training-right-col {
        max-width: inherit;
        width: 62%;
        flex: inherit;
    }

    .our-parner-section .container {
        max-width: 700px;
        text-align: center;
    }

    .our-parner-section h3 {
        text-align: center;
    }

    .our-parner-section ul li {
        display: inline-block;
        width: 24.5%;
        text-align: center;
        margin: 25px 0;
    }

    .ready-to-get-img-left {
        padding-left: 0;
        text-align: center;
    }

        .ready-to-get-img-left img {
            width: 133px;
            margin-top: 0;
            margin: 0 auto;
        }

    .show-img-top-ipad {
        display: block;
    }

    .hide-img-top-ipad {
        display: none;
    }

    .ready-to-get-img-right img {
        width: 233px;
        margin: 40px auto;
    }

    .footer-FAQ-section {
        float: left;
        width: 100%;
        text-align: center;
        padding-top: 50px;
        padding-bottom: 50px;
        margin-top: 0;
    }

    .ready-to-get-section p {
        max-width: inherit;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding: 0 120px;
    }

    .ready-to-get-section .form-control {
        max-width: 270px;
    }

    #footer_section .container {
        max-width: 975px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .home-page-banner-title h1 {
        color: #fff !important;
    }

    .main-container.with-sidebar.blog-list.blog-list-category aside {
        width: 30% !important;
    }

    .main-container.with-sidebar.blog-page.blog-page-details aside {
        width: 30% !important;
    }

    .meals_page_details {
        width: 100%;
    }

    .freesh_food-details .button-details {
        width: 370px;
    }

    .main-container.with-sidebar aside {
        display: block;
        width: 175px !important;
    }

    .select-wrap.multiple-selects-in-line .form-control {
        display: inline-block !important;
        max-width: 80px !important;
        margin-right: 5px;
        min-width: 80px !important;
    }

    .select-wrap.multiple-selects-in-line .form-control {
        display: inline-block !important;
        max-width: 80px;
        margin-right: 5px;
        min-width: 80px;
    }

    .contact_banner {
        height: 179px;
        background-size: 130% 100% !important;
        background-position: center top !important;
        position: relative;
    }

        .contact_banner h1 {
            text-align: center;
            color: #fff;
            font-size: 27px;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 50%;
            margin-top: -22px;
        }

    .contact_page_contant .container {
        max-width: 880px;
        float: none;
        margin-top: 40px;
    }

    .contact-right-col img {
        float: right;
        margin-top: -50px;
    }

    .contact_page_contant p {
        font-weight: 400;
        font-size: 15px;
        padding-right: 0;
        padding-bottom: 0;
        margin-bottom: 5px;
    }

        .contact_page_contant p a {
            text-decoration: underline !important;
        }

    .package-plans-container {
        width: 100%;
        max-width: 100%;
    }

    .package-plan-box .package-body {
        padding: 15px 20px;
        min-height: 140px;
    }

    .package-plan-box .pkg-start-btn {
        font-size: 22px;
        margin-top: 10px;
        padding: 5px;
    }

    .package-plan-box .package-body p {
        font-size: 16px;
    }

    .price-left {
        padding-right: 0;
    }

    .pkg-menu-option .menu-option-box {
        width: 25%;
        max-width: 25%;
        flex: inherit;
        margin-bottom: 40px;
    }

    .price-right {
        padding-left: 0;
    }

    .about-banner {
        background-size: auto 100% !important;
        background-position: center top !important;
    }

    .nav-item em {
        display: inline-block;
        width: 77%;
        position: absolute;
        left: 0;
        padding-left: 110px;
        top: 48px;
        font-style: inherit;
        font-weight: 400;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 17px;
    }

    .partner-banner .container {
        max-width: 100%;
    }

    .partner-banner {
        height: 468px;
        background-position: top right !important;
        background-size: 100% 100% !important;
    }

    #banner_section.inner-banner.partner-banner .left-content-banner p {
        padding-right: 10px;
    }

    #banner_section.inner-banner.partner-banner .left-content-banner {
        margin-left: 30px;
    }

    .left-content-banner {
        text-align: left;
        margin-top: 40px;
        max-width: 45%;
        padding-left: 0;
    }

    .cartpage .container {
        max-width: inherit;
        float: left;
    }

    .cart-page-sub-header {
        top: 125px;
        left: 102px;
        right: inherit;
        margin: 0;
        width: 570px;
        background: #fff;
        z-index: 99;
    }

    .maxheight210 {
    max-height: 100% !important;
}

    .meals_page_details .maxheight210 {
        max-height: inherit !important;
    }

    .freesh_food .middle-inner .product-title {
        margin-bottom: 10px !important;
        min-height: 60px;
    }

    .webinars-content-banner p {
        max-width: inherit !important;
        width: 100%;
    }

    .btn-add-to-cart {
        width: 137px;
        height: 37px;
        font-size: 14px;
    }

    i.fa.fa-info-icon {
        margin-left: 5px;
    }

    .webinars-banner {
        height: 328px;
        background-size: 110% 100% !important;
        background-position: right top !important;
    }

    .webinars-content-banner {
        text-align: left;
        margin-top: 0;
        max-width: 675px;
        padding-left: 0;
        margin-left: 65px;
        padding-top: 55px;
    }

    .webinars-team .container {
        max-width: 950px;
    }

    .second-col .webinars-right-content-top {
        max-width: 560px;
    }

    .how-it-banner {
        background-size: 130% auto !important;
        height: 450px;
        background-position: -200px 0 !important;
    }

        .how-it-banner .caption-banner {
            position: relative;
            width: 530px;
            margin: 0 auto;
        }

    .choose-your-weekly-section {
        width: 100%;
        position: relative;
        height: 550px;
        background-size: 132% auto !important;
        background-position: top right !important;
    }

    .deliveries-section {
        width: 100%;
        position: relative;
        height: 540px;
        background-size: 140% auto !important;
        background-position: -270px 0 !important;
    }

    .refrigerate-section {
        width: 100%;
        position: relative;
        height: 550px;
        background-size: 132% auto !important;
        background-position: top right !important;
    }

    .FAQ-section-how-it-work {
        padding-left: 100px;
    }

    .FAQ-section-how-it-work {
        background-size: 370px !important;
        background-position: 127% 0 !important;
        max-width: 100%;
    }

    #header_section .container {
        width: 100%;
        max-width: 100%;
    }

    header .nav-item {
        margin-right: 15px;
    }

    .navbar {
        padding: 0;
    }

    header .navbar-nav {
        margin-left: 15px;
    }

    img.banner-up-1366 {
        display: none;
    }

    .home-banner-form-box {
        width: 380px;
        height: 330px;
        right: 15px;
        top: 0;
        padding: 15px 10px 20px 10px;
    }

        .home-banner-form-box .form-control {
            max-width: 246px;
            margin: 5px auto;
            margin-bottom: 16px;
            border-radius: 0;
            font-size: 13px;
            height: 32px !important;
        }

    .home-banner .btn {
        margin-top: 5px;
        width: 246px;
        height: 40px;
        border-radius: 8px;
        font-size: 17px;
    }

    .home-banner-form-box div {
        position: relative;
        max-width: 246px;
        margin: 0 auto;
        font-size: 13px;
    }

        .home-banner-form-box div span.required-span {
            position: absolute;
            z-index: 9;
            left: 0;
            font-size: 11px;
            top: 23px;
        }

    #banner_section .home-banner-form-box h1 {
        font-size: 16px;
        line-height: 24px;
        padding: 0;
        margin: 0;
    }

    #banner_section .home-banner-form-box p {
        font-size: 11px;
        line-height: 16px;
        padding: 0;
        margin: 0;
    }

    #banner_section .home-banner-form-box h2 {
        font-size: 18px;
        line-height: 24px;
        padding: 0;
        margin-top: 5px;
    }

    .have-it-your-section {
        padding: 35px 0px;
        margin-top: 80px;
        border-radius: 10px;
        min-height: 202px;
    }

    .the-food-section .have-it-your-section p {
        font-size: 22px;
    }

    .the-food-section .have-it-your-section h6 {
        font-size: 24px;
    }

    .the-food-section .have-it-your-section a.view-all-menu {
        font-size: 20px;
        padding: 10px 10px;
        height: 60px;
        width: 220px;
        line-height: 38px;
    }

    .deliciously-col:before {
        width: 0px;
    }

    .deliciously-col:after {
        width: 0px;
    }

    #middle_section .always-bg h2 {
        font-size: 30px;
        margin-bottom: 30px;
        margin-top: 15px;
    }

    #middle_section .always-bg p {
        font-size: 23px;
        line-height: 45px;
        padding: 0 10px;
    }

    #middle_section .people-are-saying-section h2 {
        font-size: 3rem;
    }

    #middle_section .people-are-saying-section h3 {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .the-food-section .col {
        width: 33%;
        max-width: inherit;
        flex: inherit;
        text-align: center;
    }

    .how-it-work-section .container {
        max-width: 850px;
    }

    .how-it-work-section .col-md-4 {
        width: 49%;
        max-width: inherit;
        flex: inherit;
        padding: 0 24px !important;
        display: inline-block;
        float: none;
        margin: 0 auto;
    }

    .fuel-training-right-col .fuel-for-training-header {
        display: none;
    }

    .fuel-for-training-header {
        margin-left: -15px;
        padding-left: 0;
    }

    .fuel-training-right-col a.pull-right.white-outline-btn {
        display: none;
    }

    .fuel-training-right-col ul.pull-left {
        display: none;
    }

    .fuel-section-bottom-ipad {
        background: #716e6e;
        width: 100%;
        float: left;
    }

    .fuel-for-training-right-bottom-content {
        padding-left: 105px;
        padding-top: 25px;
        padding-right: 0;
        max-width: 537px;
    }

        .fuel-for-training-right-bottom-content p {
            margin-bottom: 2rem;
        }

    .fuel-section-bottom-ipad .fuel-for-training-right-bottom-content {
        margin: 0 auto;
        max-width: 790px;
        width: 100%;
        display: table;
        padding: 45px 0;
    }

    .fuel-for-training-right-bottom-content ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    a.pull-right.white-outline-btn {
        border: #fff solid 1px;
        width: 230px;
        text-align: center;
        height: 47px;
        line-height: 47px;
        color: #fff;
        background: #868484;
        font-size: 16px;
        font-weight: 700;
        margin-top: 14px;
    }

    .single-img {
        display: none;
    }

    .double-img {
        display: none;
    }

    .double-img-ipad {
        display: block;
    }

    .col-md-4.fuel-training-left-col {
        width: 38%;
        max-width: inherit;
        flex: inherit;
    }

    .col-md-8.pl-0.fuel-training-right-col {
        max-width: inherit;
        width: 62%;
        flex: inherit;
    }

    .our-parner-section .container {
        max-width: 850px;
        text-align: center;
    }

    .our-parner-section h3 {
        text-align: center;
    }

    .our-parner-section ul li {
        display: inline-block;
        width: 20.5%;
        text-align: center;
        margin: 25px 0;
    }

    .ready-to-get-img-left {
        padding-left: 0;
        text-align: center;
    }

        .ready-to-get-img-left img {
            width: 133px;
            margin-top: 0;
            margin: 0 auto;
        }

    .show-img-top-ipad {
        display: block;
    }

    .hide-img-top-ipad {
        display: none;
    }

    .ready-to-get-img-right img {
        width: 233px;
        margin: 40px auto;
    }

    .footer-FAQ-section {
        float: left;
        width: 100%;
        text-align: center;
        padding-top: 70px;
        padding-bottom: 70px;
        margin-top: 0;
    }

    .ready-to-get-section p {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .ready-to-get-section .form-control {
        max-width: 270px;
    }

    #footer_section .container {
        max-width: 975px;
    }
}

@media (min-width:1200px) {
    header a.navbar-brand img {
        width: 203px;
    }

    .partner-banner .container {
        max-width: 93%;
        text-align: center;
        width: 93% !important;
    }

    .fuel-section-bottom-ipad {
        display: none;
    }

    .show-img-top-ipad {
        display: none;
    }

    .fuel-header-section-ipad {
        display: none;
    }

    .double-img-ipad {
        display: none;
    }

    #header_section .container {
        width: 96%;
        padding: 0;
        max-width: inherit;
        margin: 0 auto;
    }

    .people-are-saying-section .carousel-control-prev {
        left: -50px;
    }

    .people-are-saying-section .carousel-control-next {
        right: -50px;
    }
}

@media (min-width:1200px) and (max-width:1365px) {
    .webinars-banner {
        height: 328px;
        background-size: 100% 328px !important;
    }

    .how-it-banner {
        background-size: 106% 100% !important;
        height: 460px;
        background-position: -40px 0 !important;
    }

    .meals_page_details {
        margin-bottom: 20px;
        overflow: hidden;
        width: 100% !important;
    }

    .meals_page_details .maxheight210 {
        max-height: inherit !important;
    }

    header .navbar-nav {
        margin-left: 35px;
    }

    .already {
        margin-top: 10px;
    }

    #banner_section .home-banner-form-box h2 {
        margin-top: 5px;
    }

    .banner-up-1366 {
        display: none;
    }

    .banner-down-1366 {
        display: block;
    }

    .home-banner-form-box {
        right: 35px;
        padding: 20px 20px 20px 20px;
        height: auto;
    }

    .fuel-for-training-right-bottom-content {
        padding-left: 75px;
        padding-top: 15px;
        color: #fff;
        padding-right: 0;
        font-size: 16px;
        font-weight: 400;
        max-width: 765px;
    }

        .fuel-for-training-right-bottom-content ul {
            padding: 20px 0 0 0;
        }

    a.pull-right.white-outline-btn {
        margin-top: 34px;
    }

    .fuel-for-training-header {
        padding-left: 90px;
        padding-bottom: 10px;
    }

    .people-are-saying-section .carousel-control-prev {
        left: 0;
    }

    .people-are-saying-section .carousel-control-next {
        right: 0;
    }

    .people-are-saying-section .carousel-item.col-md-4 {
        padding: 0 30px;
    }

    .ready-to-get-section .form-control {
        max-width: 200px;
    }

    input.form-control.col-md-5.zip-input {
        max-width: 150px;
        margin-left: 10px;
    }

    .ios-logo-footer {
        text-align: right;
    }
}

@media (min-width:1366px) {
    .banner-up-1366 {
        display: block;
    }

    .banner-down-1366 {
        display: none;
    }
}
#banner_section.home-banner {
       position: relative;
}
@media (min-width:1600px) {
    .webinars-banner {
        height: 370px;
        background-size: 100% auto !important;
    }

    .fmp-cartopen .cd-cart-items {
        margin: 0;
        padding: 0;
        overflow: auto;
        max-height: 75vh;
    }

    .how-it-banner {
        background-size: 100% 100% !important;
        height: 520px;
    }

    .about-banner {
        height: 463px;
        background-size: 100% auto !important;
    }

    .contact_page_contant .container {
        max-width: 990px;
        float: none;
        margin-top: 40px;
    }

    .custom-radio-btn-group .custom-control-label::after {
        top: 7px;
        left: -21px;
        width: 18px;
        height: 18px;
    }
}

@media (min-width:1920px) {
    .webinars-banner {
        height: 445px;
        background-size: 100% auto !important;
    }

    .webinars-content-banner {
        padding-top: 5%;
    }

    .custom-radio-btn .custom-control-label {
        padding-left: 12px;
        padding-right: 20px;
    }

    .how-it-banner {
        background-size: 100% 100% !important;
        height: 620px;
    }

    .about-banner {
        height: 463px;
        background-size: 100% auto !important;
    }

    .our-parner-section .container {
        max-width: 1150px;
        margin: 0 auto;
    }

    .ready-to-get-section .container-fluid {
        max-width: 1290px;
    }

    input.form-control.col-md-5.zip-input {
        max-width: 150px;
    }

    .home-banner-form-box {
        right: 0px;
    }

    .home-banner-form-box {
        width: 575px;
    height: auto;
    margin-right: 75px;
    margin-top: 0;
    margin-bottom: 0;
    top: 50%;
    transform: translateY(-50%);
    }

    .already {
        margin-top: 20px !important;
        margin-bottom: 10px !important;
    }

    .people-are-saying-section:before {
        width: 360px;
        height: 650px;
        position: absolute;
        left: 0;
        bottom: -405px;
    }

    .people-are-saying-section:after {
        width: 420px;
        height: 600px;
        position: absolute;
        right: 0;
        top: -255px;
        content: "";
        background-size: 100% auto;
    }

    #middle_section .people-are-saying-section h2 {
        font-size: 3rem;
    }

    #banner_section .home-banner-form-box h2 {
        margin-top: 20px;
    }

    #banner_section .home-banner-form-box p {
        margin: 20px 0 0 0;
    }

    .single-img {
        display: none;
    }

    .double-img {
        display: block;
    }

    .fuel-training-left-col {
        width: 45.333333% !important;
        max-width: inherit;
        flex: inherit;
    }

    .fuel-training-right-col {
        width: 54.333333% !important;
        max-width: inherit;
        flex: inherit;
    }

    .people-are-saying-section .carousel-control-prev {
        left: -50px;
    }

    .people-are-saying-section .carousel-control-next {
        right: -50px;
    }
}

@media (min-width:2500px) {
    .home-banner-form-box {
        right: 440px;
    }
}

.chat-window {
    position: fixed;
    top: 50%;
    z-index: 99999999;
    margin-top: -18px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    left: -42px;
}

    .chat-window .btn-primary .fa {
        display: inline-block;
        color: #fff;
        padding-left: 0;
    }

    .chat-window .btn-primary:hover .fa {
        display: inline-block;
    }

    .chat-window .btn {
        padding: 5px 10px;
        border-radius: 0;
    }

    .chat-window a {
        display: block;
    }

.freesh_food-details .container {
    max-width: 1000px;
}

.meals_page_details {
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
    padding: 15px;
}

.plans_page {
    padding-top: 220px;
}

.plan-page-header {
    box-shadow: 0 0 0;
}

.freesh_food .navbar {
    min-height: 58px;
}

.freesh_food .fixed-top {
    top: 125px;
    position: fixed;
    transition: .2s top cubic-bezier(.3, .73, .3, 1);
    padding: 0;
}

.freesh_food .sticky {
    position: fixed;
    top: 127px;
    width: 100%;
    z-index: 999;
    transition: .2s top cubic-bezier(.3, .73, .3, 1);
}

.freesh_food header#myHeader {
    margin-top: 0;
    position: relative;
    z-index: 999;
}

.freesh_food header#myHeader {
    height: auto !important;
    min-height: inherit !important;
    top: 0;
    z-index: 9;
}

.freesh_food .sticky + .content {
    padding-top: 127px;
    transition: .2s top cubic-bezier(.3, .73, .3, 1);
}

.freesh_food #main-navbar {
    margin-top: 0;
}

.plan-simple-content {
    max-width: 732px;
    margin: 0 auto;
}

.freesh_food-details .midel-inner {
    margin-top: 94px;
}

.freesh_food .header-top {
    text-align: center;
    padding-top: 20px;
}

    .freesh_food .header-top h1 {
        color: #333;
        font-size: 30px;
    }

    .freesh_food .header-top .button {
        margin: 30px 0;
        font-family: Open sans;
    }

        .freesh_food .header-top .button a {
            border: solid #048112 1px;
            border-radius: 10px;
            padding: 8px 35px;
            color: #048112;
            font-size: 18px;
            font-weight: 700;
        }

            .freesh_food .header-top .button a:hover {
                border: solid #048112 1px;
                background: #048112;
                color: #fff;
            }

.freesh_food .fixed-top.top-nav-collapse.menu-bg {
    top: 0;
    position: fixed;
}

.freesh_food .navegation {
    background: #7c1f67;
    padding: 15px 0;
    box-shadow: 0 2px 5px #ccc;
    width: 100%;
    z-index: 99;
}

    .freesh_food .navegation ul {
        margin: 0;
        padding: 0;
        text-align: center;
        margin: 0 auto;
    }

        .freesh_food .navegation ul li {
            display: inline-block;
            padding: 0 30px;
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
            font-weight: 600;
            border-right: solid #cdaac5 1px;
        }

            .freesh_food .navegation ul li:last-child {
                border-right: solid #ddd 0;
            }

            .freesh_food .navegation ul li a {
                color: #cdaac5;
                padding: 0;
                text-transform: uppercase;
                white-space: nowrap;
            }

                .freesh_food .navegation ul li a.active,
                .freesh_food .navegation ul li a:hover {
                    color: #fff;
                }

.freesh_food .middle-inner {
    text-align: center;
    padding-top: 0;
}

    .freesh_food .middle-inner .title {
        margin-bottom: 10px;
        margin-top: 0;
    }

        .freesh_food .middle-inner .title h2 {
            color: #585858;
            font-size: 30px;
            margin-bottom: 0;
            font-weight: 600;
            margin-top: 0;
        }

    .freesh_food .middle-inner #traditional .title h2 {
        margin-top: 40px !important;
    }

    .freesh_food .middle-inner .title .tag {
        font-size: 17px;
        font-family: 'Open Sans', sans-serif;
        color: #4d3948;
    }

    .freesh_food .middle-inner p {
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        color: #5a5a5a;
        line-height: 28px;
        margin-bottom: 30px;
    }

.freesh_food .middle-inner .product-title {
           color: #4d3948;
    font-size: 17px;
    font-family: Open sans;
    font-style: normal;
    margin-bottom: 0px;
    min-height: 42px;
    display: inline-block;
    vertical-align: top;
    width: auto;
    text-align: center;
    max-width: 100%;
    padding-top: 0;
    margin-top: 10px;
    font-weight: 700;
    }

.shortDescription {
    margin-bottom: 20px;
    display: block;
}

.trad-sharefood {
    display: inline-block;
    vertical-align: top;
    width: 34px;
}

.freesh_food .middle-inner .product-title-section {
    width: 100%;
    display: inline-block;
    min-height: 70px;
    position: relative;
    text-align: center;
    vertical-align: top;
}

.freesh_food .middle-inner .food-add-to-cart .btn.btn-add-to-cart {
    display: inline-block;
    float: none;
    width: 117px;
    white-space: nowrap;
}

.food-add-to-cart {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    float: left;
}

.checkxlmealdetail {
    display: initial;
    float: left;
    padding-top: 5px;
    font-weight: 600;
    font-size: 14px;
}

.freesh_food .middle-inner .food-add-to-cart .checkxl {
    display: block;
    float: none;
    padding-top: 5px;
    font-weight: 600;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.food-add-to-cart .add-to-cart {
    float: left;
    clear: left;
}

.freesh_food .middle-inner .food-add-to-cart .btn.btn-add-to-cart {
     display: inline-block;
    width: 117px;
    white-space: nowrap;
    vertical-align: top;
}

a.backToMenuButton {
    color: #585858;
    font-weight: 600;
}

.section {
    padding-top: 0;
}

section#traditional {
    padding-top: 200px;
}

a.android {
    display: inline-block;
    width: 140px;
    margin-right: 5px;
    margin-top: 15px;
}

a.ios {
    display: inline-block;
    width: 123px;
    margin-left: 5px;
    margin-top: 15px;
}

.traditional-section {
    padding-top: 110px;
}

.select-quiz {
    margin: 10px 0;
    padding: 0;
    display: inline-block;
}

    .select-quiz li {
        display: inline;
        padding: 0 10px;
    }

.freesh_food .header-top.menuquiz {
    position: relative;
}

    .freesh_food .header-top.menuquiz h3 {
        color: #333;
        font-size: 17px;
        font-weight: 400;
        margin-bottom: 10px;
    }

    .freesh_food .header-top.menuquiz .button-next {
        margin: 30px 0;
        font-family: Open sans;
    }

        .freesh_food .header-top.menuquiz .button-next a {
            border: solid #048112 1px;
            background: #048112;
            border-radius: 0;
            padding: 6px 40px;
            color: #fff;
            font-size: 18px;
            font-weight: 500;
        }

            .freesh_food .header-top.menuquiz .button-next a:hover {
                border: solid #048112 1px;
                background: #048112;
                color: #fff;
            }

.filter-size input[type=range] {
    border: solid #048112 1px;
}

.info-massage {
    font-size: 23px;
    min-height: 80px;
    margin: 0 auto;
    width: 255px;
    line-height: 26px;
    font-family: Open sans;
}

    .info-massage.recommed {
        font-size: 17px;
        min-height: inherit;
        padding-bottom: 10px;
    }

.freesh_food .header-top.menuquiz .start-over-btn {
    color: #4e4e4e;
    font-size: 14px;
    padding: 10px 0;
}

    .freesh_food .header-top.menuquiz .start-over-btn i {
        color: #cbcbcb;
        padding-right: 10px;
        font-size: 17px;
        font-weight: 200;
    }

.freesh_food .header-top.menuquiz .thank-you {
    font-size: 23px;
}

.button-info {
    margin: 10px 0;
}

    .button-info ul {
        margin: 0;
        padding: 0;
    }

    .button-info li {
        display: inline-block;
        padding: 0 10px;
    }

    .button-info .info-btn {
        margin: 0 0 30px 0;
        font-family: Open sans;
    }

        .button-info .info-btn a {
            border: solid #048112 1px;
            background: #048112;
            border-radius: 0;
            padding: 6px 30px;
            color: #fff;
            font-size: 18px;
            font-weight: 500;
        }

            .button-info .info-btn a:hover {
                border: solid #048112 1px;
                background: #048112;
                color: #fff;
            }

.bottom-info-tag {
    text-align: center;
    width: 100%;
    margin: 30px 0;
}

    .bottom-info-tag p {
        color: #5a5a5a;
        font-size: 18px;
    }

    .bottom-info-tag h3 {
        color: #5a284f;
        font-size: 30px;
        font-weight: 200;
        font-family: 'Encode Sans Expanded', sans-serif;
    }

        .bottom-info-tag h3 a {
            font-weight: 500;
            color: #5a284f;
            text-decoration: underline;
        }

.freesh_food-details .button-details {
    width: 300px;
    margin: 0 auto;
    text-align: left;
}

    .freesh_food-details .button-details ul.button-details {
        margin: 0;
        padding: 0;
    }

    .freesh_food-details .button-details li {
        display: inline-block;
        padding: 4px 2px;
    }

        .freesh_food-details .button-details li a {
            background: #964785;
            padding: 6px 10px;
            color: #fff;
            font-size: 11px;
            font-weight: 600;
        }

.freesh_food-details .middle-inner {
    margin: 100px 0 0 0;
}

.freesh_food-details .meals-food-details {
    text-align: left;
}

.freesh_food-details .meals-food-details {
    margin: 20px 0;
}

    .freesh_food-details .meals-food-details h6 {
        color: #868686;
        font-size: 15px;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

.freesh_food-details h5 {
    font-size: 26px;
    color: #585858;
    font-family: 'Encode Sans Expanded';
}

.freesh_food-details .details-info {
    margin-top: 30px;
    float: left;
    width: 100%;
}

.freesh_food-details .natrition_info {
    padding: 20px 0;
    border-top: solid #ededed 1px;
    max-width: 180px;
}

.freesh_food-details .ingredients_info {
    padding: 20px 0;
    border-top: solid #ededed 1px;
    text-align: left;
}

    .freesh_food-details .ingredients_info ul li::before {
        content: "";
        color: #00cc19;
        display: inline-block;
        width: 0;
        margin-left: 0;
    }

.freesh_food-details ul {
    margin: 0;
    padding: 0;
}

    .freesh_food-details ul li {
        list-style: none;
        font-size: 13px;
        font-family: Open sans;
        font-weight: 400;
        color: #5a5a5a;
    }

.freesh_food-details .natrition_info ul li.cal-info {
    padding-bottom: 15px;
}

.freesh_food-details .natrition_info ul li {
    width: 100%;
    display: inline-block;
}

    .freesh_food-details .natrition_info ul li .title-info {
        float: none;
        padding-right: 10px;
        width: 70px;
        display: inline-block;
    }

    .freesh_food-details .natrition_info ul li .info-qty {
        float: none;
        font-weight: 600;
        padding-right: 10px;
        display: inline-block;
    }

    .freesh_food-details .natrition_info ul li .info-wait {
        float: none;
        font-style: italic;
        font-size: 12px;
        color: #898989;
        display: inline-block;
    }

        .freesh_food-details .natrition_info ul li .info-wait.normal {
            font-style: inherit;
            color: #5a5a5a;
        }

.freesh_food-details .details-content p {
    font-size: 15px;
    font-family: Open sans;
}

.freesh_food-details .natrition_info .natrition-info-contain p {
    font-style: italic;
    font-size: 11px;
    color: #898989;
    line-height: 16px;
    margin: 20px 0;
}

.add-to-cart .btn-primary {
    color: #fff;
    background-color: #048112;
    border-color: #048112;
    padding: 8px 25px;
    font-weight: 700;
    width: 192px;
    height: 47px;
    font-size: 18px;
}

    .add-to-cart .btn-primary:hover {
        color: #fff;
        background-color: #fff;
        border-color: #048112;
    }

.mobile-show h6 {
    display: none;
}

.mobile-show h5 {
    display: none;
}

.cbx {
    position: relative;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #fff;
    background-image: linear-gradient(#474749, #fff);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .15), inset 0 -1px 1px rgba(0, 0, 0, .15);
    transition: all .15s ease;
}

    .cbx svg {
        position: absolute;
        top: 3px;
        left: 3px;
        fill: none;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke: #fff;
        stroke-width: 2;
        stroke-dasharray: 17;
        stroke-dashoffset: 17;
        transform: translate3d(0, 0, 0);
    }

.rdo {
    position: relative;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #fff;
    background-image: linear-gradient(#fff, #fff);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .15), inset 0 -1px 1px rgba(0, 0, 0, .15);
    transition: all .15s ease;
    border: solid #d1d1d1 2px;
}

    .rdo:after {
        content: "";
        position: absolute;
        display: block;
        top: 2px;
        left: 2px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #048112;
        opacity: 0;
        transform: scale(0);
    }

    .cbx + span,
    .rdo + span {
        float: left;
        margin-left: 8px;
        line-height: 20px;
    }

.forms {
    margin: auto;
    user-select: none;
}

    .forms label {
        display: inline-block;
        margin: 10px 20px;
        cursor: pointer;
    }

    .forms input[type=checkbox],
    .forms input[type=radio] {
        position: absolute;
        opacity: 0;
    }

        .forms input[type=radio]:checked + .rdo {
            background-color: #fff;
            background-image: linear-gradient(#fff, #fff);
        }

            .forms input[type=radio]:checked + .rdo:after {
                opacity: 1;
                transform: scale(1);
                transition: all .15s ease;
            }

        .forms input[type=checkbox]:checked + .cbx {
            background-color: #fff;
            background-image: linear-gradient(#fff, #fff);
        }

            .forms input[type=checkbox]:checked + .cbx svg {
                stroke-dashoffset: 0;
                transition: all .15s ease;
            }

.slidecontainer {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
}

    .slidecontainer p {
        margin-top: 10px;
    }

    .slidecontainer span {
        padding-right: 10px;
    }

.slider_2 {
    -webkit-appearance: none;
    width: 18%;
    height: 10px;
    background: #fff;
    outline: 0;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 10px;
    border: solid #707070 2px;
}

    .slider_2:hover {
        opacity: 1;
    }

    .slider_2::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        background: #048112;
        cursor: pointer;
        border-radius: 50%;
    }

    .slider_2::-moz-range-thumb {
        width: 25px;
        height: 25px;
        background: #048112;
        cursor: pointer;
    }

.mobile-quiz .modal-content {
    border-radius: 1rem;
}

.mobile-quiz .modal-header {
    border-bottom: solid #ddd 0;
    padding: 40px 0 20px 0;
}

    .mobile-quiz .modal-header .modal-title {
        width: 100%;
        text-align: center;
    }

        .mobile-quiz .modal-header .modal-title img {
            width: 200px;
        }

    .mobile-quiz .modal-header button.close {
        font-size: 3.5rem;
        font-weight: 100;
        position: absolute;
        left: 10px;
        top: 0;
        cursor: pointer;
    }

.mobile-quiz .modal-body {
    text-align: center;
}

    .mobile-quiz .modal-body h3 {
        font-size: 17px;
        font-weight: 400;
        margin-bottom: 30px;
    }

    .mobile-quiz .modal-body .header-top.menuquiz .button-next {
        margin: 30px 0;
        font-family: Open sans;
    }

        .mobile-quiz .modal-body .header-top.menuquiz .button-next a {
            border: solid #048112 1px;
            background: #048112;
            border-radius: 0;
            padding: 6px 40px;
            color: #fff;
            font-size: 18px;
            font-weight: 500;
        }

            .mobile-quiz .modal-body .header-top.menuquiz .button-next a:hover {
                border: solid #048112 1px;
                background: #048112;
                color: #fff;
            }

.carousel-control-prev-icon,
span.carousel-control-next-icon {
    background: 0 0 !important;
}

.banner-text p {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 36px;
}

.banner-text h1 {
    font-size: 26px;
    font-family: 'Encode Sans Expanded', sans-serif;
}

.mobile-device {
    display: none;
}

.about-banner-content-mob {
    display: none;
}

.about-page-content-mobile {
    display: none;
}

.most-popular-box-mob {
    display: none;
}

@media (max-width:767px) {
    .palns-boxs-section-body .col-xs-12.col-lg-4.col-sm-4:nth-child(1) {
        order: 2;
    }

    .palns-boxs-section-body .col-xs-12.col-lg-4.col-sm-4:nth-child(2) {
        order: 1;
    }

    .palns-boxs-section-body .col-xs-12.col-lg-4.col-sm-4:nth-child(3) {
        order: 3;
    }

    #homeBodySignUpDiv div {
        display: inline-block;
        position: relative;
        margin: 10px 7px;
        width: 264px;
    }

    .contact_banner {
        height: 179px;
        background-size: 180% 100% !important;
        background-position: 50% top !important;
        position: relative;
        margin-top: 79px;
    }

        .contact_banner h1 {
            text-align: center;
            color: #fff;
            font-size: 27px;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 50%;
            margin-top: -40px;
            max-width: 230px;
        }

    .contact-left-col h2 {
        margin-bottom: 30px;
    }

    .contact_page_contant .container {
        max-width: 720px;
        float: none;
        margin-top: 40px;
        padding: 0 53.5px;
    }

    .contact-right-col img {
        float: right;
        margin-top: -40px;
        margin-right: -40px;
    }

    .contact_page_contant p {
        font-weight: 400;
        font-size: 15px;
        padding-right: 0;
        padding-bottom: 0;
        margin-bottom: 5px;
    }

        .contact_page_contant p a {
            text-decoration: underline !important;
        }

    .contact-left-col {
        max-width: 100%;
        flex: 100%;
        padding-right: 15px;
    }

    .contact-right-col {
        max-width: 40%;
        display: none;
    }

    .plan-lists-section {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
        height: 100%;
        background-size: 100% 100% !important;
        background-position: center top !important;
    }

    .palns-boxs-section-body {
        overflow: auto;
        margin: 35px 0 70px 0;
        background: #fff;
        padding: 0 15px;
        display: flex;
    }

    .menu-option-box {
        max-width: 49%;
    }

    .package-plan-box .package-body {
        padding: 15px 15px;
    }

    .price-left {
        max-width: 49%;
        width: 49%;
        flex: inherit;
        padding-right: 0;
        text-align: left !important;
    }

    .price-right {
        width: 49%;
        max-width: 49%;
        flex: inherit;
        padding-left: 0;
    }

    .most-popular-box-mob {
        display: block;
    }

    .popular-pkg-heading.text-center.invisible {
        display: none;
    }

    .palns-boxs-section-body .package-plan-box {
        margin-bottom: 20px;
    }

    .about-banner-content-mob {
        padding: 20px 20px;
    }

        .about-banner-content-mob h1 {
            font-size: 22px;
            text-align: center;
        }

        .about-banner-content-mob p {
            font-size: 16px;
            text-align: center;
        }

        .about-banner-content-mob br {
            display: none;
        }

    .about-banner {
        background-size: auto 100% !important;
        height: 250px !important;
        background-position: center top !important;
    }

    .about-black-header {
        background: #3b3b3b;
        color: #fff;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .header-block {
        width: 320px;
        display: block;
        margin: 0 auto;
        text-align: left;
    }

        .header-block img {
            display: inline-block;
        }

        .header-block strong {
            white-space: nowrap;
            display: block;
            vertical-align: top;
        }

        .header-block em {
            white-space: nowrap;
            display: block;
            vertical-align: top;
        }

    .about-page-content-mobile p {
        padding: 25px 35px;
    }

    .header-block-text {
        display: inline-block;
        vertical-align: top;
        margin-top: 12px;
        margin-left: 15px;
    }

    .about-banner-content-mob {
        display: block;
    }

    .about-page-content-mobile {
        display: block;
    }

    .caption-banner.about-us-banner {
        display: none;
    }

    .about-page-content.desktop-content {
        display: none;
    }

    .desktop-size {
        display: none;
    }

    .caption-banner.mobile-device {
        position: relative;
        display: block;
        margin-top: 5px;
    }

    .left-content-banner {
        text-align: left;
        margin-top: 0;
        max-width: 100%;
        padding-left: 0;
        margin-left: 0;
    }

    #banner_section.inner-banner.partner-banner .left-content-banner h2 {
        font-size: 20px;
        font-weight: 400;
    }

    #banner_section.inner-banner.partner-banner .left-content-banner h3 {
        text-align: left;
        font-size: 16px;
        margin-top: 10px;
        color: #000;
        line-height: 28px;
        max-width: 165px;
    }

    #banner_section.inner-banner.partner-banner .caption-banner {
        top: 35px;
    }

    .mobile-device .col-md-6.left-content-banner {
        margin-top: 25px;
    }

    .banner-form-box {
        width: 100%;
        height: auto;
        padding-left: 0;
        padding-right: 0;
        box-shadow: 0 0 0 rgba(0, 0, 0, .1);
        border: #e2e2e2 solid 0;
    }

    .col-md-6.text-left.banner-form-section {
        padding: 0;
    }

    .custom-radio-btn .custom-control-label {
        padding-right: 10px !important;
        padding-left: 4px !important;
        font-size: 15px !important;
    }

    .custom-radio .custom-control-label::before {
        width: 20px;
        height: 20px;
        border: #d1d1d1 solid 2px;
    }

    .banner-form-box h4 {
        padding-top: 30px;
        font-size: 16px;
        margin-bottom: 0;
    }

    .banner-form-box .form-group {
        position: relative;
        margin-bottom: 20px;
        max-width: 247px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .banner-form-box .custom-radio-btn {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .banner-form-box .btn {
        margin-top: 20px;
        width: 276px;
        height: 51px;
        border-radius: 8px;
        font-size: 19px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 70px;
    }

    .partner-banner {
        height: 215px;
        background-position: top right !important;
        background-size: 145% 100% !important;
    }

    .freesh_food .middle-inner .product-title {
        margin-bottom: 10px;
        overflow: hidden;
    }
    .freesh_food .middle-inner .product-title-section .shortDescription p {
    margin: 0px 0 !important;
}

    /*.maxheight210 {
       max-height: 150px !important;
    }*/
     .maxheight210 {
        max-height: 100% !important;
        max-width: 100%;
    }
    .freesh_food .middle-inner #traditional .title h2 {
    margin-top: 20px !important;
}
section#traditional {
    padding-top: 170px !important;
}
    .meals_page_details .maxheight210 {
        max-height: inherit !important;
    }

    .btn-add-to-cart {
        width: 105px;
        height: 37px;
        font-size: 14px;
        padding: 6px 6px;
    }

    i.fa.fa-info-icon {
        margin-left: 2px;
    }

.freesh_food .middle-inner .product-title {
    font-size: 13px;
    margin-bottom: 3px;
    min-height: 32px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
}


    .freesh_food .middle-inner p {
        font-size: 13px;
        line-height: 17px;
    }

    .how-it-banner .caption-banner {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-top: 0 !important;
    }

    .how-it-banner {
        height: 188px;
        background-position: 0 0 !important;
        background: url(/Themes/FMPNewTheme/Content/assets/images/how-it-work-mob-banner.png) 0 0/100% auto no-repeat !important;
    }

    .banner-text h1 {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .vissible-xs {
        display: block;
    }

    .caption-banner {
        position: relative;
        margin: 0 auto;
        width: 100%;
        padding: 0 24px !important;
        min-height: 260px;
    }

    .choose-your-weekly-section {
        width: 100%;
        position: relative;
        height: 558px;
        background-size: 280% 108% !important;
        background-position: -628px 0 !important;
    }

    .choose-your-weekly-content {
        width: 100%;
        position: relative;
        margin-top: 10px;
        float: right;
        margin-right: 0;
        padding: 0 18px;
    }

        .choose-your-weekly-content h3 {
            font-size: 21px;
            font-weight: 300;
            font-family: 'Encode Sans Expanded', sans-serif;
            padding-left: 0;
            text-align: left;
        }

    .choose-your-weekly-content {
        margin-top: 10px;
        margin-right: 0;
        padding: 0 19px;
    }

    .deliveries-section {
        width: 100%;
        position: relative;
        height: 480px;
        background-size: 260% 100% !important;
        background-position: top right !important;
    }

    .deliveries-section-content {
        width: 100%;
        position: relative;
        margin-top: 40px;
        margin-right: 0;
        float: left;
        padding: 0 19px;
    }

        .deliveries-section-content h3 {
            padding-left: 0;
            text-align: left;
        }

    .refrigerate-section {
        width: 100%;
        height: 550px;
        background-size: 1383px 558px !important;
        background-position: -820px 0 !important;
    }

    .refrigerate-section-content {
        width: 100%;
        position: relative;
        margin-top: 40px;
        margin-right: 0;
        float: right;
        padding: 0 19px;
    }

        .refrigerate-section-content h3 {
            padding-left: 0;
            text-align: left;
        }

    .banner-text {
        max-width: 100%;
        text-align: left;
        float: none;
        padding-top: 0;
        margin: 0 auto;
    }

    .FAQ-section-how-it-work {
        max-width: 100%;
        position: relative;
        padding: 40px 15px;
        margin: 0 auto;
        background: 0 0 !important;
    }

        .FAQ-section-how-it-work h2 {
            color: #333;
            text-align: left;
            font-size: 26px;
            font-weight: 400;
            text-transform: uppercase;
            margin-bottom: 30px;
            padding-left: 0;
            height: 43px;
            overflow: hidden;
            width: 270px;
        }

    .freesh_food .navegation ul li a {
        white-space: nowrap;
    }

    .chat-window {
        left: -52px;
    }

    .hidden-xs {
        display: none !important;
    }

    .freesh_food .navegation ul li {
        padding: 0 17px;
    }

    .freesh_food .navegation ul {
        flex-direction: row;
        justify-content: left !important;
        text-align: left;
        float: none;
        max-width: 100%;
        overflow-x: scroll;
        scrollbar-color: #7c1f67 #7c1f67;
        scrollbar-width: none;
    }

        .freesh_food .navegation ul::-webkit-scrollbar {
            width: 2px;
            height: 2px;
        }

        .freesh_food .navegation ul::-webkit-scrollbar-track {
            box-shadow: inset 0 0 0 grey;
            border-radius: 0;
        }

        .freesh_food .navegation ul::-webkit-scrollbar-thumb {
            background: #7c1f67;
            border-radius: 0;
        }

            .freesh_food .navegation ul::-webkit-scrollbar-thumb:hover {
                background: #7c1f67;
            }

        .freesh_food .navegation ul li {
            padding: 0 10px;
            font-size: 16px;
            display: inline-block;
            float: left;
            font-weight: 600;
        }

    .freesh_food-details .meals-food-details {
        text-align: center;
    }

    .freesh_food-details .button-details {
        width: auto;
        padding: 0;
        text-align: center;
    }

    .freesh_food .navegation ul {
        flex-direction: row;
    }

    .freesh_food .navbar-expand-lg .navbar-collapse {
        display: flex;
    }

    #main-navbar {
        position: relative;
        top: 0;
        height: auto;
        display: block;
        background: 0 0;
        left: 0;
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }

    .freesh_food .navegation.fixed-top {
        top: 83px;
        min-height: 45px !important;
    }

    .freesh_food-details .middle-inner {
        margin: 160px 0 0 0;
    }

    .freesh_food .middle-inner .title {
    margin-bottom: 10px;
    margin-top: 80px;
}

    .meals_page_details {
        margin-bottom: 0;
        width: 100%;
        padding: 0px;
    }

    .freesh_food-details .meals-food-details .ingredients_info {
        padding: 20px 0;
        text-align: center;
    }

    .freesh_food-details .meals-food-details h6 {
        margin-bottom: 10px;
    }

    .freesh_food-details .meals-food-details .natrition_info {
    padding: 20px 0;
    border-top: solid #ededed 1px;
    max-width: 100%;
    width: 100%;
    clear: left;
}

    #traditional {
        padding-top: 180px;
        padding-bottom: 0;
    }

    .trad-sharefood {
        display: inline-block;
        position: relative;
        vertical-align: top;
    }
}

@media(min-width:500px) and (max-width:767px) {
    .refrigerate-section {
        width: 100%;
        position: relative;
        height: 550px;
        background-size: 1490px 558px !important;
        background-position: -820px 0 !important;
    }

    .choose-your-weekly-section {
        width: 100%;
        position: relative;
        height: 558px;
        background-size: 203% 108% !important;
        background-position: -650px 0 !important;
    }
}

.webinars-banner .webinars-content-banner {
    display: block;
}

.webinars-content-banner {
    display: none;
}

.details-info.ipad-768 {
    display: none;
}

.tab-content .container {
    max-width: inherit;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager li {
        display: inline;
    }

        .pager li > a,
        .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
        }

            .pager li > a:focus,
            .pager li > a:hover {
                text-decoration: none;
                background-color: #eee;
            }

    .pager .next > a,
    .pager .next > span {
        float: right;
    }

    .pager .previous > a,
    .pager .previous > span {
        float: left;
    }

    .pager .disabled > a,
    .pager .disabled > a:focus,
    .pager .disabled > a:hover,
    .pager .disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
    }

#margintopset ul {
    margin-left: 15px;
}

.privacy_policy_page ul {
    list-style-type: lower-alpha;
}

    .privacy_policy_page ul ul {
        list-style-type: decimal;
    }

.feed-lower-section {
    width: 100%;
    clear: both;
}

.feed-lower-left-content {
    font-family: 'Encode Sans Expanded', sans-serif;
    margin: 60px 55px 0 95px;
    max-width: 653px;
    position: relative;
    padding-bottom: 35px;
}

    .feed-lower-left-content:after {
        width: 100px;
        height: 1px;
        background: #989898;
        content: "";
        bottom: 0;
        left: 0;
        position: absolute;
    }

    .feed-lower-left-content:last-child:after {
        width: 0;
        height: 0;
    }

    .feed-lower-left-content p {
        font-size: 18px;
        font-family: 'Encode Sans Expanded', sans-serif;
        line-height: 32px;
    }

    .feed-lower-left-content h3 {
        color: #4c4c4c;
        font-size: 26px;
        margin-bottom: 15px;
        font-family: acherus_grotesqueregular;
    }

.orange-banner-content h1 img {
    max-width: 352px;
}

.orange-theory-page .orange-banner-content h1 {
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 0;
    font-family: 'Encode Sans', sans-serif;
    width: 580px;
    text-align: left;
    display: block;
    margin: 0 auto;
    letter-spacing: 3px;
}

.orange-theory-page .orange-banner-content p {
    font-weight: 500;
    font-size: 22px !important;
    color: #fff;
    margin-top: 7px;
    margin-bottom: 35px;
    font-family: 'Encode Sans', sans-serif;
}

.orange-theory-page .orange-banner-content .btn {
    padding: 7px 20px;
    font-weight: 600;
    background-color: #05b819;
    border: 1px solid #05b819;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 294px;
    font-size: 22px;
    height: 50px;
}

    .orange-theory-page .orange-banner-content .btn:hover {
        background-color: #05b819;
        border: 1px solid #05b819;
    }

.orange-theory-page .orange-banner-content {
    background: rgba(245, 123, 33, 0);
    padding-top: 40px;
}

.discount-section-banner .text-1 {
    font-size: 36px;
    color: #fff;
    margin: 15px 0 0 0;
    font-family: 'Open Sans', sans-serif;
    line-height: normal;
}

.discount-section-banner .text-2 {
    font-size: 54px;
    color: #f26d1e;
    margin: 0px 0;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    line-height: normal;
}

.discount-section-banner .text-3 {
    font-size: 36px;
    color: #fff;
    margin: 0px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: normal;
}

.discount-section-banner .text-4 {
    font-size: 28px;
    color: #fff;
    margin: 10px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

section.one-free-week {
    clear: left;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.green-outline-theory-page {
    border: #2baa41 solid 1px;
    border-radius: 40px;
    min-height: 200px;
}

.green-outline-header {
    max-width: 80%;
    margin: 0 auto;
    margin-top: -25px;
    background: #fff;
}

    .green-outline-header h3 {
        font-family: 'KlavikaMedium-TF';
        color: #aba6a1;
        text-transform: uppercase;
        text-align: left;
        display: inline-block;
        vertical-align: top;
        letter-spacing: 3px;
        font-size: 36px;
    }

    .green-outline-header img {
        max-width: 320px;
        display: inline-block;
        vertical-align: top;
        margin: -20px 0 0 30px;
    }

h4.get {
    color: #44b649;
    font-size: 36px;
    background: #fff;
    position: relative;
    margin-top: 50px;
    text-align: center;
}

    h4.get strong {
        background: #ffffff;
        padding: 0 15px;
        font-weight: 600 !important;
        position: relative;
    }

    h4.get:before {
        background: #44b649;
        content: "";
        left: 0;
        right: 0;
        width: 270px;
        height: 2px;
        position: absolute;
        margin: 0 auto;
        top: 22px;
    }

.green-outline-theory-page h5 {
    font-size: 9rem;
    font-weight: bold;
    color: #44b649;
}

.green-outline-theory-page h5 {
    font-size: 9rem;
    font-weight: bold;
    color: #44b649;
}

.green-outline-theory-page h6 {
    font-size: 3rem;
    color: #44b649;
    font-weight: 500;
}

.bottom-img-one-week {
    margin-top: 60px;
    width: 100%;
    border-radius: 40px;
    border: transparent solid 1px;
    overflow: hidden;
}

    .bottom-img-one-week img {
        width: 100%;
    }

section.already-signup-section {
    background: #f4771e;
    clear: left;
    text-align: center;
    display: block;
    width: 100%;
    padding: 60px 0;
    color: #fff;
}

    section.already-signup-section h2 {
        position: relative;
    }

        section.already-signup-section h2:before {
            content: " ";
            display: block;
            position: absolute;
            height: 5px;
            width: 20px;
            background-color: #00cf19;
            top: -20px;
            left: 50%;
            right: auto;
            transform: translateX(-50%);
        }

.already-signup-section p {
    font-size: 22px;
    line-height: normal;
}

.already-signup-section .form-block {
    max-width: 300px;
    margin: 0 auto;
    margin-top: 30px;
    border: #fff solid 1px;
    border-radius: 6px;
    height: 50px;
    overflow: hidden;
}

    .already-signup-section .form-block input[type=text] {
        padding: 0px 20px;
        margin-top: 0;
        font-size: 17px;
        border: none;
        background: none;
        outline: none;
        float: left;
        color: #fff;
        height: 47px;
        width: 230px;
    }

    .already-signup-section .form-block input::-webkit-input-placeholder { /* Edge */
        color: #fff;
    }

    .already-signup-section .form-block input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #fff !important;
    }

    .already-signup-section .form-block input::placeholder {
        color: #fff;
    }

    .already-signup-section .form-block input:-internal-autofill-selected {
        background: none !important;
    }

    .already-signup-section .form-block button {
        float: right;
        padding: 3px 10px;
        margin-top: 0;
        margin-right: 0px;
        background: url(../images/white-arrow-signup.png) no-repeat center center;
        font-size: 0px;
        border: none;
        cursor: pointer;
        height: 100%;
        border-left: #fff solid 1px;
        width: 50px;
    }

        .already-signup-section .form-block button:hover {
            background: url(../images/white-arrow-signup.png) no-repeat center center;
        }

section.banner-lower-content {
    background: #F7F7F7;
    padding: 40px 0;
}

.orange-theory-page .discount-section-banner {
    max-width: 570px;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
    background: #656565;
    border-radius: 10px;
    margin-top: 0;
    padding-top: 15px;
    bottom: 120px;
    height: 240px;
}

    .orange-theory-page .discount-section-banner h2 span {
        display: inline-block;
        z-index: 99;
        position: relative;
    }

    .orange-theory-page .discount-section-banner h2 img {
        max-width: 53px;
        margin-top: -13px;
        position: relative;
        z-index: 2;
    }

    .orange-theory-page .discount-section-banner h2 {
        color: #fc9e19;
        width: auto;
        display: inline-block;
        border-radius: 6px;
        padding: 0 22px;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 18px;
        font-family: 'Encode Sans', sans-serif;
        letter-spacing: 2px;
        height: 60px;
        position: relative;
        line-height: 80px;
    }


        /*.orange-theory-page .discount-section-banner h2:before{position:absolute;width:12px;height:4px;content:"";background:#fff;left:7px;right:0;top:2px;margin:0 auto}*/

        .orange-theory-page .discount-section-banner h2:after {
            border: 1px solid #bbb;
            position: absolute;
            left: 0;
            width: 100%;
            top: 16px;
            height: 46px;
            content: "";
            border-radius: 6px;
        }

    .orange-theory-page .discount-section-banner h3 {
        font-size: 24px;
        font-family: 'Encode Sans', sans-serif;
        font-weight: 400;
        color: #fff;
        margin-top: 20px;
        margin-bottom: 10px;
        letter-spacing: 1px;
    }

        .orange-theory-page .discount-section-banner h3 span {
            font-weight: 600;
        }

    .orange-theory-page .discount-section-banner h4 {
        text-align: center;
        color: #fff;
        font-size: 42px;
        font-weight: 300;
        font-family: 'Encode Sans', sans-serif;
        margin-top: 15px;
    }

    .orange-theory-page .discount-section-banner .btn {
        padding: 10px 20px;
        font-weight: 600;
        background: #fc9e19;
        border-color: #fc9e19;
        margin-top: 44px;
    }

        .orange-theory-page .discount-section-banner .btn:hover {
            padding: 10px 20px;
            font-weight: 600;
            background: #fff;
            border-color: #fc9e19;
            color: #fc9e19;
        }

    .orange-theory-page .discount-section-banner .btn-primary:hover .fa {
        display: inline-block;
        color: #fc9e19;
    }

.orange-theory-page .your-performance.discount-bottom-content {
    margin: 0px auto 0 auto;
    max-width: 890px;
}

    .orange-theory-page .your-performance.discount-bottom-content p {
        padding-top: 0px;
        color: #000;
        margin: 0px !important;
        padding: 0px;
        font-family: 'Encode Sans', sans-serif;
    }

section.banner-bottom-texture {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

.six-tasty-meal-plan {
    text-align: center;
    margin-top: 75px;
    padding-top: 75px;
    background-color: #f7f7f7;
}

.six-tasty-title {
    border: #585858 solid 1px;
    font-size: 30px;
    color: #828282;
    text-align: center;
    width: auto;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 20px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

    .six-tasty-title strong {
        color: #05b818;
        font-weight: 700;
        font-family: 'Open Sans', sans-serif;
    }

.six-tasty-meal-plan p {
    font-size: 24px;
    font-weight: 300;
    padding-top: 34px;
    line-height: 40px;
    padding-left: 40px;
    padding-right: 40px;
    font-family: 'Open Sans', sans-serif;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

.six-tasty-meal-plan ul {
    margin: 80px 0 0 0;
    padding: 0;
    list-style: none;
}

    .six-tasty-meal-plan ul li {
        display: inline-block;
        width: 33%;
        text-align: center;
        margin-bottom: 40px;
        font-family: 'Open Sans', sans-serif;
    }

.six-tasty-meal-plan .meal-img-box {
    max-width: 100%;
    margin: 0 auto;
    border-right: #04bb18 solid 1px;
    padding: 0 15%;
    position: relative;
    padding-top: 20px;
    margin-bottom: 20px;
}

    .six-tasty-meal-plan .meal-img-box:after {
        position: absolute;
        content: "";
        left: 15%;
        width: 70%;
        bottom: -40px;
        background: #04bb18;
        height: 1px;
        right: 15%;
        margin: 0 auto;
    }

.six-tasty-meal-plan ul li:nth-child(4) .meal-img-box:after {
    width: 0;
    height: 0;
}

.six-tasty-meal-plan ul li:nth-child(5) .meal-img-box:after {
    width: 0;
    height: 0;
}

.six-tasty-meal-plan ul li:nth-child(6) .meal-img-box:after {
    width: 0;
    height: 0;
}

.six-tasty-meal-plan .meal-img-box img {
    max-width: 100%;
}

.six-tasty-meal-plan h4 span {
    margin-right: 10px;
}

    .six-tasty-meal-plan h4 span img {
        max-width: 52px;
        max-height: 45px;
    }

.six-tasty-meal-plan h4 {
    color: #05b819;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 1.2px;
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif !important;
    text-align: center;
    text-transform: capitalize;
}

    .six-tasty-meal-plan h4 a {
        color: #05b819;
    }

    .six-tasty-meal-plan h4 img {
        max-width: 37px;
        margin-right: 8px;
    }

.orange-theory-page .orange-theory-how-it-works {
    width: 100% !important;
    padding-bottom: 0;
}

.orange-theory-page .main-box {
    float: left;
    width: 33.33%;
    background: #dbdbdb;
    position: relative;
}

.orange-theory-page .box-content {
    width: 85%;
    float: right;
    background-color: #fff;
    padding: 50px 40px 20px 40px;
    min-height: 345px;
    text-align: left;
}

.orange-theory-how-it-works p {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 17px;
}

.orange-theory-page .welcome-boxs {
    padding: 0 0 0;
    border-top: #929292 solid 0;
    border-bottom: #929292 solid 0;
    margin-top: 25px;
}

.orange-theory-page .orange-theory-bottom {
    background: #f4771e;
}

    .orange-theory-page .orange-theory-bottom h2 {
        color: #fff;
    }

    .orange-theory-page .orange-theory-bottom p {
        color: #fff;
        font-size: 24px;
        font-weight: 300;
        padding-top: 0;
        line-height: 40px;
        padding-left: 40px;
        padding-right: 40px;
        font-family: 'Open Sans', sans-serif;
        max-width: 790px;
        margin-left: auto;
        margin-right: auto;
    }

.email-address {
    border: #fff solid 1px;
    border-radius: 4px;
    width: 363px;
    height: 63px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 15px;
}

.bsl-heath-signup-section i {
    margin-left: 0;
    position: relative;
    top: 0;
    right: 0;
}

.email-address button.send-btn {
    background: 0 0;
    border: none;
    border-left: 1px solid #fff;
    height: 61px;
    width: 70px;
    color: #fff;
    font-size: 35px;
    float: right;
    position: relative;
}

    .email-address button.send-btn:after {
        position: absolute;
        left: 30px;
        top: 14px;
        z-index: 9;
        content: "\f0da";
        font: normal normal normal 30px/1 FontAwesome;
    }

.email-address input[type=email] {
    background: 0 0;
    height: 61px;
    float: left;
    width: 285px;
    color: #fff !important;
    padding: 0 15px;
    border: none;
}

.email-address input:focus,
.email-address select:focus,
.email-address textarea:focus {
    outline-offset: 0;
    outline: 0;
}

.email-address::placeholder {
    color: #fff;
    opacity: 1;
}

.email-address:-ms-input-placeholder {
    color: #fff;
}

.email-address::-ms-input-placeholder {
    color: #fff;
}

section.faq-section {
    padding: 70px 0;
    position: relative;
}

.faq-content {
    width: 1080px;
    margin: 0 auto;
    position: relative;
}

    .faq-content:before {
        content: " ";
        display: block;
        position: absolute;
        height: 5px;
        width: 20px;
        background-color: #00cf19;
        top: -20px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }

    .faq-content h2 {
        color: #828282;
    }

section.faq-section .accordion {
    margin-bottom: 0;
    margin-top: 43px;
}

.panel-heading {
    padding: 0;
    border: 0;
}

section.faq-section .panel-title > a,
section.faq-section .panel-title > a:active {
    display: block;
    padding: 30px 70px;
    color: #7c7c7c;
    font-size: 23px;
    font-weight: 300;
    text-transform: capitalize;
    letter-spacing: 0;
    word-spacing: 0;
    text-decoration: none;
}

.panel-heading a:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0da";
    color: #878787;
    float: right;
    transition: all .5s;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    font-size: 26px;
    margin-top: -3px;
}

.panel-heading.active a:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

section.faq-section .panel-body {
    padding: 30px 70px;
    font-size: 18px;
    text-align: left;
}

.faq-content .panel-group {
    margin-top: 45px;
}

    .faq-content .panel-group .panel + .panel {
        margin-top: -1px;
    }

    .faq-content .panel-group .panel {
        margin-bottom: 0;
        border-radius: 0;
        color: #333;
        background-color: #fff;
        border-color: #ddd;
        border: solid #ddd 1px;
    }

        .faq-content .panel-group .panel .panel-heading {
            text-align: left;
        }

    .faq-content .panel-group .panel-heading + .panel-collapse > .list-group,
    .faq-content .panel-group .panel-heading + .panel-collapse > .panel-body {
        border-top: 1px solid #ddd;
    }

    .faq-content .panel-group .panel .show {
        width: 100%;
    }

.six-tasty-meal-plan ul li:nth-child(3) .meal-img-box {
    border-right: #04bb18 solid 0;
}

.six-tasty-meal-plan ul li:nth-child(6) .meal-img-box {
    border-right: #04bb18 solid 0;
}

@media (max-width:767px) {
    #traditional {
        padding-top: 260px;
        padding-bottom: 0;
    }

    .fibo-page-banner .orange-banner-content img {
        width: 185px !important;
        max-width: 150px;
    }

    .orange-theory-page .orange-banner-content h1 {
        font-size: 22px;
        letter-spacing: 1px;
        max-width: 280px;
    }

    .discount-section-banner .text-1 {
        font-size: 18px;
    }

    .discount-section-banner .text-2 {
        font-size: 24px;
    }

    .discount-section-banner .text-3 {
        font-size: 14px;
        font-weight: 500;
    }

    .discount-section-banner .text-4 {
        font-size: 14px;
        margin: 0px 0;
    }

    .green-outline-header h3 {
        letter-spacing: 1px;
        font-size: 14px;
    }

    .green-outline-header img {
        max-width: 210px;
        display: block;
        vertical-align: top;
        margin: 20px auto;
    }

    h4.get {
        font-size: 24px;
        margin-top: 30px;
    }

        h4.get:before {
            width: 240px;
            margin: 0 auto;
            top: 14px;
        }

    .green-outline-theory-page {
        border-radius: 40px;
    }

        .green-outline-theory-page h5 {
            font-size: 2.4rem;
        }

        .green-outline-theory-page h6 {
            font-size: 0.9rem;
        }

    .green-outline-header {
        max-width: 74%;
        margin: 0 auto;
        margin-top: -7px;
    }

    section.one-free-week {
        margin-top: 20px;
    }

    .orange-theory-page .orange-banner-content p {
        margin-bottom: 20px;
    }

    .orange-theory-page .discount-section-banner {
        max-width: 95%;
        min-height: 190px;
        margin-top: 15px;
        padding-top: 10px;
        height: 190px;
        bottom: 90px;
    }

    .orange-theory-page .orange-banner-content .btn {
        bottom: 20px;
    }

    .orange-theory-page .orange-banner-content p {
        font-size: 16px !important;
        max-width: 280px;
        margin: 10px auto;
        text-align: center;
    }

    .orange-theory-page .main-box {
        width: 100%;
    }

    section.banner-lower-content {
        padding: 20px 0;
    }

    .the-food-section .have-it-your-section h6 {
        text-align: center;
    }

    .the-food-section .have-it-your-section p {
        text-align: center;
    }

    .how-it-work-section h3 {
        font-size: 24px;
    }

    .always-bg p {
        font-size: 18px;
        line-height: 36px;
        padding: 0 10px;
    }

    .orange-theory-page .people-are-saying-section:after {
        width: 100px;
        height: 300px;
        top: -150px;
    }

    .always-bg {
        width: 95%;
    }

        .always-bg h2 {
            font-size: 26px;
            margin-bottom: 10px;
            margin-top: 5px;
        }

    .people-are-saying-section h2 {
        font-size: 26px !important;
    }

    .people-are-saying-section h3 {
        font-size: 18px !important;
    }

    .orange-theory-page .people-are-saying-section:before {
        width: 120px;
        height: 230px;
        bottom: -135px;
    }

    .Already-enjoyed-meals-section {
        padding: 90px 0 110px 0 !important;
    }

    .new-how-it-work-FAQ-section.orange-theory-faq:after {
        top: -140px;
        width: 240px;
        height: 310px;
    }

    .new-how-it-work-FAQ-section {
        padding: 0 20px;
    }

    .faq-content {
        width: 95%;
        margin: 0 auto;
    }

    section.faq-section .panel-title > a,
    section.faq-section .panel-title > a:active {
        color: #7c7c7c;
        font-size: 20px;
        line-height: normal;
        padding: 20px 30px;
    }

    section.faq-section .panel-body {
        padding: 10px 30px;
        font-size: 16px;
        line-height: 1.5;
    }

    .panel-heading a:before {
        font-size: 26px;
        margin-top: 15px;
    }

    .orange-theory-page .orange-banner-content {
        background: rgba(245, 123, 33, 0);
        padding-top: 35px;
    }

    .orange-banner-content h1 img {
        max-width: 95px;
    }

    .orange-theory-page .orange-banner-content h1 {
        font-size: 20px;
        text-align: center;
    }

    .orange-theory-page .discount-section-banner h2 {
        padding: 0 10px;
        font-size: 14px;
    }

    .orange-theory-page .discount-section-banner h3 {
        font-size: 13px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .orange-theory-page .discount-section-banner h4 {
        font-size: 24px;
    }

    .orange-theory-page .discount-section-banner .btn {
        margin-top: 20px;
    }

    .orange-theory-page .discount-bottom-content p {
        font-size: 20px !important;
        font-family: 'Open Sans', sans-serif;
        line-height: 30px !important;
        padding: 0 20px !important;
    }

    .orange-theory-page .discount-bottom-content {
        margin: 35px 0 !important;
    }

    .six-tasty-meal-plan {
        text-align: center;
        margin-top: 30px;
    }

        .six-tasty-meal-plan p {
            font-size: 20px;
            line-height: 30px;
        }

        .six-tasty-meal-plan ul li:nth-child(2) .meal-img-box {
            border-right: #04bb18 solid 0;
        }

        .six-tasty-meal-plan ul li:nth-child(4) .meal-img-box {
            border-right: #04bb18 solid 0;
        }

        .six-tasty-meal-plan ul li:nth-child(6) .meal-img-box {
            border-right: #04bb18 solid 0;
        }

        .six-tasty-meal-plan ul li:nth-child(4) .meal-img-box:after {
            width: 70%;
            height: 1px;
        }

        .six-tasty-meal-plan ul li {
            width: 48%;
        }

        .six-tasty-meal-plan h4 {
            font-size: 14px;
            letter-spacing: 1px;
        }

            .six-tasty-meal-plan h4 span img {
                max-width: 35px;
                max-height: 20px;
            }

        .six-tasty-meal-plan ul {
            margin: 40px 0 0 0;
        }

    .six-tasty-title {
        font-size: 25px;
        padding: 10px 15px;
    }

    .orange-theory-page .bsl-how-works {
        padding-top: 0;
    }

    .orange-theory-page .orange-theory-how-it-works:before {
        top: -5px;
    }

    .orange-theory-page .welcome-boxs {
        margin-top: 20px;
    }

    .orange-theory-page .box-content {
        width: 85%;
        float: right;
        background-color: #fff;
        padding: 50px 40px 20px 70px;
        min-height: 345px;
    }

    .orange-theory-page .main-box {
        width: 100%;
        margin-bottom: 0;
    }

    .orange-theory-page .main-box {
        border-bottom: #dbdbdb solid 1px;
    }

    .orange-theory-page .orange-theory-bottom p {
        font-size: 20px;
        line-height: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .email-address {
        width: 300px;
        height: 63px;
    }

        .email-address input[type=email] {
            width: 224px;
            color: #fff !important;
            padding: 0 15px;
            border: none;
        }

    .feed-lower-left-content {
        margin: 20px 15px 0 15px;
    }

    .popup-header-container {
        margin: 25px 0;
    }

    a.change-link-2 {
        bottom: 0;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .orange-theory-page .discount-section-banner h2 {
        padding: 0 15px;
        font-weight: 400;
        font-size: 12px;
        height: 50px;
        line-height: 80px;
    }

    .orange-theory-page .discount-section-banner h3 {
        font-size: 16px;
    }

    .orange-theory-page .discount-section-banner h4 {
        font-size: 28px;
        margin-top: 10px;
    }

    .orange-theory-page .discount-section-banner .btn {
        margin-top: 20px;
    }

    .orange-theory-page .orange-banner-content .btn {
        padding: 5px 20px;
        bottom: 10px;
        width: 165px;
        font-size: 18px;
        height: 40px;
    }

    .orange-theory-page .discount-section-banner {
        max-width: 480px;
        min-height: 170px;
        border-radius: 10px;
        margin-top: 0px;
        padding-top: 10px;
        bottom: 60px;
        height: 175px;
    }

    .discount-section-banner .text-1 {
        font-size: 26px;
    }

    .discount-section-banner .text-2 {
        font-size: 46px;
    }

    .discount-section-banner .text-3 {
        font-size: 26px;
    }

    .discount-section-banner .text-4 {
        font-size: 18px;
    }

    .green-outline-header {
        max-width: 85%;
        margin: 0 auto;
        margin-top: -15px;
        padding: 0 10px;
    }

        .green-outline-header h3 {
            letter-spacing: 1px;
            font-size: 22px;
        }

        .green-outline-header img {
            max-width: 140px;
            margin: -10px 0 0 30px;
        }

    .green-outline-theory-page h5 {
        font-size: 4.8rem;
    }

    .green-outline-theory-page h6 {
        font-size: 1.6rem;
    }

    .bottom-img-one-week {
        margin-top: 80px;
    }

    .faq-content {
        width: 100%;
        margin: 0 auto;
    }

    .orange-theory-page .orange-banner-content {
        padding-top: 10px;
    }

    .orange-banner-content h1 img {
        max-width: 170px;
    }

    .orange-theory-page .orange-banner-content h1 {
        font-size: 18px;
        letter-spacing: 1px;
        max-width: 350px;
    }

    .always-bg p {
        padding: 0 50px;
    }

    .orange-theory-page .people-are-saying-section:after {
        width: 180px;
        height: 320px;
    }

    .how-it-work-section h3 {
        font-size: 26px;
    }

    .orange-theory-page .people-are-saying-section:before {
        width: 180px;
        height: 450px;
        bottom: -195px;
    }

    .orange-theory-page .orange-banner-content p {
        font-size: 14px !important;
    }

    .six-tasty-meal-plan ul li {
        display: inline-block;
        width: 30%;
    }

    .sr-no {
        width: 45px;
        height: 45px;
        font-size: 25px;
    }

    .orange-theory-page .box-content {
        padding: 30px 15px 20px 20px;
        min-height: 330px !important;
    }

    .orange-theory-page .orange-theory-bottom p {
        font-size: 22px;
        padding-top: 0;
        line-height: 33px;
    }

    .orange-theory-page .your-performance p {
        font-size: 20px;
        line-height: 36px;
    }

    .faq-content {
        width: 95%;
        margin: 0 auto;
    }

    section.faq-section .panel-title > a,
    section.faq-section .panel-title > a:active {
        padding: 20px 15px;
        font-size: 18px;
    }

    section.faq-section .panel-body {
        padding: 15px 15px;
        font-size: 16px;
    }

    .six-tasty-meal-plan {
        text-align: center;
        margin-top: 50px;
    }

        .six-tasty-meal-plan ul li:nth-child(3) .meal-img-box {
            border-right: #04bb18 solid 0;
        }

        .six-tasty-meal-plan ul li:nth-child(6) .meal-img-box {
            border-right: #04bb18 solid 0;
        }
}

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

    .orange-theory-page .discount-section-banner h3 {
        font-size: 20px;
    }

    .orange-theory-page .discount-section-banner h4 {
        font-size: 36px;
    }

    .orange-theory-page .discount-section-banner .btn {
        margin-top: 20px;
    }

    .orange-theory-page .discount-section-banner {
        max-width: 510px;
        min-height: 220px;
        border-radius: 6px;
        margin-top: 0;
        padding-top: 20px;
        height: 220px;
        bottom: 80px;
    }

    .orange-theory-page .orange-banner-content .btn {
        padding: 6px 20px;
        bottom: 15px;
        width: 220px;
        font-size: 20px;
        height: 45px;
    }

    .discount-section-banner .text-1 {
        font-size: 26px;
    }

    .discount-section-banner .text-2 {
        font-size: 46px;
    }

    .discount-section-banner .text-3 {
        font-size: 26px;
    }

    .discount-section-banner .text-4 {
        font-size: 18px;
    }

    .green-outline-header {
        max-width: 85%;
        margin: 0 auto;
        margin-top: -15px;
        padding: 0 10px;
    }

        .green-outline-header h3 {
            letter-spacing: 1px;
            font-size: 24px;
        }

        .green-outline-header img {
            max-width: 210px;
            margin: -10px 0 0 30px;
        }

    .green-outline-theory-page h5 {
        font-size: 5.8rem;
    }

    .green-outline-theory-page h6 {
        font-size: 1.8rem;
    }

    .bottom-img-one-week {
        margin-top: 80px;
    }

    .faq-content {
        width: 100%;
        margin: 0 auto;
    }

    .orange-theory-page .orange-banner-content {
        padding-top: 20px;
    }

    .orange-banner-content h1 img {
        max-width: 180px;
    }

    .orange-theory-page .orange-banner-content h1 {
        font-size: 30px;
        max-width: 480px;
        letter-spacing: 1px;
    }

    .orange-theory-page .orange-banner-content p {
        font-size: 18px !important;
    }

    .six-tasty-meal-plan ul li {
        display: inline-block;
        width: 30%;
    }

    .sr-no {
        width: 42px;
        height: 42px;
        font-size: 25px;
    }

    .orange-theory-page .box-content {
        padding: 30px 15px 20px 20px;
        min-height: 370px !important;
    }

    .orange-theory-page .orange-theory-bottom p {
        font-size: 22px;
        padding-top: 0;
        line-height: 33px;
    }

    .orange-theory-page .your-performance p {
        font-size: 24px;
        line-height: 40px;
    }

    .faq-content {
        width: 95%;
        margin: 0 auto;
    }

    section.faq-section .panel-title > a,
    section.faq-section .panel-title > a:active {
        padding: 20px 15px;
        font-size: 18px;
    }

    section.faq-section .panel-body {
        padding: 15px 15px;
        font-size: 16px;
    }

    .six-tasty-meal-plan {
        text-align: center;
        margin-top: 50px;
    }

        .six-tasty-meal-plan ul li:nth-child(3) .meal-img-box {
            border-right: #04bb18 solid 0;
        }

        .six-tasty-meal-plan ul li:nth-child(6) .meal-img-box {
            border-right: #04bb18 solid 0;
        }
}

@media (min-width: 1900px) {
    .orange-theory-page .orange-banner-content {
        padding-top: 2%;
    }

    .orange-theory-page .discount-section-banner {
        top: 43%;
        bottom: inherit;
        height: 300px;
    }

    .orange-banner-content h1 img {
        max-width: 490px;
        width: 500px !important;
    }

    .orange-theory-page .orange-banner-content h1 {
        font-size: 79px;
        width: 900px;
    }

    .orange-theory-page .orange-banner-content p {
        font-size: 32px !important;
        letter-spacing: 1px;
    }

    .orange-theory-page .discount-section-banner {
        max-width: 765px !important;
    }

        .orange-theory-page .discount-section-banner h3 {
            font-size: 32px;
            margin-top: 35px;
            margin-bottom: 10px;
            letter-spacing: 1px;
        }

        .orange-theory-page .discount-section-banner h4 {
            font-size: 56px;
            margin-top: 25px;
        }

    .orange-theory-page .orange-banner-content .btn {
        bottom: inherit;
        top: 90%;
    }

    .orange-theory-page .people-are-saying-section:after {
        width: 440px !important;
        height: 680px !important;
        top: -405px !important;
    }

    .orange-theory-page .people-are-saying-section:before {
        width: 400px !important;
        height: 650px !important;
        bottom: -395px !important;
    }

    .Already-enjoyed-meals-section {
        padding: 50px 0 50px 0 !important;
    }

        .Already-enjoyed-meals-section .Already-enjoyed-title {
            font-size: 53px !important;
            padding-top: 30px !important;
        }

        .Already-enjoyed-meals-section .Already-enjoyed-disc {
            font-size: 25px !important;
            max-width: 710px !important;
        }

    .new-how-it-work-FAQ-section.orange-theory-faq:after {
        top: -290px !important;
        width: 680px !important;
        height: 740px !important;
    }

    .Already-enjoyed-meals-section form .add-email-btn {
        margin: 60px auto 20px auto;
    }

    .Already-enjoyed-meals-section form .email-box {
        overflow: inherit;
        margin-top: 20px;
    }

    .Already-enjoyed-meals-section form .add-email-btn {
        margin: 60px auto 20px auto !important;
    }

    section.banner-lower-content {
        padding: 70px 0 !important;
    }
}

.orange-theory-page .orange-theory-how-it-works {
    width: 100% !important;
    padding-bottom: 0;
    padding-top: 20px;
    background: #fff;
    position: relative;
}

    .orange-theory-page .orange-theory-how-it-works:before {
        content: " ";
        display: block;
        position: absolute;
        height: 5px;
        width: 20px;
        background-color: #00cf19;
        top: 15px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }

.orange-theory-how-it-works h2 {
    color: #828282;
}

.orange-theory-page .main-box {
    background: #dbdbdb !important;
}


.orange-theory-page .box-content {
    background-color: #fff !important;
}

    .orange-theory-page .box-content h3 {
        color: #8f8f8f;
        margin-top: 12px;
        font-size: 22px;
    }

.orange-theory-how-it-works p {
    color: #8f8f8f !important;
}

.inner-banner.faq-banner.how-it-work-banner h1 {
    color: #fff !important;
}

.inner-banner.faq-banner.how-it-work-banner p {
    color: #fff !important;
}

.panel-default {
    border-color: #ddd;
}

.mar15 {
    margin-top: 15px;
}

.visible-xs {
    display: none !important;
}

.caption-banner {
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -47px;
    z-index: 2;
}

#banner_section.inner-banner h1 {
    font-size: 35px;
    color: #fff;
    text-align: center;
    font-weight: 450;
    letter-spacing: .05em;
}

#banner_section.inner-banner p {
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding-top: 10px;
    font-weight: 450;
    letter-spacing: .05em;
}

.next-available-delivery-order {
    max-width: 310px;
    margin: 30px auto;
}

    .next-available-delivery-order .custom-control-inline {
        padding-bottom: 20px;
        padding-top: 10px;
        margin-right: 0;
        width: 100%;
        border-bottom: solid #ddd 1px;
    }

        .next-available-delivery-order .custom-control-inline:nth-child(even) {
            padding-bottom: 0;
            padding-top: 10px;
            border-bottom: solid #ddd 0;
        }

    .next-available-delivery-order .delivery-text {
        padding-left: 35px;
    }

    .next-available-delivery-order .custom-control-input:checked ~ .custom-control-label::before {
        background-color: green !important;
        border: #404040 solid 2px;
    }

    .next-available-delivery-order .custom-radio .custom-control-label::before {
        background-color: #fff;
        width: 24px;
        height: 24px;
        border: #404040 solid 2px;
    }

    .next-available-delivery-order .custom-control-label::after {
        position: absolute;
        top: 8px;
        left: -20px;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: no-repeat 50%/50% 50%;
        background-image: none !important;
        background: #fff;
        border-radius: 50%;
    }

    .next-available-delivery-order .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        background: #404040 !important;
        border: #fff solid 2px;
    }

    .next-available-delivery-order .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #404040 !important;
        border: none;
    }

@media (min-width:768px) and (max-width:991px) {
    .fmp-cartopen .cd-cart-items {
        margin: 0;
        padding: 0;
        overflow: auto;
        max-height: 84vh;
    }

    .fmp-cart {
        margin-right: 15px;
        position: absolute;
        right: 0;
        top: 19px;
    }

    .dropdown.myaccountlink {
    float: right;
    position: absolute;
    right: 100px;
    width: 135px;
    display: none;
}

    .details-info.ipad-768 {
        display: block;
        width: 500px;
        margin: 30px auto;
    }

    .freesh_food-details .natrition_info .natrition-info-contain {
        text-align: left;
    }

    .details-info {
        display: none;
    }

    .freesh_food .navegation ul li a {
        white-space: nowrap;
        font-size: 16px;
    }

    .contact_banner {
        height: 179px;
        background-size: 130% 100% !important;
        background-position: center top !important;
        position: relative;
    }

        .contact_banner h1 {
            text-align: center;
            color: #fff;
            font-size: 27px;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 50%;
            margin-top: -22px;
        }

    .contact_page_contant .container {
        max-width: 720px;
        float: none;
        margin-top: 40px;
    }

    .contact-right-col img {
        float: right;
        margin-top: -40px;
        margin-right: -40px;
    }

    .contact_page_contant p {
        font-weight: 400;
        font-size: 15px;
        padding-right: 0;
        padding-bottom: 0;
        margin-bottom: 5px;
    }

        .contact_page_contant p a {
            text-decoration: underline !important;
        }

    .contact-left-col {
        max-width: 60%;
        flex: 60%;
        padding-right: 0;
    }

    .contact-right-col {
        max-width: 40%;
    }

    .package-plans-container {
        width: 100%;
        max-width: 100%;
    }

    .package-plan-box .package-body {
        padding: 15px 10px;
    }

    .package-plan-box .pkg-start-btn {
        font-size: 16px;
        margin-top: 10px;
        padding: 5px;
        height: 49px;
    }

    .package-plan-box .package-body p {
        font-size: 13px;
    }

    .price-left {
        padding-right: 0;
    }

    .pkg-menu-option .menu-option-box {
        width: 25%;
        max-width: 25%;
        flex: inherit;
        margin-bottom: 40px;
    }

    .price-right {
        padding-left: 0;
    }

    .partner-banner {
        height: 400px;
        background-position: top right !important;
        background-size: 141% 100% !important;
    }

    .left-content-banner {
        text-align: left;
        margin-top: 10px;
        max-width: 100%;
        padding-left: 0;
        margin-left: 0;
        padding-right: 0;
    }

    .partner-banner .container {
        max-width: 740px;
    }

    .banner-form-box {
        width: 100%;
        min-height: 380px;
        padding-left: 19px;
        padding-right: 19px;
        max-height: 380px;
    }

        .banner-form-box .custom-radio-btn .custom-control-label {
            position: relative;
            margin-bottom: 0;
            vertical-align: top;
            font-size: 16px;
            font-weight: 400;
            color: #4d3948;
            padding-left: 19px;
            padding-right: 10px;
        }

        .banner-form-box .custom-radio-btn {
            width: 100%;
            margin: 0 auto;
        }

    .custom-radio-btn .custom-control {
        position: relative;
        display: inline-block;
        min-height: 27px;
        padding-left: 25px;
    }

    .banner-form-box .form-group {
        max-width: 247px;
        margin: 0 auto 13px auto;
    }

    .banner-form-box .form-control {
        height: 36px !important;
        border-radius: 0 !important;
        font-size: 13px;
    }

    .banner-form-box .btn {
        margin-top: 10px;
        width: 276px;
        height: 47px;
        border-radius: 8px;
        font-size: 19px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .banner-form-box h4 {
        color: #333;
        padding-top: 25px;
        font-size: 16px;
    }

    #banner_section.inner-banner.partner-banner .left-content-banner h2 {
        font-size: 20px;
        margin-top: 33px;
    }

    #banner_section.inner-banner.partner-banner .left-content-banner h3 {
        font-size: 15px;
        margin-top: 15px;
        margin-bottom: 25px;
    }

    #banner_section.inner-banner.partner-banner .left-content-banner p {
        text-align: left !important;
        font-size: 13px;
        line-height: 31px;
        color: #000;
        font-weight: 400;
        margin-bottom: 10px;
        padding-right: 28px;
    }

    .col-md-6.text-left.banner-form-section {
        padding-right: 0;
        padding-left: 0;
    }

    .cartpage .oder-summrey-section {
        display: block !important;
        position: relative !important;
        width: 400px !important;
        max-width: inherit !important;
        float: right !important;
        right: inherit !important;
        flex: inherit !important;
        margin-top: 40px;
        margin: 0 auto;
        text-align: center;
    }

        .cartpage .oder-summrey-section h4 {
            text-align: center;
            margin-bottom: 10px;
            margin-left: 0;
        }

    span.back-to.visible-xs.visible-sm.visible-md {
        display: block !important;
        width: 100%;
        margin-bottom: 15px;
    }

    table.order-total-tabel {
        display: table;
        overflow: auto;
        width: 250px;
        margin: 0 auto 0 85px;
    }

    .input-wrap.button-overflow button {
        width: 150px;
    }

    table.order-total-tabel {
        display: table;
        overflow: auto;
        width: 250px;
    }

    .cart-page-sub-header h2 {
        border-top: #d6d6d6 solid 1px;
        margin-top: 30px;
        padding-top: 20px;
    }

    .cart-page-sub-header {
        top: 80px;
    }

    .cartpage .subtotal-info {
        margin-top: 90px;
    }

    .freesh_food .middle-inner .product-title {
        font-size: 15px;
        margin-bottom: 10px;
        height: 35px;
        overflow: hidden;
    }

    .input-wrap.button-overflow button {
        padding: 5px 5px !important;
        width: 130px !important;
    }

    .maxheight210 {
    max-height: 100% !important;
}

    .meals_page_details .maxheight210 {
        max-height: inherit !important;
    }

    .meals_page_details {
        margin-bottom: 20px;
        overflow: hidden;
        width: 354px;
    }

    .webinars-content-banner p {
        max-width: inherit !important;
        width: 100%;
    }

    .webinars-banner {
        height: 328px;
        background: url(/Themes/FMPNewTheme/Content/assets/images/webinars-hero-ipad.png) top right no-repeat/100% !important;
        background-image: url(/Themes/FMPNewTheme/Content/assets/images/webinars-hero-ipad.png) !important;
        background-repeat: no-repeat !important;
    }

        .webinars-banner .webinars-content-banner {
            text-align: left;
            margin-top: 0;
            max-width: 614px;
            padding-left: 0;
            margin-left: 79px;
            padding-top: 55px;
            display: none;
        }

    .webinars-content-banner {
        text-align: left;
        margin-top: 0;
        max-width: 614px;
        padding-left: 0;
        margin-left: 79px;
        padding-top: 40px;
        display: block;
    }

        .webinars-content-banner h2 {
            text-align: left;
            font-size: 26px;
            font-family: 'Encode Sans Expanded', sans-serif;
            color: #000;
        }

        .webinars-content-banner h3 {
            text-align: left;
            font-size: 19px;
            margin-top: 20px;
            color: #000;
        }

        .webinars-content-banner p {
            text-align: left !important;
            font-size: 15px;
            line-height: 36px;
            color: #000;
            font-weight: 400;
            margin-bottom: 10px;
        }

    .first-col h4 {
        max-width: 300px;
        line-height: 26px;
    }

    .first-col .webinars-right-content-top {
        max-width: 370px;
    }

    .webinars-team .container {
        max-width: 680px;
    }

    .second-col .webinars-right-content-top {
        max-width: 560px;
    }

    .webinars-img {
        max-width: 245px;
        min-width: 245px;
    }

    .first-col {
        padding-left: 50px;
        max-width: 63%;
        width: 63%;
    }

    .second-col {
        padding-left: 50px;
        max-width: 63%;
        width: 63%;
        padding-right: 0;
    }

    .third-col {
        padding-left: 50px;
        max-width: 63%;
        width: 63%;
        padding-right: 0;
    }

    .webinar-footer-content {
        display: none;
    }

        .webinar-footer-content.ipad-mob {
            display: block;
        }

            .webinar-footer-content.ipad-mob .date-day-col.last:before {
                width: 0;
                height: 0;
            }

    .ipad-mob .green-medium-btn {
        margin-right: 0 !important;
        margin-left: 15px !important;
        margin-top: 20px;
    }

    .ipad-mob .date-day-col.last {
        margin-top: 20px;
    }

    #main-navbar {
        position: relative;
        top: 0;
        height: auto;
        display: block;
        background: 0 0;
        left: 0;
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }

    .freesh_food .navegation.fixed-top {
        top: 83px;
        min-height: 60px !important;
    }

    .freesh_food-details .middle-inner {
        margin: 80px 0 0 0;
    }

    .section {
        padding-top: 140px;
    }

    .freesh_food .navegation ul {
        flex-direction: row;
        justify-content: center !important;
        text-align: center;
        float: none;
    }

    #traditional {
        padding-top: 70px !important;
        padding-bottom: 0;
    }

    .freesh_food-details .button-details {
        width: auto;
        padding: 0;
        text-align: center;
    }

    .freesh_food .navbar-expand-lg .navbar-collapse {
        display: flex;
    }

    .freesh_food .navegation ul li {
        padding: 0 25px;
    }
}

@media (max-width:576px) {
    .mobile-show h6 {
        display: block;
        margin: 20px 0;
    }

    .mobile-show h5 {
        display: block;
        margin: 20px 0;
        font-family: 'Encode Sans Expanded',;
    }

    .sm-show h6 {
        display: block;
    }

    .sm-show h5 {
        display: none;
    }

    .freesh_food-details .meals-food-details {
        margin-top: 60px;
    }

        .freesh_food-details .meals-food-details .details-content .add-to-cart {
            position: absolute;
            left: 0;
            right: 0;
            top: 10px;
        }
}

@media (max-width:991px) {
    .navbar-right li.login a {
        background: 0 0;
    }

    .desktop-menu {
        display: none;
    }

    header .navbar-light .navbar-nav .nav-link {
        line-height: 22px;
        width: auto;
        display: inline-block;
    }

    .layout {
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        min-width: 100%;
    }

    .device-content {
        margin-left: 188px;
        overflow-x: scroll;
        width: 100%;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
    }

    .navbar-toggler-icon {
        background-image: url(../images/menu-icon.png) !important;
    }

    header .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, 1);
        position: relative;
        float: left;
        margin-left: 8px;
        z-index: 999999;
    }

    .navbar {
        position: relative;
        display: -ms-flexbox;
        display: block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1rem 15px;
    }

        .navbar > .container,
        .navbar > .container-fluid {
            display: -ms-flexbox;
            display: block;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

    .modal-backdrop {
        z-index: 999999;
    }

    .modal {
        z-index: 99999999;
    }
}

@media (max-width:767px) {
    .main-container.with-sidebar.blog-list.blog-list-category aside {
        width: 100% !important;
        margin-top: 90px;
    }

    .main-container.with-sidebar.blog-list.blog-list-category main {
        width: 100%;
    }

    .main-container.with-sidebar.blog-list.blog-list-category aside nav.aside-nav {
        display: block;
    }

    .main-container.with-sidebar.blog-page.blog-page-details aside {
        width: 100% !important;
        margin-top: 90px;
    }

    .main-container.with-sidebar.blog-page.blog-page-details main {
        width: 100%;
    }

    .main-container.with-sidebar.blog-page.blog-page-details aside nav.aside-nav {
        display: block;
    }

    .main-container.with-sidebar main {
        margin-top: 0;
    }

    .landing-page-banner {
        margin-top: 75px;
    }

    .our-partnership {
        padding-top: 0;
    }

    .visible-xs {
        display: block !important;
    }

    .next-available-delivery-order .custom-control-label::after {
        top: 2px;
        left: -18px;
    }
}

.banner-section.paid-ads-banner {
    position: relative;
    width: 100%;
    text-align: center;
}

.get-off-img img {
    max-width: 100%;
}

.paid-ads-banner img {
    max-width: 100%;
}

.get-off-img {
    max-width: 340px;
    display: block;
    margin: 0 auto 25px auto;
}

.paid-ads-banner-content {
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
}

    .paid-ads-banner-content h1 {
        color: #fff;
        margin-bottom: 40px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 38px;
    }

    .paid-ads-banner-content .signup-banner {
        background: #fff;
        color: #04b818;
        padding: 8px 20px;
        font-weight: 400;
        font-size: 18px;
        margin-bottom: 70px;
        border-radius: 6px;
    }

.cooking-and-cleaning-section .container {
    max-width: 960px;
}

.paid-ads-banner-content .signup-banner:hover {
    text-decoration: none;
}

.cooking-and-cleaning-section h2 {
    font-family: 'Open Sans', sans-serif;
    color: #828282;
    position: relative;
    margin-top: 40px;
    padding-top: 20px;
}

    .cooking-and-cleaning-section h2:before {
        width: 18px;
        height: 4px;
        background: #05b818;
        content: "";
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 0;
        position: absolute;
        border-radius: 2px;
    }

.cooking-and-cleaning-section h5 {
    font-family: 'Open Sans', sans-serif;
    color: #3cad40;
    text-transform: uppercase;
    font-size: 18px;
}

.cooking-and-cleaning-section .six-box {
    width: 100px;
    height: 100px;
    text-align: center;
    font-size: 58px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #4a4849;
    display: block;
    margin: 0 auto;
    line-height: 120px;
}

.easy-icon {
    display: block;
    margin: 0 auto 25px auto;
}

    .easy-icon img {
        max-width: 100%;
    }

.cooking-and-cleaning-section p {
    font-size: 16px;
}

.cooking-left-col {
    max-width: 410px;
    margin: 0 auto 0 auto;
}

.cooking-right-col {
    max-width: 350px;
    margin: 0 auto 0 auto;
}

.col-left-cooking {
    margin-top: 50px;
    margin-bottom: 80px;
}

.right-col-border {
    position: relative;
    margin-top: 50px;
    margin-bottom: 80px;
}

    .right-col-border:before {
        left: 15px;
        top: 0;
        width: 1px;
        height: 100%;
        content: "";
        position: absolute;
        border-left: #929292 solid 1px;
    }

.cooking-and-cleaning-section .btn-primary {
    background: #048112;
    border: #048112 solid 1px;
    padding: 6px 10px;
    width: 160px;
    text-align: center;
    display: block;
    margin: 25px auto 0 auto;
}

    .cooking-and-cleaning-section .btn-primary:hover {
        background: #fff;
        border: #048112 solid 1px;
        color: #048112;
    }

.paid-ads-page .service-section {
    float: left;
    width: 100%;
    border-top: #b2b2b2 solid 1px;
    border-bottom: #b2b2b2 solid 1px;
    padding: 0 15px;
}

.paid-ads-page .service-col-numb {
    width: 48px;
    background: #e0e0e0;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    font-family: 'Encode Sans Expanded', sans-serif;
    font-weight: 500;
    font-size: 23.01px;
    color: #8f8f8f;
    padding-top: 0;
}

.paid-ads-page .service-col-content {
    width: auto;
    background: #fff;
    display: table-cell;
    padding-left: 40px;
    padding-bottom: 55px;
    padding-top: 50px;
}

.paid-ads-page .service-col {
    padding: 0;
}

.paid-ads-page .service-section h3 {
    font-size: 21.01px;
    font-family: 'Encode Sans Expanded', sans-serif;
    margin: 15px 0 4px 0;
    color: #8f8f8f;
    font-weight: 500;
}

.paid-ads-page .service-section p {
    font-size: 10.74px;
    font-family: 'Encode Sans Expanded', sans-serif;
    font-weight: 500;
    margin: 0 0 12px 0;
    color: #8f8f8f;
}

.paid-ads-landing-page .six-tasty-meal-plan {
    background: #f3f4f5;
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
}

.paid-ads-landing-page .six-tasty-meal-plan {
    text-align: center;
    padding-top: 70px;
}

.paid-ads-landing-page .six-tasty-title {
    border: #585858 solid 1px;
    font-size: 30px;
    color: #828282;
    text-align: center;
    width: auto;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 20px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

    .paid-ads-landing-page .six-tasty-title strong {
        color: #05b818;
        font-weight: 700;
        font-family: 'Open Sans', sans-serif;
    }

.paid-ads-landing-page .six-tasty-meal-plan p {
    font-size: 24px;
    font-weight: 300;
    padding-top: 34px;
    line-height: 40px;
    padding-left: 40px;
    padding-right: 40px;
    font-family: 'Open Sans', sans-serif;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    color: #7c7c7c;
}

.paid-ads-landing-page .six-tasty-meal-plan ul {
    margin: 80px 0 0 0;
    padding: 0;
    list-style: none;
}

    .paid-ads-landing-page .six-tasty-meal-plan ul li {
        display: inline-block;
        width: 33%;
        text-align: center;
        margin-bottom: 40px;
        font-family: 'Open Sans', sans-serif;
    }

        .paid-ads-landing-page .six-tasty-meal-plan ul li img {
            max-width: 40px;
            margin-right: 10px;
        }

.paid-ads-landing-page .six-tasty-meal-plan .meal-img-box {
    max-width: 100%;
    margin: 0 auto;
    border-right: #04bb18 solid 1px;
    padding: 0 15%;
    position: relative;
    padding-top: 20px;
    margin-bottom: 20px;
}

    .paid-ads-landing-page .six-tasty-meal-plan .meal-img-box:after {
        position: absolute;
        content: "";
        left: 15%;
        width: 70%;
        bottom: -40px;
        background: #04bb18;
        height: 1px;
        right: 15%;
        margin: 0 auto;
    }

.paid-ads-landing-page .six-tasty-meal-plan ul li:nth-child(4) .meal-img-box:after {
    width: 0;
    height: 0;
}

.paid-ads-landing-page .six-tasty-meal-plan ul li:nth-child(5) .meal-img-box:after {
    width: 0;
    height: 0;
}

.paid-ads-landing-page .six-tasty-meal-plan ul li:nth-child(6) .meal-img-box:after {
    width: 0;
    height: 0;
}

.paid-ads-landing-page .six-tasty-meal-plan ul li:nth-child(3) .meal-img-box {
    border-right: #04bb18 solid 0;
}

.paid-ads-landing-page .six-tasty-meal-plan ul li:nth-child(6) .meal-img-box {
    border-right: #04bb18 solid 0;
}

.paid-ads-landing-page .six-tasty-meal-plan .meal-img-box img {
    max-width: 100%;
}

.paid-ads-landing-page .six-tasty-meal-plan h4 span {
    margin-right: 10px;
}

    .paid-ads-landing-page .six-tasty-meal-plan h4 span img {
        max-width: 52px;
        max-height: 45px;
    }

.paid-ads-landing-page .six-tasty-meal-plan h4 {
    color: #05b819;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 1.2px;
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif !important;
    text-align: center;
    text-transform: capitalize;
}

.paid-ads-landing-page .signup_section_purple {
    background: #a51cc6;
    text-align: center;
    padding-top: 63px;
    padding-bottom: 51px;
    float: left;
    width: 100%;
    margin-top: 0;
}

    .paid-ads-landing-page .signup_section_purple h3 {
        font-size: 30px;
        color: #fff;
        margin-bottom: 20px;
        margin-top: 0;
        font-family: acherus_grotesqueregular;
    }

.paid-ads-banner-content h1 br {
    display: none;
}

section.lazy.slider.six-plan-slider-mob.slick-initialized.slick-slider {
    display: none;
}

@media (max-width:767px) {
    section.lazy.slider.six-plan-slider-mob.slick-initialized.slick-slider {
        margin-bottom: 0;
        display: block;
    }

    .paid-ads-banner-content h1 {
        margin-bottom: 20px;
        font-size: 18px;
        max-width: 220px;
        margin-left: auto;
        margin-right: auto;
        line-height: normal;
    }

        .paid-ads-banner-content h1 br {
            display: block;
        }

    .get-off-img {
        max-width: 180px;
        display: block;
        margin: 0 auto 0 auto;
    }

    .paid-ads-banner-content {
        bottom: 45px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .cooking-and-cleaning-section h2 {
        font-family: 'Open Sans', sans-serif;
        color: #828282;
        position: relative;
        margin-top: 30px;
        padding-top: 20px;
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
        line-height: normal;
    }

    .cooking-and-cleaning-section h5 {
        font-family: 'Open Sans', sans-serif;
        color: #3cad40;
        text-transform: uppercase;
        font-size: 18px;
        line-height: 28px;
        max-width: 270px;
        margin-left: auto;
        margin-right: auto;
    }

    .cooking-and-cleaning-section .six-box {
        width: 90px;
        height: 90px;
        text-align: center;
        font-size: 58px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        color: #4a4849;
        display: block;
        margin: 0 auto;
        line-height: 82px;
        border: #4a4849 solid 2px;
        border-radius: 50%;
    }

    .right-col-border:before {
        top: 0;
        width: 100%;
        height: 1px;
        content: "";
        position: absolute;
        border-left: #929292 solid 0;
        border-top: #929292 solid 1px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .right-col-border {
        position: relative;
        margin-top: 0;
        margin-bottom: 40px;
        padding-top: 40px;
    }

    .col-left-cooking {
        border-top: #929292 solid 1px;
        padding-top: 40px;
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .paid-ads-page .service-col {
        padding: 0;
        border-bottom: #929292 solid 1px;
    }

    .paid-ads-page .service-col-content {
        width: auto;
        background: #fff;
        display: table-cell;
        padding-left: 15px;
        padding-bottom: 15px;
        padding-top: 20px;
        padding-right: 15px;
    }

    .paid-ads-landing-page .six-tasty-title {
        font-size: 26px !important;
    }

    .paid-ads-landing-page .six-tasty-meal-plan p {
        font-size: 20px;
        font-weight: 300;
        padding-top: 34px;
        line-height: 40px;
        padding-left: 20px;
        padding-right: 20px;
        font-family: 'Open Sans', sans-serif;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        color: #7c7c7c;
    }

    .paid-ads-landing-page .six-tasty-meal-plan h4 img {
        max-width: 24px;
        display: inline-block;
        margin-right: 15px;
    }

    .paid-ads-landing-page .six-tasty-meal-plan ul {
        margin: 80px 0 0 0;
        padding: 0;
        list-style: none;
        display: none;
    }

    .paid-ads-landing-page .six-tasty-meal-plan .meal-img-box {
        max-width: 100%;
        margin: 0 auto;
        border-right: #04bb18 solid 0;
        padding: 0 15px;
        position: relative;
        padding-top: 0;
        margin-bottom: 20px;
    }

    .slick-prev {
        left: -25px;
        background: url(../images/left-arrow-green.svg) no-repeat center left !important;
    }

    .slick-next {
        right: -25px;
        background: url(../images/right-arrow-green.svg) no-repeat center left !important;
    }

    .paid-ads-page .service-section {
        float: left;
        width: 100%;
        border-top: #b2b2b2 solid 1px;
        border-bottom: #b2b2b2 solid 1px;
        padding: 0 15px;
    }

    .paid-ads-page .service-col-numb {
        width: 25px;
    }

    .paid-ads-page .service-section p br {
        display: none;
    }

    .caption-banner {
        top: 10%;
    }

    .banner-text {
        padding-top: 0;
    }

    .freesh_food .middle-inner .food-add-to-cart .checkxl {
        width: 100%;
        text-align: center;
    }

.freesh_food .middle-inner .food-add-to-cart .btn.btn-add-to-cart {
    float: none;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: 0 auto;
}
.shortDescription {
    margin-bottom: 5px;
}

    .freesh_food .middle-inner .product-title-section {
        width: 100%;
    }

    .freesh_food .middle-inner .food-add-to-cart {
    width: 100%;
    margin: 0 auto 37px;
}

    /*#fresh-plus,
    #keto,
    #lean-mean,
    #paleo,
    #vegan {
        padding-top: 30px !important;
    }*/

.freesh_food .col-lg-4.col-sm-4.col-md-4.col-6.mb-5 {
    margin-bottom: 15px !important;
    padding-bottom: 50px;
    background: #e8e8e8;
    border-left: #fff solid 3px;
    border-right: #fff solid 3px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.freesh_food .middle-inner .food-add-to-cart .checkxl {
    padding-top: 0px;
    margin-right: 0px;
}
.freesh_food .middle-inner .food-add-to-cart .checkxl {
    margin-right: 0;
    min-height: 20px;
    margin: 0;
}
.info-icon-col .checkxl {
    width: auto !important;
}
.info-icon-col {
    margin-top: 0px;
    width: 100%;
}
/*.freesh_food .col-lg-4.col-sm-4.col-md-4.col-6.mb-5:after {
    border: #e4e4e4 solid 1px;
    width: 90%;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    content: "";
    margin: 0 auto;
}*/

.freesh_food .col-lg-4.col-sm-4.col-md-4.col-6.mb-5 .food-add-to-cart {
    width: 100%;
    margin: 0 auto 0;
}

    .checkxlmealdetail {
        display: inline-block;
        float: none;
        padding-top: 5px;
        font-weight: 600;
        font-size: 14px;
    }

    .food-add-to-cart .add-to-cart {
        float: none;
        clear: inherit;
        display: inline-block;
        margin-left: 10px;
    }

    .faq-page-wrap .banner-text p {
        font-size: 12px;
        line-height: 22px;
    }

    .faq-page-wrap .caption-banner {
        top: 20%;
    }

    .caption-banner.vissible-xs.how-it-work-caption {
        position: relative;
        min-height: inherit;
        margin-top: 0;
        margin-bottom: 25px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    header .navbar-toggler {
        margin-top: 10px;
    }

    .paid-ads-banner-content h1 {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .get-off-img {
        max-width: 140px;
        display: block;
        margin: 0 auto 10px auto;
    }

    .paid-ads-banner-content {
        bottom: 30px;
    }

    .cooking-right-col {
        max-width: 300px;
        margin: 0 auto 0 auto;
    }

    .cooking-and-cleaning-section p {
        font-size: 14px;
    }

    .paid-ads-page .service-col-numb {
        width: 30px;
        background: #e0e0e0;
        display: table-cell;
        height: 100%;
        vertical-align: middle;
        text-align: center;
        font-family: 'Encode Sans Expanded', sans-serif;
        font-weight: 500;
        font-size: 16.01px;
        color: #8f8f8f;
        padding-top: 0;
    }

    .paid-ads-page .service-col-content {
        width: auto;
        background: #fff;
        display: table-cell;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 25px;
        padding-top: 40px;
    }

    .paid-ads-page .service-section {
        float: left;
        width: 100%;
        border-top: #b2b2b2 solid 1px;
        border-bottom: #b2b2b2 solid 1px;
        padding: 0 15px;
    }

        .paid-ads-page .service-section p br {
            display: none;
        }

        .paid-ads-page .service-section h3 {
            font-size: 14.01px;
        }

        .paid-ads-page .service-section p {
            font-size: 10.74px;
            font-family: 'Encode Sans Expanded', sans-serif;
            font-weight: 500;
            margin: 0 0 12px 0;
            color: #8f8f8f;
            min-height: 185px;
        }

    .paid-ads-landing-page .six-tasty-meal-plan ul li {
        display: inline-block;
        width: 32%;
        text-align: center;
        margin-bottom: 40px;
        font-family: 'Open Sans', sans-serif;
    }

    .caption-banner {
        top: 10%;
    }

    .banner-text {
        padding-top: 0;
    }

    .plans-pkg-start-btn {
        font-size: 20px;
        margin: 15px 0;
        width: 100%;
        height: 40px;
    }

    .freesh_food .middle-inner .product-title-section {
        width: 200px;
    }

    .freesh_food .middle-inner .food-add-to-cart {
        width: 200px;
    }

        .freesh_food .middle-inner .food-add-to-cart .btn.btn-add-to-cart {
            float: none;
        }

        .freesh_food .middle-inner .food-add-to-cart .checkxl {
    padding-top: 0;
    display: block;
}
}

@media(min-width:992px) and (max-width:1199px) {
    .fmp-cartopen .cd-cart-items {
        margin: 0;
        padding: 0;
        overflow: auto;
        max-height: 77vh;
    }

    .custom-radio-btn .custom-control-label {
        padding-left: 17px;
        padding-right: 10px;
    }

    .paid-ads-banner-content h1 {
        margin-bottom: 40px;
        font-size: 20px;
    }

    .get-off-img {
        max-width: 200px;
        display: block;
        margin: 0 auto 10px auto;
    }

    .paid-ads-banner-content {
        bottom: 60px;
    }

    .cooking-right-col {
        max-width: 300px;
        margin: 0 auto 0 auto;
    }

    .cooking-and-cleaning-section p {
        font-size: 14px;
    }

    .paid-ads-page .service-col-numb {
        width: 30px;
        background: #e0e0e0;
        display: table-cell;
        height: 100%;
        vertical-align: middle;
        text-align: center;
        font-family: 'Encode Sans Expanded', sans-serif;
        font-weight: 500;
        font-size: 16.01px;
        color: #8f8f8f;
        padding-top: 0;
    }

    .paid-ads-page .service-col-content {
        width: auto;
        background: #fff;
        display: table-cell;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 25px;
        padding-top: 40px;
    }

    .paid-ads-page .service-section {
        float: left;
        width: 100%;
        border-top: #b2b2b2 solid 1px;
        border-bottom: #b2b2b2 solid 1px;
        padding: 0 15px;
    }

        .paid-ads-page .service-section p br {
            display: none;
        }

        .paid-ads-page .service-section h3 {
            font-size: 14.01px;
        }

        .paid-ads-page .service-section p {
            font-size: 10.74px;
            font-family: 'Encode Sans Expanded', sans-serif;
            font-weight: 500;
            margin: 0 0 12px 0;
            color: #8f8f8f;
            min-height: 185px;
        }

    .paid-ads-landing-page .six-tasty-meal-plan ul li {
        display: inline-block;
        width: 32%;
        text-align: center;
        margin-bottom: 40px;
        font-family: 'Open Sans', sans-serif;
    }

    .freesh_food .middle-inner .food-add-to-cart .btn.btn-add-to-cart {
        float: none;
    }

    .freesh_food .middle-inner .food-add-to-cart .checkxl {
        padding-top: 0;
    }
}

.prospect-page .card.prospect-02 {
    padding: 15px;
}

.prospect-page .gray-back {
    background-color: #f1f1f1;
    padding: 30px 0 0 0;
    margin-top: 0;
    border-top: #8f8f8f solid 1px;
}

.cart-popup-meal-type {
    float: left;
    width: 100%;
    margin-top: 5px;
    padding: 0 10px;
}

.product-sub-info {
    display: inline-block;
    float: left;
    font-weight: 700;
    text-transform: uppercase;
    width: 190px;
}

.product-size-info {
    display: inline-block;
    float: right;
    font-weight: 700;
    color: #a2342a;
    width: 85px;
    text-align: right;
}

.banner-form-box .form-group {
    position: relative;
    margin-bottom: 15px;
    max-width: 301px;
    margin-left: auto;
    margin-right: auto;
}

    .banner-form-box .form-group .required {
        position: absolute;
        top: 0;
        right: -10px;
        color: red;
    }

    .banner-form-box .form-group .field-validation-error {
        color: red;
        font-size: 12px;
        position: absolute;
        bottom: -20px;
    }

.purple-header2 {
    background: #7c1f67;
    text-align: center;
    color: #fff;
    padding: 12px 15px;
    border-top: #fff solid 1px;
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-left: -7px;
    margin-right: -7px;
}

.select-your-meal {
    font-weight: 400;
}

.select-your-meal {
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 22px;
}

    .select-your-meal span {
        background: #7c1f67;
        color: #fff;
        width: 24px;
        height: 24px;
        display: inline-block;
        border-radius: 50%;
        margin-right: 6px;
        vertical-align: top;
        line-height: 24px;
    }

.thursdayMeal {
    font-weight: 700;
    text-align: center;
    font-size: 14px;
}

.chefDescription {
    float: left;
    font-size: 15px;
    line-height: 36px;
    color: #525252;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding: 0 15px;
    width: 100%;
    text-align: left;
}

.shortDescription p {
    font-style: italic !important;
    font-size: 11px !important;
    color: #898989 !important;
    line-height: 16px !important;
    margin: 0px 0 !important;
}

@media (max-width:767px) {
    #main-navbar {
        position: relative;
        max-width: 100%;
        margin: 0 auto;
        border: 0 solid #000;
        padding: 0 5px;
    }

    ul.navbar-nav.mr-auto.justify-content-end {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .paddle {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 15px;
        background: 0 0;
        outline: 0;
        border: none;
        height: 60px;
    }

        .paddle i.fa.fa-angle-left,
        .paddle i.fa.fa-angle-right {
            font-size: 20px;
            color: #cdaac5;
        }

    .left-paddle {
        left: 5px;
    }

    .right-paddle {
        right: 5px;
    }
}

#fresh-plus,
#keto,
#lean-mean,
#paleo,
#vegan {
    padding-top: 0;
}

.customer-dislike {
    background-color: #fff !important;
    color: #666;
    font-weight: 400;
    border: 1px solid #b3b3b3;
    padding: 1.875rem 1.5625rem;
    margin: 1.875rem 0;
    max-width: 360px;
    min-height: inherit !important;
    padding: 10px 10px 25px 10px !important;
}

    .customer-dislike h2 {
        margin-top: 0 !important;
        margin-bottom: 20px !important;
        font-size: 20px !important;
        text-align: left;
        padding-left: 9px;
    }

    .customer-dislike .checkout-checkbox-main-div {
        margin: 0 !important;
    }

    .customer-dislike #SaveDislikes {
        margin-left: 9px;
        margin-top: 18px;
    }

#Anytime-fitness-page {
    background-color: #fff;
}

    #Anytime-fitness-page .Anytime-fitness-banner-section {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
        max-height: 615px;
    }

        #Anytime-fitness-page .Anytime-fitness-banner-section img.banner-img {
            max-width: 100%;
            width: 100%;
            height: 100%;
            max-height: 615px;
            position: relative;
            z-index: 0;
        }

    #Anytime-fitness-page .Anytime-fit-banner-content-box {
        width: 100%;
        display: inline-block;
        padding: 0 15px;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        top: 46%;
        transform: translate(-50%, -50%);
    }

        #Anytime-fitness-page .Anytime-fit-banner-content-box .anytime-fitness-logo {
            display: block;
            width: 100%;
            text-align: center;
            padding: 25px 3px;
        }

            #Anytime-fitness-page .Anytime-fit-banner-content-box .anytime-fitness-logo img {
                width: 250px;
            }

            #Anytime-fitness-page .Anytime-fit-banner-content-box .anytime-fitness-logo.first {
                border-bottom: .5px solid #3fdd50;
                display: inline-block;
                width: auto;
            }

        #Anytime-fitness-page .Anytime-fit-banner-content-box .anytime-fit-banner-title {
            font-size: 3.1vw;
            color: #fff;
            font-weight: 300;
            margin: 2vw 0 3vw;
        }

        #Anytime-fitness-page .Anytime-fit-banner-content-box .anytime-fit-banner-started-btn,
        #Anytime-fitness-page .Tack-workout-section .Tack-workout-content-box .get-sarted-btn {
            width: 170px;
            padding: 10px 20px;
            font-weight: 600;
            font-size: 17px;
            letter-spacing: 1px;
            background: #05b818;
            border: transparent;
            font-family: 'Encode Sans Expanded', sans-serif;
        }

    #Anytime-fitness-page .page-about-text-box {
        position: relative;
        text-align: center;
    }

        #Anytime-fitness-page .page-about-text-box .Anytime-fit-about-text {
            max-width: 900px;
            display: inline-block;
            margin: 70px auto;
            font-family: 'Open Sans', sans-serif;
            font-size: 24px;
            font-weight: 300;
            color: #5e5e5e;
            line-height: normal;
        }

    #Anytime-fitness-page .tasty-meal-plans-section {
        background-color: #f3f4f5;
        padding-top: 50px;
        padding-bottom: 50px;
    }

        #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-box-title {
            width: 100%;
            text-align: center;
        }

            #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-box-title h2 {
                display: block;
                padding: 10px 0;
                max-width: 336px;
                border: 1px solid #585858;
                border-radius: 0;
                text-transform: capitalize;
                font-size: 34.36px;
                color: #828282;
                line-height: 1;
                font-weight: 400;
                margin: 0 auto;
                font-family: 'Open Sans', sans-serif;
            }

            #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-box-title strong {
                font-weight: 600;
                color: #05b818;
                margin-right: 5px;
            }

        #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-box-disc {
            font-size: 24px;
            display: inline-block;
            max-width: 1058px;
            line-height: normal;
            margin: 25px auto;
            position: relative;
            left: 50%;
            font-family: 'Open Sans', sans-serif;
            transform: translateX(-50%);
            text-align: center;
            color: #7c7c7c;
        }

        #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-item-box {
            margin-bottom: 50px;
            position: relative;
            margin-top: 50px;
        }

            #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-item-box:after {
                content: " ";
                display: block;
                position: absolute;
                height: 1px;
                width: 66.4%;
                background-color: #04bb18;
                left: 50%;
                bottom: -50px;
                transform: translateX(-50%);
            }

    #Anytime-fitness-page .tasty-plan-item-box .plan-title {
        width: 100%;
        text-align: center;
        font-size: 20px;
        color: #05b818;
        margin-bottom: 30px;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
    }

        #Anytime-fitness-page .tasty-plan-item-box .plan-title img {
            max-width: 33px;
        }

    #Anytime-fitness-page .tasty-plan-item-box .tasty-plan-item-imgbox {
        display: inline-block;
        text-align: center;
        padding: 0 20px;
        border-right: 1px solid #04bb18;
        width: 100%;
    }

        #Anytime-fitness-page .tasty-plan-item-box .tasty-plan-item-imgbox img {
            max-width: 100%;
            width: 73%;
        }

    #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-item-box:nth-child(3n) .tasty-plan-item-imgbox {
        border: 0;
    }

    #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-item-box:nth-last-child(1):after,
    #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-item-box:nth-last-child(2):after,
    #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-item-box:nth-last-child(3):after {
        display: none;
    }

    #Anytime-fitness-page .how-its-work-section {
        margin: 25px 0 0;
    }

        #Anytime-fitness-page .how-its-work-section .how-work-title {
            font-size: 34px;
            color: #828282;
            margin-bottom: 30px;
            font-weight: 400;
            font-family: 'Open Sans', sans-serif;
        }

        #Anytime-fitness-page .how-its-work-section .how-its-work-step-box {
            background-color: #dbdbdb;
            margin: 0;
            border-top: 1px solid #929292;
        }

            #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-step-item-no {
                width: 20%;
                vertical-align: middle;
                float: left;
                position: relative;
            }

                #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-step-item-no p {
                    font-size: 45px;
                    margin-bottom: 0;
                    vertical-align: middle;
                    font-weight: 600;
                    text-align: center;
                    line-height: 1.5;
                    color: #828282;
                    font-family: 'Open Sans';
                    width: 90%;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                }

            #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-item-box {
                width: 80%;
                float: left;
                background-color: #fff;
                padding: 33px;
                min-height: 350px;
            }

                #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-item-box img {
                    max-width: 43%;
                    margin-top: 20px;
                }

        #Anytime-fitness-page .how-its-work-section .plan-work-item-box .plan-work-title {
            font-size: 20px;
            color: #8f8f8f;
            margin: 15px 0 10px;
            font-weight: 600;
            font-family: 'Open Sans', sans-serif;
        }

        #Anytime-fitness-page .how-its-work-section .plan-work-item-box .plan-work-disc {
            font-size: 12px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            line-height: 17px;
            color: #8f8f8f;
        }

    #Anytime-fitness-page .Tack-workout-section {
        position: relative;
        display: inline-block;
        margin-bottom: 20px;
    }

        #Anytime-fitness-page .Tack-workout-section img {
            max-width: 100%;
            width: 100%;
        }

        #Anytime-fitness-page .Tack-workout-section .Tack-workout-content-box {
            position: absolute;
            width: 90%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

            #Anytime-fitness-page .Tack-workout-section .Tack-workout-content-box h4 {
                color: #fff;
                font-size: 34px;
                line-height: normal;
                margin-bottom: 20px;
                font-family: 'Open Sans', sans-serif;
                font-weight: 400;
                text-align: center;
            }

    #Anytime-fitness-page .meals-plan-FAQ-section {
        padding-top: 25px;
        padding-bottom: 20px;
        max-width: 1080px;
        margin: 0 auto;
        margin-bottom: 50px;
    }

        #Anytime-fitness-page .meals-plan-FAQ-section .faq-title {
            font-size: 34px;
            color: #828282;
            margin-bottom: 50px;
            text-align: center;
            font-weight: 400;
            margin-top: 40px;
        }

        #Anytime-fitness-page .meals-plan-FAQ-section .accordion-inner {
            padding: 20px 70px 20px 60px;
            font-size: 18px;
            font-weight: 300;
            font-family: 'Open Sans', sans-serif;
        }

            #Anytime-fitness-page .meals-plan-FAQ-section .accordion-inner p {
                font-size: 18px;
                font-weight: 300;
                font-family: 'Open Sans', sans-serif;
            }

        #Anytime-fitness-page .meals-plan-FAQ-section .plan-faqs {
            display: inline-block;
            width: 100%;
            margin: 0 auto;
            margin-bottom: 0;
            border-radius: 10px;
            border: solid #929292 1px;
        }

            #Anytime-fitness-page .meals-plan-FAQ-section .plan-faqs .plan-faqs-item-box {
                display: block;
                border: 0 !important;
                border-bottom: solid #929292 1px !important;
            }

                #Anytime-fitness-page .meals-plan-FAQ-section .plan-faqs .plan-faqs-item-box:last-child {
                    border-bottom: 0 !important;
                }

                #Anytime-fitness-page .meals-plan-FAQ-section .plan-faqs .plan-faqs-item-box .faq-heading {
                    font-size: 20px;
                    padding: 20px 70px 20px 60px;
                }

                    #Anytime-fitness-page .meals-plan-FAQ-section .plan-faqs .plan-faqs-item-box .faq-heading a {
                        color: #7c7c7c;
                        font-family: 'Encode Sans Expanded', sans-serif;
                        display: block;
                        font-weight: 300;
                    }

                        #Anytime-fitness-page .meals-plan-FAQ-section .plan-faqs .plan-faqs-item-box .faq-heading a span {
                            width: 95%;
                            display: inline-block;
                            vertical-align: top;
                        }

                        #Anytime-fitness-page .meals-plan-FAQ-section .plan-faqs .plan-faqs-item-box .faq-heading a:hover {
                            text-decoration: none;
                        }

                #Anytime-fitness-page .meals-plan-FAQ-section .plan-faqs .plan-faqs-item-box .faq-disc-text {
                    padding: 0 20px;
                    font-size: 15px;
                    color: #7c7c7c;
                    border-top: 1px solid #929292;
                    width: 100%;
                }

    #Anytime-fitness-page .accordion-heading .accordion-toggle {
        background: #fff;
        color: #7c7c7c;
        border-bottom: 0 solid #8f8f8f;
        font-size: 24px;
        text-decoration: none;
        outline: 0;
        font-weight: 500;
        text-transform: capitalize;
        font-family: 'Open Sans', sans-serif;
    }

    #Anytime-fitness-page .meals-plan-FAQ-section .accordion-toggle.collapsed:after {
        font-family: FontAwesome;
        content: "\f067";
        float: right;
        font-size: 24px;
        position: unset !important;
    }

    #Anytime-fitness-page .meals-plan-FAQ-section .accordion-toggle:after {
        content: "\f068";
        font-family: FontAwesome;
        float: right;
        transition: .5s linear;
        color: #878787;
        font-size: 24px;
        position: unset !important;
    }

.page.account-page.customer-acc-cancel-page {
    background-position: center;
    background-size: cover;
    padding: 30px 0;
    box-sizing: border-box;
}

.customer-acc-cancel-page .freshly-subscrip-title {
    font-size: 35px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 0;
    margin-bottom: 28px;
    line-height: 52px;
    color: #023203;
}

.customer-acc-cancel-page .freshly-subscription-box {
    background-color: #fffffff5;
    width: 740px;
    display: inline-block;
    position: relative;
    padding: 30px;
    left: 50%;
    transform: translateX(-50%);
}

    .customer-acc-cancel-page .freshly-subscription-box .freshly-subscripform-title {
        font-size: 16px;
        font-weight: 500;
        text-align: center;
        color: #059c15;
    }

    .customer-acc-cancel-page .freshly-subscription-box .freshly-subtitle {
        font-size: 14px;
        text-align: center;
    }

    .customer-acc-cancel-page .freshly-subscription-box .freshly-subscripform-table {
        width: 100%;
        display: table;
    }

        .customer-acc-cancel-page .freshly-subscription-box .freshly-subscripform-table tr {
            border-bottom: 1px solid #868686;
        }

            .customer-acc-cancel-page .freshly-subscription-box .freshly-subscripform-table tr:last-child {
                border-bottom: none;
            }

        .customer-acc-cancel-page .freshly-subscription-box .freshly-subscripform-table .data-title-box {
            width: 44%;
            padding: 10px;
            font-weight: 500;
        }

        .customer-acc-cancel-page .freshly-subscription-box .freshly-subscripform-table .data-info-box {
            width: 56%;
            color: #059c15;
            font-weight: 600;
            padding: 10px;
        }

            .customer-acc-cancel-page .freshly-subscription-box .freshly-subscripform-table .data-info-box p {
                font-size: 14px;
                color: #5a5a5a;
                margin-bottom: 0;
            }

    .customer-acc-cancel-page .freshly-subscription-box .reactive-submission-box {
        text-align: center;
        padding-top: 10px;
    }

        .customer-acc-cancel-page .freshly-subscription-box .reactive-submission-box .submission-btn {
            width: 100%;
        }

@media only screen and (max-width:767px) {
    #Anytime-fitness-page {
        padding-top: 79px;
    }

        #Anytime-fitness-page .Anytime-fit-banner-content-box .anytime-fitness-logo img {
            width: 90px;
        }

        #Anytime-fitness-page .Anytime-fit-banner-content-box .anytime-fitness-logo {
            padding: 5px 3px;
        }

        #Anytime-fitness-page .Anytime-fit-banner-content-box .anytime-fit-banner-started-btn,
        #Anytime-fitness-page .Tack-workout-section .Tack-workout-content-box .get-sarted-btn {
            width: 135px;
            font-size: 13px;
            padding: 7px 10px;
        }

        #Anytime-fitness-page .Anytime-fit-banner-content-box .anytime-fit-banner-title {
            font-size: 12px;
        }

        #Anytime-fitness-page .page-about-text-box .Anytime-fit-about-text {
            font-size: 13px;
            width: 100%;
        }

        #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-box-title h2,
        #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-box-title strong {
            font-size: 20px;
        }

        #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-box-title h2 {
            display: inline-block;
            padding: 10px 15px;
            width: auto;
        }

        #Anytime-fitness-page .tasty-meal-plans-section {
            padding-top: 25px;
            padding-bottom: 25px;
        }

            #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-box-disc {
                font-size: 14px;
                width: 100%;
                margin: 11px auto;
            }

        #Anytime-fitness-page .page-about-text-box .Anytime-fit-about-text {
            max-width: 100%;
            margin: 30px auto;
            font-weight: 300;
        }

        #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-step-item-no {
            width: 10%;
            vertical-align: middle;
            float: left;
            position: relative;
            border-bottom: 1px solid #ccc;
        }

        #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-item-box {
            width: 90%;
            float: left;
            background-color: #fff;
            padding: 20px;
            margin-top: 1px;
            min-height: inherit;
        }

        #Anytime-fitness-page .Tack-workout-section .Tack-workout-content-box h4 {
            color: #fff;
            font-size: 13px;
            line-height: normal;
            margin-bottom: 4px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
        }

        #Anytime-fitness-page .Tack-workout-section img {
            max-width: 100%;
            width: 100%;
            min-height: 120px;
        }

        #Anytime-fitness-page .tasty-plan-item-box .plan-title {
            font-size: 14px;
            margin-bottom: 20px;
        }

            #Anytime-fitness-page .tasty-plan-item-box .plan-title img {
                max-width: 14px;
            }

        #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-item-box:nth-child(3n) .tasty-plan-item-imgbox {
            border-right: 1px solid #04bb18;
        }

        #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-item-box:nth-child(2n) .tasty-plan-item-imgbox {
            border: 0;
        }

        #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-item-box:nth-last-child(3):after {
            display: block;
        }

        #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-item-box:nth-last-child(1):after,
        #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-item-box:nth-last-child(2):after {
            display: none;
        }

        #Anytime-fitness-page .how-its-work-section .how-work-title {
            font-size: 24px;
        }

        #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-item-box img {
            max-width: 25%;
            margin-top: 20px;
        }

        #Anytime-fitness-page .how-its-work-section .plan-work-item-box .plan-work-title {
            font-size: 18px;
        }

        #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-step-item-no p {
            font-size: 20px;
        }

        #Anytime-fitness-page .how-its-work-section .plan-work-item-box .plan-work-disc br {
            display: none;
        }

        #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-item-box img {
            max-width: 25%;
            margin-top: 20px;
            max-height: 50px;
        }

        #Anytime-fitness-page .meals-plan-FAQ-section .faq-title {
            font-size: 20px;
        }

        #Anytime-fitness-page .meals-plan-FAQ-section .faq-title {
            margin-bottom: 20px;
            margin-top: 0;
        }

        #Anytime-fitness-page .accordion-heading .accordion-toggle {
            font-size: 14px;
        }

    .accordion-heading .accordion-toggle {
        display: block;
        padding: 5px 16px;
        padding-left: 0;
        position: relative;
    }

    #Anytime-fitness-page .meals-plan-FAQ-section .plan-faqs .plan-faqs-item-box .faq-heading a {
        line-height: normal;
        min-height: 44px;
    }

    #Anytime-fitness-page .meals-plan-FAQ-section .accordion-toggle.collapsed:after {
        top: 0 !important;
        margin-top: 10px !important;
        position: absolute !important;
    }

    #Anytime-fitness-page .meals-plan-FAQ-section .accordion-toggle:after {
        top: 0 !important;
        margin-top: 10px !important;
        position: absolute !important;
    }

    #Anytime-fitness-page .meals-plan-FAQ-section .accordion-inner {
        padding: 10px 0 20px 0;
    }

        #Anytime-fitness-page .meals-plan-FAQ-section .accordion-inner p {
            font-size: 13px;
            font-weight: 400;
            font-family: 'Open Sans', sans-serif;
            line-height: normal;
        }

    #Anytime-fitness-page .meals-plan-FAQ-section .plan-faqs .plan-faqs-item-box .faq-heading {
        font-size: 12px;
        padding: 10px;
    }

    #Anytime-fitness-page .meals-plan-FAQ-section .plan-faqs .plan-faqs-item-box .faq-disc-text {
        padding: 0 10px;
        font-size: 12px;
    }

    #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-item-box {
        margin-bottom: 30px;
        margin-top: 30px;
    }

        #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-item-box:after {
            bottom: -30px;
        }

    .page.account-page.customer-acc-cancel-page {
        margin-top: 78px;
    }

    .customer-acc-cancel-page .freshly-subscrip-title {
        font-size: 23px;
        margin-bottom: 28px;
        line-height: 1.5;
    }

    .customer-acc-cancel-page .freshly-subscription-box {
        width: 85%;
    }

        .customer-acc-cancel-page .freshly-subscription-box .freshly-subscripform-table .data-info-box p {
            line-height: 1.2;
        }

        .customer-acc-cancel-page .freshly-subscription-box .reactive-submission-box .submission-btn {
            width: 100%;
            font-size: 16px;
        }
}

@media (min-width:768px) and (max-width:991px) {
    #Anytime-fitness-page .page-about-text-box .Anytime-fit-about-text {
        max-width: 90%;
        margin: 40px auto;
        font-size: 17px;
    }

    #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-box-disc {
        font-size: 17px;
        width: 100%;
        margin: 16px auto;
    }

    #Anytime-fitness-page .accordion-heading .accordion-toggle {
        font-size: 19px;
    }

    #Anytime-fitness-page .meals-plan-FAQ-section .accordion-inner {
        font-size: 16px;
        font-weight: 300;
        font-family: 'Open Sans', sans-serif;
        padding: 10px 15px 10px 15px;
    }

        #Anytime-fitness-page .meals-plan-FAQ-section .accordion-inner p {
            font-size: 16px;
            font-weight: 300;
            font-family: 'Open Sans', sans-serif;
        }

    #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-step-item-no p {
        font-size: 20px !important;
    }

    #Anytime-fitness-page .how-its-work-section .plan-work-item-box .plan-work-disc br {
        display: none;
    }

    #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-step-item-no {
        width: 10%;
        vertical-align: middle;
        float: left;
        position: relative;
    }

    #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-item-box {
        width: 90%;
        float: left;
        background-color: #fff;
        padding: 20px;
        margin-top: 1px;
        min-height: 280px;
    }

    .customer-acc-cancel-page .freshly-subscrip-title {
        font-size: 28px;
        margin-bottom: 25px;
        line-height: 1.5;
    }

    .customer-acc-cancel-page .freshly-subscription-box {
        width: 75%;
    }

        .customer-acc-cancel-page .freshly-subscription-box .freshly-subscripform-table .data-info-box p {
            line-height: 1.2;
        }
}

@media (min-width:992px) and (max-width:1199px) {
    #Anytime-fitness-page .page-about-text-box .Anytime-fit-about-text {
        max-width: 750px;
        margin: 40px auto;
        font-size: 20px;
    }

    #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-box-disc {
        font-size: 20px;
        max-width: 880px;
        margin: 25px auto;
    }

    #Anytime-fitness-page .how-its-work-section .plan-work-item-box .plan-work-disc {
        font-size: 11px;
        line-height: 17px;
    }

    #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-item-box {
        width: 92%;
        float: left;
        background-color: #fff;
        padding: 10px;
        margin-top: 1px;
        min-height: 370px;
    }

    #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-step-item-no {
        width: 8%;
        vertical-align: middle;
        float: left;
        position: relative;
    }

        #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-step-item-no p {
            font-size: 20px;
            margin-bottom: 0;
            vertical-align: middle;
            font-weight: 600;
            text-align: center;
            line-height: 1.5;
            color: #828282;
            font-family: 'Open Sans';
            width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    #Anytime-fitness-page .meals-plan-FAQ-section .plan-faqs .plan-faqs-item-box .faq-heading {
        font-size: 20px;
        padding: 20px 30px 20px 20px;
    }

    #Anytime-fitness-page .meals-plan-FAQ-section .accordion-inner {
        font-size: 18px;
        font-weight: 300;
        font-family: 'Open Sans', sans-serif;
        padding: 20px 30px 20px 20px;
    }

        #Anytime-fitness-page .meals-plan-FAQ-section .accordion-inner p {
            font-size: 18px;
            font-weight: 300;
            font-family: 'Open Sans', sans-serif;
        }
}

@media only screen and (min-device-width:992px) and (max-device-width:1024px) {
    #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-step-item-no {
        width: 18%;
    }

    #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-item-box {
        width: 82%;
        padding: 15px 20px;
        min-height: 275px;
    }

    #Anytime-fitness-page .how-its-work-section .plan-work-item-box .plan-work-title {
        font-size: 18px;
    }

    #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-item-box img {
        max-width: 25%;
        margin-top: 32px;
        max-height: 48px;
    }

    #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-box-title h2 {
        max-width: 304px;
        font-size: 29px;
    }

    #Anytime-fitness-page .meals-plan-FAQ-section .faq-title {
        font-size: 26px;
    }

    #Anytime-fitness-page .meals-plan-FAQ-section .plan-faqs .plan-faqs-item-box .faq-heading {
        font-size: 18px;
        padding: 15px 25px 15px 25px;
    }

    #Anytime-fitness-page .accordion-heading .accordion-toggle {
        font-size: 19px;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    #Anytime-fitness-page .Anytime-fit-banner-content-box .anytime-fitness-logo img {
        width: 150px;
    }

    #Anytime-fitness-page .Anytime-fit-banner-content-box .anytime-fitness-logo {
        padding: 12px 3px;
    }

    #Anytime-fitness-page .Anytime-fit-banner-content-box .anytime-fit-banner-started-btn,
    #Anytime-fitness-page .Tack-workout-section .Tack-workout-content-box .get-sarted-btn {
        width: 135px;
        padding: 4px 12px;
        font-weight: 600;
        font-size: 16px;
        letter-spacing: 1px;
    }

    #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-box-title h2 {
        width: 37%;
        font-size: 23px;
    }

    #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-box-title strong {
        font-size: 23px;
    }

    #Anytime-fitness-page .tasty-meal-plans-section {
        background-color: #f3f4f5;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #Anytime-fitness-page .tasty-plan-item-box .plan-title {
        width: 100%;
        text-align: center;
        font-size: 17px;
        color: #05b818;
    }

    #Anytime-fitness-page .tasty-plan-item-box .tasty-plan-item-imgbox img {
        max-width: 100%;
        width: 66%;
    }

    #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-item-box {
        margin-bottom: 35px;
        position: relative;
        margin-top: 35px;
    }

        #Anytime-fitness-page .tasty-meal-plans-section .tasty-plan-item-box:after {
            left: 50%;
            bottom: -35px;
        }

    #Anytime-fitness-page .tasty-plan-item-box .plan-title img {
        max-width: 23px;
    }

    #Anytime-fitness-page .how-its-work-section .how-work-title {
        font-size: 24px;
    }

    #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-item-box {
        padding: 20px;
    }

        #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-item-box img {
            max-width: 37%;
            margin-top: 20px;
            max-height: 40px;
        }

    #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-step-item-no p {
        font-size: 35px;
    }

    #Anytime-fitness-page .how-its-work-section .plan-work-item-box .plan-work-title {
        font-size: 17px;
    }

    #Anytime-fitness-page .meals-plan-FAQ-section .faq-title {
        font-size: 25px;
    }

    #Anytime-fitness-page .meals-plan-FAQ-section .plan-faqs .plan-faqs-item-box .faq-heading {
        font-size: 18px;
        padding: 15px;
    }
}

@media (min-width:1200px) and (max-width:1365px) {
header .navbar-light .navbar-nav .nav-link {
   font-size: 16px !important;  
}
.the-food-section h4 {
    font-size: 18px !important;
 }
    #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-step-item-no {
        width: 10% !important;
        vertical-align: middle;
        float: left;
        position: relative;
    }

    #Anytime-fitness-page .how-its-work-section .how-its-work-step-box .plan-work-item-box {
        width: 90% !important;
        float: left;
        background-color: #fff;
        padding: 20px !important;
        margin-top: 1px;
        min-height: 350px;
    }

    #Anytime-fitness-page .how-its-work-section .plan-work-item-box .plan-work-disc {
        font-size: 11px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        line-height: 17px;
        color: #828282;
    }
}

.about-us-new-landing-page .about-banner-back {
    padding-bottom: 100px;
    padding-top: 100px;
    background: url(../../../../../images/aboutus-about-back.png) no-repeat center;
    background-size: cover;
    min-height: 500px;
    text-align: center;
}

    .about-us-new-landing-page .about-banner-back h1 {
        font-size: 50px;
        font-family: 'Open Sans', sans-serif;
        text-align: center;
        color: #fff;
        margin-bottom: 20px;
        font-weight: 500;
    }

    .about-us-new-landing-page .about-banner-back p {
        font-size: 18px;
        font-weight: 500;
        font-family: 'Open Sans', sans-serif;
        color: #fff;
        line-height: 30px;
        width: 950px;
        margin: auto;
    }

.about-us-new-landing-page .services-details {
    padding: 0;
    margin: 0;
}

    .about-us-new-landing-page .services-details li {
        width: 20%;
        float: left;
        padding: 20px 0;
        min-height: 250px;
        display: inline-block;
        position: relative;
    }

        .about-us-new-landing-page .services-details li img {
            max-width: 100%;
        }

    .about-us-new-landing-page .services-details h4 {
        color: #868686;
        font-size: 13px;
        font-weight: 700;
        font-family: 'Open Sans', sans-serif;
        margin-top: -25px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    .about-us-new-landing-page .services-details li:hover .services-hover-content {
        display: block;
    }

.about-us-new-landing-page .services-hover-content {
    display: none;
    background: #dfdfdf;
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
}

.about-us-new-landing-page .services-hover-content-middle {
    height: auto;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 10px 25px;
}

.about-us-new-landing-page .services-hover-content h5 {
    color: #00c318;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin: 10px 0 20px;
    text-transform: uppercase;
}

.about-us-new-landing-page .services-hover-content p {
    font-size: 12px;
    line-height: 20px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding: 0;
    margin-bottom: 20px;
}

.about-us-new-landing-page .services-hover-content a {
    color: #a51cc6;
    text-decoration: underline !important;
    font-size: 12px;
}

.about-us-new-landing-page .our-food-facts {
    background: #f7f7f7;
    padding-top: 50px;
    padding-bottom: 25px;
}

    .about-us-new-landing-page .our-food-facts h4 {
        font-size: 12px;
        text-align: center;
        text-transform: uppercase;
        color: #a51cc6;
        font-family: 'Encode Sans Expanded', sans-serif;
        letter-spacing: 1px;
        font-weight: 500;
    }

    .about-us-new-landing-page .our-food-facts h3 {
        font-size: 50px;
        font-family: 'Open Sans', sans-serif;
        text-align: center;
        color: #00c318;
        margin-top: 0;
        margin-bottom: 20px;
        font-weight: 400;
    }

.about-us-new-landing-page .fresh-quality-left {
    text-align: center;
    padding-top: 30px;
    display: block;
    max-width: 260px;
    margin: 0 auto;
}

.about-us-new-landing-page .our-food-facts h6 {
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #a51cc6;
    font-weight: 700;
    font-family: 'Encode Sans Expanded', sans-serif;
    margin-bottom: 15px;
    margin-top: 15px;
}

.about-us-new-landing-page .never-text {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #333;
    font-family: 'Encode Sans Expanded', sans-serif;
    margin-bottom: 8px;
    width: auto;
    display: inline-block;
}

.about-us-new-landing-page .through-text {
    position: relative;
}

    .about-us-new-landing-page .through-text:before {
        content: "";
        background: #00c318;
        width: 100%;
        height: 2px;
        left: 0;
        right: 0;
        position: absolute;
        top: 50%;
        margin: auto;
    }

.about-us-new-landing-page .fresh-quality-right {
    text-align: center;
    padding-top: 30px;
}

.about-us-new-landing-page .Proteins-text {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    color: #333;
    margin-top: -10px;
    margin-bottom: 15px;
    font-weight: 400;
}

.about-us-new-landing-page .fresh-quality-right p {
    font-size: 14px;
    font-family: 'Encode Sans Expanded', sans-serif;
    font-weight: 400;
    color: #5a5a5a;
    line-height: 28px;
    margin-bottom: 30px;
    font-weight: 400;
}

.about-us-new-landing-page .bdr-left {
    border-left: #d6d6d6 1px solid;
}

.about-us-new-landing-page .vegetables-tab-col {
    padding-bottom: 50px;
    padding-top: 50px;
    background: url(../../../../../images/aboutus-Ingredients-back.png) no-repeat center;
    background-size: cover;
    min-height: 500px;
}

.about-us-new-landing-page .vegetables-img img {
    max-width: 100%;
}

.about-us-new-landing-page .bhoechie-tab-container {
    z-index: 10;
    background-color: transparent;
    padding-top: 50px;
    border-radius: 0;
    -moz-border-radius: 4px;
    border: 0 solid #ddd;
    margin-top: 0;
    margin-left: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: none;
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    opacity: .97;
}

.about-us-new-landing-page .bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.about-us-new-landing-page .bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}

.about-us-new-landing-page .bhoechie-tab-menu .list-group-item {
    background-color: transparent !important;
    border: 0 solid #ddd;
}

.about-us-new-landing-page .bhoechie-tab-menu a.list-group-item:hover {
    background-color: transparent !important;
}

.about-us-new-landing-page .bhoechie-tab-menu .list-group-item.active {
    background-color: transparent !important;
    border-color: transparent !important;
}

.about-us-new-landing-page .bhoechie-tab-content {
    margin-left: 20px;
}

.about-us-new-landing-page .sub-content {
    padding-left: 25px;
}

.about-us-new-landing-page .bhoechie-tab-content h4 {
    font-size: 12px;
    text-transform: uppercase;
    color: #a51cc6;
    font-family: 'Encode Sans Expanded', sans-serif;
    letter-spacing: 1px;
    font-weight: 500;
}

.about-us-new-landing-page .bhoechie-tab-content h3 {
    font-size: 45px;
    font-family: 'Open Sans', sans-serif;
    color: #00c318;
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 500;
}

.about-us-new-landing-page .bhoechie-tab-content p {
    font-size: 14px;
    font-family: 'Encode Sans Expanded', sans-serif;
    font-weight: 400;
    color: #5a5a5a;
    line-height: 25px;
    margin-bottom: 20px;
}

.about-us-new-landing-page .sub-content li {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 15px;
    list-style: none;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
    list-style-type: disc;
}

.about-us-new-landing-page .proteins-icon {
    background-image: url(../../../../../images/aboutus-proteins.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: auto;
    height: 80px;
    padding: 0;
    background-size: 40% auto;
}

    .about-us-new-landing-page .proteins-icon.active,
    .about-us-new-landing-page .proteins-icon:hover {
        background-image: url(../../../../../images/aboutus-proteins-h.png);
        background-repeat: no-repeat;
        background-position: center top;
        width: auto;
        height: 80px;
        padding: 0;
        background-size: 40% auto;
    }

.about-us-new-landing-page .vegetables-icon {
    background-image: url(../../../../../images/aboutus-vegetables-icon.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: auto;
    height: 80px;
    padding: 0;
    background-size: 45% auto;
}

    .about-us-new-landing-page .vegetables-icon.active,
    .about-us-new-landing-page .vegetables-icon:hover {
        background-image: url(../../../../../images/aboutus-vegetables-icon-h.png);
        background-repeat: no-repeat;
        background-position: center top;
        width: auto;
        height: 80px;
        padding: 0;
        background-size: 45% auto;
    }

.about-us-new-landing-page .whole-grains {
    background-image: url(../../../../../images/aboutus-whole-grains.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: auto;
    height: 80px;
    padding: 0;
    background-size: 45% auto;
}

    .about-us-new-landing-page .whole-grains.active,
    .about-us-new-landing-page .whole-grains:hover {
        background-image: url(../../../../../images/aboutus-whole-grains-h.png);
        background-repeat: no-repeat;
        background-position: center top;
        width: auto;
        height: 80px;
        padding: 0;
        background-size: 45% auto;
    }

.about-us-new-landing-page .sauces {
    background-image: url(../../../../../images/aboutus-sauces.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: auto;
    height: 80px;
    padding: 0;
    background-size: 50% auto;
}

    .about-us-new-landing-page .sauces.active,
    .about-us-new-landing-page .sauces:hover {
        background-image: url(../../../../../images/aboutus-sauces-h.png);
        background-repeat: no-repeat;
        background-position: center top;
        width: auto;
        height: 80px;
        padding: 0;
        background-size: 50% auto;
    }

.bhoechie-tab-content.active {
    display: block;
}

.about-us-new-landing-page .ready-fresh-col {
    background: #00c318;
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 350px;
}

    .about-us-new-landing-page .ready-fresh-col h3 {
        font-size: 45px;
        font-family: 'Open Sans', sans-serif;
        text-align: center;
        color: #fff;
        margin-top: 0;
        margin-bottom: 15px;
        font-weight: 400;
    }

    .about-us-new-landing-page .ready-fresh-col p {
        font-size: 18px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        color: #fff;
        line-height: 25px;
        margin-bottom: 20px;
        text-align: center;
    }

.about-us-new-landing-page .ready-middle-form {
    width: 40%;
    margin: auto;
}

    .about-us-new-landing-page .ready-middle-form .form-control {
        display: block;
        width: 100%;
        height: 30px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 0 solid #8f8f8f;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        text-align: center;
        font-family: 'Encode Sans Expanded', sans-serif;
        font-weight: 400;
    }

.about-us-new-landing-page .ready-form-btn {
    text-align: center;
}

    .about-us-new-landing-page .ready-form-btn .btn {
        margin-top: 40px;
        width: 260px;
        height: 40px;
        border-radius: 8px;
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        color: #fff !important;
        background-color: #a51cc6;
        border-color: #a51cc6;
        padding: 5px 20px;
    }

        .about-us-new-landing-page .ready-form-btn .btn:focus,
        .about-us-new-landing-page .ready-form-btn .btn:hover {
            color: #a51cc6 !important;
            background-color: #fff !important;
            border-color: #a51cc6 !important;
        }

@media (min-width:1200px) {
    .about-us-new-landing-page .our-food-facts .container {
        width: 990px;
    }

    .about-us-new-landing-page .vegetables-img {
        text-align: right;
    }

        .about-us-new-landing-page .vegetables-img img {
            width: 400px;
        }
}

@media only screen and (max-width:479px) {
    .about-us-new-landing-page .services-details li {
        width: 100%;
    }

    .about-us-new-landing-page .bhoechie-tab-content h3 {
        font-size: 25px;
    }

    .about-us-new-landing-page .ready-middle-form {
        width: 90%;
        margin: auto;
    }

        .about-us-new-landing-page .ready-middle-form .form-input {
            margin-bottom: 15px;
        }

    .about-us-new-landing-page .ready-form-btn .btn {
        margin-top: 10px;
        width: auto;
    }

    .about-us-new-landing-page .bhoechie-tab-menu {
        padding-left: 10px;
    }
}

@media only screen and (max-width:480px) {
    .about-us-new-landing-page .about-banner-back h1 {
        font-size: 30px;
    }

    .about-us-new-landing-page .about-banner-back p {
        font-size: 16px;
        width: 100%;
    }

    .about-us-new-landing-page .our-food-facts h3 {
        font-size: 30px;
    }

    .bhoechie-tab-menu {
        width: 25%;
    }

    .bhoechie-tab {
        width: 75%;
    }

    .about-us-new-landing-page .through-text:before {
        width: 240px;
    }

    .about-us-new-landing-page .bhoechie-tab-content h3 {
        font-size: 30px;
    }

    .about-us-new-landing-page .ready-fresh-col h3 {
        font-size: 30px;
    }

    .about-us-new-landing-page .ready-middle-form .form-control {
        margin-bottom: 10px;
    }
}

@media (min-width:480px) and (max-width:767px) {
    .about-us-new-landing-page .about-banner-back h1 {
        font-size: 35px;
    }

    .about-us-new-landing-page .our-food-facts h3 {
        font-size: 35px;
    }

    .about-us-new-landing-page .services-details li {
        width: 50%;
    }

    .about-us-new-landing-page .ready-middle-form {
        width: 90%;
        margin: auto;
    }

        .about-us-new-landing-page .ready-middle-form .form-input {
            margin-bottom: 15px;
        }

    .about-us-new-landing-page .ready-form-btn .btn {
        margin-top: 10px;
        width: auto;
    }

    .about-us-new-landing-page .through-text:before {
        width: 240px;
    }

    .about-us-new-landing-page .bhoechie-tab-content h3 {
        font-size: 35px;
    }

    .about-us-new-landing-page .ready-fresh-col h3 {
        font-size: 35px;
    }

    .about-us-new-landing-page .ready-middle-form .form-control {
        margin-bottom: 10px;
    }

    .about-us-new-landing-page .about-banner-back p {
        font-size: 16px;
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about-us-new-landing-page .bhoechie-tab-content {
        margin-left: 0;
    }

        .about-us-new-landing-page .bhoechie-tab-content h3 {
            font-size: 36px;
        }

    .about-us-new-landing-page .about-banner-back p {
        width: 100%;
    }

    .about-us-new-landing-page .services-details li {
        width: 33%;
    }

    .about-us-new-landing-page .ready-middle-form {
        width: 50%;
        margin: auto;
    }

    .about-us-new-landing-page .through-text:before {
        width: 70%;
    }

    .about-us-new-landing-page .our-food-facts h3 {
        font-size: 38px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .about-us-new-landing-page .about-banner-back p {
        width: 100%;
    }

    .about-us-new-landing-page .services-details li {
        width: 33%;
    }

    .about-us-new-landing-page .through-text:before {
        width: 60%;
    }
}

.new-how-it-work-banner {
    position: relative;
}

    .new-how-it-work-banner img {
        width: 100%;
        height: auto;
    }

.new-how-it-banner-content {
    position: absolute;
    top: 48%;
    left: 5%;
    z-index: 9;
    max-width: 460px;
    text-align: center;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#banner_section.new-how-it-work-banner .new-how-it-banner-content h6 {
    color: #000;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#banner_section.new-how-it-work-banner .new-how-it-banner-content h1 {
    color: #a51cc6 !important;
    font-size: 52px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0;
    margin-bottom: 20px;
}

#banner_section.new-how-it-work-banner .new-how-it-banner-content p {
    color: #000 !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0;
    padding-top: 0;
}

.new-how-it-work-tab-section .container-fluid {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.new-how-it-work-tab-section nav > .nav.nav-tabs {
    border: none;
    color: #fff;
    background: #00c318;
    border-radius: 0;
    text-align: center;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
}

#nav-Delivered-tab {
    border-left: #fff solid 1px;
    border-right: #fff solid 1px;
}

.new-how-it-work-tab-section nav > div a.nav-item.nav-link h3 {
    color: #a51cc6;
    font-family: Roboto, sans-serif;
    letter-spacing: 1px;
    font-size: 22px;
    font-weight: 400;
    margin-top: 15px;
}

.new-how-it-work-tab-section nav > div a.nav-item.nav-link {
    border: none;
    padding: 60px 0;
    color: #a51cc6;
    background: #00c318;
    border-radius: 0;
    font-family: Roboto, sans-serif;
    letter-spacing: 1px;
    font-size: 22px;
    position: relative;
    width: 33.333%;
}

    .new-how-it-work-tab-section nav > div a.nav-item.nav-link.active {
        border: none;
        padding: 60px 0;
        color: #a51cc6;
        background: #00cf19;
        border-radius: 0;
        position: relative;
        width: 33.333%;
    }

        .new-how-it-work-tab-section nav > div a.nav-item.nav-link.active:after,
        .new-how-it-work-tab-section nav > div a.nav-item.nav-link:hover:after {
            content: "";
            position: absolute;
            bottom: -45px;
            left: 0;
            border: 23px solid transparent;
            border-top-color: #00cf19;
            z-index: 9;
            right: 0;
            margin: 0 auto;
            width: 30px;
            height: 32px;
            padding: 0;
        }

.new-how-it-work-tab-section .tab-content {
    line-height: 25px;
    border: 0 solid #ddd;
    padding: 0 !important;
    min-height: 450px;
}

.new-how-it-work-tab-section nav > div a.nav-item.nav-link.active:after {
    background: 0 0;
}

.new-how-it-work-tab-section .tab-content .tab-pane {
    width: 100%;
    padding-top: 25px;
}

#nav-weekly {
    background: url(../images/new-how-it-work-tabs-content-bg.jpg) no-repeat center top;
    background-size: cover;
}

#nav-Enjoy {
    background: url(../images/FreshMeals_072_digi.png) no-repeat center top;
    background-size: cover;
}

.new-how-it-work-tab-section nav > div a.nav-item.nav-link:focus,
.new-how-it-work-tab-section nav > div a.nav-item.nav-link:hover {
    border: none;
    background: #00cf19;
    color: #a51cc6;
    border-radius: 0;
    transition: background .2s linear;
    position: relative;
}

#nav-weekly-tab img {
    max-width: 75px;
    display: block;
    margin: 0 auto;
}

#nav-Delivered-tab img {
    max-width: 121px;
    display: block;
    margin: 15.5px auto;
}

#nav-Enjoy-tab img {
    max-width: 59px;
    display: block;
    margin: 4.5px auto;
}

.tabs-circle {
    background: #a51cc6;
    color: #fff;
    font-weight: 700;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    line-height: 50px;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#nav-weekly-tab .tabs-circle {
    left: -22px;
}

.fmp-ipad-img {
    max-height: 100%;
    text-align: left;
    margin-top: 30px;
}

    .fmp-ipad-img img {
        max-width: 443px;
    }

.new-how-it-work-tab-section .tab-content .container {
    max-width: 1200px;
}

.new-how-it-work-tab-right-side {
    top: 45%;
    -ms-transform: translateY(-44%);
    -webkit-transform: translateY(-44%);
    -moz-transform: translateY(-44%);
    -o-transform: translateY(-44%);
    transform: translateY(-44%);
    position: absolute;
    z-index: 9;
    padding-left: 0;
}

#nav-Delivered .new-how-it-work-tab-right-side {
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 9;
    padding-left: 20px;
}

.new-how-it-work-tab-right-side button.btn.btn-primary {
    margin-top: 60px;
}

.new-how-it-work-tab-section .tab-content .container h5 {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    line-height: 36px;
    font-size: 20px;
}

.new-how-it-work-tab-section .tab-content .new-how-it-work-tab-right-side img {
    display: inline-block;
    vertical-align: top;
    max-width: 150px;
    margin-top: 25px;
}

.new-how-it-work-tab-section .tab-content .new-how-it-work-tab-right-side .small-text {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    line-height: 26px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    width: 70%;
    margin-left: 20px;
    margin-top: 23px;
}

.new-how-it-work-tab-section .tab-content a {
    color: #00c318;
    text-decoration: none;
    background-color: transparent;
}

#nav-Delivered .fmp-ipad-img img {
    max-width: 100%;
}

#nav-Delivered {
    padding: 25px 0 0 0;
    background: #fff;
}

    #nav-Delivered .new-how-it-work-tab-right-side img {
        max-width: 60px;
        margin-top: 20px;
    }

    #nav-Delivered .new-how-it-work-tab-right-side button.btn.btn-primary {
        margin-top: 40px;
    }

.FMP_Vehicle-img {
    margin-top: 0;
}

#nav-Delivered .small-text {
    width: 65%;
}

#nav-Enjoy .small-text {
    margin-top: 35px;
}

#nav-Enjoy .new-how-it-work-tab-right-side {
    margin-top: 25px;
}

.new-how-it-work-FAQ-section {
    width: 100%;
    position: relative;
}

    .new-how-it-work-FAQ-section:after {
        position: absolute;
        right: 0;
        top: -80px;
        width: 235px;
        height: 280px;
        content: "";
        background: url(../images/paleo-plan-page.png) no-repeat top right;
        z-index: 9;
        background-size: 70%;
    }

    .new-how-it-work-FAQ-section:before {
        position: absolute;
        left: 0;
        bottom: 190px;
        width: 235px;
        height: 280px;
        content: "";
        background: url(../images/veg-plan-page.png) no-repeat top left;
        z-index: 9;
        background-size: 70%;
    }

    .new-how-it-work-FAQ-section.orange-theory-faq:after {
        position: absolute;
        right: 0;
        top: -170px;
        width: 320px;
        height: 420px;
        content: "";
        background: url(../images/AA-PLAN-PLATES-CUT-KETO-cut.png) no-repeat top right;
        z-index: 9;
        background-size: 80%;
    }

    .new-how-it-work-FAQ-section.orange-theory-faq:before {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 0px;
        height: 0px;
        content: "";
        background: none;
        z-index: 9;
        background-size: 0%;
    }

    .new-how-it-work-FAQ-section .container {
        max-width: 1020px;
        padding-top: 50px;
    }


    .new-how-it-work-FAQ-section h2 {
        font-size: 50px;
        font-family: 'Open Sans', sans-serif;
        margin-bottom: 30px;
    }

    .new-how-it-work-FAQ-section .panel-title.first-title a:before {
        float: left !important;
        font-family: FontAwesome;
        content: "\f068";
        padding-right: 15px;
        font-size: 24px !important;
        color: #00cf19;
    }

    .new-how-it-work-FAQ-section.orange-theory-faq .panel-title.first-title a:before {
        color: #F58220;
    }

    .new-how-it-work-FAQ-section h4.panel-title a:before {
        float: left !important;
        font-family: FontAwesome;
        content: "\f068";
        padding-right: 15px;
        font-size: 24px !important;
        color: #00cf19;
        padding-top: 10px;
    }

    .new-how-it-work-FAQ-section.orange-theory-faq h4.panel-title a:before {
        color: #F58220;
    }

    .new-how-it-work-FAQ-section h4.panel-title a.collapsed:before {
        float: left !important;
        content: "\f067";
        font-size: 24px !important;
        color: #00cf19;
    }

    .new-how-it-work-FAQ-section.orange-theory-faq h4.panel-title a.collapsed:before {
        color: #F58220;
    }

    .new-how-it-work-FAQ-section .panel-title {
        font-size: 18px;
        color: #000;
        margin-bottom: 15px;
        margin-top: 15px;
    }

        .new-how-it-work-FAQ-section .panel-title a {
            font-size: 18px;
            line-height: 32px;
            color: #000;
            font-family: Roboto, sans-serif;
            font-weight: 400;
            text-decoration: none;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
        }

.orange-theory-page .new-how-it-work-FAQ-section.orange-theory-faq .panel-title a {
    font-family: 'Encode Sans', sans-serif;
    font-size: 25px;
    font-weight: 500;
    text-transform: none;
}

.new-how-it-work-FAQ-section .panel-title a span {
    text-transform: uppercase;
    margin: 0 4px;
}

.new-how-it-work-FAQ-section .panel-body {
    padding-left: 30px;
    padding-bottom: 10px;
}

    .new-how-it-work-FAQ-section .panel-body p {
        font-size: 16px;
        font-family: Roboto, sans-serif;
        line-height: 26px;
        color: #000;
    }

    .new-how-it-work-FAQ-section .panel-body a {
        color: #00cf19;
    }

.new-how-it-work-FAQ-section.orange-theory-faq .panel-body a {
    color: #F58220;
}

a.btn.view-all-FAQ {
    border: #707070 solid 1px;
    border-radius: 0;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 15px 25px;
    width: auto;
    margin: 0 auto;
}

.faq-contact-info {
    background: #f2f2f2;
    padding: 50px 0;
    width: 100%;
    color: #000;
    margin-top: 30px;
    font-weight: 400;
    color: #000;
    -webkit-text-fill-color: #000;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #707070;
}

    .faq-contact-info a {
        color: #000;
    }

    .faq-contact-info .container {
        max-width: 1020px;
    }

.contact-details {
    font-size: 23px;
    margin-top: 50px;
    text-align: left;
    font-family: 'Encode Sans', sans-serif;
}

.faq-contact-info .phone-icon {
    max-height: 63px;
}

.faq-contact-info .email-icon {
    height: 64px;
    padding-top: 10px;
}

.faq-contact-info .phone-block {
    letter-spacing: 1px;
    font-size: 19px;
    border-left: #00cf19 solid 1px;
    border-right: #00cf19 solid 1px;
    max-width: 250px;
    margin: 0 auto;
}

.faq-contact-info .email-block {
    letter-spacing: 1px;
    font-size: 19px;
}

.faq-contact-info .phone-block h3 {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    margin-top: 25px;
    margin-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
}

    .faq-contact-info .phone-block h3:after {
        background: #00cf19;
        width: 47px;
        height: 1px;
        position: absolute;
        bottom: -15px;
        left: 0;
        right: 0;
        margin: 0 auto;
        content: "";
    }

.faq-contact-info .email-block h3 {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    margin-top: 25px;
    margin-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
}

    .faq-contact-info .email-block h3:after {
        background: #00cf19;
        width: 47px;
        height: 1px;
        position: absolute;
        bottom: -15px;
        left: 0;
        right: 0;
        margin: 0 auto;
        content: "";
    }

@media (max-width:767px) {
    .red-banner {
        padding: 4px 5px;
        font-size: 10px;
        line-height: normal;
    }

    .new-how-it-banner-content {
        position: relative;
        top: 30px;
        left: 0;
        z-index: 9;
        max-width: 460px;
        text-align: center;
        transform: translateY(0);
        right: 0;
        margin: 0 auto;
    }

    #banner_section.new-how-it-work-banner .new-how-it-banner-content h1 {
        font-size: 28px;
    }

    .new-how-it-work-tab-section nav > div a.nav-item.nav-link {
        width: 100%;
    }

        .new-how-it-work-tab-section nav > div a.nav-item.nav-link.active {
            padding: 35px 10px;
            width: 100%;
        }

    .fmp-ipad-img img {
        max-width: 200px;
        margin: 0 auto;
        margin-bottom: 1px;
    }

    .new-how-it-work-tab-right-side {
        top: 0;
        transform: translateY(0);
        position: relative;
        z-index: 9;
        padding-left: 0;
        text-align: center;
    }

    .new-how-it-work-tab-section nav > .nav.nav-tabs {
        border: none;
        color: #595959;
        background: 0 0;
        border-radius: 0;
        display: block;
    }

    .fmp-ipad-img {
        max-height: 100%;
        text-align: center;
        margin-top: 30px;
        width: 100%;
        border-bottom: #c2c2c2 solid 1px;
        margin-bottom: 15px;
    }

    .new-how-it-work-tab-section h5 {
        line-height: 24px;
        font-size: 16px;
        text-align: center;
        font-family: Roboto, sans-serif;
        margin-bottom: 15px;
    }

    .new-how-it-work-tab-section .small-text {
        margin-top: 20px;
    }

    .new-how-it-work-tab-right-side button.btn.btn-primary {
        margin-top: 20px;
        margin-bottom: 50px;
    }

    #nav-Delivered .new-how-it-work-tab-right-side {
        top: 0;
        transform: translateY(0);
        position: relative;
        z-index: 9;
        padding-left: 0;
    }

    .FMP_Vehicle-img {
        margin-top: 25px;
    }

    #nav-Delivered .small-text {
        width: 100%;
    }

    #nav-Enjoy .small-text {
        margin-top: 15px;
    }

    .new-how-it-work-tab-section.visible-xs {
        margin-top: 80px;
    }

    .new-how-it-work-FAQ-section:after {
        top: -50px;
        width: 80px;
        height: 130px;
        background-size: 70px;
    }

    .new-how-it-work-FAQ-section h2 {
        font-size: 30px;
        font-family: 'Open Sans', sans-serif;
        margin-bottom: 10px;
    }

    .new-how-it-work-FAQ-section .container {
        max-width: 100%;
        padding-top: 20px;
    }

    .new-how-it-work-FAQ-section h4.panel-title a:before {
        padding-right: 20px;
        font-size: 15px !important;
        color: #00cf19;
        padding-top: 2px;
        margin-top: 0;
    }

    .faq-contact-info {
        padding: 0 0;
        width: 100%;
        margin-top: 0;
    }

    .new-how-it-work-FAQ-section:before {
        position: absolute;
        left: 0;
        bottom: 370px;
        width: 100px;
        height: 130px;
        content: "";
        background: url(../images/veg-plan-page.png) no-repeat top left;
        z-index: 9;
        background-size: 80px;
    }

    .contact-details {
        font-size: 12px;
        margin-top: 40px;
        text-align: center;
        margin-bottom: 20px;
    }

    .faq-contact-info .phone-block {
        letter-spacing: 1px;
        font-size: 19px;
        border-left: #00cf19 solid 0;
        border-right: #00cf19 solid 0;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
    }

        .faq-contact-info .phone-block h3 {
            font-size: 19px;
            text-transform: uppercase;
            font-weight: 700;
            position: relative;
            margin-top: 15px;
            margin-bottom: 25px;
            font-family: 'Open Sans', sans-serif;
        }

    .faq-contact-info .email-block h3 {
        font-size: 19px;
        text-transform: uppercase;
        font-weight: 700;
        position: relative;
        margin-top: 5px;
        margin-bottom: 25px;
        font-family: 'Open Sans', sans-serif;
    }

    .faq-contact-info .phone-block {
        letter-spacing: 1px;
        font-size: 16px;
    }

    .faq-contact-info .email-block {
        letter-spacing: 1px;
        font-size: 16px;
    }

    .new-how-it-work-FAQ-section .panel-body p {
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
        line-height: 20px;
        color: #000;
    }

    .new-how-it-work-FAQ-section .panel-title a {
        font-size: 16px;
        line-height: 24px;
        font-family: 'Open Sans', sans-serif;
    }

        .new-how-it-work-FAQ-section .panel-title a br {
            display: none;
        }

    .new-how-it-work-FAQ-section .col-sm-6 {
        width: 100%;
        max-width: 100%;
        flex: inherit;
    }

    .new-how-it-work-tab-section .col-sm-6 {
        width: 100%;
        max-width: 100%;
        flex: inherit;
    }

    .faq-contact-info .col-sm-4 {
        width: 100%;
        max-width: 100%;
        flex: inherit;
    }
}

@media (min-width:768px) and (max-width:991px) {
    #banner_section.new-how-it-work-banner .new-how-it-banner-content h1 {
        font-size: 32px;
    }

    #banner_section.new-how-it-work-banner .new-how-it-banner-content p {
        font-size: 13px;
        line-height: 24px;
        letter-spacing: 0;
        padding-top: 0;
    }

    .new-how-it-banner-content {
        position: absolute;
        top: 50%;
        left: 2%;
        z-index: 9;
        max-width: 380px;
        text-align: center;
        transform: translateY(-50%);
    }

    .new-how-it-work-tab-section nav > div a.nav-item.nav-link h3 {
        font-size: 16px;
    }

    #nav-weekly-tab img {
        max-width: 60px;
    }

    #nav-Delivered-tab img {
        max-width: 100px;
        margin: 10.5px auto;
    }

    #nav-Enjoy-tab img {
        max-width: 43px;
        margin: 7.5px auto;
    }

    .new-how-it-work-tab-section nav > div a.nav-item.nav-link.active {
        padding: 50px 0;
    }

    .new-how-it-work-tab-section nav > div a.nav-item.nav-link {
        padding: 50px 0;
        width: 33.333%;
    }

    .new-how-it-work-tab-section .tab-content .container h5 {
        line-height: 24px;
        font-size: 13px;
    }

    .new-how-it-work-tab-section .tab-content .container {
        max-width: 750px;
    }

    .new-how-it-work-tab-right-side {
        padding-left: 0 !important;
    }

    .new-how-it-work-tab-section nav > div a.nav-item.nav-link.active:after,
    .new-how-it-work-tab-section nav > div a.nav-item.nav-link:hover:after {
        content: "";
        position: absolute;
        bottom: -37px;
        left: 0;
        border: 20px solid transparent;
        border-top-color: #00cf19;
        z-index: 9;
        right: 0;
        margin: 0 auto;
        width: 30px;
        height: 32px;
        padding: 0;
    }

    .new-how-it-work-tab-right-side button.btn.btn-primary {
        margin-top: 30px;
    }

    .fmp-ipad-img img {
        max-width: 320px;
    }

    .new-how-it-work-tab-section .tab-content .new-how-it-work-tab-right-side img {
        max-width: 110px;
        margin-top: 25px;
    }

    .new-how-it-work-tab-section .tab-content .new-how-it-work-tab-right-side img {
        max-width: 85px;
        margin-top: 25px;
    }

    .new-how-it-work-tab-section .tab-content .new-how-it-work-tab-right-side .small-text {
        line-height: 18px;
        font-size: 10px;
        width: 71%;
        margin-left: 10px;
        margin-top: 10px;
    }

    .FMP_Vehicle-img {
        margin-top: 40px;
    }

    #nav-Delivered .new-how-it-work-tab-right-side img {
        max-width: 40px;
        margin-top: 10px;
    }

    #nav-Delivered .new-how-it-work-tab-right-side button.btn.btn-primary {
        margin-top: 25px;
    }

    .new-how-it-work-tab-section .tab-content {
        min-height: 340px !important;
    }

    .new-how-it-work-FAQ-section .container {
        max-width: 680px;
        padding-top: 25px;
    }

    .new-how-it-work-FAQ-section .panel-title a {
        font-size: 14px;
        line-height: 24px;
    }

    .new-how-it-work-FAQ-section h4.panel-title a:before {
        padding-top: 3px;
    }

    .new-how-it-work-FAQ-section .panel-body p {
        font-size: 12px;
        line-height: 18px;
    }

    .new-how-it-work-FAQ-section h2 {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .new-how-it-work-FAQ-section:before {
        bottom: 190px;
        width: 200px;
        height: 170px;
        background-size: 115px;
    }

    .new-how-it-work-FAQ-section:after {
        top: -80px;
        width: 235px;
        height: 240px;
        background-size: 130px;
    }

    .faq-contact-info .email-block {
        letter-spacing: .5px;
        font-size: 12px;
    }

    .faq-contact-info .phone-block {
        letter-spacing: .5px;
        font-size: 12px;
    }

        .faq-contact-info .phone-block h3 {
            font-size: 16px;
            margin-top: 15px;
            margin-bottom: 30px;
        }

    .faq-contact-info .email-block h3 {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .faq-contact-info .phone-icon img {
        width: 24px;
    }

    .faq-contact-info .email-icon img {
        width: 40px;
    }

    .faq-contact-info .email-icon {
        height: 44px;
        padding-top: 10px;
    }

    .contact-details {
        font-size: 14px;
        margin-top: 40px;
    }

    .faq-contact-info .phone-block {
        max-width: 200px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .new-how-it-work-FAQ-section h4.panel-title a:before {
        padding-top: 6px;
    }

    .new-how-it-work-tab-section .tab-content .container {
        max-width: 980px;
    }

    #banner_section.new-how-it-work-banner .new-how-it-banner-content h1 {
        font-size: 40px;
    }

    #banner_section.new-how-it-work-banner .new-how-it-banner-content h1 {
        font-size: 40px;
    }

    .new-how-it-work-tab-section .tab-content .container h5 {
        line-height: 30px;
        font-size: 17px;
    }

    .new-how-it-work-tab-section nav > div a.nav-item.nav-link.active:after,
    .new-how-it-work-tab-section nav > div a.nav-item.nav-link:hover:after {
        content: "";
        position: absolute;
        bottom: -40px;
        left: 0;
        border: 20px solid transparent;
        border-top-color: #00cf19;
        z-index: 9;
        right: 0;
        margin: 0 auto;
        width: 30px;
        height: 32px;
        padding: 0;
    }

    .new-how-it-work-tab-section .tab-content .new-how-it-work-tab-right-side img {
        max-width: 110px;
        margin-top: 25px;
    }

    .new-how-it-work-tab-section .tab-content .new-how-it-work-tab-right-side .small-text {
        line-height: 22px;
        font-size: 12px;
        width: 70%;
        margin-left: 20px;
        margin-top: 18px;
    }

    .FMP_Vehicle-img {
        margin-top: 50px;
    }

    .new-how-it-work-tab-section .tab-content .new-how-it-work-tab-right-side .small-text {
        margin-top: 25px;
    }

    .new-how-it-work-FAQ-section .container {
        max-width: 800px;
        padding-top: 30px;
    }

    .new-how-it-work-FAQ-section .panel-title a {
        font-size: 16px;
        line-height: 28px;
    }

    .new-how-it-work-FAQ-section .panel-body p {
        font-size: 14px;
        line-height: 22px;
    }

    .new-how-it-work-FAQ-section h2 {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .new-how-it-work-FAQ-section:before {
        bottom: 190px;
        width: 200px;
        height: 205px;
        background-size: 120px;
    }

    .new-how-it-work-FAQ-section:after {
        top: -80px;
        width: 235px;
        height: 240px;
        background-size: 130px;
    }

    .faq-contact-info .email-block {
        letter-spacing: 1px;
        font-size: 13px;
    }

    .faq-contact-info .phone-block {
        letter-spacing: 1px;
        font-size: 13px;
    }

        .faq-contact-info .phone-block h3 {
            font-size: 16px;
            margin-top: 15px;
            margin-bottom: 30px;
        }

    .faq-contact-info .email-block h3 {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .faq-contact-info .phone-icon img {
        width: 24px;
    }

    .faq-contact-info .email-icon img {
        width: 40px;
    }

    .faq-contact-info .email-icon {
        height: 44px;
        padding-top: 10px;
    }

    .contact-details {
        font-size: 17px;
        margin-top: 40px;
    }

    .faq-contact-info .phone-block {
        max-width: 200px;
    }
}

@media (min-width:1800px) {
    .new-how-it-work-tab-section .tab-content .container {
        max-width: 1335px !important;
        width: 1335px !important;
    }

    .new-how-it-banner-content {
        position: absolute;
        top: 50%;
        left: 5%;
        z-index: 9;
        max-width: 730px;
        text-align: center;
        transform: translateY(-50%);
    }

    #banner_section.new-how-it-work-banner .new-how-it-banner-content h6 {
        color: #000;
        font-size: 20px;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    #banner_section.new-how-it-work-banner .new-how-it-banner-content h1 {
        color: #a51cc6;
        font-size: 79px;
        font-weight: 400;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 0;
    }

    #banner_section.new-how-it-work-banner .new-how-it-banner-content p {
        color: #000;
        font-size: 25px;
        font-weight: 400;
        line-height: 45px;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 0;
    }

    .new-how-it-work-tab-section nav > div a.nav-item.nav-link h3 {
        font-size: 40px;
        margin-top: 30px;
    }

    #nav-weekly-tab img {
        max-width: 120px;
    }

    #nav-Delivered-tab img {
        max-width: 190px;
        margin: 26.5px auto;
    }

    #nav-Enjoy-tab img {
        max-width: 90px;
        margin: 11.5px auto;
    }

    .new-how-it-work-tab-section nav > div a.nav-item.nav-link.active {
        padding: 90px 25px;
    }

    .new-how-it-work-tab-section nav > div a.nav-item.nav-link {
        padding: 90px 25px;
    }

    .tabs-circle {
        width: 89px;
        height: 89px;
        line-height: 89px;
        top: -44px;
        font-size: 40px;
    }

    .new-how-it-work-tab-section nav > div a.nav-item.nav-link.active:after,
    .new-how-it-work-tab-section nav > div a.nav-item.nav-link:hover:after {
        bottom: -85px;
        border: 44px solid transparent;
        border-top-color: #00cf19;
        z-index: 9;
        right: 0;
        margin: 0 auto;
        width: 30px;
        height: 32px;
        padding: 0;
    }

    .new-how-it-work-tab-section .tab-content .container h5 {
        line-height: 55px;
        font-size: 23px;
    }

    .new-how-it-work-tab-section .tab-content .new-how-it-work-tab-right-side .small-text {
        line-height: 30px;
        font-size: 16px;
        width: 70%;
        margin-left: 20px;
        margin-top: 23px;
    }

    .new-how-it-work-tab-right-side {
        padding-left: 0;
    }

    #nav-Delivered .new-how-it-work-tab-right-side {
        padding-left: 0;
    }

    .FMP_Vehicle-img {
        margin-top: 60px;
    }

    .fmp-ipad-img img {
        max-width: 590px;
    }

    .new-how-it-work-FAQ-section h2 {
        font-size: 79px;
        margin-bottom: 30px;
        margin-top: 40px;
    }

    .new-how-it-work-FAQ-section .panel-title a {
        font-size: 25px;
        line-height: 35px;
    }

    .new-how-it-work-FAQ-section .container {
        max-width: 1130px;
        padding-top: 50px;
    }

    .faq-contact-info .container {
        max-width: 1130px;
    }

    .faq-contact-info .phone-block {
        max-width: 85%;
    }

    a.btn.view-all-FAQ {
        font-size: 20px;
        padding: 15px 35px;
        width: auto;
        margin: 30px auto;
    }

    .contact-details {
        font-size: 25px;
        margin-top: 50px;
    }

    .new-how-it-work-FAQ-section .panel-body p {
        font-size: 22px;
        font-family: 'Open Sans', sans-serif;
        line-height: 36px;
        color: #000;
    }

    .new-how-it-work-tab-section nav > div a.nav-item.nav-link.active:after,
    .new-how-it-work-tab-section nav > div a.nav-item.nav-link:hover:after {
        content: "";
        position: absolute;
        bottom: -65px;
        left: 0;
        border: 34px solid transparent;
        border-top-color: #00cf19;
        z-index: 9;
        right: 0;
        margin: 0 auto;
        width: 30px;
        height: 32px;
        padding: 0;
    }
}

@media (min-width:1200px) {
    .new-how-it-work-FAQ-section #accordion {
        margin-left: 70px;
    }

    .fmp-ipad-img {
        margin-top: 20px;
        margin-left: 50px;
    }
}

.trial-membership .new-how-it-banner-content {
    position: absolute;
    bottom: 2%;
    left: 0;
    z-index: 9;
    width: 100%;
    text-align: center;
    transform: translateY(0);
    top: inherit;
    max-width: inherit;
}

.trial-membership #banner_section.new-how-it-work-banner .new-how-it-banner-content p {
    color: #000;
    margin-bottom: 5px;
    font-family: 'Encode Sans', sans-serif;
}

.trial-membership #banner_section.new-how-it-work-banner .new-how-it-banner-content h6 {
    color: #00cf19;
    font-size: 20px;
    letter-spacing: 2px;
    font-family: 'Encode Sans', sans-serif;
    margin-bottom: 0;
}

.trial-membership #banner_section.new-how-it-work-banner .new-how-it-banner-content .arrow-banner img {
    width: 30px;
}

.trial-membership #nav-weekly-tab img {
    max-width: 100px;
    display: block;
    margin: 3px auto;
    height: 80px;
}

.trial-membership #nav-Delivered-tab img {
    max-width: 100px;
    display: block;
    margin: 0 auto;
    height: 85px;
}

.trial-membership #nav-Enjoy-tab img {
    max-width: 100px;
    display: block;
    margin: 0 auto;
    height: 85px;
}

.trial-membership .tab-pane.fade {
    background: #a51cc6;
}

.trial-membership #nav-weekly {
    background: #a51cc6;
    width: 100%;
}

.trial-membership #nav-Delivered {
    background: #a51cc6;
    width: 100%;
    padding-top: 0;
}

.trial-membership #nav-Enjoy {
    background: #a51cc6;
    width: 100%;
}

.trial-membership .new-how-it-work-tab {
    text-align: center;
    padding: 100px 0;
}

    .trial-membership .new-how-it-work-tab .number-point {
        background: #00cf19;
        padding: 10px;
        width: 45px;
        margin: 0 auto;
        color: #fff;
        font-weight: 700;
        border-radius: 50%;
        margin-bottom: 10px;
    }

    .trial-membership .new-how-it-work-tab h3 {
        color: #fff;
        margin-top: 30px;
        font-family: 'Encode Sans', sans-serif;
        font-weight: 400;
    }

    .trial-membership .new-how-it-work-tab p {
        color: #fff;
        margin-bottom: 30px;
        font-family: 'Encode Sans', sans-serif;
        font-size: 18px;
    }

.trial-membership .button-start {
    display: inline-flex;
}

    .trial-membership .button-start a {
        background: #00cf19;
        border: solid #00cf19 1px;
        padding: 12px 30px;
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        border-radius: 8px;
        letter-spacing: .5px;
    }

        .trial-membership .button-start a:hover {
            background: #fff;
            border: solid #00cf19 1px;
            padding: 12px 30px;
            color: #00cf19;
            border-radius: 8px;
        }

.trial-membership .trial-membership-FAQ-section .panel-body ul {
    margin: 0;
    padding: 0;
}

.trial-membership .trial-membership-FAQ-section .panel-body li {
    list-style: disc;
    font-weight: 400;
}

    .trial-membership .trial-membership-FAQ-section .panel-body li ul {
        margin-left: 15px;
    }

.trial-membership .trial-membership-FAQ-section .panel-body ul li ul li {
    list-style: disc;
}

.new-how-it-work-FAQ-section .container {
    padding: 0;
    width: 100%;
    max-width: 100%;
}

.orange-theory-faq .container {
    max-width: 1020px;
    padding-top: 50px;
}

.new-how-it-work-FAQ-section.orange-theory-faq .panel-title {
    text-align: left;
}

.new-how-it-work-FAQ-section.orange-theory-faq .panel-body p {
    text-align: left;
}

.trial-membership .trial-membership-FAQ-section .left-images-text {
    padding-bottom: 25px;
    padding-right: 20px;
    color: #868686;
}

.trial-membership .trial-membership-FAQ-section .right-images-text {
    padding-top: 20px;
    padding-left: 85px;
    color: #868686;
}

.trial-membership .trial-membership-FAQ-section:after {
    position: absolute;
    right: 0;
    top: -200px;
    width: 0;
    height: 0;
    content: "";
    background: 0 0;
    z-index: 9;
    background-size: 70%;
}

.trial-membership .trial-membership-FAQ-section:before {
    position: absolute;
    left: 0;
    bottom: 220px;
    width: 0;
    height: 0;
    content: "";
    background: 0 0;
    z-index: 9;
    background-size: 70%;
}

.trial-membership .trial-membership-FAQ-section .col-sm-8 {
    margin: 0 auto;
    width: 50%;
    margin-bottom: 50px;
}

.trial-membership .left-image-side {
    float: right;
    position: absolute;
    right: 0;
    top: -100px;
    width: 300px;
    text-align: center;
}

.trial-membership .right-image-side {
    float: left;
    position: absolute;
    left: 0;
    bottom: 220px;
    width: 300px;
    text-align: center;
}

    .trial-membership .right-image-side .images-icon {
        width: auto;
    }

.trial-membership .faq-contact-info .container {
    padding: 0;
    width: 100%;
    max-width: 1020px;
}

.trial-membership-tab-section .container-fluid {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.trial-membership-tab-section nav > .nav.nav-tabs {
    border: none;
    color: #fff;
    background: #00c318;
    border-radius: 0;
}

#nav-Delivered-tab {
    border-top: #fff solid 1px;
    border-bottom: #fff solid 1px;
    border-left: #fff solid 0;
    border-right: #fff solid 0;
}

.trial-membership-section nav > div a.nav-item.nav-link h3 {
    color: #a51cc6;
    font-family: Roboto, sans-serif;
    letter-spacing: 1px;
    font-size: 22px;
    font-weight: 400;
    margin-top: 15px;
}

.trial-membership-tab-section nav > div a.nav-item.nav-link {
    border: none;
    padding: 50px 25px 60px 25px;
    color: #a51cc6;
    background: #00c318;
    border-radius: 0;
    font-family: Roboto, sans-serif;
    letter-spacing: 1px;
    font-size: 22px;
    position: relative;
}

    .trial-membership-tab-section nav > div a.nav-item.nav-link.active {
        border: none;
        padding: 50px 25px 60px 25px;
        color: #a51cc6;
        background: #00cf19;
        border-radius: 0;
        position: relative;
    }

        .trial-membership-tab-section nav > div a.nav-item.nav-link.active:after,
        .trial-membership-tab-section nav > div a.nav-item.nav-link:hover:after {
            content: "";
            position: absolute;
            bottom: -45px;
            left: 0;
            border: 23px solid transparent;
            border-top-color: #00cf19;
            z-index: 9;
            right: 0;
            margin: 0 auto;
            width: 30px;
            height: 32px;
            padding: 0;
            background: 0 0;
        }

.trial-membership-tab-section .tab-content {
    line-height: 25px;
    border: 0 solid #ddd;
    padding: 0 !important;
    min-height: 350px;
}

#nav-weekly {
    background: url(../images/new-how-it-work-tabs-content-bg.jpg) no-repeat center top;
    background-size: cover;
}

#nav-Enjoy {
    background: url(../images/FreshMeals_072_digi.png) no-repeat center top;
    background-size: cover;
}

.trial-membership-tab-section nav > div a.nav-item.nav-link:focus,
.trial-membership-tab-section nav > div a.nav-item.nav-link:hover {
    border: none;
    background: #00cf19;
    color: #a51cc6;
    border-radius: 0;
    transition: background .2s linear;
    position: relative;
}

.trial-membership-tab-section .tab-content .container h5 {
    font-family: 'Encode Sans', sans-serif;
    font-weight: 400;
    line-height: 36px;
    font-size: 20px;
}

.trial-membership-tab-section .tab-content .new-how-it-work-tab-right-side img {
    display: inline-block;
    vertical-align: top;
    max-width: 150px;
    margin-top: 25px;
}

.trial-membership-tab-section .tab-content .new-how-it-work-tab-right-side .small-text {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    line-height: 26px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    width: 70%;
    margin-left: 20px;
    margin-top: 23px;
}

.trial-membership-tab-section .tab-content a {
    color: #00c318;
    text-decoration: none;
    background-color: transparent;
}

.trial-membership-tab-section .tab-content .button-start a {
    color: #fff;
    text-decoration: none;
    background-color: #00c318;
}

.vertical-tab {
    font-family: 'Noto Sans', sans-serif;
    display: table;
    width: 100%;
}

    .vertical-tab .nav-tabs {
        display: table-cell;
        width: 28%;
        min-width: 28%;
        vertical-align: top;
        border: none;
    }

        .vertical-tab .nav-tabs a {
            float: none;
            vertical-align: top;
        }

            .vertical-tab .nav-tabs a.nav-item {
                padding: 25px 25px 25px 25px;
                color: #a51cc6;
                background: #02b518;
                font-weight: 600;
                letter-spacing: 1px;
                text-align: center;
                text-transform: uppercase;
                margin: 0;
                border-radius: 0;
                border: none;
                position: relative;
                z-index: 1;
                transition: all .5s ease 0s;
            }

                .vertical-tab .nav-tabs a.nav-item.active,
                .vertical-tab .nav-tabs a.nav-item.active:hover,
                .vertical-tab .nav-tabs a.nav-item:hover {
                    color: #a51cc6;
                    background: #00cf19;
                    border: none;
                }

        .vertical-tab .nav-tabs li a:hover:before,
        .vertical-tab .nav-tabs li.active a:before {
            opacity: 1;
            transform: scale(1);
        }

    .vertical-tab nav > div a.nav-item.nav-link:hover:after,
    .vertical-tab > div a.nav-item.nav-link.active:after {
        content: "";
        position: absolute;
        border-top: 23px solid transparent;
        border-bottom: 23px solid transparent;
        border-left: 23px solid #00cf19;
        top: 35%;
        z-index: 9;
        right: -30px;
        margin: 0 auto;
        width: 30px;
        height: 32px;
        padding: 0;
        background: 0 0;
    }

    .vertical-tab .tab-content {
        line-height: 25px;
        padding: 12px 15px;
        background: #a51cc6;
        border-radius: 0;
        display: table-cell;
        position: relative;
    }

        .vertical-tab .tab-content h3 {
            font-weight: 500;
            margin: 0 0 10px 0;
        }

@media only screen and (max-width:479px) {
    .vertical-tab .nav-tabs {
        width: 100%;
        display: block;
        border: none;
    }

        .vertical-tab .nav-tabs li a {
            padding: 14px 20px;
            margin: 0 0 5px;
        }

    .vertical-tab .tab-content {
        padding: 20px 15px 10px;
        display: block;
    }

        .vertical-tab .tab-content h3 {
            font-size: 18px;
        }
}

.trial-membership-FAQ-section {
    width: 100%;
    position: relative;
}

    .trial-membership-FAQ-section:after {
        position: absolute;
        right: 0;
        top: -80px;
        width: 235px;
        height: 280px;
        content: "";
        background: url(../images/paleo-plan-page.png) no-repeat top right;
        z-index: 9;
        background-size: 70%;
    }

    .trial-membership-FAQ-section:before {
        position: absolute;
        left: 0;
        bottom: 190px;
        width: 235px;
        height: 280px;
        content: "";
        background: url(../images/veg-plan-page.png) no-repeat top left;
        z-index: 9;
        background-size: 70%;
    }

.trial-membership-section .container {
    max-width: 1020px;
    padding-top: 50px;
}

.trial-membership-FAQ-section h2 {
    font-size: 50px;
    font-family: 'Encode Sans', sans-serif;
    margin-bottom: 70px;
    margin-top: 50px;
}

.trial-membership-FAQ-section .panel-title.first-title a:before {
    float: left !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 20px;
    font-size: 15px !important;
    color: #00cf19;
}

.trial-membership-FAQ-section h4.panel-title a:before {
    float: left !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 20px;
    font-size: 15px !important;
    color: #00cf19;
    padding-top: 13px;
}

.trial-membership-FAQ-section h4.panel-title a.collapsed:before {
    float: left !important;
    content: "\f067";
    font-size: 15px !important;
    color: #00cf19;
}

.trial-membership-FAQ-section .panel-title {
    font-size: 18px;
    color: #000;
    margin-bottom: 15px;
    margin-top: 15px;
}

    .trial-membership-FAQ-section .panel-title a {
        font-size: 18px;
        line-height: 32px;
        color: #000;
        font-family: 'Encode Sans', sans-serif;
        font-weight: 400;
        text-decoration: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

.trial-membership-FAQ-section .panel-body {
    padding-left: 30px;
    padding-bottom: 10px;
}

    .trial-membership-FAQ-section .panel-body p {
        font-size: 16px;
        font-family: Roboto, sans-serif;
        line-height: 26px;
        color: #000;
    }

    .trial-membership-FAQ-section .panel-body a {
        color: #00cf19;
    }

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .trial-membership #nav-weekly-tab img {
        height: 95px;
    }

    .trial-membership #nav-Delivered-tab img {
        height: 95px;
    }

    .trial-membership #nav-Enjoy-tab img {
        height: 95px;
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .trial-membership .new-how-it-banner-content {
        bottom: 5px;
    }

    .trial-membership .faq-contact-info .container {
        max-width: 800px;
    }

        .trial-membership .faq-contact-info .container .contact-details {
            font-size: 17px;
        }

    .trial-membership .faq-contact-info .container {
        max-width: 800px;
    }

    .trial-membership .left-image-side {
        top: -110px;
    }

    .faq-contact-info .phone-block p {
        font-size: 16px;
    }

    .faq-contact-info .email-block p {
        font-size: 16px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .trial-membership .new-how-it-banner-content {
        bottom: 5px;
        left: 0;
    }

    .trial-membership #banner_section.new-how-it-work-banner .new-how-it-banner-content p {
        font-size: 12px;
        line-height: 16px;
        max-width: inherit;
    }

    .trial-membership #banner_section.new-how-it-work-banner .new-how-it-banner-content h6 {
        font-size: 14px;
        line-height: 16px;
    }

    .trial-membership #banner_section.new-how-it-work-banner .new-how-it-banner-content .arrow-banner {
        line-height: 16px;
    }

        .trial-membership #banner_section.new-how-it-work-banner .new-how-it-banner-content .arrow-banner img {
            width: 25px;
        }

    .trial-membership #banner_section.new-how-it-work-banner .new-how-it-banner-content p {
        max-width: inherit;
    }

    .trial-membership .faq-contact-info .container {
        padding: 0;
        width: 80%;
        max-width: 900px;
    }

    .trial-membership .left-image-side {
        top: -120px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .trial-membership .trial-membership-FAQ-section .col-sm-8 {
        width: 80%;
    }

    .trial-membership .new-how-it-banner-content {
        bottom: 1px;
        left: 0;
    }

    .trial-membership #banner_section.new-how-it-work-banner .new-how-it-banner-content p {
        font-size: 12px;
        line-height: 16px;
        max-width: inherit;
        margin-bottom: 1px;
    }

    .trial-membership #banner_section.new-how-it-work-banner .new-how-it-banner-content h6 {
        font-size: 14px;
        line-height: 16px;
    }

    .trial-membership #banner_section.new-how-it-work-banner .new-how-it-banner-content .arrow-banner {
        line-height: 16px;
    }

        .trial-membership #banner_section.new-how-it-work-banner .new-how-it-banner-content .arrow-banner img {
            width: 25px;
        }

    .trial-membership .new-how-it-work-tab-section.visible-xs {
        margin-top: 0;
    }

    .trial-membership .new-how-it-work-FAQ-section:after {
        width: 150px;
    }

    .trial-membership .new-how-it-work-FAQ-section:before {
        width: 150px;
        bottom: 150px;
    }

    .trial-membership .left-image-side {
        float: right;
        position: absolute;
        right: 0;
        top: -80px;
        width: 200px;
        text-align: center;
    }

    .trial-membership .right-image-side {
        float: left;
        position: absolute;
        left: 0;
        bottom: 200px;
        width: 200px;
        text-align: center;
    }

    .trial-membership .trial-membership-FAQ-section .right-images-text {
        padding-top: 10px;
        padding-left: 50px;
        font-size: 12px;
    }

    .trial-membership .trial-membership-FAQ-section .left-images-text {
        padding-top: 0;
        padding-left: 0;
        font-size: 12px;
    }

    .trial-membership .faq-contact-info .container {
        width: 80%;
    }
}

@media (max-width:767px) {
    .trial-membership .trial-membership-FAQ-section .col-sm-8 {
        width: 80%;
        margin-bottom: 10px;
    }

    .trial-membership .new-how-it-banner-content {
        bottom: 5px;
        left: 0;
    }

    .trial-membership #banner_section.new-how-it-work-banner .new-how-it-banner-content p {
        font-size: 9px;
        margin-bottom: 0;
        line-height: 10px;
        margin-top: 0;
    }

    .trial-membership #banner_section.new-how-it-work-banner .new-how-it-banner-content h6 {
        font-size: 11px;
        margin-bottom: 0;
        line-height: 18px;
    }

    .trial-membership #banner_section.new-how-it-work-banner .new-how-it-banner-content .arrow-banner {
        line-height: 8px;
    }

        .trial-membership #banner_section.new-how-it-work-banner .new-how-it-banner-content .arrow-banner img {
            width: 10px;
        }

    .trial-membership .trial-membership-tab-section.visible-xs {
        margin-top: 0;
    }

    .trial-membership .trial-membership-FAQ-section:after {
        width: 150px;
    }

    .trial-membership .trial-membership-FAQ-section:before {
        width: 150px;
        bottom: 150px;
    }

    .trial-membership .left-image-side {
        float: right;
        position: absolute;
        right: 0;
        top: -50px;
        width: 100px;
        text-align: center;
    }

    .trial-membership .right-image-side {
        float: left;
        position: absolute;
        left: 0;
        bottom: 400px;
        width: 100px;
        text-align: center;
    }

    .trial-membership .trial-membership-FAQ-section .right-images-text {
        padding-top: 0;
        padding-left: 0;
        font-size: 12px;
    }

    .trial-membership .trial-membership-FAQ-section .left-images-text {
        padding-top: 0;
        padding-left: 0;
        font-size: 12px;
    }

    .trial-membership .tab-pane.fade {
        width: 100%;
    }

    .trial-membership-FAQ-section h2 {
        margin-bottom: 20px;
    }

    .trial-membership-FAQ-section h2 {
        margin-top: 30px;
    }

    .trial-membership-FAQ-section h4.panel-title a:before {
        margin-top: 0;
    }

    .main-container.no-sidebar.faq-page-wrap.trial-membership #banner_section {
        background: #f0eff1;
        padding-bottom: 20px;
    }
}

.confirmation-Page-content .new-how-it-work-banner {
    position: relative;
}

.confirmation-banner {
    position: relative;
}

    .confirmation-banner img {
        width: 100%;
    }

.confirmation-banner-text {
    position: absolute;
    top: 55%;
    left: 0;
    z-index: 9;
    width: 600px;
    text-align: center;
    transform: translateY(-50%);
    right: 0;
    margin: auto;
}

    .confirmation-banner-text h3 {
        color: #00cf19;
        font-size: 30px;
        font-weight: 500;
        font-family: 'Encode Sans', sans-serif;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .confirmation-banner-text p {
        color: #000;
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        font-family: 'Encode Sans', sans-serif;
        letter-spacing: 0;
        padding-top: 0;
        margin-bottom: 30px;
    }

.welcome-banner-arrow img {
    width: auto;
}

.membership-now-section {
    background: #a51cc6;
    padding-top: 60px;
}

.membership-now-content {
    width: 465px;
    margin: auto;
    text-align: center;
}

    .membership-now-content h6 {
        color: #fff;
        font-size: 25px;
        font-weight: 400;
        line-height: 35px;
        font-family: 'Encode Sans', sans-serif;
        letter-spacing: 0;
        padding-top: 0;
        margin-bottom: 30px;
    }

    .membership-now-content .btn {
        border-radius: 8px;
        font-size: 16px;
        font-family: 'Encode Sans', sans-serif;
        font-weight: 700;
        color: #fff;
        background-color: #00cf19;
        border-color: #00cf19;
        padding: 7px 20px;
    }

        .membership-now-content .btn:hover {
            color: #00cf19;
            background-color: #fff !important;
            border-color: #00cf19 !important;
        }

.membership-ketogenic-plan {
    text-align: center;
    margin-top: 50px;
}

@media (max-width:767px) {
    .confirmation-banner-text {
        left: 10px;
        width: auto;
        right: 10px;
    }

    .membership-now-content {
        width: 100%;
        margin: auto;
    }

    .confirmation-Page-content {
        padding-top: 80px;
    }

    .confirmation-banner-text h3 {
        font-size: 20px;
    }

    .confirmation-banner-text p {
        font-size: 11px;
        margin-bottom: 10px;
    }

    .welcome-banner-arrow img {
        width: 30px;
    }
}


/*16-10-2019 Start*/

.Already-enjoyed-meals-section {
    background-color: #f5831f;
    padding: 30px 0 20px 0;
    display: block;
    text-align: center;
    color: #fff;
}

    .Already-enjoyed-meals-section .Already-enjoyed-title {
        font-size: 40px;
        font-weight: 500;
        color: #fff;
        position: relative;
        padding-top: 20px;
    }

        .Already-enjoyed-meals-section .Already-enjoyed-title:before {
            content: " ";
            display: block;
            position: absolute;
            height: 5px;
            width: 20px;
            background-color: #00cf19;
            top: 0px;
            left: 50%;
            right: auto;
            transform: translateX(-50%);
        }

    .Already-enjoyed-meals-section .Already-enjoyed-disc {
        font-size: 20px;
        font-weight: 400;
        text-align: center;
        line-height: 1.5;
        display: block;
        max-width: 600px;
    }

    .Already-enjoyed-meals-section form {
        display: inline-block;
        margin-top: 20px;
    }

        .Already-enjoyed-meals-section form input {
            width: 194px;
            border: 1px solid #fff;
            background-color: transparent;
            color: #000;
            font-size: 16px;
            padding: 8px 12px;
            float: none;
            display: block;
            border-radius: 2px;
            height: 45px;
            text-align: center;
            background: #fff;
            margin: 0 auto;
        }

            .Already-enjoyed-meals-section form input::placeholder {
                font-size: 16px;
                color: #ADADAD;
                opacity: 1;
            }

            .Already-enjoyed-meals-section form input::-webkit-input-placeholder {
                font-size: 16px;
                color: #ADADAD;
                opacity: 1;
            }

            .Already-enjoyed-meals-section form input:-ms-input-placeholder {
                font-size: 16px;
                color: #ADADAD;
                opacity: 1;
            }

        .Already-enjoyed-meals-section form .add-email-btn {
            padding: 12px 10px;
            font-size: 22px;
            color: #fff;
            line-height: 1;
            float: none;
            border: 1px solid #fff;
            display: block;
            width: 280px;
            border: 0px;
            border-radius: 10px;
            position: relative;
            clear: left;
            background: #00C318;
            height: 50px;
            margin: 30px auto 20px auto;
        }



        .Already-enjoyed-meals-section form .email-box {
            min-width: 340px;
            max-width: 100%;
            display: inline-block;
            overflow: auto;
        }

@media (max-width: 767px) {
    .Already-enjoyed-meals-section .Already-enjoyed-title {
        font-size: 30px;
    }

    .Already-enjoyed-meals-section .Already-enjoyed-disc {
        font-size: 18px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    /* v 17-10*/
    .orange-theory-page .your-performance.discount-bottom-content {
        margin: 0px auto 0 auto;
    }

    .your-performance p {
        padding-top: 25px;
    }

    .orange-theory-page .orange-theory-how-it-works {
        padding-top: 18px;
    }

        .orange-theory-page .orange-theory-how-it-works:before {
            top: 10px;
        }

    .orange-theory-page .sr-no {
        width: 45px;
        font-size: 28px;
    }

    .orange-theory-page .box-content img {
        max-height: 65px;
    }

    .orange-theory-page .box-content h3 {
        font-size: 21px;
    }

    .Already-enjoyed-meals-section {
        padding: 35px 0;
    }

        .Already-enjoyed-meals-section .Already-enjoyed-title {
            font-size: 24px;
        }

        .Already-enjoyed-meals-section .Already-enjoyed-disc {
            font-size: 14px;
            max-width: 400px;
        }

    .people-are-saying-section h3 {
        font-size: 20px !important;
    }

    .people-are-saying-section h2 {
        font-size: 30px !important;
    }

    .always-bg h3 {
        font-size: 20px;
    }

    .Already-enjoyed-meals-section form .add-email-btn {
        padding: 10px 10px;
        font-size: 18px;
        width: 220px;
        height: 40px;
    }

    .always-bg p {
        font-size: 20px;
        line-height: 36px;
    }

    .always-bg h2 {
        font-size: 26px;
        margin-bottom: 20px;
        margin-top: 25px;
    }

    .Already-enjoyed-meals-section form .email-box {
        min-width: 290px;
    }

    .Already-enjoyed-meals-section form input {
        width: 220px;
    }

    .new-how-it-work-FAQ-section.orange-theory-faq:after {
        top: -110px;
        width: 200px;
        height: 280px;
    }

    .Already-enjoyed-meals-section form .add-email-btn::after {
        height: 19px;
        width: 12px;
        border-top: 11px solid transparent;
        border-left: 9px solid #fff;
        border-bottom: 11px solid transparent;
        border-right: 0px solid transparent;
    }

    section.faq-section {
        padding: 20px 0;
    }
    /*v 17-10 end*/
}

@media (min-width:992px) and (max-width:1199px) {
    .Already-enjoyed-meals-section .Already-enjoyed-title {
        font-size: 32px;
    }

    .Already-enjoyed-meals-section .Already-enjoyed-disc {
        font-size: 18px;
        max-width: 530px;
    }

    .Already-enjoyed-meals-section {
        padding: 55px 0px;
    }

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

    .orange-theory-page .sr-no {
        width: 45px;
    }

    .orange-theory-page .box-content {
        min-height: 315px !important;
    }

    .always-bg p {
        padding: 0 120px;
    }

    .orange-theory-page .people-are-saying-section:before {
        width: 230px;
        height: 450px;
        bottom: -245px;
    }

    .new-how-it-work-FAQ-section.orange-theory-faq:after {
        top: -170px;
        width: 320px;
        height: 450px;
    }

    .always-bg h2 {
        font-size: 30px;
    }

    .always-bg p {
        font-size: 23px;
        line-height: 40px;
    }

    .people-are-saying-section h2 {
        font-size: 36px !important;
    }

    .people-are-saying-section h3 {
        font-size: 22px !important;
    }
}

/*16-10-2019 end*/

/* 5-11-19 v start*/
.training-info-section {
    margin-bottom: 120px;
    margin-top: 50px;
}

.spartan-pg-banner-box {
    width: 100%;
    position: relative;
}

    .spartan-pg-banner-box:before {
        content: " ";
        display: block;
        position: absolute;
        width: 100%;
        height: 60px;
        background-image: url(../images/banner-border-effect.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        bottom: -1px;
        left: 0px;
        right: auto;
    }

    .spartan-pg-banner-box img.banner-bg-pic {
        width: 100%;
    }

    .spartan-pg-banner-box .spartan-banner-container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .spartan-pg-banner-box .spartan-banner-content-box .fmp-partner-logo-img {
        width: 100%;
        max-width: 400px;
    }

    .spartan-pg-banner-box .spartan-banner-content-box h2.banner-title {
        font-size: 41px;
        color: #fff;
        margin: 45px 0px 75px;
        line-height: 1;
        padding: 0px;
        position: relative;
    }

        .spartan-pg-banner-box .spartan-banner-content-box h2.banner-title:after {
            content: "";
            display: block;
            height: 30px;
            width: 300px;
            position: absolute;
            bottom: -56px;
            right: 0;
            background-image: url(../images/green-shadow.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            left: 0;
            margin: 0 auto;
        }

    .spartan-pg-banner-box .spartan-banner-content-box .btn-primary {
        background-color: #00CF19;
        border-color: #00CF19;
        font-size: 18px;
        padding: 8px 14px;
    }

    .spartan-pg-banner-box.get-started-spartan {
        margin-bottom: 15px;
    }

        .spartan-pg-banner-box.get-started-spartan .fmp-partner-logo-img {
            max-width: 290px;
        }

        .spartan-pg-banner-box.get-started-spartan select#FitnessLocation {
            background-color: transparent;
            color: #fff;
            padding: 6px 10px;
            border-radius: 10px;
            font-size: 1.5rem;
            margin-bottom: 34px;
        }

        .spartan-pg-banner-box.get-started-spartan .banner-title {
            font-size: 32px;
            margin-bottom: 35px;
        }

            .spartan-pg-banner-box.get-started-spartan .banner-title:after {
                display: none;
            }

. .training-info-section {
    margin: 100px 0px;
    width: 100%;
}

.training-info-section .training-title {
    font-size: 2rem;
    font-weight: normal;
    word-spacing: 1px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
}

.training-info-section .down-shadow {
    margin: 20px 0px;
    width: 40px;
}

.training-info-section .training-disc {
    font-size: 1.5rem;
    color: #000;
    line-height: 1.6;
}

.meal-plans-section {
    position: relative;
    width: 100%;
    background-color: #f7f7f7;
}

    .meal-plans-section .section-number-title {
        display: inline-block;
        font-size: 4vw;
        line-height: 1.22;
        background-color: #fff;
        height: 7vw;
        width: 7vw;
        border: 7px solid #f7f7f7;
        border-radius: 100px;
        margin-top: -70px;
        color: #00C318;
        text-align: center;
    }

    .meal-plans-section .section-info-title {
        font-size: 32px;
        margin-bottom: 20px;
        color: #000;
        font-family: Roboto, sans-serif;
        font-weight: 400;
    }

    .meal-plans-section .plans-section-disc {
        font-size: 25px;
        line-height: 1.7;
        width: 68%;
        color: #868686;
        margin-bottom: 45px;
        font-family: Roboto, sans-serif;
        font-weight: normal;
    }

    .meal-plans-section .plans-container {
        display: flex;
        flex-wrap: wrap;
        flex: 0 0 100%;
        max-width: 1200px;
        margin: 0px auto;
    }

.plans-container .plan-product-item {
    position: relative;
}

    .plans-container .plan-product-item a {
        display: block;
        text-decoration: none;
        padding: 15px 0px;
    }

        .plans-container .plan-product-item a picture {
            display: block;
            text-align: center;
            overflow: hidden;
        }

            .plans-container .plan-product-item a picture img,
            .plans-container .plan-product-item a picture source {
                max-width: 104%;
                width: 100%;
                margin-left: 0px;
            }

        .plans-container .plan-product-item a h4 {
            margin-top: 0px;
        }

    .plans-container .plan-product-item .product-item-info {
        position: absolute;
        width: 97%;
        background-color: #fff;
        height: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        display: none;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -ms-transition: all 0.7s ease-in-out;
    }

    .plans-container .plan-product-item a:hover + .product-item-info {
        display: block;
        transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -ms-transition: all 0.7s ease-in-out;
    }

    .plans-container .plan-product-item .product-item-info:hover {
        display: block;
    }

.plans-container .product-item-info {
    padding: 35px 6px;
}

.product-item-info img {
    width: 35px;
    max-height: 40px;
}

.product-item-info h5 {
    font-size: 16px;
    margin-top: 4px;
    color: #00CF19;
    margin-bottom: 15px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    letter-spacing: 0.5px;
}

.product-item-info p {
    font-size: 13px;
    line-height: 1.3;
    margin-bottom: 7px;
}

.product-item-info .plan-view-menu {
    font-size: 13px;
    color: #683474;
    text-decoration: underline !important;
    padding: 0px !important;
}

.faq-info-section .panel-title.first-title a:before {
    float: left !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 15px;
    font-size: 24px !important;
    color: #00cf19;
    padding-top: 10px;
    padding-rigth: 15px;
}

.faq-info-section h4.panel-title a.collapsed:before {
    float: left !important;
    content: "\f067";
    font-size: 24px !important;
    color: #00cf19;
    padding-top: 10px;
    padding-rigth: 15px;
}

.faq-info-section h4.panel-title a:before {
    float: left !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 15px;
    font-size: 24px !important;
    color: #00cf19;
    padding-top: 10px;
}

.faq-info-section h4.panel-title a:before {
    padding-right: 15px;
    padding-top: 10px;
    margin-left: -32px;
}

.faq-info-section .panel-body {
    padding-left: 0px;
    padding-bottom: 10px;
}

    .faq-info-section .panel-body p {
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        line-height: 26px;
        color: #000;
    }

.faq-info-section .faq-list-box {
    display: flex;
    flex-direction: column;
    flex: 0 0 60%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

    .faq-info-section .faq-list-box .view-faqs-btn {
        display: inline-block;
        padding: 11px 18px;
        font-size: 14px;
        line-height: 1.4;
        border: 1px solid #000;
        color: #000;
        margin: 30px auto 10px;
    }

        .faq-info-section .faq-list-box .view-faqs-btn:hover {
            text-decoration: none;
        }

.faq-info-section .panel-title {
    font-size: 18px;
    color: #000;
    margin-bottom: 15px;
    margin-top: 15px;
}

    .faq-info-section .panel-title a {
        font-size: 25px;
        line-height: 35px;
        color: #000;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        text-decoration: none;
    }

.spartan-works-info-section {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0px 100px;
    position: relative;
}

    .spartan-works-info-section .spartan-how-works-title {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 3vw;
        line-height: 69px;
        margin-bottom: 30px;
    }

    .spartan-works-info-section .work-step-box {
        position: relative;
    }

        .spartan-works-info-section .work-step-box .step-icon {
            min-height: 75px;
            max-height: 75px;
        }

        .spartan-works-info-section .work-step-box:nth-child(2):after,
        .spartan-works-info-section .work-step-box:nth-child(3):after {
            content: " ";
            display: block;
            position: absolute;
            height: 200px;
            width: 1px;
            background-color: #b9b9b9;
            bottom: 5px;
            right: 0px;
        }

        .spartan-works-info-section .work-step-box .work-step-number-box {
            display: block;
            margin: 25px 0px;
            text-align: center;
        }

        .spartan-works-info-section .work-step-box .work-step-number {
            display: inline-block;
            height: 42px;
            width: 42px;
            text-align: center;
            background-color: #683474;
            color: #fff;
            font-size: 21px;
            line-height: 2;
            border-radius: 100px;
            font-weight: 700;
            margin-bottom: 0px;
        }

        .spartan-works-info-section .work-step-box .step-info-box {
            display: block;
            border-right: 1px solif #cdcdcd;
        }

            .spartan-works-info-section .work-step-box .step-info-box:last-child {
                border: none;
            }

.work-step-box .step-info-box h3 {
    font-size: 27px;
    line-height: 38px;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-weight: 400;
}

.spartan-works-info-section .work-step-box .step-info-box .work-step-disc {
    font-size: 16px;
    line-height: 30px;
    word-spacing: 0.8px;
    color: #525252;
}

.strength-banner-section {
    width: 100%;
    position: relative;
}

    .strength-banner-section:before {
        content: " ";
        display: block;
        position: absolute;
        width: 100%;
        height: 60px;
        background-image: url(../images/banner-border-effect.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        top: -1px;
        left: 0px;
        right: auto;
    }

    .strength-banner-section:after {
        content: " ";
        display: block;
        position: absolute;
        width: 100%;
        height: 60px;
        background-image: url(../images/banner-border-effect.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        bottom: -1px;
        left: 0px;
        right: auto;
    }

    .strength-banner-section .banner-image {
        width: 100%;
    }

    .strength-banner-section .spartan-strength-container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .strength-banner-section .banner-section-title {
        font-size: 45px;
        line-height: 1.8;
        margin-bottom: 15px;
        color: #fff;
        font-family: Roboto, sans-serif;
        font-weight: 400;
    }

    .strength-banner-section .btn-primary {
        padding: 8px 20px;
        background-color: #00CF19;
        font-size: 19px;
    }

.faq-info-section {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 100%;
    padding: 50px 0px;
}

    .faq-info-section .faq-title {
        font-size: 48px;
    }

    .faq-info-section .meal-dish-box-1 .faq-dish-box,
    .faq-info-section .meal-dish-box-2 .faq-dish-box {
        width: 90%;
    }

    .faq-info-section .meal-dish-box-1 .faq-dish-box {
        float: left;
        margin-bottom: -185px;
        position: absolute;
        width: 90%;
        bottom: 0;
    }

    .faq-info-section .meal-dish-box-2 .faq-dish-box {
        float: right;
        margin-top: -210px;
    }

    .faq-info-section .faq-dish-box .meal-dish-name {
        text-align: center;
        font-size: 12px;
        line-height: 1.2;
        color: #000;
        position: relative;
    }

    .faq-info-section .meal-dish-box-2 .faq-dish-box .meal-dish-name {
        margin-top: 10px;
    }

    .faq-info-section .meal-dish-box-1 .faq-dish-box .meal-dish-name:before {
        content: " ";
        display: block;
        position: absolute;
        height: 25px;
        width: 30px;
        top: -33px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        background-image: url(../images/dish-name-effect.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    .faq-info-section .meal-dish-box-2 .faq-dish-box .meal-dish-name:before {
        content: " ";
        display: block;
        position: absolute;
        height: 25px;
        width: 30px;
        bottom: -33px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        background-image: url(../images/dish-name-effect-2.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

@media (min-width: 1800px) {
    .new-how-it-work-FAQ-section .panel-body p {
        font-size: 22px;
        font-family: 'Open Sans', sans-serif;
        line-height: 36px;
        color: #000;
    }
}

@media(min-width:1400px) {
    .meal-plans-section .section-number-title {
        display: inline-block;
        font-size: 5rem;
        line-height: 1.1;
        background-color: #fff;
        height: 7rem;
        width: 7rem;
    }

    .faq-info-section .meal-dish-box-1 .faq-dish-box {
        float: left;
        margin-bottom: -185px;
        position: absolute;
        width: 58%;
    }

    .faq-info-section .meal-dish-box-1 .faq-dish-box,
    .faq-info-section .meal-dish-box-2 .faq-dish-box {
        width: 74%;
    }

    .faq-info-section .faq-list-box {
        display: flex;
        flex-direction: column;
        flex: 0 0 71%;
        max-width: 650px;
    }

    .faq-info-section .faq-title {
        font-size: 3vw;
    }

    .faq-info-section .panel-title a {
        font-size: 24px;
    }
}

@media(min-width:1251px) and (max-width:1366px) {
    .faq-info-section .panel-title a {
        font-size: 21px;
    }
}

@media(min-width:1101px) and (max-width:1250px) {
    .faq-info-section .panel-title a {
        font-size: 21px;
    }
}

@media(min-width:992px) and (max-width:1100px) {
    .training-info-section .training-title {
        font-size: 1.6rem;
    }

    .training-info-section .training-disc {
        font-size: 1.3rem;
        line-height: 1.8;
        letter-spacing: 0.6px;
    }

    .meal-plans-section .section-number-title {
        display: inline-block;
        font-size: 4rem;
        line-height: 1.1;
        background-color: #fff;
        height: 6rem;
        width: 6rem;
    }

    .meal-plans-section .plans-section-disc {
        font-size: 21px;
        line-height: 1.7;
        width: 85%;
    }

    .plans-container .product-item-info {
        padding: 25px 6px;
    }

    .product-item-info img {
        width: 27px;
    }

    .product-item-info h5 {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .spartan-works-info-section .work-step-box .step-icon {
        min-height: 50px;
        max-height: 51px;
    }

    .spartan-works-info-section .work-step-box .work-step-number {
        height: 32px;
        width: 32px;
        font-size: 16px;
    }

    .work-step-box .step-info-box h3 {
        font-size: 20px;
        min-height: 60px;
        line-height: 1.4;
    }

    .spartan-works-info-section .work-step-box .step-info-box .work-step-disc {
        font-size: 15px;
        line-height: 1.6;
    }

    .spartan-works-info-section .work-step-box:nth-child(2):after,
    .spartan-works-info-section .work-step-box:nth-child(3):after {
        height: 217px;
    }

    .spartan-pg-banner-box:before {
        height: 45px;
    }

    .strength-banner-section:before,
    .strength-banner-section:after {
        height: 45px;
    }

    .strength-banner-section .banner-section-title {
        font-size: 29px;
    }

    .strength-banner-section .btn-primary {
        padding: 6px 15px;
        font-size: 17px;
    }

    .faq-contact-info .container {
        max-width: 850px;
    }

    .faq-info-section .faq-title {
        font-size: 35px;
    }

    .faq-info-section .faq-list-box {
        flex: 0 0 90%;
    }

    .faq-info-section .panel-title a {
        font-size: 22px;
    }

    .faq-info-section .panel-body p {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0.5px;
    }

    .faq-info-section .meal-dish-box-1 .faq-dish-box {
        float: left;
        margin-bottom: -155px;
    }

    .faq-info-section .meal-dish-box-2 .faq-dish-box .meal-dish-name {
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .plans-container .plan-product-item {
        position: relative;
        flex: 0 0 33.33%;
        max-width: 33.33%;
        display: flex;
    }

    .spartan-pg-banner-box .spartan-banner-content-box .banner-title {
        font-size: 33px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .spartan-pg-banner-box .spartan-banner-content-box .fmp-partner-logo-img {
        max-width: 320px;
    }

    .spartan-pg-banner-box .spartan-banner-content-box .banner-title {
        font-size: 26px;
        margin: 20px 0px 40px;
    }

    .spartan-pg-banner-box .spartan-banner-content-box .btn-primary {
        padding: 5px 14px;
    }

    .spartan-pg-banner-box .spartan-banner-content-box .banner-title:after {
        width: 195px;
    }

    .spartan-pg-banner-box:before {
        height: 35px;
    }

    meal-plans-section .plans-container {
        display: flex;
        flex-wrap: wrap;
    }

    .plans-container .plan-product-item {
        position: relative;
        flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
        max-width: 33.33%;
        display: flex;
    }

    .spartan-works-info-section .work-step-box .work-step-number {
        height: 33px;
        width: 33px;
        font-size: 17px;
    }

    .work-step-box .step-info-box h3 {
        font-size: 21px;
        line-height: 1.5;
    }

    .spartan-works-info-section .work-step-box .step-info-box .work-step-disc {
        font-size: 15px;
        line-height: 1.5;
    }

    .spartan-works-info-section {
        padding: 20px 0px 60px;
    }

    .strength-banner-section:before, .strength-banner-section:after {
        height: 35px;
    }

    .strength-banner-section .banner-section-title {
        font-size: 25px;
    }

    .strength-banner-section .btn-primary {
        padding: 5px 20px;
        background-color: #00CF19;
        font-size: 17px;
    }

    .faq-contact-info .container {
        max-width: 720px;
    }

    .faq-info-section .faq-title {
        font-size: 4.5vw;
    }

    .faq-info-section .faq-list-box {
        flex: 0 0 100%;
    }

    .faq-info-section .panel-title {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .faq-info-section .panel-title a {
            font-size: 22px;
        }

    .faq-info-section .panel-body p {
        font-size: 14px;
    }

    .faq-info-section .meal-dish-box-2 .faq-dish-box {
        margin-top: -120px;
    }

    .faq-info-section .meal-dish-box-1 .faq-dish-box {
        margin-bottom: -90px;
    }
}

@media(min-width:768px) and (max-width:1024px) {
    .plans-container .plan-product-item {
        position: relative;
        flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
        max-width: 33.33%;
        display: flex;
        margin-bottom: 20px;
    }

    .meal-plans-section .plans-section-disc {
        font-size: 25px;
        line-height: 1.7;
        width: 90%;
    }
}

@media(max-width:767px) {
    .spartan-pg-banner-box {
        margin-top: 80px;
    }

        .spartan-pg-banner-box.get-sarted-spartan {
            margin-top: 82px;
            height: 201px;
            margin-bottom: 20px;
        }

            .spartan-pg-banner-box.get-sarted-spartan .fmp-partner-logo-img {
                max-width: 145px;
                margin-bottom: 10px;
            }

        .spartan-pg-banner-box img.banner-bg-pic {
            width: 100%;
            height: 100%;
        }

        .spartan-pg-banner-box.get-sarted-spartan select#FitnessLocation {
            margin-bottom: 10px;
            max-width: 91%;
            min-width: 265px !important;
        }

        .spartan-pg-banner-box.get-sarted-spartan .spartan-banner-container {
            padding-bottom: 20px;
        }

        .spartan-pg-banner-box .spartan-banner-content-box .fmp-partner-logo-img {
            max-width: 175px;
        }

        .spartan-pg-banner-box .spartan-banner-content-box .banner-title {
            font-size: 16px;
            color: #fff;
            margin: 10px 0px 20px;
        }

            .spartan-pg-banner-box .spartan-banner-content-box .banner-title:after {
                width: 93px;
                position: absolute;
                bottom: -26px;
                background-size: 100%;
            }

        .spartan-pg-banner-box .spartan-banner-content-box .btn-primary {
            font-size: 15px;
            padding: 5px 14px;
        }

        .spartan-pg-banner-box:before {
            height: 25px;
            bottom: -17px;
        }

    .training-info-section {
        margin: 25px 0px 35px;
    }

        .training-info-section .training-title {
            font-size: 1rem;
        }

        .training-info-section .training-disc {
            font-size: 0.7rem;
        }

        .training-info-section .down-shadow {
            margin: 10px 0px;
            width: 30px;
        }

    .meal-plans-section .section-info-title {
        font-size: 1.5rem;
    }

    .meal-plans-section .plans-section-disc {
        font-size: 0.9rem;
    }

    .meal-plans-section .section-number-title {
        font-size: 8vw;
        line-height: 1.22;
        height: 16vw;
        width: 16vw;
    }

    .product-item-info img {
        width: 27px;
    }

    .product-item-info h5 {
        margin-bottom: 8px;
    }

    .plans-container .product-item-info {
        padding: 25px 6px;
        width: 91%;
    }

    .plans-container .plan-product-item {
        position: relative;
        flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        max-width: 50%;
        display: flex;
        margin-bottom: 23px;
    }

    .spartan-works-info-section .spartan-how-works-title {
        font-size: 7vw;
    }

    .work-step-box .step-info-box h3 {
        font-size: 21px;
    }

    .spartan-works-info-section .work-step-box .step-info-box .work-step-disc {
        font-size: 15px;
        display: block;
        line-height: 24px;
    }

    .spartan-works-info-section .work-step-box .step-icon {
        max-height: 74px;
        min-height: 62px;
    }

    .spartan-works-info-section .work-step-box .work-step-number-box {
        margin: 17px 0px;
    }

    .spartan-works-info-section .work-step-box .work-step-number {
        height: 35px;
        width: 35px;
        text-align: center;
        background-color: #683474;
        color: #fff;
        font-size: 18px;
    }

    .spartan-works-info-section .work-step-box {
        margin-bottom: 30px;
    }

    .spartan-works-info-section {
        padding: 40px 0px 70px;
    }

    .strength-banner-section:before, .strength-banner-section:after {
        height: 20px;
    }

    .strength-banner-section .banner-section-title {
        font-size: 16px;
        padding-top: 0px;
        margin-bottom: 10px;
    }

    .strength-banner-section {
        width: 100%;
        position: relative;
        height: 160px;
    }

        .strength-banner-section > img {
            width: 100%;
            height: 100%;
        }

        .strength-banner-section .btn-primary {
            padding: 5px 12px;
            font-size: 12px;
            line-height: 1.2;
        }

    .faq-info-section {
        padding: 20px 0px;
    }

        .faq-info-section .faq-title {
            font-size: 28px;
        }

        .faq-info-section .meal-dish-box-1 {
            order: 3;
        }

        .faq-info-section .faq-list-box {
            display: flex;
            flex-direction: column;
            flex: 0 0 60%;
        }

        .faq-info-section .meal-dish-box-1 + .col-md-6 {
            order: 2;
        }

        .faq-info-section .meal-dish-box-2 {
            order: 1;
        }

            .faq-info-section .meal-dish-box-2 .faq-dish-box {
                float: right;
                margin-top: -130px;
                width: 146px;
                position: absolute;
                right: 0;
            }

        .faq-info-section .faq-dish-box .meal-dish-name {
            text-align: center;
            font-size: 10px;
            line-height: 1.2;
        }

        .faq-info-section .meal-dish-box-1 .faq-dish-box {
            float: left;
            margin-bottom: -71px;
            position: relative;
            width: 29%;
            max-width: 146px;
            bottom: 0;
        }

        .faq-info-section .panel-title {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .faq-info-section h4.panel-title a:before {
            margin-top: 0px;
        }

        .faq-info-section .panel-body p {
            font-size: 14px;
            line-height: 20px;
        }

        .faq-info-section h4.panel-title a.collapsed:before,
        .faq-info-section .panel-title.first-title a:before {
            margin-top: 0px;
            padding-top: 10px;
            font-size: 19px !important;
        }

        .faq-info-section .panel-title a {
            font-size: 20px;
        }

    .spartan-works-info-section .work-step-box:nth-child(2):after,
    .spartan-works-info-section .work-step-box:nth-child(3):after {
        display: none;
    }
}

@media (max-width:767px) and (orientation:landscape) {
    .meal-plans-section .section-number-title {
        font-size: 7vw;
        line-height: 1.22;
        height: 12vw;
        width: 12vw;
    }

    .plans-container .plan-product-item a:hover + .product-item-info center {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .spartan-works-info-section .spartan-how-works-title {
        font-size: 5vw;
    }

    .faq-info-section .faq-list-box {
        display: flex;
        flex-direction: column;
        flex: 0 0 42%;
    }
}


/* 5-11-19 v end */
.healthy-delicious .get-for-meals .get-started-text h2 {
    font-size: 23px;
    color: #6a9946;
}

.landing-page-logo {
    width: 250px;
    margin-left: 200px;
    margin-top: 10px;
    margin-bottom: 0;
}

.healthy-delicious-banner img {
    width: 100%;
}

.healthy-delicious-banner-content {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
}

.healthy-delicious .banner-text-img {
    max-width: 460px;
    margin-left: 150px;
}

.healthy-delicious .get-for-meals {
    width: 100%;
    text-align: center;
    margin-top: 65px;
}

    .healthy-delicious .get-for-meals h2 {
        font-size: 40px;
        color: #00C719;
        font-weight: 700;
        font-family: 'open sans';
    }

.healthy-delicious.landing-page-five .get-for-meals h2 {
    font-size: 28px;
    color: #00C719;
    font-weight: 700;
    font-family: 'open sans';
}

.healthy-delicious .get-for-meals h2 span {
    margin-left: 80px;
}

.healthy-delicious .get-for-meals .get-started-btn {
    background: rgba(157, 28, 190, 0.80);
    color: #fff;
    font-size: 30px;
    text-align: center;
    border-radius: 100px;
    font-weight: 700;
    padding: 5px 40px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 10px;
    font-family: 'Encode Sans', sans-serif;
}

    .healthy-delicious .get-for-meals .get-started-btn:hover {
        color: #fff;
    }

.healthy-delicious .tiny-bg {
    background: #6ACBAD;
    width: 100%;
    clear: left;
    display: block;
    padding: 60px 50px;
    font-size: 48px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px;
    text-align: center;
}

.healthy-delicious .we-get-it-section {
    width: 100%;
    margin-top: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    padding: 0 15px;
}

    .healthy-delicious .we-get-it-section h2 {
        font-size: 42px;
        color: #7E7C7C;
        letter-spacing: 5px;
        font-weight: 700;
        font-family: 'Encode Sans', sans-serif;
        margin-bottom: 30px;
        position: relative;
        padding-bottom: 30px;
    }

        .healthy-delicious .we-get-it-section h2:after {
            background: #62E56C;
            width: 100%;
            height: 4px;
            content: "";
            position: absolute;
            left: 0px;
            right: 0px;
            bottom: 0px;
            margin: 0 auto;
        }

    .healthy-delicious .we-get-it-section p {
        font-size: 20px;
        color: #7E7C7C;
        letter-spacing: 2px;
        font-weight: 400;
        text-transform: uppercase;
        max-width: 730px;
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    .healthy-delicious .we-get-it-section ul {
        list-style: none;
        margin: 30px 0px;
        padding: 0px;
    }

        .healthy-delicious .we-get-it-section ul li {
            display: inline-block;
            width: 20%;
            vertical-align: top;
            margin: 0 4%;
            color: #7E7C7C;
        }

            .healthy-delicious .we-get-it-section ul li h3 {
                color: #7E7C7C;
                font-size: 22px;
                margin-top: 15px;
                font-weight: 400;
                font-family: 'Encode Sans', sans-serif;
            }

.healthy-delicious .delivers-section {
    width: 100%;
    clear: left;
    background: #e9e9e9;
    position: relative;
    margin-top: 80px;
    padding-bottom: 20px;
}

.healthy-delicious .keto-banner-text-img .get-for-meals {
    margin-top: 0px !important;
}

.healthy-delicious .delivers-section:before {
    background: #00C719;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    content: "";
    height: 150px;
}

.healthy-delicious .delivers-section h2 {
    font-size: 46px;
    color: #fff;
    margin: 25px 0 0 40px;
    padding: 0;
    font-weight: 700;
    letter-spacing: 5px;
    font-family: 'Encode Sans', sans-serif;
    text-align: center;
}

.healthy-delicious .delivers-section h3 {
    font-size: 36px;
    color: #fff;
    margin: 0px;
    padding: 0;
    font-weight: 400;
    letter-spacing: 5px;
    text-align: center;
    font-family: 'Encode Sans', sans-serif;
}

.healthy-delicious .delivers-section h2 span {
    display: block;
    font-size: 36px;
    margin: 0 auto;
    text-align: center;
}

.healthy-delicious .delivers-item {
    width: 100%;
    text-align: right;
    margin-top: -40px;
}

    .healthy-delicious .delivers-item img {
        max-width: 500px;
    }

.healthy-delicious .delivers-section ul {
    list-style: none;
    margin: 55px 0 0 60px;
    padding: 0px;
}

    .healthy-delicious .delivers-section ul li {
        display: block;
        background: url(../images/circle-right-icon.svg) no-repeat center left;
        background-size: 50px;
        color: #7E7C7C;
        font-size: 36px;
        padding-left: 110px;
        padding-top: 22px;
        padding-bottom: 22px;
        vertical-align: top;
        letter-spacing: 3px;
        font-weight: 400;
        font-family: 'Encode Sans', sans-serif;
        text-align: left;
    }

.healthy-delicious .five-diffrent-meal {
    clear: left;
    width: 100%;
    margin: 40px auto;
    text-align: center;
}

    .healthy-delicious .five-diffrent-meal h2 {
        color: #7E7C7C;
        font-weight: 400;
        letter-spacing: 2px;
        font-size: 32px;
        font-family: 'Encode Sans', sans-serif;
    }

    .healthy-delicious .five-diffrent-meal h1 {
        color: #9E1CBF;
        letter-spacing: 3px;
        font-weight: 700;
        font-size: 48px;
        font-family: 'Encode Sans', sans-serif;
    }

.healthy-delicious .three-easy-step-section {
    clear: left;
    width: 100%;
}

    .healthy-delicious .three-easy-step-section .upper-section {
        background: #6ACBAD;
        text-align: center;
        padding: 40px 0;
    }

        .healthy-delicious .three-easy-step-section .upper-section h2 {
            font-size: 42px;
            color: #fff;
            letter-spacing: 3px;
            font-weight: 400;
            font-family: 'Encode Sans', sans-serif;
        }

        .healthy-delicious .three-easy-step-section .upper-section h3 {
            font-size: 30px;
            color: #fff;
            letter-spacing: 3px;
            font-weight: 400;
            display: block;
            font-family: 'Encode Sans', sans-serif;
        }

.healthy-delicious .lowor-section {
    background: #6DBA35;
}

.healthy-delicious .step-content {
    margin: 0 0;
    padding: 80px 0;
    min-height: 270px;
}

.healthy-delicious .three-easy-step-section .tabs-circle {
    background: #a51cc6;
    color: #fff;
    font-weight: 700;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    line-height: 50px;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 24px;
}

.healthy-delicious .three-easy-step-section .step-two {
    border-left: #fff solid 1px;
    border-right: #fff solid 1px;
}

.healthy-delicious .three-easy-step-section .step-one img {
    max-width: 75px;
    display: block;
    margin: 0 auto;
}

.healthy-delicious .three-easy-step-section .step-two img {
    max-width: 121px;
    display: block;
    margin: 15.5px auto;
}

.healthy-delicious .three-easy-step-section .step-three img {
    max-width: 59px;
    display: block;
    margin: 4.5px auto;
}

.healthy-delicious .three-easy-step-section h3 {
    color: #A51CC6;
    font-family: 'Encode Sans', sans-serif;
    letter-spacing: 1px;
    font-size: 22px;
    font-weight: 700;
    margin-top: 15px;
}

.healthy-delicious .five-plans-to-choose {
    clear: left;
    width: 100%;
}

.healthy-delicious .top-title-five-plans {
    background: #A41CC5;
    color: #fff;
    padding: 60px 0;
    font-size: 48px;
    letter-spacing: 4px;
    font-weight: 700;
    text-align: center;
}

.healthy-delicious .five-plans-container {
    background: #fff;
    border: 4px solid #6bd2b4;
    clear: left;
    width: 100%;
    text-align: center;
    padding: 40px;
}

.healthy-delicious .five-plans-line {
    background: #6bd2b4;
    height: 4px;
    width: 100%;
    clear: left;
    margin: 40px auto;
}

.healthy-delicious .five-plans-item-content {
    max-width: 300px;
    display: block;
    margin: 0px auto;
}

.healthy-delicious .title-with-icon {
    line-height: 35px;
    font-size: 20px;
    margin-top: 20px;
    color: #7E7C7C;
    letter-spacing: 2px;
    font-weight: 700;
    font-family: 'Encode Sans', sans-serif;
}

    .healthy-delicious .title-with-icon img {
        display: inline-block;
        max-width: 55px;
        max-height: 50px;
        margin-right: 5px;
    }

.healthy-delicious .get-started-section {
    background: #6AD2B4;
    clear: left;
    width: 100%;
    text-align: center;
    padding: 1px 0 10px 0;
}

    .healthy-delicious .get-started-section p {
        color: #7E7C7C;
        font-size: 14px;
        display: block;
        margin-top: 15px;
    }

.healthy-delicious a.btn.get-started-btn-large-footer {
    font-size: 36px;
    width: auto;
    background: #6DBA35;
    color: #fff;
    border-radius: 100px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 110px;
    font-family: 'Encode Sans', sans-serif;
}

.keto-banner .healthy-delicious-banner-content {
    top: 150px;
}

@media (max-width: 767px) {
    .healthy-delicious {
        margin-top: 0px;
    }

        .healthy-delicious .get-for-meals h2 {
            font-size: 9px !important;
            padding-top: 0px !important;
        }

    .healthy-delicious-banner-content .keto-banner-text-img .get-started-text {
        position: absolute;
        left: 10%;
        bottom: -14px;
    }

    .healthy-delicious-banner-content .get-started-text {
        position: relative;
        bottom: 0;
        left: 0;
    }

    .healthy-delicious .get-for-meals .get-started-text h2 {
        color: #00C719 !important;
    }

    .healthy-delicious-banner-content {
        top: 0px;
        left: 0px;
    }

    .healthy-delicious .banner-text-img {
        max-width: 95px;
        margin-left: 50px;
    }

    .healthy-delicious .get-for-meals h2 {
        font-size: 12px;
    }

        .healthy-delicious .get-for-meals h2 span {
            margin-left: 0px;
        }

    .healthy-delicious .get-for-meals .get-started-btn {
        font-size: 12px;
        border-radius: 100px;
        font-weight: 500;
        padding: 4px 24px;
        letter-spacing: 1px;
        margin-top: 0px;
    }

    .healthy-delicious.landing-page-five .get-for-meals .get-started-btn {
        font-size: 10px;
        border-radius: 100px;
        font-weight: 500;
        padding: 4px 4px;
        letter-spacing: 1px;
        margin-top: 0px;
    }

    .healthy-delicious.landing-page-five .keto-banner .get-for-meals h2 {
        font-size: 9px;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .healthy-delicious .get-for-meals {
        margin-top: 15px;
    }

    .healthy-delicious .tiny-bg {
        padding: 20px 15px;
        font-size: 17px;
        letter-spacing: 1px;
    }

    .healthy-delicious .we-get-it-section {
        width: 100%;
        margin-top: 20px;
        max-width: 100%;
        padding: 0 15px;
    }

        .healthy-delicious .we-get-it-section h2 {
            font-size: 24px;
            letter-spacing: 1px;
            margin-bottom: 20px;
            padding-bottom: 20px;
        }

        .healthy-delicious .we-get-it-section p {
            font-size: 14px;
            letter-spacing: 1px;
            max-width: 100%;
        }

        .healthy-delicious .we-get-it-section ul li {
            width: 100%;
            margin: 0 0%;
        }

            .healthy-delicious .we-get-it-section ul li img {
                max-width: 100px;
            }

            .healthy-delicious .we-get-it-section ul li h3 {
                font-size: 22px;
                margin-top: 10px;
                margin-bottom: 30px;
            }

    .healthy-delicious .delivers-section:before {
        height: 100px;
    }

    .healthy-delicious .delivers-section {
        width: 100%;
        margin-top: 0px;
    }

        .healthy-delicious .delivers-section h2 {
            font-size: 22px;
            text-align: center;
            margin: 20px 0 0 0px;
            padding: 0;
            letter-spacing: 2px;
            width: 100% !important;
            display: inline-block;
        }

            .healthy-delicious .delivers-section h2 span {
                display: block;
                font-size: 20px;
                margin: 5px auto;
                text-align: center;
            }

        .healthy-delicious .delivers-section h3 {
            font-size: 20px;
            color: #fff;
            margin: 5px auto;
            padding: 0;
            text-align: center;
        }

    .healthy-delicious .delivers-item {
        width: 100%;
        text-align: right;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .healthy-delicious .tiny-bg span {
        margin-right: 0px;
    }

    .healthy-delicious .delivers-item img {
        max-width: 100%;
    }

    .healthy-delicious .delivers-section ul {
        margin: 68px 0 0 0px;
        padding: 0px;
    }

        .healthy-delicious .delivers-section ul li {
            background-size: 22px;
            font-size: 18px;
            padding-left: 40px;
            padding-top: 10px;
            padding-bottom: 10px;
            letter-spacing: 2px;
        }

    .healthy-delicious .five-diffrent-meal h2 {
        letter-spacing: 2px;
        font-size: 22px;
    }

    .healthy-delicious .five-diffrent-meal h1 {
        letter-spacing: 2px;
        font-size: 28px;
    }

    .healthy-delicious .three-easy-step-section .upper-section h2 {
        font-size: 20px;
        letter-spacing: 2px;
    }

    .healthy-delicious .three-easy-step-section .step-two {
        border-left: #fff solid 0px;
        border-right: #fff solid 0px;
        border-top: #fff solid 1px;
        border-bottom: #fff solid 1px;
    }

    .healthy-delicious .top-title-five-plans {
        padding: 20px 0;
        font-size: 22px;
        letter-spacing: 2px;
    }

    .healthy-delicious .five-plans-item-content {
        max-width: 300px;
        display: block;
        margin: 0px auto;
        margin-bottom: 40px;
    }

    .healthy-delicious .five-plans-container {
        padding: 15px;
    }

    .healthy-delicious a.btn.get-started-btn-large-footer {
        font-size: 18px;
        padding: 10px 30px;
    }

    .healthy-delicious .keto-banner .get-for-meals {
        margin-top: 0px;
    }

        .healthy-delicious .keto-banner .get-for-meals h2 {
            font-size: 12px;
            margin-top: 0px;
        }

    .keto-banner-text-img {
        max-width: 90px;
        margin-left: 50px;
    }

    .keto-banner .healthy-delicious-banner-content {
        top: 0px !important;
    }

    .landing-page-logo {
        width: 100px;
        margin-left: 0;
        margin-top: 4px;
        margin-bottom: 0;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .healthy-delicious .banner-text-img {
        max-width: 220px;
        margin-left: 40px;
        margin-top: 20px;
    }

    .keto-banner-text-img {
        max-width: 170px;
        margin-left: 50px;
    }

    .healthy-delicious .three-easy-step-section .step-two {
        border-left: #fff solid 1px;
        border-right: #fff solid 1px;
        border-top: #FFE solid 0px;
        border-bottom: #fff solid 0px;
    }

    .healthy-delicious .title-with-icon img {
        display: block;
        max-width: 32px;
        max-height: 32px;
        margin-right: 5px;
        margin: 0 auto;
    }
}

@media (max-width: 991px) {
    .landing-page-layout {
        padding-top: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .healthy-delicious.landing-page-five .get-for-meals .get-started-btn {
        font-size: 12px;
        border-radius: 100px;
        font-weight: 500;
        padding: 10px 30px;
        letter-spacing: 1px;
    }

    .healthy-delicious.landing-page-five .keto-banner .get-for-meals h2 {
        font-size: 14px;
    }

    .healthy-delicious .keto-banner .get-for-meals {
        margin-top: 40px;
    }

    .keto-banner-text-img {
        max-width: 165px;
        margin-top: 15px;
        margin-left: 120px;
    }

    .healthy-delicious .healthy-delicious-banner-content {
        top: 5px;
        left: 0px;
    }

    .healthy-delicious .banner-text-img {
        max-width: 210px;
        margin-left: 0;
        margin-top: 20px;
    }

    .landing-page-logo {
        width: 200px;
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .healthy-delicious .get-for-meals {
        margin-top: 30px;
    }

        .healthy-delicious .get-for-meals .get-started-btn {
            font-size: 20px;
            padding: 10px 40px;
            margin-top: 5px;
        }

        .healthy-delicious .get-for-meals h2 {
            font-size: 24px;
        }

    .healthy-delicious .we-get-it-section ul li h3 {
        font-size: 20px;
    }

    .healthy-delicious .tiny-bg {
        padding: 20px 40px;
        font-size: 32px;
        letter-spacing: 3px;
    }

    .healthy-delicious .delivers-section h2 {
        font-size: 28px;
        margin: 25px 0 0 0;
        letter-spacing: 3px;
    }

    .healthy-delicious .delivers-section h3 {
        font-size: 20px;
        color: #fff;
        margin: 10px auto;
        padding: 0;
        text-align: center;
    }

    .healthy-delicious .delivers-item img {
        max-width: 340px;
    }

    .healthy-delicious .delivers-section ul {
        margin: 45px 0 20px 0px;
        padding: 0px;
    }

        .healthy-delicious .delivers-section ul li {
            background-size: 36px;
            font-size: 25px;
            padding-left: 55px;
            padding-top: 15px;
            padding-bottom: 15px;
            letter-spacing: 2px;
        }

    .healthy-delicious .five-diffrent-meal h2 {
        letter-spacing: 1px;
        font-size: 18px;
    }

    .healthy-delicious .five-diffrent-meal h1 {
        color: #9E1CBF;
        letter-spacing: 3px;
        font-weight: 400;
        font-size: 28px;
    }

    .healthy-delicious .three-easy-step-section .upper-section h2 {
        font-size: 28px;
        letter-spacing: 2px;
    }

    .healthy-delicious .three-easy-step-section .upper-section h3 {
        font-size: 24px;
        letter-spacing: 2px;
    }

    .healthy-delicious a.btn.get-started-btn-large-footer {
        font-size: 26px;
        padding: 10px 80px;
    }

    .healthy-delicious .delivers-section:before {
        height: 120px;
    }

    .healthy-delicious .title-with-icon {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .healthy-delicious .top-title-five-plans {
        padding: 60px 0;
        font-size: 42px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .healthy-delicious.landing-page-five .get-for-meals .get-started-btn {
        font-size: 18px;
        border-radius: 100px;
        font-weight: 500;
        padding: 10px 30px;
        letter-spacing: 1px;
    }

    .healthy-delicious.landing-page-five .keto-banner .get-for-meals h2 {
        font-size: 16px;
    }

    .landing-page-logo {
        width: 250px;
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .healthy-delicious .keto-banner .get-for-meals {
        margin-top: 40px;
    }

    .keto-banner-text-img {
        max-width: 270px;
        margin-top: 30px;
        margin-left: 90px;
    }

    .healthy-delicious .healthy-delicious-banner-content {
        top: 0px;
        left: 0px;
    }

    .healthy-delicious .banner-text-img {
        max-width: 270px;
        margin-left: 0;
        margin-top: 55px;
    }

    .healthy-delicious .we-get-it-section ul li h3 {
        font-size: 22px;
    }

    .healthy-delicious .get-for-meals {
        margin-top: 50px;
    }

        .healthy-delicious .get-for-meals .get-started-btn {
            font-size: 20px;
            padding: 10px 40px;
            margin-top: 5px;
        }

        .healthy-delicious .get-for-meals h2 {
            font-size: 24px;
        }

    .healthy-delicious .tiny-bg {
        padding: 20px 40px;
        font-size: 32px;
        letter-spacing: 3px;
    }

    .healthy-delicious .delivers-section h2 {
        font-size: 28px;
        margin: 25px 0 0 0;
        letter-spacing: 3px;
    }

        .healthy-delicious .delivers-section h2 span {
            font-size: 24px;
            margin: 10px auto;
        }

    .healthy-delicious .delivers-section h3 {
        font-size: 24px;
        color: #fff;
        margin: 10px auto;
        padding: 0;
        text-align: center;
    }

    .healthy-delicious .delivers-item img {
        max-width: 340px;
    }

    .healthy-delicious .delivers-section ul {
        margin: 40px 0 25px 0px;
        padding: 0px;
    }

    .healthy-delicious .delivers-section:before {
        height: 120px;
    }

    .healthy-delicious .delivers-section ul li {
        background-size: 36px;
        font-size: 25px;
        padding-left: 55px;
        padding-top: 15px;
        padding-bottom: 15px;
        letter-spacing: 2px;
    }

    .healthy-delicious .five-diffrent-meal h2 {
        letter-spacing: 2px;
        font-size: 20px;
    }

    .healthy-delicious .five-diffrent-meal h1 {
        color: #9E1CBF;
        letter-spacing: 3px;
        font-weight: 400;
        font-size: 32px;
    }

    .healthy-delicious a.btn.get-started-btn-large-footer {
        font-size: 26px;
        padding: 10px 80px;
    }
}

@media (min-width: 1200px) {
    .healthy-delicious .keto-banner .get-for-meals {
        margin-top: 65px;
    }

    .healthy-delicious .banner-text-img {
        max-width: 360px;
        margin-left: 130px;
        margin-top: 50px;
    }

    .healthy-delicious-banner img {
        margin-top: 0px;
    }

    .healthy-delicious-banner.keto-banner img {
        margin-top: 0px;
    }

    .keto-banner-text-img {
        max-width: 315px;
        margin-left: 150px;
        margin-top: 15px;
    }

    .keto-banner .healthy-delicious-banner-content {
        top: 10px;
    }
}

@media (min-width: 1366px) {
    .healthy-delicious .banner-text-img {
        max-width: 450px;
        margin-left: 150px;
    }

    .healthy-delicious .banner-text-img {
        max-width: 425px;
        margin-left: 130px;
        margin-top: 50px;
    }

    .keto-banner-text-img {
        max-width: 400px;
        margin-left: 150px;
        margin-top: 15px;
    }
}

@media (min-width: 1600px) {
    .healthy-delicious .banner-text-img {
        max-width: 600px;
        margin-left: 0;
    }

    .keto-banner-text-img {
        max-width: 500px;
        margin-left: 50px;
        margin-top: 15px;
    }
}

@media (min-width: 1900px) {
    .healthy-delicious .banner-text-img {
        max-width: 640px;
        margin-left: 0;
        margin-top: 75px;
    }

    .keto-banner-text-img {
        max-width: 590px;
        margin-left: 0px;
        margin-top: 80px;
    }
}

.bannerimg {
    position: absolute;
    width: 100%;
    float: left;
}

svg,
object {
    width: 100%;
    height: auto;
}

.logo object {
    width: 43%;
    position: relative;
    top: 8px;
    left: 32%;
}

.bannertxt object {
    margin: 10px;
    width: 71%;
    left: 27%;
    position: relative;
    top: 34px;
}

.gettext1 {
    text-align: center;
    position: relative;
    top: 58px;
}

.gettext h1 {
    font-size: 32pt;
    font-weight: 800;
    color: #3fb549;
}

.getbtn .btn {
    background-color: #8c4299;
    color: white;
    font-size: 29px;
    font-weight: 600;
    letter-spacing: 1.5px;
    border-radius: 35px;
    padding: 9px 36px;
}

.text2 {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 7%;
}

.container-fluid {
    padding: 0;
}

.headertext {
    background-color: #6ACCAE;
    padding: 10px;
    color: white;
}

.headertext {
    background-color: #6ACCAE;
    padding: 40px 10px;
    color: white;
    text-align: center;
    width: 100%;
    float: none;
    clear: left;
    display: block;
}

    .headertext h1 {
        font-size: 55px;
        letter-spacing: 4px;
    }

        .headertext h1 span {
            font-weight: 800;
        }

.bordeertext h2 {
    width: 80%;
    margin: 0 auto;
    border-bottom: 5px solid #62E66C;
    font-size: 40px;
    padding: 20px;
    font-weight: 800;
    letter-spacing: 5px;
    color: #7E7C7C;
}

.bordeertext {
    width: 100%;
    margin: 0 auto;
}

.paragraph {
    word-spacing: 6px;
    letter-spacing: 2px;
    margin-top: 30px;
}

.bordeertext p {
    color: #7e7c7c;
    font-size: 26px;
    font-weight: 500;
}

    .bordeertext p span {
        font-weight: 700;
    }

.listimg ul li {
    list-style: none;
    width: 17%;
    display: inline-block;
}

.listimg object {
    margin: 0 auto;
    width: 65%;
}


/*ul {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}*/

.listimg {
    float: left;
    text-align: center;
}

    .listimg ul li a span {
        width: 100%;
        float: left;
        font-size: 22px;
        font-weight: 500;
        color: #7e7d7d;
        text-align: center;
    }

.listimg {
    text-align: center;
    width: 100%;
    padding-top: 30px;
}

.headbg {
    width: 100%;
    float: left;
    background-color: #3fb549;
    color: white;
    margin-top: 7%;
}

.headgont h2 span {
    font-size: 47px;
    letter-spacing: 8px;
    font-weight: 700;
}

.headgont h2 {
    font-size: 38px;
    letter-spacing: 7px;
    padding: 4px 20px;
    text-align: center;
    line-height: 44px;
}

.list span {
    width: 100%;
}

    .list span object {
        width: 7%;
        margin-right: 30px;
    }

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

.list span {
    display: inline;
    margin-top: 9px;
}

.container.listbg {
    width: 100%;
    float: left;
    background-color: #e9e9e9;
}

.list {
    padding: 12%;
    color: #7d7c7c;
}

.foodimg {
    position: relative;
    top: -212px;
}

.container.headline {
    width: 100%;
    max-width: 100%;
    color: purple;
    text-align: center;
    padding: 47px 4px;
    background-color: white;
    /* margin-top: -17%; */
}

.texthead h4 {
    font-size: 35px;
    color: #7d7c7c;
    letter-spacing: 2px;
}

.texthead h1 {
    font-weight: 800;
    letter-spacing: 4px;
    font-size: 46px;
}

.headertext.text1 h1 {
    font-size: 48px;
}

.headertext.text1 span {
    font-weight: 700;
}

.text1 h2 {
    font-size: 34px;
    letter-spacing: 5px;
}

.container.bg4 {
    width: 100%;
    float: left;
    background-color: green;
}

.bg4 .number {
    background-color: purple;
    width: 12%;
    text-align: center;
    font-size: 31px;
    color: white;
    border-radius: 50%;
    font-weight: 700;
    position: relative;
    left: 40%;
    top: -20px;
}

.first {
    border-right: 2px solid white;
}

.icon {
    padding: 10px 25%;
}

.first h2,
.bg3 h2 {
    color: #be02be;
    font-size: 20px;
    text-align: center;
    font-weight: 300;
}

.lowor-section {
    background: #6DBA35;
}

.step-content {
    margin: 0 0;
    padding: 80px 0;
    min-height: 270px;
}

.tabs-circle {
    background: #a51cc6;
    color: #fff;
    font-weight: 700;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    line-height: 50px;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.three-easy-step-section .step-one object {
    max-width: 75px;
    display: block;
    margin: 0 auto;
}

.three-easy-step-section h3 {
    color: #A51CC6;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    font-size: 22px;
    font-weight: 400;
    margin-top: 15px;
}

.three-easy-step-section .step-two object {
    max-width: 121px;
    display: block;
    margin: 15.5px auto;
}

.three-easy-step-section .step-three object {
    max-width: 59px;
    display: block;
    margin: 4.5px auto;
}

.choose {
    width: 100%;
    float: left;
    background-color: purple;
    color: white;
    text-align: center;
}

.choosetext h3 {
    font-size: 37px;
    letter-spacing: 4px;
}

.choosetext h1 {
    font-weight: 800;
    font-size: 66px;
}

.top-title-five-plans {
    background: #A41CC5;
    color: #fff;
    padding: 6px 0;
    font-size: 42px;
    letter-spacing: 4px;
    text-align: center;
}

    .top-title-five-plans h3 {
        font-size: 33px;
    }

    .top-title-five-plans h1 {
        font-weight: 900;
        font-size: 60px;
        letter-spacing: 12px;
    }

.step-two {
    border-right: 2px solid white;
}

.five-plans-container {
    background: #fff;
    border: 4px solid #6bd2b4;
    clear: left;
    width: 100%;
    text-align: center;
    padding: 40px;
}

    .five-plans-container a {
        position: absolute;
        left: 0;
        height: 100%;
        width: 100%;
        text-decoration: none;
    }

.five-plans-item-content {
    max-width: 300px;
    display: block;
    margin: 0px auto;
}

.title-with-icon {
    line-height: 35px;
    font-size: 20px;
    margin-top: 20px;
    color: #7E7C7C;
    letter-spacing: 2px;
}

    .title-with-icon img {
        display: inline-block;
        max-width: 55px;
        width: 78px;
        margin-right: 10px;
    }

.five-plans-line {
    background: #6bd2b4;
    height: 4px;
    width: 100%;
    clear: left;
    margin: 40px auto;
}


/*Urvi*/

.bannertxt object {
    margin: 10px;
    width: 58%;
    left: 27%;
    position: relative;
    top: 14px;
}

.bgrow {
    width: 100%;
}

.listimg object {
    display: block;
}

.container-fluid.bg-4.text-center.lastsection {
    background: #73C7AF;
    padding-top: 45px;
    padding-bottom: 19px;
}

.get-started button {
    font-family: 'Encode Sans', sans-serif;
    background: #6DBB44;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    border-radius: 60px;
    padding: 12px 0;
    width: 65.36%;
    letter-spacing: 3px;
    font-size: 40px;
}

.get-started p {
    margin: 0;
    padding-top: 12px;
    color: #7E7C7C;
    font-weight: 900;
    font-size: 9.5px;
    font-family: 'Encode Sans', sans-serif;
    letter-spacing: 1px;
}


/*Responsive*/

@media only screen and (max-width: 420px) {
    .gettext h1 {
        font-size: 18pt;
    }

    .getbtn .btn {
        font-size: 20px;
        padding: 12px 28px;
    }

    .headertext {
        padding: 4px 4px;
        margin-top: 38px;
    }

        .headertext h1 {
            font-size: 22px;
        }

    .bordeertext h2 {
        width: 100%;
        font-size: 27px;
        padding: 14px 0px;
    }

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

    .listimg ul li {
        width: 31%;
    }

    .listimg object {
        width: 87%;
    }

    .listimg ul li a span {
        font-size: 13px;
    }

    .container.listbg {
        padding: 3px 0px 53px 6px;
    }

    .list {
        padding: 0;
        margin-top: 13px;
    }

        .list p {
            font-size: 11px;
            font-weight: 700;
        }

        .list span object {
            width: 14%;
            margin-right: 8px;
        }

    .foodimg {
        position: inherit;
        top: inherit;
    }

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

    .texthead h1 {
        font-size: 21px;
    }

    .headertext {
        padding: 4px 4px;
    }

    .text1 h2 {
        font-size: 21px;
        letter-spacing: 5px;
        margin-bottom: 33px;
    }

    .step-two {
        border-bottom: 1px solid white;
        border-right: none;
    }

    .step-content {
        margin: 0 0;
        padding: 40px 0;
        min-height: 270px;
    }

    .top-title-five-plans h3 {
        font-size: 18px;
    }

    .top-title-five-plans h1 {
        font-weight: 900;
        font-size: 27px;
        letter-spacing: 7px;
    }

    .top-title-five-plans h3 {
        font-size: 18px;
    }

    .five-plans-container {
        padding: 0px 18px;
    }

    .gettext1 {
        text-align: center;
        position: relative;
        top: 56px;
    }

    .headgont h2 span {
        font-size: 32px;
        letter-spacing: 4px;
        font-weight: 700;
        display: inline;
    }

    .container.headline {
        padding: 12px 0px;
    }

    .headertext.text1 h1 {
        font-size: 26px;
    }

    .container-fluid.bg-4.text-center.lastsection {
        padding-top: 17px;
    }

    .get-started button {
        padding: 12px 14px;
        width: 100%;
        font-size: 21px;
    }
}

@media only screen and (min-width:770px) and (max-width:1200px) {
    .text2 {
        margin-top: 0%;
        padding-top: 18px;
    }
}

@media only screen and (min-width:421px) and (max-width:768px) {
    .step-two, .step-one {
        border-right: 1px solid white !important;
        border: none;
    }

    .gettext h1 {
        font-size: 18pt;
    }

    .getbtn .btn {
        font-size: 20px;
        padding: 12px 28px;
    }

    .headertext h1 {
        font-size: 22px;
    }

    .bordeertext h2 {
        width: 100%;
        font-size: 27px;
        padding: 14px 0px;
    }

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

    .listimg ul li {
        width: 31%;
    }

    .listimg object {
        width: 87%;
    }

    .listimg ul li a span {
        font-size: 13px;
    }

    .container.listbg {
        padding: 3px 0px 53px 6px;
    }

    .list {
        padding: 0;
        margin-top: 13px;
    }

        .list p {
            font-size: 11px;
            font-weight: 700;
        }

        .list span object {
            width: 14%;
            margin-right: 8px;
        }

    .foodimg {
        position: inherit;
        top: inherit;
    }

    .container.headline {
        padding: 5px 4px;
    }

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

    .texthead h1 {
        font-size: 21px;
    }

    .headertext {
        padding: 4px 4px;
    }

    .text1 h2 {
        font-size: 21px;
        letter-spacing: 5px;
        margin-bottom: 33px;
    }

    .step-two {
        border-bottom: 2px solid white;
        border-right: none;
    }

    .step-content {
        margin: 0 0;
        padding: 40px 0;
        min-height: 270px;
    }

    .top-title-five-plans h3 {
        font-size: 18px;
    }

    .top-title-five-plans h1 {
        font-weight: 900;
        font-size: 27px;
        letter-spacing: 7px;
    }

    .top-title-five-plans h3 {
        font-size: 18px;
    }

    .five-plans-container {
        padding: 0px 18px;
    }

    .gettext1 {
        text-align: center;
        position: relative;
        top: 56px;
    }

    .headgont h2 span {
        font-size: 32px;
        letter-spacing: 4px;
        font-weight: 700;
        display: inline;
    }

    .container.headline {
        padding: 12px 0px;
    }

    .headertext.text1 h1 {
        font-size: 26px;
    }

    .container-fluid.bg-4.text-center.lastsection {
        padding-top: 17px;
    }

    .get-started button {
        padding: 12px 14px;
        width: 100%;
        font-size: 21px;
    }

    .foodimg object {
        height: auto;
        padding-bottom: 28px;
    }

    .list {
        padding: 37px;
        margin-top: 13px;
    }

    .container.headline {
        padding: 29px 0px;
    }

    .step-two, .step-one {
        border: none;
    }

    .headertext {
        padding: 4px 4px;
    }

    .gettext1 {
        text-align: center;
        position: relative;
        top: 17px;
    }
}

/*new plan page css start*/
.new-plan-page {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 20px 0;
    background: #F7F7F7;
}

    .new-plan-page .befit-befed-befresh-content {
        text-align: center;
    }

        .new-plan-page .befit-befed-befresh-content ul {
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

            .new-plan-page .befit-befed-befresh-content ul li {
                font-size: 19px;
                display: inline-block;
                vertical-align: top;
                margin: .5rem 0.8rem;
                letter-spacing: 2px;
                font-family: 'Encode Sans Expanded', sans-serif;
            }

        .new-plan-page .befit-befed-befresh-content h6 {
            font-size: 15px;
            color: #00C318;
            text-align: center;
            text-transform: uppercase;
        }

        .new-plan-page .befit-befed-befresh-content h5 {
            font-size: 24px;
            color: #000;
            text-align: center;
        }

    .new-plan-page .new-plan-img-content img {
        max-width: 95%;
        position: relative;
    }

    .new-plan-page .meal-plan-content {
        position: absolute;
        top: 34%;
        left: 0;
        width: 100%;
        z-index: 99;
    }

        .new-plan-page .meal-plan-content h2 {
            font-size: 48px;
            color: #00C318;
            margin-bottom: 0px;
        }

        .new-plan-page .meal-plan-content h3 {
            font-size: 28px;
            color: #333333;
            margin-bottom: 30px;
        }

        .new-plan-page .meal-plan-content h4 {
            font-size: 18px;
            color: #868686;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin: 20px 0;
        }

    .new-plan-page .icon_check {
        margin: 15px 0;
    }

        .new-plan-page .icon_check img {
            max-width: 100%;
        }

    .new-plan-page .subscribe-and-save {
        height: 35px;
        margin: 10px 0;
    }

    .new-plan-page .subscribe-and-save-btn {
        border: solid #A51CC6 0px;
        border-radius: 10px;
        background: #A51CC6;
        font-size: 14px;
        letter-spacing: 1.5px;
        color: #fff;
        text-transform: uppercase;
        padding: 0.1rem 0.5rem;
        font-weight: bold;
    }

.individual-orders {
    border: solid #A51CC6 0px;
    border-radius: 10px;
    background: none;
    font-size: 14px;
    letter-spacing: 1.5px;
    color: #868686;
    text-transform: uppercase;
    padding: 0.1rem 0.5rem;
    font-weight: bold;
    pointer-events: none;
    -webkit-appearance: none;
}

.new-plan-page .select-btn {
    background: #048112;
    border: #048112 solid 1px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    padding: 0.4rem 5rem;
    font-family: 'Open Sans',sans-serif;
}

    .new-plan-page .select-btn:hover, .new-plan-page .select-btn:focus {
        background: #048112;
        border: #048112 solid 1px;
        border-radius: 10px;
        padding: 0.4rem 5rem;
        color: #fff;
        font-weight: bold;
        font-size: 22px;
    }

.new-plan-img-content {
    position: relative;
}

.round-circle-new-plan {
    width: 94%;
    height: 95%;
    border: #fff solid 3px;
    content: "";
    position: absolute;
    left: 3%;
    top: 40px;
    border-radius: 500px;
}

.new-plan-img-content:hover .round-circle-new-plan {
    width: 94%;
    height: 95%;
    border: #A51CC6 solid 3px;
    content: "";
    position: absolute;
    left: 3%;
    top: 40px;
    border-radius: 500px;
    display: block;
}

@media (min-width:992px) and (max-width:1199px) {
    .round-circle-new-plan {
        width: 98%;
        height: 96%;
        border: #fff solid 2px;
        content: "";
        position: absolute;
        left: 1%;
        top: 28px;
        border-radius: 500px;
    }

    .new-plan-img-content:hover .round-circle-new-plan {
        width: 98%;
        height: 96%;
        border: #A51CC6 solid 2px;
        content: "";
        position: absolute;
        left: 1%;
        top: 28px;
        border-radius: 500px;
        display: block;
    }

    .new-plan-page .befit-befed-befresh-content ul li {
        font-size: 14px;
        margin: .5rem 0.5rem;
    }

    .new-plan-page .new-plan-img-content img {
        max-width: 100%;
    }

    .new-plan-page .meal-plan-content h2 {
        font-size: 36px;
    }

    .new-plan-page .meal-plan-content h3 {
        font-size: 24px;
    }

    .new-plan-page .subscribe-and-save-btn {
        font-size: 14px;
    }

    .new-plan-page .icon_check {
        margin: 15px 0;
    }

    .new-plan-page .meal-plan-content h4 {
        font-size: 14px;
        margin: 10px 0;
    }

    .new-plan-page .meal-plan-content {
        top: 35%;
    }

    .new-plan-page .icon_check img {
        max-width: 28px;
    }

    .new-plan-page .select-btn {
        font-size: 16px;
        padding: 0.3rem 3rem;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .round-circle-new-plan {
        width: 95%;
        height: 95%;
        border: #fff solid 2px;
        content: "";
        position: absolute;
        left: 2.5%;
        top: 25px;
        border-radius: 500px;
    }

    .new-plan-img-content:hover .round-circle-new-plan {
        width: 95%;
        height: 95%;
        border: #A51CC6 solid 2px;
        content: "";
        position: absolute;
        left: 2.5%;
        top: 25px;
        border-radius: 500px;
        display: block;
    }

    .new-plan-page .befit-befed-befresh-content ul li {
        font-size: 14px;
        margin: .5rem 0.5rem;
    }

    .new-plan-page .new-plan-img-content img {
        max-width: 100%;
    }

    .new-plan-page .meal-plan-content h2 {
        font-size: 28px;
    }

    .new-plan-page .meal-plan-content h3 {
        font-size: 17px;
    }

    .new-plan-page .subscribe-and-save-btn {
        font-size: 12px;
    }

    .new-plan-page .icon_check {
        margin: 5px 0;
    }

    .new-plan-page .meal-plan-content h4 {
        font-size: 14px;
        margin: 10px 0;
    }

    .new-plan-page .meal-plan-content {
        top: 30%;
    }

    .new-plan-page .icon_check img {
        max-width: 22px;
    }

    .new-plan-page .select-btn {
        font-size: 16px;
        padding: 0.3rem 3rem;
    }
}

@media (max-width: 767px) {
    .round-circle-new-plan {
        width: 95%;
        height: 95%;
        left: 2.5%;
        top: 25px;
    }

    .new-plan-img-content:hover .round-circle-new-plan {
        width: 95%;
        height: 95%;
        left: 2.5%;
        top: 25px;
        display: block;
    }

    .new-plan-page {
        padding: 100px 0 20px 0;
    }

        .new-plan-page .befit-befed-befresh-content ul li {
            font-size: 14px;
            margin: .5rem 0.4rem;
        }

        .new-plan-page .new-plan-img-content img {
            max-width: 100%;
        }

        .new-plan-page .meal-plan-content h2 {
            font-size: 28px;
        }

        .new-plan-page .meal-plan-content h3 {
            font-size: 17px;
        }

        .new-plan-page .subscribe-and-save-btn {
            font-size: 12px;
        }

        .new-plan-page .icon_check {
            margin: 5px 0;
        }

        .new-plan-page .meal-plan-content h4 {
            font-size: 14px;
            margin: 10px 0;
        }

        .new-plan-page .meal-plan-content {
            top: 30%;
        }

        .new-plan-page .icon_check img {
            max-width: 22px;
        }

        .new-plan-page .select-btn {
            font-size: 16px;
            padding: 0.3rem 3rem;
        }

            .new-plan-page .select-btn:hover {
                font-size: 16px;
                padding: 0.3rem 3rem;
            }

    .new-plan-img-content {
        margin-bottom: 30px;
    }
}

@media (max-width: 320px) {
    .new-plan-page .meal-plan-content h2 {
        font-size: 24px;
    }

    .new-plan-page .meal-plan-content h3 {
        font-size: 15px;
    }

    .new-plan-page .meal-plan-content h4 {
        font-size: 12px;
        margin: 5px 0;
    }

    .new-plan-page .select-btn {
        font-size: 14px;
        padding: 0.2rem 2.5rem;
    }
}
/*end*/
@media only screen and (min-width:421px) and (max-width:768px) {
    .step-two,
    .step-one {
        border-right: 1px solid white !important;
        border: none;
    }

    .gettext h1 {
        font-size: 18pt;
    }

    .getbtn .btn {
        font-size: 20px;
        padding: 12px 28px;
    }

    .headertext h1 {
        font-size: 22px;
    }

    .bordeertext h2 {
        width: 100%;
        font-size: 27px;
        padding: 14px 0px;
    }

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

    .listimg ul li {
        width: 31%;
    }

    .listimg object {
        width: 87%;
    }

    .listimg ul li a span {
        font-size: 13px;
    }

    .container.listbg {
        padding: 3px 0px 53px 6px;
    }

    .list {
        padding: 0;
        margin-top: 13px;
    }

        .list p {
            font-size: 11px;
            font-weight: 700;
        }

        .list span object {
            width: 14%;
            margin-right: 8px;
        }

    .foodimg {
        position: inherit;
        top: inherit;
    }

    .container.headline {
        padding: 5px 4px;
    }

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

    .texthead h1 {
        font-size: 21px;
    }

    .headertext {
        padding: 4px 4px;
    }

    .text1 h2 {
        font-size: 21px;
        letter-spacing: 5px;
        margin-bottom: 33px;
    }

    .step-two {
        border-bottom: 2px solid white;
        border-right: none;
    }

    .step-content {
        margin: 0 0;
        padding: 40px 0;
        min-height: 270px;
    }

    .top-title-five-plans h3 {
        font-size: 18px;
    }

    .top-title-five-plans h1 {
        font-weight: 900;
        font-size: 27px;
        letter-spacing: 7px;
    }

    .top-title-five-plans h3 {
        font-size: 18px;
    }

    .five-plans-container {
        padding: 0px 18px;
    }

    .gettext1 {
        text-align: center;
        position: relative;
        top: 56px;
    }

    .headgont h2 span {
        font-size: 32px;
        letter-spacing: 4px;
        font-weight: 700;
        display: inline;
    }

    .container.headline {
        padding: 12px 0px;
    }

    .headertext.text1 h1 {
        font-size: 26px;
    }

    .container-fluid.bg-4.text-center.lastsection {
        padding-top: 17px;
    }

    .get-started button {
        padding: 12px 14px;
        width: 100%;
        font-size: 21px;
    }

    .foodimg object {
        height: auto;
        padding-bottom: 28px;
    }

    .list {
        padding: 37px;
        margin-top: 13px;
    }

    .container.headline {
        padding: 29px 0px;
    }

    .step-two,
    .step-one {
        border: none;
    }

    .headertext {
        padding: 4px 4px;
    }

    .gettext1 {
        text-align: center;
        position: relative;
        top: 17px;
    }
}

/*a-la-carte-page*/

.a-la-carte-page .package-plan-box .package-body {
    padding: 20px 40px;
    min-height: 90px;
}

    .a-la-carte-page .package-plan-box .package-body .btn-success {
        width: auto;
        padding: 7px 30px;
        display: block;
        margin: 5px auto;
        background: #048112;
        border-radius: 10px;
        font-size: 17px;
        font-weight: bold;
    }

.a-la-carte-page .package-plan-box .package-header {
    padding: 30px 15px;
}

.a-la-carte-page .palns-boxs-section-body .popular-pkg-heading h5 {
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 15px 0 24px 0;
    height: 40px;
    font-family: 'Open Sans', sans-serif;
}

.a-la-carte-page .package-plan-box .package-header p {
    text-transform: uppercase;
}

.a-la-carte-page .palns-boxs-section-body .popular-pkg-heading h5:before {
    width: 6px;
    position: absolute;
    right: 9px;
    content: "";
    height: 11px;
    background-image: url(/Themes/FMPNewTheme/Content/images/plans-arrow-r.png) !important;
    top: 46px;
}

.a-la-carte-page .palns-boxs-section-body .popular-pkg-heading h5:after {
    width: 6px;
    position: absolute;
    left: 9px;
    content: "";
    height: 11px;
    background-image: url(/Themes/FMPNewTheme/Content/images/plans-arrow-l.png) !important;
    top: 46px;
}

.a-la-carte-page .palns-boxs-section-body .popular-pkg-heading:after {
    width: 10px;
    position: absolute;
    top: 0;
    left: 9px;
    content: "";
    height: 46px;
    background: #7c1f67;
    border-top-left-radius: 15px;
}

.a-la-carte-page .plans-pkg-start-btn {
    font-size: 22px;
    margin: 15px 10%;
    width: 80%;
    display: block;
    background: #048112;
    border-radius: 10px;
    font-weight: 700;
    height: 48px;
}

.how-a-la-carte-work-section {
    margin-top: 90px;
    margin-bottom: 0px;
}

    .how-a-la-carte-work-section h1 {
        font-size: 32px;
        color: #000000;
        padding: 0px;
        margin: 0px 0 50px 0;
        font-weight: 400;
        text-align: center;
    }

.la-carte-works-icon {
    height: 130px;
    margin-bottom: 20px;
}

.la-carte-circle {
    background: #A51CC6;
    width: 52px;
    height: 52px;
    font-size: 23px;
    font-weight: bold;
    color: #fff;
    border-radius: 100px;
    line-height: 52px;
    display: block;
    margin: 0 auto;
    font-family: 'Encode Sans Expanded', sans-serif;
}

.how-a-la-carte-work-section h3 {
    font-size: 30px;
    font-family: 'Encode Sans Expanded', sans-serif;
}

.how-a-la-carte-work-section h3 {
    font-size: 1.2rem;
    font-family: 'Encode Sans Expanded', sans-serif;
    margin-top: 25px;
}

.how-a-la-carte-work-section p {
    max-width: 350px;
    display: block;
    margin: 0 auto;
    font-size: 14px;
    color: #5E5E5E;
    letter-spacing: 0.5px;
}

.a-la-carte-page .footer-FAQ-section {
    margin-top: 70px;
}

.text-center.create-a-free-account-box {
    position: relative;
}

    .text-center.create-a-free-account-box:after {
        background: #B9B9B9;
        width: 1px;
        height: 120px;
        position: absolute;
        right: 20px;
        bottom: 0;
        content: "";
    }

    .text-center.create-a-free-account-box:before {
        background: #B9B9B9;
        width: 1px;
        height: 120px;
        position: absolute;
        left: 20px;
        bottom: 0;
        content: "";
    }

.la-carte-works-icon img {
    max-height: 100%;
}

.a-la-carte-page .bs-example {
    max-width: 520px;
    margin: 0 auto;
    margin-top: 40px;
}

.a-la-carte-page h2 {
    font-size: 50px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 30px;
}

.a-la-carte-page .panel-title.first-title a:before {
    float: left !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 15px;
    font-size: 24px !important;
    color: #00cf19;
}

.a-la-carte-page h4.panel-title a:before {
    float: left !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 15px;
    font-size: 24px !important;
    color: #00cf19;
    padding-top: 10px;
}

.a-la-carte-page h4.panel-title a.collapsed:before {
    float: left !important;
    content: "\f067";
    font-size: 24px !important;
    color: #00cf19;
}

.a-la-carte-page .panel-title {
    font-size: 18px;
    color: #000;
    margin-bottom: 15px;
    margin-top: 15px;
}

    .a-la-carte-page .panel-title a {
        font-size: 18px;
        line-height: 32px;
        color: #000;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        text-decoration: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

        .a-la-carte-page .panel-title a span {
            text-transform: uppercase;
            margin: 0 4px;
        }

.a-la-carte-page .panel-body {
    padding-left: 35px;
    padding-bottom: 10px;
}

    .a-la-carte-page .panel-body p {
        font-size: 16px;
        font-family: Roboto, sans-serif;
        line-height: 26px;
        color: #000;
        text-align: left;
    }

.a-la-carte-page .show {
    display: block !important;
}

.a-la-carte-page .panel-body a {
    color: #00C318;
}

.view-all-FAQ-section h6 {
    color: #00C318;
    margin-top: 50px;
    margin-bottom: 50px;
    font-weight: 500;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .how-a-la-carte-work-section h3 {
        font-size: 1rem;
    }

    .a-la-carte-page .plans-pkg-start-btn {
        font-size: 16px;
        margin: 15px 0%;
        width: 100%;
        line-height: 40px;
    }

    .a-la-carte-page .package-plan-box .package-body .btn-success {
        font-size: 16px;
    }

    .how-a-la-carte-work-section p {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: normal;
        padding: 0 15px;
    }

        .how-a-la-carte-work-section p br {
            display: none;
        }

    .text-center.create-a-free-account-box:before {
        left: 10px;
    }

    .text-center.create-a-free-account-box:after {
        right: 10px;
    }

    .package-plan-box .package-header p strong {
        font-size: 28px;
    }

    .package-plan-box .package-header p b {
        font-size: 28px;
    }

    .new-how-it-work-FAQ-section .container {
        padding: 0 15px;
    }

    .about-service-main.text-center {
        padding: 0 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .new-how-it-work-FAQ-section .container {
        padding: 0 15px;
    }

    .about-service-main.text-center {
        padding: 0 15px;
    }

    .how-a-la-carte-work-section h3 {
        font-size: 1.2rem;
    }

    .a-la-carte-page .plans-pkg-start-btn {
        font-size: 14px;
        margin: 15px 0%;
        width: 100%;
        line-height: 40px;
    }

    .a-la-carte-page .package-plan-box .package-body .btn-success {
        font-size: 14px;
    }

    .how-a-la-carte-work-section p {
        font-size: 12px;
        letter-spacing: 0px;
        line-height: normal;
        padding: 0 15px;
    }

        .how-a-la-carte-work-section p br {
            display: none;
        }

    .text-center.create-a-free-account-box:before {
        left: 10px;
    }

    .text-center.create-a-free-account-box:after {
        right: 10px;
    }

    .package-plan-box .package-header p strong {
        font-size: 28px;
    }

    .package-plan-box .package-header p b {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .a-la-carte-page .panel-title.first-title a:before {
        margin-top: 0;
        padding-top: 5px;
    }

    .a-la-carte-page h4.panel-title a.collapsed:before {
        margin-top: 0;
        padding-top: 5px;
    }

    .a-la-carte-page .panel-body p {
        font-size: 14px;
        line-height: 24px;
    }

    .how-a-la-carte-work-section h1 {
        font-size: 28px;
        margin: 0px 0 30px 0;
    }

    .a-la-carte-page h2 {
        font-size: 28px;
    }

    .text-center.create-a-free-account-box {
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .text-center.create-a-free-account-box:before {
            background: #B9B9B9;
            width: 140px;
            height: 1px;
            position: absolute;
            left: 0;
            top: -25px;
            content: "";
            right: 0;
            margin: 0 auto;
        }

        .text-center.create-a-free-account-box:after {
            background: #B9B9B9;
            width: 140px;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: -25px;
            content: "";
            right: 0;
            margin: 0 auto;
        }

    .la-carte-works-icon {
        height: 90px;
        margin-bottom: 20px;
    }

    .a-la-carte-page .bs-example {
        max-width: 100%;
        margin: 0 auto;
        margin-top: 0px;
        padding: 0 20px;
    }

    .col-sm-12.text-center.mt-2.mb-5.view-all-FAQ-section {
        padding: 0 20px;
    }
}

/*testimonials slider css*/
.testimonials-section .slider {
    max-width: 1170px;
    margin: 80px auto;
}

.testimonials-section section.regular-trade.slider.slick-initialized.slick-slider.slick-dotted {
    margin: 50px auto;
    padding: 0px;
    text-align: center;
}

.testimonials-section .slick-slide {
    margin: 0px 20px;
}

    .testimonials-section .slick-slide img {
        width: 100%;
    }

.testimonials-section .slick-prev:before,
.testimonials-section .slick-next:before {
    color: black;
}


.testimonials-section .slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.testimonials-section .slick-active {
    opacity: .5;
}

.testimonials-section .slick-current {
    opacity: 1;
}

.testimonials-section {
    background: #6acbad;
    text-align: center;
    padding: 50px 0 80px 0;
}

    .testimonials-section h2 {
        color: #fff;
    }

    .testimonials-section p {
        color: #fff;
    }

    .testimonials-section .slick-prev {
        left: 15px;
        background: url(../images/left-arrow-t.png) no-repeat left top !important;
    }

    .testimonials-section .slick-next {
        right: 5px;
        background: url(../images/right-arrow-t.png) no-repeat right top !important;
    }

.testimonials-box-component {
    background: #fff;
    border-radius: 20px;
}

.testimonials-section .slick-prev, .testimonials-section .slick-next {
    z-index: 999;
    height: 40px;
    width: 40px;
}

.testimonials-section .testi-pic {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

.testimonials-box-component {
    padding: 30px 60px;
}

.testimonials-section .testi-content {
    padding: 20px 0px;
    text-align: center;
    min-height: 120px;
    background: url(../images/testi-sign.png) no-repeat center center;
    color: #3c7696;
    font-size: 13px;
    line-height: normal;
}

.testi-name-title {
    font-size: 16px;
    font-weight: bold;
    color: #7e7c7c;
}

.testimonials-section .slick-active {
    opacity: 1;
}

.testimonials-section .slick-dots li.slick-active button:before {
    opacity: .75;
    color: white;
}

.testimonials-section .slick-dots li button:before {
    font-family: 'slick';
    font-size: 24px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.testimonials-section .slick-prev:before, .testimonials-section .slick-next:before {
    color: white;
}

.testimonials-section .slick-prev:before, .testimonials-section .slick-next:before {
    font-family: 'slick';
    font-size: 0px;
    line-height: 1;
    opacity: 1;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.testimonials-section .slick-dots {
    bottom: -55px;
    display: block !important;
}

.testimonials-section .slick-dots {
    position: absolute;
    bottom: -55px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 !important;
    list-style: none;
    text-align: center;
}

    .testimonials-section .slick-dots li {
        position: relative;
        display: inline-block;
        width: 15px;
        height: 20px;
        margin: 0 2px;
        padding: 0;
        cursor: pointer;
    }

        .testimonials-section .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
        }

@media (max-width: 767px) {
    .testimonials-section .slick-prev {
        left: 5px !important;
    }

    .testimonials-section .slick-next {
        right: 5px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .testimonials-section .slick-prev {
        left: 5px !important;
    }

    .testimonials-section .slick-next {
        right: 5px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .testimonials-section .slick-prev {
        left: 5px !important;
    }

    .testimonials-section .slick-next {
        right: 5px !important;
    }
}

/*holiday landing page*/
.about-us-new-landing-page {
    clear: left;
}

.holiday-banner img {
    width: 100%;
}

.holiday-white-section {
    width: 100%;
    float: left;
    padding: 90px 0 20px 0;
    text-align: center;
    margin-bottom: 50px;
}

    .holiday-white-section h6 {
        font-size: 1rem;
        color: #A51CC6;
        letter-spacing: 2px;
        font-family: 'Encode Sans Expanded', sans-serif;
        font-weight: 500;
    }

    .holiday-white-section h1 {
        font-size: 3.5rem;
        color: #00C318;
        letter-spacing: 2px;
        font-family: 'Encode Sans Expanded', sans-serif;
        font-weight: 400;
        margin-bottom: 80px;
    }

    .holiday-white-section .check-icon {
        width: 65px;
        display: block;
        margin: 0 auto;
    }

        .holiday-white-section .check-icon img {
            width: 100%;
        }

    .holiday-white-section h5 {
        color: #A51CC6;
        text-align: center;
        font-size: 1.5rem;
        font-weight: bold;
        font-family: 'Encode Sans Expanded', sans-serif;
        margin: 20px 0;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .holiday-white-section h2 {
        color: #333333;
        text-align: center;
        font-size: 2.9rem;
        font-weight: normal;
        font-family: 'Encode Sans Expanded', sans-serif;
        margin: 20px 0;
        text-transform: none;
        line-height: normal;
        letter-spacing: 2px;
    }

.delivery-update-content {
    max-width: 750px;
    margin: 0 auto;
    color: #333333;
    font-size: 25px;
    line-height: normal;
    font-family: 'Encode Sans Expanded', sans-serif;
    margin-top: 40px;
}

    .delivery-update-content a {
        color: #23CA37;
    }

    .delivery-update-content .downarrow {
        width: 36px;
        display: block;
        margin: 0px auto;
        margin-top: 30px;
    }

        .delivery-update-content .downarrow img {
            width: 100%;
        }

.holiday-gray-section {
    float: left;
    width: 100%;
    background: url(../images/holiday-gray-bg.jpg) no-repeat center center;
    background-size: 100% auto;
    text-align: center;
    font-family: 'Encode Sans Expanded', sans-serif;
    padding: 2rem 0 2rem 0;
}

    .holiday-gray-section h4 {
        text-align: center;
        color: #333333;
        font-size: 25px;
        text-transform: none;
        margin-top: 5rem;
        margin-bottom: 10rem;
        font-weight: normal;
    }

    .holiday-gray-section ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .holiday-gray-section ul li {
            margin: 0 20px;
            padding: 0px;
            display: inline-block;
            width: 70px;
            height: 100px;
            vertical-align: baseline;
        }

            .holiday-gray-section ul li img {
                max-height: 100%;
            }

@media(min-width:992px) and (max-width: 1199px) {
    .holiday-white-section h2 {
        font-size: 1.8rem;
    }

    .delivery-update-content {
        font-size: 22px;
    }

    .holiday-white-section {
        margin-bottom: 0px;
    }

    .holiday-gray-section h4 {
        font-size: 25px;
        margin-top: 3rem;
        margin-bottom: 6rem;
    }

    .holiday-gray-section {
        padding: 2rem 0 1rem 0;
    }
}

@media(min-width:768px) and (max-width: 991px) {
    .holiday-white-section h6 {
        font-size: 0.8rem;
        letter-spacing: 1.5px;
    }

    .holiday-white-section h1 {
        font-size: 2.5rem;
        margin-bottom: 50px;
    }

    .holiday-white-section h5 {
        font-size: 1.2rem;
    }

    .holiday-white-section h2 {
        font-size: 1.5rem;
        margin: 20px 0;
        letter-spacing: 1.5px;
    }

    .delivery-update-content {
        font-size: 20px;
        margin-top: 30px;
    }

    .holiday-gray-section {
        padding: 2rem 0 2rem 0;
    }

        .holiday-gray-section h4 {
            font-size: 20px;
            margin-top: 1rem;
            margin-bottom: 4rem;
        }

    .holiday-white-section {
        margin-bottom: 20px;
    }

    .holiday-gray-section ul li {
        margin: 0 20px;
        padding: 0px;
        display: inline-block;
        width: 60px;
        height: 50px;
        vertical-align: baseline;
    }

    .delivery-update-content .downarrow {
        width: 30px;
    }
}

@media(max-width: 767px) {
    .holiday-landing-page {
        padding-top: 80px;
    }

    .holiday-white-section {
        padding: 40px 0 20px 0;
        margin-bottom: 40px;
    }

        .holiday-white-section h1 {
            font-size: 2rem;
            margin-bottom: 30px;
        }

        .holiday-white-section .check-icon {
            width: 45px;
        }

        .holiday-white-section h5 {
            font-size: 1.2rem;
        }

        .holiday-white-section h2 {
            font-size: 1.5rem;
            margin: 10px 0;
            letter-spacing: 1px;
        }

    .delivery-update-content {
        font-size: 17px;
        margin-top: 20px;
    }

        .delivery-update-content .downarrow {
            width: 22px;
            margin-top: 20px;
        }

    .holiday-gray-section h4 {
        font-size: 17px;
        margin-top: 2.5rem;
        margin-bottom: 4rem;
    }

    .holiday-gray-section {
        background-size: 100% 100%;
        padding: 0rem 0 0rem 0;
        min-height: 200px;
    }

        .holiday-gray-section ul li {
            margin: 0 10px;
            width: 40px;
            height: 50px;
            vertical-align: baseline;
        }
}

.banner-bottom-texture img {
    width: 100%;
}


/*Spartan page css*/

.spartan-top-header {
    background: url(../images/spartan-header-bg.jpg) no-repeat center top;
    background-size: cover;
    padding: 30px 0;
}

.spartan-logo {
    max-width: 540px;
    display: block;
    margin: 0 auto;
}

    .spartan-logo img {
        max-width: 100%;
    }

.spartan-header-text {
    color: #afa9a6;
    font-size: 5rem;
    font-weight: 400;
    line-height: normal;
    font-family: 'DCC - Ash';
    letter-spacing: 5px;
}

    .spartan-header-text span {
        color: #00ce19;
    }

.spartan-banner {
    position: relative;
}

    .spartan-banner img {
        width: 100%;
    }

    .spartan-banner .content {
        position: absolute;
        top: 45px;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 999;
        width: 28%;
        max-width: 500px;
    }

        .spartan-banner .content img {
            max-width: 100%;
        }

    .spartan-banner .fade {
        background: rgba(0,0,0,0.7);
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 99;
        opacity: 1;
    }

    .spartan-banner .get-started-banner {
        display: block;
        margin: 0 auto;
        width: auto;
        margin-top: 30px;
    }

        .spartan-banner .get-started-banner a {
            background: #00cf18;
            color: #fff;
            border-radius: 100px;
            padding: 10px 20px;
            display: block;
            margin: 0 auto;
            text-align: center;
            font-size: 36px;
            font-weight: 300;
            line-height: normal;
            font-family: 'DCC - Ash';
            letter-spacing: 3px;
            text-decoration: none;
            width: auto;
        }

.banner-bottom-green-section {
    background: #00cf18;
    color: #fff;
    text-align: center;
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 400;
    padding: 30px 20px;
    font-family: 'DCC - Ash';
    letter-spacing: 4px;
}

.no-shopping-no-cooking-section {
    background: url(../images/white-texture-spartan.jpg) no-repeat center bottom;
    display: block;
    width: 100%;
    text-align: center;
    background-size: cover;
}

.no-shopping-no-cooking-content {
    max-width: 1070px;
    padding: 50px 50px;
    margin: 0 auto;
    font-size: 24px;
    color: #7e7c7c;
    font-family: 'Encode Sans Expanded', sans-serif;
}

    .no-shopping-no-cooking-content span {
        font-weight: bold;
    }

.no-shopping-no-cooking-icon-section p {
    font-size: 24px;
    padding: 20px 0;
    font-weight: 500;
    color: #7f7d7d;
    font-family: 'Encode Sans Expanded', sans-serif;
}

.no-shopping-no-cooking-icon-section {
    padding: 0 15px;
    max-width: 900px;
    margin: 0 auto;
}

.testimonials-section-spartan {
    background: url(../images/testimonials-bg-spartan.jpg) no-repeat center top;
    background-size: cover;
    padding: 80px 0;
}

    .testimonials-section-spartan h2 {
        font-family: 'DCC - Ash';
        font-size: 3rem;
        text-align: center;
        letter-spacing: 3px;
        color: #fff;
        margin-bottom: 50px;
    }

        .testimonials-section-spartan h2 span {
            color: #00c719;
        }

.spartan-testimonials-slider {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
}

    .spartan-testimonials-slider .slick-slide {
        background: #cdcdcd;
        margin: 0 40px;
        padding: 20px 20px;
        text-align: center;
        font-size: 1.1rem;
        font-family: 'Encode Sans Expanded', sans-serif;
        min-height: 200px;
        text-transform: uppercase;
    }

    .spartan-testimonials-slider .slick-prev, .spartan-testimonials-slider .slick-next {
        width: 30px;
        height: 30px;
    }

        .spartan-testimonials-slider .slick-prev:before, .spartan-testimonials-slider .slick-next:before {
            font-family: 'slick';
            font-size: 30px;
            line-height: 1;
            opacity: 1;
            color: white;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .spartan-testimonials-slider .slick-dots {
        bottom: -50px;
    }

        .spartan-testimonials-slider .slick-dots li.slick-active button:before {
            opacity: 1;
            color: #fff;
        }

        .spartan-testimonials-slider .slick-dots li button:before {
            color: #b4b4b4;
            opacity: 0.8;
            font-size: 14px;
        }

.spartan-landing-page .testi-content a {
    color: #00c719;
}

.spartan-landing-page .testi-name-title {
    font-family: 'DCC - Ash';
    font-size: 24px;
    letter-spacing: 3px;
}

.spartan-landing-page .delivers-section {
    width: 100%;
    clear: left;
    background: url(../images/white-texture-spartan.jpg) center bottom;
    background-size: cover;
    position: relative;
    margin-top: 0px;
}

    .spartan-landing-page .delivers-section:before {
        background: #00C719;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        content: "";
        height: 150px;
    }

    .spartan-landing-page .delivers-section h2 {
        font-size: 60px;
        color: #fff;
        text-align: left;
        margin: 15px 0 0 50px;
        padding: 0;
        font-weight: 400;
        letter-spacing: 5px;
        width: auto !important;
        display: inline-block;
        font-family: 'DCC - Ash';
    }

        .spartan-landing-page .delivers-section h2 span {
            display: block;
            font-size: 36px;
            margin: 0 auto;
            text-align: center;
        }

.spartan-landing-page .delivers-item {
    width: 100%;
    text-align: right;
    margin-top: -40px;
}

    .spartan-landing-page .delivers-item img {
        max-width: 500px;
    }

.spartan-landing-page .delivers-section ul {
    list-style: none;
    margin: 55px 0 0 60px;
    padding: 0px;
}

    .spartan-landing-page .delivers-section ul li {
        display: block;
        background: url(../images/right-icon-with-texture.svg) no-repeat center left;
        background-size: 50px;
        color: #7E7C7C;
        font-size: 36px;
        padding-left: 110px;
        padding-top: 22px;
        padding-bottom: 22px;
        vertical-align: top;
        letter-spacing: 3px;
        font-family: 'DCC - Ash';
    }

.spartan-landing-page .delivers-section p {
    font-size: 26px;
    font-family: 'Encode Sans Expanded', sans-serif;
    color: #000;
    text-align: center;
    letter-spacing: 2px;
}

.spartan-landing-page .delivers-section h3 {
    font-size: 65px;
    color: #00c719;
    text-align: left;
    margin: 0px 0 50px 0px;
    padding: 0;
    font-weight: 400;
    letter-spacing: 5px;
    font-family: 'DCC - Ash';
    text-align: center;
}


.spartan-landing-page .three-easy-step-section {
    clear: left;
    width: 100%;
    background: url(../images/three-easy-step-bg-spartan.jpg) no-repeat center bottom;
    background-size: cover;
}

    .spartan-landing-page .three-easy-step-section .upper-section {
        text-align: center;
        padding: 40px 0;
    }

        .spartan-landing-page .three-easy-step-section .upper-section h2 {
            font-size: 65px;
            color: #aba6a0;
            letter-spacing: 3px;
            font-weight: 400;
            font-family: 'DCC - Ash';
        }

            .spartan-landing-page .three-easy-step-section .upper-section h2 strong {
                color: #fff;
                font-weight: 400;
            }

        .spartan-landing-page .three-easy-step-section .upper-section h4 {
            font-size: 30px;
            color: #aba6a0;
            letter-spacing: 3px;
            font-weight: 400;
            display: block;
            font-family: 'Encode Sans Expanded', sans-serif;
            text-align: center;
        }

            .spartan-landing-page .three-easy-step-section .upper-section h4 span {
                color: #fff;
            }

.spartan-landing-page .lowor-section {
    background: none;
}

.spartan-landing-page .step-content {
    margin: 0 0;
    padding: 80px 0;
    min-height: 270px;
}

.spartan-landing-page .three-easy-step-section .tabs-circle {
    background: #00cf18;
    color: #fff;
    font-weight: 700;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    line-height: 50px;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.spartan-landing-page .three-easy-step-section .step-two {
    border-left: #fff solid 1px;
    border-right: #fff solid 1px;
}

.spartan-landing-page .three-easy-step-section .step-one img {
    max-width: 75px;
    display: block;
    margin: 0 auto;
}

.spartan-landing-page .three-easy-step-section .step-two img {
    max-width: 121px;
    display: block;
    margin: 15.5px auto;
}

.spartan-landing-page .three-easy-step-section .step-three img {
    max-width: 59px;
    display: block;
    margin: 4.5px auto;
}

.spartan-landing-page .three-easy-step-section h3 {
    color: #00cf18;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    font-size: 22px;
    font-weight: 400;
    margin-top: 15px;
}

.spartan-landing-page .five-plans-to-choose {
    clear: left;
    width: 100%;
}

.spartan-landing-page .top-title-five-plans {
    background: #00cf18;
    color: #fff;
    padding: 30px 0;
    font-size: 65px;
    letter-spacing: 5px;
    font-family: 'DCC - Ash';
    text-align: center;
    font-weight: 400;
}

.spartan-landing-page .five-plans-container {
    background: url(../images/white-texture-spartan.jpg) no-repeat center center;
    border: 4px solid #000;
    clear: left;
    width: 100%;
    text-align: center;
    padding: 40px;
}

.spartan-landing-page .five-plans-line {
    background: #000;
    height: 4px;
    width: 100%;
    clear: left;
    margin: 40px auto;
}

.spartan-landing-page .five-plans-item-content {
    max-width: 300px;
    display: block;
    margin: 0px auto;
}

.spartan-landing-page .title-with-icon {
    line-height: 35px;
    font-size: 26px;
    margin-top: 20px;
    color: #7E7C7C;
    letter-spacing: 2px;
    font-weight: 900;
    text-transform: uppercase;
}

.five-plans-item-content img {
    max-width: 100%;
}

.spartan-landing-page .title-with-icon img {
    display: inline-block;
    max-width: 55px;
    max-height: 50px;
    margin-right: 5px;
}

.spartan-landing-page .get-started-section {
    background: url(../images/three-easy-step-bg-spartan.jpg) no-repeat center center;
    clear: left;
    width: 100%;
    text-align: center;
    padding: 40px 0 10px 0;
}

    .spartan-landing-page .get-started-section p {
        color: #7e7c7c;
        font-size: 14px;
        display: block;
        margin-top: 15px;
    }

.spartan-landing-page a.btn.get-started-btn-large-footer {
    font-size: 50px;
    width: auto;
    background: #00cf18;
    color: #fff;
    border-radius: 100px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 5px 70px;
    font-family: 'DCC - Ash';
    letter-spacing: 7px;
}

.testimonials-box-component {
    padding: 0;
    background: no-repeat;
}

.spartan-landing-page .slick-prev {
    background: url(../images/left-green-arrow-slider.png) no-repeat center left !important;
    top: 60%;
}

.spartan-landing-page .slick-next {
    background: url(../images/right-green-arrow-slider.png) no-repeat center left !important;
    top: 60%;
}

.slick-initialized .slick-slide {
    vertical-align: top;
}

@media(max-width:767px) {
    .spartan-header-text {
        font-size: 1.5rem;
        letter-spacing: 3px;
        margin-top: 20px;
    }

    .spartan-logo {
        max-width: 300px;
    }

    .spartan-top-header {
        padding: 25px 0 30px 0;
    }

    .spartan-banner .content {
        top: 15px;
        width: 80px;
    }

    .spartan-banner .get-started-banner {
        width: 180px;
        margin-top: 14px;
        position: absolute;
        left: -53px;
        right: 0;
    }

    .banner-bottom-green-section {
        font-size: 2rem;
        padding: 30px 20px;
        letter-spacing: 3px;
        line-height: normal;
    }

    .no-shopping-no-cooking-content {
        max-width: 100%;
        padding: 30px 20px;
        font-size: 19px;
    }

    .testimonials-section-spartan h2 {
        font-size: 1.5rem;
        letter-spacing: 3px;
        margin-bottom: 30px;
    }

    .testimonials-section-spartan {
        padding: 40px 0;
    }

        .testimonials-section-spartan .slick-prev {
            left: -5px;
        }

        .testimonials-section-spartan .slick-next {
            right: -5px;
        }

    .spartan-banner .get-started-banner a {
        padding: 10px 10px;
        font-size: 16px;
        letter-spacing: 2px;
    }

    .spartan-landing-page .delivers-section:before {
        height: 100px;
    }

    .spartan-landing-page .delivers-section {
        width: 100%;
        margin-top: 0px;
    }

        .spartan-landing-page .delivers-section h2 {
            font-size: 2.2rem;
            text-align: center;
            margin: 15px 0 0 0px;
            padding: 0;
            letter-spacing: 3px;
            width: 100% !important;
            display: inline-block;
        }

        .spartan-landing-page .delivers-section p {
            font-size: 24px;
        }

        .spartan-landing-page .delivers-section h3 {
            font-size: 35px;
        }

    .spartan-landing-page .three-easy-step-section .upper-section h4 {
        font-size: 19px;
        letter-spacing: 1px;
    }

    .spartan-landing-page .delivers-section h2 span {
        display: block;
        font-size: 20px;
        margin: 5px auto;
        text-align: center;
    }

    .spartan-landing-page .delivers-item {
        width: 100%;
        text-align: right;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .spartan-landing-page .tiny-bg span {
        margin-right: 0px;
    }

    .spartan-landing-page .delivers-item img {
        max-width: 100%;
    }

    .spartan-landing-page .delivers-section ul {
        margin: 68px 0 0 0px;
        padding: 0px;
    }

        .spartan-landing-page .delivers-section ul li {
            background-size: 22px;
            font-size: 18px;
            padding-left: 40px;
            padding-top: 10px;
            padding-bottom: 10px;
            letter-spacing: 2px;
        }

    .spartan-landing-page .five-diffrent-meal h2 {
        letter-spacing: 2px;
        font-size: 22px;
    }

    .spartan-landing-page .five-diffrent-meal h1 {
        letter-spacing: 2px;
        font-size: 28px;
    }

    .spartan-landing-page .three-easy-step-section .upper-section h2 {
        font-size: 22px;
        letter-spacing: 2px;
    }

    .spartan-landing-page .three-easy-step-section .step-two {
        border-left: #fff solid 0px;
        border-right: #fff solid 0px;
        border-top: #fff solid 1px;
        border-bottom: #fff solid 1px;
    }

    .spartan-landing-page .top-title-five-plans {
        padding: 20px 0;
        font-size: 22px;
        letter-spacing: 2px;
    }

    .spartan-landing-page .five-plans-item-content {
        max-width: 300px;
        display: block;
        margin: 0px auto;
        margin-bottom: 40px;
    }

    .spartan-landing-page .five-plans-container {
        padding: 15px;
    }

    .spartan-landing-page a.btn.get-started-btn-large-footer {
        font-size: 18px;
        padding: 10px 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .spartan-header-text {
        font-size: 3rem;
    }

    .spartan-banner .content {
        top: 30px;
        width: 22%;
    }

    .spartan-banner .get-started-banner {
        width: 300px;
        position: absolute;
        left: -65px;
    }

        .spartan-banner .get-started-banner a {
            padding: 10px 10px;
            font-size: 20px;
            letter-spacing: 2px;
        }

    .banner-bottom-green-section {
        font-size: 2.5rem;
    }

    .no-shopping-no-cooking-content {
        padding: 50px 20px;
        font-size: 19px;
    }

    .spartan-landing-page .delivers-section h2 {
        font-size: 36px;
        margin: 25px 0 0 0;
        letter-spacing: 3px;
    }

        .spartan-landing-page .delivers-section h2 span {
            font-size: 24px;
            margin: 10px auto;
        }

    .spartan-landing-page .delivers-section h3 {
        font-size: 40px;
    }

    .spartan-landing-page .three-easy-step-section .upper-section h2 {
        font-size: 50px;
    }

    .spartan-landing-page .three-easy-step-section h3 {
        font-size: 16px;
    }

    .spartan-landing-page .title-with-icon {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .spartan-landing-page .slick-next {
        right: -5px;
    }

    .spartan-landing-page .slick-prev {
        left: -5px;
    }

    .spartan-testimonials-slider .slick-slide {
        margin: 0 30px;
        padding: 20px 15px;
        font-size: 14px;
    }

    .spartan-landing-page .delivers-item img {
        max-width: 340px;
    }

    .spartan-landing-page .delivers-section ul {
        margin: 55px 0 10px 0px;
        padding: 0px;
    }

        .spartan-landing-page .delivers-section ul li {
            background-size: 36px;
            font-size: 25px;
            padding-left: 55px;
            padding-top: 15px;
            padding-bottom: 15px;
            letter-spacing: 2px;
        }

    .spartan-landing-page .five-diffrent-meal h2 {
        letter-spacing: 2px;
        font-size: 20px;
    }

    .spartan-landing-page .five-diffrent-meal h1 {
        color: #9E1CBF;
        letter-spacing: 3px;
        font-weight: 400;
        font-size: 32px;
    }

    .spartan-landing-page a.btn.get-started-btn-large-footer {
        font-size: 26px;
        padding: 10px 80px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .spartan-banner .content {
        width: 23%;
    }

    .spartan-banner .get-started-banner {
        width: 370px;
        position: absolute;
        left: -65px;
    }

        .spartan-banner .get-started-banner a {
            font-size: 30px;
        }

    .banner-bottom-green-section {
        font-size: 3rem;
    }

    .testimonials-section-spartan h2 {
        font-size: 2.2rem;
    }

    .testimonials-section-spartan .slick-prev {
        left: -15px;
    }

    .testimonials-section-spartan .slick-next {
        right: -15px;
    }

    .spartan-landing-page .delivers-section h2 {
        font-size: 50px;
        margin: 25px 0 0 0;
        letter-spacing: 3px;
    }

        .spartan-landing-page .delivers-section h2 span {
            font-size: 30px;
            margin: 10px auto;
        }

    .spartan-landing-page .delivers-section h3 {
        font-size: 50px;
    }

    .spartan-landing-page .delivers-item img {
        max-width: 340px;
    }

    .spartan-landing-page .title-with-icon {
        font-size: 21px;
    }

    .spartan-landing-page .delivers-section ul {
        margin: 55px 0 10px 0px;
        padding: 0px;
    }

        .spartan-landing-page .delivers-section ul li {
            background-size: 36px;
            font-size: 25px;
            padding-left: 55px;
            padding-top: 15px;
            padding-bottom: 15px;
            letter-spacing: 2px;
        }

    .spartan-landing-page .five-diffrent-meal h2 {
        letter-spacing: 2px;
        font-size: 20px;
    }

    .spartan-landing-page .five-diffrent-meal h1 {
        color: #9E1CBF;
        letter-spacing: 3px;
        font-weight: 400;
        font-size: 32px;
    }

    .spartan-landing-page a.btn.get-started-btn-large-footer {
        font-size: 26px;
        padding: 10px 80px;
    }
}






/*OTF PAGE CSS*/
.otf-guide-page .otf-banner {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

    .otf-guide-page .otf-banner img {
        width: 100%;
    }

    .otf-guide-page .otf-banner .otf-banner-content img {
        width: auto;
        max-width: 100%;
    }

.otf-banner-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    margin: 0 auto;
    z-index: 9;
    width: 1000px;
    text-align: center;
}

    .otf-banner-content h1 {
        font-family: 'Klavika Bold Bold';
        color: #fff;
        font-size: 3.2rem;
        margin-top: 10px;
    }

    .otf-banner-content p {
        font-family: 'KlavikaRegular-TF';
        color: #fff;
        font-size: 1.5rem;
        max-width: 88%;
        margin: 0 auto;
        line-height: 1.8;
        margin-bottom: 30px;
    }

    .otf-banner-content .btn-primary {
        color: #fff !important;
        background-color: #05b818;
        border-color: #05b818;
    }

        .otf-banner-content .btn-primary:hover, .otf-banner-content .btn-primary:focus {
            color: #05b818 !important;
            background-color: #fff !important;
            border-color: #05b818 !important;
        }

.otf-guide-page .discount-section-banner {
    max-width: 1200px;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: relative;
    background: #656565 url(../images/discount-graphic.png) no-repeat left center;
    background-size: cover;
    min-height: 485px;
    border-radius: 6px;
    margin-top: -65px;
    padding-top: 2px;
    padding-bottom: 30px;
}

.discount-section-banner {
    background: rgba(0,0,0,.3);
    text-align: center;
}

.otf-guide-page .discount-section-banner h2 {
    color: #fc9e19;
    width: auto;
    display: inline-block;
    border-radius: 6px;
    padding: 0 0px 0 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 19px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 2px;
    height: 60px;
    position: relative;
    line-height: 80px;
}

    .otf-guide-page .discount-section-banner h2:after {
        border: 1px solid #bbb;
        position: absolute;
        left: 0;
        width: 100%;
        top: 16px;
        height: 46px;
        content: "";
        border-radius: 6px;
    }

    .otf-guide-page .discount-section-banner h2 img {
        max-width: 53px;
        margin-top: -13px;
        margin-right: -35px;
        position: relative;
        z-index: 2;
    }

.otf-guide-page .discount-section-banner h3 {
    font-size: 34.38px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0 70px;
}

.otf-guide-page .discount-section-banner h4 {
    text-align: center;
    color: #ef6909;
    font-size: 37.5px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif !important;
    margin-bottom: 0px;
}

.otf-guide-page .discount-section-banner .btn {
    padding: 10px 20px;
    font-weight: 600;
    background: #fc9e19;
    border-color: #fc9e19;
    margin-top: 44px;
}

.green-outline-section {
    margin: 0 auto;
    position: relative;
    border: #45b649 solid 4px;
    border-radius: 40px;
    margin-top: 100px;
    margin-bottom: 80px;
    padding: 0 0px;
}

    .green-outline-section h2 {
        background: #fff;
        color: #aba6a1;
        font-family: 'KlavikaMedium-TF';
        text-align: center;
        margin: 0 auto;
        position: absolute;
        padding: 0 30px;
        left: 0;
        right: 0;
        top: -24px;
        width: 80%;
        display: block;
        font-size: 2.5rem;
        letter-spacing: 3px;
    }

    .green-outline-section h3 {
        margin-top: 50px;
        font-size: 2.2rem;
        color: #f58320;
        font-family: 'KlavikaMedium-TF';
        text-align: center;
        padding: 0 50px;
        letter-spacing: 2px;
    }

.cash-prizes-col {
    margin: 40px auto;
    max-width: 75%;
    text-align: center;
}

    .cash-prizes-col img {
        max-width: 80px;
        display: inline-block;
        vertical-align: top;
    }

.place-of-price {
    font-size: 2.8rem;
    display: inline-block;
    vertical-align: top;
    line-height: 130px;
    color: #a19c97;
    font-family: 'KlavikaMedium-TF';
}

.green-outline-section p {
    font-size: 1.5rem;
    color: #7e7d7d;
    font-family: 'Open Sans', sans-serif !important;
    margin: 0px;
    padding: 0px 30px;
}

.benefit-members-section {
    margin-top: 30px;
}

    .benefit-members-section h2 {
        position: relative;
        top: 0px;
    }

    .benefit-members-section h3 {
        margin: 0px;
        padding: 20px 0px;
    }

    .benefit-members-section h4 {
        margin: 0px;
        padding: 10px 0px 20px 0px;
        color: #4b4b4b;
        font-family: 'KlavikaMedium-Italic';
        font-size: 1.5rem;
        letter-spacing: 2px;
        text-align: center;
    }

.otf-guide-page .six-tasty-meal-plan {
    text-align: center;
    margin-top: 0px;
    padding-top: 75px;
    background-color: #f7f7f7;
}

.otf-guide-page .orange-bg-section {
    width: 100%;
    background: #f4771e;
    margin: 0px auto;
    padding: 80px 0;
}

.otf-guide-page .members-signup {
    max-width: 890px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    display: table;
}

    .otf-guide-page .members-signup h2 {
        font-size: 2.1rem;
        font-family: 'KlavikaMedium-TF';
        position: relative;
    }

        .otf-guide-page .members-signup h2:before {
            background: #3ed24e;
            width: 115px;
            height: 5px;
            position: absolute;
            top: -15px;
            left: 0;
            right: 0;
            margin: 0 auto;
            content: "";
        }

    .otf-guide-page .members-signup .signup-list img {
        display: inline-block;
        float: left;
    }

    .otf-guide-page .members-signup .signup-list-text {
        display: inline-block;
        vertical-align: top;
        margin-top: 20px;
        width: 85%;
        font-family: 'Open Sans', sans-serif !important;
        font-size: 1.6rem;
        line-height: normal;
    }

.otf-guide-page .six-tasty-meal-plan h4 img {
    margin-right: 10px;
}

.otf-guide-page .six-tasty-meal-plan h4 {
    letter-spacing: 1px;
    font-family: 'Encode Sans Expanded', sans-serif !important;
    font-weight: 500;
}

.otf-guide-page .members-signup .signup-list {
    display: block;
    width: 100%;
    clear: left;
    margin: 20px 0;
    float: left;
}

.orange-bg-section p {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1.2rem;
    color: #fff;
}

.gray-bg-section {
    background: #373536 !important;
}

.otf-guide-page .orange-theory-how-it-works {
    width: 100% !important;
    padding-bottom: 0;
    background: #fff;
    position: relative;
    margin-top: 60px;
}

    .otf-guide-page .orange-theory-how-it-works:before {
        content: " ";
        display: block;
        position: absolute;
        height: 5px;
        width: 20px;
        background-color: #00cf19;
        top: -20px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }

.otf-guide-page .welcome-boxs {
    padding: 0 0 0;
    border-top: #CCC solid 1px;
    border-bottom: #CCC solid 1px;
    margin-top: 45px;
}

.orange-theory-how-it-works h2 {
    color: #828282;
    text-align: center;
}

.otf-guide-page .main-box {
    background: #dbdbdb !important;
}

.otf-guide-page .main-box {
    float: left;
    width: 33.33%;
    background: #dbdbdb;
    position: relative;
}

.otf-guide-page .sr-no {
    color: #828282 !important;
    position: absolute;
    width: 65px;
    height: 50px;
    font-size: 50px;
    font-weight: 400;
    text-align: center;
    top: 37%;
    background: 0 0;
    margin: 0;
    z-index: 9;
    left: 2px;
}

.otf-guide-page .box-content {
    width: 85%;
    float: right;
    background-color: #fff;
    padding: 50px 40px 20px 40px;
    min-height: 345px;
    text-align: left;
}

    .otf-guide-page .box-content h3 {
        color: #8f8f8f;
        margin-top: 12px;
        font-size: 1.3rem;
    }

.orange-theory-how-it-works p {
    color: #8f8f8f !important;
}

@media (min-width: 1600px) {

    .otf-banner-content {
        width: 1600px;
    }

        .otf-banner-content h1 {
            font-size: 4.1rem;
            margin-top: 15px;
        }

        .otf-banner-content p {
            font-size: 2.4rem;
        }

        .otf-banner-content .btn-primary {
            padding: 10px 40px;
            font-size: 2rem;
        }

    .otf-guide-page .discount-section-banner {
        max-width: 1305px;
    }

        .otf-guide-page .discount-section-banner h3 {
            font-size: 37.38px;
        }

        .otf-guide-page .discount-section-banner h4 {
            font-size: 40.5px;
        }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .otf-banner-content {
        top: 50%;
        width: 100%;
    }

        .otf-banner-content h1 {
            font-size: 3rem;
        }

    .otf-guide-page .discount-section-banner {
        max-width: 850px;
        min-height: 485px;
        margin-top: -40px;
    }

        .otf-guide-page .discount-section-banner h3 {
            font-size: 25.38px;
            padding: 0 20px;
        }

    .green-outline-section h2 {
        padding: 0 20px;
        top: -20px;
        width: 85%;
        font-size: 2rem;
        letter-spacing: 2px;
    }

    .green-outline-section h3 {
        font-size: 1.7rem;
        padding: 0 20px;
        letter-spacing: 2px;
    }

    .cash-prizes-col {
        max-width: 95%;
    }

    .place-of-price {
        font-size: 2.4rem;
    }

    .green-outline-section p {
        font-size: 1.2rem;
    }

    .benefit-members-section h4 {
        font-size: 1.3rem;
    }

    .green-outline-section {
        border-radius: 30px;
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .otf-guide-page .six-tasty-meal-plan h4 img {
        max-width: 50px;
        max-height: 50px;
        margin-right: 10px;
    }

    .otf-guide-page .orange-bg-section {
        margin: 0px auto;
        padding: 60px 0;
    }

    .otf-guide-page .sr-no {
        width: 52px;
    }

    .otf-guide-page .orange-theory-how-it-works {
        margin-top: 70px;
    }

    .benefit-members-section h2 {
        top: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .otf-banner-content {
        top: 50%;
        width: 100%;
    }

    .otf-guide-page .otf-banner .otf-banner-content img {
        width: auto;
        max-width: 280px;
    }

    .otf-banner-content h1 {
        font-size: 2.1rem;
    }

    .otf-banner-content p {
        font-size: 1.1rem;
        max-width: 88%;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    .otf-guide-page .discount-section-banner {
        max-width: 90%;
        margin-top: -30px;
        padding-top: 2px;
        padding-bottom: 30px;
        min-height: 405px;
    }

        .otf-guide-page .discount-section-banner h4 {
            font-size: 26.5px;
        }

        .otf-guide-page .discount-section-banner h3 {
            font-size: 20.38px;
            padding: 0 10px;
        }

    .green-outline-section {
        border-radius: 25px;
        margin-top: 60px;
        padding: 0 0px;
    }

        .green-outline-section h2 {
            padding: 0 30px;
            top: -15px;
            width: 85%;
            font-size: 1.5rem;
            letter-spacing: 2px;
        }

        .green-outline-section h3 {
            font-size: 1.3rem;
            padding: 0 20px;
            letter-spacing: 2px;
        }

    .cash-prizes-col {
        margin: 40px auto;
        max-width: 95%;
    }

    .place-of-price {
        font-size: 2.1rem;
    }

    .green-outline-section p {
        font-size: 1rem;
        padding: 0px 20px;
    }

    .benefit-members-section h4 {
        font-size: 1.1rem;
        margin-top: 15px;
    }

    .green-outline-section img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

    .cash-prizes-col img {
        max-width: 60px;
        display: inline-block;
    }

    .otf-guide-page .members-signup .signup-list img {
        max-width: 40px;
    }

    .otf-guide-page .members-signup .signup-list-text {
        width: 85%;
        font-size: 1.3rem;
    }

    .otf-guide-page .orange-bg-section p {
        font-size: 1.3rem;
    }

    .otf-guide-page .members-signup h2 {
        font-size: 1.8rem;
    }

    .otf-guide-page .six-tasty-meal-plan h4 img {
        max-height: 50px;
        max-width: 40px;
        margin-right: 10px;
    }

    .otf-guide-page .sr-no {
        width: 36px;
        font-size: 41px;
    }

    .otf-guide-page .box-content {
        padding: 30px 15px 20px 20px;
        min-height: 330px !important;
    }

        .otf-guide-page .box-content img {
            max-height: 65px;
        }

    .benefit-members-section h2 {
        top: 0;
        margin-bottom: 25px;
    }

    .otf-guide-page .orange-theory-how-it-works p br {
        display: none;
    }
}

@media (max-width: 767px) {
    .six-tasty-meal-plan ul li:nth-child(3) .meal-img-box {
        border-right: #04bb18 solid 1px;
    }

    .otf-guide-page .orange-theory-how-it-works {
        margin-top: 45px;
    }

    .otf-guide-page .main-box {
        margin-bottom: 0px;
    }

    .otf-banner-content {
        top: 50%;
        width: 100%;
    }

    .otf-guide-page .otf-banner .otf-banner-content img {
        width: auto;
        max-width: 150px;
    }

    .otf-banner-content h1 {
        font-size: 1rem;
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .otf-banner-content p {
        font-size: 0.8rem;
        max-width: 100%;
        line-height: normal;
        margin-bottom: 10px;
        padding: 0 15px;
    }

    .otf-guide-page .discount-section-banner {
        max-width: 96%;
        margin-top: -15px;
    }

    .otf-guide-page .discount-section-banner {
        max-width: 95%;
        min-height: 370px;
        padding-bottom: 20px;
    }

        .otf-guide-page .discount-section-banner h2 {
            font-size: 14px;
            letter-spacing: 1px;
        }

        .otf-guide-page .discount-section-banner h3 {
            font-size: 14px;
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0 10px;
        }

        .otf-guide-page .discount-section-banner h4 {
            font-size: 30.5px;
        }

        .otf-guide-page .discount-section-banner h3 {
            font-size: 14px;
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0 10px;
            line-height: normal;
        }

            .otf-guide-page .discount-section-banner h3.p-0.mb-5 {
                margin-bottom: 20px !important;
            }

            .otf-guide-page .discount-section-banner h3 br {
                display: none;
            }

    .green-outline-section {
        border: #45b649 solid 2px;
        border-radius: 13px;
        margin-top: 80px;
        padding: 0 0px;
        padding-top: 30px;
        max-width: 96%;
    }

        .green-outline-section h2 {
            padding: 0 20px;
            top: -24px;
            width: 290px;
            font-size: 1.2rem;
            letter-spacing: 1px;
        }

        .green-outline-section h3 {
            margin-top: 20px;
            font-size: 1rem;
            padding: 0 15px;
            letter-spacing: 1px;
        }

            .green-outline-section h3 br {
                display: none;
            }

    .cash-prizes-col {
        margin: 20px auto;
        max-width: 85%;
    }

        .cash-prizes-col .col-sm-4 {
            margin-bottom: 20px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 20px;
        }

    .green-outline-section p {
        font-size: 1rem;
        margin: 0px;
        padding: 0px 15px;
        margin-bottom: 0px;
        text-align: center !important;
    }

    .benefit-members-section h2 {
        top: 0;
    }

    .benefit-members-section h4 {
        padding: 20px 15px;
        font-size: 1rem;
        letter-spacing: 1px;
        text-align: center;
    }

    .otf-guide-page .members-signup h2 {
        font-size: 1.4rem;
    }

    .otf-guide-page .members-signup .signup-list {
        margin: 10px 0;
    }

        .otf-guide-page .members-signup .signup-list img {
            max-width: 28px;
        }

    .otf-guide-page .members-signup .signup-list-text {
        margin-top: 5px;
        font-size: 1rem;
    }

    .orange-bg-section p {
        font-size: 1rem;
        text-align: center !important;
    }

    .otf-guide-page .orange-bg-section {
        padding: 50px 0;
    }

    .otf-guide-page .members-signup h2:before {
        width: 100px;
        height: 2px;
        top: -5px;
    }

    .otf-guide-page .orange-theory-how-it-works p br {
        display: none;
    }

    .six-tasty-meal-plan h4 img {
        max-width: 50px;
        max-height: 50px;
        margin-right: 10px;
    }

    .orange-bg-section.gray-bg-section {
        margin-top: 0px;
    }

    .otf-guide-page .main-box {
        float: left;
        width: 100%;
        background: #dbdbdb;
        position: relative;
        border-bottom: #ccc solid 1px;
    }

    .otf-guide-page .box-content {
        border-bottom: #dbdbdb solid 0px;
        margin-bottom: 0px;
    }

    .otf-guide-page .welcome-boxs {
        padding: 0 0 0;
        border-top: #CCC solid 1px;
        border-bottom: #CCC solid 0px;
        margin-top: 20px;
    }

    .otf-guide-page .orange-theory-how-it-works:before {
        top: -10px;
    }

    .otf-guide-page .sr-no {
        width: 55px;
        height: 50px;
        left: 0px;
    }

    .otf-guide-page {
        padding-top: 75px;
    }
}

/*four-ever-young page css start*/

.four-ever-young-page .four-ever-banner {
    position: relative;
}

.four-ever-banner-content {
    position: absolute;
    top: 31%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.four-ever-banner img {
    width: 100%;
}

.four-ever-banner-content img {
    max-width: 260px;
}

.four-ever-banner-content h1 {
    font-size: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #515252;
    margin-top: 20px;
}

.four-ever-banner-content p {
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #515252;
}

.four-ever-young-page .discount-section-banner {
    max-width: 77%;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: relative;
    background: #474747;
    background-size: cover;
    min-height: inherit;
    border-radius: 6px;
    margin-top: -60px;
    padding-top: 50px;
    padding-bottom: 60px;
}

    .four-ever-young-page .discount-section-banner h2 span {
        display: inline-block;
        z-index: 99;
        position: relative;
    }

    .four-ever-young-page .discount-section-banner h2 img {
        max-width: 50px;
        margin-top: -8px;
        position: relative;
        z-index: 2;
    }

    .four-ever-young-page .discount-section-banner h2 {
        color: #93d500;
        width: auto;
        display: inline-block;
        border-radius: 6px;
        padding: 0 22px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 19px;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 2px;
        height: 60px;
        position: relative;
        line-height: 80px;
    }

        .four-ever-young-page .discount-section-banner h2:after {
            border: 1px solid #fff;
            position: absolute;
            left: 0;
            width: 100%;
            top: 16px;
            height: 46px;
            content: "";
            border-radius: 6px;
        }

    .four-ever-young-page .discount-section-banner h3 {
        font-size: 36px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        color: #fff;
        margin-top: 32px;
        margin-bottom: 9px;
    }

        .four-ever-young-page .discount-section-banner h3 span {
            font-weight: 600;
        }

    .four-ever-young-page .discount-section-banner h4 {
        text-align: center;
        color: #fff;
        font-size: 70px;
        font-weight: 300;
        font-family: 'Open Sans', sans-serif !important;
    }

    .four-ever-young-page .discount-section-banner .btn {
        padding: 10px 20px;
        font-weight: 700;
        background: #93d500;
        border-color: #93d500;
        margin-top: 40px;
        font-family: 'Open Sans', sans-serif !important;
    }

        .four-ever-young-page .discount-section-banner .btn:hover {
            padding: 10px 20px;
            font-weight: 700;
            background: #93d500 !important;
            border-color: #93d500 !important;
            color: #fff !important;
        }

    .four-ever-young-page .discount-section-banner .btn-primary:hover .fa {
        display: inline-block;
        color: #fc9e19;
    }

.four-ever-young-page .your-performance.discount-bottom-content {
    margin: 0px auto 0 auto;
    max-width: 890px;
}

    .four-ever-young-page .your-performance.discount-bottom-content p {
        padding-top: 40px;
        color: #7c7c7c;
    }

.four-ever-young-page .your-performance p {
    font-size: 24px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    line-height: 40px;
    text-align: center;
}

.four-ever-young-page .six-tasty-meal-plan {
    text-align: center;
    margin-top: 35px;
    padding-top: 80px;
    background-color: #f7f7f7;
    padding-bottom: 100px;
}

    .four-ever-young-page .six-tasty-meal-plan h4 {
        color: #5d5d5d;
        font-weight: bold;
        font-size: 20px;
        letter-spacing: 1.2px;
        margin-bottom: 0;
        font-family: 'Open Sans', sans-serif !important;
        text-align: center;
        text-transform: capitalize;
    }

.four-ever-young-page .six-tasty-title {
    border: #585858 solid 0px;
    font-size: 30px;
    color: #a317c5;
    text-align: center;
    width: auto;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 20px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}

    .four-ever-young-page .six-tasty-title strong {
        color: #00c318;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
        display: inline;
        margin-bottom: 20px;
    }

.four-ever-young-page .six-tasty-meal-plan p {
    font-size: 24px;
    font-weight: 300;
    padding-top: 15px;
    line-height: 40px;
    padding-left: 40px;
    padding-right: 40px;
    font-family: 'Open Sans', sans-serif;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.meals-col {
    min-height: 270px;
}

.meal-over-content {
    display: none;
}

.meals-col:hover .meal-over-content {
    display: block;
    background: #F7F7F7;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 9;
    padding: 40px 15px;
}

.meals-col .meal-over-content img {
    margin: 10px 0;
    width: 60px;
    max-height: 50px;
}

.meals-col .meal-over-content h4 {
    color: #00c215;
    margin-bottom: 20px;
    font-weight: bold;
}

.meals-col .meal-over-content p {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
    padding: 0;
    margin-bottom: 10px;
}

.meals-col .meal-over-content a {
    color: #aa27c9;
    font-weight: 500;
    font-size: 14px;
}

.four-ever-young-page .sr-no {
    background: #a51cc6;
    width: 42.57px;
    height: 42.57px;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 1.7;
    vertical-align: top;
    margin-top: 50px;
    margin-bottom: 15px;
    text-align: center;
    clear: left;
    display: block;
    margin: 0 auto;
}

.four-ever-young-page .how-it-work-section h2 {
    font-size: 38px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 50px;
    margin-top: 90px;
}

.four-ever-young-page .how-it-work-section .img {
    margin-bottom: 20px;
    margin-top: 0;
}

.four-ever-young-page .how-it-work-section h3 {
    font-size: 21px;
    font-weight: 300;
    color: #525252;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
    font-weight: 400;
    margin-top: 30px;
}

.four-ever-young-page .how-it-work-section img {
    min-height: 70px;
    max-height: 70px;
}

.four-ever-young-page .how-it-work-section p {
    font-size: 15px;
    line-height: 30px;
    color: #525252;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding: 0 15px;
}

.four-ever-young-page .deliciously-col {
    position: relative;
}

    .four-ever-young-page .deliciously-col:before {
        background: #bbbbbb;
        content: "";
        width: 1px;
        height: 200px;
        position: absolute;
        left: 0;
        bottom: 20px;
    }

    .four-ever-young-page .deliciously-col:after {
        background: #bbbbbb;
        content: "";
        width: 1px;
        height: 200px;
        position: absolute;
        right: 0;
        bottom: 20px;
    }

.four-ever-young-page .how-it-work-section {
    margin-top: 60px;
    margin-bottom: 60px;
}

.four-ever-young-page .green-bg-bottom {
    background: #93d500;
    width: 100%;
    display: block;
    padding: 100px 0;
    text-align: center;
}

    .four-ever-young-page .green-bg-bottom h2 {
        font-size: 40px;
        color: #fff;
    }

    .four-ever-young-page .green-bg-bottom p {
        color: #fff;
        font-size: 18px;
    }

    .four-ever-young-page .green-bg-bottom .btn-primary {
        background: #636363;
        color: #fff;
        border-color: #636363;
    }

        .four-ever-young-page .green-bg-bottom .btn-primary:hover {
            background: #636363 !important;
            border-color: #636363 !important;
            color: #fff !important;
        }

.four-ever-young-page .new-how-it-work-FAQ-section {
    width: 100%;
    position: relative;
}

    .four-ever-young-page .new-how-it-work-FAQ-section:after {
        position: absolute;
        right: 0px;
        top: -70px;
        width: 365px;
        height: 480px;
        content: "";
        background: url(../images/faq-right-img-new.png) no-repeat top right;
        z-index: 9;
        background-size: 70%;
    }

    .four-ever-young-page .new-how-it-work-FAQ-section:before {
        position: absolute;
        left: 0px;
        bottom: 190px;
        width: 385px;
        height: 460px;
        content: "";
        background: url(../images/faq-left-img-new.png) no-repeat top left;
        z-index: 9;
        background-size: 70%;
    }

    .four-ever-young-page .new-how-it-work-FAQ-section .container {
        max-width: 1020px;
        padding-top: 50px;
    }

    .four-ever-young-page .new-how-it-work-FAQ-section h2 {
        font-size: 50px;
        font-family: 'Open Sans', sans-serif;
        margin-bottom: 30px;
    }

    .four-ever-young-page .new-how-it-work-FAQ-section .panel-title.first-title a:before {
        float: left !important;
        font-family: FontAwesome;
        content: "\f068";
        padding-right: 20px;
        font-size: 15px !important;
        color: #00CF19;
    }

    .four-ever-young-page .new-how-it-work-FAQ-section h4.panel-title a:before {
        float: left !important;
        font-family: FontAwesome;
        content: "\f068";
        padding-right: 20px;
        font-size: 15px !important;
        color: #00CF19;
        padding-top: 13px;
    }

    .four-ever-young-page .new-how-it-work-FAQ-section h4.panel-title a.collapsed:before {
        float: left !important;
        content: "\f067";
        font-size: 15px !important;
        color: #00CF19;
    }

    .four-ever-young-page .new-how-it-work-FAQ-section .panel-title {
        font-size: 18px;
        color: #000000;
        margin-bottom: 15px;
        margin-top: 15px;
    }

        .four-ever-young-page .new-how-it-work-FAQ-section .panel-title a {
            font-size: 18px;
            line-height: 32px;
            color: #000000;
            /* font-family: 'Open Sans', sans-serif; */
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            text-decoration: none;
            display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
            display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
            display: -ms-flexbox; /* TWEENER - IE 10 */
            display: -webkit-flex; /* NEW - Chrome */
            display: flex;
        }

    .four-ever-young-page .new-how-it-work-FAQ-section .panel-body {
        padding-left: 30px;
        padding-bottom: 10px;
    }

        .four-ever-young-page .new-how-it-work-FAQ-section .panel-body p {
            font-size: 16px;
            font-family: 'Roboto', sans-serif;
            line-height: 26px;
            color: #000000;
        }

        .four-ever-young-page .new-how-it-work-FAQ-section .panel-body a {
            color: #00CF19;
        }

.four-ever-young-page a.btn.view-all-FAQ {
    border: #707070 solid 1px;
    border-radius: 0px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 15px 25px;
    /* display: block; */
    width: auto;
    margin: 0 auto;
}

.four-ever-young-page .faq-contact-info {
    background: #F2F2F2;
    padding: 50px 0px;
    width: 100%;
    color: #000000;
    margin-top: 100px;
}

    .four-ever-young-page .faq-contact-info a {
        color: #000000;
    }

    .four-ever-young-page .faq-contact-info .container {
        max-width: 1020px;
    }

.four-ever-young-page .contact-details {
    font-size: 23px;
    margin-top: 50px;
}

.four-ever-young-page .faq-contact-info .phone-icon {
    max-height: 63px;
}

.four-ever-young-page .faq-contact-info .email-icon {
    height: 64px;
    padding-top: 10px;
}

.four-ever-young-page .faq-contact-info .phone-block {
    letter-spacing: 1px;
    font-size: 19px;
    border-left: #00CF19 solid 1px;
    border-right: #00CF19 solid 1px;
    max-width: 250px;
    margin: 0 auto;
}

.four-ever-young-page .faq-contact-info .email-block {
    letter-spacing: 1px;
    font-size: 19px;
}

.four-ever-young-page .faq-contact-info .phone-block h3 {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    margin-top: 25px;
    margin-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
}

    .four-ever-young-page .faq-contact-info .phone-block h3:after {
        background: #00CF19;
        width: 47px;
        height: 1px;
        position: absolute;
        bottom: -15px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        content: "";
    }

.four-ever-young-page .faq-contact-info .email-block h3 {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    margin-top: 25px;
    margin-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
}

    .four-ever-young-page .faq-contact-info .email-block h3:after {
        background: #00CF19;
        width: 47px;
        height: 1px;
        position: absolute;
        bottom: -15px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        content: "";
    }

@media (min-width:1900px) {
    .four-ever-banner-content h1 {
        font-size: 70px;
    }

    .four-ever-banner-content img {
        max-width: 370px;
    }

    .four-ever-banner-content p {
        font-size: 38px;
    }

    .four-ever-young-page .discount-section-banner {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .four-ever-young-page .new-how-it-work-FAQ-section .bs-example {
        min-height: 430px;
    }

    .four-ever-young-page .new-how-it-work-FAQ-section:before {
        bottom: 160px;
        width: 545px;
        height: 630px;
    }

    .four-ever-young-page .new-how-it-work-FAQ-section:after {
        top: -100px;
        width: 545px;
        height: 700px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .four-ever-banner-content {
        top: 30%;
    }

        .four-ever-banner-content img {
            max-width: 210px;
        }

        .four-ever-banner-content h1 {
            font-size: 38px;
            margin-top: 10px;
        }

        .four-ever-banner-content p {
            font-size: 20px;
        }

    .four-ever-young-page .discount-section-banner {
        max-width: 77%;
        margin-top: -40px;
        padding-top: 30px;
        padding-bottom: 40px;
    }

        .four-ever-young-page .discount-section-banner h3 {
            font-size: 24px;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .four-ever-young-page .discount-section-banner h4 {
            font-size: 52px;
        }

        .four-ever-young-page .discount-section-banner .btn {
            margin-top: 20px;
        }

    .four-ever-young-page .six-tasty-meal-plan {
        margin-top: 35px;
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .four-ever-young-page .your-performance.discount-bottom-content p {
        font-size: 18px;
        line-height: 32px;
    }

    .four-ever-young-page .six-tasty-meal-plan p {
        font-size: 18px;
        line-height: 32px;
    }

    .four-ever-young-page .six-tasty-meal-plan h4 {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .four-ever-young-page .meals-col {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .four-ever-young-page .deliciously-col:before {
        width: 0px;
    }

    .four-ever-young-page .deliciously-col:after {
        width: 0px;
    }

    .four-ever-young-page .contact-details {
        font-size: 14px;
        margin-top: 40px;
    }

    .four-ever-young-page .faq-contact-info .phone-icon {
        max-height: 63px;
    }

    .four-ever-young-page .faq-contact-info .phone-block h3 {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .four-ever-young-page .faq-contact-info .email-icon {
        height: 44px;
        padding-top: 10px;
    }

        .four-ever-young-page .faq-contact-info .email-icon img {
            width: 40px;
        }

    .four-ever-young-page .faq-contact-info .email-block h3 {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .four-ever-young-page .your-performance.discount-bottom-content {
        margin: 0px auto 0 auto;
        max-width: 680px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .four-ever-banner-content {
        top: 30%;
    }

        .four-ever-banner-content img {
            max-width: 120px;
        }

        .four-ever-banner-content h1 {
            font-size: 30px;
            margin-top: 10px;
        }

        .four-ever-banner-content p {
            font-size: 16px;
        }

    .four-ever-young-page .discount-section-banner {
        max-width: 77%;
        margin-top: -40px;
        padding-top: 30px;
        padding-bottom: 40px;
    }

        .four-ever-young-page .discount-section-banner h3 {
            font-size: 22px;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .four-ever-young-page .discount-section-banner h4 {
            font-size: 42px;
        }

        .four-ever-young-page .discount-section-banner .btn {
            margin-top: 20px;
        }

    .four-ever-young-page .six-tasty-meal-plan {
        margin-top: 35px;
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .four-ever-young-page .your-performance.discount-bottom-content p {
        font-size: 18px;
        line-height: 30px;
    }

    .four-ever-young-page .six-tasty-meal-plan p {
        font-size: 18px;
        line-height: 36px;
    }

    .four-ever-young-page .six-tasty-meal-plan h4 {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .four-ever-young-page .meals-col {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .four-ever-young-page .deliciously-col:before {
        width: 0px;
    }

    .four-ever-young-page .deliciously-col:after {
        width: 0px;
    }

    .four-ever-young-page .contact-details {
        font-size: 14px;
        margin-top: 40px;
    }

    .four-ever-young-page .faq-contact-info .phone-icon {
        max-height: 63px;
    }

    .four-ever-young-page .faq-contact-info .phone-block h3 {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .four-ever-young-page .faq-contact-info .email-icon {
        height: 44px;
        padding-top: 10px;
    }

        .four-ever-young-page .faq-contact-info .email-icon img {
            width: 40px;
        }

    .four-ever-young-page .faq-contact-info .email-block h3 {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .four-ever-young-page .your-performance.discount-bottom-content {
        margin: 0px auto 0 auto;
        max-width: 540px;
    }

    .home-page-banner-title {
        width: 90%;
    }
}

@media (max-width: 767px) {
    .four-ever-banner-content img {
        max-width: 90px;
    }

    .four-ever-banner-content {
        top: 40%;
    }

        .four-ever-banner-content h1 {
            font-size: 18px;
            margin-top: 10px;
            margin-bottom: 0px;
        }

        .four-ever-banner-content p {
            font-size: 12px;
        }

    .four-ever-young-page .discount-section-banner {
        max-width: 95%;
        margin-top: -20px;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

        .four-ever-young-page .discount-section-banner h2 {
            padding: 0 10px;
            font-size: 14px;
            letter-spacing: 1px;
        }

        .four-ever-young-page .discount-section-banner h3 {
            font-size: 14px;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .four-ever-young-page .discount-section-banner h4 {
            font-size: 26px;
        }

        .four-ever-young-page .discount-section-banner .btn {
            margin-top: 20px;
        }

    .four-ever-young-page .your-performance p {
        font-size: 14px;
        line-height: 30px;
    }

    .four-ever-young-page .your-performance.discount-bottom-content p {
        padding-top: 20px;
    }

    .four-ever-young-page .six-tasty-meal-plan {
        margin-top: 15px;
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .the-food-section .container-fluid.text-center {
        padding: 0 15px;
    }

    .four-ever-young-page .six-tasty-meal-plan p {
        font-size: 14px;
        padding-top: 15px;
        line-height: 30px;
        padding-left: 10px;
        padding-right: 10px;
        max-width: 100%;
        margin-bottom: 50px;
    }

        .four-ever-young-page .six-tasty-meal-plan p br {
            display: none;
        }

    .four-ever-young-page .deliciously-col:before {
        width: 0px;
    }

    .four-ever-young-page .deliciously-col:after {
        width: 0px;
    }

    .four-ever-young-page .how-it-work-section {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .four-ever-young-page .bs-example {
        padding: 0 15px;
    }

    .four-ever-young-page .new-how-it-work-FAQ-section:after {
        background-size: 130px;
    }

    .four-ever-young-page .new-how-it-work-FAQ-section:before {
        bottom: 320px;
        background-size: 150px;
    }

    .four-ever-young-page .faq-contact-info .phone-block {
        border-left: #00CF19 solid 0px;
        border-right: #00CF19 solid 0px;
    }

    .four-ever-young-page .contact-details {
        font-size: 14px;
        margin-top: 100px;
    }
}


/*secondry page css*/
.young-members-section {
    background: #636363;
    min-height: 100vh;
    text-align: center;
    color: #fff;
    float: left;
    width: 100%;
}

    .young-members-section h1 {
        margin-bottom: 30px;
        font-family: 'Open Sans', sans-serif !important;
    }

    .young-members-section h2 {
        margin-bottom: 50px;
        font-family: 'Open Sans', sans-serif !important;
    }

.young-members-content {
    margin-top: 200px;
}

.young-members-section .custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) no-repeat right 0.75rem center/8px 10px;
    background-color: #636363;
    border: 1px solid #fff;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/*the container must be positioned relative:*/
.young-members-section .custom-select {
    position: relative;
    font-family: Arial;
}

    .young-members-section .custom-select select {
        display: none; /*hide original SELECT element:*/
    }

.young-members-section .select-selected {
    background-color: #636363;
}

    /*style the arrow inside the select element:*/
    .young-members-section .select-selected:before {
        position: absolute;
        content: "";
        top: 9px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #fff transparent transparent transparent;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    .young-members-section .select-selected:after {
        position: absolute;
        content: "";
        top: 23px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #fff transparent transparent transparent;
    }

/*point the arrow upwards when the select box is open (active):*/


/*style the items (options), including the selected item:*/
.young-members-section .select-items div, .young-members-section .select-selected {
    color: #ffffff;
    padding: 8px 10px;
    border: 0px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    margin-top: 0px;
    text-align: left;
    font-weight: 400;
}

.young-members-section .select-selected {
    margin-top: -3px !important;
}

.young-members-content select#ForeverLocation {
    background: none;
    padding: 10px 8px;
    border: #fff solid 1px;
}
/*style items (options):*/
.young-members-section .select-items {
    position: absolute;
    background-color: #636363;
    top: 48px;
    left: 0;
    right: 0;
    z-index: 99;
}

/*hide the items when the select box is closed:*/
.young-members-section .select-hide {
    display: none;
}

.young-members-section .select-items div:hover, .young-members-section .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.young-members-section .btn {
    padding: 10px 20px;
    font-weight: 700;
    background: #93d500;
    border-color: #93d500;
    margin-top: 40px;
    font-family: 'Open Sans', sans-serif !important;
    clear: left;
    display: block;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
}

    .young-members-section .btn:hover {
        background: #93d500 !important;
        border-color: #93d500 !important;
        color: #fff !important;
    }

@media (max-width: 767px) {
    .young-members-content {
        margin-top: 130px;
    }

    .home-page-banner-title {
        top: 30%;
        width: 70%;
        max-width: 660px;
    }

        .home-page-banner-title h1 {
            font-size: 13px !important;
            color: #fff !important;
        }
}

/*comeback page css*/
.comeback-page-banner-content {
    position: absolute;
    top: 20%;
    width: 36%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-family: 'Encode Sans', sans-serif;
}

    .comeback-page-banner-content h1 {
        font-size: 40px;
        color: #A51CC6;
        font-weight: 400;
    }

    .comeback-page-banner-content p {
        font-size: 16px;
        color: #000000;
        font-family: 'Encode Sans', sans-serif;
        line-height: 1.9;
        font-weight: 400;
        margin-bottom: 50px;
    }

        .comeback-page-banner-content p span {
            color: #00C318;
            text-transform: uppercase;
            font-weight: 700;
        }

.comeback-page-form {
    background: #F7F7F7;
    width: 100%;
    display: block;
    clear: left;
    padding: 80px 15px;
    border-radius: 10px;
    text-align: center;
}

.form-content-block {
    width: 747px;
    margin: 0 auto;
    text-align: center;
}

    .form-content-block h4 {
        font-family: 'Encode Sans', sans-serif;
        color: #A51CC6;
        font-weight: 700;
        letter-spacing: 1px;
        font-size: 25px;
        text-transform: uppercase;
        text-align: center;
    }

    .form-content-block h3 {
        font-family: 'Encode Sans', sans-serif;
        font-size: 36px;
        font-weight: 500;
        color: #00C318;
        letter-spacing: 1px;
    }

    .form-content-block h2 {
        font-family: 'Encode Sans', sans-serif;
        color: #000000;
        font-size: 36px;
        border-bottom: #00C318 solid 1px;
        padding-bottom: 40px;
        margin-bottom: 40px;
        letter-spacing: 1px;
    }

    .form-content-block label {
        font-weight: 700;
        color: #A51CC6;
        font-family: 'Encode Sans', sans-serif;
        font-size: 16px;
        text-transform: uppercase;
        line-height: 40px;
    }

    .form-content-block input {
        height: 42px;
        border-radius: 2px;
    }

span.label-text {
    clear: left;
    display: block;
    margin: 40px 0 0 0;
    padding: 0;
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #868686;
    font-weight: 500;
    font-family: 'Encode Sans', sans-serif;
}

.custom-redio-container {
    position: relative;
    padding-left: 0;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label.custom-redio-container {
    display: inline-block;
    vertical-align: top;
    width: 30%;
}

/* Hide the browser's default radio button */
.custom-redio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.form-content-block .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
    right: 0;
    margin: 0 auto;
}

/* On mouse-over, add a grey background color */
.custom-redio-container:hover input ~ .checkmark {
    background-color: #00C318;
}

/* When the radio button is checked, add a blue background */
.custom-redio-container input:checked ~ .checkmark {
    background-color: #00C318;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.form-content-block .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-redio-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.custom-redio-container .checkmark:after {
    top: 9px;
    left: 9px;
    width: 0px;
    height: 0px;
    border-radius: 50%;
    background: white;
}

.form-content-block button.btn.btn-default {
    width: 294px;
    height: 50px;
    text-align: center;
    padding: 0 0;
    border-radius: 10px;
    background: #00C318;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    border: #00C318;
    font-family: 'Encode Sans', sans-serif;
    float: left;
}

.help-section {
    width: 100%;
    clear: left;
    display: block;
    padding: 100px 0 40px 0;
    background: #00C318;
}

.help-container {
    max-width: 1040px;
    padding: 0 15px;
    text-align: center;
    margin: 0 auto;
}

.help-section h2 {
    font-size: 52px;
    font-weight: 400;
    color: #fff;
    font-family: 'Encode Sans', sans-serif;
    text-align: center;
    margin: 0 0 40px 0;
    padding: 0px;
}

.help-section .icon {
    padding: 0 0;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    line-height: 80px;
}

    .help-section .icon img {
        max-height: 60px;
        max-width: 60px;
    }

.help-section h3 {
    font-size: 25px;
    font-weight: 700;
    font-family: 'Encode Sans', sans-serif;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
    margin-top: 20px;
}

    .help-section h3:after {
        background: #A51CC6;
        width: 130px;
        height: 4px;
        margin: 0 auto;
        left: 0px;
        right: 0px;
        position: absolute;
        content: "";
        bottom: 0px;
    }

.help-section p {
    font-size: 25px;
    font-weight: 500;
    font-family: 'Encode Sans', sans-serif;
    color: #fff;
    padding-bottom: 80px;
}

    .help-section p a {
        color: #fff;
    }

.help-section .b-l-r {
    position: relative;
}

    .help-section .b-l-r:after {
        background: #fff;
        width: 1px;
        height: 100%;
        position: absolute;
        right: -20px;
        top: 0;
        content: "";
    }

    .help-section .b-l-r:before {
        background: #fff;
        width: 1px;
        height: 100%;
        position: absolute;
        left: -20px;
        top: 0px;
        content: "";
    }

.orange-theory-page.comeback-page .people-are-saying-section:before {
    width: 0px !important;
    height: 0px !important;
    position: absolute;
    left: 0;
}

.comeback-page .footer-FAQ-section .container {
    border-top: #00cf19 solid 1px;
    padding-top: 50px;
}

.comeback-page .our-parner-section {
    background: #F7F7F7;
    border-radius: 10px;
}

.comeback-page .footer-FAQ-section {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 55px;
    background: #fff;
    margin-top: 0px;
}

@media (max-width: 767px) {
    .comeback-page-banner-content {
        width: 100%;
        padding: 0 15px;
        position: relative;
    }

        .comeback-page-banner-content h1 {
            font-size: 2.2rem;
            margin-top: 30px;
        }

        .comeback-page-banner-content p {
            font-size: 13px;
            margin-bottom: 50px;
            max-width: 300px;
            margin-left: auto;
            margin-right: auto;
        }

            .comeback-page-banner-content p br {
                display: block;
            }

    .form-content-block {
        width: 100%;
    }

        .form-content-block h4 {
            font-size: 22px;
        }

        .form-content-block h3 {
            font-size: 26px;
        }

        .form-content-block h2 {
            font-size: 26px;
            padding-bottom: 20px;
            margin-bottom: 20px;
            margin-top: 0px;
            padding-top: 0px;
        }

        .form-content-block label {
            text-align: left !important;
        }

    .comeback-page-form {
        padding: 40px 15px;
    }

    .form-content-block button.btn.btn-default {
        float: none;
        margin: 0 auto;
    }

    .help-section h2 {
        font-size: 32px;
        margin: 0 0 40px 0;
        padding: 0px;
    }

    .help-section {
        padding: 70px 0 40px 0;
        background: #00C318;
    }

        .help-section p {
            font-size: 22px;
            padding-bottom: 30px;
        }

        .help-section .b-l-r:before {
            background: #fff;
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            top: -15px;
            content: "";
            right: 0;
            margin: 0 auto;
        }

        .help-section .b-l-r:after {
            background: #fff;
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            top: inherit;
            bottom: 15px;
            content: "";
            right: 0;
            margin: 0 auto;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .comeback-page-banner-content h1 {
        font-size: 2rem;
    }

    .comeback-page-banner-content {
        top: 15%;
        width: 47%;
    }

        .comeback-page-banner-content p {
            font-size: 12.1px;
            margin-bottom: 20px;
        }

        .comeback-page-banner-content br {
            display: block;
        }

    .form-content-block h2 {
        font-size: 32px;
    }

    .form-content-block h3 {
        font-size: 32px;
    }

    .form-content-block h4 {
        font-size: 20px;
    }

    .form-content-block {
        width: 100%;
    }

    .help-section h2 {
        font-size: 36px;
    }

    .help-section p {
        font-size: 18px;
        padding-bottom: 30px;
    }

    .help-section h3 {
        font-size: 20px;
        margin-bottom: 20px;
        padding-bottom: 20px;
        margin-top: 10px;
    }

    .help-section {
        padding: 60px 0 40px 0;
    }

    .comeback-page-form {
        padding: 50px 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .comeback-page-banner-content h1 {
        font-size: 2rem;
    }

    .comeback-page-banner-content {
        top: 23%;
        width: 35%;
    }

        .comeback-page-banner-content p {
            font-size: 12.1px;
            margin-bottom: 20px;
        }

        .comeback-page-banner-content br {
            display: block;
        }

    .form-content-block h2 {
        font-size: 32px;
    }

    .form-content-block h3 {
        font-size: 32px;
    }

    .form-content-block h4 {
        font-size: 20px;
    }

    .form-content-block {
        width: 747px;
    }

    .help-section h2 {
        font-size: 36px;
    }

    .help-section p {
        font-size: 18px;
        padding-bottom: 30px;
    }

    .help-section h3 {
        font-size: 20px;
        margin-bottom: 20px;
        padding-bottom: 20px;
        margin-top: 10px;
    }

    .help-section {
        padding: 60px 0 40px 0;
    }

    .comeback-page-form {
        padding: 50px 15px;
    }
}

@media (min-width: 1600px) {
    .comeback-page-banner-content h1 {
        font-size: 70px;
    }

    .comeback-page-banner-content p {
        font-size: 25px;
        line-height: 45px;
    }

    .comeback-page-banner-content {
        width: 50%;
        max-width: 880px;
        top: 7%;
    }
}

.covid-page .comeback-page-banner-content h1 {
    color: #00C318;
    margin-bottom: 40px;
    font-size: 48px;
}

.covid-page .comeback-page-banner-content {
    position: absolute;
    top: 46%;
    width: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-family: 'Encode Sans', sans-serif;
    transform: translateY(-46%);
}

    .covid-page .comeback-page-banner-content p {
        font-size: 20px;
        margin-top: 60px;
        padding: 0 50px;
        font-family: 'Encode Sans', sans-serif;
    }

.slide-section-one {
    width: 100%;
    display: block;
    clear: left;
    margin-top: 40px;
}

    .slide-section-one .bx-wrapper .bx-prev {
        left: -36px;
    }

    .slide-section-one .bx-viewport {
        overflow: hidden;
        border-radius: 100%;
    }

    .slide-section-one h5 {
        color: #00C318;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-family: 'Encode Sans', sans-serif;
    }

.slide-section-two {
    width: 100%;
    display: block;
    clear: left;
    background: #F4F4F4;
    padding: 50px 0 0 0;
}

.slide-section-one p {
    color: #5E5E5E;
    font-size: 22px;
    max-width: 320px;
    display: block;
    margin: 25px auto;
    font-family: 'Encode Sans', sans-serif;
}

.slide-section-one .slider-content {
    margin-top: 50%;
    transform: translateY(-50%);
}

.slide-section-one .bx-wrapper .bx-controls-direction a {
    top: 50%;
}

img.healthcare_system_logo {
    width: 260px;
    margin-top: 15px;
}

.slide-section-one p.safety-text {
    padding: 0 10px;
    max-width: 400px;
    font-family: 'Encode Sans', sans-serif;
}

.safety-list {
    margin: 0 auto;
    padding: 0px;
    list-style: none;
    width: 330px;
}

    .safety-list li {
        position: relative;
        display: block;
        width: 100%;
        margin: 25px 0px;
        padding: 13px 0 0 65px;
        font-size: 20px;
        text-align: left;
    }

        .safety-list li:before {
            position: absolute;
            width: 60px;
            height: 60px;
            content: "";
            left: 0px;
            top: 0;
            background: url(../images/icon_check.png) no-repeat center left;
        }

.video-section {
    width: 100%;
    clear: left;
    display: block;
    margin-top: 50px;
}

.video-section {
    text-align: center;
}

    .video-section h3 {
        font-size: 46px;
        color: #000000;
        font-family: 'Encode Sans', sans-serif;
        font-weight: 400;
    }

    .video-section h4 {
        font-size: 16px;
        color: #868686;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-top: 20px;
        margin-bottom: 50px;
        font-family: 'Encode Sans', sans-serif;
        text-align: center;
    }

    .video-section p {
        font-size: 23px;
        max-width: 800px;
        text-align: center;
        margin: 40px auto;
        line-height: 40px;
        color: #5E5E5E;
        font-family: 'Encode Sans', sans-serif;
    }

.visit-CDC-section {
    clear: left;
    display: block;
    width: 100%;
    margin: 50px auto;
}

.visit-CDC-bg {
    border-radius: 10px;
    background: #F7F7F7;
    padding: 40px 40px;
}

    .visit-CDC-bg h5 {
        font-size: 30px;
        color: #00C318;
        font-family: 'Encode Sans', sans-serif;
    }

    .visit-CDC-bg p {
        font-size: 30px;
        color: #333333;
        font-family: 'Encode Sans', sans-serif;
    }

a.visit-CDC-btn {
    border: #707070 solid 1px;
    display: block;
    text-align: center;
    padding: 20px 20px;
    font-size: 20px;
    color: #00C318;
    font-weight: 500;
    margin-top: 9px;
    text-decoration: none;
    font-family: 'Encode Sans', sans-serif;
}

.more-info-contact {
    background: #00C318;
    width: 100%;
    clear: left;
    display: block;
    padding: 30px 80px;
}

.more-info-email-block {
    text-align: center;
    border-left: #fff solid 1px;
    height: 100%;
    padding: 40px 0;
}

    .more-info-email-block img {
        max-width: 60px;
        margin: 25px auto;
        display: block;
    }

    .more-info-email-block h4 {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: relative;
        padding-bottom: 25px;
        margin-bottom: 25px;
        font-family: 'Encode Sans', sans-serif;
        font-weight: 700;
        text-align: center;
    }

        .more-info-email-block h4:after {
            width: 100px;
            height: 2px;
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            bottom: 0;
            background: #A51CC6;
        }

    .more-info-email-block a {
        font-size: 22px;
        color: #fff;
        text-decoration: none;
        font-family: 'Encode Sans', sans-serif;
        font-weight: 500;
    }

.more-info-contact h3 {
    color: #fff;
    text-align: center;
    font-size: 40px;
    font-family: 'Encode Sans', sans-serif;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    font-weight: 400;
    letter-spacing: 3px;
    margin: 0;
    padding: 0;
}

.covid-sticky-banner {
    background: #A51CC6;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
}

    .covid-sticky-banner a {
        color: #fff;
        text-decoration: none;
    }

@media (max-width: 767px) {
    .covid-page .comeback-page-banner-content {
        position: relative;
        top: 0;
        width: 100%;
        margin: 0 auto;
        transform: inherit;
    }

        .covid-page .comeback-page-banner-content h1 {
            margin-bottom: 30px;
            font-size: 28px;
        }

        .covid-page .comeback-page-banner-content p {
            font-size: 20px;
            margin-top: 10px;
            padding: 0 0px;
        }

    .slide-section-one .bx-wrapper {
        max-width: 270px !important;
    }

        .slide-section-one .bx-wrapper .bx-next {
            right: -50px;
        }

        .slide-section-one .bx-wrapper .bx-prev {
            left: -30px;
        }

    .slide-section-one .slider-content {
        margin-top: 30px;
        transform: inherit;
    }

    .slide-section-two {
        padding: 0px 0 0 0;
    }

    .video-section h3 {
        font-size: 28px;
    }

    .video-section {
        margin-top: 30px;
    }

    .youtube-video iframe {
        width: 100% !important;
        height: 310px !important;
    }

    .video-section h3 {
        font-size: 28px;
    }

    .video-section h4 {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .visit-CDC-bg {
        border-radius: 10px;
        padding: 15px 15px;
        text-align: center;
    }

        .visit-CDC-bg h5 {
            font-size: 24px;
        }

        .visit-CDC-bg p {
            font-size: 22px;
        }

    .more-info-contact {
        padding: 30px 0px;
    }

        .more-info-contact h3 {
            font-size: 28px;
            transform: inherit;
            top: 0;
            letter-spacing: 2px;
            position: relative;
        }

    .more-info-email-block {
        text-align: center;
        border-left: #fff solid 0px;
        height: 100%;
        padding: 0px 0;
        border-top: #fff solid 1px;
        margin-top: 20px;
    }

    .safety-list li {
        padding: 2px 0 0 50px;
        font-size: 20px;
        text-align: left;
        font-weight: 400;
    }

        .safety-list li:before {
            width: 40px;
            height: 40px;
            background-size: 36px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .covid-page .comeback-page-banner-content {
        top: 50%;
        width: 50%;
        transform: translateY(-46%);
    }

        .covid-page .comeback-page-banner-content h1 {
            margin-bottom: 20px;
            font-size: 32px;
        }

        .covid-page .comeback-page-banner-content p {
            font-size: 16px;
            margin-top: 40px;
            padding: 0 20px;
        }

    .slide-section-one h5 {
        letter-spacing: 1px;
        font-size: 16px;
    }

    .slide-section-one p {
        font-size: 16px;
        max-width: 320px;
        margin: 15px auto;
    }

    img.healthcare_system_logo {
        width: 220px;
        margin-top: 10px;
    }

    .slide-section-one .bx-wrapper .bx-next {
        right: -50px;
    }

    .slide-section-one .bx-wrapper .bx-prev {
        left: -30px;
    }

    .slide-section-one p.safety-text {
        padding: 0 0px;
        max-width: 430px;
    }

    .safety-list {
        margin: 0 auto;
        padding: 0px;
        list-style: none;
        width: 240px;
    }

        .safety-list li {
            margin: 15px 0px;
            padding: 3px 0 0 45px;
            font-size: 16px;
        }

            .safety-list li:before {
                width: 40px;
                height: 40px;
                background-size: 36px auto;
            }

    .youtube-video iframe {
        width: 690px !important;
        height: 420px !important;
    }

    .video-section h3 {
        font-size: 36px;
    }

    .video-section p {
        font-size: 20px;
        max-width: 800px;
        line-height: 36px;
        margin-top: 0px;
    }

    .visit-CDC-bg h5 {
        font-size: 16px;
    }

    .visit-CDC-bg p {
        font-size: 16px;
    }

    a.visit-CDC-btn {
        padding: 10px 5px;
        font-size: 14px;
    }

    .visit-CDC-bg {
        padding: 20px 20px;
    }

    .more-info-contact h3 {
        font-size: 24px;
        letter-spacing: 2px;
    }

    .more-info-email-block a {
        font-size: 14px;
    }

    .more-info-email-block h4 {
        padding-bottom: 15px;
        margin-bottom: 15px;
        font-size: 18px;
    }

    .more-info-contact {
        padding: 30px 15px;
    }

    .more-info-email-block img {
        margin: 10px auto;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .covid-page .comeback-page-banner-content {
        top: 50%;
        width: 400px;
        transform: translateY(-50%);
    }

        .covid-page .comeback-page-banner-content h1 {
            margin-bottom: 20px;
            font-size: 32px;
        }

        .covid-page .comeback-page-banner-content p {
            font-size: 16px;
            margin-top: 40px;
            padding: 0 20px;
        }

    .slide-section-one .bx-wrapper {
        max-width: 340px !important;
    }

    .slide-section-one h5 {
        letter-spacing: 1px;
        font-size: 16px;
    }

    .slide-section-one p {
        font-size: 19px;
        max-width: 320px;
        margin: 15px auto;
    }

    img.healthcare_system_logo {
        width: 220px;
        margin-top: 10px;
    }

    .slide-section-one .bx-wrapper .bx-next {
        right: -50px;
    }

    .slide-section-one .bx-wrapper .bx-prev {
        left: -30px;
    }

    .slide-section-one p.safety-text {
        padding: 0 0px;
        max-width: 430px;
    }

    .safety-list {
        margin: 0 auto;
        padding: 0px;
        list-style: none;
        width: 240px;
    }

        .safety-list li {
            margin: 15px 0px;
            padding: 3px 0 0 45px;
            font-size: 16px;
            font-weight: 400;
        }

            .safety-list li:before {
                width: 40px;
                height: 40px;
                background-size: 36px auto;
            }

    .youtube-video iframe {
        width: 820px !important;
        height: 480px !important;
    }

    .video-section h3 {
        font-size: 36px;
    }

    .video-section p {
        font-size: 20px;
        max-width: 710px;
        line-height: 36px;
        margin-top: 0px;
    }

    .visit-CDC-bg h5 {
        font-size: 16px;
    }

    .visit-CDC-bg p {
        font-size: 16px;
    }

    a.visit-CDC-btn {
        padding: 10px 5px;
        font-size: 14px;
    }

    .visit-CDC-bg {
        padding: 20px 20px;
    }

    .more-info-contact h3 {
        font-size: 30px;
        letter-spacing: 2px;
    }

    .more-info-email-block a {
        font-size: 16px;
    }

    .more-info-email-block h4 {
        padding-bottom: 15px;
        margin-bottom: 15px;
        font-size: 18px;
    }

    .more-info-contact {
        padding: 30px 15px;
    }

    .more-info-email-block img {
        margin: 20px auto;
    }
}

@media (min-width: 1200px) {
    .youtube-video iframe {
        width: 950px !important;
        height: 500px !important;
    }
}

@media (min-width: 1920px) {
    .covid-page .comeback-page-banner-content h1 {
        font-size: 67px;
    }

    .covid-page .comeback-page-banner-content {
        top: 45%;
        width: 80%;
        max-width: 890px;
    }

        .covid-page .comeback-page-banner-content p {
            font-size: 38px;
            margin-top: 70px;
            padding: 0 0px;
            font-family: 'Encode Sans', sans-serif;
            letter-spacing: 1px;
        }

    .slide-section-one h5 {
        font-size: 28px;
    }

    .slide-section-one p {
        font-size: 32px;
        max-width: 530px;
        line-height: 50px;
    }

    img.healthcare_system_logo {
        width: 368px;
        margin-top: 15px;
    }

    .slide-section-one p.safety-text {
        padding: 0 0px;
        max-width: 650px;
    }

    .safety-list {
        width: 420px;
    }

        .safety-list li {
            font-size: 30px;
            line-height: 40px;
            padding: 5px 0 0 65px;
            font-weight: 500;
        }

    .video-section h3 {
        font-size: 52px;
    }

    .video-section h4 {
        font-size: 22px;
        font-weight: 700;
    }

    .video-section p {
        font-size: 35px;
        max-width: 1200px;
        line-height: 60px;
    }
}
/*11-11-2020*/
.food-page-info-icon {
    width: 14px;
    margin:2px 15px 0 0;
    display: inline-block;
    vertical-align: top;
}
.info-icon-col {
   display: block;
    vertical-align: top;
    font-weight: 600;
    font-size: 14px;
    margin-top: 0px;
    height: 24px;
}
.info-icon-col .checkxl {
    display: inline-block;
    vertical-align: top;
}
.product-title-section .checkxl {
    height: 24px;
}
.freesh_food .middle-inner .food-add-to-cart .info-icon-col .checkxl {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
}
.food-page-info-icon img {
    display: block;
    vertical-align: top;
    margin-top: 0px;
}
.freesh_food .middle-inner .food-add-to-cart .btn.btn-add-to-cart {
   font-size: 14px;
    padding: 6px 8px;
}
.food-page-info-dis {
display:none;
position:absolute;
bottom:70px;
left:0;
right:0;
margin:0 auto;
width:250px;
padding: 10px;
    color: #fff;
    background: rgba(41,41,41,0.85);
    border-radius:6px;
        z-index: 1;
}
.freesh_food .middle-inner .food-col-bg a {
    display: inline-block;
    max-height: 280px;
    min-height: 280px;
    vertical-align: top;
}
.freesh_food .middle-inner .food-col-bg .product-title-section a{
     max-height: inherit;
    min-height: inherit;
}
.freesh_food .middle-inner .food-col-bg .food-add-to-cart a{
 max-height: inherit;
    min-height: inherit;
}
.freesh_food .middle-inner .food-col-bg .shortDescription {
    margin-bottom: 5px;
}

/*.food-page-info-dis:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(41, 41, 41, 0);
	border-top-color: rgba(41,41,41,0.85);
	border-width: 12px;
	margin-left: -12px;
}*/
.food-page-info-icon:hover .food-page-info-dis{
    display:block;
    font-size:12px;
    line-height:normal;
}
.freesh_food .middle-inner .food-add-to-cart .checkxl {
    margin-right: 0;
    min-height: 24px;
}
.category-check {
    height: 18px;
}
.freesh_food .middle-inner .food-add-to-cart .checkxl:nth-child(2) {
    display: none;
}
.freesh_food .middle-inner .foods-Product-subtitle {
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    color: #4d3948;
    display:none;
}
h5.mealdetails-product-subtitle {
    font-size: 17px;
    display:none;
}
.food-col-bg {
        /*background-image: linear-gradient(to bottom,#f6f6f6,#fafafa);*/
        background-image: linear-gradient(to bottom,#e7e7e7 ,#efefef);
    min-height: 100%;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 10px 10px 20px 10px;
}
.join_now_new_plan .freesh_food .middle-inner section label {
       padding: 0px 0px;
    font-size: 11px;
    color: #656565;
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    line-height: normal;
    font-weight: normal;
}
.freesh_food .middle-inner section .container{
    padding:0 10px !important;
}
.freesh_food .middle-inner section .col-lg-3.col-sm-4.col-md-4.col-6.mb-5 {
    padding: 0 5px !important;
    margin-bottom: 10px !important;
}
.freesh_food .middle-inner section .row {
    margin: 0 -5px !important;
}
.freesh_food .middle-inner section input[type=checkbox], .freesh_food .middle-inner section input[type=radio] {
    box-sizing: border-box;
    width: 12px !important;
    height: 12px !important;
    vertical-align: top;
    margin-top: 2px;
}
.food-col-top-rated-banner {
    position: absolute;
    top: 0;
    left: 5px;
    padding: 4px 8px;
    background: #7c1f67;
    color: #fff;
    z-index: 1;
}
.food-col-new-banner{
    position: absolute;
    top: 0;
    left: 5px;
    padding: 4px 8px;
    background: #7c1f67;
    color: #fff;
    z-index: 1;
}
.meals-food-details .checkxlmealdetail {
    margin-bottom: 20px;
}
.got-to-checkout{
	background: #048112;
    text-align: center;
    color: #fff;
    padding: 5px 15px;
    width: 100%;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
}
.got-to-checkout a {
    color: #fff;
}

@media (min-width:768px){
.got-to-checkout {
    display: none !important;
}
}

@media (max-width: 1199px) {
.food-page-info-dis:after {
	border-color: rgba(41, 41, 41, 0);
	border-top-color: rgba(41,41,41,0);
	border-width: 0px;
	margin-left: -12px;
}
.food-page-info-dis {
    bottom:80px;
    width: 100%;
}
}
@media (min-width:768px) and (max-width:991px){
.food-page-info-icon img {
    vertical-align: top;
        margin-top: 0px;
}
.food-page-info-icon {
    width: 14px;
    margin: 6px 15px 0 0;
    display: inline-block;
    vertical-align: top;
    height: 20px;
}
.freesh_food .middle-inner .food-col-bg a {
   display: block;
    max-height: 200px;
    min-height: 200px;
    vertical-align: top;
}
.freesh_food .middle-inner .food-add-to-cart .btn.btn-add-to-cart {
     width: 95px;
}
}
@media (min-width:992px) and (max-width:1199px){
.freesh_food .middle-inner .container {
    max-width: 95%;
}
.freesh_food .middle-inner .product-title {
    font-size: 15px;
    min-height: 35px;
    margin-top: 15px;
}
.freesh_food .middle-inner .food-add-to-cart .btn.btn-add-to-cart {
     width: 95px;
}
.food-page-info-icon img {
    vertical-align: top;
    margin-top: 0px;
}
.food-page-info-icon {
    width: 14px;
    margin: 6px 15px 0 0;
    display: inline-block;
    vertical-align: top;
    height: 20px;
}

}
@media (min-width: 992px) and (max-width: 1024px){
.freesh_food .middle-inner .food-col-bg a {
    display: block;
    max-height: 210px;
    min-height: 210px;
    vertical-align: top;
}
}
@media (min-width: 1025px) and (max-width: 1199px){
.freesh_food .middle-inner .food-col-bg a {
    display: block;
    max-height: 250px;
    min-height: 250px;
    vertical-align: top;
}
}
@media (max-width: 767px) {
.freesh_food .middle-inner .food-add-to-cart .checkxl {
    margin-right: 0;
    min-height: 20px;
}
.freesh_food .middle-inner .food-col-bg a {
    display: block;
    max-height: 150px;
    min-height: 150px;
    vertical-align: top;
    max-width: 150px;
    margin: 0 auto;
}
.freesh_food .middle-inner .food-col-bg a img {
    max-height: 100% !important;
    max-width: 100% !important;
}
.join_now_new_plan .freesh_food .middle-inner section label {
    font-size: 12px;   
}
.food-page-info-icon {
    width: 12px;
    margin: 0 0px 0 0;
    display: inline-block;
    height: 20px;
}
.food-page-info-icon img {
    vertical-align: top;
    margin-top: 3px;
}
.freesh_food .middle-inner .foods-Product-subtitle {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    min-height: 0px;
}
.freesh_food .middle-inner section input[type=checkbox], .freesh_food .middle-inner section input[type=radio] {
    margin-top: 3px;
}
}
/*Skip order popup css*/
#SkipOrderPopup .modal-body {
    text-align: center;
    padding: 25px 15px;
}
#SkipOrderPopup button.btn.btn-primary {
  margin: 20px auto;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
#SkipOrderPopup h3 {
    color: #048112;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 700;
}
#SkipOrderPopup h6 {
    color: #5a5a5a;
}
/*23-04-2021*/
body {
  position: relative; }
  body:before {
    position: absolute;
    content: "";
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
  body.show-sidebar {
    overflow: hidden; }
    body.show-sidebar:before {
      opacity: 1;
      visibility: visible; }

.site-section {
  padding: 7rem 0; }

main.main-container.with-sidebar.right-sidebar {
  height: 100vh;
  min-height: 580px; }

.main-container.with-sidebar .container.custom {
    position: relative;
        
}
 .side-inner {
    padding:0px 0px 120px 0px;
    height: 100vh;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; }
     .side-inner .user-profile {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 10px 40px;
      width: 100%;
      background-color: #3c4245;
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); }
       .side-inner .user-profile a.d-flex .user-pic {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px; }
         .side-inner .user-profile a.d-flex .user-pic img {
          border-radius: 50%; }
       .side-inner .user-profile a.d-flex .user-name {
        color: #fff; }
     .side-inner .action-progress-wrap .action-progress-block {
      padding-left: 30px;
      padding-right: 30px; }
     .side-inner .action-progress-wrap h3 {
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: .1rem;
      font-weight: 700; }
     .side-inner .action-progress-wrap .progress {
      height: 7px;
      background: #353a3d; }
       .side-inner .action-progress-wrap .progress .progress-bar {
        background-color: #9de16f; }
     .side-inner .action-progress-wrap .progress-list, aside .side-inner .action-progress-wrap .progress-list > li {
      padding: 0;
      margin: 0; }
     .side-inner .action-progress-wrap .progress-list > li {
      display: block;
      position: relative; }
       .side-inner .action-progress-wrap .progress-list > li > a {
        display: block;
        padding-left: 70px;
        padding-right: 30px;
        padding-top: 20px;
        padding-bottom: 20px; }
         .side-inner .action-progress-wrap .progress-list > li > a h4 {
          font-size: 16px;
          color: rgba(255, 255, 255, 0.5); }
         .side-inner .action-progress-wrap .progress-list > li > a p {
          color: #6b767c; }
           .side-inner .action-progress-wrap .progress-list > li > a p:last-child {
            margin-bottom: 0; }
         .side-inner .action-progress-wrap .progress-list > li > a:hover {
          background: #353a3d; }
           .side-inner .action-progress-wrap .progress-list > li > a:hover h4 {
            color: #fff; }
       .side-inner .action-progress-wrap .progress-list > li.done:before {
        font-family: 'icomoon';
        content: "\f058";
        position: absolute;
        left: 40px;
        top: 17px;
        color: #9de16f; }
       .side-inner .action-progress-wrap .progress-list > li.done h4 {
        font-size: 16px;
        color: #6b767c; }
       .side-inner .action-progress-wrap .progress-list > li.done p {
        color: #6b767c; }
       .side-inner .action-progress-wrap .progress-list > li.done a:hover h4 {
        color: #6b767c; }

main.main-container.with-sidebar.right-sidebar {
  width: calc(100%);
  -webkit-transition: 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1), 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1); }
  .show-sidebar main.main-container.with-sidebar.right-sidebar {
    -webkit-transform: translateX(-380px);
    -ms-transform: translateX(-380px);
    transform: translateX(-380px); }
  main.main-container.with-sidebar.right-sidebar .post-entry {
    margin-bottom: 30px; }
    main.main-container.with-sidebar.right-sidebar .post-entry .custom-thumbnail {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
      flex: 0 0 80px;
      margin-right: 30px; }
  main.main-container.with-sidebar.right-sidebar .post-content h3 {
    font-size: 18px;
    color: #fff; }
  main.main-container.with-sidebar.right-sidebar .post-content .post-meta {
    font-size: 15px;
    color: #ccc; }

/* Burger */
.burger {
  width: 28px;
  height: 32px;
  cursor: pointer;
  position: relative;
  z-index: 99;
  float: right; }

.burger:before, .burger span, .burger:after {
  width: 100%;
  height: 2px;
  display: block;
  background: #4caf50;
  border-radius: 2px;
  position: absolute;
  opacity: 1; }

.burger:before, .burger:after {
  -webkit-transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
  transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
  transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
  content: ""; }

.burger:before {
  top: 4px; }

.burger span {
  top: 15px; }

.burger:after {
  top: 26px; }

/* Hover */
.burger:hover:before {
  top: 7px; }

.burger:hover:after {
  top: 23px; }

/* Click */
.burger.active span {
  opacity: 0; }

.burger.active:before, .burger.active:after {
  top: 40%; }

.burger.active:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
  /*for IE*/ }

.burger.active:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5);
  /*for IE*/ }

.burger:focus {
  outline: none; }
 .side-inner h5 {
    color: #212121;
    border-bottom: #ccc solid 1px;
    padding-bottom: 15px;
    margin: 0px;
    padding-right: 15px;
}
 .switch {
position: relative;
    display: inline-block;
    width: 55px;
    height: 26px;
    margin-bottom: 0px !important;
    margin-top:6px;
}

 .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

 .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ff0000;
  -webkit-transition: .4s;
  transition: .4s;
}

 .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border: none;
}

.side-inner input:checked + .slider {
  background-color: #0a9e19;
}

.side-inner input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.side-inner input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.side-inner .slider.round {
  border-radius: 34px;
}

.side-inner .slider.round:before {
  border-radius: 50%;
  left:4px;
}
.side-inner .slider.round {
    width: 50px;
    margin: 0 auto;
    display: inline-block !important;
    height: 24px;
    padding: 12px 5px;
}
.side-inner .btn-wrap {
    clear: left;
    margin-top: 15px;
     float: right;
}
.side-inner label input[type=checkbox]:checked+span:before, 
.side-inner label input[type=radio]:checked+span:before {
    content: "";
    color: inherit;
    border-color: inherit;
    font-size: inherit;
}
.side-inner label input[type=checkbox]:checked+span:before, .side-inner label input[type=radio]:checked+span:before {
    width: 16.5px !important;
    height: 16.5px !important;
}
label input[type=checkbox]+span:before, label input[type=radio]+span:before {
   width: 16.5px !important;
    height: 16.5px !important;
}
.side-inner h5 {
    border-bottom: #ccc solid 1px;
    font-size: 18px;
    font-weight: 500;
}
.side-inner ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.side-inner ul li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
    padding-left:0px;
    font-weight:500;
   
}
.text-content {
    float: left;
    max-width: 270px;
}
.side-inner .switch {
    float: right;
}
.delivey-text {
    font-size: 14px;
    line-height:18px;
    font-weight: 500;
    color: #717171;
}
.items-text {
    font-size: 14px;
    line-height:18px;
     font-weight: 500;
}
.date-month {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #717171;
}
@media (max-width: 767px) {
.main-container.with-sidebar .container.custom {
    position: relative;
    /* overflow: hidden; */
    margin-top: 140px;
}
   
}

@media (min-width: 992px) and (max-width: 1199px) {
.side-inner {
    padding: 0px 0px 120px 0px;
    }
}