/* new home page banner design */
/* for best scaling. But, we can remove if it causes problems elsewhere */
html, body {
    height: 100%;
}
#hero {
    width: 100%;
    background: url("/mj/common/img/promos/promo-background-default.jpg") no-repeat;
    background-position: center -180px;
    background-size: cover;
    font-family: "Proxima Nova";
    overflow: auto;
    position: relative;
}
@media (max-width: 1200px) {
    #hero {
        width: 101%;
        background: url("/mj/common/img/promos/promo-background-default.jpg") no-repeat;
        background-position: center -30px;
        background-size: cover;
        font-family: "Proxima Nova";
        overflow: auto;
        position: relative;
    }
}
@media (max-width: 990px) {
    #hero {
        background-size: 106%;
        background-position: left 48px;
    }
}
@media (max-width: 767px) {
    #hero {
        background-size: 100%;
        background-position: center -22px;
    }
}
@media (max-width: 480px) {
    #hero {
        background-position: center -20px;
        margin-top: 6%;
        padding: 54px 0 0;
    }
}
@media (max-width: 375px) {
    #hero {
        background-position: center 22px;
    }
}
@media (max-width: 320px) {
    #hero {
        margin-top: 6%;
        padding: 34px 0 0;
    }
}
.hero-wrapper {
    height: 100%;
    width: 940px;
    margin: 0 auto;
    padding-top: 7%;
    position: relative;
}
@media (max-width: 1000px) {
    .hero-wrapper {
        width: 100%;
        padding-top: 10%;
    }
}
@media (max-width: 767px) {
    .hero-wrapper {
        padding-top: 38%;
    }
}
.hero-headline {
    text-align: center;
    padding: 0 4em;
    color: #fff;
}
@media (max-width: 767px) {
    .hero-headline {
        width: 100%;
        margin-top: 10%;
        background-color: #a61d24;
        padding: 1em;
    }
}
.hero-headline h1 {
    font-family: "Proxima Nova";
    font-weight: 400;
    font-size: 4.8vmin;
    line-height: 5vmin;
    color: #fff;
    margin-top: -22px;
    margin-bottom: 2px;
}
@media (max-width: 990px) {
    .hero-headline h1 {
        font-size: 4.2vmin;
    }
}
@media (max-width: 480px) {
    .hero-headline h1 {
        font-size: 8.2vmin;
    }
}
.hero-promo {
    padding: 2em;
    width: 50%;
    float: right;
    background: url("/mj/common/img/promos/promo-background-default.jpg") no-repeat;
    background-size: 70%;
    color: #292929;
    margin-top: 1%;
    margin-bottom: 5%;
}
@media (max-width: 767px) {
    .hero-promo {
        width: 100%;
        height: 56.5%;
        float: none;
        background-size: 50%;
    }
}
@media (max-width: 480px) {
    .hero-promo {
        padding-bottom: 20em;
        background-size: 80%;
        background-position: bottom left;
    }
}
@media (max-width: 360px) {
    .hero-promo {
        background-size: 100%;
    }
}
.hero-promo h2 {
    font-family: "Proxima Nova";
    font-weight: 700;
    margin-top: 0;
    margin-bottom: -0.2em;
    line-height: 140%;
    font-size: 4.6vmin;
    color: #292929;
}
@media (max-width: 480px) {
    .hero-promo h2 {
        font-size: 6.6vmin;
    }
}
.hero-promo-nobox {
    font-family: "Proxima Nova";
    padding: 0 0 1.15em 0;
    width: 54%;
    float: right;
    color: #292929;
    background: url("/mj/common/img/promos/promo-background-default.jpg") no-repeat;
    background-size: 82%;
}
@media (max-width: 990px) {
    .hero-promo-nobox {
        background-size: 80%;
        width: 52%;
    }
}
@media (max-width: 767px) {
    .hero-promo-nobox {
        width: 100%;
        height: 56.5%;
        float: none;
        background-size: 72%;
        background-color: #fff;
        padding: 0.1em 1em 3em 1em;
        border-bottom: #e5e5e5 solid 1px;
    }
}
@media (max-width: 480px) {
    .hero-promo-nobox {
        padding-bottom: 18em;
        background-size: 110%;
        background-position: -30px bottom;
    }
}
@media (max-width: 360px) {
    .hero-promo-nobox {
        background-size: 110%;
        padding-bottom: 15em;
    }
}
.hero-promo-nobox h1 {
    font-family: "Proxima Nova";
    margin-bottom: 0.5em;
    font-weight: 500;
    font-size: 1.8em;
    padding-top: 4px;
}
.hero-promo-nobox h2 {
    font-family: "Proxima Nova";
    font-weight: 700;
    margin-top: 0;
    margin-bottom: -0.2em;
    line-height: 140%;
    font-size: 4.6vmin;
    color: #292929;
}
.hero-promo-nobox ul {
    list-style: none;
    margin: 0 0 1.5em 0;
    padding: 0;
    font-size: 15px;
    line-height: 24px;
    width: 250px;
}
@media (max-width: 990px) {
    .hero-promo-nobox h1 {
        font-size: 1.5em;
        padding-top: 4px;
    }
    .hero-promo-nobox ul {
        list-style: none;
        margin: 0 0 1.5em 0;
        padding: 0;
        font-size: 15px;
        line-height: 24px;
        width: 200px;
    }
}
@media (max-width: 480px) {
    .hero-promo-nobox h2 {
        font-size: 6.6vmin;
    }
}
@media only screen and (max-width: 767px) {
    .hero-promo-nobox ul {
        width: auto;
    }
    .hero-promo-nobox ul {
        line-height: 20px;
    }
}
.calls-ital {
    line-height: 18px !important;
    font-style: italic;
    margin-bottom: 4px;
}
.hero-discount {
    font-size: 3em;
    font-family: "Proxima Nova";
    display: block;
    line-height: 100%;
    margin-top: 0.1em;
    font-weight: 700;
}
.tax-fees {
    font-size: 13px;
    font-weight: normal;
    line-height: 10px;
}
.hero-regular {
    font-size: 14px;
    font-family: "Proxima Nova";
    font-style: italic;
    display: block;
    margin-bottom: 0.5em;
    font-weight: 200;
}
.plus {
    color: #292929;
    font-size: 1.2em;
    display: inline;
}
@media (max-width: 480px) {
    .plus {
        display: block;
    }
}
.regular {
    font-size: 0.6em;
    font-style: italic;
    font-weight: 300;
    display: block;
    margin-top: -0.7em;
    color: #292929;
}
@media (max-width: 767px) {
    .regular {
        display: inline;
    }
}
.hero-promo ul {
    margin: 0;
    padding: 0.8em 1em;
    width: 60%;
    line-height: 120%;
}
@media (max-width: 480px) {
    .hero-promo ul {
        width: 100%;
    }
}
.hero-promo a.mj-btn.green, .hero-promo a.mj-btn.white {
    padding: 12px 15px 10px 15px;
}
.phone-hero {
    margin-top: 18px;
    font-size: 15px;
    font-weight: 400;
}
/* MAGICJACKHOME 2019 */
#hero-home {
    width: 100%;
    background: url("/mj/common/img/promos/promo-background-20210301.jpg") no-repeat;
    background-position: center 50px;
    background-size: cover;
    font-family: "Proxima Nova";
    overflow: auto;
    position: relative;
}
@media (max-width: 1200px) {
    #hero-home {
        width: 100%;
        background: url(/mj/common/img/promos/promo-background-20210301.jpg) no-repeat;
        background-position: center -10px;
        background-size: cover;
        font-family: "Proxima Nova";
        overflow: auto;
        position: relative;
    }
}
@media (max-width: 990px) {
    #hero-home {
        background-size: 100%;
        background-position: left 35px;
    }
}
@media (max-width: 768px) {
    #hero-home {
        background-size: cover;
    }
}
@media (max-width: 767px) {
    #hero-home {
        background-size: 100%;
        background-position: center 22px;
    }
}
@media (max-width: 480px) {
    #hero-home {
        background-position: center 22px;
        margin-top: 6%;
        padding: 34px 0 0;
    }
}
@media (max-width: 375px) {
    #hero-home {
        background-position: center 32px;
    }
}
@media (max-width: 320px) {
    #hero-home {
        margin-top: 5%;
        background-position: center 42px;
        padding: 42px 0 0;
    }
}
.herohome-wrapper {
    height: auto;
    width: 940px;
    margin: 0 auto;
    padding-top: 7%;
    position: relative;
}
@media (max-width: 1000px) {
    .herohome-wrapper {
        width: 100%;
        padding-top: 10%;
    }
}
@media (max-width: 767px) {
    .herohome-wrapper {
        padding-top: 46%;
    }
}
@media (max-width: 415px) {
  .herohome-wrapper {
    padding-top: 44%;
  }
}
.hero-promo-home {
    font-family: "Proxima Nova";
    padding: 0 0 1.15em 0;
    width: 40%;
    float: right;
    color: #292929;
    background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
    background-size: 74%;
}
@media (max-width: 990px) {
    .hero-promo-home {
        background-size: 78%;
        width: 44%;
    }
}
@media (max-width: 767px) {
    .hero-promo-home {
        width: 100%;
        height: 56%;
        float: none;
        background-size: 58%;
        background-color: #fff;
        padding: 0.1em 1em 3em 1em;
        border-bottom: #e5e5e5 solid 1px;
    }
}
@media (max-width: 540px) {
    .hero-promo-home {
        height: 57%;
    }
}
@media (max-width: 480px) {
    .hero-promo-home {
        padding-bottom: 3em;
        background-size: 78%;
        background-position: bottom right;
    }
}
@media (max-width: 420px) {
    .hero-promo-home {
    	height: 62%;
    }
}
@media (max-width: 375px) {
    .hero-promo-home {
        background-size: 70%;
    }
    .hero-promo-home {
    	height: 62%;
    }
}
@media (max-width: 360px) {
    .hero-promo-home {
        background-size: 70%;
        height: 64%;
    }
}
@media (max-width: 320px) {
    .hero-promo-home {
        background-size: 64%;
    }
    .hero-promo-home {
    	height: 74%;
    }
}
.hero-promo-home h1 {
    font-family: "Proxima Nova";
    margin-bottom: 0.5em;
    font-weight: 500;
    font-size: 1.1em;
    padding-top: 12px;
    text-transform: uppercase;
    margin: 10px 0;
}
.hero-promo-home h2 {
    font-family: "Proxima Nova";
    font-weight: 700;
    margin-top: 0;
    margin-bottom: -0.2em;
    line-height: 140%;
    font-size: 4.6vmin;
    color: #292929;
}
.hero-promo-home img {
    width: 340px;
    margin: 0 0 4px;
}
.hero-promo-home ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 17px;
    width: 250px;
}
.hero-promo-home li {
    list-style: none;
    margin: 0 0 10px 0;
}
@media (max-width: 990px) {
    .hero-promo-home h1 {
        font-weight: 500;
        font-size: 1.1em;
        padding-top: 4px;
    }
    .hero-promo-home ul {
        list-style: none;
        margin: 0 0 1.2em 0;
        padding: 0;
        font-size: 15px;
        line-height: 17px;
        width: 240px;
    }
}
@media (max-width: 480px) {
    .hero-promo-home h2 {
        font-size: 6.6vmin;
    }
}
@media only screen and (max-width: 767px) {
    .hero-promo-home ul {
        width: 54%;
    }
}
.calls-ital {
    line-height: 18px !important;
    font-style: italic;
    margin-bottom: 4px;
}
.hero-discount {
    font-size: 3em;
    font-family: "Proxima Nova";
    display: block;
    line-height: 100%;
    margin-top: 0.1em;
    font-weight: 700;
}
.msrp19 {
    margin: 2px 0 8px;
    font-size: 16px;
    font-style: italic;
}
.phone-hero {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 500;
}
.tax-fees {
    font-size: 13px;
    font-weight: normal;
    line-height: 10px;
}
.plus {
    color: #292929;
    font-size: 1.2em;
    display: inline;
}
@media (max-width: 480px) {
    .plus {
        display: block;
    }
    .hero-promo-home ul {
        width: 65%;
    }
}
@media (max-width: 360px) {
    .hero-promo-home img {
        width: 280px;
        margin: 0 0 4px;
    }
    .hero-promo-home h1 {
        font-weight: 500;
        font-size: .95em;
        padding-top: 0px;
    }
    .hero-promo-home ul {
        width: auto;
    }
    .phone-hero {
        margin-top: 12px;
        font-size: 12px;
    }
}
.hero-promo-home a.mj-btn.green, .hero-promo-home a.mj-btn.white {
    padding: 12px 15px 10px 15px;
}
/* END MAGICJACKHOME 2019 */

/* FATHERS DAY  2019 */
#hero-father {
    width: 100%;
    background: url("/mj/common/img/promos/promo-background-default.jpg") no-repeat;
    background-color: #fefdfb;
background-position: left 10px;
background-size: 75%;
font-family: "Proxima Nova";
overflow: auto;
position: relative;
}
@media (max-width: 1200px) {
    #hero-father {
        background-position: left 32px;
        background-size: 84%;
    }
}
@media (max-width: 990px) {
    #hero-father {
    background-size:  92%;
    background-position: left 62px;
    }
}
@media (max-width: 767px) {
    #hero-father {
    background-size: 103%;
    background-position: left 38px;
    padding: 30px 0 0;
            }
}
@media (max-width: 480px) {
    #hero-father {
    background-size: 105%;
    background-position: left 52px;
    padding: 38px 0 0;
    }
}
@media (max-width: 375px) {
    #hero-father {
       
    }
}
@media (max-width: 320px) {
    #hero-father {
    padding:  48px 0;
    background-position: left 58px;
    }
}
.herohome-wrapper {
    height: auto;
    width: 940px;
    margin: 0 auto;
    padding-top: 7%;
    position: relative;
}
@media (max-width: 1000px) {
    .herohome-wrapper {
        width: 100%;
        padding-top: 10%;
    }
}
@media (max-width: 767px) {
    .herohome-wrapper {
        padding-top: 38%;
    }
}
.hero-promo-father {
    font-family: "Proxima Nova";
    padding: 0 0 2em 0;
    width: 54%;
    float: right;
    color: #292929;
    background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
    background-size: 84%;
}
@media (max-width: 990px) {
    .hero-promo-father {
        background-size: 84%;
        width: 50%;
    }
}
@media (max-width: 767px) {
    .hero-promo-father {
        width: 100%;
        height: 56%;
        float: none;
        background-size: 70%;
        background-color: #fff;
        padding: 0.1em 1em 3em 1em;
        border-top: #d0d0d0 solid 1px;
    }
}
@media (max-width: 480px) {
    .hero-promo-father {
        padding-bottom: 3em;
        background-size: 78%;
        background-position: bottom right;
    }
}
@media (max-width: 360px) {
    .hero-promo-father {
        background-size: 70%;
    }
}
.hero-promo-father h1 {
    font-size: 1.6em;
    color: #0065a4;
    padding: 8px 0 0;
    margin: 28px 0 0;
    text-transform: uppercase;
    font-weight: 600;
}
.hero-promo-father h2 {
    font-size: 2.7em;
    font-family: "Proxima Nova";
    display: block;
    line-height: 100%;
    margin: 0.2em 0 0;
    font-weight: 500;
    }
.hero-promo-father img {
    width: 340px;
    margin: 2px 0 4px;
}
.hero-promo-father ul {
    list-style: none;
    margin: 0 0 1.2em 0;
    padding: 0;
    font-size: 15px;
    line-height: 38px;
    width: 230px;
}
@media (max-width: 990px) {
    .hero-promo-father h1 {
     font-size: 1.6em;
    color: #0065a4;
    font-weight: 600;
    }
    .hero-promo-father h2 {
     font-size: 2.7em;
    font-family: "Proxima Nova";
    display: block;
    line-height: 100%;
    margin: 0.2em 0 0;
    font-weight: 500;
    }
    
    .hero-promo-father ul {
        list-style: none;
        margin: 0 0 1.2em 0;
        padding: 0;
        font-size: 15px;
        line-height: 30px;
        width: 230px;
    }
}
@media only screen and (max-width: 767px) {
    .hero-promo-father ul {
        width: 54%;
    }
    .hero-promo-father h1 {
        padding-top: 8px;
        margin: 12px 0 0;
        font-size: 1.8em;
    }
}
@media (max-width: 480px) {
       .hero-promo-father h1 {
        padding-top: 8px;
        margin: 12px 0 0;
        font-size: 1.5em;
           font-weight: 500;
    }
    .hero-promo-father h2 {
        font-size: 1.25em;
        width: auto;
    }
    
    .hero-promo-father img {
    width: 320px;
    margin: 2px 0 4px;
}
}
.calls-ital {
    line-height: 18px !important;
    font-style: italic;
    margin-bottom: 4px;
}
.hero-discount {
    font-size: 2.5em;
    font-family: "Proxima Nova";
    display: block;
    line-height: 100%;
    margin-top: 0.1em;
    font-weight: 700;
}
.msrp19 {
    margin: 2px 0 6px;
    font-size: 16px;
    font-style: italic;
}
.limited {
    margin: -2px 0 8px;
    font-size: 18px;
    font-weight: 500;
}
.phone-hero {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 500;
}
.tax-fees {
    font-size: 13px;
    font-weight: normal;
    line-height: 10px;
}
.plus {
    color: #292929;
    font-size: 1.2em;
    display: inline;
}
@media (max-width: 480px) {
    .plus {
        display: block;
    }
    .hero-promo-mother ul {
        width: 65%;
    }
}
@media (max-width: 360px) {
    .hero-promo-father img {
        width: 280px;
        margin: 0 0 4px;
    }

    .hero-promo-father ul {
        width: auto;
    }
    .phone-hero {
        margin-top: 12px;
        font-size: 12px;

}
}
.hero-promo-father a.mj-btn.green, .hero-promo-father a.mj-btn.white {
    padding: 12px 15px 10px 15px;
}
/* END FATHERS DAY  2019 */

/* JULY 4  2019 */

#hero-memday {
    background: url("/mj/common/img/hero/memday19hero.png") no-repeat;
    width: 100%;
    background-color: #fff;
    background-position: center 0px;
    background-size: cover;
    overflow: auto;
    position: relative;
}
@media (max-width: 1200px) {
    #hero-memday {
        width: 100%;
        background-color: #fff;
        background-position: -10px 42px;
        background-size: cover;
        overflow: auto;
        position: relative;
    }
}
#memday19 {
    margin-left: 124px;
    margin-right: 124px;
    padding-left: 0px;
    padding-right: 0px;
    width: 980px;
}
@media (max-width: 990px) {
    #hero-memday {
        background-size: 100%;
        background-position: left 68px;
    }
}
@media (max-width: 767px) {
    #hero-memday {
        background-size: 220%;
        background-position: left 90px;
    }
}
@media (max-width: 480px) {
    #hero-memday {
        padding: 22px 0 0;
    }
}

.herohome-wrapper {
    height: auto;
    width: 940px;
    margin: 0 auto;
    padding-top: 7%;
    position: relative;
}
@media (max-width: 1000px) {
    .herohome-wrapper {
        width: 100%;
        padding-top: 10%;
    }
}
@media (max-width: 767px) {
    .herohome-wrapper {
        padding-top: 46%;
    }
}
.memimage img {
    float: left;
    margin: 48px 12px 0px -155px;
    width: 52%;
}
.hero-promo-memday {
    float: left;
    font: normal normal normal 14px 'Proxima Nova', sans-serif;
    font-size: 16px;
    margin: 0 8px 40px 42px;
    width: 44%;
    color: #292929;
}
.hero-promo-memday img {
    width: 370px;
    margin-bottom: 4px;
}

@media (max-width: 990px) {
    #memday19 {
        margin-left: 40px;
        margin-right: 40px;
        width: 900px;
    }
    .hero-promo-memday {
        margin-left: 22px;
        width: 42%;
    }
    
    .hero-promo-memday img {
    width: 320px;
}
    
    .memimage img {
        float: left;
        margin: 28px 4px 0px 0px;
        width: 42%;
    }
}
@media (max-width: 767px) {
    #memday19 {
        margin-left: 0px;
        margin-right: 0px;
        width: auto;
    }
    .memimage img {
    margin: -40px 0px 0px 10px;
    width: 94%;
    float: none;
    }
    .hero-promo-memday {
        width: 100%;
        height: 56%;
        float: none;
        background-color: #fff;
    }
    .memwrap {
        padding-top: 28%
    }
    .hero-promo-memday img {
        width: 400px;
    }
}
@media (max-width: 480px) {
    .hero-promo-memday {
        width: auto;
    }
    .hero-promo-memday img {
        width: 300px;
    }
    .memimage img {
        margin: -28px 0px 0px 10px;
    }
}
@media (max-width: 360px) {
    .hero-promo-memday {}
    .memimage img {
        margin: -10px 0px 0px 10px;
    }
}
.hero-promo-memday h1 {
    font-weight: 500;
    font-size: 1.7em;
    color: #f1021c;
    padding-top: 18px;
    margin: 34px 0 8px;
    width: 360px;
}
.hero-promo-memday-overlay h1 {
    font-weight: 500;
    font-size: 1.7em;
    color: #f1021c;
    padding-top: 18px;
    margin: 34px 0 8px;
    width: 360px;
}
.hero-promo-memday-overlay img {
    width: 370px;
    margin-bottom: 4px;
}
.hero-promo-memday ul {
    list-style: none;
    margin: 0 0 1.2em 0;
    padding: 0;
    font-size: 15px;
    line-height: 38px;
    width: 310px;
}
@media (max-width: 990px) {
    .hero-promo-memday h1 {
        font-size: 1.55em;
        padding-top: 26px;
    }

    .hero-promo-memday ul {
        list-style: none;
        margin: 0 0 1.2em 0;
        padding: 0;
        font-size: 15px;
        line-height: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .hero-promo-memday ul {
        width: 54%;
    }
    .hero-promo-memday h1 {
        padding-top: 8px;
        margin: 5px 0 8px;
        font-size: 1.7em;
        width: 90%;
    }


    .hero-promo-memday ul {
        width: auto;
        padding-right: 12px;
    }
}
.calls-ital {
    line-height: 18px !important;
    font-style: italic;
    margin-bottom: 4px;
}
.hero-discount {
    font-size: 2.5em;
    font-family: "Proxima Nova";
    display: block;
    line-height: 100%;
    margin-top: 0.1em;
    font-weight: 700;
}
.msrp19 {
    margin: 2px 0 6px;
    font-size: 16px;
    font-style: italic;
}
.limited {
    margin: -2px 0 8px;
    font-size: 18px;
    font-weight: 500;
}
.phone-hero {
    margin: 15px 0 10px;
    font-size: 13px;
    line-height: 15px;
    font-weight: 500;
}
.tax-fees {
    font-size: 13px;
    font-weight: normal;
    line-height: 10px;
}
.plus {
    color: #292929;
    font-size: 1.2em;
    display: inline;
}
@media (max-width: 480px) {
    .plus {
        display: block;
    }
    
        .hero-promo-memday h1 {
        font-size: 1.2em;
    }
    
    .hero-promo-mother ul {
        width: 65%;
    }
    
    .hero-discount {
    font-size: 1.9em;
    font-weight: 600;
}
}
@media (max-width: 360px) {
    .hero-promo-memday img {
        width: 280px;
        margin: 0 0 4px;
    }
    .hero-promo-memday h1 {
        font-size: 1.2em;
    }
    .hero-promo-memday ul {
        width: auto;
    }
    .phone-hero {
        margin-top: 12px;
        font-size: 12px;
    }
}
.hero-promo-memday a.mj-btn.green, .hero-promo-memday a.mj-btn.white {
    padding: 12px 15px 10px 15px;
}
/* END JULY 4 2019 */

#promos {
    overflow: auto;
    font-family: "Proxima Nova";
    background-color: #fafafa;
}
#promos h1 {
    font-family: "Proxima Nova";
    font: normal normal 300 14px;
    font-size: 36px;
    text-align: center;
    margin-top: 36px;
}
#promos h2 {
    font-family: "Proxima Nova";
    font-weight: 300;
    padding: 0 1em;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}
@media (max-width: 990px) {
    #promos h2 {
        padding: 0;
        font-size: 1.8em;
        margin-top: 0;
        margin-bottom: 12px;
    }
}
@media (max-width: 767px) {
    #promos h2 {
        margin-bottom: 0;
    }
}
.promo {
    padding: 2em 0;
    width: 33.33333%;
    float: left;
    text-align: center;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    height: 350px;
}
.promo-mjw-div {
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 767px) {
    .promo {
        width: 100%;
        float: none;
        height: auto;
    }
}
.promo a.mj-btn.green {
    padding: 12px 15px 10px 15px;
}
.promo-mjw-div a.mj-btn.green {
    padding: 4px 8px 5px 3px;
}
.promo-header {
    width: 990px;
    font-family: "Proxima Nova";
    margin: 0 auto 0 auto;
    height: 140px;
    background: url("/mj/common/img/promos/promo-background-default.jpg") no-repeat;
    background-size: 16%;
    position: relative;
}
.promo-header2 {
    width: 100%;
    font-family: "Proxima Nova";
    padding: 6px;
    height: auto;
    margin: 0 auto;
    background-color: #eee;
    border-top: 1px solid #d0d0d0;
}
.promo-header-text2 {
    font-family: "Proxima Nova";
    text-align: center;
    font-weight: 500;
    font-size: 15px;
}
.promo-header-text2 span {
    color: #00aeef;
    font-size: 20px;
    font-weight: 600;
}
@media (max-width: 990px) {
    .promo-header {
        width: 100%;
        margin-left: 12px;
    }
    .promo-header-text2 {
        max-width: 800px;
    }
}
@media (max-width: 767px) {
    .promo-header {
        width: 100%;
        background-size: 0%;
    }
    .promo-header-text2 {
        font-family: "Proxima Nova";
        text-align: left;
        font-weight: 500;
        font-size: 17px;
    }
}
.promo-header-text {
    font-family: "Proxima Nova";
    float: left;
    margin-left: 20%;
}
@media (max-width: 990px) {
    .promo-header-text {
        margin-left: 18%;
    }
}
@media (max-width: 767px) {
    .promo-header-text {
        margin-left: 3px;
    }
}
.promo-header-text h3 {
    font-family: "Proxima Nova";
    font-weight: 700;
    text-align: left;
    font-size: 1.9em;
    color: #00aeef;
    line-height: 1em;
    margin-top: 16px !important;
}
.promo-header-text p {
    font-family: "Proxima Nova";
    text-align: left;
    font-size: 1.15em;
    line-height: .9em;
    font-weight: 500;
}
@media (max-width: 990px) {
    .promo-header-text p {}
}
/* LEFT-ALIGN & IPP PROMO */
.promo-left {
    padding: 2em 0;
    width: 33.33333%;
    float: left;
    text-align: center;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    height: 350px;
}
.left-hdr {
    font-weight: normal;
    text-align: center;
    font-size: 1.9em;
    margin: 0 6px 4px;
    color: #7b1fa6;
    line-height: 30px;
}


