@media (max-width: 767px) {
    .top-container.b {
  height: 60vh;
}
    .title h1 {
    font-size: 70px;
}
    .top-container {
        height: 60vh;
        padding: 20px;
    }
    .option-title {
    font-size: 1.5rem;
}
.option-grid {
    width: 35px;
    padding-right: 15px;
}
.option-grid-box {
  position: relative;
  margin: 0px 0px;
}

.down {
    width: 20px;
    height: 20px;
}
.middle-img-wrapper {
 display: none;
}
.option-head {
    padding: 20px 0px;
    padding-top: 10px;
}
.option-head:hover {
    padding: 20px 20px;
}
.option-title {
    padding: 20px 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.service-option {
    padding-bottom: 40px;
    padding: 0px 20px;
}
.option-grid-box.active {
  margin: 0px 0px;
  padding: 0px 0px;
}
.option-content {
  padding: 0px 0px;
  width: auto;
  font-size: 15px;
}
.option-content p {
    padding-left: 0px;
}




}
@media (min-width: 768px) and (max-width: 991.98px){
      .top-container {
        height: 60vh;
        padding: 20px;
    }
    .option-title {
    font-size: 2.5rem;
}
.option-grid {
    width: 35px;
    padding-right: 15px;
}

.down {
    width: 20px;
    height: 20px;
}
.middle-img-wrapper {
 display: none;
}
.option-head {
    padding: 0px 0px;
}
.option-head:hover {
    padding: 0px 0px;
}
.option-title {
    padding: 20px 0px;
    padding-bottom: 0px;
}
.service-option {
    padding-bottom: 40px;
    padding: 0px 20px;
}
.option-grid-box.active {
  margin: 0px 0px;
  padding: 0px;
}
.option-content {
  padding: 0px 0px;
  width: auto;
}
.option-content p {
    padding-left: 0px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
       .top-container {
        height: 60vh;
        padding: 20px;
    }
    .option-title {
    font-size: 2.5rem;
}
.option-grid {
    width: 35px;
    padding-right: 15px;
}

.down {
    width: 20px;
    height: 20px;
}
.middle-img-wrapper {
 display: none;
}
.option-head {
    padding: 0px 0px;
}
.option-head:hover {
    padding: 0px 0px;
}
.option-title {
    padding: 20px 0px;
    padding-bottom: 0px;
}
.service-option {
    padding-bottom: 40px;
    padding: 0px 20px;
}
.option-grid-box.active {
  margin: 0px 0px;
  padding: 10px;
}
.option-content {
  padding: 0px 0px;
  width: auto;
}
.option-content p {
    padding-left: 0px;
}
}
@media (min-width: 1201px) and (max-width: 1400px) {}