/* Global */
html {
  scroll-behavior: "smooth";
}

body {
  padding-top: 50px;
  font-family: "Avenir Next Rounded Pro", sans-serif;
  font-size: 19px;
}

h1 {
  margin: 0;
  margin-bottom: 20px;
  font-size: 50px;
  color: #131313;
}

.only-h1 {
  margin: 0;
  font-size: 60px;
  font-weight: 400;
}

h2 {
  margin: 0;
  margin-bottom: 20px;
  font-size: 40px;
}

h3 {
  font-size: 35px;
  margin: 0;
  margin-bottom: 20px;
  margin-top: 30px;
}

.boldered {
  font-weight: 600;
}

.container {
  width: 90%;
}

.titlePage,
.regionPage,
.authorPage,
.teamPage,
.partnerPage {
  max-width: none;
  width: 90%;
  margin: auto;
  padding: 30px 15px;
}

.region-h1 {
  margin-bottom: 30px;
  font-weight: 400;
}

.region-h1_hero {
  display: none;
}

.navbar-default .navbar-nav > li > a {
  font-size: 18px;
  color: #131313;
  transition: color 0.5s ease, font-size 0.5s ease;
}

.navbar-default .navbar-nav > li > a:hover {
  font-size: 18px;
  color: dimgray;
}

.navbar-default .caret {
  margin-left: 5px;
}

.navbar-default .dropdown-menu > li > a {
  font-size: 18px;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  font-size: 20px;
  transition: font-size 0.5s ease;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #555;
  background-color: #e7e7e7;
}

.footer .dropdown-menu {
  left: auto;
}

.navbar-left {
  height: 50px;
  display: flex;
  align-items: center;
}

.navbar-left img {
  max-width: 100px;
  margin-right: 20px;
}

.sm-bt a {
  display: flex;
}

.sm-bt img {
  width: 100%;
  display: inline-block;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.footer a {
  color: dimgray;
}

.logo_footer img {
  width: 100%;
  height: auto;
}

.logo_footer {
  max-width: 210px;
  display: block;
  align-self: center;
  flex-shrink: 1;
}

.footer__form,
.footer__logo,
.footer__nav {
  flex-basis: 33%;
}

.footer__nav {
  display: flex;
  font-size: 16px;
}

.footer__form {
  justify-content: flex-end;
  display: flex;
}

.footer__logo {
  display: flex;
  justify-content: center;
}

.footer__line {
  display: flex;
  padding-top: 37px;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #bdbdbd;
  margin-bottom: 5px;
  min-height: 170px;
  width: 100%;
}

.footer__line-copy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2px;
  font-size: 16px;
}

.footer__nav-list {
  display: flex;
  flex-direction: column;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.footer__nav-list li:not(:last-child) a{
  margin-bottom: 10px;
}

.footer__nav-list > li {
  flex-basis: 50%;
  display: flex;
}

.footer__nav-list > li > a {
  padding: 0;
  text-align: left;
}

.footer__nav-list li a:hover {
  background: transparent;
}

.footer__nav-list .caret {
  margin-left: 5px;
  margin-bottom: 3px;
}

.form__line {
  display: flex;
}

.footer__privacy,
.footer__copy,
.footer__social {
  flex-basis: 33%;
}

.footer__social.nav__social {
  justify-content: flex-start;
}

.footer__privacy {
  justify-content: flex-end;
  text-align: right;
}

.titlePage img {
  max-width: 280px;
}

.nav__social {
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: flex-end;
}

.nav__social a {
  width: 25px;
  height: 25px;
  opacity: 0.8;
  transition: 0.5s ease;
}

.nav__social a:hover {
  opacity: 1;
}

.nav__social a:not(:last-child) {
  margin-right: 12px;
}

/*---Start Index---*/

.section-bg {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 64vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-bg_top {
  background-color: rgb(248 155 109);
  background-image: url("../images/hero/india_hero_panoramic.jpg");
  background-position: bottom;
}

.section-bg_japan {
  background-color: rgb(240 210 220);
  background-image: url("../images/hero/japan_hero_panoramic.jpg");
  background-position: bottom;
}

.section-bg_bhutan {
  background-color: rgb(147 145 208);
  background-image: url("../images/hero/bhutan_hero_panoramic.jpg");
  background-position: bottom;
}

.africaHero {
  background-image: url("../images/hero/ghana_hero_panoramic.jpg");
}

.asiaHero {
  background-image: url("../images/hero/korea_hero_panoramic.jpg");
}

.australasiaHero {
  background-image: url("../images/hero/australasia.jpg");
  background-position: bottom;
}

.americaHero {
  background-image: url("../images/hero/peru_hero_panoramic.jpg");
  background-position: top;
}

.europeHero {
  background-image: url("../images/hero/switzerland_hero_panoramic.jpg");
  background-position: bottom;
  color: white;
}

.section__caption {
  position: relative;
  width: 100%;
  text-align: center;
  max-width: 590px;
  color: #444444;
}

.section__caption_main {
  font-size: 32px;
  font-weight: 400;
  color: #131313;
}

.section__caption-qoute {
  font-style: italic;
}

.section__caption-author {
  font-size: 24px;
}

.section-bg_series .section__caption-qoute {
  font-size: 40px;
}

.section-bg_series .section__caption-author {
  font-size: 32px;
}

.section__caption_home {
  font-size: 43px;
}

.section__caption_home .last-br {
  display: none;
}

.section__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: auto;
}

.section__caption_home .mobile-br{
  display: none;
}

.section__caption_home .desktop-br{
  display: block;
}

.box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 0;
  font-size: 18px;
}

