.banner-title {
  width: 50%;
  margin: 0 auto;
}
body {
  background-color: #E5D7CB;
  background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1));
}
.container {
  width: 80%;
}
.banner-caption p {
  color: #fff;
}
.row-responsive {
  flex-wrap: nowrap;
}
.store-pictures {
  margin-bottom: 20px;
}
.margin-bot {
  margin-bottom: 80px;
}
.col-1-item {
  padding: 0;
}
.col-2-item {
  height: 100%;
}
.col-2-item * {
  padding: 0;
  margin: 0;
}
.col-2-item-a {
  margin-bottom: 4%;
}
.order-md-1, .order-lg-1 {
  padding-right: 1.5%;
}
.order-md-2, .order-lg-2 {
  padding-left: 1.5%;
}
.col-2-item-a-1 .single-portfolio-content {
  padding: 0 5.9% 0 0;
}
.col-2-item-a-2 .single-portfolio-content {
  padding: 0 0 0 5.9%;
}
.col-2-item-b-1 .single-portfolio-content {
  padding: 0 5.9% 0 0;
}
.col-2-item-b-2 .single-portfolio-content {
  padding: 0 0 0 5.9%;
}
.portfolio-link a {
  color: #F6E08D;
}
.portfolio-link a:hover {
  color: #DEBC73;
}
.gallery-description p {
  color: #f9f9f9;
}
.summary-button {
color: #fff;
border-color: #fff;
background-color: #7F756E;
}
.summary-button:hover {
  color: #574304;
}

@media (max-width: 1199.98px) {
  .margin-bot {
    margin-bottom: 70px;
  }
}

@media (max-width: 991.98px) {
  .banner-title {
    width: 65%;
  }

  .margin-bot {
    margin-bottom: 60px;
  }
  .novel-favors-item-1, .novel-favors-item-3 {
    padding-left: 0;
    padding-right: 15px;

  }
  .novel-favors-item-2, .novel-favors-item-4 {
    padding-left: 15px;
    padding-right: 0;
  }
}

@media (max-width: 767.98px) {
  .banner-title {
    width: 60%;
  }
  .section-padding-80 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .margin-bot {
    margin-bottom: 20px;
  }
  .row-responsive {
    flex-wrap: wrap;
  }
  .col-1-item {
    margin-bottom: 30px;
  }
  .col-2-item {
    margin-bottom: 30px;
  }
  .col-2-item-a {
    margin-bottom: 20px;
  }
  .order-md-1, .order-lg-1 {
    padding-right: 0;
  }
  .order-md-2, .order-lg-2 {
    padding-left: 0;
  }
}

@media (max-width:575.98px) {
  .banner-title {
    width: 60%;
  }
  .section-padding-80 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .col-1-item {
    margin-bottom: 20px;
  }
}