/* Disable home mobile banner */
#block-block-129 {
    display: none;
}


/* Mobile */
@media only screen and (max-width: 480px) {

    /*body::before {*/
        /*content: "Mobile ( <480px ) fired>>";*/
        /*display: block;*/
        /*text-align: center;*/
        /*position: absolute;*/
        /*top: 0;*/
        /*left: 0;*/
        /*right: 0;*/
        /*z-index: 100;*/
        /*background-color: Green;*/
        /*color: white;*/
    /*}*/



    /** Start Home Page Styling */

    #logo img {
        width: 75%;
    }

    #cart {
        float: right;
        padding-left: 10.63829787234%; /* 100px/940px = 10.63829787234%*/
        font-size: .85em;
        margin-right: 1.063829787234%; /* 10px/940px = 1.063829787234% */
        clear: right;
    }

    #banner {
        min-height: 180px !important;
    }

    /* Start New home banner */
    #block-block-2 {
        padding-left: 1.063829787234%;  /** 10px/940px = 1.063829787234% */
    }
    #block-block-2 h1 {
        font-size: 1.5em !important;
    }

    #block-block-2 h2 a {
        text-decoration: none !important;
    }
    #block-block-2 h2 {
        font-size: 1.2em !important;
    }

    #block-block-2 p.banner-img1 {
        display: none;
    }

    #block-block-2 p.banner-img2 img {
        margin: 2.127659574468% 1.063829787234% 0 0 !important;
        /*max-width: 16% !important;*/
    }

    #block-block-2 p.banner-text {
        font-size: .8em !important;
    }
    /* End New home banner */

    /*remove home banner*/
    #block-block-77, #market_alert, #block-user-1, #block-block-78 {
        display: none !important;
    }

    /* replace home banner*/
    #block-block-129 {
        display: block;
    }

    #col_left, #col_right, #block-block-115 img {
        width: 100% !important;
    }

    #mobile-home-banner {
        /*width: 100%;*/
        max-width: 480px;
        position: relative;
        height: auto;
        padding: 10px 5px 0px 5px;
    }

    #mobile-home-banner h1 {
        color: #3C6313;
        font-size: 1.2em;
        line-height: 18px;
    }

    #mobile-home-banner h2 {
        color: #DCE0D4;
        font-size: 1em;
        margin-bottom: 5px;
        line-height: 10px;
    }

    #mobile-home-banner p {
        color: #CFD5C4;
        font-size: .9em;
    }

    #mobile-home-banner .banner-link {
        width: 39%;
        float: left;
    }

    #mobile-home-banner .learn-more {
        border-radius: 20px;
        margin-right: 1.595744680851% !important; /* 15px/940px = 1.595744680851% */
        padding: 0px 1.063829787234% 0px 1.595744680851%; /* 15px/940px= 1.595744680851% and 10px/940px = 1.063829787234%*/
        background-color: #354E0C;
        height: auto;
        float: left;
        min-height: 80px;
    }
    #mobile-home-banner .learn-more a {
        text-decoration: none;
    }
    #mobile-home-banner .learn-more h3 {
        color: #FFFDFF;
        margin-top: -8px;
        font-size: 1em !important;
        text-align: center;

    }

    #mobile-home-banner .learn-more p {
        color: #ffffff;
        font-size: .6em;
        text-decoration: none;
        text-align: center;
    }


    #mobile-home-banner .get-started {
        background-color: #0A2C4B;
        border-radius: 20px;
        padding: 0px 1.063829787234% 0px 1.595744680851%;
        height: auto;
        float: left;
        clear: right;
        min-height: 80px;
    }

    #mobile-home-banner .get-started h3 {
        color: #FFFDFF;
        margin-top: -8px;
        font-size: 1em !important;
        text-align: center;

    }

    #mobile-home-banner .get-started p {
        color: #ffffff;
        font-size: .6em;
        text-align: center;
    }

    #mobile-home-banner .get-started a{
        text-decoration: none;
    }

    #mobile-home-banner .learn-get-link img{
        position: absolute;
        z-index: 8;
        top: 175px;
        width: 80px;
        right: 0;
    }

    #bottom { position: relative !important;}

    #block-block-103, #block-block-102, #block-block-21, #block-webform-client-block-122,
    #block-block-128, #block-block-127, #block-views-recent_blog_posts-block_2,
    #block-block-11, #block-menu-menu-products {
        padding-left: 1.063829787234% !important; /* 10/940px */
        padding-right: 1.063829787234% !important; /* 10/940px */
    }


    /* Features Product */
    #block-views-e8c4ffc3b8e8523283c5d7fdf13d0858,#block-views-homepage_events-block_1, #block-block-95,#block-block-94,  #block-views-blog_recent-block_1,#bottom, #block-block-107 {
        padding-left: 1.063829787234%; /* 10px/940px = 1.063829787234% */
        padding-right: 1.063829787234%;
    }

    #block-views-homepage_products-block_1 .block-title {
        padding-left: 1.063829787234%;
    }

    #block-views-homepage_products-block_1 .view-id-homepage_products .views-row {
        height: 120px;
    }
    #block-views-homepage_products-block_1 .view-id-homepage_products .views-field-title a {
        font-size: 1em !important;
    }

    #block-views-homepage_products-block_1 .view-id-homepage_products .views-field-teaser h3 {
        font-size: .8em !important;
    }

    #block-views-homepage_products-block_1 .view-id-homepage_products .views-field-teaser p {
        display: none;
    }


    #block-views-blog_recent-block_1 .view-content .views-field-title a {
        font-size: 1em;
    }

    #nav {
        position: absolute;
        right: 0;
    }

    a.nav-toggle {
        position: absolute;
        right: 0;
        top: 45px;
        margin-right: 1.063829787234%;
        color: #fff;
        font-size: 1.3em;
        text-decoration: none;
    }

    #nav ul.menu {
        background-color: #444;
        width: 94%;
        height: auto;
        max-height: 220px !important;
        right: 0;
        top: 25px;
        margin-right: 1.063829787234%; /* 10px/940px = 1.063829787234% */
        padding: 0.531914893617% 0.531914893617% 0.531914893617% 0.531914893617%; /* 5px/940px= 0.531914893617% */
        z-index: 101;
    }

    #nav ul.menu li a {
        text-decoration: none;
        margin-top: 5px;
    }

    #nav ul li.expanded {
        padding-right: 0px;
        height: 30px;
    }

    #nav ul li ul.menu {
        background-color: #440;
        border: none;
        width: 100%;
    }

    #nav ul li.expanded ul.menu li a {
        color: #cfcfcf !important;
        text-decoration: none;
        margin-top: 5px;
    }

    #nav ul li {
        border-bottom: 1px solid;
        height: 30px;
    }

    /*Popup box for first time*/
    .popup-dom-lightbox-wrapper .lightbox-main {
        max-width: 910px;
        width: 100% !important;
        left: 1.5% !important; /* 50px /910px =  5.494505494505% */
        top: -50px !important;


    }

    .popup-dom-lightbox-wrapper .lightbox-close{
        float: left !important;
        right: 0 !important;;
        top: 90px !important;

    }

    .popup-dom-lightbox-wrapper .lightbox-main .lightbox-grey-panel {
        display: none;
    }

    .popup-dom-lightbox-wrapper .lightbox-main .lightbox-signup-panel {
        float: none !important;
    }

    .popup-dom-lightbox-wrapper .lightbox-main .lightbox-signup-panel p {
        font-size: 1.1em !important;
    }

    .popup-dom-lightbox-wrapper .powered {
        float: left;
        margin-left: 4.395604395604%; /* 40px/910px = 4.395604395604% */
    }



    /* Connect with Facebook */
    #block-block-6 {
        text-align: center;
    }

    #block-block-6 #homepage_market_comm_signup p {
        text-align: center !important;
    }

    #block-block-6 input[type="text"] {
        width: 225px;
        height: 25px;
    }
    /** End Home Page Styling */



    /************************/
    /* Start  About us page */
    /* And Others Node content*/
    /************************/

    #col_left .node, #col_left .view-header,
    #col_left .views-row, #col_left .taxonomy-term-description, #comments,
    #checkout-instructions, #billing-pane{
        padding-left: 1.063829787234% !important; /* 10/940px */
        padding-right: 1.063829787234% !important; /* 10/940px */
    }

    #banner_title {
        height: 45px !important;
        padding-left: 1.063829787234% !important; /* 10/940px */
    }
    #banner_title #title h1{
        font-size: 1.2em !important;
    }

    #col_left .breadcrumb {
        padding-left: 1.063829787234% !important; /* 10/940px */
    }

    #col_left .title {
        font-size: 1.2em !important;
        padding-left: 1.063829787234% !important; /* 10/940px */
    }

    #col_left .view-header {
        font-size: 1em !important;
    }

    #col_left .views-row .views-field-title h2, #col_left .node-teaser h2 {
        font-size: 1.1em !important;
    }

    #col_left .views-row .views-field-teaser h3 {
        font-size: .7em !important;
    }

    #col_left .node-teaser .product-body h3 {
        font-size: .9em !important;
    }

    #col_left .views-row .views-field-teaser p, #col_left .node-teaser .product-body p {
        font-size: .8em !important;
    }

    #block-webform-client-block-122 input,
    #block-webform-client-block-122 select.form-select,
    #node-27 input, #node-27 select.form-select {
        height: 30px;
        width: 300px;
        font-size: 1em;
    }

    #col_left .blogTitle {
        font-size: 1.1em !important;
    }


    /* user login form*/
    #edit-name-wrapper, #edit-pass-wrapper, #edit-submit {
        padding-left: 1.063829787234% !important; /* 10/940px */
    }

    #edit-name-wrapper input, #edit-pass-wrapper input {
        height: 30px;
        width: 300px;
        font-size: 1em;
    }
    #user-register-form #edit-account {
        margin: 0 10px;
    }
    #user-register-form #edit-account input,
    #user-register-form #edit-personal-information input{
        width: 100%;
        height: 25px;
        font-size: 16px;
    }

    #user-login, #user-pass {margin: 0 10px;}
    #user-login input, #user-pass input {
        width: 100%;
        height: 25px;
        font-size: 16px;
        padding: 5px 0px !important;
    }
    #user-login input#edit-submit, #user-pass input#edit-submit {width: auto;}


    /* Cart */
    #cart-form-products {
        font-size: 70%;
    }
    #cart-form-products input {
        height: 15px;
        padding-left: 1.063829787234% !important; /* 10/940px */
    }

    #cart-form-buttons {
        font-size: 80%;
    }

    #uc-coupon-block-form {
        font-size: 80%;
        padding-left: 1.063829787234% !important; /* 10/940px */

    }

    #uc-coupon-block-form input {
        height: 20px;
    }



    /* facebook add problem */
    iframe { display: none !important;}
    .g-recaptcha iframe {display: block !important;}
    .streaming-video iframe { display: block !important;}




    /* Footer links */
    #footer_inner .links ul li {
        width: 200px;
        float: left;
    }

    #footer_inner .links ul li a {
        font-size: 1em;
        line-height: 20px;
    }

    #footer_inner .region {
        clear: both;
    }

    /* Chechout page*/
    #billing-pane {
        margin: 0 !important;
    }

    #billing-pane input, select.form-select {
        height: 25px;
        width: 195px;
        font-size: 1em;
    }

    #coupon-pane input {
        height: 25px;
        width: 300px;
        font-size: 1em;
    }


    /* End  About us page */





}