.box__caption {
  width: 100%;
  padding: 0 20px;
  text-align: center;
  max-width: 600px;
  color: #333;
}

.btn {
  font-size: 18px;
  box-sizing: border-box;
  padding: 7px 27px;
  border-radius: 3px;
}

.btn-primary {
  background-color: dimgray;
  border-radius: 10px;
  border: none;
  color: #fff;
  transition: background-color 0.5s ease;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #b3a369;
}

.btn_center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px auto 10px auto;
  width: 160px;
}

.btn_caption-main {
  background-color: dimgray;
  border: none;
  color: #fff;
  margin-top: 20px;
}

.scrollToTopBtn {
  cursor: pointer;
}

.TopNavigation {
  padding-top: 20px;
}

.article {
  margin-top: 50px;
}

.pageOuter p,
.article p,
.regionPage p {
  margin-bottom: 1em;
  line-height: 150%;
}

.section-bg_bottom {
  background-color: rgb(241 138 142);
  background-image: url("../images/hero/ghana_hero_panoramic.jpg");
}

.section-bg_bottom .section__caption {
  max-width: 420px;
}

.reviews {
  margin: 0 0 -30px 0;
  background-image: url(../images/hero/nepal_hero_panoramic.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 60px;
  padding-bottom: 60px;
}

.reviews h2 {
  text-align: center;
}

.reviews__list {
  padding: 0;
  list-style: none;
  margin-top: 40px;
}

.reviews__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.reviews__item:not(:last-child) {
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgb(117 116 116 / 28%);
}

.reviews .reviews__img {
  max-width: 200px;
  height: auto;
  width: 100%;
  max-height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
  order: 1;
  margin-left: 30px;
  -webkit-filter: saturate(0%) contrast(100%);
  filter: saturate(0%) contrast(100%);
}

.reviews__item p {
  margin: 0;
  order: 0;
  font-size: 20px;
  font-style: italic;
}

.reviews__item:nth-child(3) .reviews__img {
  margin: -7px 0;
}

.permissions {
  margin-top: 50px;
}

.pageouter .thumbnails {
  border: none !important;
  max-width: 150px;
}

.map-continents {
  margin-top: 30px;
}

.fb-page {
  margin-right: 50px;
}

.footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: auto;
  background-color: #fff;
  text-align: center;
  margin-top: 30px;
}

.footer p {
  font-size: 10px;
}

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}

.map-continents + .thumbs {
  margin-top: 40px;
}

.thumbs__wrapper {
  display: grid;
  grid-gap: 15px;
  grid-row-gap: 0px;
  grid-template-columns: repeat(auto-fill, minmax(137px, 1fr));
}

.blurb {
  display: block;
  position: relative;
  min-height: 380px;
}

.titlePage .imageWrapper img {
  float: left;
  border-top: 30px;
  padding-right: 30px;
  position: relative;
  z-index: 10;
}

.titlePage h3:nth-of-type(2) a {
  color: dimgray;
}

.titlePage h3:nth-of-type(2) a:hover,
.titlePage h3:nth-of-type(2) a:focus {
  color: #b3a369;
  text-decoration: none;
}

