/*Use this stylesheet for project specific style changes */

@media only screen and (max-width: 1600px) {
    .popup, #OverviewText {
        transform: scale(0.8);
    }
    .menuContainer ul li {
      padding: 0 49px 0 58px;
    }
    #footerControlDesk {
      /* width: 435px !important; */
    }
    .desktop #overviewText {
         top: 1.5% !important;
    }
}
@media screen and (max-width: 1024px) and (max-height: 1365px) and (orientation: portrait) {
    .wrapper {
        top: 54vh !important;
        left: calc(51% - 48vw) !important;
    }
}
  @media only screen and (max-width: 768px) {
    .wrapper {
        top: 47vh !important;
        left: calc(56% - 46vw) !important;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1281px) and (max-height: 751px) and (orientation: landscape) {
  /* #ports_popup5{
    top: 29% !important;
  } */
  #ports_popup7{
    left:72% !important;
    top: 38% !important;   
  }
}

  .hotspotTooltip{
    background: #e2dfe1ed;
    border: 1px solid #acacac;
    box-sizing: border-box;
    color: #000;
     font-family: var(--montserratRegular);
    font-size: 16px;
    font-weight: 400;
    left: 35px;
    max-width: 220px;
    min-width: 220px;
    padding: 15px;
    pointer-events: none;
    position: absolute;
    transition: all .7s ease-in-out;
    width: fit-content;
    width: auto;

  }
  
  #accordion_Exterior .icon{
        height: auto !important;
      }
      .ipadDesktop #overviewText {
         top: 5.5% !important;
    }