@media only screen and (min-width: 481px) and (max-width: 767px) {

    /*body::before {*/
        /*content: "mobile landscap ( <481px ) fired";*/
        /*display: block;*/
        /*text-align: center;*/
        /*position: absolute;*/
        /*top: 0;*/
        /*left: 0;*/
        /*right: 0;*/
        /*z-index: 99999;*/
        /*background-color: green;*/
        /*color: #ff0000;*/
    /*}*/


    /** Start Home Page Styling */

    #logo img {
        width: 80%;
    }

    #cart {
        float: right;
        /*padding-left: 10.63829787234%; *//* 100px/940px = 10.63829787234%*/
        font-size: 1.1em;
        margin-right: 1.063829787234%; /* 10px/940px = 1.063829787234% */
        clear: right;
    }

    #banner {
        /*min-height: 164px !important;*/
        background: #E3E3E3 url(/sites/all/themes/options_strat/images/preface-wrapper-bg.png) repeat-x;
        min-height: 180px;
    }

    #col_left, #col_right, #block-block-115 img {
        width: 100% !important;
    }

    /* Start New home banner */
    #block-block-2 {
        padding-left: 1.063829787234%; /* 10px/940px = 1.063829787234% */
    }
    #block-block-2 h1 {
        font-size: 1.5em !important;
    }

    #block-block-2 h2 a {
        text-decoration: none !important;
    }
    #block-block-2 h2 {
        font-size: 1.2em !important;
    }

    #block-block-2 p.banner-img1 {
        display: none;
    }

    #block-block-2 p.banner-img2 img {
        margin: 0 1.063829787234% 0 0 !important;
        max-width: 16% !important;
    }

    #block-block-2 p.banner-text {
        font-size: .8em !important;
    }

    #bottom { position: relative !important;}

    #block-block-103, #block-block-102, #block-block-21,
    #block-webform-client-block-122, #block-block-128, #block-block-127,
    #block-views-recent_blog_posts-block_2, #block-menu-menu-products {
        padding-left: 1.063829787234% !important; /* 10/940px */
        padding-right: 1.063829787234% !important; /* 10/940px */
    }


    /* Features Product */
    #block-views-e8c4ffc3b8e8523283c5d7fdf13d0858,#block-views-homepage_events-block_1,
    #block-block-95,#block-block-94,  #block-views-blog_recent-block_1,#bottom,
    #block-block-107, #block-block-11 {
        padding-left: 1.063829787234%; /* 10px/940px = 1.063829787234% */
        padding-right: 1.063829787234%;
    }

    #block-views-homepage_products-block_1 .block-title {
        padding-left: 1.063829787234%;
    }

    #block-views-homepage_products-block_1 .view-id-homepage_products .views-row {
        height: 120px;
    }
    #block-views-homepage_products-block_1 .view-id-homepage_products .views-field-title a {
        font-size: 1em !important;
    }

    #block-views-homepage_products-block_1 .view-id-homepage_products .views-field-teaser h3 {
        font-size: .8em !important;
    }

    #block-views-homepage_products-block_1 .view-id-homepage_products .views-field-teaser p,
    #block-block-77, #block-block-78 {
        display: none;
    }


    #block-views-blog_recent-block_1 .view-content .views-field-title a {
        font-size: 1em;
    }

    #nav {
        position: absolute;
        right: 0;
    }

    a.nav-toggle {
        position: absolute;
        right: 0.531914893617%;
        top: 45px;
        margin-right: 1.063829787234%;
        color: #fff;
        font-size: 1.3em;
        text-decoration: none;
        display: block;

    }

    #nav ul.menu {
        background-color: #444;
        width: 94%;
        height: auto;
        max-height: 220px !important;
        right: 0;
        top: 25px;
        margin-right: 1.063829787234%; /* 10px/940px = 1.063829787234% */
        padding: 0.531914893617% 0.531914893617% 0.531914893617% 0.531914893617%; /* 5px/940px= 0.531914893617% */
        z-index: 101;
    }

    #nav ul.menu li a {
        text-decoration: none;
        margin-top: 5px;
    }

    #nav ul li.expanded {
        padding-right: 0px;
        height: 30px;
    }

    #nav ul li ul.menu {
        background-color: #440;
        border: none;
        width: 100%;
    }

    #nav ul li.expanded ul.menu li a {
        color: #cfcfcf !important;
        text-decoration: none;
        margin-top: 5px;
    }

    #nav ul li {
        border-bottom: 1px solid;
        height: 30px;
    }

    /*Popup box for first time*/
    .popup-dom-lightbox-wrapper .lightbox-main {
        max-width: 910px;
        width: 100% !important;
        left: 1.5% !important; /* 50px /910px =  5.494505494505% */
        top: -50px !important;


    }

    .popup-dom-lightbox-wrapper .lightbox-close{
        float: left !important;
        right: 0 !important;;
        top: 90px !important;

    }

    .popup-dom-lightbox-wrapper .lightbox-main .lightbox-grey-panel {
        display: none;
    }

    .popup-dom-lightbox-wrapper .lightbox-main .lightbox-signup-panel {
        float: none !important;
    }

    .popup-dom-lightbox-wrapper .lightbox-main .lightbox-signup-panel p {
        font-size: 1.1em !important;
    }

    .popup-dom-lightbox-wrapper .powered {
        float: left;
        margin-left: 4.395604395604%; /* 40px/910px = 4.395604395604% */
    }



    /* Connect with Facebook */
    #block-block-6 {
        text-align: center;
    }

    #block-block-6 #homepage_market_comm_signup p {
        text-align: center !important;
    }

    #block-block-6 input[type="text"] {
        width: 225px;
        height: 25px;
    }
    /** End Home Page Styling */



    /************************/
    /* Start  About us page */
    /* And Others Node content*/
    /************************/

    #col_left .node, #col_left .view-header, #col_left .views-row,
    #col_left .taxonomy-term-description, #comments{
        padding-left: 1.063829787234% !important; /* 10/940px */
        padding-right: 1.063829787234% !important; /* 10/940px */
    }

    #banner_title {
        height: 45px !important;
        padding-left: 1.063829787234% !important; /* 10/940px */
    }
    #banner_title #title h1{
        font-size: 1.2em !important;
    }

    #col_left .breadcrumb {
        padding-left: 1.063829787234% !important; /* 10/940px */
    }

    #col_left .title {
        font-size: 1.2em !important;
        padding-left: 1.063829787234% !important; /* 10/940px */
    }

    #col_left .view-header {
        font-size: 1em !important;
    }

    #col_left .views-row .views-field-title h2, #col_left .node-teaser h2 {
        font-size: 1.1em !important;
    }

    #col_left .views-row .views-field-teaser h3 {
        font-size: .95em !important;
    }

    #col_left .node-teaser .product-body h3 {
        font-size: .9em !important;
    }

    #col_left .views-row .views-field-teaser p, #col_left .node-teaser .product-body p {
        font-size: .8em !important;
    }

    #block-webform-client-block-122 input,
    #block-webform-client-block-122 select.form-select,
    #node-27 input, #node-27 select.form-select {
        height: 30px;
        width: 300px;
        font-size: 1em;
    }

    #col_left .blogTitle {
        font-size: 1.1em !important;
    }


    /* user login form*/
    #edit-name-wrapper, #edit-pass-wrapper, #edit-submit {
        padding-left: 1.063829787234% !important; /* 10/940px */
    }

    #edit-name-wrapper input, #edit-pass-wrapper input {
        height: 30px;
        width: 300px;
        font-size: 1em;
    }
    #user-register-form #edit-account {
        margin: 0 10px;
    }
    #user-register-form #edit-account input,
    #user-register-form #edit-personal-information input {
        width: 100%;
        height: 25px;
        font-size: 16px;
    }

    .column {
        float: none !important;
    }

    #user-login, #user-pass {margin: 0 10px;}
    #user-login input, #user-pass input {
        width: 100%;
        height: 25px;
        font-size: 16px;
        padding: 5px 0px !important;
    }
    #user-login input#edit-submit, #user-pass input#edit-submit {width: auto;}


    /* Cart */
    #uc-coupon-block-form {
        padding-left: 1.063829787234% !important; /* 10/940px */

    }

    #uc-coupon-block-form input {
        height: 20px;
    }

    /* Chechout page*/
    #billing-pane {
        margin: 0 !important;
    }

    #billing-pane input, select.form-select {
        height: 25px;
        width: 300px;
        font-size: 1em;
    }

    #coupon-pane input {
        height: 25px;
        width: 300px;
        font-size: 1em;
    }




    /* End  About us page */

}

