.main-content.container section.pb-xs {display: none;}
.educator-landing-section {margin-top: 23px;}
main.pt-m {padding-top: 0 !important;}
.endeca-slot { display: block; }
#bn-edu {max-width: 1440px; margin-top: 27px;}
#bn-edu br.m-only { display: none; }
#bn-edu #logo-banner img { display: block; margin: 30px auto 20px auto; width: 327px; height: 66px; position: relative; left: -38px; }
#bn-edu #hero { position: relative; overflow: hidden; margin-bottom: 20px; background-color: #f9f9f9; }
#bn-edu .hero-img {max-height: 390px; display: block;}
#bn-edu .hero-img img {max-width: 1440px; float: right;right: unset; max-height: 395px;}
#bn-edu .hero-img-m {display: none;}
#bn-edu .hero-info {padding: 5% 0 0 6%; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(to right, rgba(249,249,249,1) 70%,rgba(125,185,232,0) 100%);}
#bn-edu .hero-info h1 {color: #000; margin: 0 0 20px 0; font-size: 26px; line-height: 36px; font-family: Poynter,Georgia,serif; font-weight: 600; letter-spacing: 0.46px; }
#bn-edu .hero-info ul.hero-bullets { margin: 0 0 0 19px; padding: 0px; color: #000; list-style-type: disc; }
#bn-edu .hero-info li.hero-bullet { padding-bottom: 18px; font: normal 15px/1.6 Lato,sans-serif; max-width: 600px; }
#bn-edu .hero-info li.hero-bullet span { position: relative; left: 5px; }
#bn-edu .hero-info a { display: inline-flex; align-items: center; justify-content: center; width: 272px; height: 40px; background-color: #f4cc6a; padding: 0; margin-left: 23px; margin-top: 10px; font-family: Lato, sans-serif; font-size: 14px; letter-spacing: 0.5px; color: #000000; text-transform: uppercase; font-weight: 500; }
#bn-edu .hero-logo img {max-width: 121px;}
#bn-edu #benefits { height: 308px; background-color: #62cdbd; color: #000; padding: 10px; }
#bn-edu #benefits .benefits-border { position: relative; display: flex; flex-direction: column; height: 100%; padding: 3.25% 0 0 6%; }
#bn-edu #benefits h2 { font-weight: 600; font-size: 25px; line-height: 36px; letter-spacing: 0.43px; margin: 0 0 18px 0; }
#bn-edu #benefits h2 br {display: none !important;}
#bn-edu #benefits .benefits-header { text-transform: uppercase; font-weight: 600; }
#bn-edu #benefits img { display: block; position: absolute; top: 30px; right: 8%; width: 227px; height: 227px; }
#bn-edu #benefits .benefits-pod { max-width: 673px; font: 400 14px/22px Lato, sans-serif; }
#bn-edu #benefits .benefits-pod p { margin: 0 0 15px 0; padding: 0; }
#bn-edu #benefits .benefits-pod a { color: #000; text-decoration: underline; }
#bn-edu #txt-banner { background-color: #1b3d73; display: flex; justify-content: center; align-items: center; margin-top: 19px; flex-direction: column; padding: 23px 0 18px; }
#bn-edu #txt-banner h2 { font-size: 26px; line-height: 36px; font-family: Poynter,Georgia,serif; font-weight: 600; letter-spacing: 0.46px; color: #ffffff; }
#bn-edu #txt-banner h2 span { margin-left: 4px; color: #ffffff; }
#bn-edu #txt-banner a { font: normal 20px/34px Lato,sans-serif; font-weight: 600; letter-spacing: 0.36px; margin-left: 0; color: #ffffff; text-decoration: underline; text-decoration-color: #ffffff; }
#bn-edu #txt-banner > p { font: bold 20px/34px Lato,sans-serif; color: #ffffff; margin: 11px 0 6px 0; text-align: center; letter-spacing: 0.36px; }
#bn-edu #txt-banner p span { display: none; }
#bn-edu #txt-banner .body-copy > p, #bn-edu #txt-banner .body-copy > p a { font: normal 18px/34px Lato,sans-serif; font-weight: 400; letter-spacing: 0.32px; color: #ffffff; margin: 0; }
#bn-edu #txt-banner .body-copy { text-align: center; width: 93% }
#bn-edu #txt-banner .body-copy a { margin-left: 0; text-decoration: underline; text-decoration-color: #ffffff; text-transform: uppercase; }
#bn-edu #txt-banner .body-copy .link-with-arrow:after { font-size: 11px; margin-left: 5px; }
#bn-edu #program-pods h2 {margin: 26px 0 54px;}
#bn-edu #program-pods h2:before, #bn-edu #program-pods h2:after, #bn-edu #edu-store h2:before, #bn-edu #edu-store h2:after {background-color: #cccccc;}
#bn-edu .program-pod {max-width: unset; margin-right: 0; background-color: #445f5c; text-align: center; padding-bottom: 28px;width: calc(100% / 3 - 19px);}
#bn-edu .program-pod-wrap {display: flex; margin-bottom: 50px;justify-content: space-between;}
#bn-edu div.program-pod:last-of-type {/*! display: flex; */ /*! margin-bottom: 50px; *//*! justify-content: space-between; */}
#bn-edu .program-pod .pod-img img {max-width: 100%;}
#bn-edu .program-pod .pod-info p {color: #ffffff;}
#bn-edu .program-pod .pod-info p.copy {max-width: 262px; margin: 0 auto 16px;}
#bn-edu .program-pod .pod-info .eyebrow {font-family: Lato, sans-serif; font-size: 0.923rem; font-weight: 700; letter-spacing: .13rem; text-transform: uppercase; margin: 1rem 0;}
#bn-edu .program-pod .pod-info .header {font-family: FjallaOne, sans-serif; font-size: 2.154rem; font-weight: 400; text-transform: uppercase; margin: -6px 0 5px;}
#bn-edu .program-pod .pod-info a, #bn-edu .program-pod .pod-info .coming-soon {font-family: Lato, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.55rem;}
#bn-edu .program-pod .pod-info .copy {font-family: Lato, sans-serif; font-size: 1.077rem; font-weight: 400; letter-spacing: .02rem; line-height: 1.55rem;}
#bn-edu .program-pod .pod-info .coming-soon {color: #d1d1d1;}
#bn-edu .program-pod .pod-info a {color: #f4cc6a;}
#bn-edu #discount img {max-width: 359px;}
#bn-edu #discount .discount-wrap {display: flex; margin: 22px 0;}
#bn-edu #discount .discount-wrap.reverse {flex-direction: row-reverse}
#bn-edu #discount .discount-wrap.reverse .discount-info {padding-left: 0; padding-right: 4.5%; text-align: right;}
#bn-edu #discount .discount-wrap.reverse .discount-info p {max-width: 100%;}
#bn-edu #discount .discount-wrap:first-child .discount-info {background: linear-gradient(270deg, rgba(229,230,231,1) 0%, rgb(246,246,246,0) 100%);}
#bn-edu #discount .discount-wrap:nth-child(2) .discount-info {background: linear-gradient(90deg, rgba(229,230,231,1) 0%, rgb(246,246,246,0) 100%);}
#bn-edu #discount .discount-wrap:nth-child(2) .discount-img {border-right: 1px solid #dddee0; border-top: 1px solid #e5e6e7;}
#bn-edu #discount .discount-info {background-color: #f9f9f9; width: 100%; padding-left: 4.5%; display: flex; flex-direction: column; justify-content: center; max-height: 240px;}
#bn-edu #discount .discount-info p, #bn-edu #discount .discount-info a {font-size: 14px; line-height: 22px;}
#bn-edu #discount .discount-info p {max-width: 660px;}
#bn-edu #discount .discount-info p:first-of-type {margin-bottom: 0;}
#bn-edu #discount .discount-info p:nth-of-type(2) {margin: 0;}
#bn-edu #discount .discount-info a {color: #347d56;}
#bn-edu h2 {font-family: Poynter, sans-serif; font-size: 36px; line-height: 0; font-weight: 400;}
#bn-edu h3 {font-family: Poynter, sans-serif; font-size: 27px; line-height: normal; font-weight: 600; margin-bottom: 10px;}
#bn-edu .inner-outline {outline: 1px solid #ffffff; outline-offset: -10px;}
#bn-edu #edu-store p {text-align: center; margin: 40px 0 10px; font-size: 18px;}
#bn-edu #edu-store a {text-align: center; display: block; font-size: 14px; line-height: 22px; margin: 35px 0 -10px 0;}
#bn-edu #legal { margin-top: 54px; }
#bn-edu #legal .txt { font: normal 11px Lato,sans-serif; letter-spacing: 0.2px; color: #21282d; text-align: center; }
.rule::after, .rule::before {background-color: #ffffff;}
#bn-edu .rule::before {margin-right: 2rem;}
#bn-edu .rule::after {margin-left: 2rem;}
#bn-edu .link-with-arrow::after {left: 1px;}

#hero--membership {text-align: center; border: 1px solid #979797; margin-bottom: 23px; padding-bottom: 28px;}
#hero--membership #hero--banner {background: rgba(253, 239, 207, 0.75);}
#hero--membership #hero--content {display: flex;justify-content: space-between;padding: 6px 25px 0 115px;max-height: 189px;max-width: 1024px; margin: 0 auto 54px;}
#hero--membership #hero--content #hero--logo {justify-content: center; align-items: center;display: flex;}
#hero--membership #hero--content #hero--logo img {max-width: 244px;}
#hero--membership #hero--card {position: absolute;top: 111px;left: 25px;right: 0;}
#hero--membership #hero--card img {max-width: 175px;}
#hero--membership #hero--copy {color: #000000; max-width: 677px; margin: 0 auto;}
#hero--membership #hero--copy > span {font-family: Poynter, sans-serif; font-size: 24px; font-weight: 600; font-style: italic; line-height: 1.42; letter-spacing: 0.43px; display: inline-block; margin: 0 0 10px;}
#hero--membership #hero--copy p {font-family: Lato, sans-serif; font-size: 14px; font-weight: normal; line-height: 1.71; letter-spacing: 0.39px;}
#hero--membership #hero--copy p a {font-weight: 600; text-decoration: underline; color: #000;}
#hero--membership #hero--copy p b {font-weight: 600;}
#hero--membership hr {width: 100px; height: 1px; margin: 21.5px auto 18.5px; border: solid 1px #a1a2a1;}
#hero--membership #hero--legal {font-family: Lato, sans-serif; font-size: 11px; font-weight: normal; font-style: italic; line-height: 1.6; letter-spacing: .2px; color: #454f56; padding: 0 11%;}

/* start CAROUSEL */

.cc-backlist-wrapper-rule {
  height: 1px;
  background-color: #d3d3d3;
  width: 100%;
  margin-bottom: 40px;
}

.cc-backlist {
  position: relative;
}

.cc-backlist.backlist-1 {
  margin: 27px 0;
}

.cc-backlist.backlist-1 .cc-backlist-nav {
  position: absolute;
  top: 60px;
}

.cc-backlist.backlist-2 .cc-backlist-nav {
  position: absolute;
  top: 161px;
}

.cc-backlist-nav {
  left: 0;
  width: 100%;
  height: 23px;
  padding: 0;
  display: flex;
  justify-content: space-between;
  z-index: 3;
}

.cc-backlist-nav a {
  width: 14px;
  height: 23px;
}
.cc-backlist-nav a.off {
  opacity: 0.4;
  pointer-events: none;
  cursor: default;
}
.cc-backlist-nav a.bkw:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url(https://dispatch.barnesandnoble.com/content/dam/ccr/h/bookclub/Arrows_2x.png) no-repeat -14px 0;
  background-size: 28px 23px;
  width: 14px;
  height: 23px;
}
.cc-backlist-nav a.bkw:hover:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url(https://dispatch.barnesandnoble.com/content/dam/ccr/h/bookclub/Arrows_2x.png) no-repeat -14px 0;
  background-size: 28px 23px;
  width: 14px;
  height: 23px;
}
.cc-backlist-nav a.fwd:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  background: url(https://dispatch.barnesandnoble.com/content/dam/ccr/h/bookclub/Arrows_2x.png) no-repeat 0 0;
  background-size: 28px 23px;
  width: 14px;
  height: 23px;
}
.cc-backlist-nav a.fwd:hover:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  background: url(https://dispatch.barnesandnoble.com/content/dam/ccr/h/bookclub/Arrows_2x.png) no-repeat 0 0;
  background-size: 28px 23px;
  width: 14px;
  height: 23px;
}
.cc-backlist-nav a.fwd:focus, .cc-backlist-nav a.bkw:focus {
  outline: 0 none;
  border: 1px solid transparent;
}

.cc-backlist .cc-sect-hdr {
}

.cc-backlist-merch {
  overflow: hidden;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.cc-backlist.backlist-2 .cc-backlist-merch {
  margin-top: 51px;
}

.cc-backlist-merch a, .cc-backlist-merch a:visited {
  color: #000000;
  text-decoration: none;
}

.cc-backlist-merch .slider {
  display: flex;
  position: relative;
  left: 0;
  justify-content: center;
}

.cc-backlist-book {
  width: 169px;
  text-align: center;
  color: #000000;
  text-decoration: none;
  margin: 0 8px !important;
}
.cc-backlist-book img {
  max-height: 150px;
}

.cc-backlist-book .ttl {
  width: 169px;
  font: 700 13px/18px Lato,sans-serif;
  letter-spacing: 0.025em;
  height: 75px;
  margin-top: 20px;
  margin-bottom: 7px;
  padding: 0 5px;
  overflow: hidden;
}

.cc-backlist-book .aut {
  font-weight: normal;
  text-transform: none;
  font: 400 13.5px/16px Lato,sans-serif;
  letter-spacing: .025em;
  color: #000000;
}

.cc-backlist-link {
  text-align: center;
  margin: 43px 0 52px 0;
}
#carousel-3 .slider {
  justify-content: center;
}
.ttl {
  width: 100px;
  font-family: Lato;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.3px;
  color: #21282d;
  text-align: center;
  padding-top: 16px;
  -webkit-line-clamp: 4;
}
.slider a {
  vertical-align: top;
}
.slider .book-block img {
  max-height: 210px;
  max-width: 169px;
}
/* TRUNCATE */
.ttl {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  line-height: 1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* end CAROUSEL */

@media screen and (min-width: 1220px)  {
  .cc-backlist-book {width: 227px;}
  .slider .book-block img {max-height: 240px; max-width: 286px;}
  .cc-backlist-book .ttl {width: 205px;}
}

@media screen and (max-width: 1220px) {
  #bn-edu #benefits .benefits-border {padding: 2.25% 0 0 6%;}
  #bn-edu #benefits h2 {margin: 0 0 16px 0;}
  #bn-edu #benefits h2 br {display: inline !important;}
  #bn-edu #benefits .benefits-pod {width: 70%;}
  #bn-edu #benefits img { top: 45px; right: 4%; width: 197px; height: 197px; }
  #bn-edu #discount img {max-width: 319px;}
  #bn-edu #discount .discount-wrap.reverse .discount-info {padding-right: 3.85%; padding-left: 20px;}
  #bn-edu #discount .discount-info {padding-left: 3.85%; padding-right: 20px;}
}

@media screen and (max-width: 1024px) {
  .main-body { padding: 0; }
  #bn-edu #logo-banner img { margin: 30px auto 30px auto; max-width: 100%; padding: 0 10px; left: 0; }
  #bn-edu #hero { margin-bottom: 0; }
  #bn-edu .hero-info {padding: 40px 0 0 0.4rem; width: 55% !important;}
  #bn-edu .hero-info h1 { letter-spacing: 0.8px; margin-left: 7%; font-size: 24px; }
  #bn-edu .hero-info ul.hero-bullets { max-width: 76%; margin: 0 auto; }
  #bn-edu .hero-info a { display: flex; margin: 6px 0 0 8.2%; }
  #bn-edu br.m-only { display: inline; }
  #bn-edu .program-pod-wrap {flex-wrap: wrap; }
  #bn-edu .program-pod {width: calc(100% / 2 - 15px); margin: 0 0 2.31rem 0;}
  #bn-edu div.program-pod:last-of-type {margin: 0 auto;}
  #bn-edu #benefits { height: auto; }
  #bn-edu #benefits img { position: static; margin: 25px auto 35px auto; }
  #bn-edu #benefits .benefits-border { padding: 0 18px; height: auto; }
  #bn-edu #benefits .benefits-pod { text-align: center; margin: 0 auto 25px; max-width: 100%; width: 80%;}
  #bn-edu #benefits h2 { font-family: Poynter, Georgia, serif !important; margin: 32px 0 0 0; text-align: center; line-height: 32px; }
  #bn-edu #benefits .benefits-header { font-weight: 600 !important; }
}

@media screen and (max-width: 1000px) {
  #hero--membership #hero--content #hero--logo {display: inline;position: relative;top: 35px;}
}

@media only screen and (min-width: 901px) and (max-width: 970px)  {
  .slider .book-block img {max-height: 186px; max-width: 152px;}
  .cc-backlist-book {width: 152px;}
}

@media screen and (max-width: 900px) {
  .container {max-width: 100%; margin: 0; padding: 0 2rem!important;}
  #bn-edu h2 {display: block; text-align: center;}
  #bn-edu .hero-info {width: 55%;}
  #bn-edu .hero-info h1 {padding: 0px;}
  #bn-edu .hero-img img {margin-right: 0;max-height: 395px;}
  #bn-edu .program-pod-wrap {flex-wrap: wrap; }
  #bn-edu .program-pod {width: calc(100% / 2 - 15px); margin: 0 0 2.31rem 0;}
  #bn-edu #program-pods h2 {margin: 48px 0 10px;}
  #bn-edu div.program-pod:nth-of-type(2) {margin-right: 0;}
  #bn-edu .program-pod .pod-info .eyebrow {font-size: 12px; line-height: 18px; margin: 20px 0;}
  #bn-edu .program-pod .pod-info .header {font-size: 28px; line-height: 32px;}
  #bn-edu .program-pod .pod-info .copy, #bn-edu .program-pod .pod-info a, #bn-edu .program-pod .pod-info .coming-soon {font-size: 14px; line-height: 22px;}
  #bn-edu #edu-store h2 {line-height: 1.3;}
  #bn-edu #edu-store a {margin: 15px 0 -10px 0;}
  .cc-backlist-merch .slider {justify-content: unset;}
  #hero--membership {overflow: hidden; padding-bottom: 30px;}
  #hero--membership #hero--content {padding: 0;}
  #hero--membership #hero--content #hero--illus {position: relative; right: -3%;}
  #hero--membership #hero--content #hero--logo {margin-left: 65px;}
  #hero--membership #hero--copy > span {line-height: 1.25; display: inline-block;}
  #hero--membership #hero--copy,#hero--membership #hero--legal {padding: 0 30px;}
}

@media screen and (max-width: 700px) {
  #hero--membership #hero--content #hero--illus {position: relative; right: -10%;}
}

@media screen and (max-width: 768px) {
  .h-page-padding .main-content.container {padding: 0 5.5% !important;}
  .main-content.container div.html:nth-of-type(1), .main-content.container div.html:nth-of-type(2), .main-content.container div.html:nth-of-type(3) {display: block;}
  .sk_mobNormalHeader .navbanner {margin-bottom: -2px;}
  /*#bn-edu .hero-img img {max-width: 1024px; position: relative; right: 243px; max-height: 390px;}*/
  #bn-edu .hero-img {display: none;}
  #bn-edu .hero-img-m {display: block;}
  #bn-edu .hero-img-m img {width: 100%;}
  #bn-edu .hero-info {position: static; padding: 27px 0 36px 0; background-color: #f9f9f9; width: 100% !important;}
  #bn-edu .hero-info h1 {text-align: center; font-size: 28px; margin-left: 0; padding: 0 30px;}
  #bn-edu .hero-info ul.hero-bullets {padding-left: 2%;}
  #bn-edu .hero-info li.hero-bullet {max-width: 100%;}
  #bn-edu .hero-info a {margin: 10px auto 0;}
  #bn-edu #program-pods h2:before, #bn-edu #program-pods h2:after, #bn-edu #edu-store h2:before, #bn-edu #edu-store h2:after {background-color: #ffffff;}
  #bn-edu #program-pods h2 {font-size: 28px; line-height: 32px; margin: 42px 0;}
  #bn-edu .program-pod .pod-info {padding: 0 7%;}
  #bn-edu .program-pod .pod-info p.copy {font-size: 14px; line-height: 21px;}
  #bn-edu #discount .discount-wrap {margin: 0 0 33px;}
  #bn-edu #discount .discount-info {padding: 0 35px;}
  #bn-edu #discount .discount-info h3 {margin-bottom: 12px; font-size: 24px; line-height: 30px;}
  #bn-edu #discount .discount-info p, #bn-edu #discount .discount-info a {font-size: 14px; line-height: 22px;}
  #bn-edu #discount .discount-info p {margin-bottom: 14px;}
  #bn-edu #edu-store a {margin: 15px 0;}
  #bn-edu #edu-store .cc-backlist.backlist-1 {margin: 15px 0 0;}
  #bn-edu .cc-backlist-merch .slider {overflow-y: hidden;}
  #bn-edu #edu-store .cc-backlist-book .ttl {width: 169px; font: 700 13px/18px Lato,sans-serif; letter-spacing: 0.025em; height: 35px; margin-top: 20px; margin-bottom: 7px; padding: 0 5px; overflow: hidden;}
  #bn-edu #edu-store .cc-backlist-book .ttl {height: 55px; -webkit-line-clamp: 3;}
}
@media (max-width:767px) and (min-width:696px) {
  #bn-edu #discount .discount-info {padding: 0 25px;}
}
@media screen and (max-width: 695px) {
  #bn-edu #discount .discount-wrap {flex-direction: column; margin: 0 0 33px;}
  #bn-edu #discount img {max-width: 100%;}
  #bn-edu #discount .discount-info {text-align: center; font-size: 14px; line-height: 22px; padding: 20px 15px 20px;}
  #bn-edu #discount .discount-wrap.reverse, #bn-edu #discount .discount-wrap {flex-direction: column-reverse;}
  #bn-edu #discount .discount-wrap.reverse .discount-info {text-align: center;}
}
@media screen and (max-width: 658px) {
  #bn-edu .program-pod {margin-right: 0;}
}
@media screen and (max-width: 600px) {
  #hero--membership #hero--content #hero--illus {position: relative; right: -15px;}
}
@media screen and (max-width: 480px) {
  .main-content.container div.html:nth-of-type(1), .main-content.container div.html:nth-of-type(2), .main-content.container div.html:nth-of-type(3) {display: block;}
  #bn-edu h2 {font-size: 28px; line-height: 32px; text-align: center;}
  #bn-edu h3 {font-size: 28px; line-height: 32px;}
  #bn-edu #logo-banner img {width: 280px; height: 51px;}
  #bn-edu #hero {position: static;}
  #bn-edu .hero-info {padding: 22px 0 36px;}
  #bn-edu .hero-info h1 {padding: 0 15px;}
  #bn-edu .hero-info ul.hero-bullets {padding-left: 3%;}
  #bn-edu .hero-info li.hero-bullet {font: normal 14px/1.6 Lato,sans-serif;}
  #bn-edu .hero-info a {width: 252px;}
  #bn-edu #txt-banner { padding: 28px; }
  #bn-edu #txt-banner > p span { display: block; }
  #bn-edu #program-pods h2 {margin: 27px 0 27px;}
  #bn-edu #program-pods h2.rule {height: auto;}
  #bn-edu .program-pod-wrap {display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 25px;}
  #bn-edu .program-pod {margin: 0 0 20px; width: 100%; }
  #bn-edu .program-pod .pod-info .copy, #bn-edu .program-pod .pod-info a, #bn-edu .program-pod .pod-info .coming-soon {font-size: 14px; line-height: 21px;}
  #bn-edu .program-pod .pod-img img { width: 100%;}
  #bn-edu #benefits img { margin: 23px auto 22px auto; }
  #bn-edu #benefits .benefits-pod {width: 95%;}
  .link-with-arrow::after {font-size: 9px;}
  #bn-edu #edu-store h2 {margin: 20px 0 16px;}
  #bn-edu #edu-store a {margin: 15px 0 25px;}
  #bn-edu #edu-store p, #bn-edu #edu-store a {font-size: 14px; line-height: 21px}
  #bn-edu #edu-store p {margin: 15px 0 10px;}
  #bn-edu #edu-store .cc-backlist.backlist-1 {margin: 14px 0 0;}
  .slider .book-block img {max-height: 156px; max-width: 124px;}
  .cc-backlist-book {width: 124px; text-align: center; color: #000000; text-decoration: none; margin: 0 8px;}
  .h-page-padding .main-content.container {padding: 0 !important;}
  #hero--membership {border: none;padding: 0;}
  #hero--membership #hero--banner, #hero--membership #hero--content, #hero--membership #hero--content #hero--illus img  {height: 115px;}
  #hero--membership #hero--banner {margin-bottom: 54px;}
  #hero--membership #hero--content {margin: 0 auto;}
  #hero--membership #hero--content #hero--illus {position: relative; right: -7%;}
  #hero--membership #hero--content #hero--illus img {display: flex; align-items: flex-end}
  #hero--membership #hero--content #hero--logo {top: 20px; left: -4vw;}
  #hero--membership #hero--content #hero--logo img {width: 166px;}
  #hero--membership #hero--copy > span {margin: 20px 0 10px;}
  #hero--membership #hero--card {top: 72px;}
  #hero--membership #hero--card img {width: 164px;}
}
@media screen and (max-width: 420px) {
  #hero--membership #hero--content #hero--illus {right: 7%;}
}
@media screen and (max-width: 414px) {
  #bn-edu #txt-banner {height: auto;}
  #bn-edu #txt-banner .link-with-arrow::after {font-size: 12px;margin-left: 5px;}
  #bn-edu #legal { margin: 54px 50px; }
}
@media screen and (max-width: 380px) {
  #hero--membership #hero--content #hero--illus {right: 12.5%;}
}
@media screen and (max-width: 360px) {
  #bn-edu .hero-info ul.hero-bullets { max-width: 67%; }
  #bn-edu #txt-banner h2 {margin: 0 30px 8px;}
  #hero--membership #hero--content #hero--illus {right: 15%;}
  #hero--membership #hero--content #hero--logo {left: -6vw;}
}
@media screen and (max-width: 350px) {
  #hero--membership #hero--content #hero--illus {right: 15.5%;}
  #hero--membership #hero--content #hero--logo {left: -8vw;}
}
@media screen and (max-width: 330px) {
  #bn-edu h2 {font-size: 27px;}
  #bn-edu #txt-banner { height: auto; }
  #bn-edu #txt-banner h2 { margin: 0 20px; }
  #bn-edu #txt-banner .body-copy a { display: block; margin-left: 0; }
}
@media screen and (max-width: 320px) {
  #bn-edu #txt-banner h2 {margin: 0; font-size: 24px; line-height: 33px;}
}