.book {
    padding: 5% 0px 10% 0px;
  }
  .book h2 {
    color: #D1504A;
  }
  .book .about-main {
    text-align: right;
  }
  .book .about-main .about-image {
    position: relative;
    margin-right: 100px;
    z-index: 0;
    display: inline-flex;
  }
  .book .about-main .about-image::after {
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    border: 6px solid #116075;
    top: 30px;
    left: 30px;
    z-index: -1;
  }
  .book .about-main .about-image::before {
    content: "";
    width: 310px;
    position: absolute;
    height: 310px;
    border-radius: 50%;
    background-color: #D1504A;
    top: 200px;
    left: 160px;
    z-index: -1;
  }
  .book .about-content h4 {
    line-height: 30px;
    font-size: 18px;
  }

/* .book-launched{
    color:#ffffff;
}  */
.book-launched a{
    color:#333333 !important;
} 

.book-launched a:hover{
    color:#2704c4 !important;
} 

img.img-responsive {
  width: 100%;
}



.the-lunch .about-main .about-image img {
  width: 100%;
}

.the-lunch {
  padding: 1% 0px 8% 0px;
}
.the-lunch h2 {
  color: #D1504A;
}
.the-lunch .about-main {
  text-align: right;
}
.the-lunch .about-main figcaption {
  background: #ebebeb;
  font-size: 16px;
  padding: 10px;
  text-align: center;
}
.the-lunch .about-main .about-image {
  position: relative;
 margin-right: 100px;
  z-index: 0;
  /* display: inline-flex; */
}

.the-lunch .about-main .about-image::before {
  content: "";
  width: 310px;
  position: absolute;
  height: 310px;
  border-radius: 50%;
  background-color: #D1504A;
  top: 60px;
  right: -64px;
  z-index: -1;
}

.the-lunch .about-main .about-image::after {
  content: "";
  width: 100%;
  position: absolute;
  height: 100%;
  border: 6px solid #f9b617;
  top: 30px;
  left: 30px;
  z-index: -1;
}

.the-lunch .about-main .about-image::before {
  content: "";
  width: 310px;
  position: absolute;
  height: 310px;
  border-radius: 50%;
  background-color: #D1504A;
  top: 71px;
  right: -100px;
  z-index: -1;
}

a {
  color: #004085;
  text-decoration: none;
  background-color: transparent;
}



@media screen and (max-width: 600px){
  .the-lunch .about-main .about-image::before {
    width: 200px;
    height: 200px;
    top: 3rem;;
    left: 150px;
    display: none;
}
.the-lunch .about-main .about-image{
  margin-right: 50px;
}
.mb-rwd-menu{
  -webkit-transition: 0.3s ease all;
  /* For Safari 3.1 to 6.0 */
  transition: 0.3s ease all;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.5);
}
.the-lunch {
  padding: 5% 0px 15% 0px;
}
}