.promo-left-subhead {
    padding: 0;
    font-size: 140%;
    line-height: 24px;
}
.promo-left img {
    display: block;
    width: 88% !important;
    max-width: 300px !important;
    margin: 22px auto 36px !important;
}
@media (max-width: 767px) {
    .promo-left {
        width: 100%;
        float: none;
        height: auto;
        text-align: left;
        padding-left: 18px;
    }
    .left-hdr {
        font-weight: normal;
        text-align: left;
        font-size: 1.9em;
        margin: 0 0px 4px;
        color: #7b1fa6;
        line-height: 30px;
    }
    .promo-left-subhead {
        padding: 0;
        font-size: 160%;
        text-align: left;
    }
    .promo-left img {
        display: block;
        width: 88% !important;
        max-width: 300px !important;
        margin: 16px 18px 26px 0 !important;
    }
}
/* END LEFT-ALIGH PROMO */
/* CONCIERGE PROMO */
.concierge-header {
    width: 980px;
    font-family: "Proxima Nova";
    margin: 0 auto 0 auto;
    height: 100px;
    background: url(../i/home/concierge_logo.png) center left no-repeat;
    background-size: 17%;
    position: relative;
}
@media (max-width: 990px) {
    .concierge-header {
        width: 850px;
        margin-left: 7%;
    }
}
@media (max-width: 767px) {
    .concierge-header {
        width: 100%;
        background-size: 25%;
        margin-left: 18px;
    }
}
@media (max-width: 600px) {
    .concierge-header {
        background-size: 30%;
    }
}
@media (max-width: 500px) {
    .concierge-header {
        background-size: 40%;
    }
}
.concierge-header-text {
    font-family: "Proxima Nova";
    float: left;
    margin-left: 22%;
    margin-top: 14px;
    width: 400px;
}
@media (max-width: 990px) {
    .concierge-header-text {
        margin-left: 19%;
    }
}
.concierge-header-text h3 {
    font-family: "Proxima Nova";
    font-weight: 500;
    text-align: left;
    font-size: 1.2em;
    color: #111;
    line-height: 1.2em;
    margin-top: 4px!important;
    margin-bottom: 0!important;
}
.concierge-header-text h4 {
    font-family: "Proxima Nova";
    text-align: left;
    font-size: 1.7em;
    font-weight: 600;
    color: #7b1fa6;
    margin-top: 4px!important;
}
@media (max-width: 767px) {
    .concierge-header-text {
        margin-left: 3px;
        margin-top: 88px;
        width: 70%;
    }
    .concierge-header-text h3 {
        font-size: 1.1em;
    }
}
.concierge-btn {
    float: left;
    margin-right: 8%;
    margin-top: 28px;
}
@media (max-width: 990px) {
    .concierge-btn {
        margin-right: 11%;
        margin-top: 28px;
    }
}
@media (max-width: 767px) {
    .concierge-btn {
        margin-top: 1%;
        margin-right: 42%;
        float: left;
        margin-left: 0%;
        margin-bottom: 4%;
    }
}
#divConciergeNewCust, #divConciergeExistingCust {
    display: none;
}
body.mj-new #divConciergeNewCust, body.mj-existing #divConciergeExistingCust {
    display: inline-block;
}
/* END CONCIERGE PROMO */
.see-offers {
    float: right;
    margin-right: 9%;
    margin-top: 4.2%;
}
@media (max-width: 990px) {
    .see-offers {
        margin-right: 4%;
        margin-top: 4.2%;
    }
}
@media (max-width: 767px) {
    .see-offers {
        margin-top: 1%;
        margin-right: 42%;
        float: left;
        margin-left: 0%;
        margin-bottom: 4%;
    }
}
#promos .promo h2 {
    font-family: "Proxima Nova";
    font-weight: 600;
    padding: 0 1em;
    text-align: center;
    font-size: 1.75em;
    line-height: 28px;
    margin: 0;
    color: #00aeef;
}
#promos .promo h3 {
    font-family: "Proxima Nova";
    font-weight: 700;
    padding: 0 1em;
    text-align: center;
    font-size: 2.1em;
    margin: 0;
    color: #00aeef;
}
.promo p {
    padding: 0 1em;
    margin: 0 0 8px 0;
    font-size: 14px;
}
.promo img {
    display: block;
    width: 70%;
    max-width: 262px;
    margin: 0 auto;
}
.promo-mjw-div img {
    width: 100%;
    max-width: 475px;
}
.promo-mjb {
    display: block;
    width: 82% !important;
    max-width: 300px !important;
    margin: 12px auto 20px!important;
}
.promo-mjb-home {
    display: block;
    width: 88% !important;
    max-width: 300px !important;
    margin: 22px auto 36px !important;
}
.keep-offers {
    padding-top: 26px;
}
.plan-offers {
    margin-top: -3px!important;
    margin-bottom: 16px!important;
}
.plans-home {
    width: 70% !important;
    margin-top: -10px!important;
    margin-bottom: 4px!important;
}
.app-offers {
    width: 80%!important;
}
@media (max-width: 990px) {
    .promo-mjb {
        display: block;
        width: 80% !important;
        max-width: 250px !important;
        margin: 12px auto 20px !important;
    }
    .promo-mjb-home {
        display: block;
        width: 84% !important;
        max-width: 300px !important;
        margin: 18px auto 28px !important;
    }
    .keep-offers {
        padding-top: 50px;
    }
    .plan-offers {
        margin-top: -10px!important;
    }
    .plans-home {
        width: 70% !important;
        margin-top: -10px!important;
        margin-bottom: 4px!important;
    }
    .app-offers {
        margin-top: 8px!important;
        margin-bottom: 22px!important;
        width: 80%!important;
    }
}
@media (max-width: 768px) {
    .device-offers {
        margin-bottom: 20px!important;
    }
    .promo-mjb {
        display: block;
        width: 80% !important;
        max-width: 250px !important;
        margin: 9px auto 16px !important;
    }
    .promo-mjb-home {
        display: block;
        width: 84% !important;
        max-width: 300px !important;
        margin: 18px auto 28px !important;
    }
    .keep-offers {
        padding-top: 24px;
    }
    .plan-offers {
        margin-top: 10px!important;
    }
    .app-offers {
        margin-top: 8px!important;
        margin-bottom: 10px!important;
        width: 70%!important;
    }
}
.h2-part {
	color: #7b1fa6;
}
.promo-subhead {
    padding: 0;
    font-size: 140%;
    line-height: 24px;
}
.promo-mjw-div .promo-subhead {
    padding-left: 5px;
    font-size: 100%;
    line-height: 20px;
    font-weight: bold;
    font-family: arial;   
}
.promo-subhead-2 {
    padding-left: 5px;
    font-size: 100%;
    line-height: 20px;
    font-weight: bold;
    color: #7b1fa6;
    font-family: arial;
}
.promo-mjw {
	padding-right: 2em;
    font-size: 85%;
    line-height: 15px;
    font-weight: 700;
    margin-left:20px;
    list-style:disc;
    font-family: arial;
    text-align: left;
}
.fourormore {
	color: grey!important;
	font-weight: normal!important;
	font-style: italic;
}
.promo-subhead.new-plan{
	font-size: 14px;
}
.customer a {
    font-size: 40%;
    display: inline-block;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #46B942;
    text-transform: uppercase;
    color: #46B942;
    font-weight: 400;
    margin-top: 1em;
}
.customer a:hover {
    border: 1px solid #00aeef;
    color: #00aeef;
    text-decoration: none;
}
.mj-btn.green {
    border: 1px solid #45b941;
}
.mj-btn.green:hover {
    border: 1px solid #45b941;
}
.offers-wrapper {
    width: 940px;
    margin: 0 auto;
}
@media (max-width: 939px) {
    .offers-wrapper {
        width: 100%;
        padding: 1em;
    }
}
.offers-header {
    background-color: #fafafa;
    padding-bottom: 20px;
}
.offers-header-holiday {
    background-color: #EEE;
    padding-top: 90px;
    margin: 0 0 50px 0;
    text-align: center;
}
.offers-header-holiday img {
    height: 120px;
}
.offers-header-everyday {
    background: #00adf2 url(/mj/common/img/offers_banner_everyday_bg.jpg) no-repeat;
    padding-top: 90px;
    margin: 0 0 50px 0;
    text-align: center;
    background-position: 0 40px;
}
.offers-header-everyday img {
    height: 120px;
}
.promo-group-header {
    width: 100%;
}
.promo-group {
    overflow: auto;
    margin-bottom: 50px;
}
.offers-header-holiday {
    background-color: #EEE;
    padding-top: 64px;
    margin: 0 0 5px 0;
    text-align: center;
}
.offers-header-holiday img {
    height: auto;
    width: 90%;
}
.offers-header-everyday {
    padding-top: 68px;
    margin: 0 0 50px 0;
    text-align: center;
}
.promo-group-header {
    margin-bottom: 8px;
}
.promo-group {
    margin-bottom: 20px;
}
.go-logo {
    width: 300px;
}
@media (max-width: 360px) {
    .go-logo {
        width: 250px;
    }
}
#divPromoNewCust, #divPromoExistingCust, .text-new, .text-existing {
    display: none;
}
body.mj-new #divPromoNewCust, body.mj-existing #divPromoExistingCust {
    display: block;
    clear: both;
    width: 100%;
}
body.mj-new .text-new, body.mj-existing .text-existing {
    display: inline;
}
body.mj-existing #imgHeroFreeTrial {
    display: none;
}
@media (max-width: 992px) {
    .promo-subhead {
        font-size: 120%
    }
    .promo-mjw-div .promo-subhead {
        font-size: 80%;
        line-height: 15px;
    }
    .promo-subhead-2 {
        font-size: 80%;
        line-height: 15px;
    }
    .promo-mjw {
    	padding: 0;
    	font-size: 74%;
    	line-height: 13px;
    	font-weight: 700;
    	margin-left:15px;
    	list-style:disc;
    	font-family: arial;
    }
    #promos .promo h2 {
        font-size: 1.7em
    }
     
     #promos .promo-mjw-div h2 {
        font-size: 1.5em
    }
}
.ca-port {
    line-height: 138% !important;
    margin-top: -1px !important;
    margin-bottom: 2px;
}
.ca-port-img {
    margin-top: -2px !important;
    width: 55% !important;
}
@media (max-width: 992px) {
    .ca-port-img {
        margin-top: -4px !important;
        width: 79% !important;
    }
    .ca-port {
        line-height: 136% !important;
        margin-top: -4px !important;
    }
}
.ca-port-off {
    line-height: 15px !important;
    margin-top: -2px
}
.ca-port-img-off {
    width: 250px !important;
    margin-top: -11px !important;
}
@media (max-width: 992px) {
    .ca-port-off {
        line-height: 16px !important;
        margin-top: 0px !important;
    }
    .ca-port-img-off {
        width: 269px !important;
        margin-top: -10px
    }
}
@media (max-width: 767px) {
    .promo img {
        max-width: 80%!important;
    }
    .promo-mjw-div img {
        max-width: 100%!important;
    }
    .ca-port-img-off {
        width: 72% !important;
    }
    .ca-port-img {
        width: 72% !important;
    }
}
.footnote-bus {
    margin-top: 18px;
    font-size: 11px;
    font-style: italic;
}
/* RAPID RENEWAL PROMO TILE */
.rapidrenew-hdr {
    font-weight: normal;
    text-align: center;
    font-size: 1.75em;
    margin: 0 6px 4px;
    color: #7b1fa6;
    line-height: 28px;
}
.promo-rapidrenew-subhead {
    padding: 0;
    font-size: 140%;
    line-height: 24px;
}
.rapid-form {
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 12px 12px 6px;
    margin: 20px auto 0px;
    max-width: 320px;
}
.rapid-form-offers {
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 12px 12px 6px;
    margin: 20px auto 0px;
    max-width: 260px;
}
.rapid-form-text {
    margin-bottom: 16px;
}
@media (max-width: 992px) {
    .rapid-form {
        padding: 10px 10px 10px;
        margin: 14px 6px 0px;
        max-width: none;
    }
    .promo-rapidrenew-subhead {
        padding: 0;
        font-size: 17px;
        line-height: 19px;
        margin-bottom: 8px;
    }
    .rapid-form-text {
        margin-bottom: 10px;
    }
}
@media (max-width: 768px) {
    .rapid-form {
        padding: 6px 4px;
        margin: 12px auto 0px;
        max-width: 82%;
    }
    .rapid-form-offers {
        padding: 6px 4px;
        margin: 12px auto 0px;
        max-width: 82%;
    }
    .promo-rapidrenew-subhead {
        padding: 0;
        font-size: 21px;
    }
}
.form-button-next {
    display: inline-block;
    padding: 7px 45px 5px 14px;
    white-space: normal;
    background: #00aeef;
    color: #fff;
    border: 1px solid #00aeef;
    border-radius: 5px;
    font-family: "Proxima Nova", Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
    text-align: left;
    background-image: url('/mj/common/img/shopping-cart/chevron-right-white.png');
    background-repeat: no-repeat;
    background-position: right 25px center;
    background-size: 10px;
}
.form-button-next:hover {
    background-color: #fff;
    color: #00aeef;
    border-color: #00aeef;
    text-decoration: none;
    background-image: url('/mj/common/img/shopping-cart/chevron-right-blue.png');
}
.form-button-next.purple {
    background: #7b1fa6;
    border-color: #7b1fa6;
    background-image: url('/mj/common/img/shopping-cart/chevron-right-white.png');
    background-repeat: no-repeat;
    background-position: right 25px center;
    background-size: 10px;
}
.form-button-next.purple:hover {
    background-color: #fff;
    color: #7b1fa6;
    border-color: #7b1fa6;
    background-image: url('/mj/common/img/shopping-cart/chevron-right-purple.png');
    background-repeat: no-repeat;
    background-position: right 25px center;
    background-size: 10px;
}
.form-link-right, .form-link-down, .form-link-up {
    background-color: #fff;
    color: #00aeef;
    text-decoration: none;
    border: none;
    background-image: url('/mj/common/img/shopping-cart/chevron-right-blue.png');
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 8px;
    padding: 4px 26px 5px 5px;
    font-size: 15px;
}
.form-link-right:hover, .form-link-down:hover, .form-link-up:hover {
    text-decoration: underline;
}
.form-link-down {
    background-image: url('/mj/common/img/shopping-cart/chevron-down-blue.png');
    background-position: right 8px top 12px;
    background-size: 12px;
}
.form-link-up {
    background-image: url('/mj/common/img/shopping-cart/chevron-up-blue.png');
    background-position: right 8px bottom 12px;
    background-size: 12px;
}
@media (min-width: 768px) {
    .form-button-next.auto-width {
        width: auto;
    }
}
.form-button-next.text-center {
    text-align: center;
}
.form-button {
    display: inline-block;
    padding: 7px 25px 5px;
    white-space: nowrap;
    background: #00aeef;
    color: #fff;
    border: 1px solid #00aeef;
    border-radius: 5px;
    font-family: "Proxima Nova", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: left;
}
.form-button:hover {
    background-color: #fff;
    color: #00aeef;
    border-color: #00aeef;
    text-decoration: none;
}
.form-button.purple {
    background: purple;
    border: 1px solid purple;
    color: #fff;
}
.form-button.purple:hover {
    background: #fff;
    border: 1px solid purple;
    color: purple;
}
.form-button.white {
    background-color: #fff;
    color: #00aeef;
    border-color: #00aeef;
}
.form-button.white:hover {
    background: #00aeef;
    color: #fff;
    border: 1px solid #00aeef;
}
.form-button.white.purple {
    background: #fff;
    border: 1px solid purple;
    color: purple;
}
.form-button.white.purple:hover {
    background: purple;
    border: 1px solid purple;
    color: #fff;
}
.rapidrenew-text {
    font-size: 14px;
    text-align: left;
    margin: 20px 18px 0;
}
.rapidrenew-text a {
    color: #00aeef;
}
/* HOLIDAY 2018 HERO */
#hero-hol18 {
    width: 100%;
    background: url(../i/holiday-18/home-hero.jpg) no-repeat;
    background-position: center 28px;
    background-size: cover;
    overflow: auto;
    position: relative;
}
#hero-cyber18 {
    width: 100%;
    background: url(../i/holiday-18/home-hero-cyber.jpg) no-repeat;
    background-position: center 28px;
    background-size: cover;
    overflow: auto;
    position: relative;
}
.hero-hol-wrapper {
    height: 100%;
    width: 940px;
    margin: 0 auto;
    padding-top: 9%;
    position: relative;
}
#hero-box {
    width: 100%;
    background: #f8f8f8 url(../i/holiday-18/home-hero-box.jpg) no-repeat;
    background-position: left -22px;
    background-size: cover;
    overflow: auto;
    position: relative;
}
.hero-promo-box {
    font-family: "Proxima Nova";
    padding: 0 0 1.15em 0;
    width: 54%;
    float: right;
    color: #292929;
}
.hero-promo-box ul {
    list-style: none;
    margin: 0 0 1.5em 0;
    padding: 0;
    font-size: 15px;
    line-height: 24px;
    width: 300px;
}
.hero-wrapper-box {
    height: 100%;
    margin: 0 auto;
    padding-top: 9%;
    position: relative;
}
.box-hdr {
    font-family: "Proxima Nova";
    margin-bottom: 0.5em;
    font-weight: 500;
    font-size: 22px;
    line-height: 24px;
    padding-top: 20px;
}
.hero-promo-hol18 {
    font-family: "Proxima Nova";
    padding: 0 8px 5.2em 0;
    width: 48%;
    float: right;
    color: #111111;
    background: url("/mj/common/img/promos/promo-background-default.jpg") no-repeat;
    background-size: 74%;
}
.hero-promo-hol18 h1 {
    margin-bottom: 0.5em;
    font-weight: 500;
    color: #f80f02;
    font-size: 21px;
    text-transform: uppercase;
}
.hero-promo-hol18 h2 {
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 2px;
    font-size: 3.5em;
}
.hero-promo-hol18 h3 {
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0.4em;
    font-size: 20px;
    line-height: 23px;
}
.hero-promo-hol18 .hol-txt {
    font-weight: normal;
    margin-top: 12px;
    margin-bottom: 0.4em;
    font-size: 18px;
    line-height: 20px;
}
.phone-hol {
    margin-top: 18px;
    font-size: 13px;
    font-weight: 700;
    margin-left: 4px;
}
.hol18-btn {
    margin-top: 15px;
}
@media (max-width: 990px) {
    #hero-hol18 {
        width: 100%;
        background: url(../i/holiday-18/home-hero.jpg) no-repeat;
        background-position: center 28px;
        background-size: cover;
        overflow: auto;
        position: relative;
    }
    .hero-promo-box ul {
        list-style: none;
        margin: 0 0 1em 0;
    }
    .hero-hol-wrapper {
        width: 100%;
        padding-top: 10%;
    }
    .hero-wrapper-box {
        width: 100%;
        padding-top: 13%;
    }
    .box-hdr {
        margin-bottom: 0.5em;
        font-weight: 500;
        font-size: 20px;
        line-height: 22px;
        padding-top: 20px;
    }
    .hero-promo-hol18 {
        font-family: "Proxima Nova";
        padding: 0 8px 20px 0;
        width: 46%;
        float: right;
        color: #111111;
    	background: url("/mj/common/img/promos/promo-background-default.jpg") no-repeat;
        background-size: 65%;
    }
    .hero-promo-hol18 h1 {
        margin-bottom: 0.5em;
        font-weight: 500;
        color: #fd2f39;
        font-size: 18px;
    }
    .hero-promo-hol18 h2 {
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 4px;
        font-size: 2.5em;
    }
    .hero-promo-hol18 h3 {
        font-weight: 500;
        margin-top: 0;
        margin-bottom: 0.4em;
        font-size: 16px;
        line-height: 18px;
    }
    .hero-promo-hol18 .hol-txt {
        font-weight: normal;
        margin-top: 6px;
        margin-bottom: 6px;
        font-size: 16px;
        line-height: 18px;
    }
    #hero-box {
        width: 100%;
        background: url(../i/holiday-18/home-hero2.jpg) no-repeat;
        background-position: center 50px;
        background-size: cover;
        overflow: auto;
        position: relative;
    }
}
@media (max-width: 767px) {
    #hero-hol18 {
        background-size: 100%;
        margin-top: 44px;
        background-position: center -12px;
    }
    .hero-promo-box {
        width: 100%;
        height: 56.5%;
        float: none;
        background-size: 65%;
        background-color: #fff;
        padding: 0.1em 1em 3em 1em;
        border-bottom: #e5e5e5 solid 1px;
    }
    .hero-promo-box ul {
        width: auto;
    }
    #hero-cyber18 {
        width: 100%;
        background-position: left -52px;
        margin-top: 44px;
    }
    #hero-box {
        background: url(../i/holiday-18/home-hero-boxsm.jpg) no-repeat;
        width: 100%;
        background-position: -28px 29px;
        background-size: 800px;
    }
    .hero-hol-wrapper {
        padding-top: 46%;
    }
    .hero-wrapper-box {
        height: 100%;
        padding-top: 46%;
    }
    .hero-promo-hol18 {
        width: 100%;
        height: 56.5%;
        float: none;
        color: #000;
        background-color: #fff;
        padding: 0.1em 1em 2.85em 1em;
        border-bottom: #e5e5e5 solid 1px;
        background-size: 51%;
    }
    .hero-promo-hol18 h3 {
        font-weight: 500;
        margin-top: 0;
        margin-bottom: 0.4em;
        font-size: 16px;
        line-height: 18px;
    }
    .hero-promo-hol18 .hol-txt {
        font-weight: normal;
        margin-top: 2px;
        margin-bottom: 4px;
        font-size: 15px;
        line-height: 17px;
    }
    .hol18-btn {
        margin-top: 15px;
        padding: 12px 20px;
    }
}
@media (max-width: 600px) {
    #hero-box {
        background: url(../i/holiday-18/home-hero-boxsm.jpg) no-repeat;
        width: 100%;
        background-position: -28px -5px;
        background-size: 700px;
    }
}
@media (max-width: 480px) {
    #hero-hol18 {
        background-size: 100%;
        margin-top: 64px;
    }
    #hero-cyber18 {
        background-size: 100%;
        margin-top: 64px;
        background-position: left -8px;
    }
    .hero-promo-hol18 {
        padding-bottom: 1.2em;
        background-size: 0%;
        background-position: bottom left;
    }
    .hero-promo-hol18 h1 {
        font-size: 15px;
    }
    .hero-promo-hol18 h2 {
        font-size: 2em;
        margin-bottom: .2em;
    }
    #hero-box {
        width: 100%;
        background-position: -38px 2px;
        background-size: 550px;
    }
    .hero-wrapper-box {
        height: 100%;
        padding-top: 44%;
    }
}
/* END HOLIDAY 2018 */
/* ACTIVATE 2018 - 2019 */
.hero-promo-activate {
    font-family: "Proxima Nova";
    padding: 0 40px 54px 12px;
    width: 56%;
    float: right;
    color: #292929;
}
.hero-promo-activate h1 {
    font-size: 37px;
    font-weight: 700;
    margin-bottom: 5px;
}
.hero-promo-activate h2 {
    font-size: 24px;
    font-weight: normal;
    width: 500px;
    margin-top: 10px;
}
.hero-promo-activate p {
    font-size: 18px;
    font-weight: normal;
}
.act-txt {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    width: 350px;
    margin-bottom: 5px;
}
.hero-promo-activate h3 {
    font-size: 24px;
    font-weight: normal;
    margin-top: 32px;
}
.act-buy {
    margin-top: 18px;
}
@media (max-width: 990px) {
    .hero-promo-activate {
        padding: 0 46px 54px 0;
        width: 52%;
        float: right;
        color: #292929;
        background-size: 60%;
    }
    .hero-promo-activate h1 {
        font-size: 36px;
        font-weight: 700;
    }
    .hero-promo-activate h2 {
        font-size: 20px;
        font-weight: normal;
        width: auto;
    }
    .hero-promo-activate h3 {
        font-size: 22px;
    }
    .hero-promo-activate p {
        font-size: 16px;
        font-weight: normal;
    }
    .act-txt {
        font-size: 16px;
        line-height: 18px;
        font-weight: normal;
        width: 350px;
        margin-bottom: 5px;
    }
}
@media (max-width: 767px) {
    .hero-promo-activate {
        width: 100%;
        height: 56.5%;
        float: none;
        background-size: 51%;
        background-color: #fff;
        padding: 0.1em 1em 3em 1em;
        border-bottom: #e5e5e5 solid 1px;
    }
    .hero-promo-activate h2 {
        width: auto;
    }
}
/* END ACTIVATE 2018 - 2019 */
/* CONCIERGE HOLIDAY 18 PROMO */
.holiday18 {
    background: white url("/i/holiday-18/promos_holiday.jpg") no-repeat 0px bottom;
    background-size: 100%;
    padding-bottom: 18px;
}
.concierge-header-hol {
    width: 980px;
    font-family: "Proxima Nova";
    margin: 0 auto;
    height: 100px;
    background: url(../i/holiday-18/concierge_logo-santa.png) center left no-repeat;
    background-size: 19%;
    position: relative;
}
.concierge-header-text-hol h3 {
    font-family: "Proxima Nova";
    font-weight: 500;
    text-align: left;
    font-size: 17px;
    color: #111;
    line-height: 19px;
    margin-top: 4px!important;
    margin-bottom: 0!important;
}
.concierge-header-text-hol h4 {
    font-family: "Proxima Nova";
    text-align: left;
    font-size: 22px;
    font-weight: 600;
    color: #7b1fa6;
    margin-top: 4px!important;
}
.strike {
    font-size: 20px;
    font-weight: normal;
    text-decoration: line-through;
}
@media (max-width: 990px) {
    .concierge-header-hol {
        width: 90%;
        margin-left: 10%;
    }
    .concierge-header-text-hol h3 {
        font-size: 15px;
        line-height: 17px;
        margin-top: 4px!important;
        margin-bottom: 0!important;
    }
    .concierge-header-text-hol h4 {
        font-size: 18px;
        font-weight: 600;
        margin-top: 4px!important;
    }
    .strike {
        font-size: 17px;
    }
}
@media (max-width: 767px) {
    .concierge-header-hol {
        width: 100%;
        background-size: 28%;
        margin-left: 18px;
    }
    .holiday18 {
        background-size: 200%;
        padding-bottom: 18px;
    }
}
@media (max-width: 600px) {
    .concierge-header-hol {
        background-size: 30%;
    }
}
@media (max-width: 500px) {
    .concierge-header-hol {
        background-size: 40%;
    }
}
.concierge-header-text-hol {
    font-family: "Proxima Nova";
    float: left;
    margin-left: 22%;
    margin-top: 14px;
    width: 400px;
}
@media (max-width: 990px) {
    .concierge-header-text-hol {
        margin-left: 22%;
        width: 320px;
    }
}
@media (max-width: 767px) {
    .concierge-header-text-hol {
        margin-left: 3px;
        margin-top: 100px;
        width: 70%;
    }
}
.concierge-btn-hol {
    float: left;
    margin-right: 8%;
    margin-top: 28px;
}
@media (max-width: 990px) {
    .concierge-btn-hol {
        margin-right: 11%;
        margin-top: 28px;
    }
}
@media (max-width: 767px) {
    .concierge-btn-hol {
        margin-top: 1%;
        margin-right: 42%;
        float: left;
        margin-left: 0%;
        margin-bottom: 4%;
        padding: 0;
    }
}
@media (max-width: 320px) {
    .concierge-header-text-hol {
        width: 85%;
    }
}
/* END CONCIERGE HOLIDAY 18 PROMO */
/* START HOLIDAY 2020 */
#hero-hol19 {
  width: 100%;
  background: url("/mj/common/img/promos/promo-background-20201202.jpg") no-repeat;
  background-position: -10px 10px;
  background-size: 100%;
  background-color: #eee9e5;
  font-family: "Proxima Nova";
  overflow: auto;
  position: relative;
}
@media (max-width: 1580px) {
  #hero-hol19 {
    background-position: -10px 50px;
    background-size: 100%;
  }
}
@media (max-width: 1250px) {
  #hero-hol19 {
    background-position: -10px 90px;
    background-size: 100%;
  }
}
@media (max-width: 990px) {
  #hero-hol19 {
    background-position: -160px 90px;
    background-size: 132%;
  }
}
@media (max-width: 767px) {
  #hero-hol19 {
    background: url("/mj/common/img/promos/promo-background-mobile-20201202.jpg") no-repeat;
    background-position: -20px 16px;
    background-size: 110%;
    padding: 8px 0 0;
  }
}
@media (max-width: 550px) {
  #hero-hol19 {
    background-position: -110px 2px;
    background-size: 130%;
    padding: 40px 0 0;
  }
}
@media (max-width: 420px) {
  #hero-hol19 {
    background-position: -52px 32px;
    background-size: 122%;
    padding: 45px 0 0;
  }
}
.herohome-wrapper {
  width: 940px;
  margin: 0 auto;
  padding-top: 7%;
  position: relative;
}
@media (max-width: 1000px) {
  .herohome-wrapper {
    width: 100%;
    padding-top: 10%;
  }
}
@media (max-width: 767px) {
  .herohome-wrapper {
    padding-top: 38%;
  }
}
.hero-promo-hol19 {
  font-family: "Proxima Nova";
  padding: .15em 0 2em;
  width: 43%;
  float: right;
  color: #111;
  background: url("/mj/common/img/promos/promo-device-20201202.png") bottom right no-repeat;
  background-size: 42%;
}
@media (max-width: 1500px) {
  .hero-promo-hol19 {
    padding: 2em 0;
    width: 44%;
    background-size: 41%;
  }
}
@media (max-width: 990px) {
  .hero-promo-hol19 {
    width: 46%;
    background-size: 42%;
    padding-left: 4px;
  }
}
@media (max-width: 767px) {
  .hero-promo-hol19 {
    width: 100%;
    float: none;
    background-size: 28%;
    background-color: #fff;
    padding: 1em 0 0 1em;
    border-bottom: #e5e5e5 solid 1px;
  }
}
@media (max-width: 550px) {
  .hero-promo-hol19 {
    background-size: 38%;
  }
}
@media (max-width: 415px) {
  .hero-promo-hol19 {
    background-size: 38%;
    padding-top: 6px;
  }
}
.hero-promo-hol19 h1 {
  color: #c6031d;
  font-size: 26px;
  font-weight: 500;
  margin: 10px 0 6px;
  text-transform: uppercase;
}
.hero-promo-hol19 img {
  width: 290px;
  margin: 0;
}
.hero-promo-hol19 ul {
  margin: 0px 0 8px 0px;
  padding: 6px 0 2px;
  font-size: 16px;
  line-height: 18px;
  width: 62%;
  list-style: none;
}
.hero-promo-hol19 li {
  margin: 0 0 6px;
}
.phone-hero-hol19 {
  margin: 15px 0 10px;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
}
@media (max-width: 990px) {
  .hero-promo-hol19 ul {
    font-size: 14px;
    line-height: 16px;
    width: 60%;
  }
  .phone-hero-hol19 {
    margin: 15px 0 10px;
    font-size: 13px;
    font-weight: 500;
  }
  .hero-promo-hol19 h1 {
    font-size: 23px;
    font-weight: 500;
  }
  .hero-promo-hol19 img {
    width: 270px;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .hero-promo-hol19 ul {
    font-size: 15px;
    line-height: 17px;
    width: 60%;
  }
  .phone-hero-hol19 {
    margin: 15px 0 24px;
    font-size: 14px;
    font-weight: 500;
  }
}
@media (max-width: 550px) {
  .hero-promo-hol19 ul {
    font-size: 14px;
    line-height: 16px;
  }
  .hero-promo-hol19 li {
    margin: 0 0 5px;
  }
  .phone-hero-hol19 {
    margin: 15px 0 26px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
  }
  .hero-promo-hol19 h1 {
    font-size: 22px;
    font-weight: 500;
  }
  .hero-promo-hol19 img {
    width: 260px;
    margin: 0;
  }
}
@media (max-width: 480px) {
  .hero-promo-hol19 ul {
    width: 70%;
    margin-bottom: 6px;
  }
  .phone-hero-hol19 {
    font-size: 12px;
    line-height: 14px;
  }
}
@media (max-width: 415px) {
  .hero-promo-hol19 ul {
    width: 65%;
    font-size: 13px;
    line-height: 15px;
  }
}
.mj-btn.red {
  border-radius: 5px;
  color: #fff;
  padding: 12px 20px;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  background: #c6031d;
  border: 1px solid #c6031d;
}
.mj-btn.red:hover {
  background: #fff;
  color: #c6031d;
  border: solid 1px #c6031d;
}
@media (max-width: 550px) {
  .mj-btn.red {
    padding: 10px 16px;
  }
}
/* END HOLIDAY 2020 */
/* START HOL SALE 2020 */
.hero-promo-holsale19 {
  font-family: "Proxima Nova";
  padding: .15em 0 2em;
  width: 43%;
  float: right;
  color: #111;
  background: url("/mj/common/img/promos/promo-device-20201202.png") bottom right no-repeat;
  background-size: 42%;
}
@media (max-width: 1500px) {
  .hero-promo-holsale19 {
    padding: 2em 0;
    width: 44%;
    background-size: 41%;
  }
}
@media (max-width: 990px) {
  .hero-promo-holsale19 {
    width: 46%;
    background-size: 42%;
    padding-left: 4px;
  }
}
@media (max-width: 767px) {
  .hero-promo-holsale19 {
    width: 100%;
    float: none;
    background-size: 28%;
    background-color: #fff;
    padding: 1em 0 0 1em;
    border-bottom: #e5e5e5 solid 1px;
  }
}
@media (max-width: 550px) {
  .hero-promo-holsale19 {
    background-size: 38%;
  }
}
@media (max-width: 415px) {
  .hero-promo-hol19 {
    background-size: 38%;
    padding-top: 6px;
  }
}
.hero-promo-holsale19 h1 {
  color: #c6031d;
  font-size: 26px;
  font-weight: 500;
  margin: 10px 0 6px;
  text-transform: uppercase;
}
.hero-promo-holsale19 img {
  width: 290px;
  margin: 0;
}
.hero-promo-holsale19 ul {
  margin: 0px 0 8px 0px;
  padding: 6px 0 2px;
  font-size: 16px;
  line-height: 18px;
  width: 62%;
  list-style: none;
}
.hero-promo-holsale19 li {
  margin: 0 0 6px;
}
@media (max-width: 990px) {
  .hero-promo-holsale19 ul {
    font-size: 14px;
    line-height: 16px;
    width: 60%;
  }
  .hero-promo-holsale19 h1 {
    font-size: 23px;
    font-weight: 500;
  }
  .hero-promo-holsale19 img {
    width: 270px;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .hero-promo-holsale19 ul {
    font-size: 15px;
    line-height: 17px;
    width: 60%;
  }
}
@media (max-width: 550px) {
  .hero-promo-holsale19 ul {
    font-size: 14px;
    line-height: 16px;
  }
  .hero-promo-holsale19 li {
    margin: 0 0 5px;
  }
  .hero-promo-holsale19 h1 {
    font-size: 22px;
    font-weight: 500;
  }
  .hero-promo-holsale19 img {
    width: 260px;
    margin: 0;
  }
}
@media (max-width: 480px) {
  .hero-promo-holsale19 ul {
    width: 70%;
    margin-bottom: 6px;
  }
}
@media (max-width: 415px) {
  .hero-promo-holsale19 ul {
    width: 65%;
    font-size: 13px;
    line-height: 15px;
  }
}
/* END HOL SALE 2020 */
/* START MARCH PROMO 20210301 */
.hero-promo-march21 {
    padding: 2em 0 1.15em 0;
    background-size: 72%;
}
.hero-promo-march21 img {
    width: 280px;
}
#hero-home.promo-march21 {
    background: url(/mj/common/img/promos/promo-background-20210301.jpg) no-repeat;
    background-size: 78%;
    background-position: 0px 90px;
}

.hero-promo-march21 h1 {
    text-transform: none;
}
.hero-promo-march21 .hero-discount {
    font-size: 28px;
    font-weight: 600;
}
.hero-promo-march21 .tax-fees {
    font-size: 15px;
    font-weight: 600;
}
.hero-promo-march21 .phone-hero {
    margin: 15px 0 8px;
}
@media (max-width: 1200px) {
	#hero-home.promo-march21 {
	    width: 100%;
	    background: url(/mj/common/img/promos/promo-background-20210301.jpg) no-repeat;
	    background-size: 92%;
    	background-position: -21px 90px;
	}
	.hero-promo-march21 {
	    background-size: 72%;
	    width: 45%;
	}
}
@media (max-width: 990px) {
    .hero-promo-march21 {
        width: 46%;
    }
    .hero-promo-march21 ul {
    	padding-bottom: 2px;
    }
}
@media (min-width: 768px) {
	.hero-promo-march21 h1 {
    	font-size: 23px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 990px)  {
	#hero-home.promo-march21{
        background-size: 124%;
    	background-position: -62px 90px;
	}
	.hero-promo-march21 h1 {
    	font-size: 1.1em;
	}
	.hero-promo-march21 img {
    	width: 278px;
	}
	.hero-promo-march21 ul {
    	line-height: 14px;
	}
}
@media (max-width: 767px) {
    .hero-promo-march21 {
        width: 100%;
        height: 46%;
        float: none;
        background-size: 58%;
        background-color: #fff;
        padding: 0.1em 1em 3em 1em;
        border-bottom: #e5e5e5 solid 1px;
    }
    .hero-promo-march21 ul {
	    font-size: 13px;
	}
	#hero-home.promo-march21 {
	    background-size: 166%;
    	background-position: 0px -50px;
	}
	.hero-promo-home.hero-promo-march21 {
	    background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
	    background-size: 39%;
	    background-color: #fff;
	    margin-top: 10px;
	    padding-bottom: 3em;
	    height: 63%;
	}
}
@media (max-width: 550px) {
	.hero-promo-home.hero-promo-march21 {
	  	background-size: 70%;
	  	padding-top: 18px;
	}
	.hero-promo-march21 ul {
	  	width: 70%;
	}
  	#hero-home.promo-march21 {
    	background-position: 0px 46px;
    	background-size: 98%;
	}
}
@media (max-width: 480px) {
	.hero-promo-home.hero-promo-march21 {
	    background-size: 58%;
	    background-color: #fff;
	}
	.hero-promo-home.hero-promo-march21 {
		height: 54%;
	}
	#hero-home.promo-march21 {
    	background-position: 0px 42px;
    	background-size: 114%;
	}
}
@media (max-width: 415px) {
  .hero-promo-home.hero-promo-march21 {
    background-size: 70%;
    padding-top: 18px;
  }
}
@media (max-width: 375px) {
	.hero-promo-home.hero-promo-march21 {
		height: 58%;
	}
}
@media (max-width: 360px) {
    .hero-promo-home.hero-promo-march21 {
        height: 60%;
    }
}
@media (max-width: 320px) {
    .hero-promo-home.hero-promo-march21 {
        height: 70%;
    }
	.hero-promo-march21 img {
    	width: 230px;
	}
	#hero-home.promo-march21 {
	    background-size: 112%;
    	background-position: 0px 54px;
	}
}
/* END MARCH PROMO 20210301 */
/* START DAYLIGHT SAVING MARCH PROMO 20210315 */
.hero-promo-march152021 {
    padding: 2em 0 1.15em 0;
    background-size: 72%;
    width: 50%;
}
.hero-promo-march152021 img {
    width: 300px;
}
#hero-home.promo-march152021 {
    background: url(/mj/common/img/promos/promo-background-20210315.jpg) no-repeat;
    background-size: 78%;
    background-position: 0px 78px;
}

.hero-promo-march152021 h1 {
    text-transform: none;
    font-size: 23px;
}
.hero-promo-march152021 .hero-discount {
    font-size: 28px;
    font-weight: 600;
}
.hero-promo-march152021 .tax-fees {
    font-size: 15px;
    font-weight: 600;
}
.hero-promo-march152021 ul {
    margin-top: 15px;
}
@media (max-width: 1200px) {
	#hero-home.promo-march152021 {
	    background-size: 96%;
    	background-position: 0px 86px;
	}
}
@media (max-width: 990px) {
    .hero-promo-march152021 {
        width: 46%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 990px)  {
	#hero-home.promo-march152021{
        background-size: 126%;
    	background-position: -62px 90px;
	}
	.hero-promo-march152021 img {
    	width: 278px;
	}
	.hero-promo-march152021 ul {
    	line-height: 14px;
	}
}
@media (max-width: 767px) {
    .hero-promo-march152021 ul {
	    font-size: 13px;
	}
	#hero-home.promo-march152021 {
	    background-position: 0px 76px;
    	background-size: 65%;
	}
	.hero-promo-home.hero-promo-march152021 {
	    background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
	    background-color: #fff;
	    margin-top: 10px;
	    padding-bottom: 3em;
	    height: 63%;
	    width: 100%;
        padding: 0.1em 1em 3em 1em;
        border-bottom: #e5e5e5 solid 1px;
	}
}
@media (max-width: 550px) {
	.hero-promo-home.hero-promo-march152021 {
	  	background-size: 70%;
	}
	.hero-promo-march152021 ul {
	  	width: 70%;
	}
}
@media (max-width: 480px) {
	.hero-promo-home.hero-promo-march152021 {
		height: 54%;
	}
	#hero-home.promo-march152021 {
    	background-position: 0px 42px;
    	background-size: 90%;
	}
}
@media (max-width: 375px) {
	.hero-promo-home.hero-promo-march152021 {
		height: 58%;
	}
}
@media (max-width: 360px) {
    .hero-promo-home.hero-promo-march152021 {
        height: 60%;
    }
}
@media (max-width: 320px) {
    .hero-promo-home.hero-promo-march152021 {
        height: 70%;
    }
	.hero-promo-march152021 img {
    	width: 230px;
	}
}
/* END DAYLIGHT SAVING MARCH PROMO 20210315 */
/* START APRIL PROMO 20210401 */
.hero-promo-april21 {
    padding: 2em 0 1.15em 0;
    background-size: 72%;
    width: 50%;
}
.hero-promo-april21 img {
    width: 300px;
}
#hero-home.promo-april21 {
	background: url(/mj/common/img/promos/promo-background-20210401.jpg) no-repeat;
    background-size: 85%;
    background-position: 0px 85px;
}

.hero-promo-april21 h1 {
    text-transform: none;
    font-size: 23px;
}
.hero-promo-april21 .hero-discount {
    font-size: 28px;
    font-weight: 600;
}
.hero-promo-april21 .tax-fees {
    font-size: 15px;
    font-weight: 600;
}
.hero-promo-april21 ul {
    margin-top: 15px;
}
@media only screen and (max-width: 1285px) and  (min-width: 1200px)  {
	#hero-home.promo-april21 {
	    background-size: 85%;
    	background-position: -26px 86px;
	}
}
@media only screen and (max-width: 1200px) and (min-width: 990px)  {
	#hero-home.promo-april21 {
	    background-size: 107%;
    	background-position: -140px 86px;
    	width: 100%;
	} 
}
@media (max-width: 990px) {
    .hero-promo-april21 {
	    background-size: 86%;
        width: 46%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 990px)  {
	#hero-home.promo-april21{
        background-size: 135%;
    	background-position: -150px 90px;
	}
	.hero-promo-april21 img {
    	width: 278px;
	}
	.hero-promo-april21 ul {
    	line-height: 14px;
	}
}
@media (max-width: 767px) {
    .hero-promo-april21 ul {
	    font-size: 13px;
	}
	#hero-home.promo-april21{
	    background-position: 0px 76px;
    	background-size: 65%;
	}
	.hero-promo-home.hero-promo-april21 {
	    background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
	    background-color: #fff;
	    margin-top: 10px;
	    padding-bottom: 3em;
	    height: 70%;
	    width: 100%;
    	background-size: 65%;
        padding: 0.1em 1em 3em 1em;
        border-bottom: #e5e5e5 solid 1px;
	}
}
@media (max-width: 550px) {
	.hero-promo-home.hero-promo-april21 {
	  	background-size: 70%;
	}
	.hero-promo-april21 ul {
	  	width: 70%;
	}
}
@media (max-width: 480px) {
	.hero-promo-home.hero-promo-april21 {
		height: 54%;
	}
	#hero-home.promo-april21 {
    	background-position: 0px 42px;
    	background-size: 90%;
	}
}
@media (max-width: 375px) {
	.hero-promo-home.hero-promo-april21 {
		height: 58%;
	}
}
@media (max-width: 360px) {
    .hero-promo-home.hero-promo-april21 {
        height: 64%;
    }
}
@media (max-width: 320px) {
    .hero-promo-home.hero-promo-april21 {
        height: 70%;
    }
	.hero-promo-april21 img {
    	width: 230px;
	}
}

/* END APRIL PROMO 20210401 */

/* START DEFAULT-PROMO CLARIFY CHANGES */

.hero-promo-home.hero-clarify.hero-now #div-Top{
	background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
	background-size: 47%;
	width: 90%;
	}
.hero-promo-home.hero-clarify.hero-now {
	background: none;
	}
.hero-promo-home.hero-clarify.hero-now .phone-hero{
	margin-top: 0px;
	width: 83%;
	font-weight: normal;
}
.hero-promo-home.hero-now.hero-clarify ul {
    width: 85%;
    list-style: none;
	}
.promo-default.default-hero-clarify .herohome-wrapper{
	width: 100%;
}
.hero-promo-home.hero-clarify.hero-now .phone-hero #In-Out-Text{
	width: 95%;
	font-weight: normal;
}
.hero-promo-home.hero-clarify.hero-now .phone-hero #text-Bottom{
	width: 110%;
	margin-top: 15px;
}
#div-Top img{
	width: 290px;
}
#div-Top #call-Us{
	font-weight: bold;
}
.hero-promo-home.hero-clarify.hero-now .phone-hero #In-Out-Text{
	margin-top: -10px;
	font-size: 13px;
}
.hero-promo-home.hero-clarify.hero-now .phone-hero #In-Out-Text li{
	margin-bottom: 0px;
}

@media (max-width: 1200px){
#hero-home.promo-default.default-hero-clarify{
      background-position: -180px 0px;
      background-size: cover;
      box-shadow: inset -330px 0 100px 0px #fff;
   }
}

@media only screen and (min-width:1024px) and (max-width:1024px)  {
#hero-home.promo-default.default-hero-clarify{
       background-position: -200px 0px;
       box-shadow: inset -400px 0 100px 0px #fff;
    }
.hero-promo-home.hero-clarify.hero-now #div-Top {
    background-size: 67%;
    width: 100%;
}
.hero-promo-home.hero-now.hero-clarify ul {
    width: 66%;
	}
}
@media only screen and (min-width:769px) and (max-width:990px)  {
	#hero-home.promo-default.default-hero-clarify{
       background-position: 30% 0px;
       box-shadow: inset -330px 0 100px 0px #fff;
    }
}
@media (max-width: 768px){
#hero-home.promo-default.default-hero-clarify{
       background-position: 20% 100%;
       background-size: 200%;
       box-shadow: inset -330px 0 100px 0px #fff;
    }