.thumbnail:hover {
  transform: scale(1.1);
  transition: 0.1s;
}

/*---Title Pages---*/

.titlePage > .container {
  width: 100%;
  padding: 0;
}

.titlePage .jumbotron {
  width: 100%;
  max-width: 1000px;
  padding: 45px 4em;
  margin: 30px auto;
}

.titlePage .jumbotron p {
  font-size: 20px;
}

.titlePage .coverer {
  width: 100% !important;
  margin-right: 0px;
}

.titlePage h2 {
  text-align: center;
}

.titlePage h3 {
  text-align: center;
}

.titlePage p {
  color: #4d4d4d;
  line-height: 1.59;
  margin-top: 0em;
  margin-bottom: 1em;
}

.titleDetails ul {
  list-style-type: none;
  padding-left: 0;
}

.titleDetails ul li {
  font-size: 12px;
  color: #4d4d4d;
  line-height: 1.59;
}

.titleDetails h3 {
  text-align: left;
  font-size: 20px;
}

.titleDetails {
  margin-right: 0px;
  display: inline;
}

.lookInside img {
  position: absolute;
}

.thumbnail {
  border: none;
}

/*---End Title Pages---*/

.contact-information {
  margin-top: 50px;
}

.jumbotron p {
  font-size: 16px;
  margin: 0;
}

.jumbotron h3 {
  margin-top: 0;
  margin-bottom: 15px;
}

.contact-information .jumbotron p:not(:last-of-type) {
  margin-bottom: 15px;
}

.home-btn {
  text-align: center;
}

/*---end Contact---*/

/*---Start Why CS---*/

.whyHero {
  background-image: url("../images/hero5.jpg");
  height: calc(100vh - 25em);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* background-attachment: fixed; */
}

.whyHero .caption {
  position: relative;
  left: 0;
  top: 30%;
  width: 100%;
  text-align: center;
  color: white;
  /* background: rgba(0,0,0,0.3); */
  height: auto;
  padding: 0.5%;
}

.whyHero .caption img {
  width: 200px;
  height: auto;
  display: none;
}

/*---Start authors---*/

.authors .caption {
  text-align: center;
}

.authorPage img {
  display: block;
  margin: auto;
}

.authorPage .thumbnail img {
  max-width: 150px;
}

.authorPage p {
  margin-top: 25px;
}

.authorPage h1 {
  text-align: center;
}

.authorPage .container {
  width: 100%;
  padding: 0;
}

.authorPage .jumbotron {
  margin: 0;
  width: 100%;
  margin: 30px 0;
}

.authorPage ul {
  list-style-type: none;
  padding-left: 0;
}

/*---End authors---*/

/*---start team---*/

h1 {
  text-align: center;
}

.team1 {
  padding: 2%;
}

.team2 {
  padding: 2%;
}

.team1 img {
  float: right;
  margin-left: 10px;
  padding: 10px;
}

.team2 img {
  float: left;
  margin-right: 15px;
  padding: 10px;
}

/*---End team___*/

/*---start partners---*/

.partnerPage img {
  max-width: 280px;
  margin-bottom: 20px;
  margin-top: 20px;
}

/*---End authors---*/

.imageWrapper {
  position: relative;
  margin-right: 10%;
}

.titlePage .imageWrapper .searchInside {
  position: absolute;
  bottom: 1%;
}

.imageWrapper .searchInside img {
  width: auto !important;
}

/* xs */
.authorPage img {
  width: 150px;
  height: auto;
}

/* xs */
.titlePage .imageWrapper img {
  width: 150px;
  height: auto;
}

/* xs */
.teamPage img {
  width: 200px !important;
  height: auto;
}

/* Book Slider */

.book-slider {
  width: 100%;
}

.book-slider .box {
  padding: 60px 30px;
}

.slider-books {
  width: 97%;
  position: relative;
}

.book-wrapper img {
  height: auto;
  width: 100%;
}

.book-slider .book-wrapper {
  max-width: 210px;
  display: block;
  outline: none;
}

.slider-books .slick-prev,
.slider-books .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 25px;
  height: 25px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background-repeat: no-repeat;
  background-color: transparent;
  opacity: 0.65;
}

