.navbar {
  padding-top: 0px;
}
.link-1 {
  color: #3f51b5;
}
.section-title {
  margin: 0 0 40px 0;
}
.section-title-2 {
  margin: 30px 0 10px 0;
}
.link-1:hover {
  color: #303f8e;
}
.js-navbar {
  background: #000;
}
.w-100 {
  width: 100%;
}
.author-img {
  width: 100%;
  height: 350px;
  object-fit: contain;
}
.book-img {
  width: 100%;
  height: 380px;
  object-fit: contain;
}
.book-avail {
  margin: 15px 0 0 0;
}
.book-avail h2 {
  font-size: 26px;
  margin: 10px 0 5px 0;
}
.col-portfolio .image-holder {
  width: 100%;
  height: 100%;
}
.col-portfolio .image-holder img {
  width: 100%;
  height: 260px;
  object-fit: cover;
}
.book-avail-img {
  background: #1f74ba;
  width: fit-content;
  margin: 10px auto;
  padding: 10px 16px;
  border-radius: 6px;
}
.book-avail-img img {
  width: 100%;
  height: 40px;
  object-fit: contain;
}
.book-avail-img-2 {
  background: #1f74ba;
  width: fit-content;
  margin: 10px auto;
  padding: 10px 16px;
  border-radius: 6px;
}
.book-avail-img-2 img {
  width: auto;
  height: 45px;
}
.social .icon {
  color: #d4b068;
}
.book-avail-img:hover {
  background: #2c5a80;
  cursor: pointer;
}
.d-flex {
  display: flex;
  align-items: center;
}
.d-flex-reverse {
  display: flex;
  align-items: center;
}
.book-heading {
  font-size: 34px;
}
.book-p {
  font-size: 17px;
  color: #000000;
}
.award-div p {
  color: #000000;
  font-size: 20px;
}
.mt-20 {
  margin: 20px 0 0 0;
}
.mt-30 {
  margin: 30px 0 0 0;
}
.award-img {
  width: 100%;
  height: auto;
  border: 1px solid #000000;
  margin: 15px 0 0 0;
}
.ol-class {
  color: #9f9f9f;
  line-height: 20px;
  padding: 0 0 0 15px;
}
.ol-class li {
  color: #000000;
}

.homepage .js-navbar {
  background: transparent !important;
}
.homepage .affix {
  background: rgba(20, 20, 20, 0.95) !important;
}
.team-lead2 {
  opacity: 1;
  /* display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; */
}
.social2 {
  margin: 0;
}
.icon {
  font-size: 30px;
}
.icon-2 {
  font-size: 17px;
}
.js-gallery.type-2 {
  display: none;
}
.fa-eye:hover {
  cursor: pointer;
}
.team-bio2 {
  position: relative;
  font-weight: 300;
  top: 0px;
  margin: 10px 0 0 0;
  font-size: 14px;
  color: #c2c2c2;
}
.team-bio2 p {
  font-size: 13px;
  margin: 5px 0 0 0;
}
@media screen and (max-width: 1200px) {
  .navbar-nav {
    padding: 18px 0 0 40px;
  }
  .navbar.affix .navbar-nav {
    padding: 18px 0 0 80px !important;
  }
}
@media screen and (max-width: 1105px) {
  .icon {
    font-size: 20px;
  }
  .icon-2 {
    font-size: 14px;
  }
  .team-bio2 {
    top: 0px;
    margin: 0;
  }
  .team-profile figcaption {
    padding: 13px;
  }
  .team-bio2 p {
    font-size: 11px;
  }
}
@media screen and (min-width: 1106px) and (max-width: 1370px) {
  .team-bio2 {
    top: -3px;
  }
  .icon {
    font-size: 20px;
  }
}
@media screen and (min-width: 992px) {
  .navbar-nav > li {
    padding: 0 0 0 18px;
  }
}
@media (min-width: 768px) {
  .navbar:not(.affix) .navbar-nav > .active > a,
  .navbar:not(.affix) .navbar-nav > .active:hover > a,
  .navbar:not(.affix) .navbar-nav > .active > a:focus {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@media screen and (max-width: 769px) {
  .team-bio2 {
    top: 12px;
    font-size: 14px;
  }
}

@media screen and (max-width: 500px) {
  .team-bio2 {
    top: 30px;
  }
  .d-flex {
    flex-direction: column;
  }
  .d-flex-reverse {
    flex-direction: column-reverse;
  }
  .book-heading {
    font-size: 20px;
  }
  .book-p {
    font-size: 14px;
  }
  .book-img {
    height: 300px;
  }
  .book-avail {
    margin: 20px 0;
  }
  .book-avail h2 {
    font-size: 18px;
  }
  .book-avail img {
    height: 26px;
  }
}