.hero-promo-home.hero-now.hero-clarify ul {
    width: 82%;
}
.hero-promo-home.hero-clarify.hero-now .phone-hero #In-Out-Text {
    width: 100%;
}
.hero-promo-home.hero-clarify.hero-now #div-Top {
    background-size: 57%;
    width: 100%;
}
.hero-promo-home.hero-clarify.hero-now .phone-hero #text-Bottom {
    width: 115%;
}
}
@media (max-width: 767px){   
.hero-promo-home.hero-now.hero-clarify { 
	 height: 106%;
	 background-color: #fff;
}
#hero-home.promo-default.default-hero-clarify {
   background-position: 30% 5%;
   background-size: 100%;
}
.hero-promo-home.hero-now.hero-clarify { 
 height: auto;
 background-color: #fff;
}
.hero-promo-home.hero-now.hero-clarify ul {
    width: 70%;
}
}
@media (max-width: 540px){  
#hero-home.promo-default.default-hero-clarify {
   background-position: 30% 7%;
   background-size: 100%;
   box-shadow: none;
}
.hero-promo-home.hero-now.hero-clarify { 
 height: auto;
 background-color: #fff;
}
.promo-default.default-hero-clarify .herohome-wrapper {
    padding-top: 46%;
}
.hero-promo-home.hero-clarify.hero-now #div-Top {
    background-size: 60%;
}
.hero-promo-home.hero-clarify.hero-now .phone-hero #In-Out-Text li{
	margin-top: 0px;
}
}
@media (max-width: 414px){   
.hero-promo-home.hero-clarify.hero-now #div-Top {
    background-size: 62%;
}
}
@media (max-width: 375px){   
.hero-promo-home.hero-clarify.hero-now #div-Top {
	background-size: 68%;
}
}
@media (max-width: 360px){   
	.hero-promo-home.hero-clarify.hero-now .phone-hero #In-Out-Text {
    	font-size: 12px;
	}
}
@media (max-width: 320px){   
    .hero-promo-home.hero-now.hero-clarify li {
    width: 91%;
	}
	.hero-promo-home.hero-clarify.hero-now #div-Top {
	background-size: 62%;
	}
	#div-Top #call-Us{
	font-size: 12px;
}
}
@media (max-width: 280px){   
.hero-promo-home.hero-now.hero-clarify li {
	width: 79%;
}
.hero-promo-home.hero-clarify.hero-now #div-Top {
	background-size: 73%;
    width: 108%;
}
#div-Top img {
	width: 250px;
}
}

/* END DEFAULT-PROMO CLARIFY CHANGES */

/* START PROMO-21 CLARIFY CHANGES */


#hero-home.promo-april21.hero-clarify-outer .herohome-wrapper{
	width:100%;
}
.hero-promo-april21.hero-promo-home.hero-clarify #div-Top{
	background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
	background-size: 47%;
    width: 93%;
}
.hero-promo-home.hero-clarify img {
    width: 250px;
}
.hero-promo-april21.hero-clarify .phone-hero{
	padding-right: 4px;
	margin-top: 0px;
	width: 92%;
	font-weight: normal;
}
.hero-promo-april21.hero-clarify .tax-fees {
	font-weight: normal;
}
.hero-promo-april21.hero-clarify .hero-discount {
    font-size: 36px;
}
.hero-promo-april21.hero-clarify ul{
	width: 70%;
	font-size: 16px;
}
.hero-promo-april21.hero-promo-home.hero-clarify{
	height: 600px;
}
#hero-home.promo-april21.hero-clarify-outer{
	background-size: cover;
	background-position: -200px 35px;
}
.hero-promo-april21.hero-promo-home.hero-clarify{
	background: none;
}
#call-Us{
	font-weight: bold;
}
.hero-promo-april21.hero-promo-home.hero-clarify .phone-hero #In-Out-Text{
    font-weight: normal;
    font-size: 13px;
    width: 89%;
    margin-top: -1%
}
.hero-promo-april21.hero-promo-home.hero-clarify .phone-hero #In-Out-Text li{
	margin-top: -10px;
}
#text-Bottom{
	margin-top: 2%;
}
@media only screen and (max-width: 1100px) and  (min-width: 1025px)  {
	.hero-promo-april21.hero-promo-home.hero-clarify {
    height: 630px;
}
}
@media only screen and (max-width: 1024px) and  (min-width: 1024px)  {
.hero-promo-april21.hero-promo-home.hero-clarify {
    height: 45%;
}
.hero-promo-april21.hero-clarify .phone-hero {
    width: 98%;
}
.hero-promo-april21.hero-promo-home.hero-clarify #div-Top {
    background-size: 60%;
    width: 100%;
}
}
@media only screen and (max-width: 1023px) and  (min-width: 991px)  {
	.hero-promo-april21.hero-promo-home.hero-clarify {
    height: 620px;
}
}
@media only screen and (max-width: 990px) and  (min-width: 769px)  {
.hero-promo-april21.hero-clarify ul {
    width: 90%;
}
.hero-promo-april21.hero-promo-home.hero-clarify{
	height: 125%;
}
#hero-home.promo-april21.hero-clarify-outer{
	background-size: cover;
	background-position: 30% 35px;
}
}
@media (max-width: 768px) {
.hero-promo-april21.hero-clarify ul {
    width: 97%;
}
.hero-promo-home.hero-clarify.hero-now .phone-hero #In-Out-Text{
	width: 100%;
}
#hero-home.promo-april21.hero-clarify-outer {
    background-position: -300px 35px;
}
.hero-promo-april21.hero-promo-home.hero-clarify {
    height: 61%;
}
.hero-promo-april21.hero-promo-home.hero-clarify #div-Top {
    background-size: 52%;
    width: 100%;
}
}
@media (max-width: 768px) {
.hero-promo-april21.hero-clarify ul {
    width: 97%;
}
}
@media only screen and (max-width: 767px){
	#hero-home.promo-april21.hero-clarify-outer {
    background-size: 100%;
    background-position: 0px 35px;
	}
	.hero-promo-april21.hero-promo-home.hero-clarify {
    height: 120%;
    padding-top: 10%;
	}
	.hero-promo-april21.hero-clarify ul {
    width: 80%;
	}
}
@media (max-width: 540px){
.hero-promo-april21.hero-promo-home.hero-clarify {
    height: 90%;
    padding-top: 4%;
}
#hero-home.promo-april21.hero-clarify-outer {
    background-size: 62%;
    background-position: 0px 76px;
}
.hero-promo-april21.hero-promo-home.hero-clarify #div-Top {
    background-size: 57%;
}
}
@media (max-width: 414px){
.hero-promo-april21.hero-promo-home.hero-clarify {
    height: 90%;
}
#hero-home.promo-april21.hero-clarify-outer {
    background-position: 0px 56px;
    background-size: 82%;
}
.hero-promo-april21.hero-promo-home.hero-clarify #div-Top {
    background-size: 53%;
}
}
@media (max-width: 411px){
.hero-promo-april21.hero-promo-home.hero-clarify {
    height: 640px;
}
.hero-promo-april21.hero-clarify ul {
    width: 86%;
}
}
@media (max-width: 375px){
.hero-promo-april21.hero-promo-home.hero-clarify {
    height: 690px;
}
.hero-promo-april21.hero-promo-home.hero-clarify #div-Top {
    background-size: 51%;
}
}
@media (max-width: 360px){
.hero-promo-april21.hero-promo-home.hero-clarify {
        height: 115%;
        padding-top: 4%;
}
.hero-promo-april21.hero-promo-home.hero-clarify #div-Top {
    background-size: 67%;
}
}
@media (max-width: 320px) {
.hero-promo-april21.hero-promo-home.hero-clarify {
        height: 127%;
}
.hero-promo-april21.hero-promo-home.hero-clarify #div-Top{
   background-size: 63%;
   width: 109%;
}
}
@media (max-width: 280px) {
.hero-promo-april21.hero-promo-home.hero-clarify {
        height: 115%;
    }
}
/* END PROMO-21 CLARIFY CHANGES */


/* START JUNE PROMO 20210618 */

#hero-home.promo-june21 {
    background: url(/mj/common/img/promos/promo-background-20210618.png) no-repeat;
    background-position: 0px 80px;
    background-size: cover;
}
.promo-june21 .herohome-wrapper {
    width: 100%;
}
.hero-promo-home.hero-promo-june21 {
    background: none;
}
.hero-promo-june21 #div-Top{
    background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
    background-size: 47%;
    width: 90%;
}
.hero-promo-june21 #div-Top img{
	width:250px;
}
.hero-promo-june21 #div-Top h1 {
	text-transform: initial;
	font-size: 23px;
	font-weight: 600;
}
.hero-promo-june21 ul {
    width: 66%;
    list-style: none;
}
.hero-promo-home.hero-promo-june21 .phone-hero {
    margin-top: 0px;
    width: 83%;
    font-weight: normal;
}
.hero-promo-home.hero-promo-june21 .phone-hero #In-Out-Text {
    margin-top: -10px;
    font-size: 13px;
    width: 95%;
    font-weight: normal;
}
.hero-promo-home.hero-promo-june21 .phone-hero #In-Out-Text li {
    margin-bottom: 0px;
}
.hero-promo-home.hero-promo-june21 .phone-hero #text-Bottom {
    width: 110%;
    margin-top: 15px;
}


@media (max-width: 1200px){
#hero-home.promo-june21{
      background-position: 0px 0px;
      background-size: cover;
   }
#hero-home.promo-june21{
    box-shadow: inset -550px 0 100px 0px #fff;
}
}
@media only screen and (min-width:1024px) and (max-width:1024px)  {
#hero-home.promo-june21{
	background-position: 20% 70px;
    box-shadow: inset -550px 0 100px 0px #fff;
}
.hero-promo-home.hero-promo-june21 #div-Top {
    background-size: 67%;
    width: 100%;
}
}
@media only screen and (min-width:769px) and (max-width:990px)  {
#hero-home.promo-june21{
       background-position: 10% 0px;
       box-shadow: inset -350px 0 100px 0px #fff;
    }
}
@media (max-width: 768px){
#hero-home.promo-june21{
       background-position: 15% 70px;
       background-size: cover;
           box-shadow: inset -400px 0 100px 0px #fff;
       
}
.hero-promo-home.hero-promo-june21 ul {
    width: 82%;
}
.hero-promo-home.hero-promo-june21 .phone-hero #In-Out-Text {
    width: 100%;
}
.hero-promo-home.hero-promo-june21 #div-Top {
    background-size: 57%;
    width: 100%;
}
.hero-promo-home.hero-promo-june21 .phone-hero #text-Bottom {
    width: 115%;
}
}
@media (max-width: 767px){   
.hero-promo-home.hero-promo-june21 { 
	 height: 120%;
	 background-color: #fff;
}
#hero-home.promo-june21 {
   background-position: 30% 5%;
   background-size: 100%;
   box-shadow: none;
}
.hero-promo-home.hero-promo-june21 ul {
    width: 70%;
}
}
@media (max-width: 540px){  
#hero-home.promo-june21 {
   background-position: 30% 5%;
   background-size: 100%;
}
.hero-promo-home.hero-promo-june21 { 
 height: 82%;
 background-color: #fff;
}
#hero-home.promo-june21 .herohome-wrapper {
    padding-top: 46%;
}
.hero-promo-home.hero-promo-june21 #div-Top {
    background-size: 60%;
}
.hero-promo-home.hero-promo-june21 .phone-hero #In-Out-Text li{
	margin-top: 0px;
}
}
@media (max-width: 414px){   
.hero-promo-home.hero-promo-june21 { 
   	height: 90%;
}
.hero-promo-home.hero-promo-june21 #div-Top {
    background-size: 75%;
}
#hero-home.promo-june21 {
    background-position: 30% 9%;
}
}
@media (max-width: 411px){   
   .hero-promo-home.hero-promo-june21 { 
   		height: 660px;
	}
}
@media (max-width: 375px){   
.hero-promo-home.hero-promo-june21 #div-Top {
	background-size: 68%;
}
}
@media (max-width: 360px){   
   .hero-promo-home.hero-promo-june21 { 
   		height: 104%;
	}
	.hero-promo-home.hero-promo-june21 .phone-hero #In-Out-Text {
    	font-size: 12px;
	}
}
@media (max-width: 320px){   
	.hero-promo-home.hero-promo-june21 { 
   		height: 132%;
	}
    .hero-promo-home.hero-promo-june21 li {
    width: 91%;
	}
	.hero-promo-home.hero-promo-june21 #div-Top {
	background-size: 80%;
	}
	#div-Top #call-Us{
	font-size: 12px;
}
}
@media (max-width: 280px){
.hero-promo-home.hero-promo-june21 {
    height: 120%;
}
.hero-promo-home.hero-promo-june21 li {
	width: 79%;
}
.hero-promo-home.hero-promo-june21 #div-Top {
	background-size: 73%;
    width: 108%;
}
#div-Top img {
	width: 250px;
}
}

/* END JUNE PROMO 20210618 */

/* START JULY PROMO 20210701 */

#hero-home.promo-july21 {
    background: url(/mj/common/img/promos/promo-background-20210701.jpg) no-repeat;
    background-position: -70px 0px;
    background-size: cover;
}
.promo-july21 .herohome-wrapper {
    width: 100%;
}
.hero-promo-home.hero-promo-july21 {
    background: none;
}
.hero-promo-july21 #div-Top{
    background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
    background-size: 47%;
    width: 90%;
}
.hero-promo-july21 #div-Top img{
	width:250px;
}
.hero-promo-july21 #div-Top h1 {
	text-transform: initial;
	font-size: 23px;
	font-weight: 600;
}
.hero-promo-july21 ul {
    width: 66%;
    list-style: none;
}
.hero-promo-home.hero-promo-july21 .phone-hero {
    margin-top: 0px;
    width: 83%;
    font-weight: normal;
}
.hero-promo-home.hero-promo-july21 .phone-hero #In-Out-Text {
    margin-top: -10px;
    font-size: 13px;
    width: 95%;
    font-weight: normal;
}
.hero-promo-home.hero-promo-july21 .phone-hero #In-Out-Text li {
    margin-bottom: 0px;
}
.hero-promo-home.hero-promo-july21 .phone-hero #text-Bottom {
    width: 110%;
    margin-top: 15px;
}

@media (max-width: 1200px){
#hero-home.promo-july21{
      background-position: -30px 0px;
      background-size: 100%;
   }
#hero-home.promo-july21{
    box-shadow: inset -550px 0 100px 0px #fff;
}
}
@media only screen and (min-width:1024px) and (max-width:1024px)  {
#hero-home.promo-july21{
	background-size: 100%;
	background-position: -30px 15px;
    box-shadow: inset -550px 0 100px 0px #fff;
}
.hero-promo-home.hero-promo-july21 #div-Top {
    background-size: 67%;
    width: 100%;
}
}
@media (max-width: 768px){
#hero-home.promo-july21{
       background-position: -30px 45px;
       background-size: 105%;
       box-shadow: inset -400px 0 100px 0px #fff;      
}
.hero-promo-home.hero-promo-july21 ul {
    width: 82%;
}
.hero-promo-home.hero-promo-july21 .phone-hero #In-Out-Text {
    width: 100%;
}
.hero-promo-home.hero-promo-july21 #div-Top {
    background-size: 57%;
    width: 100%;
}
.hero-promo-home.hero-promo-july21 .phone-hero #text-Bottom {
    width: 115%;
}
}
@media (max-width: 767px){   
.hero-promo-home.hero-promo-july21 { 
	 height: 130%;
	 background-color: #fff;
}
#hero-home.promo-july21 {
   background-position: 30% 5%;
   background-size: 100%;
   box-shadow: none;
}
.hero-promo-home.hero-promo-july21 ul {
    width: 70%;
}
}
@media (max-width: 540px){  
#hero-home.promo-july21 {
   background-position: 30% 5%;
   background-size: 100%;
}
.hero-promo-home.hero-promo-july21 { 
 height: 85%;
 background-color: #fff;
}
#hero-home.promo-july21 .herohome-wrapper {
    padding-top: 46%;
}
.hero-promo-home.hero-promo-july21 #div-Top {
    background-size: 60%;
}
.hero-promo-home.hero-promo-july21 .phone-hero #In-Out-Text li{
	margin-top: 0px;
}
}
@media (max-width: 414px){   
.hero-promo-home.hero-promo-july21 { 
   	height: 90%;
}
.hero-promo-home.hero-promo-july21 #div-Top {
    background-size: 75%;
}
#hero-home.promo-july21 {
    background-position: 30% 5%;
    background-size: 120%;
}
}
@media (max-width: 411px){   
.hero-promo-home.hero-promo-july21 { 
	height: 680px;
}
}
@media (max-width: 375px){   
.hero-promo-home.hero-promo-july21 #div-Top {
	background-size: 68%;
}
}
@media (max-width: 360px){   
.hero-promo-home.hero-promo-july21 { 
	height: 110%;
}
.hero-promo-home.hero-promo-july21 .phone-hero #In-Out-Text {
	font-size: 12px;
}
}
@media (max-width: 320px){   
.hero-promo-home.hero-promo-july21 { 
	height: 140%;
}
.hero-promo-home.hero-promo-july21 li {
	width: 91%;
}
.hero-promo-home.hero-promo-july21 #div-Top {
	background-size: 80%;
}
.hero-promo-july21 #div-Top #call-Us{
	font-size: 12px;
}
}
@media (max-width: 280px){
.hero-promo-home.hero-promo-july21 {
    height: 130%;
}
.hero-promo-home.hero-promo-july21 li {
	width: 79%;
}
.hero-promo-home.hero-promo-july21 #div-Top {
	background-size: 73%;
    width: 108%;
}
.hero-promo-july21 #div-Top img {
	width: 250px;
}
}

/* END JULY PROMO 20210701 */

/* COMMON PROMO CSS */

.promo-div #div-Top {
	background: url(/mj/common/img/hero/home_switch.png) bottom right
		no-repeat;
	background-size: 47%;
	width: 90%;
}

.promo-section .herohome-wrapper {
	width: 100%;
}

@media ( min-width : 1340px) {
	.promo-section .herohome-wrapper, .promo-default.default-hero-clarify .herohome-wrapper {
		width: 1320px;
	}
}
.hero-promo-home.promo-div {
	background: none;
}

.promo-div #div-Top img {
	width: 250px;
}

.promo-div #div-Top h1 {
	text-transform: initial;
	font-size: 23px;
	font-weight: 600;
}

.promo-div ul {
	width: 66%;
	list-style: none;
}

.hero-promo-home.promo-div .phone-hero {
	margin-top: 0px;
	width: 83%;
	font-weight: normal;
}

.hero-promo-home.promo-div .phone-hero #In-Out-Text {
	margin-top: -10px;
	font-size: 13px;
	width: 95%;
	font-weight: normal;
}

.hero-promo-home.promo-div .phone-hero #In-Out-Text li {
	margin-bottom: 0px;
}

.hero-promo-home.promo-div .phone-hero #text-Bottom {
	width: 110%;
	margin-top: 15px;
}

@media only screen and (max-width:1024px) {
	.hero-promo-home.promo-div #div-Top {
		background-size: 62%;
		width: 100%;
	}
}

@media ( max-width : 768px) {
	.hero-promo-home.promo-div ul {
		width: 82%;
	}
	.hero-promo-home.promo-div .phone-hero #In-Out-Text {
		width: 100%;
	}
	.hero-promo-home.promo-div #div-Top {
		background-size: 57%;
		width: 100%;
	}
	.hero-promo-home.promo-div .phone-hero #text-Bottom {
		width: 115%;
	}
	.promo-div .features {
		font-size: 13px;
	}
	.promo-div li {
		margin: 0;
	}
}

@media ( max-width : 767px) {
	.hero-promo-home.promo-div {
		height: 180%;
	}
}

@media ( max-width : 540px) {
	.hero-promo-home.promo-div {
		height: 82%;
	}
	.hero-promo-home.promo-div #div-Top {
		background-size: 60%;
	}
	.hero-promo-home.promo-div .phone-hero #In-Out-Text li {
		margin-top: 0px;
	}
}

@media ( max-width : 414px) {
	.hero-promo-home.promo-div #div-Top {
		background-size: 75%;
	}
}

@media ( max-width : 375px) {
	.hero-promo-home.promo-div #div-Top {
		background-size: 68%;
	}
}

@media ( max-width : 360px) {
	.hero-promo-home.promo-div .phone-hero #In-Out-Text {
		font-size: 12px;
	}
}

@media ( max-width : 320px) {
	.hero-promo-home.promo-div li {
		width: 91%;
	}
	.hero-promo-home.promo-div #div-Top {
		background-size: 80%;
	}
}

@media ( max-width : 280px) {
	.hero-promo-home.promo-div li {
		width: 79%;
	}
	.hero-promo-home.promo-div #div-Top {
		background-size: 73%;
		width: 108%;
	}
}
/* COMMON PROMO CSS */

/* START  LABOR DAY PROMO 20210901 */
#hero-home.promo-laborDay21 {
	background: url(/mj/common/img/promos/promo-background-20210901.png)
		no-repeat;
	background-position: 0px 70px;
	background-size: 88%;
}

@media only screen and (max-width:1024px) {
	#hero-home.promo-laborDay21 {
		background-size: 115%;
		background-position: -35px 88px;
	}
}

@media ( max-width : 768px) {
	#hero-home.promo-laborDay21 {
		background-size: 118%;
		background-position: -35px 92px;
	}
}

@media ( max-width : 767px) {
	#hero-home.promo-laborDay21 .herohome-wrapper {
		padding-top: 52%;
	}
	.hero-promo-home.hero-promo-laborDay21 ul {
		width: 61%;
	}
}

@media ( max-width : 540px) {
	#hero-home.promo-laborDay21 {
		background-position: 30% 5%;
		background-size: 100%;
	}
}

@media ( max-width : 414px) {
	.hero-promo-home.hero-promo-laborDay21 {
		height: 82%;
	}
	#hero-home.promo-laborDay21 {
		background-position: 30% 9%;
	}
}

@media ( max-width : 411px) {
	.hero-promo-home.hero-promo-laborDay21 {
		height: 660px;
	}
}

@media ( max-width : 360px) {
	.hero-promo-home.hero-promo-laborDay21 {
		height: 104%;
	}
}

@media ( max-width : 320px) {
	.hero-promo-home.hero-promo-laborDay21 {
		height: 132%;
	}
}

@media ( max-width : 280px) {
	.hero-promo-home.hero-promo-laborDay21 {
		height: 120%;
	}}

/* END LABOR DAY PROMO 20210901 */


/* START SEPT FALL PROMO 20210907 */
#hero-home.promo-sept21 {
	background: url(/mj/common/img/promos/promo-background-20210907.png)
		no-repeat;
	background-position: 0px 70px;
	background-size: 100%;
}

@media only screen and (max-width:1024px) {
	#hero-home.promo-sept21 {
		background-size: 100%;
		background-position: 0px 88px;
	}
}

@media ( max-width : 767px) {
	#hero-home.promo-sept21 .herohome-wrapper {
		padding-top: 40%;
	}
	.hero-promo-home.hero-promo-sept21 ul {
		width: 61%;
	}
}

@media ( max-width : 540px) {
	#hero-home.promo-sept21 {
		background-position: 30% 5%;
	}
}

@media ( max-width : 414px) {
	.hero-promo-home.hero-promo-sept21 {
		height: 82%;
	}
}

@media ( max-width : 411px) {
	.hero-promo-home.hero-promo-sept21 {
		height: 660px;
	}
}

@media ( max-width : 360px) {
	.hero-promo-home.hero-promo-sept21 {
		height: 104%;
	}
}

@media ( max-width : 320px) {
	.hero-promo-home.hero-promo-sept21 {
		height: 132%;
	}
}

@media ( max-width : 280px) {
	.hero-promo-home.hero-promo-sept21 {
		height: 120%;
	}}

/* END SEPT FALL PROMO 20210907 */
/* START OCT PROMO 20211004 */
#hero-home.promo-oct21 {
	background: url(/mj/common/img/promos/promo-background-20211004.png) no-repeat;
	background-position: 0px 70px;
	background-size: 100%;
}

.hero-promo-home.hero-promo-oct21 .under_line{
	border-bottom: 7px solid brown;
}

.hero-promo-home.hero-promo-oct21 {
    width: 60%;
}

.hero-promo-home.hero-promo-oct21 #mj_logo{
	padding-top:3%;
	margin-left: 60%;
}

#text_top_1, #text_top_2{
	font-size: 40px;
}

.hero-promo-home.hero-promo-oct21 h1 {
    padding: 0px;
}

.hero-promo-oct21 #div-Top #btn, .hero-promo-oct21 #div-Top #call-Us{
	margin-left: 10%;
}

.hero-promo-home.hero-promo-oct21 .phone-hero {
    margin-left: 9%;
    width: 75%;
}

.hero-promo-home.hero-promo-oct21 .strikethrough:before {
  position: absolute;
  content: "";
  left: -25%;
  top: 40%;
  right: 0;
  border-top: 7px solid brown;
  transform:rotate(-50deg);
  width: 150%;
}

.hero-promo-home.hero-promo-oct21 .strikethrough {
	position: relative;
}

@media (min-width:1600px) {
	#hero-home.promo-oct21 {
		background-size: 85%;
		background-position: 0px 0px;
	}
}

@media (min-width:2500px) {
	#hero-home.promo-oct21 {
		background-size: contain;
		background-position: 45% 70px;
	}
}

@media only screen and (min-width:1025px) and (max-width:1200px) {
	#hero-home.promo-oct21 {
		background-size: cover;
		background-position: 0px 88px;
	}
	.hero-promo-home.hero-promo-oct21{
		width: 55%;
	}
	#text_top_1{
		font-size: 39px;
	}
	#text_top_2{
		font-size: 36px;
	}
	.hero-promo-home.hero-promo-oct21 #mj_logo{
		margin-left: 45%;
		padding-top: 5%;
	}
}

@media only screen and (min-width:1024px) and (max-width:1024px)  {
	#hero-home.promo-oct21 {
		background-size: cover;
		background-position: -80px 88px;
	}
	.hero-promo-home.hero-promo-oct21{
		padding-top: 10px;
	}
	.hero-promo-home.hero-promo-oct21 .phone-hero {
    	margin-left: 10%;
 	}
 	.hero-promo-home.hero-promo-oct21 #mj_logo{
		margin-left: 55%;
	}
}

@media only screen and (min-width:769px) and (max-width:1023px)  {
	
	#hero-home.promo-oct21 {
		background-size: cover;
		background-position: -80px 88px;
	}
	.hero-promo-home.hero-promo-oct21 #mj_logo {
    	margin-left: 37%;
	}
	#text_top_1 {
    	font-size: 33px;
	}
	#text_top_2 {
    	font-size: 31px;
	}
}

@media only screen and (min-width:768px) and (max-width:768px)  {
	#hero-home.promo-oct21 {
	    box-shadow: inset 0px 0px 300px -100px #fff;
	    background-position: -100px 88px;
	    background-size: cover;
	}
	.hero-promo-home.hero-promo-oct21 #mj_logo{
		margin-left: 40%;
		margin-top: 10px;
	}
	#text_top_1{
		font-size: 32px;
	}
	#text_top_2{
		font-size: 30px;
	}
	.hero-promo-home.hero-promo-oct21 .under_line{
		border-bottom: 5px solid brown;
	}
	.hero-promo-home.hero-promo-oct21 #div-Top {
	    background-size: 55%;
	}
}

@media ( max-width : 767px) {
	#hero-home.promo-oct21 {
    	background-size: 100%;
	}
	#hero-home.promo-oct21 .herohome-wrapper {
		padding-top: 70%;
	}
	.hero-promo-home.hero-promo-oct21 ul {
		width: 61%;
	}
	.hero-promo-home.hero-promo-oct21 #mj_logo {
	    margin-left: 0px;
	}
	.hero-promo-home.hero-promo-oct21 .under_line {
	    border-bottom: 4px solid brown;
	}
	.hero-promo-home.hero-promo-oct21 .strikethrough:before {
	    border-top: 4px solid brown;
	}
	.hero-promo-home.hero-promo-oct21 .phone-hero {
	   margin-left: 0px;
	   width: 100%;
	}
	.hero-promo-oct21 #div-Top #call-Us, .hero-promo-oct21 #div-Top #btn {
	    margin-left: 0px;
	}
	.hero-promo-home.hero-promo-oct21 #div-Top {
    	width: 165%;
	}
	.hero-promo-home.hero-promo-oct21 {
		height: 140%;
	}
	#text_top_1{
		font-size: 29px;
	}
	#text_top_2{
		font-size: 27px;
	}
}

@media ( max-width : 540px) {
	.hero-promo-home.hero-promo-oct21 #div-Top {
	    background-size: 55%;
	    width: 100%;
	}
	.hero-promo-home.hero-promo-oct21 .phone-hero {
    	width: 75%;
	}
	.hero-promo-home.hero-promo-oct21 {
    	width: 100%;
	}
	.hero-promo-home.hero-promo-oct21{
	    height: 87%;
	    background-color: #fff;
	}
	#hero-home.promo-oct21 {
		background-size: 100%;
		background-position: 30% 5%;
	}
	#hero-home.promo-oct21 .herohome-wrapper {
    	padding-top: 50%;
	}
}

@media ( max-width : 414px) {
	.hero-promo-home.hero-promo-oct21 {
    	height: 92%;
	}
	#text_top_1 {
    	font-size: 29px;
	}
	#text_top_2 {
    	font-size: 27px;
	}
	#hero-home.promo-oct21 .herohome-wrapper {
    	padding-top: 45%;
	}
}

@media ( max-width : 375px) {
	.hero-promo-home.hero-promo-oct21 {
		height: 110%;
	}
}

@media ( max-width : 360px) {
	#text_top_1, #text_top_2 {
    	font-size: 25px;
	}
}

@media ( max-width : 320px) {
	.hero-promo-home.hero-promo-oct21 {
		height: 142%;
	}
}

/* END OCT PROMO 20211004 */


/* START HALLOWEEN PROMO */
#hero-home.promo-halloween21 {
	background: url(/mj/common/img/promos/promo-background-20211028.png) no-repeat;
	background-position: 0px 0px;
	background-size: 110%;
}

.promo-div #div-Top-halloween21 {
	background: url(/mj/common/img/hero/home_switch-halloween.png) bottom right
		no-repeat;
	background-size: 55%;
	width: 90%;
}

@media only screen and (max-width:1200px) {
	#hero-home.promo-halloween21 {
		background-size: 120%;
	}
}

@media only screen and (max-width:1024px) {
	#hero-home.promo-halloween21 {
		background-size: 135%;
	}
	.promo-div #div-Top-halloween21 {
    	background-size: 60%;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-halloween21 {
		background-size: cover;
		background-position: -80px 90px;
	}
}

@media ( max-width : 768px) {
	#hero-home.promo-halloween21 {
		background-size: 180%;
		background-position: -100px 0px;
	}	
	.promo-div #div-Top-halloween21 {
    background-size: 53%;
	}
}

@media ( max-width : 767px) {
	#hero-home.promo-halloween21 {
		background-size: 100%;
		background-position: 0px 60px;
	}
	#hero-home.promo-halloween21 .herohome-wrapper {
		padding-top: 70%;
	}
	.hero-promo-home.hero-promo-halloween21 ul {
		width: 61%;
	}
	.hero-promo-home.hero-promo-halloween21 {
    	height: 120%;
	}
}

@media ( max-width : 540px) {
	#hero-home.promo-halloween21 {
		background-position: 30% 5%;
	}	
	.hero-promo-home.hero-promo-halloween21 {
    	height: 85%;
    	background-color: #fff;
	}
	#hero-home.promo-halloween21 .herohome-wrapper {
    	padding-top: 52%;
	}
	
}

@media ( max-width : 414px) {
	#hero-home.promo-halloween21 .herohome-wrapper {
    	padding-top: 45%;
	}
	.promo-div #div-Top-halloween21 {
    	background-size: 60%;
    	width: 100%;
	}
}

@media ( max-width : 375px) {
	.hero-promo-home.hero-promo-halloween21 {
    	height: 105%;
	}
	#hero-home.promo-halloween21 .herohome-wrapper {
    	padding-top: 46%;
	}	
}

@media ( max-width : 360px) {
	.hero-promo-home.hero-promo-halloween21 {
		height: 110%;
	}
}

@media ( max-width : 320px) {
	.hero-promo-home.hero-promo-halloween21 {
		height: 130%;
	}
	#div-Top-halloween21 #call-Us{
		font-size: 12px;
	}
	#hero-home.promo-halloween21 .herohome-wrapper {
    	padding-top: 43%;
	}
}

@media ( max-width : 280px) {
	.hero-promo-home.hero-promo-halloween21 {
		height: 140%;
	}
	#hero-home.promo-halloween21 .herohome-wrapper {
    	padding-top: 48%;
	}
}

/* END HALLOWEEN PROMO */

/* START NOV PROMO 20211101 */
#hero-home.promo-nov21 {
	background: url(/mj/common/img/promos/promo-background-20211004.png) no-repeat;
	background-position: 0px 70px;
	background-size: 100%;
}

.hero-promo-home.hero-promo-nov21 {
    width: 60%;
}

.hero-promo-home.hero-promo-nov21 h1 {
    font-size: 2.5em;
    font-weight: 600;
}
.hero-promo-home.hero-promo-nov21 img{
	width: 280px;
}

@media (min-width:1600px) {
	#hero-home.promo-nov21 {
		background-size: 85%;
		background-position: 0px 0px;
	}
}

@media (min-width:2500px) {
	#hero-home.promo-nov21 {
		background-size: contain;
		background-position: 45% 70px;
	}
}

@media only screen and (min-width:1025px) and (max-width:1200px) {
	#hero-home.promo-nov21 {
		background-size: cover;
		background-position: 0px 88px;
	}
	.hero-promo-home.hero-promo-nov21{
		width: 55%;
	}
}

@media only screen and (min-width:1024px) and (max-width:1024px)  {
	#hero-home.promo-nov21 {
		background-size: cover;
		background-position: -80px 88px;
	}
	.hero-promo-home.hero-promo-nov21{
		padding-top: 10px;
	}
}

@media only screen and (min-width:769px) and (max-width:1023px)  {
	
	#hero-home.promo-nov21 {
		background-size: cover;
		background-position: -150px 88px;
	}
	.hero-promo-home.hero-promo-nov21 #div-Top {
		background-size: 55%;
		width: 90%;
	}
}

@media only screen and (min-width:768px) and (max-width:768px)  {
	#hero-home.promo-nov21 {
	    box-shadow: inset 0px 0px 300px -100px #fff;
	    background-position: -120px 88px;
	    background-size: cover;
	}
	.hero-promo-home.hero-promo-nov21 #div-Top {
	    background-size: 55%;
	}
	.hero-promo-home.hero-promo-nov21 h1 {
    	padding-top: 10px;
    	font-size: 2em;
	}
	.hero-promo-home.hero-promo-nov21 img{
		width: 250px;
	}
}

@media ( max-width : 767px) {
	#hero-home.promo-nov21 {
    	background-size: 100%;
	}
	#hero-home.promo-nov21 .herohome-wrapper {
		padding-top: 70%;
	}
	.hero-promo-home.hero-promo-nov21 ul {
		width: 61%;
	}
	.hero-promo-home.hero-promo-nov21 .phone-hero {
	   margin-left: 0px;
	   width: 150%;
	}
	.hero-promo-home.hero-promo-nov21 #div-Top {
    	width: 160%;
    	background-size: 55%;
	}
	.hero-promo-home.hero-promo-nov21 {
		height: 130%;
	}
	.hero-promo-home.hero-promo-nov21 h1{
		font-size: 28px;
		width: 150%;
		padding-top: 0px;
	}
	.hero-promo-home.hero-promo-nov21 #price{
		font-size: 28px;
	}
}

@media ( max-width : 540px) {
	.hero-promo-home.hero-promo-nov21 #div-Top {
	    background-size: 55%;
	    width: 100%;
	}
	.hero-promo-home.hero-promo-nov21 .phone-hero {
    	width: 83%;
	}
	.hero-promo-home.hero-promo-nov21 {
    	width: 100%;
	    height: 87%;
	    background-color: #fff;
	}
	.hero-promo-home.hero-promo-nov21 h1, #price{
		font-size: 28px;
		width: 100%;
	}
	#hero-home.promo-nov21 {
		background-position: 30% 5%;
	}
	#hero-home.promo-nov21 .herohome-wrapper {
    	padding-top: 50%;
	}
	.hero-promo-home.hero-promo-nov21 img{
		width: 250px;
	}
}

@media ( max-width : 414px) {
	.hero-promo-home.hero-promo-nov21 {
    	height: 92%;
	}
	#hero-home.promo-nov21 .herohome-wrapper {
    	padding-top: 45%;
	}
}

@media ( max-width : 375px) {
	.hero-promo-home.hero-promo-nov21 {
		height: 100%;
	}
	.hero-promo-home.hero-promo-nov21 h1, #price{
		font-size: 26px;
	}
}

