.project-sec-new {
  padding: 40px 0px!important;
}
.project-img-new img {
  width: 800px;
  margin: auto;
}
.project-img-new {
  /* padding: 40px 0px; */
  max-width: 800px;
  margin: auto;
  position: relative;
}
.building-part {
  position: absolute;
  width: 130px;
  a {
    color: #AB946B!important;
    font-family: 'minerva-modern';
    font-weight: 400;
  }
}
.floor-right {
  right: 100%;
}
.floor-left {
  left: 100%;
}

.floor-right::after {
  width: 100%;
  position: absolute;
  height: 2px;
  background: #AB946B;
  left: 100%;
  content: '';
  top: 0px;
  bottom: 0px;
  margin: auto;
}
.floor-left::after {
  width: 100%;
  position: absolute;
  height: 2px;
  background: #AB946B;
  right: 100%;
  content: '';
  top: 0px;
  bottom: 0px;
  margin: auto;
}
.floor-1 {
  top: 0px;
}
.box {
  height: 62px;
  width: 491px;
  background: #bfad8fb0;
  position: absolute;
  top: 0;
  left: 274px;
}
.floor-left .box {
  right: 295px;
  left: auto;
}
.floor-2 {
  top: 62px;
}
.floor-2 .box {
  height: 108px;
  background: #bfad8fb0;
}
.floor-3 {
  top: 170px;
}
.floor-3 .box {
  background: #bfad8fb0;
}
.floor-4,.floor-5 {
  top: 273px;
}
.floor-4 .box {
  background: #bfad8fb0;
}
.floor-5 .box {
  background: #bfad8fb0;
}
.left-half .box {
  width: 245.5px;
}
.right-half .box {
  width: 245.5px;
}
.floor-6 {
  top: 374px;
}
.panaromic .box {
  height: 409px;
}
.center-panoramic .box {
  top: -40px;
  width: 247px;
  right: 418px;
  background: #bfad8fb0;
}
.floor-7 {
  top: 504px;
}
.left-panoramic .box {
  background: #bfad8fb0;
  top: -169px;
  width: 121px;
}
.floor-8 {
  top: 634px;
}
.right-panoramic .box {
  background: #bfad8fb0;
  top: -299px;
  width: 123px;
}
.floor-9 {
  top: 744px;
}
.floor-10 {
  top: 744px;
}
.floor-9 .box,
.floor-10 .box {
  height: 78px;
}
.floor-11 {
  top: 911px;
}
.floor-11 .box {
  top: -89px;
}
.floor-12 {
  top: 880px;
}
.floor-12 .box {
  top: -57px;
}
.floor-13 {
  top: 1111px;
}
.floor-14 {
  top: 1051px;
}
.right-panoramic-new .box {
  right: 418px;
  top: -289px;
  background: #bfad8fb0;
}
.left-panoramic-new .box {
  background: #bfad8fb0;
  top: -229px;
  left: 394px;
  width: 125px;
}
.floor-15,.floor-16 {
  top: 1255px;
}
.floor-15 .box,
.floor-16 .box {
  height: 79px;
}
.floor-17 {
  top: 1360px;
}
.bottom-panoramic .box {
  height: 227px;
}
.floor-17 .box {
  top: -26px;
}
.floor-18 {
  top: 1340px;
}
.floor-18 .box {
  top: -6px;
}
.floor-19 {
  top: 1440px;
}
.floor-19 .box {
  top: -106px;
}
.floor-20 {
  top: 1430px;
}
.floor-20 .box {
  top: -96px;
}
.floor-21 {
  bottom: 291px;
  left: 109%;
}
.floor-21 .box {
  width: 634px;
  top: -2px;
  height: 78px;
  right: 296px;
}
.floor-22 {
  right: 109%;
  bottom: 177px;
}
.floor-22 .box {
  width: 636px;
  height: 134px;
  top: -31px;
}
.floor-23 {
  bottom: 50px;
  left: 110%;
}
.floor-23::after {
  width: 50%;
}
.floor-23 .box {
  right: 316px;
  top: -19px;
  height: 91px;
  width: 610px;
}
.box {
  transform: translate(0px, 50px)!important;
  opacity: 0!important;
  transition: all .3s ease-in-out;
}
.building-part:hover .box {
  transform: translate(0px, 0px)!important;
  opacity: 1!important;
}
@media screen and (min-width:991px) {
  .floor-left::after {
    width: 90%;
    right: 110%;
  }
  .floor-right::after {
    width: 90%;
    left: 110%;
}
}