/* Tablet start */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    /*body::before {*/
        /*content: "Table ( <768px ) fired";*/
        /*display: block;*/
        /*text-align: center;*/
        /*position: absolute;*/
        /*top: 0;*/
        /*left: 0;*/
        /*right: 0;*/
        /*z-index: 99999;*/
        /*background-color: yellow;*/
        /*color: green;*/
    /*}*/

    /* Start Home Page*/

    /*#block-user-1 {*/
        /*display: none;*/
    /*}*/

    #nav ul.menu  {
        margin-right: 0px;
        margin-top: 40px;
    }

    #nav ul.menu li {
        margin-right: 8px;
    }

    #nav ul.menu li a  {
        font-size: .85em;
        padding: 0 2px;
    }

    #logo img {
        width: 70%;
    }

    #cart {
        margin-right: 10px;
    }

    #banner {
        min-height: 215px;
    }

    /* New home banner */
    #block-block-2 h2 a {
        text-decoration: none !important;
    }

    #col_left, #col_right, #block-block-115 img {
        width: 100% !important;
    }

    #block-views-e8c4ffc3b8e8523283c5d7fdf13d0858,
    #block-views-homepage_events-block_1, #block-block-95,
    #block-block-94,#block-block-107,
    #block-views-blog_recent-block_1, #bottom,
    #block-views-homepage_products-block_1 {
        padding-left: 1.5%;
        padding-right: 1.5%;
    }

    #block-views-homepage_products-block_1 .block-title {
        padding-left: 1.063829787234%;
    }

    #block-views-homepage_products-block_1 .view-id-homepage_products .views-field-teaser p,
    #block-block-77, #block-block-78 {
        display: none;
    }

    /* Connect with Facebook */
    #block-block-6 {
        text-align: center;
    }

    #block-block-6 #homepage_market_comm_signup p {
        text-align: center !important;
    }

    #block-block-6 input[type="text"] {
        width: 225px;
        height: 25px;
    }


    /*Popup box for first time*/

    .popup-dom-lightbox-wrapper .lightbox-main {
        max-width: 910px;
        width: 100% !important;
        top: 150px !important;
        left: 0 !important; /* 50px/910px = 5.494505494505% */
        margin-left: -4.945054945055% !important; /* 45px / 910 = 4.945054945055%  */
        margin-right: 0 !important;

    }

    .popup-dom-lightbox-wrapper .lightbox-main .lightbox-grey-panel {
        width: 40.10989010989% !important; /* 365px/910px = 40.10989010989% */
    }

    .popup-dom-lightbox-wrapper .lightbox-color-dark-blue .lightbox-signup-panel {
        float: left !important;
        height: 300px !important;
        margin-top: 7px !important;
    }

    .popup-dom-lightbox-wrapper .lightbox-close {
        right: 13.736263736264% !important; /* 125px / 910px = 13.736263736264% */
    }

    /** End Home page */


    #col_left .node, #col_left .view-header,
    #col_left .views-row, #col_left .taxonomy-term-description,
    #col_left h1.title, #block-block-102,
    #block-webform-client-block-122,
    #block-views-recent_blog_posts-block_2, #comments,
    #block-block-11, #block-menu-menu-products {
        padding-left: 1.063829787234% !important; /* 10/940px */
        padding-right: 1.063829787234% !important; /* 10/940px */
    }

    #banner_title {
        height: 45px !important;
        padding-left: 1.063829787234% !important; /* 10/940px */
    }
    #banner_title #title h1{
        font-size: 1.2em !important;
    }

    #col_left .breadcrumb {
        padding-left: 1.063829787234% !important; /* 10/940px */
    }

    #block-views-homepage_products-block_1 .block-title {
        padding-left: 1.063829787234%;
    }

    #block-webform-client-block-122 input,
    #block-webform-client-block-122 select.form-select,
    #node-27 input, #node-27 select.form-select {
        height: 30px;
        width: 400px;
        font-size: 1em;
        padding-left: 1.063829787234%;
    }

    #block-webform-client-block-122 input[type="submit"],
    #node-27 input[type="submit"] {
        width: 300px !important;
    }


    /* user login form*/
    #edit-name-wrapper, #edit-pass-wrapper, #edit-submit {
        padding-left: 1.063829787234% !important; /* 10/940px */
    }

    #edit-name-wrapper input, #edit-pass-wrapper input {
        height: 30px;
        width: 300px;
        font-size: 1em;
    }

    .column {
        float: none !important;
    }

    /* Cart */
    #uc-coupon-block-form {
        padding-left: 1.063829787234% !important; /* 10/940px */

    }

    #uc-coupon-block-form input {
        height: 20px;
    }


    /* Chechout page*/
    #billing-pane {
        margin: 0 !important;
    }

    #billing-pane input, select.form-select {
        height: 25px;
        font-size: 1em;
    }

    #coupon-pane input {
        height: 25px;
        font-size: 1em;
    }



}