@media ( max-width : 360px) {
	.hero-promo-home.hero-promo-nov21 {
		height: 110%;
	}
}

@media ( max-width : 320px) {
	.hero-promo-home.hero-promo-nov21 {
		height: 130%;
	}
	.hero-promo-home.hero-promo-nov21 h1, #price{
		font-size: 23px;
	}
}

@media ( max-width : 280px) {
	.hero-promo-home.hero-promo-nov21 h1, #price{
		font-size: 19px;
	}
}

/* END NOV PROMO 20211101 */

/* START BLACK FRIDAY-2021  PROMO */
#hero-home.promo-blackfriday21 {
	background: url(/mj/common/img/promos/promo-background-20201126.jpg) no-repeat;
	background-position: -80px 80px;
	background-size: cover;
}

.promo-div #div-Top-blackfriday21 {
	background: url(/mj/common/img/promos/promo-device-20201126.png) bottom right no-repeat;
	background-size: 25%;
	width: 90%;
}

#hero-home.promo-blackfriday21 .hero-discount, .hero-promo-blackfriday21 h1{
	font-size: 2.3em;
}
@media only screen and (min-width:1600px) {
	#hero-home.promo-blackfriday21 {
		background-size: cover;
		background-position: initial;
	}
}

@media only screen and (max-width:1200px) {
	#hero-home.promo-blackfriday21 {
		background-size: cover;
		background-position: -160px 80px;
	}
}

@media only screen and (max-width:1024px) {
	#hero-home.promo-blackfriday21 {
		background-size: 150%;
	}
	.promo-div #div-Top-blackfriday21 {
    	background-size: 30%;
	}
}
@media only screen and (min-width: 990px) and (max-width: 1023px)  {
	#hero-home.promo-blackfriday21 {
    	background-size: cover;
    	background-position: -240px 80px;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-blackfriday21 {
		background-size: cover;
		background-position: -320px 80px;
	}
	.promo-div.hero-promo-blackfriday21 {
    	padding-left: 15%;
	}
	
	.promo-div #div-Top-blackfriday21 {
    	background-size: 23%;
	}
}

@media ( max-width : 768px) {
	#hero-home.promo-blackfriday21 {
		background-size: 192%;
		background-position: -180px 88px;
	}	
	.promo-div #div-Top-blackfriday21 {
    	background-size: 27%;
	}
	.promo-div.hero-promo-blackfriday21 {
    	padding-left: 1em;
	}
	#hero-home.promo-blackfriday21 .hero-discount, .hero-promo-blackfriday21 h1{
		font-size: 1.6em;
	}
}

@media ( max-width : 767px) {
	#hero-home.promo-blackfriday21 {
		background-size: 100%;
		background-position: 0px 80px;
	}
	#hero-home.promo-blackfriday21 .herohome-wrapper {
		padding-top: 55%;
	}
	.hero-promo-home.hero-promo-blackfriday21 ul {
		width: 61%;
	}
	#hero-home.promo-blackfriday21 .hero-discount, .hero-promo-blackfriday21 h1{
		font-size: 2.1em;
	}
}

@media ( max-width : 540px) {
	#hero-home.promo-blackfriday21 {
		background-position: 30% 12%;
	}
	#hero-home.promo-blackfriday21 .hero-discount, .hero-promo-blackfriday21 h1{
		font-size: 2.2em;
	}
	.hero-promo-home.hero-promo-blackfriday21 {
    	height: 85%;
    	background-color: #fff;
	}
	#hero-home.promo-blackfriday21 .herohome-wrapper {
    	padding-top: 52%;
	}
	.promo-div #div-Top-blackfriday21 {
    	background-size: 30%;
	}
	
}

@media ( max-width : 414px) {
	#hero-home.promo-blackfriday21 .herohome-wrapper {
    	padding-top: 45%;
	}
	#hero-home.promo-blackfriday21 {
    	background-position: 30% 8%;
	}
	.promo-div #div-Top-blackfriday21 {
    	background-size: 35%;
	}
	#hero-home.promo-blackfriday21 .hero-discount, .hero-promo-blackfriday21 h1{
		font-size: 1.6em;
	}
}

@media ( max-width : 375px) {
	#hero-home.promo-blackfriday21 .herohome-wrapper {
    	padding-top: 46%;
	}	
	.promo-div #div-Top-blackfriday21{
		width: 95%;
	}
	#hero-home.promo-blackfriday21 .hero-discount, .hero-promo-blackfriday21 h1{
		font-size: 1.5em;
	}
}

@media ( max-width : 360px) {
	#hero-home.promo-blackfriday21 .hero-discount, .hero-promo-blackfriday21 h1{
		font-size: 1.4em;
	}
}

@media ( max-width : 320px) {
	#div-Top-blackfriday21 #call-Us{
		font-size: 12px;
	}
	#hero-home.promo-blackfriday21 .herohome-wrapper {
    	padding-top: 43%;
	}
	#hero-home.promo-blackfriday21 {
    	background-position: 30% 9%;
	}
	#hero-home.promo-blackfriday21 .hero-discount, .hero-promo-blackfriday21 h1{
		font-size: 1.2em;
	}
}

@media ( max-width : 280px) {
	#hero-home.promo-blackfriday21 .herohome-wrapper {
    	padding-top: 48%;
	}
	.promo-div #div-Top-blackfriday21{
		width: 100%;
	}
	#hero-home.promo-blackfriday21 {
    	background-position: 30% 8%;
	}
	#hero-home.promo-blackfriday21 .hero-discount, .hero-promo-blackfriday21 h1{
		font-size: 1.1em;
	}
}

/* END BLACK FRIDAY-2021 PROMO */
/* START CYBER MONDAY-2021 PROMO */
#hero-home.promo-cybermonday21 {
	background: url(/mj/common/img/promos/promo-background-20211129.png)
		no-repeat;
	background-position: 70px 120px;
	background-size: 95%;
}

.promo-div #div-Top-cybermonday21 {
	width: 90%;
	background: url(/mj/common/img/promos/promo-device-20211129.png) bottom right no-repeat;
	background-size: 30%;
}

.hero-promo-cybermonday21 h1 {
	font-size: 2.3em;
	margin-bottom: 0px;
	font-weight: 600;
}

#hero-home.promo-cybermonday21 .hero-discount{
		font-size: 2.3em;
	}

.promo-div.hero-promo-cybermonday21 {
	width: 52%;
}

@media only screen and (max-width:1024px) {
	#hero-home.promo-cybermonday21 {
		background-size: 90%;
		background-position: 20px 120px;
	}
	.promo-div.hero-promo-cybermonday21 {
		width: 52%;
		padding-top: 2%;
	}
	#div-Top-cybermonday21 ul{
		width: 81%;
	}
	.promo-div #div-Top-cybermonday21 {
		background-size: 30%;
	}
	#hero-home.promo-cybermonday21 .hero-discount, .hero-promo-cybermonday21 h1{
		font-size: 2.4em;
	}
}

@media ( max-width : 990px) {
	.promo-div #div-Top-cybermonday21 {
		background-size: 25%;
	}
}

@media ( max-width : 768px) {
	#hero-home.promo-cybermonday21 .hero-discount, .hero-promo-cybermonday21 h1{
		font-size: 1.9em;
	}
	.promo-div #div-Top-cybermonday21{
		width: 93%;
		background-size: 28%;
	}
}

@media ( max-width : 767px) {
	#hero-home.promo-cybermonday21 {
		background-position: 20px 100px;
	}
	.promo-div.hero-promo-cybermonday21 {
		width: 100%;
	}
	.promo-div #div-Top-cybermonday21{
		width: 100%;
		background-size: 22%;
	}
	#hero-home.promo-cybermonday21 .herohome-wrapper {
		padding-top: 50%;
	}
	#hero-home.promo-cybermonday21 .hero-discount, .hero-promo-cybermonday21 h1{
		font-size: 2.1em;
	}
}

@media ( max-width : 540px) {
	#hero-home.promo-cybermonday21 {
		background-position: 30% 15%;
		background-size: 95%;
	}
	#hero-home.promo-cybermonday21 .herohome-wrapper {
		padding-top: 52%;
	}
	.promo-div #div-Top-cybermonday21{
		background-size: 25%
	}
	.promo-div.hero-promo-cybermonday21 {
		padding-top: 0px;
	}
}

@media ( max-width : 414px) {
	#hero-home.promo-cybermonday21 {
		background-position: -25% 11%;
		background-size: 110%;
	}
	#hero-home.promo-cybermonday21 .herohome-wrapper {
		padding-top: 45%;
	}
	.promo-div #div-Top-cybermonday21 {
		width: 100%;
		background-size: 27%;
	}
	#hero-home.promo-cybermonday21 .hero-discount, .hero-promo-cybermonday21 h1{
		font-size: 1.8em;
	}
}

@media ( max-width : 375px) {
	#hero-home.promo-cybermonday21 {
		background-size: 115%;
	}
	#hero-home.promo-cybermonday21 .herohome-wrapper {
		padding-top: 50%;
	}
	#hero-home.promo-cybermonday21 .hero-discount, .hero-promo-cybermonday21 h1{
		font-size: 1.6em;
	}
}

@media ( max-width : 360px) {
	.promo-div #div-Top-cybermonday21{
		background-size: 33%;
	}
}
@media ( max-width : 320px) {
	#hero-home.promo-cybermonday21 {
		background-position: -25% 10%;
		background-size: 120%;
	}
	#div-Top-cybermonday21 #call-Us {
		font-size: 12px;
	}
	#hero-home.promo-cybermonday21 .herohome-wrapper {
		padding-top: 50%;
	}
	#hero-home.promo-cybermonday21 .hero-discount, .hero-promo-cybermonday21 h1{
		font-size: 1.4em;
	}
	.promo-div #div-Top-cybermonday21{
		background-size: 35%
	}
}

@media ( max-width : 280px) {
	#hero-home.promo-cybermonday21 .herohome-wrapper {
		padding-top: 55%;
	}
	#hero-home.promo-cybermonday21 .hero-discount, .hero-promo-cybermonday21 h1{
		font-size: 1.2em;
	}
}

/* END CYBER MONDAY-2021 PROMO */
/* START CYBER TUESDAY-2021 PROMO */
#hero-home.promo-cybertuesday21 {
	background: url(/mj/common/img/promos/promo-background-20211130.png) no-repeat;
	background-position: -10px 110px;
	background-size: 95%;
}
.promo-div #div-Top-cybertuesday21 {
	background-size: 55%;
	width: 90%;
}
.hero-promo-cybertuesday21{
	padding-top: 3%;
}
.hero-promo-cybertuesday21 h1{
		font-size: 2.6em;
		margin-bottom: 0px;
		margin-top: 0px;
		font-weight: 600;
}
#div-Top-cybertuesday21 .hero-discount{
	font-size: 2.6em;
}
.hero-promo-cybertuesday21 h2{
		font-size: 2.1em;
		line-height: 0px;
}
.hero-promo-cybertuesday21 h3{
		margin-top: 0px;
		font-weight: 600;
}
.promo-div.hero-promo-cybertuesday21{
    width: 50%;
}
#div-Top-cybertuesday21 ul{
	width: 100%;
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-cybertuesday21 {
		background-position: 0px 120px;	
	}
	.hero-promo-cybertuesday21 h1, #div-Top-cybertuesday21 .hero-discount{
		font-size: 2.2em;
	}
}

@media ( max-width : 768px) {
	#hero-home.promo-cybertuesday21 {
    	background-size: 100%;
    	background-position: -20px 125px;
	}
	.hero-promo-cybertuesday21 h1, #div-Top-cybertuesday21 .hero-discount{
		font-size: 1.9em;
	}
}

@media ( max-width : 767px) {
	#hero-home.promo-cybertuesday21 {
		background-position: 130px 70px;
		background-size: 120%;
	}
	.hero-promo-home.hero-promo-cybertuesday21 {
		padding-top: 10%;
    	height: 120%;
	}
	.promo-div.hero-promo-cybertuesday21{
		width: 100%;
	}
	.hero-promo-cybertuesday21 h1, #div-Top-cybertuesday21 .hero-discount{
		font-size: 2.7em;
	}
	#hero-home.promo-cybertuesday21 .herohome-wrapper {
    	padding-top: 45%;
	}
}

@media ( max-width : 540px) {
	#hero-home.promo-cybertuesday21 {
		background-position: -30% 9%;
		background-size: 140%;
	}
	.hero-promo-home.hero-promo-cybertuesday21 {
    	background-color: #fff;
	}
	#hero-home.promo-cybertuesday21 .herohome-wrapper {
    	padding-top: 52%;
	}
	.hero-promo-cybertuesday21 h1, #div-Top-cybertuesday21 .hero-discount{
		font-size: 2.2em;
	}
}

@media ( max-width : 414px) {
	#hero-home.promo-cybertuesday21 {
    	background-position: -20% 6%;
    	background-size: 150%;
	}
	#hero-home.promo-cybertuesday21 .herohome-wrapper {
    	padding-top: 45%;
	}
	.promo-div #div-Top-cybertuesday21 {
    	width: 100%;
	}
	.hero-promo-cybertuesday21 h1, #div-Top-cybertuesday21 .hero-discount{
		font-size: 1.9em;
	}
}

@media ( max-width : 375px) {
	#hero-home.promo-cybertuesday21 {
    	background-position: -17% 7%;
	}
	.hero-promo-cybertuesday21 h1, #div-Top-cybertuesday21 .hero-discount{
		font-size: 1.7em;
	}
	#hero-home.promo-cybertuesday21 .herohome-wrapper {
    	padding-top: 46%;
	}	
}

@media ( max-width : 360px) {
	#hero-home.promo-cybertuesday21 {
    	background-position: -17% 6%;
    	background-size: 155%;
	}
}

@media ( max-width : 320px) {
	#hero-home.promo-cybertuesday21 {
    	background-position: -17% 7%;
	}
	.hero-promo-cybertuesday21 h1, #div-Top-cybertuesday21 .hero-discount{
		font-size: 1.5em;
	}
	#hero-home.promo-cybertuesday21 .herohome-wrapper{
		padding-top: 50%;
	}
	#div-Top-cybertuesday21 #call-Us{
		font-size: 12px;
	}
}

@media ( max-width : 280px) {
	#hero-home.promo-cybertuesday21 {
    	background-position: -23% 8%;
    	background-size: 145%;
	}
	.hero-promo-cybertuesday21 h1, #div-Top-cybertuesday21 .hero-discount{
		font-size: 1.3em;
	}
}

/* END CYBER TUESDAY-2021 PROMO */


/* START HOLIDAY-2021 PROMO */

#hero-home.promo-holiday21 {
	background: url(/mj/common/img/promos/promo-background-20211209.png) no-repeat;
	background-position: 0px 80px;
	background-size: cover;
}
.promo-div #div-Top-holiday21 {
	background: url(/mj/common/img/promos/promo-device-20211209.png) bottom right no-repeat;
	background-size: 35%;
	width: 90%;
}
.hero-promo-holiday21 h1{
		font-size: 2.5em;
		margin-bottom: 0px;
		font-weight: 600;
}
.promo-div.hero-promo-holiday21{
    width: 50%;
}
.hero-promo-holiday21.hero-promo-home ul{
		width: 70%;
}
@media only screen and (max-width:1200px) {
	#hero-home.promo-holiday21 {
		background-position: -100px 30px;	
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-holiday21 {
		background-position: -100px 80px;	
	}
	.promo-div.hero-promo-holiday21{
		margin-top: 2%;
	}
	.hero-promo-holiday21 h1{
		padding-top: 0px;
		margin-top: 0px;
	}
	.promo-div #div-Top-holiday21 {
    	background-size: 40%;
    	width: 90%;
	}
	.hero-promo-holiday21 h1, #div-Top-holiday21 .hero-discount{
		font-size: 2.3em;
	}
}
@media only screen and (max-width:1023px) {
	#hero-home.promo-holiday21 {
		background-position: -140px 80px;	
	}
	.promo-div #div-Top-holiday21 {
    	background-size: 33%;
    	width: 85%;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-holiday21 {
		background-position: -200px 80px;	
	}
	.promo-div.hero-promo-holiday21{
		width: 40%;
	}
	.promo-div #div-Top-holiday21{
		background-size: 40%;
		width: 95%;
	}
	.hero-promo-holiday21 h1, #div-Top-holiday21 .hero-discount{
		font-size: 1.8em;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-holiday21 {
    	background-position: -150px 70px;
	}
	.hero-promo-holiday21 h1, #div-Top-holiday21 .hero-discount{
		font-size: 1.6em;
	}
	.promo-div #div-Top-holiday21 {
    	background-size: 40%;
    	width: 100%;
	}
	.hero-promo-holiday21.hero-promo-home ul{
		width: 85%;
	}
	.promo-div.hero-promo-holiday21{
		width: 50%;
	}
}
@media ( max-width : 767px) {
	#hero-home.promo-holiday21 {
		background-size: 100%;
		background-position: 0px 90px;
	}
	.hero-promo-home.hero-promo-holiday21 {
		padding-top: 5%;
		width: 100%;
		background-color: #fff;
	}
	.promo-div #div-Top-holiday21 {
    	background-size: 30%;
    	width: 100%;
	}
	.hero-promo-holiday21.hero-promo-home ul{
		width: 75%;
	}
	#hero-home.promo-holiday21 .herohome-wrapper {
    	padding-top: 55%;
	}
	.hero-promo-holiday21 h1, #div-Top-holiday21 .hero-discount{
		font-size: 2.4em;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-holiday21 {
		background-position: 0px 90px;
	}
	.hero-promo-home.hero-promo-holiday21 {
    	padding-top: 5%;
	}
	.promo-div #div-Top-holiday21 {
    	background-size: 40%;
	}
	#hero-home.promo-holiday21 .herohome-wrapper {
    	padding-top: 60%;
	}
	.hero-promo-holiday21 h1, #div-Top-holiday21 .hero-discount{
		font-size: 2.2em;
	}
}
@media ( max-width : 414px) {
	#hero-home.promo-holiday21 {
    	background-position: 0px 60px;
	}
	#hero-home.promo-holiday21 .herohome-wrapper {
    	padding-top: 50%;
	}
	.promo-div #div-Top-holiday21 {
    	width: 100%;
	}
	.hero-promo-holiday21 h1, #div-Top-holiday21 .hero-discount{
		font-size: 1.8em;
	}
	.hero-promo-holiday21.hero-promo-home ul{
		width: 75%;
	}
}
@media ( max-width : 411px) {
	.hero-promo-holiday21 h1, #div-Top-holiday21 .hero-discount{
		font-size: 1.7em;
	}
}
@media ( max-width : 375px) {
	.hero-promo-holiday21 h1, #div-Top-holiday21 .hero-discount{
		font-size: 1.6em;
	}
	.hero-promo-holiday21.hero-promo-home ul{
		width: 85%;
	}
}
@media ( max-width : 360px) {
	.hero-promo-holiday21 h1, #div-Top-holiday21 .hero-discount{
		font-size: 1.5em;
	}
	.promo-div #div-Top-holiday21{
		background-size: 35%;
	}
}
@media ( max-width : 320px) {
	#div-Top-holiday21 #call-Us{
		font-size: 12px;
	}
	.hero-promo-holiday21 h1, #div-Top-holiday21 .hero-discount{
		font-size: 1.3em;
	}
	.promo-div #div-Top-holiday21{
		background-size: 40%;
	}
	.hero-promo-holiday21.hero-promo-home ul{
		width: 100%;
	}
}
@media ( max-width : 320px) {
	.hero-promo-holiday21 h1, #div-Top-holiday21 .hero-discount{
		font-size: 1.1em;
	}
}

/* END HOLIDAY-2021 PROMO */

/* START NEW YEAR-2022 PROMO */

#hero-home.promo-newyear22 {
	background: url(/mj/common/img/promos/promo-background-20220101.png) no-repeat;
	background-position: 0px 50px;
	background-size: cover;
	box-shadow: inset -650px 0 100px 0px #fff;
}
.promo-div #div-Top-newyear22 {
	background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
	background-size: 50%;
	width: 90%;
}
.hero-promo-newyear22 h1{
		font-size: 2.5em;
		margin-bottom: 0px;
}
.promo-div.hero-promo-newyear22{
    width: 50%;
}
.hero-promo-newyear22.hero-promo-home ul{
		width: 70%;
}
@media only screen and (max-width:1200px) {
	#hero-home.promo-newyear22 {
		box-shadow: inset -600px 0 100px 0px #fff;	
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-newyear22 {
		background-position: 0px 80px;	
		background-size: 100%;
	}
	.promo-div.hero-promo-newyear22{
		margin-top: 2%;
	}
	.hero-promo-newyear22 h1{
		padding-top: 0px;
		margin-top: 0px;
	}
	.hero-promo-newyear22 h1, #div-Top-newyear22 .hero-discount{
		font-size: 2.0em;
	}
}
@media only screen and (max-width:1023px) {
	.promo-div #div-Top-newyear22 {
		background-size: 60%;
    	width: 85%;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-newyear22 {
		background-size: 120%;
		box-shadow: inset -500px 0 100px 0px #fff;
	}
	.promo-div #div-Top-newyear22{
		width: 95%;
	}
	.hero-promo-newyear22 h1, #div-Top-newyear22 .hero-discount{
		font-size: 1.8em;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-newyear22 {
    	background-position: 0px 80px;
    	box-shadow: inset -450px 0 100px 0px #fff;
	}
	.hero-promo-newyear22 h1, #div-Top-newyear22 .hero-discount{
		font-size: 1.5em;
	}
	.promo-div #div-Top-newyear22 {
    	background-size: 50%;
    	width: 100%;
	}
	.hero-promo-newyear22.hero-promo-home ul{
		width: 85%;
	}
}
@media ( max-width : 767px) {
	#hero-home.promo-newyear22 {
		background-size: 195%;
    	background-position: 0px -60px;
    	box-shadow: none;	
	}
	.hero-promo-home.hero-promo-newyear22 {
		padding-top: 5%;
		width: 100%;
		background-color: #fff;
	}
	.promo-div #div-Top-newyear22 {
    	background-size: 40%;
	}
	.hero-promo-newyear22.hero-promo-home ul{
		width: 75%;
	}
	#hero-home.promo-newyear22 .herohome-wrapper {
    	padding-top: 60%;
	}
	.hero-promo-newyear22 h1, #div-Top-newyear22 .hero-discount{
		font-size: 2.4em;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-newyear22 {
		background-size: 208%;
		background-position: 0px -70px;
	}
	.promo-div #div-Top-newyear22 {
    	background-size: 50%;
	}
	.hero-promo-newyear22 h1, #div-Top-newyear22 .hero-discount{
		font-size: 2.0em;
	}
}
@media ( max-width : 414px) {
	#hero-home.promo-newyear22 {
		background-size: 220%;
    	background-position: 0px -40px;
	}
	.hero-promo-newyear22 h1, #div-Top-newyear22 .hero-discount{
		font-size: 1.5em;
	}
}
@media ( max-width : 375px) {
	.hero-promo-newyear22 h1, #div-Top-newyear22 .hero-discount{
		font-size: 1.3em;
	}
	.hero-promo-newyear22.hero-promo-home ul{
		width: 85%;
	}
}
@media ( max-width : 320px) {
	#hero-home.promo-newyear22 {
    	background-position: 0px -20px;
	}
	#div-Top-newyear22 #call-Us{
		font-size: 12px;
	}
	.hero-promo-newyear22 h1, #div-Top-newyear22 .hero-discount{
		font-size: 1.1em;
	}
	.promo-div #div-Top-newyear22{
		background-size: 60%;
	}
	.hero-promo-newyear22.hero-promo-home ul{
		width: 100%;
	}
}
@media ( max-width : 280px) {
	#hero-home.promo-newyear22 {
    	background-position: 0px -10px;
	}
	.hero-promo-newyear22 h1, #div-Top-newyear22 .hero-discount{
		font-size: 1.0em;
	}
}

/* END NEW YEAR-2022 PROMO */

/* START MID-Winter 2022 PROMO */

#hero-home.promo-midwinter22 {
	background: url(/mj/common/img/promos/promo-background-20210125.jpg) no-repeat;
	background-position: 0px -25px;
	background-size: cover;
}
.promo-div #div-Top-midwinter22 {
	background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
	background-size: 50%;
	width: 90%;
}
.hero-promo-midwinter22 h1{
		font-size: 2.3em;
		margin-bottom: 0px;
}
.promo-div.hero-promo-midwinter22{
    width: 50%;
}
.hero-promo-midwinter22.hero-promo-home ul{
		width: 70%;
}
@media only screen and (max-width:1200px) {
	#hero-home.promo-midwinter22 {
		background-position: -50px 45px;	
		background-size: 112%;
	}
}
@media only screen and (min-width:1024px) and (max-width:1024px)  {
	#hero-home.promo-midwinter22 {
		background-position: -20px 10px;	
		background-size: 105%;
	}
	.promo-div.hero-promo-midwinter22{
		margin-top: 2%;
	}
	.hero-promo-midwinter22 h1{
		padding-top: 0px;
		margin-top: 0px;
	}
	.hero-promo-midwinter22 h1, #div-Top-midwinter22 .hero-discount{
		font-size: 1.9em;
	}
}
@media only screen and (max-width:1023px) {
	#hero-home.promo-midwinter22 {
		background-position: -40px 80px;	
	}
	.promo-div #div-Top-midwinter22 {
		background-size: 60%;
    	width: 85%;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-midwinter22 {
		background-size: 120%;
	}
	.promo-div #div-Top-midwinter22{
		width: 95%;
	}
	.hero-promo-midwinter22 h1, #div-Top-midwinter22 .hero-discount{
		font-size: 1.8em;
	}
	.promo-div.hero-promo-midwinter22{
		padding-left: 5%;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-midwinter22 {
    	background-position: -35px 90px;
    	background-size: 116%;
	}
	.hero-promo-midwinter22 h1, #div-Top-midwinter22 .hero-discount{
		font-size: 1.3em;
	}
	.promo-div #div-Top-midwinter22 {
    	background-size: 50%;
    	width: 100%;
	}
	.hero-promo-midwinter22.hero-promo-home ul{
		width: 85%;
	}
	.promo-div.hero-promo-midwinter22{
		padding-left: 1em;
	}
}
@media ( max-width : 767px) {
	#hero-home.promo-midwinter22 {
		background-size: 150%;
    	background-position: 0px -50px;
    	box-shadow: none;	
	}
	.hero-promo-home.hero-promo-midwinter22 {
		padding-top: 5%;
		width: 100%;
		background-color: #fff;
	}
	.promo-div #div-Top-midwinter22 {
    	background-size: 40%;
	}
	.hero-promo-midwinter22.hero-promo-home ul{
		width: 75%;
	}
	#hero-home.promo-midwinter22 .herohome-wrapper {
    	padding-top: 65%;
	}
	.hero-promo-midwinter22 h1, #div-Top-midwinter22 .hero-discount{
		font-size: 2.4em;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-midwinter22 {
		background-size: 170%;
		background-position: 0px -50px;
	}
	#hero-home.promo-midwinter22 .herohome-wrapper {
    	padding-top: 70%;
	}
	.promo-div #div-Top-midwinter22 {
    	background-size: 50%;
	}
	.hero-promo-midwinter22 h1, #div-Top-midwinter22 .hero-discount{
		font-size: 1.9em;
	}
}
@media ( max-width : 414px) {
	#hero-home.promo-midwinter22 {
		background-size: 180%;
	}
	#hero-home.promo-midwinter22 .herohome-wrapper {
    	padding-top: 63%;
	}
	.hero-promo-midwinter22 h1, #div-Top-midwinter22 .hero-discount{
		font-size: 1.4em;
	}
}
@media ( max-width : 375px) {
	#hero-home.promo-midwinter22 {
		background-position: 0px -40px;
	}
	.hero-promo-midwinter22 h1, #div-Top-midwinter22 .hero-discount{
		font-size: 1.3em;
	}
	.hero-promo-midwinter22.hero-promo-home ul{
		width: 85%;
	}
}
@media ( max-width : 375px) {
	.hero-promo-midwinter22 h1, #div-Top-midwinter22 .hero-discount{
		font-size: 1.2em;
	}
}
@media ( max-width : 320px) {
	#hero-home.promo-midwinter22 {
    	background-position: 0px -15px;
	}
	#hero-home.promo-midwinter22 .herohome-wrapper {
    	padding-top: 65%;
	}
	#div-Top-midwinter22 #call-Us{
		font-size: 12px;
	}
	.hero-promo-midwinter22 h1, #div-Top-midwinter22 .hero-discount{
		font-size: 1.1em;
	}
	.promo-div #div-Top-midwinter22{
		background-size: 60%;
	}
	.hero-promo-midwinter22.hero-promo-home ul{
		width: 100%;
	}
}
@media ( max-width : 280px) {
	#hero-home.promo-midwinter22 {
    	background-position: 0px -5px;
	}
	.hero-promo-midwinter22 h1, #div-Top-midwinter22 .hero-discount{
		font-size: 0.9em;
	}
}

/* END MID-Winter 2022 PROMO */

.promo-mjw-div a.mj-btn.green {
    padding: 5px 8px 5px 8px;
}
#promos .promo-mjw-div h2 {
	font-size: 22px;
    padding-bottom: 16px;
}
.promo-mjw-div ul {
	margin-top: 5px;
    margin-bottom: 24px;
}
@media (max-width : 1024px) {
	#promos .promo-mjw-div h2 {
		font-size: 22px;
	    padding-bottom: 8px;
	}
	.promo-mjw-div ul {
		margin-top: -5px;
	    margin-bottom: 14px;
	}
	.promo-mjw-div .promo-subhead, .promo-mjw-div .promo-subhead-2 {
		font-size: 13px;
		line-height: 16px;
	}
}
@media (max-width : 820px) {
    #promos .promo-mjw-div h2 {
    	font-size: 20px;
    	line-height: 24px;
    }
}
@media (max-width : 767px) {
	#promos .promo-mjw-div h2 {
		font-size: 26px;
    	padding-bottom: 16px;
	}
	.promo-mjw-div ul {
		font-size: 14px;
    	line-height: 17px;
		font-weight: 700;
	}
	.promo-mjw-div .promo-subhead, .promo-mjw-div .promo-subhead-2 {
		font-size: 18px;
		line-height: 21px;
	}
}

/* START VALENTINE'S DAY-2022 PROMO */

#hero-home.promo-valentine22 {
	background: url(/mj/common/img/promos/promo-background-20220210.png) no-repeat;
	background-position: 0px 70px;
	background-size: 89%;
}
.promo-div #div-Top-valentine22 {
	background: url(/mj/common/img/promos/promo-device-20211209.png) bottom right no-repeat;
	background-size: 29%;
	width: 90%;
}
.hero-promo-valentine22 h1{
		font-size: 2.5em;
		margin-bottom: 0px;
}
.promo-div.hero-promo-valentine22{
    width: 56%;
}
.hero-promo-valentine22.hero-promo-home ul{
		width: 80%;
}
@media only screen and (min-width:1280px) and (max-width:1280px)  {
	#hero-home.promo-valentine22 {
		background-position: 0px 75px;	
		background-size: 89%;
	}
}
@media only screen and (max-width:1240px) {
	#hero-home.promo-valentine22 {
		background-size: 100%;
	}
}
@media only screen and (max-width:1200px) {
	#hero-home.promo-valentine22 {
		background-size: 100%;
	}
}
@media only screen and (max-width:1120px) {
	#hero-home.promo-valentine22 {
		background-size: 110%;
		background-position: -60px 70px;
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-valentine22 {
		background-position: -60px 75px;	
		background-size: 112%;
	}
	.promo-div.hero-promo-valentine22{
		margin-top: 2%;
		width: 50%;
	}
	.promo-div #div-Top-valentine22 {
		background-size: 35%;
	}
	.hero-promo-valentine22.hero-promo-home ul{
		width: 84%;
	}
	.hero-promo-valentine22 h1{
		padding-top: 0px;
		margin-top: 0px;
	}
	.hero-promo-valentine22 h1, #div-Top-valentine22 .hero-discount{
		font-size: 2.0em;
	}
}
@media only screen and (max-width:1023px) {
	#hero-home.promo-valentine22 {
		background-size: 120%;
	}
	.promo-div #div-Top-valentine22 {
    	width: 85%;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-valentine22 {
		background-size: 130%;
		background-position: -75px 75px;
		box-shadow: inset -500px 0 100px 0px #fff;
	}
	.promo-div #div-Top-valentine22{
		width: 95%;
	}
	.hero-promo-valentine22 h1, #div-Top-valentine22 .hero-discount{
		font-size: 1.8em;
	}
}
@media only screen and (min-width: 912px) and (max-width: 912px)  {
	#hero-home.promo-valentine22 {
		background-position: -75px 75px;	
		background-size: 136%;
	}
	.promo-div.hero-promo-valentine22{
		padding-left: 5%;
	}
}
@media ( max-width : 820px) {
	#hero-home.promo-valentine22 {
		background-size: 145%;
		background-position: -70px 70px;
		box-shadow: inset -470px 0 100px 0px #fff;
	}
	.promo-div #div-Top-valentine22{
		width: 95%;
	}
	.hero-promo-valentine22 h1, #div-Top-valentine22 .hero-discount{
		font-size: 1.6em;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-valentine22 {
		background-size: 150%;
    	background-position: -70px 80px;
    	box-shadow: inset -400px 0 100px 0px #fff;
	}
	.hero-promo-valentine22 h1, #div-Top-valentine22 .hero-discount{
		font-size: 1.5em;
	}
	.promo-div #div-Top-valentine22 {
    	width: 100%;
	}
	.promo-div.hero-promo-valentine22{
		width: 45%;
	}
	.hero-promo-valentine22.hero-promo-home ul{
		width: 85%;
	}
}
@media ( max-width : 767px) {
	#hero-home.promo-valentine22 {
		background-size: 90%;
    	background-position: 0px 85px;
    	box-shadow: none;	
	}
	.hero-promo-home.hero-promo-valentine22 {
		padding-top: 5%;
		width: 100%;
		background-color: #fff;
	}
	.hero-promo-valentine22.hero-promo-home ul{
		width: 75%;
	}
	#hero-home.promo-valentine22 .herohome-wrapper {
    	padding-top: 55%;
	}
	.hero-promo-valentine22 h1, #div-Top-valentine22 .hero-discount{
		font-size: 2.4em;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-valentine22 {
		background-size: 86%;
		background-position: 0px 85px;
	}
	.hero-promo-valentine22 h1, #div-Top-valentine22 .hero-discount{
		font-size: 2.0em;
	}
	.promo-div.hero-promo-valentine22{
		padding-left: 1em;
	}
	.promo-div #div-Top-valentine22 {
		background-size: 35%;
	}
}
@media ( max-width : 414px) {
	#hero-home.promo-valentine22 {
		background-position: 0px 60px;
	}
	#hero-home.promo-valentine22 .herohome-wrapper {
    	padding-top: 46%;
	}
	.hero-promo-valentine22 h1, #div-Top-valentine22 .hero-discount{
		font-size: 1.5em;
	}
}
@media ( max-width : 390px) {
	#hero-home.promo-valentine22 {
		background-position: 0px 65px;
	}
	#hero-home.promo-valentine22 .herohome-wrapper {
    	padding-top: 48%;
	}
}
@media ( max-width : 375px) {
	#hero-home.promo-valentine22 {
		background-position: 0px 65px;
	}
	.hero-promo-valentine22 h1, #div-Top-valentine22 .hero-discount{
		font-size: 1.3em;
	}
	.hero-promo-valentine22.hero-promo-home ul{
		width: 85%;
	}
}
@media ( max-width : 280px) {
	#hero-home.promo-valentine22 {
		background-size: 80%;
    	background-position: 0px 73px;
	}
	.hero-promo-valentine22 h1, #div-Top-valentine22 .hero-discount{
		font-size: 1.0em;
	}
	.promo-div #div-Top-valentine22 {
		background-size: 23%;
	}
}
@media (min-width:1500px) {
	#hero-home.promo-valentine22 {
		background-size: 75%;
	}
	.promo-div.hero-promo-valentine22{
		width: 60%;
	}
}

/* END VALENTINE'S DAY 2022 PROMO */

/* START MARCH 01-10 PROMO */

