body {
  background-color: #4A2B0D;
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, 0));
  /* background-color: #101010; */
  /* background-color: #e4e7eb; */
  }
  .breadcrumb-area {
    height: 450px;
  }
  .classic-bars-title {
    padding-top: 29%;
    margin: 0 auto;
  }
  .display-box-col {
    padding-top: 5px;
  }
  .display-box-col .single_gallery_item {
    padding: 0;
  }
  .single-portfolio-content .hover-content {
  background-color: transparent;
  }
  .gallery-description-intro {
    color: #E1B486;
  }#E1B486
  .gallery-description p {
    margin-bottom: 40px;
  }
  .gallery-description p:first-child {
    padding-left: 0;
  }
  .portfolio-link a {
    color: #DC7430;
  }
  .choc-bar-description {
    margin-bottom: 40px;
  }
  .choc-bar-description p {
    margin-bottom: .9em;
    line-height: 1.4em;
    padding-left: 2.4em;
  }
  .choc-bar-description p:last {
    margin-bottom: 0;
  }
  .choc-bar-description .gallery-description-intro {
    font-weight: 500;
  }
  .choc-bar-description p:first-child .gallery-description-intro {
    font-weight: 600;
  }
  .summary-button {
  color: #fff;
  border-color: #fff;
  background-color: #824316;
  }
  .summary-button:hover {
    color: #CF6B23;
  }

  @media(min-width: 1500px) {

  }

  @media(max-width: 1499.98px) {

  }

  @media(max-width: 1399.98px) {
    .breadcrumb-area {
      height: 350px;
    }
    .classic-bars-title {
      padding-top: 20%;
      width: 80%;
    }
  }

  @media(max-width: 1199.98px) {
    .breadcrumb-area {
      height: 300px;
    }
  }

  @media(max-width: 991.98px) {
    .breadcrumb-area {
      height: 250px;
    }
    .classic-bars-title {
      padding-top: 24%;

    }
    .alime-portfolio-area {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }

  @media(max-width: 767.98px) {
    .breadcrumb-area {
      height: 200px;
    }
    .classic-bars-title {
      padding-top: 25%;
    }
    .alime-portfolio-area {
      padding-top: 50px;
      padding-bottom: 50px;
    }
  }

  @media(max-width: 575.98px) {
    .breadcrumb-area {
      height: 170px;
    }
    .classic-bars-title {
      padding-top: 22%;
    }
    .halloween-flex-container {
        width: 100%;
    }
    .mb-sm-30 {
      margin-bottom: 30px;
    }
    .alime-portfolio-area {
      padding-top: 40px;
      padding-bottom: 40px;
    }

  }

  @media(max-width: 475.98px) {
    .breadcrumb-area {
      height: 115px;
    }
    .classic-bars-title {
      padding-top: 20%;
    }
    .section-padding-80 {
      padding-top: 40px;
      padding-bottom: 40px;
    }
  }