body {
  background-color: #311966;
  background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .2));
}
.breadcrumb-area {
height: 600px;
}
.halloween-banner-title {
  width: 70%;
  margin: 0 auto;
  padding-top: 60px;
}
.halloween-container {
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
}
.col-one  {
  padding-right: 15px;
}
.col-two {
  padding-left: 15px;
}
img {
  width: 100%;
}
.col-one-item-left {
  padding-left: 0;
}
.col-one-item-right {
  padding-right: 0;
}
.halloween-bx-shdw {
  position: relative;
}
.halloween-bx-shdw::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  filter: drop-shadow(0 1.0em 3.0em rgba(0, 0, 0, .4));
}
.portfolio-link a {
  color: #DC7430;
}
.portfolio-link a:hover {
  color: #ddb231;
}
.description-list-item .ul-2 {
  padding-left: 30px;
}
.summary-button {
color: #fff;
border-color: #fff;
background-color: #D26900;
}
.summary-button:hover {
  color: #574304;
}
.collapse {
  margin-bottom: -20px;
}

@media(min-width: 1500px) {
  .breadcrumb-area {
    height: 600px;
  }
}

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

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

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

@media(max-width: 991.98px) {
  .breadcrumb-area {
    height: 300px;
  }
  .alime-portfolio-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media(max-width: 767.98px) {
  .breadcrumb-area {
    height: 230px;
  }
  .halloween-banner-title {
    width: 80%;
  }
  .alime-portfolio-area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .col-one {
    padding-right: 2%;
  }
  .col-two {
    padding-left: 2%;
  }
}

@media(max-width: 575.98px) {
  .breadcrumb-area {
    height: 170px;
  }
  .alime-portfolio-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .halloween-container {
      width: 100%;
  }
  .col-one {
    padding-right: 2%;
  }
  .col-two {
    padding-left: 2%;
  }
}

@media(max-width: 475.98px) {
  .breadcrumb-area {
    height: 130px;
  }
  .halloween-banner-title {
    width: 80%;
    padding-top: 40px;
  }
  .alime-portfolio-area {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}