.location-container {display:none}
.nowrap {white-space:nowrap}
#ifrmMCL {width:100%;height:160vw}

.hero-banner.section-top {min-height:auto}
#landModuWrap .hero-title {font-size:29px;margin:0}
.hero-banner.section-top.section-full .bg-black-05 {padding:30px 0}
.hero-banner.section-top.section-full .bg-black-05 .hero-content {padding:0}
.math-landing section.cta-contactus {padding-top:30px}

.math-landing section.cta-contactus .title-section {text-align:center;margin:0}
.math-landing section.cta-contactus .title-section h3 {margin-bottom:20px}
.mcl-below-note {font-weight:bold;margin-top:30px;text-align:center}
.math-landing section.cta-contactus.offer-copy {padding-bottom:30px}
.offerSubcopy {font-weight:bold;text-align:center;margin-bottom:20px}
.math-landing section.cta-contactus .detail-section {margin-top:30px;text-align:left}
.title-section:after {content:"";width:300px;height:2px;margin: 20px auto 20px;background:rgba(0, 0, 0, 0.2);display:block;max-width:100%}

.centerAddress {text-align:center;margin:20px}
.centerPhoneWrap {display:flex;align-items:center;justify-content:center}
.centerPhoneWrap > * {margin:0 2px;color:#d9392f}
#singleQuote .imgCol {align-self:center}
#singleQuote .imgCol img {width:100%}

#y-best {
    font-family:'Nunito Sans',AvenirLT-Black,Sans-Serif;
    background-image: url('/themes/mathnasium/assets/images/landing/bg-num-whtp.gif');
    background-position-y:12.1vw;overflow:hidden;padding:0 3vw;
}
#y-best fieldset {border:3px solid #ebe60f;margin:20px auto;padding-bottom:20px}
#y-best legend {
    color:#ee3d34;font-family:'Nunito Sans',AvenirLT-BlackOblique;font-family:'Nunito Sans',Avenir;font-size:7vw;font-style:italic;font-weight:bold;
    line-height:9vw;width:77%;border:none;text-align:center;float:none;
}
#y-best .grid {display:flex;justify-content:space-between;flex-wrap:wrap;margin:3vw 6vw}
#y-best .grid > div {position:relative;width:100%;padding:0}
#y-best .grid p {position:absolute;left:4%;text-align:center;width:92%;font-family:'Nunito Sans',Avenir,Sans-Serif;font-weight:bold;font-size:5vw;line-height:6.4vw;top:48.1vw}
#y-best p.btm {font-family:'Nunito Sans',Avenir;text-align:center;margin:-6vw 6vw 0 6vw;padding:0;font-size:4.5vw}
#y-best img {width:100%}

@media (min-width:576px) {
    .section-top {background-position:center -100px}
    .hero-banner.section-top.section-full .bg-black-05 {padding:20px}
    .math-landing section.cta-contactus.offer-copy {padding-bottom:50px}
    .mcl-below-note.micrositeMode {margin-top:45px}
    #ifrmMCL {height:80vw}

    #y-best {background-position-y:2.7vw;padding:2vw;height:auto}
    #y-best fieldset {width:100%}
    #y-best legend {font-size:4.5vw;margin:0;padding:0;width:90%}
    #y-best .grid {flex-wrap:wrap;margin:1vw}
    #y-best .grid > div {width:50%;padding:0.5vw}
    #y-best .r1.c1 {order:1} #y-best .r1.c2 {order:2}
    #y-best .r1.c3 {order:4} #y-best .r2.c1 {order:3}
    #y-best .r2.c2 {order:5} #y-best .r2.c3 {order:6}
    #y-best .grid p {font-size:2.9vw;line-height:3.6vw;top:28vw;width:94%;left:3%}
    #y-best p.btm {margin:4vw 4vw 0 4vw;padding:0;font-size:3.2vw}
}

@media (min-width:768px) {
    .section-top {background-position:center top}

    #y-best {background-position-y:2.7vw;padding:2vw;height:auto}
    #y-best fieldset {width:100%}
    #y-best legend {font-size:3.5vw;line-height:normal;margin:0 2vw;padding:0 2vw;width:auto;text-align:left}
    #y-best .grid {flex-wrap:wrap;margin:3vw}
    #y-best .grid > div {width:50%;padding:0.5vw}
    #y-best .r1.c1 {order:1} #y-best .r1.c2 {order:2}
    #y-best .r1.c3 {order:4} #y-best .r2.c1 {order:3}
    #y-best .r2.c2 {order:5} #y-best .r2.c3 {order:6}
    #y-best .grid p {font-size:2.5vw;line-height:3.6vw;top:27vw;width:90%;left:5%}
    #y-best p.btm {margin:4vw 6vw 0 6vw;padding:0;font-size:2.6vw;line-height:4vw}
}

@media (min-width:992px) {
    #lndSect01 {background-size:cover;background-position:center top}
    .instructorhelp.reverse {padding-bottom:20px;min-height:auto}
    .instructorhelp.reverse .mathhelp-wrapper .mathhelp-detail {margin:400px 0 0 0;width:auto;padding:20px;min-height:auto}
    .instructorhelp.reverse .mathhelp-wrapper .mathhelp-detail h2 {margin:0 0 15px 0;font-size:38px}
    .instructorhelp .mathhelp-wrapper .mathhelp-detail p {margin:0}
    .hero-banner.section-top.section-full .bg-black-05 {min-height:auto}
    #landModuWrap .hero-title {font-size:56px}
    #landModuWrap .hero-content {max-width:630px;padding-top:300px;padding-bottom:30px}
    .math-landing section.cta-contactus {padding:60px 0 80px}
    #ifrmMCL {height:100vh;min-height:700px}
    #singleQuote .imgCol {padding-left:30px}
    .quote-content .quote-detail img {margin-bottom:25px}
    .quote-content .quote-detail p.quote {font-size:28px}

    #y-best {background-position-y:-5vw;overflow:hidden;margin:0;padding:4vw}
    #y-best fieldset {margin:0 auto;padding:0}
    #y-best legend {font-size:28px;line-height:normal}
    #y-best .grid {display:flex;justify-content:space-between;flex-wrap:wrap;margin:1.7vw}
    #y-best .grid > div {position:relative;width:33.3%}
    #y-best .grid p {position:absolute;left:5%;width:90%;font-size:1.7vw;line-height:2.1vw;top:17.5vw}
    #y-best .r1.c3 {order:3} #y-best .r2.c1 {order:4}
    #y-best p.btm {text-align:center;margin:0 6vw 2vw 6vw;padding:0;font-size:16px;line-height:26px}
}

@media (min-width: 1200px) {
    #y-best {background-position-y:-38px;padding:35px 0 40px 0}
    #y-best fieldset {border:3px solid #ebe60f;margin:20px auto;width:1130px;max-width:none;padding-bottom:20px}
    #y-best legend {font-size:26px;margin:0 0 0 115px;padding:0 20px}
    #y-best .grid {margin:20px 35px}
    #y-best .grid p {left:5%;width:90%;font-size:20px;line-height:23px;top:210px}
    #y-best p.btm {margin:0 30px;padding:0 30px;font-size:17px}

    /* avoid dynamic sizing for >= 1200px, incorporate these into above to remove the dynamic sizing (e.g., %, vw)
    #y-best .grid p {font-size:21px;line-height:23px;top:210px}
    #y-best fieldset {margin:20px auto;width:1130px;padding-bottom:20px}
     */
}