.slider-books .slick-prev {
  left: -35px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.002 512.002' style='enable-background:new 0 0 512.002 512.002;' xml:space='preserve'%3E%3Cpath d='M388.425,241.951L151.609,5.79c-7.759-7.733-20.321-7.72-28.067,0.04c-7.74,7.759-7.72,20.328,0.04,28.067l222.72,222.105 L123.574,478.106c-7.759,7.74-7.779,20.301-0.04,28.061c3.883,3.89,8.97,5.835,14.057,5.835c5.074,0,10.141-1.932,14.017-5.795 l236.817-236.155c3.737-3.718,5.834-8.778,5.834-14.05S392.156,245.676,388.425,241.951z'/%3E%3C/svg%3E%0A");
  transform: rotate(180deg);
  top: 46%;
}

.slider-books .slick-next {
  right: -35px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.002 512.002' style='enable-background:new 0 0 512.002 512.002;' xml:space='preserve'%3E%3Cpath d='M388.425,241.951L151.609,5.79c-7.759-7.733-20.321-7.72-28.067,0.04c-7.74,7.759-7.72,20.328,0.04,28.067l222.72,222.105 L123.574,478.106c-7.759,7.74-7.779,20.301-0.04,28.061c3.883,3.89,8.97,5.835,14.057,5.835c5.074,0,10.141-1.932,14.017-5.795 l236.817-236.155c3.737-3.718,5.834-8.778,5.834-14.05S392.156,245.676,388.425,241.951z'/%3E%3C/svg%3E%0A");
}

.slider-books .slick-next:hover,
.slider-books .slick-prev:hover {
  opacity: 1;
}

.flipster__button:hover,
.flipster__button:focus {
  opacity: 1;
  outline: none;
}

/* Slider Slick */
/* Slider */
.slick-slider {
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;

  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/* Owl slider */
.book-slider {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 24px;
}

.book-slider .owl-stage {
  max-height: 300px;
  overflow: hidden;
}

.book-slider .owl-item {
  opacity: 0.2;
  transition: all ease-in-out 0.3s;
}

.book-slider .owl-item:hover {
  opacity: 1;
}

.book-slider .owl-item.active {
  transition: all ease-in-out 0.3s;
}

.book-slider .owl-item.center {
  transform: scale(1.2);
  opacity: 1;
  transition: all ease-in-out 0.3s;
}

.book-slider .owl-nav {
  position: absolute;
  top: 32%;
  width: 100%;
}

.book-slider .owl-next span,
.book-slider .owl-prev span {
  font-size: 70px;
  opacity: 0.5;
  transition: all ease-in-out 0.3s;
}

.book-slider .owl-next:hover span,
.book-slider .owl-prev:hover span {
  font-size: 70px;
  opacity: 0.8;
}

.book-slider .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  left: -25px;
  outline: none;
}

.book-slider .owl-carousel .owl-nav button.owl-next {
  right: -25px;
  position: absolute;
  outline: none;
}

/* End Slick slider */

/* Begin MailChimp Signup Form */

#mc_embed_signup form {
  padding: 0;
}

#mc_embed_signup {
  background: #fff;
  clear: left;
  font-size: 1.55em;
  width: 100%;
  max-width: 292px;
}

#mc_embed_signup label {
  text-align: left;
  font-size: 16px;
  padding: 0;
  font-weight: 600;
}

#mc_embed_signup .button {
  flex: 0;
  border-radius: 10px;
  background-color: dimgray;
  border: none;
  color: #fff;
  transition: background-color 0.5s ease;
  font-size: 16px;
}

#mc_embed_signup .button:hover {
  background-color: #b3a369;
}

#mc_embed_signup input.email {
  width: 100%;
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid gray;
  margin-right: 7px;
}

/* CSSmap configuration */

li.focus {
  -webkit-filter: sepia(0.6) contrast(130%) saturate(110%);
  filter: sepia(0.6) contrast(130%) saturate(110%);
}

/* Purchase book Page */
#purchase {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: #b3a36987;
  height: 140px;
}

#purchase h3 {
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
}

#purchase p em {
  color: #fff;
  font-weight: bold;
}

.shop-btn {
  background-color: #000;
  border: #000;
  position: relative;
  z-index: 99999;
}

.purchase .btn-primary:hover {
  background-color: dimgray;
}

.purchase ul {
  list-style: none;
  padding: 10px;
  padding-bottom: 0;
  margin: 0;
  position: relative;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}

.purchase ul li {
  display: block;
  padding: 0 5px;
  font-size: 18px;
  margin-bottom: 10px;
}