.march22_01 h1{
		font-size: 2.1em;
		font-weight: 600;
}
#hero-home #div-Top.march22_01{
	width: 95%;
	background-size: 45%;
}
@media only screen and (min-width:1024px) and (max-width:1024px)  {
	.march22_01 h1, #div-Top.march22_01 .hero-discount{
		font-size: 1.7em;
	}
}
@media ( max-width : 990px) {	
	.march22_01 h1, #div-Top.march22_01 .hero-discount{
		font-size: 1.8em;
	}
}
@media ( max-width : 912px) {	
	.march22_01 h1, #div-Top.march22_01 .hero-discount{
		font-size: 1.6em;
	}
}
@media ( max-width : 820px) {	
	.march22_01 h1, #div-Top.march22_01 .hero-discount{
		font-size: 1.5em;
	}
}
@media ( max-width : 768px) {
	.march22_01 h1, #div-Top.march22_01 .hero-discount{
		font-size: 1.4em;
	}
}
@media ( max-width : 767px) {
	.march22_01 h1, #div-Top.march22_01 .hero-discount{
		font-size: 2.4em;
	}
}
@media ( max-width : 540px) {
	.march22_01 h1, #div-Top.march22_01 .hero-discount{
		font-size: 2.2em;
		font-weight: 500;
	}
}
@media ( max-width : 414px) {
	.march22_01 h1, #div-Top.march22_01 .hero-discount{
		font-size: 1.6em;
	}
}
@media ( max-width : 390px) {
	.march22_01 h1, #div-Top.march22_01 .hero-discount{
		font-size: 1.5em;
	}
}
@media ( max-width : 360px) {
	.march22_01 h1, #div-Top.march22_01 .hero-discount{
		font-size: 1.4em;
	}
}
@media ( max-width : 320px) {
	.march22_01 h1, #div-Top.march22_01 .hero-discount{
		font-size: 1.2em;
	}
}
@media ( max-width : 280px) {
	.march22_01 h1, #div-Top.march22_01 .hero-discount{
		font-size: 1.1em;
	}
}
/* END MARCH 01-10 PROMO */


/* START MARCH 2022 14TH PROMO */

#hero-home.promo-march22-14 {
    background: url(/mj/common/img/promos/promo-background-20210315.jpg) no-repeat;
    background-position: 0px 30px;
    background-size: cover;
    
}
.promo-div #div-Top-march22-14 {
	background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
	background-size: 37%;
	width: 100%;
}
.hero-promo-march22-14 h1{
    margin-bottom: 0.5em;
    font-weight: 700;
    font-size: 1.5em;
    padding-top: 12px;
    margin: 10px 0px;
}
.promo-div.hero-promo-march22-14{
    width: 50%;
}
.hero-promo-march22-14.hero-promo-home ul{
		width: 80%;
}
@media only screen and (min-width:1280px) and (max-width:1280px)  {
	#hero-home.promo-march22-14 {
		background-position: 0px 50px;	
		background-size: 107%;
		box-shadow: inset -490px 0 130px 0px #fff;
	}
}
@media only screen and (max-width:1240px) {
	#hero-home.promo-march22-14 {
		background-size: 125%;
		background-position: -65px 6px;
	}
}

@media only screen and (max-width:1200px) {
	#hero-home.promo-march22-14 {
		background-size: 128%;
		background-position: -65px 45px;
		box-shadow: inset -550px 0 130px 0px #fff;
		
	}
}
@media only screen and (max-width:1120px) {
	#hero-home.promo-march22-14 {
		background-size: 132%;
		background-position: -65px 89px;
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-march22-14 {
		background-position: -60px 55px;	
		background-size: 137%;
		box-shadow: inset -490px 0 130px 0px #fff;
	}
	.promo-div.hero-promo-march22-14{
		margin-top: 2%;
		width: 46%;
	}
	.promo-div #div-Top-march22-14 {
		background-size: 42%;
	}
	.hero-promo-march22-14.hero-promo-home ul{
		width: 84%;
	}
	.hero-promo-march22-14 h1{
		padding-top: 0px;
		margin-top: 0px;
	}
	.hero-promo-march22-14 h1, #div-Top-march22-14 .hero-discount{
		font-size: 2.0em;
	}
}
@media only screen and (max-width:1023px) {
	#hero-home.promo-march22-14 {
		background-size: 149%;
		background-position: -67px 89px;
	}
	.promo-div #div-Top-march22-14 {
    	width: 85%;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-march22-14 {
		background-size: 156%;
		background-position: -80px 88px;
		box-shadow: inset -437px 0 100px 0px #fff;
	}
	.promo-div #div-Top-march22-14{
		width: 95%;
	}
	.hero-promo-march22-14 h1, #div-Top-march22-14 .hero-discount{
		font-size: 1.8em;
	}
}
@media ( max-width : 924px) {
	#hero-home.promo-march22-14 {
		background-size: 170%;
		background-position: -100px 80px;
	}
}
@media only screen and (min-width: 912px) and (max-width: 912px)  {
	#hero-home.promo-march22-14 {
		background-position: -90px 75px;	
		background-size: 157%;
	}
	.promo-div.hero-promo-march22-14{
		padding-left: 0px;
	}
	.promo-div.hero-promo-march22-14{
		margin-top: 0px;
	}
}
@media ( max-width : 860px) {
	#hero-home.promo-march22-14 {
		background-size: 183%;
		background-position: -126px 89px;
	}
}
@media ( max-width : 820px) {
	#hero-home.promo-march22-14 {
		background-size: 175%;
		background-position: -115px 80px;
		box-shadow: inset -440px 0 130px 0px #fff;
	}
	.promo-div #div-Top-march22-14{
		width: 92%;
	}
	.hero-promo-march22-14 h1, #div-Top-march22-14 .hero-discount{
		font-size: 1.6em;
	}
}
@media ( max-width : 804px) {
	#hero-home.promo-march22-14 {
		background-size: 207%;
		background-position: -147px 89px;
		box-shadow: inset -416px 0 130px 0px #fff;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-march22-14 {
		background-size: 185%;
    	background-position: -110px 80px;
    	box-shadow: inset -340px 0 62px 0px #fff;
	}
	.hero-promo-march22-14 h1, #div-Top-march22-14 .hero-discount{
		font-size: 1.5em;
	}
	.promo-div #div-Top-march22-14 {
    	width: 100%;
	}
	.promo-div.hero-promo-march22-14{
		width: 43%;
	}
	.hero-promo-march22-14.hero-promo-home ul{
		width: 85%;
	}
}
@media ( max-width : 767px) {
	#hero-home.promo-march22-14 {
		background-size: 90%;
    	background-position: 0px 65px;
    	box-shadow: none;	
	}
	.hero-promo-home.hero-promo-march22-14 {
		padding-top: 5%;
		width: 100%;
		background-color: #fff;
	}
	.hero-promo-march22-14.hero-promo-home ul{
		width: 75%;
	}
	#hero-home.promo-march22-14 .herohome-wrapper {
    	padding-top: 47%;
	}
	.hero-promo-march22-14 h1, #div-Top-march22-14 .hero-discount{
		font-size: 2.4em;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-march22-14 {
		background-size: 85%;
		background-position: 0px 75px;
	}
	#hero-home.promo-march22-14 .herohome-wrapper {
    	padding-top: 50%;
	}
	.hero-promo-march22-14 h1, #div-Top-march22-14 .hero-discount{
		font-size: 2.0em;
	}
	.promo-div #div-Top-march22-14 {
		background-size: 55%;
	}
}
@media ( max-width : 415px) {
	#hero-home.promo-march22-14 {
		background-size: 90%;
		background-position: 0px 55px;
	}
	#hero-home.promo-march22-14 .herohome-wrapper {
    	padding-top: 40%;
	}
	.hero-promo-march22-14 h1, #div-Top-march22-14 .hero-discount{
		font-size: 1.5em;
	}
}
@media ( max-width : 393px) {
	#hero-home.promo-march22-14 {
		background-position: 0px 60px;
		background-size: 95%;
	}
	#hero-home.promo-march22-14 .herohome-wrapper {
    	padding-top: 44%;
	}
}
@media ( max-width : 375px) {
	#hero-home.promo-march22-14 {
		background-position: 0px 55px;
	}
	.hero-promo-march22-14 h1, #div-Top-march22-14 .hero-discount{
		font-size: 1.3em;
	}
	.hero-promo-march22-14.hero-promo-home ul{
		width: 85%;
	}
}
@media ( max-width : 360px) {
	#hero-home.promo-march22-14 {
		background-position: 0px 60px;
		background-size: 90%;
	}
}
@media ( max-width : 325px) {
	#hero-home.promo-march22-14 {
		background-position: 0px 67px;
	}
	.promo-div #div-Top-march22-14 {
  		background-size: 56%;
	}
}

@media ( max-width : 280px) {
	#hero-home.promo-march22-14 {
		background-size: 80%;
    	background-position: 0px 75px;
	}
	.hero-promo-march22-14 h1, #div-Top-march22-14 .hero-discount{
		font-size: 1.0em;
	}
	.promo-div #div-Top-march22-14 {
		background-size: 50%;
		 width: 107%;
	}
}

/* END MARCH 2022 14TH PROMO */

/* STAR APRIL 2022 PROMO */

#hero-home.promo-april22 {
	background: url(/mj/common/img/promos/promo-background-20210401.jpg) no-repeat;
	background-position: -130px 30px;
	background-size: cover;
}
.promo-div #div-Top-april22 {
	background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
	background-size: 40%;
	width: 90%;
}
.hero-promo-april22 h1{
		font-size: 2.5em;
		margin-bottom: 0px;
}
.promo-div.hero-promo-april22{
    width: 45%;
}
.hero-promo-april22.hero-promo-home ul{
		width: 80%;
}
@media only screen and (min-width:1280px) and (max-width:1280px)  {
	#hero-home.promo-april22 {
		background-position: -110px 25px;	
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-april22 {
		background-position: -170px 20px;	
		background-size: cover;
	}
	.promo-div.hero-promo-april22{
		margin-top: 2%;
		width: 50%;
	}
	.promo-div #div-Top-april22 {
		background-size: 45%;
	}
	.hero-promo-april22.hero-promo-home ul{
		width: 84%;
	}
	.hero-promo-april22 h1{
		padding-top: 0px;
		margin-top: 0px;
	}
	.hero-promo-april22 h1, #div-Top-april22 .hero-discount{
		font-size: 2.0em;
	}
}
@media only screen and (max-width:1023px) {
	#hero-home.promo-april22 {
		background-position: -270px 20px;
	}
	.promo-div #div-Top-april22 {
    	width: 85%;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-april22 {
		background-position: -275px 25px;
	}
	.promo-div #div-Top-april22{
		width: 95%;
	}
	.hero-promo-april22 h1, #div-Top-april22 .hero-discount{
		font-size: 1.8em;
	}
}
@media only screen and (min-width: 912px) and (max-width: 912px)  {
	#hero-home.promo-april22 {
		background-position: -250px 20px;	
	}
	.promo-div.hero-promo-april22{
		padding-left: 5%;
	}
}
@media only screen and (min-width: 820px) and (max-width: 820px)  {
	#hero-home.promo-april22 {
		background-position: -280px 20px;
	}
	.promo-div #div-Top-april22 {
		background-size: 45%;
	}
	.promo-div #div-Top-april22{
		width: 95%;
	}
	.hero-promo-april22 h1, #div-Top-april22 .hero-discount{
		font-size: 1.6em;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-april22 {
    	background-position: -250px 25px;
	}
	.hero-promo-april22 h1, #div-Top-april22 .hero-discount{
		font-size: 1.5em;
	}
	.promo-div #div-Top-april22 {
    	width: 100%;
	}
	.promo-div.hero-promo-april22{
		width: 50%;
	}
	.hero-promo-april22.hero-promo-home ul{
		width: 85%;
	}
}
@media ( max-width : 767px) {
	#hero-home.promo-april22 {
		background-size: 90%;
    	background-position: 0px 75px;
    	box-shadow: none;	
	}
	.hero-promo-home.hero-promo-april22 {
		padding-top: 5%;
		width: 100%;
		background-color: #fff;
	}
	.hero-promo-april22.hero-promo-home ul{
		width: 75%;
	}
	#hero-home.promo-april22 .herohome-wrapper {
    	padding-top: 48%;
	}
	.hero-promo-april22 h1, #div-Top-april22 .hero-discount{
		font-size: 2.4em;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-april22 {
		background-size: 86%;
		background-position: 0px 85px;
	}
	.hero-promo-april22 h1, #div-Top-april22 .hero-discount{
		font-size: 2.0em;
	}
	.promo-div.hero-promo-april22{
		padding-left: 1em;
	}
	.promo-div #div-Top-april22 {
		background-size: 35%;
	}
	#hero-home.promo-april22 .herohome-wrapper {
    	padding-top: 50%;
	}
}
@media ( max-width : 414px) {
	#hero-home.promo-april22 {
		background-position: 0px 60px;
	}
	#hero-home.promo-april22 .herohome-wrapper {
    	padding-top: 40%;
	}
	.hero-promo-april22 h1, #div-Top-april22 .hero-discount{
		font-size: 1.5em;
	}
}
@media ( max-width : 390px) {
	#hero-home.promo-april22 {
		background-position: 0px 65px;
	}
	#hero-home.promo-april22 .herohome-wrapper {
    	padding-top: 42%;
	}
}
@media ( max-width : 375px) {
	#hero-home.promo-april22 {
		background-position: 0px 65px;
	}
	.hero-promo-april22 h1, #div-Top-april22 .hero-discount{
		font-size: 1.3em;
	}
	.hero-promo-valentine22.hero-promo-home ul{
		width: 85%;
	}
}
@media ( max-width : 320px) {
	#hero-home.promo-april22 {
		background-position: 0px 70px;
	}
}
@media ( max-width : 280px) {
	#hero-home.promo-april22 {
		background-size: 80%;
    	background-position: 0px 73px;
	}
	.hero-promo-april22 h1, #div-Top-april22 .hero-discount{
		font-size: 1.0em;
	}
	.promo-div #div-Top-april22 {
		background-size: 42%;
	}
}

/* END APRIL 2022 PROMO */


/* START MOTHER'S DAY 2022 PROMO */

#hero-home.promo-mothers22 {
    background: url(/mj/common/img/promos/promo-background-20220507.png) no-repeat;
    background-position: -5px 85px;
    background-size: 66%;  
}
.hero-promo-mothers22 h1{
    font-size: 2.7em;
}
.hero-promo-mothers22 h2{
    font-size: 2.05em;
    margin-bottom: 8px;
}
.promo-div.hero-promo-mothers22{
    width: 64%;
}
@media only screen and (max-width:1350px){
	#hero-home.promo-mothers22 {
		background-position: 0px 60px;	
		background-size: 85%;
	}	
}
@media only screen and (min-width:1280px) and (max-width:1280px)  {
	#hero-home.promo-mothers22 {
		background-position: 0px 80px;	
		background-size: 73%;
	}
}
@media only screen and (max-width:1241px)  {
	#hero-home.promo-mothers22 {
		background-size: 90%;
		background-position: 0px 70px;
	}
}
@media only screen and (max-width:1240px) {
	#hero-home.promo-mothers22 {
		background-size: 92%;
		background-position: -65px 40px;
	}
}
@media only screen and (max-width:1220px)  {
	#hero-home.promo-mothers22 {
		background-size: 90%;
		background-position: 0px 75px;
	}
}
@media only screen and (max-width:1200px) {
	#hero-home.promo-mothers22 {
		background-size: 95%;
		background-position: -65px 45px;	
	}
}
@media only screen and (max-width:1120px) {
	#hero-home.promo-mothers22 {
		background-size: 95%;
		background-position: -65px 85px;
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-mothers22 {
		background-position: 0px 97px;	
		background-size: 102%;
	}
	.promo-div.hero-promo-mothers22{
		margin-top: 2%;
		width: 55%;
	}
	.hero-promo-mothers22 h2{
    	font-size: 1.85em;
}
}
@media only screen and (max-width:1023px) {
	#hero-home.promo-mothers22 {
		background-size: 112%;
		background-position: -67px 90px;
	}
	.promo-div #div-Top-mothers22 {
    	width: 85%;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-mothers22 {
		background-size: 135%;
		background-position: -80px 35px;
		box-shadow: inset -200px 0 70px 0px #fff;
	}
	.promo-div #div-Top-mothers22{
		width: 95%;
	}
	.hero-promo-mothers22 h1, #div-Top-mothers22 .hero-discount{
		font-size: 1.8em;
	}
}
@media ( max-width : 924px) {
	#hero-home.promo-mothers22 {
		background-size: 130%;
		background-position: -100px 80px;
	}
}
@media only screen and (min-width: 912px) and (max-width: 912px)  {
	#hero-home.promo-mothers22 {
		background-position: -60px 75px;	
		background-size: 126%;
		box-shadow: none;
	}
	.promo-div.hero-promo-mothers22{
		width: 58%;
	}
	.hero-promo-mothers22 h1{
		font-size: 2.2em;
	}
	.hero-promo-mothers22 h2{
		font-size: 1.6em;
	}
	#div-Top-mothers22 ul{
		width: 148%;
		line-height: 18px;
	}
}
@media ( max-width : 860px) {
	#hero-home.promo-mothers22 {
		background-size: 134%;
		background-position: -126px 89px;
	}
}
@media ( max-width : 820px) {
	#hero-home.promo-mothers22 {
		background-size: 131%;
		background-position: -34px 100px;
		box-shadow: inset 0px 0 10px 0px #fff;
	}
	.promo-div #div-Top-mothers22{
		width: 92%;
	}
	.hero-promo-mothers22 h1{
		font-size: 2em;
	}
	.hero-promo-mothers22 h2{
		font-size: 1.5em;
	}
}
@media only screen and (max-width:800px)  {
	#hero-home.promo-mothers22 {
		background-size: 151%;
		background-position: -110px 70px;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-mothers22 {
		background-size: 135%;
    	background-position: -65px 80px;
    	box-shadow: none;
	}
	.hero-promo-mothers22 h1{
		font-size: 2em;
	}
	.promo-div.hero-promo-mothers22{
		width: 57%;
	}
	#div-Top-mothers22 ul{
		line-height: 20px;
	}
}
@media ( max-width : 767px) {
	#hero-home.promo-mothers22 {
		background-size: 80%;
    	background-position: 0px 65px;
    	box-shadow: none;	
	}
	.hero-promo-home.hero-promo-mothers22 {
		width: 100%;
	}
	.hero-promo-mothers22.hero-promo-home ul{
		width: 75%;
	}
	#hero-home.promo-mothers22 .herohome-wrapper {
    	padding-top: 65%;
	}
	.hero-promo-mothers22 h1, #div-Top-mothers22 .hero-discount{
		font-size: 2.4em;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-mothers22 {
		background-size: 85%;
		background-position: 0px 75px;
	}
	#hero-home.promo-mothers22 .herohome-wrapper {
    	padding-top: 50%;
	}
	.hero-promo-mothers22 h1 {
		font-size: 2.0em;
		margin-top: 20%;
	}
	.promo-div #div-Top-mothers22 {
		background-size: 55%;
	}
}
@media ( max-width : 415px) {
	#hero-home.promo-mothers22 {
		background-size: 85%;
		background-position: 0px 65px;
	}
	#hero-home.promo-mothers22 .herohome-wrapper {
    	padding-top: 60%;
	}
	.hero-promo-mothers22 h1{
		margin-top: 15px;
		font-size: 1.6em;
	}
	.hero-promo-mothers22 h2{
		font-size: 1.3em;
	}
}
@media ( max-width : 393px) {
	#hero-home.promo-mothers22 {
		background-position: 0px 60px;
		background-size: 90%;
	}
	#hero-home.promo-mothers22 .herohome-wrapper {
    	padding-top: 65%;
	}
	.hero-promo-mothers22 h1{
		margin-top: 15px;
		font-size: 1.8em;
	}
	.hero-promo-mothers22 h2{
		font-size: 1.3em;
	}
	.hero-promo-mothers22.hero-promo-home ul {
  		width: 100%;
  		line-height: 17px;
	}
}
@media ( max-width : 375px) {
	#hero-home.promo-mothers22 {
		background-position: 0px 55px;
	}
	.hero-promo-mothers22 h1{
		font-size: 1.6em;
	}
}
@media ( max-width : 360px) {
	.hero-promo-mothers22 h1{
		font-size: 1.8em;
	}
}
@media ( max-width : 325px) {
	#hero-home.promo-mothers22 {
		background-position: 0px 67px;
		background-size: 90%;
	}
}
@media ( max-width : 280px) {
	#hero-home.promo-mothers22 {
		background-size: 85%;
    	background-position: 0px 75px;
	}
	.hero-promo-mothers22 h1{
		font-size: 1.4em;
	}
	.hero-promo-mothers22 h2{
		font-size: 1.1em;
	}
}

/* END MOTHER'S DAY 2022 PROMO */

/* START FATHER'S DAY 2022 PROMO */

#hero-home.promo-fathers22 {
    background: url(/mj/common/img/promos/promo-background-20220617.jpg) no-repeat;
    background-position: 0px 16px;
    background-size: 100%;  
}
.hero-promo-fathers22 h1{
    font-size: 2.7em;
}
.hero-promo-fathers22 h2{
    font-size: 2.05em;
    margin-bottom: 8px;
}

.promo-div #div-Top-fathers22 {
	background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
	background-size: 40%;
	width: 90%;
}

.promo-div.hero-promo-fathers22{
    width: 48%;
}
@media only screen and (max-width:1350px){
	#hero-home.promo-fathers22 {
		background-position: 0px 60px;	
		background-size: 100%;
	}	
}

@media only screen and (max-width: 1280px)
#hero-home.promo-fathers22 {
    background-position: 0px 80px;
    background-size: 100%;
}

@media only screen and (max-width:1200px) {
	#hero-home.promo-fathers22 {
		background-size: 111%;
        background-position: 2px 55px;	
	}
}
@media only screen and (max-width:1120px) {
	#hero-home.promo-fathers22 {
		background-size: 95%;
		background-position: -65px 85px;
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-fathers22 {
		background-size: 104%;
    	background-position: -34px 100px;
    	box-shadow: inset 0 -100px 50px -10px #fff;
	}
	.promo-div.hero-promo-fathers22{
		margin-top: 2%;
		width: 50%;
	}
	.hero-promo-fathers22 h2{
    	font-size: 1.85em;
}
}
@media only screen and (max-width:1023px) {
	#hero-home.promo-fathers22 {
		background-size: 112%;
		background-position: -67px 90px;
	}
	.promo-div #div-Top-fathers22 {
    	width: 85%;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-fathers22 {
		background-size: 135%;
		background-position: -80px 35px;
		box-shadow: inset -200px 0 70px 0px #fff;
	}
	.promo-div #div-Top-fathers22{
		width: 95%;
	}
	.hero-promo-fathers22 h1, #div-Top-fathers22 .hero-discount{
		font-size: 1.8em;
	}
}
@media ( max-width : 924px) {
	#hero-home.promo-fathers22 {
		background-size: 131%;
        background-position: -90px 91px;
	}
}
@media only screen and (min-width: 912px) and (max-width: 912px)  {
	#hero-home.promo-fathers22 {
		background-position: -30px 75px;
  		background-size: 107%;
    	box-shadow: inset 0 -150px 50px -10px #fff;
	}
	.promo-div.hero-promo-fathers22{
		width: 53%;
	}
	.hero-promo-fathers22 h1{
		font-size: 2.2em;
	}
	.hero-promo-fathers22 h2{
		font-size: 1.6em;
	}
	#div-Top-fathers22 ul{
		width: 98%;
		line-height: 18px;
	}
}
@media ( max-width : 860px) {
	#hero-home.promo-fathers22 {
		background-size: 134%;
		background-position: -126px 89px;
	}
}
@media ( max-width : 820px) {
	#hero-home.promo-fathers22 {
		background-size: 116%;
        background-position: -34px 100px;
        box-shadow: inset 0 100px 100px 25px #fff, inset 0 -175px 50px -10px #fff;
	}
	.promo-div #div-Top-fathers22{
		width: 92%;
	}
	.hero-promo-fathers22 h1{
		font-size: 2em;
	}
	.hero-promo-fathers22 h2{
		font-size: 1.5em;
	}
}
@media only screen and (max-width:800px)  {
	#hero-home.promo-fathers22 {
		background-size: 151%;
		background-position: -110px 70px;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-fathers22 {
		background-size: 116%;
    	background-position: -34px 100px;
    	box-shadow: inset 0 100px 100px 25px #fff, inset 0 -150px 50px -10px #fff;
	}
	.hero-promo-fathers22 h1{
		font-size: 2em;
	}
	.promo-div.hero-promo-fathers22{
		width: 50%;
	}
	#div-Top-fathers22 ul{
		line-height: 20px;
	}
}
@media ( max-width : 767px) {
	#hero-home.promo-fathers22 {
		background-size: 80%;
    	background-position: 0px 65px;
    	box-shadow: none;	
	}
	.hero-promo-home.hero-promo-fathers22 {
		width: 100%;
	}
	.hero-promo-fathers22.hero-promo-home ul{
		width: 75%;
	}
	#hero-home.promo-fathers22 .herohome-wrapper {
    	padding-top: 65%;
	}
	.hero-promo-fathers22 h1, #div-Top-fathers22 .hero-discount{
		font-size: 2.4em;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-fathers22 {
		background-size: 100%;
		background-position: 0px 75px;
	}
	#hero-home.promo-fathers22 .herohome-wrapper {
    	padding-top: 50%;
	}
	.hero-promo-fathers22 h1 {
		font-size: 2.0em;
		margin-top: 20%;
	}
	.promo-div #div-Top-fathers22 {
		background-size: 55%;
	}
}
@media ( max-width : 415px) {
	#hero-home.promo-fathers22 {
		background-size: 100%;
		background-position: 0px 65px;
	}
	#hero-home.promo-fathers22 .herohome-wrapper {
    	padding-top: 60%;
	}
	.hero-promo-fathers22 h1{
		margin-top: 15px;
		font-size: 1.6em;
	}
	.hero-promo-fathers22 h2{
		font-size: 1.3em;
	}
}
@media ( max-width : 393px) {
	#hero-home.promo-fathers22 {
		background-position: 0px 60px;
		background-size: 100%;
	}
	#hero-home.promo-fathers22 .herohome-wrapper {
    	padding-top: 65%;
	}
	.hero-promo-fathers22 h1{
		margin-top: 15px;
		font-size: 1.8em;
	}
	.hero-promo-fathers22 h2{
		font-size: 1.3em;
	}
	.hero-promo-fathers22.hero-promo-home ul {
  		width: 100%;
  		line-height: 17px;
	}
}
@media ( max-width : 375px) {
	#hero-home.promo-fathers22 {
		background-position: 0px 55px;
	}
	.hero-promo-fathers22 h1{
		font-size: 1.6em;
	}
}
@media ( max-width : 360px) {
	.hero-promo-fathers22 h1{
		font-size: 1.8em;
	}
}
@media ( max-width : 325px) {
	#hero-home.promo-fathers22 {
		background-position: 0px 67px;
		background-size: 90%;
	}
}
@media ( max-width : 280px) {
	#hero-home.promo-fathers22 {
		background-size: 100%;
    	background-position: 0px 75px;
	}
	.hero-promo-fathers22 h1{
		font-size: 1.4em;
	}
	.hero-promo-fathers22 h2{
		font-size: 1.1em;
	}
}

/* END FATHER'S DAY 2022 PROMO */

/* START July 2022 PROMO */

#hero-home.promo-july22 {
    background: url(/mj/common/img/promos/promo-background-20220701.jpg) no-repeat;
    background-position: 0px 69px;
    background-size: 80%;  
}
.hero-promo-july22 h1{
    font-size: 2.7em;
}
.hero-promo-july22 h2{
    font-size: 2.05em;
    margin-bottom: 8px;
}

.promo-div #div-Top-july22 {
	background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
	background-size: 40%;
	width: 90%;
}

.promo-div.hero-promo-july22{
    width: 50%;
}

@media only screen and (min-width:1500px){
	#hero-home.promo-july22 {
		background-position: 0px 69px;
		background-size: 71%;
	}	
}

@media only screen and (max-width:1350px){
	#hero-home.promo-july22 {
		background-position: 0px 60px;	
		background-size: 87%;
	}	
}

@media only screen and (max-width: 1280px)
#hero-home.promo-july22 {
    background-position: 0px 80px;
    background-size: 100%;
}

@media only screen and (max-width:1200px) {
	#hero-home.promo-july22 {
		background-size: 111%;
        background-position: 2px 55px;	
	}
}
@media only screen and (max-width:1120px) {
	#hero-home.promo-july22 {
		background-size: 95%;
		background-position: -65px 85px;
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-july22 {
		background-size: 103%;
   		background-position: 0px 90px;
    	box-shadow: inset 0 -126px 50px 0px #fff;
	}
	.promo-div.hero-promo-july22{
		margin-top: 2%;
		width: 50%;
	}
	.hero-promo-july22 h2{
    	font-size: 1.85em;
}
}
@media only screen and (max-width:1023px) {
	#hero-home.promo-july22 {
		background-size: 112%;
		background-position: -67px 90px;
	}
	.promo-div #div-Top-july22 {
    	width: 85%;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-july22 {
		background-size: 135%;
		background-position: -80px 35px;
		box-shadow: inset -200px 0 70px 0px #fff;
	}
	.promo-div #div-Top-july22{
		width: 95%;
	}
	.hero-promo-july22 h1, #div-Top-july22 .hero-discount{
		font-size: 1.8em;
	}
}
@media ( max-width : 924px) {
	#hero-home.promo-july22 {
		background-size: 131%;
        background-position: -90px 91px;
	}
}
@media only screen and (min-width: 912px) and (max-width: 912px)  {
	#hero-home.promo-july22 {
		background-position: 0px 75px;
  		background-size: 107%;
    	box-shadow: inset 0 -155px 50px -10px #fff;
	}
	.promo-div.hero-promo-july22{
		width: 53%;
	}
	.hero-promo-july22 h1{
		font-size: 2.2em;
	}
	.hero-promo-july22 h2{
		font-size: 1.6em;
	}
	#div-Top-july22 ul{
		width: 98%;
		line-height: 18px;
	}
}
@media ( max-width : 860px) {
	#hero-home.promo-july22 {
		background-size: 134%;
		background-position: -126px 89px;
	}
}
@media ( max-width : 820px) {
	#hero-home.promo-july22 {
		background-size: 124%;
        background-position: -1px 90px;
        box-shadow: inset 0 140px 122px 25px #fff, inset 0 -189px 50px -10px #fff;
	}
	.promo-div #div-Top-july22{
		width: 92%;
	}
	.hero-promo-july22 h1{
		font-size: 2em;
	}
	.hero-promo-july22 h2{
		font-size: 1.5em;
	}
}
@media only screen and (max-width:800px)  {
	#hero-home.promo-july22 {
		background-size: 151%;
		background-position: -110px 70px;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-july22 {
		background-size: 122%;
    	background-position: 0px 90px;
    	box-shadow: inset 0 100px 100px 25px #fff, inset 0 -150px 27px -10px #fff;
	}
	.hero-promo-july22 h1{
		font-size: 2em;
	}
	.promo-div.hero-promo-july22{
		width: 50%;
	}
	#div-Top-july22 ul{
		line-height: 20px;
	}
}
@media ( max-width : 767px) {
	#hero-home.promo-july22 {
		background-size: 80%;
    	background-position: 0px 65px;
    	box-shadow: none;	
	}
	.hero-promo-home.hero-promo-july22 {
		width: 100%;
	}
	.hero-promo-july22.hero-promo-home ul{
		width: 75%;
	}
	#hero-home.promo-july22 .herohome-wrapper {
    	padding-top: 65%;
	}
	.hero-promo-july22 h1, #div-Top-july22 .hero-discount{
		font-size: 2.4em;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-july22 {
		background-size: 100%;
		background-position: 0px 75px;
	}
	#hero-home.promo-july22 .herohome-wrapper {
    	padding-top: 50%;
	}
	.hero-promo-july22 h1 {
		font-size: 2.0em;
		margin-top: 20%;
	}
	.promo-div #div-Top-july22 {
		background-size: 55%;
	}
}
@media ( max-width : 415px) {
	#hero-home.promo-july22 {
		background-size: 100%;
		background-position: 0px 65px;
	}
	#hero-home.promo-july22 .herohome-wrapper {
    	padding-top: 60%;
	}
	.hero-promo-july22 h1{
		margin-top: 15px;
		font-size: 1.6em;
	}
	.hero-promo-july22 h2{
		font-size: 1.3em;
	}
}
@media ( max-width : 393px) {
	#hero-home.promo-july22 {
		background-position: 0px 60px;
		background-size: 100%;
	}
	#hero-home.promo-july22 .herohome-wrapper {
    	padding-top: 65%;
	}
	.hero-promo-july22 h1{
		margin-top: 15px;
		font-size: 1.8em;
	}
	.hero-promo-july22 h2{
		font-size: 1.3em;
	}
	.hero-promo-july22.hero-promo-home ul {
  		width: 100%;
  		line-height: 17px;
	}
}
@media ( max-width : 375px) {
	#hero-home.promo-july22 {
		background-position: 0px 55px;
	}
	.hero-promo-july22 h1{
		font-size: 1.6em;
	}
}
@media ( max-width : 360px) {
	.hero-promo-july22 h1{
		font-size: 1.8em;
	}
}
@media ( max-width : 325px) {
	#hero-home.promo-july22 {
		background-position: 0px 67px;
		background-size: 90%;
	}
}
@media ( max-width : 280px) {
	#hero-home.promo-july22 {
		background-size: 100%;
    	background-position: 0px 75px;
	}
	.hero-promo-july22 h1{
		font-size: 1.4em;
	}
	.hero-promo-july22 h2{
		font-size: 1.1em;
	}
}

/* END July 2022 PROMO */

/* START JULY 3-4 2022 PROMO */

#hero-home.promo-july-4 {
    background: url(/mj/common/img/promos/promo-background-20220704.png) no-repeat;
    background-position: 87px 54px;
    background-size: 78%;
}
.hero-promo-july-4 h1{
    font-size: 2.6em;

}
.promo-div.hero-promo-july-4{
    width: 55%;
}
.hero-promo-july-4.hero-promo-home ul{
		width: 80%;
}
@media only screen and (min-width:1280px) and (max-width:1280px)  {
	#hero-home.promo-july-4 {
		background-position: 20px 50px;	
		background-size: 96%;
	}
}
@media only screen and (max-width:1240px) {
	#hero-home.promo-july-4 {
		background-size: 95%;
		background-position: -1px 56px;
	}
}

@media only screen and (max-width:1200px) {
	#hero-home.promo-july-4 {
		background-size: 100%;
		background-position: 0px 73px;
		box-shadow: inset -530px 0 118px 0px #fff;
		
	}
}
@media only screen and (max-width:1120px) {
	#hero-home.promo-july-4 {
		background-size: 112%;
		background-position: -10px 55px;
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-july-4 {
		background-position: 6px 55px;	
		background-size: 119%;
		box-shadow: none;
	}
	.promo-div.hero-promo-july-4{
		margin-top: 2%;
		width: 46%;
	}
	.hero-promo-july-4.hero-promo-home ul{
		width: 84%;
	}
	.hero-promo-july-4 h1{
		padding-top: 0px;
		margin-top: 0px;
	}
	.hero-promo-july-4 h1, #div-Top-july-4 .hero-discount{
		font-size: 2.0em;
	}
}
@media only screen and (max-width:1023px) {
	#hero-home.promo-july-4 {
		background-size: 125%;
		background-position: -8px 45px;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-july-4 {
		background-size: 139%;
		background-position: -10px 58px;
		box-shadow: inset -440px 0 110px 0px #fff;
	}
	.hero-promo-july-4 h1, #div-Top-july-4 .hero-discount{
		font-size: 1.8em;
	}
}
@media ( max-width : 924px) {
	#hero-home.promo-july-4 {
		background-size: 137%;
		background-position: -6px 67px;
	}
}
@media only screen and (min-width: 912px) and (max-width: 912px)  {
	#hero-home.promo-july-4 {
		background-position: -11px 49px;	
		background-size: 140%;
	}
	.promo-div.hero-promo-july-4{
		padding-left: 0px;
	}
	.promo-div.hero-promo-july-4{
		margin-top: 0px;
	}
}
@media ( max-width : 860px) {
	#hero-home.promo-july-4 {
		background-size: 1841;
		background-position: -7px 89px;
	}
}
@media ( max-width : 820px) {
	#hero-home.promo-july-4 {
		background-size: 148%;
		background-position: -9px 68px;
		box-shadow: inset -396px 0 180px 4px #fff;
	}
	.hero-promo-july-4 h1, #div-Top-july-4 .hero-discount{
		font-size: 1.6em;
	}
}
@media ( max-width : 804px) {
	#hero-home.promo-july-4 {
		background-size: 144%;
		background-position: -7px 89px;
		box-shadow: inset -416px 0 130px 0px #fff;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-july-4 {
		background-size: 160%;
    	background-position: -10px 68px;
    	box-shadow: inset -350px 0px 62px 0px #fff;
	}
	.hero-promo-july-4 h1, #div-Top-july-4 .hero-discount{
		font-size: 1.5em;
	}
	.promo-div.hero-promo-july-4{
		width: 43%;
	}
	.hero-promo-july-4.hero-promo-home ul{
		width: 85%;
	}
}
@media ( max-width : 767px) {
	#hero-home.promo-july-4 {
		background-size: 90%;
    	background-position: 0px 65px;
    	box-shadow: none;	
	}
	.hero-promo-home.hero-promo-july-4 {
		padding-top: 5%;
		width: 100%;
		background-color: #fff;
	}
	.hero-promo-july-4.hero-promo-home ul{
		width: 75%;
	}
	#hero-home.promo-july-4 .herohome-wrapper {
    	padding-top: 52%;
	}
	.hero-promo-july-4 h1, #div-Top-july-4 .hero-discount{
		font-size: 2.4em;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-july-4 {
		background-size: 85%;
		background-position: 0px 75px;
	}
	#hero-home.promo-july-4 .herohome-wrapper {
    	padding-top: 50%;
	}
	.hero-promo-july-4 h1, #div-Top-july-4 .hero-discount{
		font-size: 2.0em;
	}
	
}
@media ( max-width : 415px) {
	#hero-home.promo-july-4 {
		background-size: 90%;
		background-position: 0px 55px;
	}
	#hero-home.promo-july-4 .herohome-wrapper {
    	padding-top: 47%;
	}
	.hero-promo-july-4 h1, #div-Top-july-4 .hero-discount{
		font-size: 1.5em;
	}
}
@media ( max-width : 393px) {
	#hero-home.promo-july-4 {
		background-position: 0px 60px;
		background-size: 95%;
	}
	#hero-home.promo-july-4 .herohome-wrapper {
    	padding-top: 52%;
	}
}
@media ( max-width : 375px) {
	#hero-home.promo-july-4 {
		background-position: 0px 55px;
	}
	.hero-promo-july-4 h1, #div-Top-july-4 .hero-discount{
		font-size: 1.3em;
	}
	.hero-promo-july-4.hero-promo-home ul{
		width: 85%;
	}
}
@media ( max-width : 360px) {
	#hero-home.promo-july-4 {
		background-position: 0px 60px;
		background-size: 90%;
	}
}
@media ( max-width : 325px) {
	#hero-home.promo-july-4 {
		background-position: 0px 67px;
	}
	
}

