.site-plan-tabbing .area-list{column-count: 2;}
.site-plan-tabbing .alpha-order{list-style-type: upper-alpha;}

.site-plan-tabbing ol.alpha-order li:nth-child(5) {list-style-type: none;position: relative;}
.site-plan-tabbing ol.alpha-order li:nth-child(6) {position: relative;list-style: none;}

.site-plan-tabbing .area-list ol {padding-left: 20px;}
.site-plan-tabbing .area-list li {font-size: 14px;text-transform: uppercase;line-height: 22px;font-family: 'ITC Avant Garde Gothic Pro Book';font-weight: normal;padding-left: 4px;}
.site-plan-tabbing .area-list h4 {
  text-transform: uppercase;
  margin-top: 25px;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  font-family: 'ITC Avant Garde Gothic Pro';
  min-height: 22px;
  color: #464749;
}
.siteplan-listing h3 {color: #464749;text-transform: uppercase;font-weight: normal;font-size: 14px;line-height: 22px;font-family: 'ITC Avant Garde Gothic Pro'; margin-bottom: 20px;}
.siteplan-listing {max-width: 555px;margin-left: 20px;}
.site-plan-tabbing li.nav-item {
  margin: 0 20px;
}
#site-plan-tab{
  margin-bottom: 30px;
}
.site-plan-tabbing .common-button.active,.site-plan-tabbing .common-button:hover,.site-plan-tabbing .common-button:focus{background:var(--primary-color) !important;color: var( --secondary-color) !important;}
.site-plan-tabbing .common-button {
  background-color: var(--secondary-color);
  background: var(--secondary-color) !important;
  color: var(--primary-color);
  transition: all 0.4s ease-in-out;
  font-family: 'ITC Avant Garde Gothic Pro Md';
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  padding: 12px 20px;
  min-width: 300px;
}
.site-plan-tabbing .zoom-buttons {bottom: 0;top: auto;}
.site-plan-tabbing {padding: 89px 0 60px;margin: 0;}
.site-plan-tabbing .area-list ol {
  list-style: none;
  counter-reset: item;
  padding-left: 0;
}
.site-plan-tabbing .area-list ol li {
  counter-increment: item;
  padding-left: 30px;
  font-size: 13px;
  line-height: 18px;
  text-transform: uppercase;
  color: #636466;
  text-shadow: 0 0 black;
  position: relative;
  margin-bottom: 3px;
}
.site-plan-tabbing .area-list ol li:before {
  margin-right: 10px;
  content: counter(item);
  background: #fda600;
  border-radius: 100%;
  color: #000;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.site-plan-tabbing .area-list ol.landscpae-top-list li::before {
  font-size: 0;
}
.site-plan-tabbing .area-list .list-colum:nth-child(3) ol.landscpae-top-list li:nth-child(2):before{
  background: #ffe8c2;
}
.site-plan-tabbing .area-list .list-colum:nth-child(3) ol.landscpae-top-list li:nth-child(3):before{
  background: #ffce7a;
}
.site-plan-tabbing .area-list .list-colum:nth-child(3) ol.landscpae-top-list li:nth-child(4):before{
  background: #fda600;
}
.site-plan-tabbing .area-list .list-colum:first-child ol li:nth-child(2)::before,
.site-plan-tabbing .area-list .list-colum:first-child ol li:nth-child(3)::before,
.site-plan-tabbing .area-list .list-colum:first-child ol li:nth-child(4)::before {
background: #ffe8c2;
}
.site-plan-tabbing .area-list ol.landscpae-top-list li:nth-child(3):before ,
.site-plan-tabbing .area-list .list-colum:first-child ol li:nth-child(5)::before,
.site-plan-tabbing .area-list .list-colum:first-child ol li:nth-child(6)::before,
.site-plan-tabbing .area-list .list-colum:first-child ol li:nth-child(7)::before,
.site-plan-tabbing .area-list .list-colum:first-child ol li:nth-child(8)::before,
.site-plan-tabbing .area-list .list-colum:first-child ol li:nth-child(9)::before,
.site-plan-tabbing .area-list .list-colum:first-child ol li:nth-child(10)::before,
.site-plan-tabbing .area-list .list-colum:first-child ol li:nth-child(11)::before,
.site-plan-tabbing .area-list .list-colum:first-child ol li:nth-child(12)::before,
.site-plan-tabbing .area-list .list-colum:first-child ol li:nth-child(13)::before,
.site-plan-tabbing .area-list .list-colum:first-child ol li:nth-child(14)::before,
.site-plan-tabbing .area-list .list-colum:first-child ol li:nth-child(15)::before{
  background:#ffce7a;
}
.site-plan-tabbing .area-list .list-colum:nth-child(2) ol li:nth-child(2)::before,
.site-plan-tabbing .area-list .list-colum:nth-child(2) ol li:nth-child(4)::before,
.site-plan-tabbing .area-list .list-colum:nth-child(2) ol li:nth-child(5)::before,
.site-plan-tabbing .area-list .list-colum:nth-child(2) ol li:nth-child(6)::before,
.site-plan-tabbing .area-list .list-colum:nth-child(2) ol li:nth-child(14)::before,
.site-plan-tabbing .area-list .list-colum:nth-child(2) ol li:nth-child(16)::before,
.site-plan-tabbing .area-list .list-colum:nth-child(2) ol li:nth-child(17)::before,
.site-plan-tabbing .area-list .list-colum:nth-child(2) ol li:nth-child(18)::before,
.site-plan-tabbing .area-list .list-colum:nth-child(2) ol li:nth-child(19)::before,
.site-plan-tabbing .area-list .list-colum:nth-child(2) ol li:nth-child(20)::before,
.site-plan-tabbing .area-list .list-colum:nth-child(2) ol li:nth-child(21)::before{
  background:#ffce7a;
}