@media screen and (max-width:991px) {
  .project-img-new {
    max-width: 300px;
}
  .project-img-new img {
    width: 300px;
}
.building-part {
  width: 80px;
  font-size: 8px;
}
.floor-right {
  right: 85%;
}
.floor-left {
  left: 90%;
}
.floor-right::after {
  width: 20%;
  height: 1px;
  left: 80%;
}
.box {
  height: 19px;
  width: 180px;
  left: 91px;
}
.floor-left::after {
  width: 20%;
  height: 1px;
  right: 110%;
}
.floor-2 {
  top: 24px;
}
.floor-left .box {
  right: 113px;
  left: auto;
}
.floor-2 .box {
  height: 38px;
}
.floor-3 {
  top: 54px;
}
.floor-3 .box {
  top: 11px;
  height: 24px;
}
.floor-4, .floor-5 {
  top: 103px;
}
.left-half .box,
.right-half .box {
  width: 90px;
}
.floor-6 {
  top: 158px;
}
.center-panoramic .box {
  top: -33px;
  width: 95px;
  right: 156px!important;
}
.panaromic .box {
  height: 154px;
}
.floor-7 {
  top: 184px;
}
.left-panoramic .box {
  top: -59px;
  width: 44px!important;
}
.building-part {
  font-size: 8px;
}
.right-panoramic .box {
  top: -90px;
  width: 43px!important;
}
.floor-9,.floor-10 {
  top: 282px!important;
}
.floor-9 .box, .floor-10 .box {
  height: 22px;
}
.floor-11 {
  top: 321px;
}
.floor-11 .box {
  top: -17px!important;
}
.floor-12 {
  top: 338px;
}
.floor-12 .box {
  top: -34px!important;
}
.floor-13 {
  top: 401px;
}
.right-panoramic.right-panoramic-new .box {
  right: 157px!important;
  top: -97px;
  background: #bfad8fb0;
  width: 46px!important;
}
.floor-14 {
  top: 420px;
}
.left-panoramic-new .box {
  background: #bfad8fb0;
  top: -115px!important;
  left: 137px;
  width: 125px;
}
.floor-15, .floor-16 {
  top: 470px!important;
}
.floor-15 .box, .floor-16 .box {
  height: 26px;
}
.floor-18 {
  top: 510px;
}
.floor-18.left-panoramic .box {
  top: -14px;
  width: 44px!important;
  height: 90px;
}
.floor-17 {
  top: 508px;
}
.bottom-panoramic .box {
  height: 90px!important;
}
.floor-17 .box {
  top: -13px!important;
}
.floor-19 {
  top: 540px;
}
.floor-19 .box {
  top: -45px!important;
}
.floor-20 {
  top: 540px;
}
.left-panoramic-new.floor-20 .box {
  top: -44px!important;
}
.floor-21 {
  bottom: 100px;
  left: 102%!important;
}
.floor-22 {
  right: 95%!important;
  bottom: 57px;
}
.floor-23 {
  bottom: 10px;
  left: 110%!important;
}
.floor-21 .box {
  width: 240px;
  top: -2px;
  height: 31px;
  right: 120px!important;
}
.floor-22 .box {
  width: 242px;
  height: 51px;
  top: -14px;
}
.floor-23 .box {
  right: 144px!important;
  top: -10px;
  height: 36px;
  width: 239px;
}
}