@media ( max-width : 280px) {
	#hero-home.promo-july-4 {
		background-size: 80%;
    	background-position: 0px 75px;
	}
	.hero-promo-july-4 h1, #div-Top-july-4 .hero-discount{
		font-size: 1.0em;
	}
}

/* END JULY 3-4 2022 PROMO */

/* START July 20-27 PROMO */

#hero-home.promo-july20 {
    background: url(/mj/common/img/promos/promo-background-20220720.png) no-repeat;
    background-position: 0px -25px;
    background-size: 106%;  
}
.hero-promo-july20 h1{
    font-size: 2.7em;
}
.hero-promo-july20 h2{
    font-size: 2.05em;
    margin-bottom: 8px;
}

.promo-div #div-Top-july20 {
	background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
	background-size: 40%;
	width: 90%;
}

.promo-div.hero-promo-july20{
    width: 57%;
}

@media only screen and (min-width:1500px){
	#hero-home.promo-july20 {
		background-position: 0px 87px;
		background-size: 80%;
	}	
}
@media only screen and (min-width: 1366px){
	#hero-home.promo-july20 {
		background-position: 0px 86px;
		background-size: 88%;
	}	
}

@media only screen and (max-width:1350px){
	#hero-home.promo-july20 {
		background-position: 0px 80px;	
		background-size: 104%;
	}	
}

@media only screen and (max-width: 1280px)
#hero-home.promo-july20 {
    background-position: 0px 80px;
    background-size: 100%;
}

@media only screen and (max-width:1200px) {
	#hero-home.promo-july20 {
		background-size: 114%;
        background-position: 2px 67px;	
	}
}
@media only screen and (max-width:1120px) {
	#hero-home.promo-july20 {
		background-size: 120%;
		background-position: -65px 85px;
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-july20 {
		background-size: 130%;
   		background-position: 0px 87px;
    	box-shadow: inset -540px 0 110px 0px #fff
	}
	.promo-div.hero-promo-july20{
		margin-top: 2%;
		width: 50%;
	}
	.hero-promo-july20 h2{
    	font-size: 1.85em;
}
}
@media only screen and (max-width:1023px) {
	#hero-home.promo-july20 {
		background-size: 157%;
		background-position: -67px 78px;
	}
	.promo-div #div-Top-july20 {
    	width: 85%;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-july20 {
		background-size: 145%;
		background-position: -80px 75px;
		box-shadow: inset -495px 0 90px 0px #ff;
	}
	.promo-div #div-Top-july20{
		width: 95%;
	}
	.hero-promo-july20 h1, #div-Top-july20 .hero-discount{
		font-size: 1.8em;
	}
}
@media ( max-width : 924px) {
	#hero-home.promo-july20 {
		background-size: 131%;
        background-position: -90px 91px;
	}
}
@media only screen and (min-width: 912px) and (max-width: 912px)  {
	#hero-home.promo-july20 {
		background-position: -10px 88px;
  		background-size: 141%;
  		box-shadow: inset -495px 0 90px 0px #fff;
	}
	.promo-div.hero-promo-july20{
		width: 53%;
	}
	.hero-promo-july20 h1{
		font-size: 2.2em;
	}
	.hero-promo-july20 h2{
		font-size: 1.6em;
	}
	#div-Top-july20 ul{
		width: 98%;
		line-height: 18px;
	}
}
@media ( max-width : 860px) {
	#hero-home.promo-july20 {
		background-size: 134%;
		background-position: -126px 89px;
	}
}
@media ( max-width : 820px) {
	#hero-home.promo-july20 {
		background-size: 175%;
        background-position: -82px 88px;
        box-shadow: inset -415px 0 150px 0px #fff;
	}
	.promo-div #div-Top-july20{
		width: 92%;
	}
	.hero-promo-july20 h1{
		font-size: 2em;
	}
	.hero-promo-july20 h2{
		font-size: 1.5em;
	}
}
@media only screen and (max-width:800px)  {
	#hero-home.promo-july20 {
		background-size: 202%;
		background-position: -110px 70px;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-july20 {
		background-size: 172%;
    	background-position: -30px 69px;
    	box-shadow: inset -390px 0 110px 0px #fff;
	}
	.hero-promo-july20 h1{
		font-size: 2em;
	}
	.promo-div.hero-promo-july20{
		width: 50%;
	}
	#div-Top-july20 ul{
		line-height: 20px;
	}
}
@media ( max-width : 767px) {
	#hero-home.promo-july20 {
		background-size: 80%;
    	background-position: 0px 65px;
    	box-shadow: none;	
	}
	.hero-promo-home.hero-promo-july20 {
		width: 100%;
	}
	.hero-promo-july20.hero-promo-home ul{
		width: 75%;
	}
	#hero-home.promo-july20 .herohome-wrapper {
    	padding-top: 47%;
	}
	.hero-promo-july20 h1, #div-Top-july20 .hero-discount{
		font-size: 2.4em;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-july20 {
		background-size: 100%;
		background-position: 0px 75px;
	}
	#hero-home.promo-july20 .herohome-wrapper {
    	padding-top: 44%;
	}
	.hero-promo-july20 h1 {
		font-size: 2.0em;
		margin-top: 20%;
	}
	.promo-div #div-Top-july20 {
		background-size: 55%;
	}
}
@media ( max-width : 415px) {
	#hero-home.promo-july20 {
		background-size: 100%;
		background-position: 0px 65px;
	}
	#hero-home.promo-july20 .herohome-wrapper {
    	padding-top: 53%;
	}
	.hero-promo-july20 h1{
		margin-top: 15px;
		font-size: 1.6em;
	}
	.hero-promo-july20 h2{
		font-size: 1.3em;
	}
}
@media ( max-width : 393px) {
	#hero-home.promo-july20 {
		background-position: 0px 60px;
		background-size: 100%;
	}
	#hero-home.promo-july20 .herohome-wrapper {
    	padding-top: 53%;
	}
	.hero-promo-july20 h1{
		margin-top: 15px;
		font-size: 1.8em;
	}
	.hero-promo-july20 h2{
		font-size: 1.3em;
	}
	.hero-promo-july20.hero-promo-home ul {
  		width: 100%;
  		line-height: 17px;
	}
}
@media ( max-width : 375px) {
	#hero-home.promo-july20 {
		background-position: 0px 66px;
	}
	.hero-promo-july20 h1{
		font-size: 1.6em;
	}
}
@media ( max-width : 360px) {
	.hero-promo-july20 h1{
		font-size: 1.8em;
	}
}
@media ( max-width : 325px) {
	#hero-home.promo-july20 {
		background-position: 0px 67px;
		background-size: 90%;
	}
}
@media ( max-width : 280px) {
	#hero-home.promo-july20 {
		background-size: 100%;
    	background-position: 0px 75px;
	}
	.hero-promo-july20 h1{
		font-size: 1.4em;
	}
	.hero-promo-july20 h2{
		font-size: 1.1em;
	}
}

/* END July 20-27 PROMO */

/* START JULY 28-30 2022 PROMO */

#hero-home.promo-july28 {
    background: url(/mj/common/img/promos/promo-background-20220728.png) no-repeat;
    background-position: 0px 90px;
    background-size: 91%;  
}
.hero-promo-july28 h1{
    font-size: 2.7em;
}
.hero-promo-july28 h2{
    font-size: 2.05em;
    margin-bottom: 8px;
}

.promo-div #div-Top-july28 {
	background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
	background-size: 40%;
	width: 90%;
}

.promo-div.hero-promo-july28{
    width: 53%;
}
@media only screen and (max-width: 1370px){
	#hero-home.promo-july28 {
		background-position: 0px 90px;
    	background-size: 100%
	}
}
@media only screen and (max-width:1350px){
	#hero-home.promo-july28 {
		background-position: 0px 60px;	
		background-size: 100%;
	}	
}

@media only screen and (max-width: 1280px){
	#hero-home.promo-july28 {
    	background-position: 0px 89px;
    	background-size: 104%;}
}

@media only screen and (max-width:1200px) {
	#hero-home.promo-july28 {
		background-size: 111%;
        background-position: 2px 55px;	
	}
}
@media only screen and (max-width:1120px) {
	#hero-home.promo-july28 {
		background-size: 95%;
		background-position: -65px 85px;
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-july28 {
		background-size: 142%;
    	background-position: -15px 89px;
		box-shadow: inset -525px 0px 176px 0px #fff;
	}
	.promo-div.hero-promo-july28{
		margin-top: 2%;
		width: 50%;
	}
	.hero-promo-july28 h1{
    	font-size: 2.2em;
}
	.hero-promo-july28 h2{
    	font-size: 1.85em;
}
}
@media only screen and (max-width:1023px) {
	#hero-home.promo-july28 {
		background-size: 112%;
		background-position: -67px 90px;
	}
	.promo-div #div-Top-july28 {
    	width: 85%;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-july28 {
		background-size: 135%;
		background-position: -80px 35px;
		box-shadow: inset -200px 0 70px 0px #fff;
	}
	.promo-div #div-Top-july28{
		width: 95%;
	}
	.hero-promo-july28 h1, #div-Top-july28 .hero-discount{
		font-size: 1.8em;
	}
}
@media ( max-width : 924px) {
	#hero-home.promo-july28 {
		background-size: 131%;
        background-position: -90px 91px;
	}
}
@media only screen and (min-width: 912px) and (max-width: 912px)  {
	#hero-home.promo-july28 {
		background-position: -18px 87px;
  		background-size: 157%;
    	box-shadow: inset -530px 0 150px 0px #fff;

	}
	.promo-div.hero-promo-july28{
		width: 53%;
	}
	.hero-promo-july28 h1{
		font-size: 2.1em;
	}
	.hero-promo-july28 h2{
		font-size: 1.6em;
	}
	#div-Top-july28 ul{
		width: 98%;
		line-height: 18px;
	}
}
@media ( max-width : 860px) {
	#hero-home.promo-july28 {
		background-size: 134%;
		background-position: -126px 89px;
	}
}
@media ( max-width : 820px) {
	#hero-home.promo-july28 {
		background-size: 192%;
        background-position: -23px 88px;
		box-shadow: inset -440px 0 150px 0px #fff;
	}
	.promo-div #div-Top-july28{
		width: 92%;
	}
	.hero-promo-july28 h1{
		font-size: 1.8em;
	}
	.hero-promo-july28 h2{
		font-size: 1.5em;
	}
}
@media only screen and (max-width:800px)  {
	#hero-home.promo-july28 {
		background-size: 151%;
		background-position: -110px 70px;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-july28 {
		background-size: 184%;
    	background-position: -20px 87px;
    	box-shadow: inset -365px 0px 125px 0px #fff;

	}
	.hero-promo-july28 h1{
		font-size: 1.75em;
	}
	.promo-div.hero-promo-july28{
		width: 50%;
	}
	#div-Top-july28 ul{
		line-height: 20px;
	}
}
@media ( max-width : 767px) {
	#hero-home.promo-july28 {
		background-size: 80%;
    	background-position: 0px 65px;
    	box-shadow: none;	
	}
	.hero-promo-home.hero-promo-july28 {
		width: 100%;
	}
	.hero-promo-july28.hero-promo-home ul{
		width: 75%;
	}
	#hero-home.promo-july28 .herohome-wrapper {
    	padding-top: 65%;
	}
	.hero-promo-july28 h1, #div-Top-july28 .hero-discount{
		font-size: 2.4em;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-july28 {
		background-size: 100%;
		background-position: 0px 75px;
	}
	#hero-home.promo-july28 .herohome-wrapper {
    	padding-top: 43%;
	}
	.hero-promo-july28 h1 {
		font-size: 2.0em;
		margin-top: 20%;
	}
	.promo-div #div-Top-july28 {
		background-size: 55%;
	}
}
@media ( max-width : 415px) {
	#hero-home.promo-july28 {
		background-size: 100%;
		background-position: 0px 65px;
	}
	#hero-home.promo-july28 .herohome-wrapper {
    	padding-top: 51%;
	}
	.hero-promo-july28 h1{
		margin-top: 15px;
		font-size: 1.6em;
	}
	.hero-promo-july28 h2{
		font-size: 1.3em;
	}
}
@media ( max-width : 393px) {
	#hero-home.promo-july28 {
		background-position: 0px 60px;
		background-size: 100%;
	}
	#hero-home.promo-july28 .herohome-wrapper {
    	padding-top: 51%;
	}
	.hero-promo-july28 h1{
		margin-top: 15px;
		font-size: 1.8em;
	}
	.hero-promo-july28 h2{
		font-size: 1.3em;
	}
	.hero-promo-july28.hero-promo-home ul {
  		width: 100%;
  		line-height: 17px;
	}
}
@media ( max-width : 375px) {
	#hero-home.promo-july28 {
		background-position: 0px 55px;
	}
	.hero-promo-july28 h1{
		font-size: 1.6em;
	}
}
@media ( max-width : 360px) {
	.hero-promo-july28 h1{
		font-size: 1.7em;
	}
}
@media ( max-width : 325px) {
	#hero-home.promo-july28 {
		background-position: 0px 67px;
		background-size: 90%;
	}
}
@media ( max-width : 280px) {
	#hero-home.promo-july28 {
		background-size: 100%;
    	background-position: 0px 75px;
	}
	.hero-promo-july28 h1{
		font-size: 1.4em;
	}
	.hero-promo-july28 h2{
		font-size: 1.1em;
	}
}

/* END JULY 28-30 2022 PROMO */

/* START AUG 30 - SEPT 3 2022 PROMO */
#hero-home.promo-aug30 {
    background: url(/mj/common/img/promos/promo-background-20220830.png) no-repeat;
    background-position: 75px 120px;
    background-size: 32%; 
}
#btn {
	background-color: #0065a4;
}
#btn:hover {
	background-color: #fff;
	color: #0065a4;
}
#call-Us {
	font-size: smaller;
	margin-left: 25px;
}
.hero-promo-aug30 h1{
    font-size: 2.7em;
}
.hero-promo-aug30 h2{
    font-size: 2.05em;
    margin-bottom: 8px;
}

.promo-div #div-Top-aug30 {
	background: url(/mj/common/img/promos/promo-device-20220830.png) bottom right no-repeat;
	background-size: 29%;
	width: 90%;
	background-position: 456px 146px;
}

.promo-div.hero-promo-aug30{
    width: 56%;
}
@media only screen and (max-width: 1370px){
	#hero-home.promo-aug30 {
	background-position: 75px 123px;
    background-size: 34%; 
	}
}
@media only screen and (max-width:1350px){
	#hero-home.promo-aug30 {
		background-position: 75px 123px;
    background-size: 34%;
	}	
}

@media only screen and (max-width: 1280px){
	#hero-home.promo-aug30 {
    	background-position: 75px 123px;
    background-size: 34%;
    }
}

@media only screen and (max-width:1200px) {
	#hero-home.promo-aug30 {
		background-position: 75px 123px;
    background-size: 34%;
	}
}
@media only screen and (max-width:1120px) {
	#hero-home.promo-aug30 {
		background-position: 75px 123px;
    background-size: 34%;
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-aug30 {
		background-position: 16px 152px;
    	background-size: 45%;
	}
	.promo-div #div-Top-aug30 {
		background: url(/mj/common/img/promos/promo-device-20220830.png) bottom right no-repeat;
		background-size: 27%;
		width: 101%;
		background-position: 337px 212px;
	}
	.promo-div.hero-promo-aug30{
		margin-top: 2%;
		width: 50%;
	}
	.hero-promo-aug30 h1{
    	font-size: 2.2em;
}
	.hero-promo-aug30 h2{
    	font-size: 1.85em;
}
}
@media only screen and (max-width:1023px) {
	#hero-home.promo-aug30 {
		background-size: 112%;
		background-position: -67px 90px;
	}
	.promo-div #div-Top-aug30 {
    	width: 85%;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-aug30 {
		background-size: 135%;
		background-position: -80px 35px;
		box-shadow: inset -200px 0 70px 0px #fff;
	}
	.promo-div #div-Top-aug30{
		width: 95%;
	}
	.hero-promo-aug30 h1, #div-Top-aug30 .hero-discount{
		font-size: 1.8em;
	}
}
@media ( max-width : 924px) {
	#hero-home.promo-aug30 {
		background-size: 131%;
        background-position: -90px 91px;
	}
}
@media only screen and (min-width: 912px) and (max-width: 912px)  {
	#hero-home.promo-aug30 {
		background-position: 3px 175px;
    	background-size: 44%;
    	box-shadow: none;

	}
	.promo-div #div-Top-aug30 {
		background: url(/mj/common/img/promos/promo-device-20220830.png) bottom right no-repeat;
		background-size: 24%;
		width: 101%;
		background-position: 263px 222px;
	}
	.promo-div.hero-promo-aug30{
		width: 53%;
	}
	.hero-promo-aug30 h1{
		font-size: 2.1em;
	}
	.hero-promo-aug30 h2{
		font-size: 1.6em;
	}
	#div-Top-aug30 ul{
		width: 98%;
		line-height: 18px;
	}
}
@media ( max-width : 860px) {
	#hero-home.promo-aug30 {
		background-size: 134%;
		background-position: -126px 89px;
	}
}
@media ( max-width : 820px) {
	#hero-home.promo-aug30 {
		background-position: 3px 217px;
    	background-size: 48%;
    	box-shadow: none;
	}
	.promo-div #div-Top-aug30{
		background-size: 38%;
		width: 92%;
		background-position: 263px 215px;
	}
	.hero-promo-aug30 h1{
		font-size: 1.8em;
	}
	.hero-promo-aug30 h2{
		font-size: 1.5em;
	}
}
@media only screen and (max-width:800px)  {
	#hero-home.promo-aug30 {
		background-size: 151%;
		background-position: -110px 70px;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-aug30 {
		background-position: 3px 175px;
    	background-size: 48%;
    	box-shadow: none;
	}
	.promo-div #div-Top-aug30 {
		background: url(/mj/common/img/promos/promo-device-20220830.png) bottom right no-repeat;
		background-size: 31%;
		width: 101%;
		background-position: 263px 215px;
	}
	.hero-promo-aug30 h1{
		font-size: 1.75em;
	}
	.promo-div.hero-promo-aug30{
		width: 50%;
	}
	#div-Top-aug30 ul{
		line-height: 20px;
	}
}
@media ( max-width : 767px) {
	#hero-home.promo-aug30 {
		background-size: 40%;
    	background-position: 0px 70px;
	}
	.promo-div #div-Top-aug30 {
		background: url(/mj/common/img/promos/promo-device-20220830.png) bottom right no-repeat;
		background-size: 20%;
		width: 101%;
		background-position: 263px 215px;
	}
	.hero-promo-home.hero-promo-aug30 {
		width: 100%;
	}
	.hero-promo-aug30.hero-promo-home ul{
		width: 75%;
	}
	#hero-home.promo-aug30 .herohome-wrapper {
    	padding-top: 65%;
	}
	.hero-promo-aug30 h1, #div-Top-aug30 .hero-discount{
		font-size: 2.4em;
	}
}
@media ( max-width : 540px) {	

	#hero-home.promo-aug30 .herohome-wrapper {
    	padding-top: 43%;
	}
	#hero-home.promo-aug30 {
		background-size: 40%;
    	background-position: 0px 95px;
	}
	.promo-div #div-Top-aug30 {
		background: url(/mj/common/img/promos/promo-device-20220830.png) bottom right no-repeat;
		background-size: 26%;
		width: 101%;
		background-position: 325px 205px;
	}
	.hero-promo-aug30 h1 {
		font-size: 2.0em;
		margin-top: 20%;
	}
}
@media ( max-width : 415px) {
		#hero-home.promo-aug30 {
		background-size: 40%;
    	background-position: 0px 75px;
	}
	.promo-div #div-Top-aug30 {
		background: url(/mj/common/img/promos/promo-device-20220830.png) bottom right no-repeat;
		background-size: 31%;
		width: 101%;
		background-position: 263px 215px;
	}
	#hero-home.promo-aug30 .herohome-wrapper {
    	padding-top: 51%;
	}
	.hero-promo-aug30 h1{
		margin-top: 15px;
		font-size: 1.6em;
	}
	.hero-promo-aug30 h2{
		font-size: 1.3em;
	}
}
@media ( max-width : 393px) {
	#hero-home.promo-aug30 {
		background-size: 40%;
    	background-position: 0px 75px;
	}
	.promo-div #div-Top-aug30 {
		background: url(/mj/common/img/promos/promo-device-20220830.png) bottom right no-repeat;
		background-size: 31%;
		width: 101%;
		background-position: 263px 222px;
	}
	#hero-home.promo-aug30 .herohome-wrapper {
    	padding-top: 51%;
	}
	.hero-promo-aug30 h1{
		margin-top: 15px;
		font-size: 1.8em;
	}
	.hero-promo-aug30 h2{
		font-size: 1.3em;
	}
	.hero-promo-aug30.hero-promo-home ul {
  		width: 100%;
  		line-height: 17px;
	}
}
@media ( max-width : 375px) {
	.hero-promo-aug30 h1{
		font-size: 1.6em;
	}
}
@media ( max-width : 360px) {
	.hero-promo-aug30 h1{
		font-size: 1.7em;
	}
	#hero-home.promo-aug30 {
		background-size: 40%;
    	background-position: 0px 75px;
	}
	.promo-div #div-Top-aug30 {
		background: url(/mj/common/img/promos/promo-device-20220830.png) bottom right no-repeat;
		background-size: 31%;
		width: 101%;
		background-position: 235px 240px;
	}
}
@media ( max-width : 325px) {
	
		.promo-div #div-Top-aug30 {
		background: url(/mj/common/img/promos/promo-device-20220830.png) bottom right no-repeat;
		background-size: 35%;
		width: 101%;
		background-position: 209px 300px;
	}


	#hero-home.promo-aug30 {
		background-position: 3px 78px;
    	background-size: 42%;
	}
}
@media ( max-width : 280px) {

	.hero-promo-aug30 h1{
		font-size: 1.4em;
	}
	.hero-promo-aug30 h2{
		font-size: 1.1em;
	}
}

/* END AUG 30 - SEPT 3 2022 PROMO */

/* START SEPT 4-5 2022 PROMO */

#hero-home.promo-sept-4 {
    background: url(/mj/common/img/promos/backgroung-laborday.png) no-repeat;
    background-position: 185px 125px;
    background-size: 53%;
}

#btn {
	font-size: xx-large; 
	font-weight: 400; margin: 0.5% 0% 0.5% 10%; 
	padding: 5px 20px 5px 20px;
}
.hero-promo-sept-4 h1 {
    font-size: 8.5em;
    font-weight: 900;
    display: inline-block;
    margin-top: 20px;
}
.promo-div.hero-promo-sept-4 {
	background: url(/mj/common/img/promos/laborday-promo-device.png) no-repeat;
	background-size: 43%;
	background-position: 535px -6px;
}
.promo-div.hero-promo-sept-4{
    width: 94%;
    margin-top: 120px;
}
.hero-promo-sept-4.hero-promo-home ul{
	list-style: none;
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 23px;
    font-family: "Proxima Nova";
	width: 80%;
}
@media only screen and (max-width:1400px)  {
	.promo-div.hero-promo-sept-4{
		width: 88%;
		margin-top: 120px;
	}
	#call-Us {
    	margin-left: 175px;
	}
}
@media only screen and (min-width:1280px) and (max-width:1280px)  {
	#hero-home.promo-sept-4 {
		background-position: 150px 95px;	
		background-size: 70%;
		margin-top: 20px;
	}
	.promo-div.hero-promo-sept-4{
		width: 88%;
		margin-top: 120px;
		background-size: 45%;
		background-position: 570px -5px;
	}
	#call-Us {
    	margin-left: 170px;
	}
}
@media only screen and (max-width:1240px) {
	#hero-home.promo-sept-4 {
		background-position: 150px 95px;	
		background-size: 70%;
	}
	.promo-div.hero-promo-sept-4{
		width: 88%;
		margin-top: 120px;
		background-size: 45%;
		background-position: 570px -5px;
	}
	#call-Us {
    	margin-left: 125px;
	}
}

@media only screen and (max-width:1200px) {
	#hero-home.promo-sept-4 {
		background-position: 150px 95px;	
		background-size: 70%;
		
	}
}
@media only screen and (max-width:1120px) {
	#hero-home.promo-sept-4 {
		background-position: 125px 95px;	
		background-size: 70%;
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-sept-4 {
		background-position: 125px 95px;	
		background-size: 70%;
		box-shadow: none;
		margin-top: 20px;
	}
	.promo-div.hero-promo-sept-4{
		width: 88%;
		margin-top: 120px;
		background-size: 45%;
		background-position: 475px -5px;
	}
	.hero-promo-sept-4.hero-promo-home ul{
		width: 84%;
	}
	.hero-promo-sept-4 h1 {
		padding-top: 0px;
		margin-top: 20px;
	}
	.hero-promo-sept-4 h1, #div-Top-sept-4 .hero-discount{
		font-size: 7.0em;
	}
}
@media only screen and (max-width:1023px) {
	#hero-home.promo-sept-4 {
		background-position: 125px 95px;	
		background-size: 70%;
		box-shadow: none;
	}
	.promo-div.hero-promo-sept-4{
		width: 88%;
		margin-top: 120px;
		background-size: 45%;
		background-position: 475px -5px;
	}
	.hero-promo-sept-4.hero-promo-home ul{
		width: 84%;
	}
	.hero-promo-sept-4 h1 {
		padding-top: 0px;
		margin-top: 20px;
	}
	.hero-promo-sept-4 h1, #div-Top-sept-4 .hero-discount{
		font-size: 7.0em;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-sept-4 {
		background-size: 70%;
		background-position: -10px 58px;
	}
	.hero-promo-sept-4 h1, #div-Top-sept-4 .hero-discount{
		font-size: 6.8em;
	}
}
@media ( max-width : 924px) {
	#hero-home.promo-sept-4 {
	background-position: 150px 95px;	
	background-size: 70%;
	}
	.promo-div.hero-promo-sept-4{
	width: 96%;
	margin-top: 105px;
	background-size: 43%;
	background-position: 467px -5px;
	}
	#call-Us {
    	margin-left: 125px;
	}
}
@media only screen and (min-width: 912px) and (max-width: 912px)  {
	#hero-home.promo-sept-4 {
	background-position: 35px 95px;	
	background-size: 67%;
	}
	.promo-div.hero-promo-sept-4{
	width: 97%;
	margin-top: 120px;
	background-size: 48%;
	background-position: 475px -5px;
	}
	.promo-div.hero-promo-sept-4{
		padding-left: 0px;
	}
	.promo-div.hero-promo-sept-4{
		margin-top: 90px;
	}
}
@media ( max-width : 860px) {
	#hero-home.promo-sept-4 {
		background-size: 43%;
		background-position: 150px 95px;;
	}
}
@media ( max-width : 820px) {
	#hero-home.promo-sept-4 {
		background-size: 65%;
		background-position: 40px 110px;
	}
	.hero-promo-sept-4 h1, #div-Top-sept-4 .hero-discount{
		font-size: 6.6em;
	}
	#call-Us {
    	margin-left: 125px;
	}
}

@media ( max-width : 768px) {
	#hero-home.promo-sept-4 {
		background-size: 66%;
    	background-position: 20px 105px;
	}
	.hero-promo-sept-4 h1, #div-Top-sept-4 .hero-discount{
		font-size: 5.5em;
	}
	.promo-div.hero-promo-sept-4{
		width: 98%;
	}
	.hero-promo-sept-4.hero-promo-home ul{
		width: 85%;
	}
	.promo-div.hero-promo-sept-4{
	margin-top: 120px;
	background-size: 39%;
	background-position: 472px -5px;
	}
}
@media ( max-width : 767px) {
	#hero-home.promo-sept-4 {
		background-size: 66%;
    	background-position: 20px 105px;
	}
	.hero-promo-sept-4 h1, #div-Top-sept-4 .hero-discount{
		font-size: 5.5em;
	}
	.promo-div.hero-promo-sept-4{
		width: 98%;
	}
	.hero-promo-sept-4.hero-promo-home ul{
		width: 85%;
	}
	.promo-div.hero-promo-sept-4{
	margin-top: 120px;
	background-size: 39%;
	background-position: 472px -5px;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-sept-4 {
		background-size: 85%;
		background-position: 10px 75px;
		margin-top: 30px;
	}
	#hero-home.promo-sept-4 .herohome-wrapper {
    	padding-top: 6%;
	}
	.hero-promo-sept-4 h1, #div-Top-sept-4 .hero-discount{
		font-size: 4.0em;
	}
	.hero-promo-home.promo-div .phone-hero  {
		margin-top: 80px;
	}
	.promo-div.hero-promo-sept-4{
		margin-top: 120px;
		background-size: 50%;
		background-position: 265px 210px;
	}
	#btn {
		font-size: x-large; 
		font-weight: 400; 
		margin: 0.5% 0% 0.5% 5%; 
		padding: 5px 20px 5px 20px;
	}
	#call-Us {
    	font-size: smaller;
    	margin-left: 45px;
	}
}
@media ( max-width : 415px) {
	.promo-div.hero-promo-sept-4{
		margin-top: 70px;
		background-size: 55%;
		background-position: 180px 302px;
	}
	#btn { 
		margin: 0.5% 0% 0.5% 0%; 
	}
	#call-Us {
    	margin-left: 25px;
	}
}
@media ( max-width : 393px) {
	.promo-div.hero-promo-sept-4{
		background-size: 53%;
		background-position: 180px 315px;
	}
}
@media ( max-width : 375px) {
	.promo-div.hero-promo-sept-4{
		background-size: 53%;
		background-position: 180px 315px;
	}
}
@media ( max-width : 360px) {
	.promo-div.hero-promo-sept-4{
		background-size: 55%;
		background-position: 165px 320px;
	}
}
@media ( max-width : 325px) {
	.promo-div.hero-promo-sept-4{
		background-size: 56%;
		background-position: 145px 380px;
	}
}

@media ( max-width : 280px) {
	.promo-div.hero-promo-sept-4{
		background-size: 63%;
		background-position: 125px 475px;
	}
}
@media only screen and (min-width:1500px)  {
	.promo-div.hero-promo-sept-4{
		width: 94%;
	}
	#call-Us {
    	margin-left: 185px;
	}
	.promo-sept-4 {
		margin-left: 85px;
	}
}
/* END SEPT 4-5 2022 PROMO */

/* START SEPT 6-18 2022 PROMO */

#hero-home.promo-sept6 {
    background: url(/mj/common/img/promos/promo-background-20220906.png) no-repeat;
    background-position: 630px 90px;
    background-size: 39%;  
}
.hero-promo-sept6 h1{
    font-size: 13.0em;
    margin-top: 5px;
    font-weight: 1000;
}
.hero-promo-sept6 h2{
    font-size: 2.05em;
    margin-bottom: 8px;
}
#div-Top-sept6 {
	background: url(/mj/common/img/promos/promo-device-20220906.png) bottom right no-repeat;
	background-size: 106%;
	background-position: -125px -205px;
}
.promo-div.hero-promo-sept6{
    width: 92%;
}
.hero-discount {
	font-size: 4.5em;
	font-weight: 800;
}
#btn {
	font-size: xx-large; 
	font-weight: 400; 
	margin: 0.5% 0% 0% 0%; 
	padding: 5px 20px 5px 20px;
}
.promo-sept6 .ul-sept6 {
    font-size: 23px;
    line-height: 25px;
}
.promo-sept6 .div-ul-sept6 {
	font-size: 17px;
    line-height: 20px;
}
.hero-promo-home.promo-div .phone-hero #In-Out-Text {
	font-size: 17px;
    line-height: 20px;
}
@media only screen and (min-width: 1368px){
	#hero-home.promo-sept6 {
		background-position: 630px 90px;
		background-size: 39%;
	}
	.hero-promo-sept6 h1{
    	font-size: 13.0em;
    	margin-top: 0px;
    	margin-bottom: 0px;
    	font-weight: 1000;
	}
	.hero-discount {
		font-size: 4.5em;
		font-weight: 800;
	}
	#btn {
		font-size: xx-large; 
		font-weight: 400; 
		margin: 0.5% 0% 0% 0%; 
		padding: 5px 20px 5px 20px;
	}
	.promo-sept6 .ul-sept6 {
    	font-size: 23px;
    	line-height: 25px;
	}
	.promo-sept6 .div-ul-sept6 {
		font-size: 17px;
    	line-height: 20px;
	}
	.hero-promo-home.promo-div .phone-hero #In-Out-Text {
		font-size: 17px;
    	line-height: 20px;
	}
}
@media only screen and (max-width:1367px) {
	#hero-home.promo-sept6 {
		background-position: 550px 90px;
		background-size: 46%;
	}
	.hero-promo-sept6 h1{  	
    	margin-top: 25px;
	}
	#div-Top-sept6 {
		background-size: 112%;
		background-position: -185px -205px;
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-sept6 {
		background-position: 450px 90px;
		background-size: 46%;
	}
	.hero-promo-sept6 h1{
    	font-size: 11.0em;
    	margin-top: 25px;
    	margin-bottom: 0px;
    	font-weight: 900;
	}
	#div-Top-sept6 {
		background-size: 115%;
		background-position: -125px -150px;
	}
}
@media only screen and (max-width: 912px)  {
	#hero-home.promo-sept6 {
		background-size: 52%;
        background-position: 370px 90px;
	}
	.promo-div #div-Top-sept6{
		width: 102%;
		background-position: -125px -65px;
	}
	.hero-promo-sept6 h1{
		font-size: 10em;
	}
}
@media ( max-width : 768px) {
#hero-home.promo-sept6 {
		background-size: 52%;
        background-position: 370px 90px;
	}
	.promo-div #div-Top-sept6{
		background-size: 110%;
		background-position: -85px -45px;
	}
	.hero-promo-sept6 h1{
		font-size: 9em;
	}
	.promo-div.hero-promo-sept6 ul{
    width: 60%;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-sept6 {
		background-size: 91%;
		background-position: 30px 120px;
		margin-top: 25%;
	}
	#hero-home.promo-sept6 .herohome-wrapper {
    	padding-top: 44%;
	}
	.hero-promo-sept6 h1 {
		font-size: 9.0em;
		margin: -52% 0% 39% 25%;
	}
	.promo-div #div-Top-sept6 {
		background-size: 125%;
		background-position: -105px 185px;
	}
	.promo-div.hero-promo-sept6 ul{
    	width: 98%;
	}
	.hero-promo-home.promo-div .phone-hero  {
		margin-top: 20px;
	}
}
@media ( max-width : 415px) {
	#hero-home.promo-sept6 {
		background-size: 93%;
		background-position: 15px 110px;
		margin-top: 25%;
	}
	#hero-home.promo-sept6 .herohome-wrapper {
    	padding-top: 44%;
	}
	.hero-promo-sept6 h1 {
		font-size: 9.0em;
		margin: -65% 0% 39% 15%;
	}
	.promo-div #div-Top-sept6 {
		background-size: 149%;
		background-position: -150px 230px;
	}
	.promo-div.hero-promo-sept6 ul{
    	width: 98%;
    	font-size: 20px;
	}
	.hero-discount {
    	font-size: 3.5em;
    	font-weight: 600;
	}
	#btn {
		font-size: large; 
	}
	.hero-promo-home.promo-div .phone-hero  {
		margin-top: 20px;
	}
}
@media ( max-width : 393px) {
	.promo-div #div-Top-sept6 {
		background-size: 149%;
		background-position: -150px 235px;
	}
	.hero-promo-sept6 h1 {
		font-weight: 600;
		font-size: 8em;
		margin: -65% 0% 39% 15%;
	}
	.hero-discount {
    	font-size: 3.2em;
    	font-weight: 600;
	}
}
@media ( max-width : 325px) {
	.promo-div #div-Top-sept6 {
		background-position: -105px 300px;
	}
	.hero-discount {
    	font-size: 2.8em;
	}
}
@media ( max-width : 280px) {
	.promo-div #div-Top-sept6 {
		background-position: -95px 360px;
	}
	.hero-discount {
    	font-size: 2.5em;
	}
	.hero-promo-sept6 h1 {
		font-size: 7em;
		margin: -65% 0% 39% 9%;
	}
}