/* MEDIA */

@media screen and (min-width: 468px) {
  .authorPage .jumbotron p {
    font-size: 16px;
  }
  .author .jumbotron h3 {
    font-size: 18px;
  }

  .jumbotron p {
    font-size: 16px !important;
  }
  .jumbotron h3 {
    font-size: 18px !important;
  }
}

/* sm */
@media (min-width: 768px) {
  .teamPage img {
    width: 300px !important;
  }

  .titlePage .imageWrapper img {
    width: 200px;
  }

  .authorPage img {
    width: 200px;
  }

  .whyHero .caption img {
    width: 300px;
  }

  .footer p {
    font-size: 14px;
  }

  .titleDetails ul li {
    font-size: 16px;
    color: #4d4d4d;
    line-height: 1.59;
  }

  .jumbotron p {
    font-size: 16px !important;
  }
  .jumbotron h3 {
    font-size: 20px !important;
  }
}
/* md */
@media (min-width: 992px) {
  .teamPage img {
    width: 400px !important;
  }

  .titlePage .imageWrapper img {
    width: 300px;
  }

  .authorPage img {
    width: 300px;
  }

  .whyHero .caption img {
    width: 400px;
  }

  .footer p {
    font-size: 16px;
  }

  .titleDetails ul li {
    font-size: 18px;
    color: #4d4d4d;
    line-height: 1.59;
  }
}
/* lg */
@media (min-width: 1200px) {
  .teamPage img {
    width: 500px !important;
  }

  .titlePage .imageWrapper img {
    width: 400px;
  }

  .authorPage img {
    width: 400px;
  }

  .authorPage .jumbotron p {
    font-size: 20px;
  }
  .authorPage .jumbotron h3 {
    font-size: 24px;
  }

  .whyHero .caption img {
    width: 500px;
  }

  .jumbotron p {
    font-size: 20px !important;
  }
  .jumbotron h3 {
    font-size: 24px !important;
  }
}

@media screen and (max-width: 773px) and (min-height: 320px) and (max-height: 500px) {
  .section-bg {
    height: calc(100vh - 9em);
  }
}

@media screen and (max-width: 773px) and (min-height: 501px) and (max-height: 1000px) {
  .section-bg {
    height: 52vh;
  }
}

@media screen and (min-width: 774px) and (max-width: 1001px) and (min-height: 501px) and (max-height: 1000px) {
  .section-bg {
    height: 52vh;
  }
}

@media screen and (min-width: 1001px) and (max-width: 1165px) and (min-height: 501px) {
  .section-bg {
    height: 52vh;
  }
}

@media (max-width: 1199px) {
  .form__line {
    flex-direction: column;
  }

  #mc_embed_signup {
    max-width: 200px;
  }

  #mc_embed_signup input.email {
    margin-right: 0;
    margin-bottom: 7px;
  }
}

@media (max-width: 1020px) {
  .section__caption_home {
    font-size: 38px;
  }

  .whyHero {
    background-attachment: scroll;
    max-height: 650px;
  }
}

@media (max-width: 992px) {
  body {
    font-size: 18px;
  }

  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 35px;
  }

  h3 {
    font-size: 25px;
  }

  .footer__nav::before,
  .footer__nav::after {
    display: none;
  }

  .titlePage .jumbotron p {
    font-size: 18px;
  }

  .titlePage .jumbotron {
    padding: 45px 2em;
  }

  #purchase h3 {
    font-size: 25px;
  }
}

@media (max-width: 970px) {
  .navbar-header {
    float: none;
  }
  .navbar-left,
  .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in {
    display: block !important;
  }

  .nav__social {
    justify-content: flex-start;
    padding-left: 13px;
  }

  .nav__social {
    padding-left: 0px;
  }
}

@media (max-width: 947px) {
  #mc_embed_signup {
    max-width: 180px;
  }
}

@media (max-width: 897px) {
  .section__caption_home {
    font-size: 33px;
  }
}

@media (max-width: 804px) {
  .section-bg_series .section__caption-qoute {
    font-size: 38px;
  }

  .section__caption_home {
    font-size: 29px;
  }
}