.site-plan-tabbing .area-list .list-colum:nth-child(3) ol.third-clubhouse li:nth-child(2)::before,
.site-plan-tabbing .area-list .list-colum:nth-child(3) ol.third-clubhouse li:nth-child(3)::before{
  background:#ffce7a;
}
.site-plan-tabbing .area-list .alpha-order li:nth-child(2)::before,
.site-plan-tabbing .area-list .alpha-order li:nth-child(3)::before,
.site-plan-tabbing .area-list .alpha-order li:nth-child(4)::before,
.site-plan-tabbing .area-list .alpha-order li:nth-child(5)::before{
  background: #ffe8c2;
}
.site-plan-tabbing .area-list .alpha-order li{
  counter-increment: alphabeticList;
}
.site-plan-tabbing .area-list .alpha-order li:before {
  content: counter(alphabeticList, upper-alpha);
}
.site-plan-tabbing #landscape-tabs-1 .area-list .list-colum:nth-child(3) ol {
  counter-reset: item 34;
}
ol.landscpae-top-list h4 {
  min-height: auto !important;
}
.site-plan-tabbing .area-list ol.alpha-order li:nth-child(8):before {content: '';position: absolute;background-image: url('../../../assets/images/water-tank.svg');height: 12px;width: 19px;background-size: contain; top: 50%;transform: translateY(-50%);    background-repeat: no-repeat; background-color: transparent;
  border-radius: inherit;font-size: 0;}
  .site-plan-tabbing .area-list ol.alpha-order li:nth-child(7):before {content: 'VS';position: absolute; background-color: #000;color: #fff;}
  .site-plan-tabbing #sky-terrace-tabs-2 .area-list ol {counter-reset: item 39;}
.site-plan-tabbing #sky-terrace-tabs-2 .area-list ol li:before {background: #6a231a;color: #fff;}
.site-plan-tabbing #sky-terrace-tabs-2 .area-list h4:first-child {margin-top: 0;}
.site-plan-panzoom {
  max-width: 1079px;
}
.site-plan-tabbing #landscape-tabs-1 .area-list {
  display: flex;
}
.site-plan-tabbing #landscape-tabs-1 .area-list .list-colum {
  max-width: 33.33%;
  flex: 0 0 33.33%;
}