/* END SEPT 6-18 2022 PROMO */

/* START OCT 3-16 2022 PROMO */
#hero-home.promo-oct3 {
    background: url(/mj/common/img/promos/promo-background-20221003.png) no-repeat;
    background-position: -2px 87px;
    background-size: 80%; 
}
#btn {
	font-size: xx-large;
	background-color: #3fbb38;
	margin-left: 200px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px;
}
#btn:hover {
	background-color: #fff;
	color: #3fbb38;
}
#call-Us {
	font-size: small;
	margin-left: 0px;
}
.hero-promo-oct3 h1{
    font-size: 4.2em;
}
.hero-promo-oct3 h2{
    font-size: 3.4em;
    margin-bottom: 8px;
    font-weight: 400;
}
.strikediag {
  background: linear-gradient(to left top, transparent 48.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%);
}
.promo-div.hero-promo-oct3{
    width: 63%;
}
.hero-promo-home ul{
	font-size: 20px;
    line-height: 20px;
}
@media only screen and (max-width: 1370px){
	#hero-home.promo-oct3 {
	background-position: -2px 88px;
    background-size: 88%; 
	}
}
@media only screen and (max-width:1300px) {
	#hero-home.promo-oct3 {
		background-size: 95%; 
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-oct3 {
    	background-size: 133%;
    	box-shadow: inset -530px 0 590px 0px #fff;
	}
	.promo-div.hero-promo-oct3{
		margin-top: 2%;
		width: 51%;
	}
	.hero-promo-oct3 h1{
    	font-size: 2.8em;
	}
	.hero-promo-oct3 h2{
    	font-size: 2.7em;
	}
	#btn {
		margin-left:100px;
	}
	#call-Us {
		margin-left:0px;
	}
}
@media only screen and (min-width: 912px) and (max-width: 912px)  {
	#hero-home.promo-oct3 {
    	background-size: 160%;
    	box-shadow: inset -330px 0px 300px 0px #fff;
    	background-position: -72px 88px;
	}
	.hero-promo-oct3 h1{
    	font-size: 2.5em;
	}
	.hero-promo-oct3 h2{
    	font-size: 2.5em;
	}
}

@media only screen and (max-width:830px)  {
	#hero-home.promo-oct3 {
		background-size: 191%;
		background-position: -145px 88px;
		box-shadow: inset -330px 0px 300px 0px #fff;
	}
	.hero-promo-oct3 h1{
    	font-size: 2.3em;
	}
	.hero-promo-oct3 h2{
    	font-size: 2.2em;
	}
	.hero-discount {
		font-size:4em;
	}
	#btn {
		margin-left:70px;
	}
	#call-Us {
		margin-left:0px;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-oct3 {
		background-size: 191%;
		background-position: -130px 88px;
		box-shadow: inset -330px 0px 300px 0px #fff;
	}
	.hero-promo-oct3 h1{
    	font-size: 2.1em;
	}
	.hero-promo-oct3 h2{
    	font-size: 2.0em;
	}
	.hero-discount {
		font-size:3em;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-oct3 {
		background-size: 100%;
		background-position: 0px 50px;
		box-shadow: none;
	}
	.promo-div.hero-promo-oct3 {
    	width: 100%;
    	padding-top: 140px;
	}
}
@media ( max-width : 415px) {
	#hero-home.promo-oct3 {
		background-size: 100%;
		background-position: 0px 60px;
		box-shadow: none;
	}
	.promo-div.hero-promo-oct3 {
    	padding-top: 90px;
	}
}
@media ( max-width : 393px) {
	.hero-promo-oct3 h1{
		font-size: 2em;
	}
}
@media ( max-width : 376px) {
	.hero-promo-oct3 h1{
		font-size: 1.7em;
	}
	.hero-promo-oct3 h2{
		font-size: 1.7em;
	}
	#btn {
		margin-left:40px;
	}
	#call-Us {
		margin-left:0px;
	}
}
@media ( max-width : 325px) {
	.hero-promo-oct3 h1{
		font-size: 1.5em;
	}
	.hero-promo-oct3 h2{
		font-size: 1.4em;
	}
}
@media ( max-width : 281px) {
	.hero-promo-oct3 h1{
		font-size: 1.4em;
	}
	.hero-promo-oct3 h2{
		font-size: 1.3em;
	}
	#btn {
		font-size: x-large;
	}
}

/* END OCT 3-16 2022 PROMO */

/* START OCT 27-31 2022 PROMO */

#hero-home.promo-oct27 {
    background: url(/mj/common/img/promos/promo-background-20221027.png) no-repeat;
    background-position: 220px 67px;
    background-size: 48%; 
}
.hero-promo-oct27 h1{
	font-size: 10.5em;
    position: absolute;
    margin-top: -185px;
    margin-left: 645px;
}
.hero-promo-oct27 h2{
    font-size: 2.05em;
    margin-bottom: 8px;
}
#div-Top-oct27 {
	background: url(/mj/common/img/promos/promo-device-20221027.png) bottom right no-repeat;
	background-size: 30%;
	background-position: 600px -15px;
}
.promo-div.hero-promo-oct27{
    width: 90%;
    margin-top: 196px;
}
.hero-discount {
	font-size: 4.5em;
	font-weight: 800;
}
#btn.oct27-btn {
	font-size: xx-large; 
	font-weight: 400; 
	margin: 0.5% 0% 0% 0%; 
	padding: 5px 20px 5px 20px;
	background-color: #0065a4;
}
#btn.oct27-btn:hover {
  background-color: white;
  color: #0065a4;
}
.promo-oct27 .ul-oct27 {
    font-size: 23px;
    line-height: 25px;
}
.promo-oct27 .div-ul-oct27 {
	font-size: 17px;
    line-height: 20px;
}
.hero-promo-home.promo-div .phone-hero #In-Out-Text {
	font-size: 17px;
    line-height: 20px;
}
@media only screen and (max-width:1367px) {
	#hero-home.promo-oct27 {
		background-position: 195px 67px;
    	background-size: 52%
	}
	#div-Top-oct27 {
		background-size: 33%;
		background-position: 592px -16px;
	}
	.promo-div.hero-promo-oct27{
    	width: 86%;
	}
	.hero-promo-oct27 h1{
		margin-left: 625px;
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-oct27 {
		background-position: 75px 67px;
    	background-size: 61%
	}
	#div-Top-oct27 {
		background-size: 36%;
		background-position: 420px 76px;
	}
	.promo-div.hero-promo-oct27{
    	width: 86%;
	}
	.hero-promo-oct27 h1{
		margin-left: 490px;
		margin-top: -165px;
		font-size: 9.5em;
	}
}
@media only screen and (max-width: 912px)  {
	#hero-home.promo-oct27 {
		background-position: 5px 67px;
    	background-size: 71%
	}
	.hero-promo-oct27 h1 {
    	margin-left: 435px;
    	margin-top: -175px;
    	font-size: 8em;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-oct27 {
		background-position: -7px 70px;
    	background-size: 79%
	}
	#div-Top-oct27 {
		background-size: 38%;
		background-position: 383px 125px;
	}
	.hero-promo-oct27 h1 {
    	margin-left: 410px;
    	margin-top: -155px;
    	font-size: 7.5em;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-oct27 {
		background-size: 71%;
		background-position: 0px 20px;
		margin-top: 10%;
	}
	#hero-home.promo-oct27 .herohome-wrapper {
    	padding-top: 10%;
	}
	.promo-div #div-Top-oct27 {
		background-size: 44%;
		background-position: 270px 180px;
	}
	.promo-div.hero-promo-oct27{
    	width: 100%;
    	margin-top: 142px;
	}
	.hero-promo-home.promo-div .phone-hero  {
		margin-top: 10px;
	}
	.hero-discount {
    	font-size: 3.2em;
	}
	.hero-promo-oct27 h1 {
    	margin-left: 330px;
    	margin-top: -155px;
    	font-size: 5.5em;
	}
}
@media ( max-width : 415px) {
	#hero-home.promo-oct27 {
		background-size: 70%;
		background-position: 0px 65px;
	}
	.promo-div.hero-promo-oct27{
    	margin-top: 100px;
	}
	.promo-div #div-Top-oct27 {
		background-size: 50%;
		background-position: 185px 203px;
	}
	.hero-discount {
    	font-size: 2.7em;
	}
	#btn.oct27-btn {
		font-size: x-large; 
	}
	.hero-promo-oct27 h1 {
    	margin-left: 248px;
    	margin-top: -92px;
    	font-size: 4.0em;
	}
}
@media ( max-width : 394px) {
	.promo-div #div-Top-oct27 {
    	background-size: 55%;
    	background-position: 165px 240px;
	}
	.hero-discount {
    	font-size: 2.4em;
	}
	.hero-promo-oct27 h1 {
    	margin-left: 230px;
	}
}
@media ( max-width : 365px) {
	.promo-div #div-Top-oct27 {
    	background-position: 148px 252px;
	}
	.hero-promo-oct27 h1 {
    	margin-left: 215px;
    	margin-top: -88px;
    	font-size: 3.5em;
	}
}
@media ( max-width : 325px) {
	.promo-div #div-Top-oct27 {
		background-size: 60%;
		background-position: 110px 345px;
	}
	.hero-discount {
    	font-size: 2.1em;
	}
	#hero-home.promo-oct27 {
    	background-position: -10px 75px;
	}
	#btn.oct27-btn {
		font-size: large; 
	}
	.hero-promo-oct27 h1 {
    	margin-left: 178px;
	}
}
@media ( max-width : 280px) {
	.promo-div #div-Top-oct27 {
		background-size: 54%;
		background-position: 115px 475px;
	}
	.hero-discount {
    	font-size: 1.8em;
	}
	.hero-promo-oct27 h1 {
    	margin-left: 155px;
    	margin-top:-83px;
    	font-size: 3em;
	}
}

/* END OCT 27-31 2022 PROMO */

/* START NOV 7-10 2022 PROMO */

#hero-home.promo-nov7 {
    background: url(/mj/common/img/promos/promo-background-20221103.png) no-repeat;
    background-position: 0px 90px;
    background-size: 23%; 
}
.hero-promo-nov7 h1{
	font-size: 10em;
    margin-left: -38px;
    font-weight: 900;
    margin-top: -23px;
    margin-bottom: -15px;
}
.hero-promo-nov7 h2{
    font-size: 3.5em;
    margin-top: -185px;
    margin-left: 105px;
    font-weight: 100;
}
#div-Top-nov7 {
	background: url(/mj/common/img/promos/promo-device-20221103.png) bottom right no-repeat;
	background-size: 23%;
	background-position: 840px 210px;
}
.promo-div.hero-promo-nov7{
    width: 90%;
    margin-top: 196px;
}
#div-Top-only-nov7{
	margin-left: -3%;
}
.hero-promo-home.promo-div .div-ul-nov7{
	margin-left:-3%;
}
.hero-discount {
	font-size: 4.5em;
	font-weight: 800;
}
#btn.nov7-btn {
	font-size: xx-large; 
	font-weight: 400; 
	margin: 0.5% 0% 0% 0%; 
	padding: 5px 20px 5px 20px;
	background-color: #0065a4;
}
#btn.nov7-btn:hover {
  background-color: white;
  color: #0065a4;
}
.promo-nov7 .ul-nov7 {
    font-size: 23px;
    line-height: 25px;
}
.promo-nov7 .div-ul-nov7 {
	font-size: 17px;
    line-height: 20px;
}
.hero-promo-home.promo-div .phone-hero #In-Out-Text {
	font-size: 17px;
    line-height: 20px;
}
@media only screen and (max-width:1367px) {
	#hero-home.promo-nov7 {
		background-position: 0px 90px;
    	background-size: 24%;
	}
	#div-Top-nov7 {
		background-size: 25%;
		background-position: 760px 230px;
	}
	.promo-div.hero-promo-nov7{
    	width: 86%;
	}
	.hero-promo-nov7 h1{
		font-size: 10em;
    	margin-left: -38px;
    	margin-top: -23px;
   	 	margin-bottom: -15px;
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-nov7 {
		background-position: 0px 90px;
    	background-size: 30%;
	}
	#div-Top-nov7 {
		background-size: 25%;
		background-position: 605px 305px;
	}
	.promo-div.hero-promo-nov7{
    	width: 86%;
	}
	.hero-promo-nov7 h1{
		font-size: 9em;
    	margin-left: 12px;
	}
	.hero-promo-nov7 h2 {
    	font-size: 3em;
    	margin-top: -163px;
    	margin-left: 145px;
    	font-weight: 100;
	}
	#div-Top-only-nov7 {
    	margin-left: 2%;
	}
	.hero-promo-home.promo-div .div-ul-nov7{
		margin-left:1%;
	}
}
@media only screen and (max-width: 912px)  {
	#hero-home.promo-nov7 {
    	background-size: 31%;
	}
	.hero-promo-nov7 h1 {
    	font-size: 8em;
	}
	.hero-promo-nov7 h2 {
		margin-left: 90px;
	}
		#div-Top-nov7 {
		background-size: 29%;
		background-position: 475px 325px;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-nov7 {
    	background-size: 30%;
	}
	#div-Top-nov7 {
		background-size: 25%;
		background-position: 440px 340px;
	}
	.hero-promo-nov7 h1 {
    	margin-left: 15px;
    	font-size: 7em;
	}
	.hero-promo-nov7 h2 {
		margin-left: 105px;
		font-size: 2.5em;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-nov7 {
		background-size: 30%;
	}

	.promo-div #div-Top-nov7 {
    	background-size: 32%;
    	background-position: 330px 350px;
	}
	.promo-div.hero-promo-nov7{
    	width: 100%;
    	margin-top: 10px;
	}
	.hero-promo-home.promo-div .phone-hero  {
		margin-top: 10px;
	}
	.hero-discount {
    	font-size: 3.2em;
	}
	.hero-promo-nov7 h1 {
    	margin-left: 15px;
    	margin-top: 15px;
    	font-size: 5.5em;
	}
	.hero-promo-nov7 h2 {
		margin-top: -100px;
		font-size: 2em;
	}
}
@media ( max-width : 415px) {
	#hero-home.promo-nov7 {
    	background-size: 38%;
    	background-position: 0px 65px;
	}
	.promo-div #div-Top-nov7 {
    	background-size: 33%;
    	background-position: 240px 385px;
	}
	.hero-discount {
    	font-size: 2.7em;
	}
	#btn.nov7-btn {
		font-size: x-large; 
	}
	.hero-promo-nov7 h1 {
    	margin-left: 15px;
    	margin-top: 15px;
    	font-size: 4.0em;
	}
	.hero-promo-nov7 h2 {
		margin-top: -100px;
		font-size: 1.6em;
		margin-left: 95px;
	}
}
@media ( max-width : 394px) {
	.promo-div #div-Top-nov7 {
    	background-size: 33%;
    	background-position: 238px 414px;
	}
	.hero-discount {
		margin-top: 5px;
    	font-size: 2.5em;
	}
	.hero-promo-nov7 h2 {
		font-size: 1.5em;
	}
}
@media ( max-width : 365px) {
	.hero-promo-nov7 h2 {
		font-size: 1.3em;
	}
	.hero-promo-nov7 h1 {
    	margin-left: 7px;
    	margin-top: 30px;
    	font-size: 3.8em;
	}
	.hero-discount {
    	font-size: 2.1em;
	}
	.promo-div #div-Top-nov7 {
    	background-size: 34%;
    	background-position: 220px 420px;
	}
}
@media ( max-width : 325px) {
	.hero-promo-nov7 h1 {
    	font-size: 3.3em;
	}
	.hero-promo-nov7 h2 {
    	font-size: 1.15em;
	}
	#btn.nov7-btn {
		font-size: large; 
	}
	.promo-div #div-Top-nov7 {
    	background-size: 40%;
    	background-position: 178px 500px;
	}
}
@media ( max-width : 280px) {
	.hero-promo-nov7 h2 {
    	font-size: 1em;
    	margin-top: -75px;
    	margin-left: 70px;
	}
	.hero-promo-nov7 h1 {
    	font-size: 2.8em;
    	margin-top:20px;
	}
	.hero-discount {
		margin-top:15px;
    	font-size: 1.8em;
	}
	.promo-div #div-Top-nov7 {
    	background-size: 33%;
    	background-position: 168px 681px;
	}
}

/* END NOV 7-10 2022 PROMO */

/* START NOV 11 2022 PROMO */

#hero-home.promo-nov11 {
    background: url(/mj/common/img/promos/promo-background-20221103.png) no-repeat;
    background-position: 0px 90px;
    background-size: 23%; 
}
.hero-promo-nov11 h1{
	font-size: 8em;
    margin-left: -43px;
    font-weight: 900;
    margin-top: -23px;
    margin-bottom: -15px;
}
.hero-promo-nov11 h2{
    font-size: 4em;
    margin-top: -180px;
    margin-left: 194px;
    font-weight: 300;
    margin-bottom: 4px;
}
#div-Top-nov11 {
	background: url(/mj/common/img/promos/promo-background-20221111.png) bottom right no-repeat;
	background-size: 48%;
	background-position: 640px 150px;
}
.promo-div.hero-promo-nov11{
    width: 90%;
    margin-top: 196px;
}
#div-Top-only-nov11{
	margin-left: -3%;
}
.hero-promo-home.promo-div .div-ul-nov11{
	margin-left:-3%;
}
.hero-discount {
	font-size: 4.5em;
	font-weight: 800;
}
#btn.nov11-btn {
	font-size: xx-large; 
	font-weight: 400; 
	margin: 0.5% 0% 0% 0%; 
	padding: 5px 20px 5px 20px;
	background-color: #0065a4;
}
#btn.nov11-btn:hover {
  background-color: white;
  color: #0065a4;
}
.promo-nov11 .ul-nov11 {
    font-size: 23px;
    line-height: 25px;
}
.promo-nov11 .div-ul-nov11 {
	font-size: 17px;
    line-height: 20px;
}
.hero-promo-home.promo-div .phone-hero #In-Out-Text {
	font-size: 17px;
    line-height: 20px;
}
@media only screen and (max-width:1367px) {
	#hero-home.promo-nov11 {
		background-position: 0px 90px;
    	background-size: 24%;
	}
	#div-Top-nov11 {
		background-size: 45%;
		background-position: 610px 175px;
	}
	.promo-div.hero-promo-nov11{
    	width: 86%;
	}
	.hero-promo-nov11 h1{
		font-size: 8em;
    	margin-left: -38px;
    	margin-top: -23px;
   	 	margin-bottom: -15px;
	}
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-nov11 {
		background-position: 0px 90px;
    	background-size: 30%;
	}
	#div-Top-nov11 {
		background-size: 45%;
		background-position: 495px 225px;
	}
	.promo-div.hero-promo-nov11{
    	width: 86%;
	}
	.hero-promo-nov11 h1{
		font-size: 7em;
    	margin-left: 35px;
	}
	.hero-promo-nov11 h2 {
    	font-size: 3em;
    	margin-top: -163px;
    	margin-left: 240px;
    	font-weight: 400;
	}
	#div-Top-only-nov11 {
    	margin-left: 2%;
	}
	.hero-promo-home.promo-div .div-ul-nov11{
		margin-left:1%;
	}
}
@media only screen and (max-width: 912px)  {
	#hero-home.promo-nov11 {
    	background-size: 31%;
	}
	.hero-promo-nov11 h1 {
    	font-size: 6em;
    	margin-left: 15px;
	}
	.hero-promo-nov11 h2 {
		margin-left: 185px;
    	margin-bottom: 25px;
	}
		#div-Top-nov11 {
	    background-size: 45%;
    	background-position: 426px 233px;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-nov11 {
    	background-size: 30%;
	}
	#div-Top-nov11 {
		background-size: 50%;
		background-position: 315px 345px;
	}
	.hero-promo-nov11 h1 {
    	margin-left: 10px;
    	font-size: 6em;
	}
	.hero-promo-nov11 h2 {
		margin-left: 200px;
		font-size: 2.5em;
	}
}
@media ( max-width : 540px) {	
	#hero-home.promo-nov11 {
		background-size: 30%;
	}

	.promo-div #div-Top-nov11 {
    	background-size: 55%;
    	background-position: 243px 395px;
	}
	.promo-div.hero-promo-nov11{
    	width: 100%;
    	margin-top: 10px;
	}
	.hero-promo-home.promo-div .phone-hero  {
		margin-top: 10px;
	}
	.hero-discount {
    	font-size: 3.2em;
	}
	.hero-promo-nov11 h1 {
    	margin-left: 15px;
    	margin-top: 15px;
    	font-size: 4.5em;
    	margin-bottom: 5px;
	}
	.hero-promo-nov11 h2 {
		margin-top: -100px;
		font-size: 2em;
		margin-left: 157px;
		font-weight: 400;
	}
}
@media ( max-width : 415px) {
	#hero-home.promo-nov11 {
    	background-size: 40%;
    	background-position: 0px 65px;
	}
	.promo-div #div-Top-nov11 {
    	background-size: 68%;
    	background-position: 170px 382px;
	}
	.hero-discount {
    	font-size: 2.7em;
	}
	#btn.nov11-btn {
		font-size: x-large; 
	}
	.hero-promo-nov11 h1 {
    	margin-left: 6px;
    	margin-top: 15px;
    	font-size: 3.5em;
	}
	.hero-promo-nov11 h2 {
		margin-top: -100px;
		font-size: 1.6em;
		margin-left: 125px;
	}
}
@media ( max-width : 394px) {
	.promo-div #div-Top-nov11 {
    	background-size: 64%;
    	background-position: 175px 427px;
	}
	.hero-discount {
		margin-top: 5px;
    	font-size: 2.5em;
	}
	.hero-promo-nov11 h2 {
		font-size: 1.5em;
	}
	.hero-promo-nov11 h1 {
		margin-top: 33px;
	}
}
@media ( max-width : 365px) {
	.hero-promo-nov11 h2 {
		font-size: 1.3em;
		margin-top: -90px;
	}
	.hero-promo-nov11 h1 {
    	margin-left: 7px;
    	font-size: 3.2em;
	}
	.hero-discount {
    	font-size: 2.1em;
	}
	.promo-div #div-Top-nov11 {
    	background-size: 61%;
    	background-position: 177px 390px;
	}
}
@media ( max-width : 325px) {
	.hero-promo-nov11 h1 {
    	font-size: 2.8em;
	}
	.hero-promo-nov11 h2 {
    	font-size: 1.25em;
    	margin-left: 105px;
	}
	#btn.nov11-btn {
		font-size: large; 
	}
	.promo-div #div-Top-nov11 {
    	background-size: 60%;
    	background-position: 150px 500px;
	}
}
@media ( max-width : 280px) {
	.hero-promo-nov11 h2 {
    	font-size: 1em;
    	margin-top: -75px;
    	margin-left: 98px;
	}
	.hero-promo-nov11 h1 {
    	font-size: 2.5em;
    	margin-top:20px;
	}
	.hero-discount {
		margin-top:15px;
    	font-size: 1.8em;
	}
	.promo-div #div-Top-nov11 {
    	background-size: 66%;
    	background-position: 102px 562px;
	}
}

/* END NOV 11 2022 PROMO */

/* START BLACK FRIDAY-2022 PROMO */
#hero-home.promo-blackfriday22 {
	background: url(/mj/common/img/promos/promo-background-20201126.jpg) no-repeat;
	background-position: -20px 80px;
	background-size: 118%;
}

.promo-div #div-Top-blackfriday22 {
	background: url(/mj/common/img/promos/promo-device-20201126.png) bottom right no-repeat;
	background-size: 25%;
	width: 90%;
}

#hero-home.promo-blackfriday22 .hero-discount, .hero-promo-blackfriday22 h1{
	font-size: 2.7em;
}
.hero-promo-blackfriday22 h1{
	margin-top:50px;
}
.hero-promo-blackfriday22{
	width:52%;
	margin-top:5px;
}
#btn.mj-btn-blackfriday22 {
	margin-left: 0px;
	font-size: x-large;
}

@media only screen and (max-width:1400px) {
	#hero-home.promo-blackfriday22 {
		background-position: -100px 80px;
		background-size: 136%;
	}
}

@media only screen and (max-width:1024px) {
	#hero-home.promo-blackfriday22 {
		background-size: 194%;
		background-position: -260px 87px;
	}
	.promo-div #div-Top-blackfriday22 {
    	background-size: 30%;
	}
	#hero-home.promo-blackfriday22 .hero-discount, .hero-promo-blackfriday22 h1{
		font-size: 2.2em;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-blackfriday22 {
		background-size: 196%;
		background-position: -246px 89px;
	}
	.promo-div #div-Top-blackfriday22 {
    	background-size: 30%;
	}
	#hero-home.promo-blackfriday22 .hero-discount, .hero-promo-blackfriday22 h1{
		font-size: 1.9em;
		margin-top:0px;
	}
	.hero-promo-blackfriday22{
		width:52%;
		margin-top:10px;
	}
}
@media ( max-width : 820px) {
	#hero-home.promo-blackfriday22 {
		background-size: 196%;
		background-position: -246px 89px;
		box-shadow: inset 0 100px 100px -15px #fff, inset 0 -150px 30px -24px #fff;
	}
	.promo-div #div-Top-blackfriday22 {
    	background-size: 30%;
	}
	#hero-home.promo-blackfriday22 .hero-discount, .hero-promo-blackfriday22 h1{
		font-size: 1.75em;
		margin-top:0px;
	}
	.hero-promo-blackfriday22{
		width:53%;
		margin-top:10px;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-blackfriday22 {
		background-size: 192%;
		background-position: -180px 88px;
	}	
	.promo-div #div-Top-blackfriday22 {
    	background-size: 27%;
	}
	.promo-div.hero-promo-blackfriday22 {
    	padding-left: 1em;
	}
	#hero-home.promo-blackfriday22 .hero-discount, .hero-promo-blackfriday22 h1{
		font-size: 1.6em;
	}
}

@media ( max-width : 767px) {
	#hero-home.promo-blackfriday22 {
		background-size: 100%;
		background-position: 0px 80px;
	}
	#hero-home.promo-blackfriday22 .herohome-wrapper {
		padding-top: 55%;
	}
	.hero-promo-home.hero-promo-blackfriday22 ul {
		width: 61%;
	}
	#hero-home.promo-blackfriday22 .hero-discount, .hero-promo-blackfriday22 h1{
		font-size: 2.1em;
	}
}

@media ( max-width : 540px) {
	#hero-home.promo-blackfriday22 {
		background-position: 30% 8%;
	}
	#hero-home.promo-blackfriday22 .hero-discount, .hero-promo-blackfriday22 h1{
		font-size: 2.2em;
	}
	.hero-promo-home.hero-promo-blackfriday22 {
    	height: 85%;
    	background-color: #fff;
	}
	#hero-home.promo-blackfriday22 .herohome-wrapper {
    	padding-top: 55%;
	}
	.promo-div #div-Top-blackfriday22 {
        background-size: 23%;
    	background-position: 92% 99%;
	}
	.hero-promo-blackfriday22 {
    	width: 113%;
    	margin-top: 10px;
	}
}

@media ( max-width : 414px) {
	#hero-home.promo-blackfriday22 .herohome-wrapper {
    	padding-top: 45%;
	}
	#hero-home.promo-blackfriday22 {
    	background-position: 30% 8%;
	}
	.promo-div #div-Top-blackfriday22 {
    	background-size: 35%;
	}
	#hero-home.promo-blackfriday22 .hero-discount, .hero-promo-blackfriday22 h1{
		font-size: 1.6em;
	}
}

@media ( max-width : 375px) {
	#hero-home.promo-blackfriday22 .herohome-wrapper {
    	padding-top: 46%;
	}	
	.promo-div #div-Top-blackfriday22{
		width: 95%;
	}
	#hero-home.promo-blackfriday22 .hero-discount, .hero-promo-blackfriday22 h1{
		font-size: 1.5em;
	}
}

@media ( max-width : 360px) {
	#hero-home.promo-blackfriday22 .hero-discount, .hero-promo-blackfriday22 h1{
		font-size: 1.4em;
	}
}

@media ( max-width : 320px) {
	#div-Top-blackfriday22 #call-Us{
		font-size: 12px;
	}
	#hero-home.promo-blackfriday22 .herohome-wrapper {
    	padding-top: 43%;
	}
	#hero-home.promo-blackfriday22 {
    	background-position: 30% 9%;
	}
	#hero-home.promo-blackfriday22 .hero-discount, .hero-promo-blackfriday22 h1{
		font-size: 1.2em;
	}
}

@media ( max-width : 280px) {
	#hero-home.promo-blackfriday22 .herohome-wrapper {
    	padding-top: 48%;
	}
	.promo-div #div-Top-blackfriday22{
		width: 100%;
	}
	#hero-home.promo-blackfriday22 {
    	background-position: 30% 8%;
	}
	#hero-home.promo-blackfriday22 .hero-discount, .hero-promo-blackfriday22 h1{
		font-size: 1.1em;
	}
}

/* END BLACK FRIDAY-2022 PROMO */

/* START CYBER MONDAY-2022 PROMO */

#hero-home.promo-cybermonday22 {
	background: url(/mj/common/img/promos/promo-background-20221128.jpg) no-repeat;
	background-position: 185px 15px;
	background-size: 42%;
}
.promo-div #div-Top-cybermonday22 {
	width: 90%;
	background: url(/mj/common/img/promos/promo-device-20221128.png) bottom right no-repeat;
	background-size: 16%;
	background-position: 895px 2px;
}
.hero-promo-cybermonday22.hero-promo-home.promo-div.hero-clarify {
    width: 94%;
    margin-top: 17%;
}
.promo-div.hero-promo-cybermonday22 {
	width: 52%;
}
#btn.btn-cybermonday22{
	font-size: xx-large;
	margin-left: 0px;
	background-color: #0065a4;
}
#btn.btn-cybermonday22:hover{
	color: #0065a4;
	background-color: white;
	border: 2px solid #0065a4;
}
.only-cybermonday22 {
	font-size: 6rem;
}
.tax-cybermonday22{
	font-size: 3.4rem;
	font-weight: 300;
}
.saletime-cybermonday22{
	font-size: 2.8rem;
	font-weight: 500;
}
.hero-discount-cybermonay22{
	line-height: 47px;
}
@media only screen and (max-width:1400px) {
	#hero-home.promo-cybermonday22 {
    	background-position: 107px 15px;
	}
	.hero-promo-cybermonday22.hero-promo-home.promo-div.hero-clarify {
    	width: 93%;
    	margin-top: 16%;
	}	
	
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-cybermonday22 {
    	background-position: 80px 35px;
	}
	.promo-div #div-Top-cybermonday22 {
		width: 104%;
		background-position: 670px 70px;
	}
}
@media ( max-width : 990px) {
	.hero-promo-cybermonday22.hero-promo-home.promo-div.hero-clarify {
    	margin-top: 14%;
	}
}
@media ( max-width : 820px) {
	.promo-div #div-Top-cybermonday22 {
		width: 97%;
    	background-position: 595px 70px;
	}
	#hero-home.promo-cybermonday22 {
		background-position: 67px 42px;
    	background-size: 48%;;
	}
	.hero-promo-cybermonday22.hero-promo-home.promo-div.hero-clarify {
    	margin-top: 17%;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-cybermonday22 {
    	background-position: 60px 42px;
	}
	#div-Top-cybermonday22 ul {
    	line-height: 32px;
	}
	.hero-promo-cybermonday22.hero-promo-home.promo-div.hero-clarify {
    	margin-top: 16%;
	}
	.promo-div #div-Top-cybermonday22 {
    	background-position: 565px 70px;
	}
	#hero-home.promo-cybermonday22 {
		background-position: 60px 42px;
    	background-size: 50%;;
	}
	.hero-promo-cybermonday22.hero-promo-home.promo-div.hero-clarify {
    	margin-top: 19%;
	}
	.only-cybermonday22 {
    	font-size: 4.5rem;
	}
	.tax-cybermonday22 {
   		font-size: 2.5rem;
	}
	.saletime-cybermonday22 {
    	font-size: 2rem;
	}
	.hero-discount-cybermonay22{
		line-height:40px;
	}
}
@media ( max-width : 540px) {
	#hero-home.promo-cybermonday22 {
    	background-position: 40% 5%;
    	background-size: 85%;
	}
	#hero-home.promo-cybermonday22 .herohome-wrapper {
		padding-top: 40%;
	}
	.promo-div #div-Top-cybermonday22{
		background-size: 20%;
    	background-position: 400px 225px;
    	width: 103%;
	}
	.hero-promo-cybermonday22.hero-promo-home.promo-div.hero-clarify {
    	width: 96%;
	}
	.tax-cybermonday22 {
    	font-size: 0.5em;
	}
}
@media ( max-width : 415px) {
	.only-cybermonday22 {
    	font-size: 0.97em;
	}
	.tax-cybermonday22 {
    	font-size: 0.4em;
	}
	.saletime-cybermonday22 {
    	font-size: 0.5em;
	}
	#div-Top-cybermonday22 ul {
    	line-height: 28px;
	}
	.promo-div #div-Top-cybermonday22{
	    background-size: 23%;
    	background-position: 290px 292px;
	}
	#hero-home.promo-cybermonday22 .herohome-wrapper {
    	padding-top: 30%;
	}
}
@media (max-width: 395px) {
	.promo-div #div-Top-cybermonday22 {
    	background-position: 270px 305px;
	}
}
@media ( max-width : 376px) {
	.promo-div #div-Top-cybermonday22 {
    	background-position: 255px 300px;
	}
	#btn.btn-cybermonday22{
		font-size: x-large;
	}
	.only-cybermonday22 {
    	font-size: 1em;
	}
}

@media ( max-width : 360px) {
	#div-Top-cybermonday22 ul {
    	line-height: 24px;
	}
	.promo-div #div-Top-cybermonday22 {
    	background-position: 245px 295px;
	}
}
@media ( max-width : 320px) {
	.promo-div #div-Top-cybermonday22 {
    	background-position: 210px 260px;
	}
}

@media ( max-width : 280px) {
	.promo-div #div-Top-cybermonday22 {
    	background-position: 180px 405px;
    	background-size: 28%;
	}
}

/* END CYBER MONDAY-2022 PROMO */

/* START CYBER TUESDAY-2022 PROMO */