@media (max-width: 768px) {
  .container {
    width: 100%;
  }

  h1 {
    font-size: 30px;
  }

  h2 {
    font-size: 25px;
  }

  h3 {
    font-size: 23px;
  }

  .titlePage,
  .regionPage,
  .authorPage,
  .teamPage,
  .partnerPage {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

  .navbar-left img {
    margin-left: 15px;
  }

  .section__caption_main {
    font-size: 22px;
  }

  .section__caption_home {
    font-size: 29px;
  }

  .section__caption-author {
    font-size: 19px;
  }

  .section-bg_series .section__caption-qoute {
    font-size: 32px;
  }

  .section-bg_series .section__caption-author {
    font-size: 26px;
  }

  .titlePage .jumbotron p {
    font-size: 16px;
  }

  .book-slider .owl-carousel .owl-nav button.owl-prev {
    left: -10px;
  }

  .book-slider .owl-carousel .owl-nav button.owl-next {
    right: -10px;
  }

}

@media (max-width: 645px) {
  h1 {
    font-size: 28px;
  }

  body {
    font-size: 16px;
  }

  .footer__line {
    flex-direction: column;
    padding-bottom: 10px;
  }

  .footer__logo {
    margin: 50px 0 30px 0;
    order: 3;
  }

  .footer__form {
    margin-top: 20px;
  }

  .footer__line-copy {
    flex-direction: column;
    padding-bottom: 14px;
    padding-top: 14px;
  }

  .footer__line-copy > *:not(:last-child) {
    margin-bottom: 10px;
  }

  .footer__nav-list {
    justify-content: center;
    max-width: none;
  }

  .footer__nav-list > li > a {
    text-align: center;
  }

  .footer__nav-list > li {
    flex-basis: 100%;
    display: flex;
    justify-content: center;
  }

  #mc_embed_signup {
    max-width: 370px;
  }

  #mc_embed_signup label {
    text-align: center;
  }
}

@media (max-width: 631px) {
  .section__caption_home {
    font-size: 26px;
  }
}

@media (max-width: 600px) {
  .book-slider .owl-nav {
    position: absolute;
    top: 27%;
    width: 100%;
  }
}

@media (max-width: 592px) {
  .reviews h2 {
    font-size: 30px;
  }

  .reviews__item {
    flex-direction: column;
  }

  .reviews__item p {
    text-align: center;
    font-size: 20px;
  }

  .reviews .reviews__img {
    margin-left: 0;
    margin-top: 20px;
    max-height: 44px;
    max-width: 160px;
  }

  .reviews__item:nth-child(3) .reviews__img {
    margin: -7px 0;
    margin-top: 20px;
  }
}

@media (max-width: 582px) {
  .section-bg_series .section__caption-qoute {
    font-size: 26px;
  }

  .section-bg_series .section__caption-author {
    font-size: 23px;
  }

  .section__caption_main {
    font-size: 20px;
  }

  .section__caption_home {
    font-size: 26px;
  }

  .section__caption_home .desktop-br {
    display: none;
  }

  .section__caption_home .mobile-br {
    display: block;
  }
}

@media (max-width: 512px) {
  #mc_embed_signup label {
    text-align: center;
    font-size: 15px;
  }
}

@media (max-width: 482px) {

  .section-bg_series .section__caption-author {
    font-size: 20px;
  }

  .section-bg_series .section__caption-qoute br {
    display: none;
  }

}

@media screen and (max-width: 442px) {
  .shop-btn {
    width: 100%;
  }

  .purchase ul {
    padding-top: 5px;
  }

  .purchase ul li {
    flex-grow: 1;
    flex-basis: 50%;
    margin-bottom: 7px;
    padding: 0 4px;
  }

  #purchase {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #purchase h3 {
    margin-bottom: 5px;
    margin-top: 10px;
  }
}

@media (max-width: 427px) {
  .section__caption_main {
    font-size: 20px;
  }

  .section-bg_series .section__caption-qoute {
    font-size: 24px;
  }

  .section__caption_home {
    font-size: 26px;
  }
}

@media (max-width: 412px) {
  .desktop-break {
    display: none;
  }
}

@media screen and (max-width: 372px) {
  .authorPage .thumbnail img {
    width: 100%;
  }

  .section__caption_home .mobile-br,
  .section__caption_home .desktop-br {
    display: none;
  }

  .section__caption_home .desktop-br.mobile-br {
    display: block;
  }

  .section__caption_home {
    font-size: 24px;
}
}

@media screen and (max-width: 326px) {
  .section__caption_home {
    font-size: 23px;
}
}