#sky-terrace-tabs-2 .siteplan-listing  h3 {
  margin-bottom: 20px;
}
#landscape-tabs-1 .siteplan-listing {
  max-width: 700px;
}
.site-plan-tabbing #landscape-tabs-1 .area-list .list-colum:nth-child(2) ol {
  counter-reset: item 17;
}
.siteplan-listing h3 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  font-family: 'ITC Avant Garde Gothic Pro';
  margin-bottom: 0;
}
@media only screen and (min-width: 1201px) and (max-width: 1499px){
  .siteplan-listing {
    margin-left: 0;
}
.site-plan-tabbing .area-list ol li:before{
  height: 17px;
  width: 17px;
  font-size: 9px;
}
.site-plan-tabbing .area-list ol li {
 
  padding-left: 22px;
  font-size: 12px;
  line-height: 16px;
 
}
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
  .siteplan-listing {
    margin: 0 auto;
    padding-top: 40px;
}
.tab-content-div .row {
  justify-content: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.siteplan-listing {margin: auto;max-width: 100%;padding: 30px 50px;}
.site-plan-tabbing .area-list li ,.site-plan-tabbing .area-list h4 ,.siteplan-listing h3 {font-size: 12px;line-height: 20px;}
}
@media only screen and (max-width: 767px) {
  .site-plan-tabbing .alpha-order {
    position: absolute;
    left: 0;
    bottom: 15px;
}
ol.landscpae-top-list {
  margin-top: 30px;
}
.site-plan-tabbing #landscape-tabs-1 .area-list .list-colum:nth-child(3) .alpha-order h4 {
  display: block;
}
.site-plan-tabbing #landscape-tabs-1 .area-list .list-colum:nth-child(3) h4 {
  display: none;
}
  #sky-terrace-tabs-2 .siteplan-listing  h3 {
    margin-bottom: 13px;
}
  .site-plan-tabbing #landscape-tabs-1 .area-list .list-colum:first-child, .site-plan-tabbing #landscape-tabs-1 .area-list .list-colum:nth-child(2),.site-plan-tabbing #landscape-tabs-1 .area-list .list-colum:nth-child(3) {
    max-width: 50%;
    flex: 0 0 50%;
}
.site-plan-tabbing .area-list ol li:before {
  height: 16px;
  width: 16px;
  font-size: 9px;
  top: 0;
  transform: inherit;
}
.site-plan-tabbing #landscape-tabs-1 .area-list {
  flex-wrap: wrap;
  justify-content: end;
  position: relative;
}
.site-plan-tabbing .area-list h4 {
  margin-top: 30px;
}
.site-plan-tabbing .area-list ol li{
  margin-bottom: 1px;
}
   .pan-left-right-overlay {background-color: rgb(241, 240, 238 , 0.9);height: 100%;width: 100%;position: absolute;z-index: 9;top: 0;}
   .inner-pan-overlay {display: flex;justify-content: center;align-items: center;height: 100%;}
   .site-plan-tabbing .common-button {
    min-width: 200px;
    padding: 7px 2px;
    letter-spacing: 0.72px;
}
   .site-plan-tabbing li.nav-item {margin:12px 15px;}
   .site-plan-tabbing .area-list ol li ,.site-plan-tabbing .area-list h4 ,.siteplan-listing h3{font-size: 10px;line-height: 16px;}
   .siteplan-listing {width: 100% !important;padding: 20px 30px;margin: auto;}
   section.site-plan-tabbing {background-position: bottom;background-image: url('../../../assets/images/background-wave-mobile.svg');background-repeat: no-repeat;background-size: contain;padding: 0px 0 141px;}
 }