body {
            width: 100%;
            margin: 0;
            padding: 0;
            -webkit-font-smoothing: antialiased;
            mso-margin-top-alt: 0px;
            mso-margin-bottom-alt: 0px;
            mso-padding-alt: 0px 0px 0px 0px;
        }

        p,
        h1,
        h2,
        h3,
        h4 {
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 0;
            padding-bottom: 0;
            color: #FF0000;
        }

        span.preheader {
            display: none;
            font-size: 1px;
        }

        html {
            width: 100%;
        }

        table {
            font-size: 20px;
            border: 0;
        }


        /* ----------- responsivity ----------- */
        @media only screen and (max-width: 798px) {
            body[yahoo] .hide-800 {
                display: none !important;
            }

            body[yahoo] .container800 {
                width: 100% !important;
            }

            body[yahoo] .container800_img {
                width: 100% !important;
            }

            body[yahoo] .section800_img img {
                width: 100% !important;
                height: auto !important;
            }

            body[yahoo] .larger-container800 {
                width: 100% !important;
            }

            body[yahoo] .half-container800 {
                width: 100% !important;
            }
        }

        @media only screen and (max-width: 690px) {
            body[yahoo] .larger-container800 {
                width: 100% !important;
            }
        }

        /* ----------- responsivity ----------- */
        @media only screen and (max-width: 640px) {

            /*------ top header ------ */
            body[yahoo] .main-header {
                font-size: 22px !important;
            }

            body[yahoo] .main-section-header {
                font-size: 28px !important;
            }

            body[yahoo] .show {
                display: block !important;
            }

            body[yahoo] .hide {
                display: none !important;
            }

            body[yahoo] .align-center {
                text-align: center !important;
            }

            /* ====== divider ====== */
            body[yahoo] .divider img {
                width: 440px !important;
            }

            /*-------- container --------*/
            body[yahoo] .container590 {
                width: 440px !important;
            }

            body[yahoo] .container580 {
                width: 420px !important;
            }

            body[yahoo] .container800 {
                width: 440px !important;
            }

            body[yahoo] .container800_img {
                width: 100% !important;
            }

            body[yahoo] .section800_img img {
                width: 100% !important;
            }

            body[yahoo] .larger-container800 {
                width: 100% !important;
            }

            body[yahoo] .half-container {
                width: 220px !important;
            }

            body[yahoo] .main-button {
                width: 220px !important;
            }

            body[yahoo] .features {
                background-image: none !important;
            }

            /*-------- secions ----------*/
            body[yahoo] .section-img img {
                width: 320px !important;
                height: auto !important;
            }

        }

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

            /*------ top header ------ */
            body[yahoo] .main-header {
                font-size: 20px !important;
            }

            body[yahoo] .main-section-header {
                font-size: 24px !important;
            }

            body[yahoo] .center-iphone {
                text-align: center !important;
            }

            /* ====== divider ====== */
            body[yahoo] .divider img {
                width: 280px !important;
            }

            /*-------- container --------*/
            body[yahoo] .container590 {
                width: 280px !important;
            }

            body[yahoo] .container580 {
                width: 260px !important;
            }

            body[yahoo] .container800 {
                width: 100% !important;
            }

            body[yahoo] .container800_img {
                width: 100% !important;
            }

            body[yahoo] .section800_img img {
                width: 100% !important;
                height: auto !important;
            }

            body[yahoo] .half-container800 {
                width: 100% !important;
            }

            body[yahoo] .half-container {
                width: 130px !important;
            }

            /*-------- secions ----------*/
            body[yahoo] .section-img img {
                width: 280px !important;
                height: auto !important;
            }
        }


        .lite {
            color: #000000;
        }
    

        body {
            width: 100%;
            margin: 0;
            padding: 0;
            -webkit-font-smoothing: antialiased;
            mso-margin-top-alt: 0px;
            mso-margin-bottom-alt: 0px;
            mso-padding-alt: 0px 0px 0px 0px;
        }

        p,
        h1,
        h2,
        h3,
        h4 {
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 0;
            padding-bottom: 0;
            color: #FF0000;
        }

        span.preheader {
            display: none;
            font-size: 1px;
        }

        html {
            width: 100%;
        }

        table {
            font-size: 20px;
            border: 0;
        }


        /* ----------- responsivity ----------- */
        @media only screen and (max-width: 798px) {
            body[yahoo] .hide-800 {
                display: none !important;
            }

            body[yahoo] .container800 {
                width: 100% !important;
            }

            body[yahoo] .container800_img {
                width: 100% !important;
            }

            body[yahoo] .section800_img img {
                width: 100% !important;
                height: auto !important;
            }

            body[yahoo] .larger-container800 {
                width: 100% !important;
            }

            body[yahoo] .half-container800 {
                width: 100% !important;
            }
        }

        @media only screen and (max-width: 690px) {
            body[yahoo] .larger-container800 {
                width: 100% !important;
            }
        }

        /* ----------- responsivity ----------- */
        @media only screen and (max-width: 640px) {

            /*------ top header ------ */
            body[yahoo] .main-header {
                font-size: 22px !important;
            }

            body[yahoo] .main-section-header {
                font-size: 28px !important;
            }

            body[yahoo] .show {
                display: block !important;
            }

            body[yahoo] .hide {
                display: none !important;
            }

            body[yahoo] .align-center {
                text-align: center !important;
            }

            /* ====== divider ====== */
            body[yahoo] .divider img {
                width: 440px !important;
            }

            /*-------- container --------*/
            body[yahoo] .container590 {
                width: 440px !important;
            }

            body[yahoo] .container580 {
                width: 420px !important;
            }

            body[yahoo] .container800 {
                width: 440px !important;
            }

            body[yahoo] .container800_img {
                width: 100% !important;
            }

            body[yahoo] .section800_img img {
                width: 100% !important;
            }

            body[yahoo] .larger-container800 {
                width: 100% !important;
            }

            body[yahoo] .half-container {
                width: 220px !important;
            }

            body[yahoo] .main-button {
                width: 220px !important;
            }

            body[yahoo] .features {
                background-image: none !important;
            }

            /*-------- secions ----------*/
            body[yahoo] .section-img img {
                width: 320px !important;
                height: auto !important;
            }

        }

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

            /*------ top header ------ */
            body[yahoo] .main-header {
                font-size: 20px !important;
            }

            body[yahoo] .main-section-header {
                font-size: 24px !important;
            }

            body[yahoo] .center-iphone {
                text-align: center !important;
            }

            /* ====== divider ====== */
            body[yahoo] .divider img {
                width: 280px !important;
            }

            /*-------- container --------*/
            body[yahoo] .container590 {
                width: 280px !important;
            }

            body[yahoo] .container580 {
                width: 260px !important;
            }

            body[yahoo] .container800 {
                width: 100% !important;
            }

            body[yahoo] .container800_img {
                width: 100% !important;
            }

            body[yahoo] .section800_img img {
                width: 100% !important;
                height: auto !important;
            }

            body[yahoo] .half-container800 {
                width: 100% !important;
            }

            body[yahoo] .half-container {
                width: 130px !important;
            }

            /*-------- secions ----------*/
            body[yahoo] .section-img img {
                width: 280px !important;
                height: auto !important;
            }
        }


        .lite {
            color: #000000;
        }

        .text {
            color: #666666;
        }

        .4 {
            font-weight: bold;
        }

        .catalog {
            font-weight: bold;
        }