#hero-home.promo-cyberTues22 {
	background: url(/mj/common/img/promos/promo-background-20221129.png) no-repeat;
	background-position: -20px 88px;
	background-size: 90%;
}
.promo-div #div-Top-cyberTues22 {
	width: 90%;
	background: url(/mj/common/img/promos/promo-device-20221129.png) bottom right no-repeat;
	background-size: 20%;
	background-position: 840px 0px;
}
.hero-promo-cyberTues22.hero-promo-home.promo-div.hero-clarify {
    width: 94%;
    margin-top: 15%;
}
.promo-div.hero-promo-cyberTues22 {
	width: 52%;
}
#btn.btn-cyberTues22{
	font-size: xx-large;
	margin-left: 0px;
	background-color: #0065a4;
}
#btn.btn-cyberTues22:hover{
	color: #0065a4;
	background-color: white;
	border: 2px solid #0065a4;
}
.only-cyberTues22 {
	font-size: 6rem;
}
.tax-cyberTues22{
	font-size: 2.8rem;
	font-weight: 300;
}
.saletime-cyberTues22{
	font-size: 2.5rem;
	font-weight: 400;
}
.hero-discount-cybermonay22{
	line-height: 47px;
}
@media only screen and (max-width:1400px) {
	#hero-home.promo-cyberTues22 {
    	background-position: -70px 88px;
	}
	.hero-promo-cyberTues22.hero-promo-home.promo-div.hero-clarify {
    	width: 93%;
    	margin-top: 14%;
	}	
	
}
@media only screen and (max-width:1024px) {
	#hero-home.promo-cyberTues22 {
    	background-position: -60px 88px;
	}
	.promo-div #div-Top-cyberTues22 {
		width: 104%;
		background-position: 670px 55px;
	}
	.hero-promo-cyberTues22.hero-promo-home.promo-div.hero-clarify {
    	margin-top: 16%;
	}
}
@media ( max-width : 990px) {
	.hero-promo-cyberTues22.hero-promo-home.promo-div.hero-clarify {
    	margin-top: 14%;
	}
	.promo-div #div-Top-cyberTues22 {
    	width: 104%;
    	background-position: 615px 55px;
	}
}
@media ( max-width : 820px) {
	.promo-div #div-Top-cyberTues22 {
		width: 97%;
    	background-position: 540px 70px;
	}
	#hero-home.promo-cyberTues22 {
		background-position: -55px 89px;
    	background-size: 97%;;
	}
	.hero-promo-cyberTues22.hero-promo-home.promo-div.hero-clarify {
    	margin-top: 17%;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-cyberTues22 {
    	background-position: 60px 42px;
	}
	#div-Top-cyberTues22 ul {
    	line-height: 32px;
	}
	.hero-promo-cyberTues22.hero-promo-home.promo-div.hero-clarify {
    	margin-top: 16%;
	}
	.promo-div #div-Top-cyberTues22 {
    	background-position: 550px 70px;
	}
	#hero-home.promo-cyberTues22 {
		background-position: -55px 89px;
    	background-size: 97%;
	}
	.hero-promo-cyberTues22.hero-promo-home.promo-div.hero-clarify {
    	margin-top: 19%;
	}
	.only-cyberTues22 {
    	font-size: 4.5rem;
	}
	.tax-cyberTues22 {
   		font-size: 2.5rem;
	}
	.saletime-cyberTues22 {
    	font-size: 2rem;
	}
	.hero-discount-cybermonay22{
		line-height:40px;
	}
}
@media ( max-width : 540px) {
	#hero-home.promo-cyberTues22 {
    	background-position: 75% 17%;
    	background-size: 112%;
	}
	#hero-home.promo-cyberTues22 .herohome-wrapper {
		padding-top: 18%;
	}
	.promo-div #div-Top-cyberTues22{
		background-size: 25%;
    	background-position: 385px 210px;
    	width: 107%;
	}
	.hero-promo-cyberTues22.hero-promo-home.promo-div.hero-clarify {
    	width: 96%;
	}
	.tax-cyberTues22 {
    	font-size: 0.5em;
	}
}
@media ( max-width : 415px) {
	#hero-home.promo-cyberTues22 {
    	background-position: 82% 10%;
    	background-size: 112%;
	}
	.only-cyberTues22 {
    	font-size: 0.97em;
	}
	.tax-cyberTues22 {
    	font-size: 0.4em;
	}
	.saletime-cyberTues22 {
    	font-size: 0.5em;
	}
	#div-Top-cyberTues22 ul {
    	line-height: 28px;
	}
	.promo-div #div-Top-cyberTues22{
	    background-size: 30%;
    	background-position: 280px 285px;
	}
	#hero-home.promo-cyberTues22 .herohome-wrapper {
    	padding-top: 10%;
	}
}
@media (max-width: 395px) {
	.promo-div #div-Top-cyberTues22 {
    	background-position: 260px 285px;
	}
}
@media ( max-width : 376px) {
	.promo-div #div-Top-cyberTues22 {
    	background-position: 256px 292px;
	}
	#btn.btn-cyberTues22{
		font-size: x-large;
	}
	.only-cyberTues22 {
    	font-size: 1em;
	}
}

@media ( max-width : 360px) {
	#div-Top-cyberTues22 ul {
    	line-height: 24px;
	}
	.promo-div #div-Top-cyberTues22 {
    	background-position: 238px 252px;
	}
}
@media ( max-width : 320px) {
	.promo-div #div-Top-cyberTues22 {
    	background-position: 200px 315px;
	}
}

@media ( max-width : 280px) {
	#hero-home.promo-cyberTues22 {
    	background-position: 82% 8%;
    	background-size: 115%;
	}
	.promo-div #div-Top-cyberTues22 {
    	background-position: 167px 395px;
    	background-size: 37%;
	}
	.hero-discount-cybermonay22 {
    	line-height: 22px;
	}
}

/* END CYBER TUESDAY-2022 PROMO */

/* START DECEMBER-2022 PROMO */
#body-dec22.dec22-body-img {
    background: url(/mj/common/img/promos/promo-background-20221208.png) no-repeat;
    background-position: 0px 42px;
    background-size: cover;
 }
#hero-home.promo-dec22 {
	background: url(/mj/common/img/promos/promo-text-20221208.png) no-repeat;
	background-position: 285px 150px;
	background-size: 60%;
}
.promo-div #div-Top-dec22 {
	width: 100%;
	background: url(/mj/common/img/promos/promo-device-20221208.png) bottom right no-repeat;
	background-size: 100%;
	background-position: 10px -170px;
}
.hero-promo-dec22.hero-promo-home.promo-div.hero-clarify {
    width: 85%;
    margin-top: 13%;
}
.promo-div.hero-promo-dec22 {
	width: 52%;
}
#btn.btn-dec22{
	font-size: xx-large;
	margin-left: 0px;
	background-color: #0065a4;
}
#btn.btn-dec22:hover{
	color: #0065a4;
	background-color: white;
	border: 2px solid #0065a4;
}
.only-dec22 {
	font-size: 6rem;
}
.tax-dec22{
	font-size: 2.8rem;
	font-weight: 300;
}
.saletime-dec22{
	font-size: 2.2rem;
	font-weight: 500;
}
.hero-discount-cybermonay22{
	line-height: 47px;
}
@media only screen and (max-width:1400px) {
	#body-dec22.dec22-body-img {
		background-position: 0px 82px;
		background-size: 100%;
	}
	.hero-promo-dec22.hero-promo-home.promo-div.hero-clarify {
	    width: 81%;
	}
	.promo-div #div-Top-dec22 {
		background-position: -40px -140px;
	}
	#hero-home.promo-dec22 {
		background-position: 255px 150px;
	}
}
@media only screen and (max-width: 1280px){
  	#hero-home.promo-dec22 {
   		background-position: 240px 150px;
	}
}
@media only screen and (max-width:1024px) {
	#body-dec22.dec22-body-img {
		background-position: 0px 90px;
		background-size: 100%;	
	}
	#hero-home.promo-dec22 {
    	background-position: 190px 115px;
	}
	.promo-div #div-Top-dec22 {
    	background-position: -40px -40px;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-dec22 {
    	background-position: 170px 115px;
	}
	.hero-promo-dec22.hero-promo-home.promo-div.hero-clarify {
    	margin-top: 14%;
	}
	.promo-div #div-Top-dec22 {
    	width: 104%;
    	background-position: -66px 17px;
	}
}
@media ( max-width : 820px) {
	.promo-div #div-Top-dec22 {
		width: 97%;
    	background-position: -80px 30px;
    	background-size: 110%;
	}
	#hero-home.promo-dec22 {
		background-position: 130px 125px;
    	background-size: 72%;
	}
	.hero-promo-dec22.hero-promo-home.promo-div.hero-clarify {
    	margin-top: 17%;
	}
	.only-dec22 {
		font-size: 5rem;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-dec22 {
    	background-position: 60px 42px;
	}
	#div-Top-dec22 ul {
    	line-height: 32px;
	}
	.hero-promo-dec22.hero-promo-home.promo-div.hero-clarify {
    	margin-top: 16%;
	}
	.promo-div #div-Top-dec22 {
    	background-position: 0px 70px;
	}
	#hero-home.promo-dec22 {
		background-position: 132px 140px;
    	background-size: 70%;
	}
	.hero-promo-dec22.hero-promo-home.promo-div.hero-clarify {
    	margin-top: 19%;
	}
	.only-dec22 {
    	font-size: 4.5rem;
	}
	.tax-dec22 {
   		font-size: 2.5rem;
	}
	.saletime-dec22 {
    	font-size: 2rem;
	}
	.hero-discount-cybermonay22{
		line-height:40px;
	}
}
@media ( max-width : 540px) {
	#hero-home.promo-dec22 {
    	background-position: 10% 35%;
    	background-size: 85%;
	}
	#hero-home.promo-dec22 .herohome-wrapper {
		padding-top: 55%;
	}
	.promo-div #div-Top-dec22{
	    background-size: 140%;
	    background-position: -115px 90px;
	    width: 100%;
	}
	.hero-promo-dec22.hero-promo-home.promo-div.hero-clarify {
    	width: 96%;
	}
	.tax-dec22 {
    	font-size: 0.5em;
	}
	.only-dec22 {
   		font-size: 0.97em;
	}
}
@media ( max-width : 435px) {
	#hero-home.promo-dec22 {
    	background-position: 50% 26%;
    	background-size: 95%;
	}
	#hero-home.promo-dec22 .herohome-wrapper {
		padding-top: 45%;
	}
	.only-dec22 {
  		font-size: 0.75em;
	}
	.tax-dec22 {
  		font-size: 0.36em;
	}
	.saletime-dec22 {
  		font-size: 1.6rem;
	}
	.hero-promo-home.promo-div ul {
	  	width: 100%;
	}
	.promo-div #div-Top-dec22 {
  		background-size: 116%;
  		background-position: -10px 205px;
	}
}
@media ( max-width : 415px) {
	#hero-home.promo-dec22 {
    	background-position: 35% 26%;
    	background-size: 90%;
	}
	.only-dec22 {
    	font-size: 0.97em;
	}
	.tax-dec22 {
    	font-size: 0.4em;
	}
	.saletime-dec22 {
    	font-size: 0.5em;
	}
	#div-Top-dec22 ul {
    	line-height: 28px;
	}
	.promo-div #div-Top-dec22{
	    background-size: 160%;
    	background-position: -152px 195px;
	}
	#hero-home.promo-dec22 .herohome-wrapper {
    	padding-top: 50%;
	}
}
@media (max-width: 395px) {
	.promo-div #div-Top-dec22 {
    	background-position: 260px 285px;
	}
	.promo-div #div-Top-dec22{
	    background-size: 160%;
    	background-position: -150px 200px;
	}
}
@media ( max-width : 376px) {
	.promo-div #div-Top-dec22 {
    	background-position: -140px 215px;
	}
	#btn.btn-dec22{
		font-size: x-large;
	}
	.only-dec22 {
    	font-size: 0.9em;
	}
}

@media ( max-width : 360px) {
	#div-Top-dec22 ul {
    	line-height: 24px;
	}
	.promo-div #div-Top-dec22 {
    	background-position: -130px 210px;
	}
}
@media ( max-width : 320px) {
	#hero-home.promo-dec22 {
    	background-position: 35% 23%;
    	background-size: 94%;
	}
	.promo-div #div-Top-dec22 {
    	background-position: -130px 275px;
	}
}

@media ( max-width : 280px) {
	#hero-home.promo-dec22 {
    	background-position: 45% 18%;
    	background-size: 92%;
	}
	.promo-div #div-Top-dec22 {
    	background-position: -147px 330px;
    	background-size: 183%;
	}
	.hero-discount-cybermonay22 {
    	line-height: 22px;
	}
}

/* END DECEMBER-2022 PROMO */

/* START JAN 1st 2023 PROMO */
#hero-home.promo-jan1 {
	background: url(/mj/common/img/promos/promo-background-20230101.png) no-repeat;
	background-position: 35px 80px;
	background-size: 85%;
}

#hero-home.promo-jan1 .hero-discount, .hero-promo-jan1 h1{
	font-size: 3.1em;
}
.hero-promo-jan1 h1{
	margin-top:50px;
}
.hero-promo-jan1{
	width:64%;
	margin-top:-30px;
}
#btn.mj-btn-jan1 {
	margin-left: 0px;
	font-size: x-large;
}
.hero-promo-home.hero-clarify .mj-img-jan1 img {
    width: 281px;
}
@media only screen and (max-width:1400px) {
	#hero-home.promo-jan1 {
		background-position: 12px 88px;
		background-size: 90%;
	}
	.hero-promo-jan1{
		width:66%;
		margin-top:15px;
	}
}

@media only screen and (max-width:1024px) {
	#hero-home.promo-jan1 {
		background-position: -15px 88px;
		background-size: 100%;
	}
	#hero-home.promo-jan1 .hero-discount, .hero-promo-jan1 h1{
		font-size: 2.5em;
	}
	.hero-promo-home.hero-clarify .mj-img-jan1 img {
    	width: 240px;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-jan1 {
		background-position: -15px 88px;
		background-size: 100%;
	}
	.hero-promo-jan1 h1{
		font-size: 2.2em;
		margin-top:0px;
	}
	.hero-promo-jan1 h1 {
    	margin-top: 11px;
	}
}
@media ( max-width : 820px) {
	.hero-promo-jan1 h1 {
    	font-size: 2.0em;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-jan1 {
		background-position: -30px 88px;
		background-size: 95%;
	}
	.hero-promo-jan1 {
    	width: 71%;
    	margin-top: 15px;
	}
}

@media only screen and ( max-width : 767px) {
	#hero-home.promo-jan1 {
		background-position: -30px 88px;
		background-size: 95%;
	}
	.hero-promo-jan1 {
    	width: 71%;
    	margin-top: 15px;
	}
}
@media ( max-width : 767px) {
	#hero-home.promo-jan1 {
		background-position: -10px 68px;
		background-size: 88%;
	}
	#hero-home.promo-jan1 .hero-discount, .hero-promo-jan1 h1{
		font-size: 1.8em;
	}
	.hero-promo-home.hero-promo-jan1 {
    	height: 85%;
	}
	#hero-home.promo-jan1 .herohome-wrapper {
    	padding-top: 53%;
	}
	.hero-promo-jan1 {
    	width: 113%;
    	margin-top: 10px;
	}
}
@media ( max-width : 540px) {
	#hero-home.promo-jan1 {
		background-position: -10px 68px;
		background-size: 88%;
	}
	#hero-home.promo-jan1 .hero-discount, .hero-promo-jan1 h1{
		font-size: 1.8em;
	}
	.hero-promo-home.hero-promo-jan1 {
    	height: 85%;
	}
	#hero-home.promo-jan1 .herohome-wrapper {
    	padding-top: 53%;
	}
	.hero-promo-jan1 {
    	width: 113%;
    	margin-top: 10px;
	}
}
@media (max-width: 435px){
	.hero-promo-home.promo-div ul {
  		width: 92%;
	}
}
@media ( max-width : 415px) {
	#hero-home.promo-jan1 .herohome-wrapper {
    	padding-top: 55%;
	}
	.hero-promo-jan1 h1 {
    	margin-top: -10px;
	}
	#hero-home.promo-jan1 {
		background-position: -10px 65px;
		background-size: 90%;
	}
	#hero-home.promo-jan1 .hero-discount, .hero-promo-jan1 h1{
		font-size: 1.8em;
	}
}

@media ( max-width : 360px) {
	#hero-home.promo-jan1 .hero-discount, .hero-promo-jan1 h1{
		font-size: 1.7em;
	}
}

@media ( max-width : 321px) {
	#hero-home.promo-jan1 .hero-discount, .hero-promo-jan1 h1{
		font-size: 1.5em;
	}
}

@media ( max-width : 280px) {
	#hero-home.promo-jan1 .herohome-wrapper {
    	padding-top: 55%;
	}
	#hero-home.promo-jan1 .hero-discount, .hero-promo-jan1 h1{
		font-size: 1.2em;
	}
}

/* END JAN 1st 2023 PROMO */

/* START JAN 2st 2023 PROMO */
#hero-home.promo-jan2 {
	background: url(/mj/common/img/promos/promo-background-20230101.png) no-repeat;
	background-position: 35px 80px;
	background-size: 85%;
}

#hero-home.promo-jan2 .hero-discount, .hero-promo-jan2 h1{
	font-size: 3.5em;
}
.hero-promo-jan2 h1{
	margin-top:50px;
}
.hero-promo-jan2{
	width:64%;
	margin-top:-30px;
}
#btn.mj-btn-jan2 {
	margin-left: 0px;
	font-size: x-large;
}
.hero-promo-home.hero-clarify .mj-img-jan1 img {
    width: 281px;
}
.promo-div #div-Top-jan2 {
    background: url(/mj/common/img/hero/home_switch.png) bottom right no-repeat;
    background-size: 47%;
    width: 90%;
}
#call-Us.call-Us-jan2{
	font-size: 1.3em;
}
@media only screen and (max-width:1400px) {
	#hero-home.promo-jan2 {
		background-position: 12px 88px;
		background-size: 90%;
	}
	.hero-promo-jan2{
		width:66%;
		margin-top:15px;
	}
}

@media only screen and (max-width:1024px) {
	#hero-home.promo-jan2 {
		background-position: -15px 88px;
		background-size: 100%;
	}
	#hero-home.promo-jan2 .hero-discount, .hero-promo-jan2 h1{
		font-size: 2.5em;
	}
	.hero-promo-home.hero-clarify .mj-img-jan1 img {
    	width: 240px;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-jan2 {
		background-position: -15px 88px;
		background-size: 100%;
	}
	.hero-promo-jan2 h1{
		font-size: 2.2em;
		margin-top:0px;
	}
	.hero-promo-jan2 h1 {
    	margin-top: 11px;
	}
}
@media ( max-width : 820px) {
	.hero-promo-jan2 h1 {
    	font-size: 2.0em;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-jan2 {
		background-position: -30px 88px;
		background-size: 95%;
	}
	.hero-promo-jan2 {
    	width: 71%;
    	margin-top: 15px;
	}
}

@media only screen and ( max-width : 767px) {
	#hero-home.promo-jan2 {
		background-position: -30px 88px;
		background-size: 95%;
	}
	.hero-promo-jan2 {
    	width: 71%;
    	margin-top: 15px;
	}
}
@media ( max-width : 767px) {
	#hero-home.promo-jan2 {
		background-position: -10px 68px;
		background-size: 88%;
	}
	#hero-home.promo-jan2 .hero-discount, .hero-promo-jan2 h1{
		font-size: 1.8em;
	}
	.hero-promo-home.hero-promo-jan2 {
    	height: 85%;
	}
	#hero-home.promo-jan2 .herohome-wrapper {
    	padding-top: 53%;
	}
	.hero-promo-jan2 {
    	width: 113%;
    	margin-top: 10px;
	}
}
@media ( max-width : 540px) {
	#hero-home.promo-jan2 {
		background-position: -10px 68px;
		background-size: 88%;
	}
	#hero-home.promo-jan2 .hero-discount, .hero-promo-jan2 h1{
		font-size: 1.8em;
	}
	.hero-promo-home.hero-promo-jan2 {
    	height: 85%;
	}
	#hero-home.promo-jan2 .herohome-wrapper {
    	padding-top: 53%;
	}
	.hero-promo-jan2 {
    	width: 113%;
    	margin-top: 10px;
	}
}

@media ( max-width : 415px) {
	#hero-home.promo-jan2 .herohome-wrapper {
    	padding-top: 55%;
	}
	.hero-promo-jan2 h1 {
    	margin-top: -10px;
	}
	#hero-home.promo-jan2 {
		background-position: -10px 65px;
		background-size: 90%;
	}
	#hero-home.promo-jan2 .hero-discount, .hero-promo-jan2 h1{
		font-size: 1.8em;
	}
}

@media ( max-width : 360px) {
	#hero-home.promo-jan2 .hero-discount, .hero-promo-jan2 h1{
		font-size: 1.7em;
	}
}

@media ( max-width : 321px) {
	#hero-home.promo-jan2 .hero-discount, .hero-promo-jan2 h1{
		font-size: 1.5em;
	}
	.promo-div #div-Top-jan2{
		background-position: 100% 65%;
	}
}

@media ( max-width : 280px) {
	#hero-home.promo-jan2 .herohome-wrapper {
    	padding-top: 55%;
	}
	#hero-home.promo-jan2 .hero-discount, .hero-promo-jan2 h1{
		font-size: 1.2em;
	}
    .promo-div #div-Top-jan2{
    	background-position: 80% 70%;
    }
}

/* END JAN 2st 2023 PROMO */

/* START JAN 9th 2023 PROMO */
#hero-home.promo-jan9 {
	background: url(/mj/common/img/promos/promo-background-20230109.png) no-repeat;
	background-position: 0px 200px;
	background-size: 37%;
}

#hero-home.promo-jan9 .hero-discount, .hero-promo-jan9 h1{
	font-size: 3.2em;
}
.hero-promo-jan9 h1{
	margin-top:50px;
}
.hero-promo-jan9{
	width:64%;
	margin-top:-30px;
}
#btn.mj-btn-jan9 {
	margin-left: 0px;
	font-size: xx-large;
}
.hero-promo-home.hero-clarify .mj-img-jan1 img {
    width: 281px;
}
.hero-promo-jan9 .tax-fees {
    font-weight:400; 
    font-size:0.6em;
}
.hero-promo-jan9 .tax-and-fees {
    font-weight:400; 
    font-size:0.4em;
    margin-top:0px;
}
#btn.mj-btn-jan9 {
	background-color: #0065a4;
}
#btn.mj-btn-jan9:hover {
	background-color: #fff;
	color: #0065a4;
	
}
#call-Us.call-Us-jan9{
	font-size: 1.3em;
	margin-left: 14px;
}
.home-price-jan9{
	font-size:1.2em;
}
@media only screen and (max-width:1400px) {
	#hero-home.promo-jan9 {
		background-position: 0px 220px;
		background-size: 34%;
	}
	.hero-promo-jan9{
		width:66%;
		margin-top:15px;
	}
}

@media only screen and (max-width:1024px) {
	#hero-home.promo-jan9 {
		background-position: 0px 220px;
		background-size: 34%;
	}
	#hero-home.promo-jan9 .hero-discount, .hero-promo-jan9 h1{
		font-size: 3.2em;
	}
	.hero-promo-home.hero-clarify .mj-img-jan1 img {
    	width: 240px;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-jan9 {
		background-position: 0px 245px;
		background-size: 34%;
	}
	.hero-promo-jan9 h1{
		font-size: 3.2em;
		margin-top:0px;
	}
	.hero-promo-jan9 h1 {
    	margin-top: 11px;
	}
}
@media ( max-width : 820px) {
	.hero-promo-jan9 h1 {
    	font-size: 3.2em;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-jan9 {
		background-position: 0px 220px;
		background-size: 29%;
	}
	.hero-promo-jan9 {
    	width: 71%;
    	margin-top: 15px;
	}
}

@media ( max-width : 767px) {
	#hero-home.promo-jan9 {
		background-position: 0px 88px;
		background-size: 35%;
	}
	.hero-promo-jan9 {
    	width: 71%;
    	margin-top: 15px;
	}
	.home-price-jan9{
	font-size:1em;
 	}
}

@media ( max-width : 540px) {
	#hero-home.promo-jan9 {
		background-position: 0px 88px;
		background-size: 49%;
	}
	#hero-home.promo-jan9 .hero-discount, .hero-promo-jan9 h1{
		font-size: 3.2em;
	}
	.hero-promo-home.hero-promo-jan9 {
    	height: 85%;
	}
	#hero-home.promo-jan9 .herohome-wrapper {
    	padding-top: 53%;
	}
	.hero-promo-jan9 {
    	width: 113%;
    	margin-top: 10px;
	}
	.home-price-jan9{
	font-size: 0.92em;
 	}
 	.hero-promo-jan9 .tax-fees {
    font-weight:400; 
    font-size:0.47em;
	}
	.hero-promo-jan9 .tax-and-fees {
    font-weight:400; 
    font-size:0.24em;
	}
}

@media ( max-width : 415px) {
	#hero-home.promo-jan9 .herohome-wrapper {
    	padding-top: 55%;
	}
	.hero-promo-jan9 h1 {
    	margin-top: -10px;
	}
	#hero-home.promo-jan9 {
		background-position: 0px 65px;
		background-size: 58%;
	}
	#hero-home.promo-jan9 .hero-discount, .hero-promo-jan9 h1{
		font-size: 2.8em;
	}
	.home-price-jan9{
	font-size: 0.92em;
 	}
 	.hero-promo-jan9 .tax-fees {
    font-weight:400; 
    font-size:0.47em;
	}
	.hero-promo-jan9 .tax-and-fees {
    font-weight:400; 
    font-size:0.24em;
	}
}

@media ( max-width : 360px) {
	#hero-home.promo-jan9 .hero-discount, .hero-promo-jan9 h1{
		font-size: 3.2em;
	}
	#hero-home.promo-jan9 {
		background-position: 0px 75px;
		background-size: 52%;
	}
	.home-price-jan9{
	font-size: 0.72em;
 	}
 	.hero-promo-jan9 .tax-fees {
    font-weight:400; 
    font-size:0.42em;
	}
	.hero-promo-jan9 .tax-and-fees {
    font-weight:400; 
    font-size:0.21em;
	}
}

@media ( max-width : 321px) {
	#hero-home.promo-jan9 .hero-discount, .hero-promo-jan9 h1{
		font-size: 3.2em;
	}
}

@media ( max-width : 280px) {
	#hero-home.promo-jan9 .herohome-wrapper {
    	padding-top: 55%;
	}
	#hero-home.promo-jan9 .hero-discount, .hero-promo-jan9 h1{
		font-size: 2.5em;
	}
	#btn.mj-btn-jan9 {
	margin-left: 0px;
	font-size: x-large;
	}
	.home-price-jan9{
	font-size: 0.72em;
 	}
 	.hero-promo-jan9 .tax-fees {
    font-weight:400; 
    font-size:0.4em;
	}
	.hero-promo-jan9 .tax-and-fees {
    font-weight:400; 
    font-size:0.23em;
	}
	#call-Us.call-Us-jan9{
	font-size: 1.1em;
	margin-left: 14px;
	}
}

/* END JAN 9th 2023 PROMO */

/* START JAN 16th 2023 PROMO */
#hero-home.promo-jan16 {
	background: url(/mj/common/img/promos/promo-background-20230116.png) no-repeat;
	background-position: 750px 90px;
	background-size: 26%;
}
.promo-div #div-Top-jan16 {
	width: 100%;
	background: url(/mj/common/img/promos/promo-device-20230116.png) no-repeat;
	background-size: 18%;
	background-position: 720px 70px;
}

.hero-promo-home.promo-div ul {
  		width: 50%;
}
#hero-home.promo-jan16 .hero-discount, .hero-promo-jan16 h1{
	font-size: 7.5em;
}
.hero-promo-jan16 h1{
	margin-top:50px;
}
.hero-promo-jan16{
	width:85%;
	margin-top:50px;
}
#btn.mj-btn-jan16 {
	margin-left: 0px;
	font-size: xx-large;
}
.hero-promo-home.hero-clarify .mj-img-jan1 img {
    width: 281px;
}
.hero-promo-jan16 .tax-fees {
    font-weight:400; 
    font-size:0.36em;
}
.hero-promo-jan16 .tax-and-fees {
    font-weight:400; 
    font-size:0.24em;
    margin-top:0px;
}
#btn.mj-btn-jan16 {
	background-color: #0065a4;
}
#btn.mj-btn-jan16:hover {
	background-color: #fff;
	color: #0065a4;
	
}
#call-Us.call-Us-jan16{
	font-size: 1.3em;
	margin-left: 14px;
}
.home-price-jan16{
	font-size:0.6em;
}
@media only screen and (max-width:1400px) {
	#hero-home.promo-jan16 {
		background-position: 700px 90px;
		background-size: 26%;
	}
	.hero-promo-jan16{
		width:85%;
		margin-top:50px;
	}
	.promo-div #div-Top-jan16 {
	background-size: 18%;
	background-position: 700px 70px;
	}
}

@media only screen and (max-width:1300px) {
	#hero-home.promo-jan16 {
		background-position: 650px 90px;
		background-size: 26%;
	}
	.hero-promo-jan16{
		width:85%;
		margin-top:50px;
	}
	.promo-div #div-Top-jan16 {
	background-size: 18%;
	background-position: 650px 83px;
	}
}

@media only screen and (max-width:1024px) {
	#hero-home.promo-jan16 {
		background-position: 520px 90px;
		background-size: 28%;
	}
	.hero-promo-home.promo-div ul {
  		width: 65%;
	}
	#hero-home.promo-jan16 .hero-discount, .hero-promo-jan16 h1{
		font-size: 6em;
	}
	.hero-promo-home.hero-clarify .mj-img-jan1 img {
    	width: 240px;
	}
	.promo-div #div-Top-jan16 {
	background-size: 20%;
	background-position: 600px 92px;
	}
}
@media ( max-width : 990px) {
	#hero-home.promo-jan16 {
		background-position: 520px 90px;
		background-size: 27%;
	}
	.hero-promo-jan16 h1{
		font-size: 6em;
		margin-top:18px;
	}
	.promo-div #div-Top-jan16 {
		background-size: 20%;
		background-position: 530px 110px;
	}
}
@media ( max-width : 820px) {
	#hero-home.promo-jan16 {
		background-position: 430px 90px;
		background-size: 28%;
	}
	.hero-promo-home.promo-div ul {
  		width: 75%;
	}
	.hero-promo-jan16{
	width:85%;
	margin-top:50px;
	}
	.hero-promo-jan16 h1 {
    	font-size: 5em;
    	margin-top:24px;
	}
	.home-price-jan16{
		font-size:0.5em;
	}
	.hero-promo-jan16 .tax-fees {
    	font-weight:400; 
    	font-size:0.31em;
	}
	.hero-promo-jan16 .tax-and-fees {
    	font-weight:400; 
    	font-size:0.2em;
    	margin-top:0px;
	}
	.promo-div #div-Top-jan16 {
		background-size: 20%;
		background-position: 480px 140px;
	}
}
@media ( max-width : 768px) {
	#hero-home.promo-jan16 {
		background-position: 425px 90px;
		background-size: 28%;
	}
	.hero-promo-jan16{
		width:90%;
		margin-top:50px;
	}
	.promo-div #div-Top-jan16 {
		background-size: 20%;
		background-position: 480px 130px;
	}
}

@media ( max-width : 767px) {
	#hero-home.promo-jan16 {
		background-position: 325px 90px;
		background-size: 28%;
	}
	.hero-promo-jan16{
		width:95%;
		margin-top:50px;
		margin-left:20px;
	}
	#hero-home.promo-jan16 .herohome-wrapper {
    	padding-top: 10%;
    }
	.promo-div #div-Top-jan16 {
		background-size: 20%;
		background-position: 500px 100px;
	}
}

@media ( max-width : 685px) {
	#hero-home.promo-jan16 {
		background-position: 325px 90px;
		background-size: 28%;
	}
	.hero-promo-home.promo-div ul {
  		width: 65%;
	}
	.hero-promo-jan16{
		width:95%;
		margin-top:50px;
		margin-left:20px;
	}
	#hero-home.promo-jan16 .herohome-wrapper {
    	padding-top: 10%;
    }
	.promo-div #div-Top-jan16 {
		background-size: 22%;
		background-position: 380px 130px;
	}
}

@media ( max-width : 540px) {
	#hero-home.promo-jan16 {
		background-position: 280px 90px;
		background-size: 32%;
	}
	#hero-home.promo-jan16 .hero-discount, .hero-promo-jan16 h1{
		font-size: 4em;
	}
	.hero-promo-home.hero-promo-jan16 {
    	height: 85%;
	}
	#hero-home.promo-jan16 .herohome-wrapper {
    	padding-top: 20%;
	}
	.hero-promo-home.promo-div ul {
  		width: 60%;
	}
	.hero-promo-jan16 {
    	width: 113%;
    	margin-top: 10px;
	}
	.home-price-jan16{
	font-size: 0.55em;
 	}
 	.hero-promo-jan16 .tax-fees {
    font-weight:400; 
    font-size:0.38em;
	}
	.hero-promo-jan16 .tax-and-fees {
    font-weight:400; 
    font-size:0.24em;
	}
	.promo-div #div-Top-jan16 {
		background-size: 20%;
		background-position: 340px 180px;
	}
}

@media ( max-width : 480px) {
	#hero-home.promo-jan16 .herohome-wrapper {
    	padding-top: 10%;
	}
	#hero-home.promo-jan16 {
		background-position: 215px 60px;
		background-size: 36%;
	}
	#hero-home.promo-jan16 .hero-discount, .hero-promo-jan16 h1{
		font-size: 2.8em;
	}
	#btn.mj-btn-jan16 {
		margin-left: 0px;
		font-size: x-large;
	}
	.hero-promo-jan16 {
    	width: 95%;
    	margin-top: 10px;
	}
	.home-price-jan16{
	font-size: 0.55em;
 	}
 	.hero-promo-jan16 .tax-fees {
    font-weight:400; 
    font-size:0.38em;
	}
	.hero-promo-jan16 .tax-and-fees {
    font-weight:400; 
    font-size:0.24em;
	}
	.promo-div #div-Top-jan16 {
		background-size: 30%;
		background-position: 250px 160px;
	}
}

@media only screen and
( max-width : 428px) {
	#hero-home.promo-jan16 .herohome-wrapper {
    	padding-top: 16%;
	}
	.hero-promo-jan16 h1 {
    	margin-top: -10px;
	}
	#hero-home.promo-jan16 {
		background-position: 210px 63px;
		background-size: 36%;
	}
	#hero-home.promo-jan16 .hero-discount, .hero-promo-jan16 h1{
		font-size: 2.8em;
	}
	#btn.mj-btn-jan16 {
		margin-left: 0px;
		font-size: x-large;
	}
	.hero-promo-jan16 {
    	width: 90%;
    	margin-top: 10px;
	}
	.home-price-jan16{
	font-size: 0.55em;
 	}
 	.hero-promo-jan16 .tax-fees {
    font-weight:400; 
    font-size:0.38em;
	}
	.hero-promo-jan16 .tax-and-fees {
    font-weight:400; 
    font-size:0.24em;
	}
	.promo-div #div-Top-jan16 {
		background-size: 34%;
		background-position: 225px 160px;
	}
}

@media ( max-width : 415px) {
	#hero-home.promo-jan16 .herohome-wrapper {
    	padding-top: 18%;
	}
	.hero-promo-jan16 h1 {
    	margin-top: -10px;
	}
	#hero-home.promo-jan16 {
		background-position: 210px 65px;
		background-size: 36%;
	}
	#hero-home.promo-jan16 .hero-discount, .hero-promo-jan16 h1{
		font-size: 2.8em;
	}
	#btn.mj-btn-jan16 {
		margin-left: 0px;
		font-size: x-large;
	}
	.hero-promo-jan16 {
    	width: 95%;
    	margin-top: 10px;
	}
	.home-price-jan16{
	font-size: 0.55em;
 	}
 	.hero-promo-jan16 .tax-fees {
    font-weight:400; 
    font-size:0.38em;
	}
	.hero-promo-jan16 .tax-and-fees {
    font-weight:400; 
    font-size:0.24em;
	}
	.promo-div #div-Top-jan16 {
		background-size: 34%;
		background-position: 205px 145px;
	}
}

@media ( max-width : 360px) {
	#hero-home.promo-jan16 .herohome-wrapper {
    	padding-top: 20%;
	}
	#hero-home.promo-jan16 .hero-discount, .hero-promo-jan16 h1{
		font-size: 2.8em;
	}
	.hero-promo-jan16 {
    	width: 95%;
    	margin-top: 10px;
	}
	.hero-promo-home.promo-div ul {
  		width: 65%;
	}
	#hero-home.promo-jan16 {
		background-position: 210px 68px;
		background-size: 35%;
	}
	#btn.mj-btn-jan16 {
		margin-left: 0px;
		font-size: large;
	}
	.home-price-jan16{
	font-size: 0.72em;
 	}
 	.hero-promo-jan16 .tax-fees {
    font-weight:400; 
    font-size:0.42em;
	}
	.hero-promo-jan16 .tax-and-fees {
    font-weight:400; 
    font-size:0.21em;
	}
	.promo-div #div-Top-jan16 {
		background-size: 34%;
		background-position: 186px 180px;
	}
}

@media ( max-width : 321px) {
	#hero-home.promo-jan16 {
		background-position: 185px 74px;
		background-size: 36%;
	}
	#hero-home.promo-jan16 .herohome-wrapper {
    	padding-top: 23%;
	}
	#hero-home.promo-jan16 .hero-discount, .hero-promo-jan16 h1{
		font-size: 2.4em;
	}
	.promo-div #div-Top-jan16 {
		background-size: 34%;
		background-position: 170px 230px;
	}
}

@media ( max-width : 280px) {
	#hero-home.promo-jan16 {
		background-position: 172px 75px;
		background-size: 37%;
	}
	#hero-home.promo-jan16 .herohome-wrapper {
    	padding-top: 23%;
	}
	#hero-home.promo-jan16 .hero-discount, .hero-promo-jan16 h1{
		font-size: 2.2em;
	}
	.home-price-jan16{
		font-size: 0.6em;
 	}
 	.hero-promo-jan16 .tax-fees {
    	font-weight:400; 
    	font-size:0.4em;
	}
	.hero-promo-jan16 .tax-and-fees {
    	font-weight:400; 
    	font-size:0.23em;
	}
	#call-Us.call-Us-jan16{
		font-size: 1.1em;
		margin-left: 14px;
	}
	.promo-div #div-Top-jan16 {
		background-size: 38%;
		background-position: 130px 290px;
	}
	.hero-promo-jan16 {
    	width: 100%;
    	margin-top: 10px;
	}
}

/* END JAN 16th 2023 PROMO */