@font-face {
  font-family: Harrison Serif Pro;
  src: url(../fonts/HarrisonSerifProDEMO-Black.otf)
}

.p-about {
  padding: 40px 0 0 0;
}

.about-title {
  font-family: "Harrison Serif Pro", system-ui;
  font-size: 40px;
}

.about-title,
.about-lorem {
  text-align: center;
}

.about-lorem {
   font-size: 20px;
   line-height: 25px;
  color: #ffffff;
  width: 90%;
  padding-bottom: 20px;
}

/* .about-img {
  width: 100%;
} */

.p-img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 25px;
}

.container-bg {
  background-color: #000;
}

.about-img {
   width: 100%;
  padding-bottom: 52px;
}

.about-img img {
   width: 100%;
    border-radius: 15px;
     padding-bottom: ;
  }

/* Breakpoints */
@media only screen and (min-width: 275px) and (max-width: 375px) {
  .addres_text {
     width: 100%;
  }

  .footer-bg {
     width: 100%;
     background-image: url(../images/new-ofc.jpg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     /* background-attachment: fixed; */
  }
}

@media only screen and (min-width: 375px) and (max-width: 599px) {
   .construction_text {
      margin-top: 10PX;
   }

   .p-img {
      margin-bottom: -50PX;
   }

  .footer-bg {
     width: 100%;
     background-image: url(images/new-ofc.jpg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     /* background-attachment: fixed; */
  }

  .addres_text {
     width: 100%;
  }

  #carouselExampleIndicators a.carousel-control-prev {
     width: 35px;
     height: 35px;
     position: absolute;
     left: 1%;
     top: -210px;
     background-color: #fff;
     color: #000;
  }

  #carouselExampleIndicators a.carousel-control-next {
     width: 35px;
     height: 35px;
     position: absolute;
     left: 88%;
     top: -210px;
     background-color: #1a1824;
  }

  .constext {
      font-size: 18px;
  }

  .construction_text {
   line-height: 30px;
  }

  .about-img img {
   border-radius: 10px;
   margin-bottom: -10px;
  }

  .footer-bg {
     width: 100%;
     background-image: url(../images/new-ofc.jpg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     /* background-attachment: fixed; */
  }
}

@media only screen and (min-width: 599px) and (max-width: 768px) {
   .construction_text {
      font-size: 40px;
      margin-top: 10PX;
   }

  .lorem_text {
     display: none;
  }

  .p-img {
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     padding-bottom: 10px;
  }

  .constext {
     font-size: 10px;
  }

  .about-title {
     font-size: 40px;
  }

  .about-img {
     padding-bottom: 70px;
  }

  .about-img img {
     border-radius: 15px;
     margin-bottom: -10px;
  }

  .addres_text {
     width: 100%;
  }

  .map_text {
     width: 100%;
  }

  .footer-bg {
     width: 100%;
     background-image: url(../images/new-ofc.jpg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     /* background-attachment: fixed; */
  }

  .about-lorem {
     padding-bottom: 20px;
  }

  .row-jumbo {
     padding: 0;
  }

  #carouselExampleIndicators a.carousel-control-prev {
     width: 45px;
     height: 45px;
     position: absolute;
     left: 0%;
     top: 15px;
     background-color: #fff;
     color: #000;
  }

  #carouselExampleIndicators a.carousel-control-next {
     width: 45px;
     height: 45px;
     position: absolute;
     left: 93%;
     top: 15px;
     background-color: #1a1824;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .addres_text {
     width: 100%;
  }

  .about-title {
     font-size: 40px;
  }

  .construction_text {
   font-size: 40px;
   margin-top: 10PX;
}

  .about-img img {
     border-radius: 15px;
     margin-bottom: -10px;
  }

  #carouselExampleIndicators a.carousel-control-prev {
     width: 50px;
     height: 50px;
     position: absolute;
     left: 3%;
     top: 20px;
     background-color: #fff;
     color: #000;
  }

  #carouselExampleIndicators a.carousel-control-next {
     width: 50px;
     height: 50px;
     position: absolute;
     left: 90%;
     top: 20px;
     background-color: #1a1824;
  }

  .footer-bg {
     width: 100%;
     background-image: url(../images/new-ofc.jpg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     /* background-attachment: fixed; */
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .addres_text {
     width: 100%;
  }

  .about-title {
     font-size: 40px;
  }

  .about-img img {
     border-radius: 15px;
     margin-bottom: -10px;
  }

  #carouselExampleIndicators a.carousel-control-prev {
     width: 65px;
     height: 65px;
     position: absolute;
     left: 2%;
     top: 30px;
     background-color: #fff;
     color: #000;
  }

  #carouselExampleIndicators a.carousel-control-next {
     width: 65px;
     height: 65px;
     position: absolute;
     right: 2%;
     top: 30px;
     background-color: #1a1824;
  }

  .footer-bg {
     width: 100%;
     background-image: url(../images/new-ofc.jpg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     /* background-attachment: fixed; */
  }
}