body {
     font-family: "Plus Jakarta Sans", Arial, sans-serif;
     font-weight: 300;
     font-style: normal;
     max-width: 1820px;
     margin-left: auto;
     margin-right: auto;
}
 html,body {
     height: 100%;
     background-color: #1d2b38 
}
 #map {
     margin-top: -130px;
}
 a {
     text-decoration: none;
     color: #17b199;
}
 .description {
     position: absolute;
     top: 100px;
     width: 30%;
     color: white;
     padding: 20px 50px;
     background: #EC6919;
     background: linear-gradient(90deg,rgba(236, 105, 25, 1) 0%, rgba(0, 0, 0, 0.71) 15%, rgba(0, 0, 0, 1) 100%);
     font-size: 18px;
}
/*.hero-bg {
     background-image: url('/assets/img/m1-mk-background.jpg?v=2');
}
 */
 .hero-bg.map {
     background-image: url('/assets/img/map.jpg');
}
 em {
     margin-top: 20px;
     font-size: 15px 
}
 .m1mkLogo{
     width: 275px;
     margin-bottom: 15px;
}
 .addressDetails:not(.availability) {
     background: #EC6919;
     /*background: linear-gradient(90deg,rgba(236, 105, 25, 1) 0%, rgba(0, 0, 0, 0.71) 15%, rgba(0, 0, 0, 1) 100%);*/
     background: linear-gradient(90deg,rgba(236, 105, 25, 1) 0%, rgba(0, 0, 0, 0.5) 15%, rgba(0, 0, 0, .25) 100%);
}
 .addressDetails.availability {
     background: #EC6919;
     background: linear-gradient(90deg,rgba(236, 105, 25, 1) 0%, rgba(0, 0, 0, 0.3) 15%, rgba(0, 0, 0, 0) 100%);
}
 .addressDetails table {
     color: white;
     border-collapse:collapse;
}
 .addressDetails table tr {
     border-bottom: 1px solid white;
}
 .addressDetails td {
     border-right: 1px solid white;
}
 .addressDetails td:last-of-type {
     border-right:initial;
}
 .addressDetails tr:last-of-type {
     border: initial;
}
 .addressDetails tr:last-of-type td {
     border: 3px solid #ed6b1d;
}
 .addressDetails td .situation-bg {
     width: 100%;
     text-align:center;
}
 .situation-bg img {
     height: auto;
     width: 100%;
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 .hero-bg .video-container {
     padding-bottom: 56.25%;
     position: relative;
     margin-bottom: 30px;
}
 .contentBoxMob li img {
     margin-right: 5px;
     width: 35px;
}
 .hero-bg iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 80%;
}
 .hero-bg iframe.fullHeight {
     height: 100% 
}
 a:hover {
     color: #b9b5b5;
     text-decoration: none;
}
 .contentBoxMob li {
     list-style: none;
}
 h1, h2, h3, h4, h5, h6, .font-primary {
     font-family: "Plus Jakarta Sans", Arial, sans-serif;
     font-weight: 400;
     font-style: normal;
}
 .contentBox ul li span, .contentBoxMob ul li span {
     color: #ec6919;
     white-space:nowrap 
}
 .image-container{
     padding: 25px 100px 0 100px;
}
 .image-container img{
     margin: 0 auto;
     display: block;
     width: 90%;
     height: 100%;
}
 #header {
     height: 80px;
     padding: 20px 0;
     z-index: 10;
     position: relative;
     max-width: 1820px;
     margin-left: auto;
     margin-right: auto;
}
 #header .logo h1 {
     font-size: 36px;
     margin: 0;
     padding: 0;
     line-height: 1;
     font-weight: 300;
     letter-spacing: 3px;
}
 #header .logo h1 a, #header .logo h1 a:hover {
     color: #fff;
     text-decoration: none;
}
 #header .logo img {
     padding: 0;
     margin: 0;
     max-height: 59px;
}
 .availability-bullets{
     color: white;
     margin-top: 10px;
     font-weight: 300;
     margin-bottom: 30px;
     line-height: 1.2em;
     list-style:none;
     padding-left: 0;
}
 .availability-bullets li {
     position: relative;
     padding-left: 50px;
     height: 50px;
     margin-bottom: 5px;
}
 .addressDetails .availability-bullets img {
     width: 35px;
     position: absolute;
     top: 50%;
     left: 0;
     margin: 0;
     transform: translateY(-50%);
}
 @media (max-width: 768px) {
     #header .logo h1 {
         font-size: 28px;
         padding: 8px 0;
    }
}
 .toLet{
     z-index: 99;
     background-image: url(/assets/img/to-let.svg);
     width: 33%;
     background-repeat: no-repeat;
     position: absolute;
     height: 150px;
     padding-left: 100px;
}
 .toLet h1{
     color: white;
     font-size: 100px;
     margin-top: 10px;
     font-weight: 400;
}
 .addressDetails {
     width: 100%;
}
 .addressDetails.availability h1 {
     font-weight: 300;
     color: white;
     font-size: 2.5rem;
     margin-bottom:15px;
}
 .addressDetails.availability p {
     color: yellow;
     font-size: 1rem;
}
 .addressDetails.availability table {
     width: 500px;
}
 .addressDetails.availability table td {
     width: 150px;
     text-align: center;
     padding: 5px;
}
 .addressDetails.availability table tr:first-of-type td, .addressDetails.availability table tr td:first-of-type {
     font-weight: bold;
}
 .addressDetails.availability table tr td:first-of-type {
     text-align:left;
}
 .addressDetails.availability table td:first-of-type {
     width: 200px;
}
 .addressDetails.availability li {
    text-transform: initial;
    opacity: 1;
    font-size: 1.1rem;
    padding-left: 0;
    align-self: center;
    vertical-align: middle;
    align-items: center;
    line-height: 1;
}
 #voltaic{
     font-size: 88px;
     margin-top: 20px;
}
 .addressDetails.availability{
     max-width: 450px;
}
 .addressDetails A {
     color: #fff;
}
 .addressDetails:not(.home) img {
     width: 150%;
     margin-bottom: 10px;
     margin-top:30px 
}
 .addressDetails h2{
     color: white;
     font-size: 28px;
     font-weight: 400;
     line-height: 38px;
     border-top: 2px solid #ec6919;
     border-bottom: 2px solid #ec6919;
     padding-top: 15px;
     padding-bottom: 15px;
}
 .addressDetails h2.noBorder {
     margin-top: 0;
     border-top: 0;
     padding-top: 0 
}
 .addressDetails h2 span{
     color: #ec6919;
}
 .addressDetails p {
     color: white;
     font-size: 20px;
     margin-top: 10px;
     font-weight: 300;
     margin-bottom: 0;
     line-height: 1.2em;
     margin-bottom: 30px;
     border-bottom: 2px solid #ec6919;
     padding-bottom: 20px;
}
 .addressDetails p:first-of-type {
     font-size: 46px;
     font-weight:700;
     text-transform: uppercase;
}
.addressDetails p.melburg{
    font-size: 20px;
     text-transform: unset;
     border:0;
     font-weight: 300;
     margin-bottom: 0;
     padding-bottom: 0;
}
.addressDetails.contact .agents{
   font-weight: 400;
    text-transform: unset;
    font-size: 14px;
     
}
.addressDetails.contact .agents strong{
    color: #e86718;
  font-weight: bold;
  font-size: 16px;
}
.addressDetails.contact .disclaimer{
  font-size: 11px;
  margin-top: 20px;
  margin-bottom: 0;
}
 .addressDetails p:first-of-type span {
     display: block;
     width: 100%;
     text-align: center;
     margin-top: 30px;
     margin-bottom: 30px;
     background-color: #ec6919;
     padding: 10px 20px;
     color: white;
     text-transform: uppercase;
     font-size: 38px;
     font-weight: 700;
}
 .addressDetails p:last-of-type span {
     font-size: 25px;
     color:#ec6919;
     font-weight:300;
     text-transform: initial;
     display:block;
     margin-bottom:10px;
}
 .addressDetails p:last-of-type span:last-of-type {
     margin-top: 20px;
}
 .opportunityDetails p {
     font-size: 24px;
     color: #ec6919;
}
 .situationDetails{
     z-index: 99;
     padding: 40px;
     max-width: 450px;
     background-color: rgba(29, 43, 56, 0.85);
     position: absolute;
     margin-left: 50px;
    /*top: 150px;
     */
     bottom: 0px !important;
     padding: 30px;
}
 .situationDetails p{
     color: #ec6919;
     font-size: 24px;
     font-weight: 300;
     margin-bottom: 0;
     line-height: 1.2em;
}
 .opportunityDetails{
     z-index: 99;
     padding: 40px;
     max-width: 680px;
     background-color: rgba(29, 43, 56, 0.85);
     position: absolute;
     right: 0px;
    /*top: 150px;
     */
     bottom: 0px !important;
     padding: 30px 30px 20px 30px;
}
 .opportunityDetails p{
     font-size: 24px;
     font-weight: 300;
     margin-bottom: 10px;
     line-height: 1.4em;
}
 .opportunityDetails h2{
     color: white;
     font-size: 48px;
     margin-top: 0px;
     font-weight: 400;
     line-height: 48px;
     border-bottom: 2px solid #ec6919;
     margin-bottom: 15px;
     padding-bottom: 15px;
}
 .indicativeBoundary{
     z-index: 99;
     background-image: url(/assets/img/indicative.svg);
     width: 50%;
     background-repeat: no-repeat;
     position: absolute;
     height: 75px;
     right: 0;
     padding-right: 100px;
}
 .indicativeBoundary p{
     color: black;
     font-size: 22px;
     margin-top: 15px;
     font-weight: 400;
     margin-bottom: 0;
     text-align: right;
}
 .nav-menu {
     position: fixed;
     top: 0;
     bottom: 0;
     z-index: 9999;
     overflow-y: auto;
     right: -260px;
     width: 260px;
     padding-top: 18px;
     background: rgba(34, 34, 34, 0.8);
     transition: 0.4s;
}
 .nav-menu * {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .nav-menu a, .nav-menu a:focus {
     display: block;
     position: relative;
     color: #ffd2b7;
     padding: 10px 20px;
     font-weight: 500;
     transition: 0.3s;
}
 .nav-menu a:hover, .nav-menu .active>a, .nav-menu li:hover>a {
     color: #18B098;
     text-decoration: none;
}
 .nav-menu .drop-down>a:after {
     content: "\ea27";
     font-family: "boxicons";
     padding-left: 10px;
     position: absolute;
     right: 15px;
}
 .nav-menu .active.drop-down>a:after {
     content: "\ea27";
}
 .nav-menu .drop-down>a {
     padding-right: 35px;
}
 .nav-menu .drop-down ul {
     display: none;
     overflow: hidden;
}
 .nav-menu ul.drop-down-active {
     display: block;
}
 .nav-menu .drop-down li {
     padding-left: 20px;
}
 .nav-menu-active {
     right: 0;
}
 .fa-bars{
     color:#FFF;
}
 .fa-times{
     color:#FFF;
}
 .nav-toggle {
     position: fixed;
     right: 15px;
     top: 15px;
     z-index: 9998;
     border: 0;
     background: rgba(34, 34, 34, 0.5);
     transition: all 0.4s;
     outline: none !important;
     line-height: 1;
     cursor: pointer;
     text-align: right;
     padding: 10px 12px;
     border-radius: 2px;
}
 .nav-toggle i {
     color: #fff;
     font-size: 18px;
}
 .nav-toggle-active {
     right: 275px;
}
 .navbar {
     padding: 0;
     height: 100px;
     background-color: rgba(26, 26, 26, 0.85);
}
 .navbar ul {
     margin: 0;
     padding: 0;
     display: flex;
     list-style: none;
     align-items: center;
}
 .navbar li {
     position: relative;
}
 .navbar a, .navbar a:focus {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 10px 0 10px 30px;
     font-size: 24px;
     text-align: center;
     font-weight: 400;
     color: #fff;
     line-height: 1em;
     white-space: nowrap;
     transition: 0.3s;
}
 .navbar a i, .navbar a:focus i {
     font-size: 12px;
     line-height: 0;
     margin-left: 5px;
}
 .navbar a:hover, .navbar li:hover>a {
     color: #ec6919;
}
 .navbar .active a, .navbar .active:focus{
     color: #ec6919;
}
 .navbar .getstarted, .navbar .getstarted:focus {
     background: #fd680e;
     padding: 8px 20px;
     margin-left: 30px;
     border-radius: 4px;
     color: #fff;
}
 .navbar .getstarted:hover, .navbar .getstarted:focus:hover {
     color: #fff;
     background: #fd7827;
}
 .navbar .dropdown ul {
     display: block;
     position: absolute;
     left: 14px;
     top: calc(100% + 30px);
     margin: 0;
     padding: 10px 0;
     z-index: 99;
     opacity: 0;
     visibility: hidden;
     background: #fff;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
     transition: 0.3s;
     border-radius: 4px;
}
 .navbar-toggler {
     padding: 1.5rem;
}
 .navbar .container-fluid {
     padding: 0px;
}
 .m1mk-logo {
     padding: 12px;
     position: absolute;
     z-index:99999999999;
     /*background-color: rgba(26, 26, 26, 0.85);*/
     left: 50px;
}
 .m1mk-logo img {
     width: 120px;
}
 .m1mk-logo span{
     color: white;
     font-size: 12px;
}
 .navbar .dropdown ul li {
     min-width: 200px;
}
 .navbar .dropdown ul a {
     padding: 10px 20px;
     font-size: 15px;
     text-transform: none;
     font-weight: 600;
}
 .navbar .dropdown ul a i {
     font-size: 12px;
}
 .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a {
     color: #ec6919;
}
 .navbar .dropdown:hover>ul {
     opacity: 1;
     top: 100%;
     visibility: visible;
}
 .navbar .dropdown .dropdown ul {
     top: 0;
     left: calc(100% - 30px);
     visibility: hidden;
}
 .navbar .dropdown .dropdown:hover>ul {
     opacity: 1;
     top: 0;
     left: 100%;
     visibility: visible;
}
 .custom-toggler .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
 @media (max-width: 1366px) {
     .navbar .dropdown .dropdown ul {
         left: -90%;
    }
     .hero-bg .video-container:not(.home) {
         height: 100vh;
    }
     .navbar .dropdown .dropdown:hover>ul {
         left: -100%;
    }
}
 .mobile-nav-toggle {
     color: #743e1d;
     font-size: 28px;
     cursor: pointer;
     display: none;
     line-height: 0;
     transition: 0.5s;
}
 .mobile-nav-toggle.bi-x {
     color: #fff;
}
 .navbar-collapse {
     z-index: 999;
}
 .navbar-mobile {
     position: fixed;
     overflow: hidden;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     background: rgba(75, 40, 19, 0.9);
     transition: 0.3s;
}
 .navbar-mobile .mobile-nav-toggle {
     position: absolute;
     top: 15px;
     right: 15px;
}
 .navbar-mobile ul {
     display: block;
     position: absolute;
     top: 55px;
     right: 15px;
     bottom: 15px;
     left: 15px;
     padding: 10px 0;
     border-radius: 10px;
     background-color: #fff;
     overflow-y: auto;
     transition: 0.3s;
}
 .navbar-mobile a, .navbar-mobile a:hover {
     padding: 10px 20px;
     font-size: 15px;
     color: #743e1d;
}
 .navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a {
     color: #fd680e;
}
 .navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
     margin: 15px;
}
 .navbar-mobile .dropdown ul {
     position: static;
     display: none;
     margin: 10px 20px;
     padding: 10px 0;
     z-index: 99;
     opacity: 1;
     visibility: visible;
     background: #fff;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
 .navbar-mobile .dropdown ul li {
     min-width: 200px;
}
 .navbar-mobile .dropdown ul a {
     padding: 10px 20px;
}
 .navbar-mobile .dropdown ul a i {
     font-size: 12px;
}
 .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover>a {
     color: #fd680e;
}
 .navbar-mobile .dropdown>.dropdown-active {
     display: block;
}
 .hero-bg {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
}
 .hero-bg iframe {
     min-width: 100%;
     min-height: 80%;
     width: auto;
     height: auto;
}
 .hero-bg iframe.fullHeight {
     min-height: 100% 
}
 .description-bg{
     background-image: url('/assets/img/bg-description.jpg?v=2');
     height: 100vh;
     background-size: cover;
     height: calc(100vh);
     margin-top: -100px;
     background-position-y: 30%;
     background-position-x: 50% 
}
 .description-bg img {
     position: absolute;
     bottom: 50px;
     right: 50px;
     width: 100%;
     max-width: 400px;
     border: 2px solid #ec6919;
}
 .availability-bg{
     background-image: url('/assets/img/bg-availability-2.jpg');
     height: 100vh;
     background-size: cover;
     height: calc(100vh);
     margin-top: -100px;
     background-position-y: 30%;
     background-position-x: 50% 
}
.availability-bg .plan {
    position: absolute;
    top: 100px;
    right: 50px;
    width: 100%;
    max-width: 800px;
    padding-top: 25px;
}
.availability-bg .availability-grid-holder{
    position: absolute;
    bottom: 50px;
    right: 50px;
}
.availability-bg .availability-grid-holder .availability-grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.availability-grid img {
  width: 100%;
  max-width: 350px;
  border: 2px solid #ec6919;
}
 .occupier-bg{
     background-image: url(/assets/img/bg-occupier-new.jpg?v=2);
     height: 100vh;
     background-size: cover;
     height: calc(100vh);
     margin-top: -100px;
     background-position-y: 0%;
}
 .contact-bg{
     background-image: url(/assets/img/bg-contact-2.jpg);
     height: 100vh;
     background-size: cover;
     height: calc(100vh);
     margin-top: -100px;
     background-position-y: 0%;
}
 .situation-bg{
     height: 100vh;
     position: relative;
     text-align:center;
}
 .accommodation-bg{
     background-image: url(/assets/img/bg-accommodation-newer.webp);
    /*height: calc(90vh - 85px);
     */
     height: calc(100vh);
     background-position-x: 25%;
     margin-top: -100px;
     background-position-y: 60%;
}
 .description-bg{
     height: 100%;
     background-position-x: 50%;
     background-position-y: 25%;
     margin-top: -100px;
     background-repeat: no-repeat;
}
 .further-bg{
     background-image: url(/assets/img/bg-plan-2.webp);
     height: calc(90vh - 85px);
     background-position-x: 50%;
     background-position-y: 50%;
     margin-top: -100px;
}
 .contact-bg{
     background-position-x: 50%;
     background-position-y: 50%;
     margin-top: -100px;
}
 .viewVideo a{
     position: absolute;
     top: 50%;
     left: 50%;
     margin-right: -50%;
     transform: translate(-50%, -50%);
}
 .viewVideo .button{
     margin-top: 120px;
     background-color: #19B099;
     color: white;
     font-size: 20px;
     padding: 0px 32px;
     line-height: 44px;
     font-weight: 400;
}
 .viewVideo .button:hover{
     border: 1px solid #19B099;
     color: #19B099;
     background-color: white;
     font-size: 20px;
}
 .hpVideoContainer{
     padding:56.25% 0 0 0;
     position:relative;
     overflow: hidden;
}
 #hero {
     width: 100%;
     height: 100vh;
    /*background: url("../img/cover.jpg") center center;
     filter: grayscale(1);
     */
     background-size: cover;
     position: relative;
     z-index: 9;
}
 #hero .hero-container {
     position: absolute;
     bottom: 0;
     top: 0;
     left: 0;
     right: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     text-align: center;
     padding: 0 15px;
}
 #hero h1 {
     margin: 0 0 10px 0;
     font-size: 48px;
     font-weight: 600;
    /*text-shadow: 2px 2px 0px #000;
     */
     line-height: 56px;
     color: #FFF;
}
 #hero h2 {
     color: #FFF;
    /*text-shadow: 2px 2px 0px #000;
     */
     font-size: 24px;
}
 #hero p {
     color: #FFF;
     margin-bottom: 30px;
     font-size: 18px;
     font-family: "Plus Jakarta Sans", Arial, sans-serif;
}
 @-webkit-keyframes animate-loading-notify {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
 @keyframes animate-loading-notify {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
 #hero .php-email-form input {
     border-radius: 50px;
     box-shadow: none;
     font-size: 14px;
     border: 0;
     padding: 0px 15px 2px 20px;
     width: 250px;
     height: 40px;
     margin: 0 8px;
}
 #hero .php-email-form button[type=submit] {
     font-family: "Plus Jakarta Sans", Arial, sans-serif;
     font-weight: 500;
     font-size: 16px;
     letter-spacing: 1px;
     display: inline-block;
     padding: 8px 30px;
     border-radius: 50px;
     transition: 0.5s;
     margin: 10px;
     border: none;
     color: #fff;
     background: #fd680e;
}
 #hero .php-email-form button[type=submit]:hover {
     background: #fd8841;
}
.addressDetails.home {
         display: none;
    }
 @media (min-width: 1024px) {
     #hero {
         background-attachment: fixed;
    }
     .addressDetails.home {
         display: block;
    }
}
 @media (max-width: 768px) {
     #hero h1 {
         font-size: 28px;
         line-height: 36px;
    }
     #hero h2 {
         font-size: 18px;
         line-height: 24px;
         margin-bottom: 30px;
    }
     #hero .php-email-form input {
         margin: 0 auto;
    }
}
 .content{
     position: absolute;
     bottom: 85px;
     padding-left: 100px;
}
/*#contentHome{
     position: absolute;
     left:0;
     bottom: 0;
     padding-left: 100px;
}
 */
 #contentHome{
     position: absolute;
     right: 0;
     bottom: 0;
     padding-right: 0px;
}
 #contentFull{
     width: 100%;
     padding-left: 0;
}
 .contentMob, .contentBoxMob{
     display: none;
}
 .contentBox{
     /*background-color: rgba(26, 26, 26, 0.85);*/
     background-color: rgba(0, 0, 0, 0.6);
     padding: 25px;
     width: auto;
     white-space: nowrap 
}
 #furtherInfo {
     padding-left: 100px;
     padding-right: 100px;
     height: 85vh;
     background-color: rgb(0 0 0 / 10%);
}
 #furtherInfo .firstHeading{
     margin-top:300px;
}
 #descriptionBox {
     padding-left: 100px;
     padding-right: 100px;
}
 #descriptionBox .firstHeading{
     margin-top:300px;
}
 #situationBox {
     bottom: 0px;
}
 #accommodationBox {
     bottom: 0px;
}
 .contentBox ul {
     padding-left: 1em;
}
 .contentBox ul li{
     font-size: 22px;
     line-height:34px;
     color:white;
     margin: 25px 0;
     list-style: none;
}
 .contentBox ul li img {
     margin-top:-5px;
     margin-right:8px 
}
 .contentBox ul li:after{
     content: "";
     display: block;
     height: 2px;
     width: 100%;
     margin: 10px 0;
     background: #ec6919;
}
 #descriptionBox ul li {
     line-height: 20px;
     font-size: 18px;
}
 #descriptionBox ul li:after{
     content: "";
     display: block;
     height: 0;
     width: 100%;
     margin: 0;
     background: none;
}
 #descriptionBox p{
     font-size: 20px;
     color: #FFF;
     line-height: 26px;
}
 .contentBox h3{
     font-size: 36px;
     color: #19B099;
     line-height: 48px;
     margin-bottom: 0;
}
 .contentBox h4 {
     font-size: 24px;
     color: #FFF;
     line-height: 32px;
     margin-bottom: 0;
}
 .contentBox p{
     font-size: 24px;
     color: #FFF;
     line-height: 32px;
}
 #furtherInfo p{
     font-size: 22px;
     color: #FFF;
     line-height: 28px;
     margin-bottom: 5px;
}
 .btn{
     background-color: #19b099;
}
 .btn:hover{
     color: white;
}
 #hero-map {
     width: 100%;
     position: absolute;
     left: 0px;
}
 #map{
     height: calc(100vh);
}
 section {
     padding: 60px 0;
}
 .section-bg {
     background-color: #fff7f2;
}
 .section-title {
     text-align: center;
     padding-bottom: 30px;
}
 .section-title h2 {
     font-size: 32px;
     font-weight: 300;
     margin-bottom: 20px;
     padding-bottom: 15px;
     position: relative;
}
 .section-title h2::after {
     content: "";
     position: absolute;
     display: block;
     width: 80px;
     height: 1px;
     background: #fd680e;
     bottom: 0;
     left: calc(50% - 40px);
}
 .section-title p {
     margin-bottom: 0;
     font-style: italic;
     color: #666666;
}
 .about h3 {
     font-weight: 400;
     font-size: 24px;
}
 .about ul {
     list-style: none;
     padding: 0;
}
 .about ul li {
     padding-bottom: 10px;
}
 .about ul i {
     font-size: 20px;
     padding-right: 4px;
     color: #fd680e;
}
 .about p:last-child {
     margin-bottom: 0;
}
 .why-us {
     padding-bottom: 30px;
}
 .why-us .card {
     border-radius: 3px;
     border: 0;
     box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
     margin-bottom: 30px;
}
 .why-us .card-icon {
     text-align: center;
     margin-top: -32px;
}
 .why-us .card-icon i {
     font-size: 32px;
     color: #fff;
     width: 64px;
     height: 64px;
     padding-top: 10px;
     text-align: center;
     background-color: #fd680e;
     border-radius: 50%;
     text-align: center;
     border: 4px solid #fff;
     transition: 0.3s;
     display: inline-block;
}
 .why-us .card-body {
     padding-top: 12px;
}
 .why-us .card-title {
     font-weight: 700;
     text-align: center;
}
 .why-us .card-title a {
     color: #743e1d;
}
 .why-us .card-title a:hover {
     color: #fd680e;
}
 .why-us .card-text {
     color: #5e5e5e;
}
 .why-us .card:hover .card-icon i {
     background: #fff;
     color: #fd680e;
}
 @media (max-width: 1024px) {
     .why-us {
         background-attachment: scroll;
    }
    .description{
      display: block;
      position: initial;
      width: 100% !important;
      min-width: initial;
    }
    .description-bg img{
      max-width: 250px;
    }
}
 .faq {
     padding-bottom: 60px;
}
 .faq .faq-list {
     padding: 0;
     list-style: none;
}
 .faq .faq-list li {
     border-bottom: 1px solid #eee;
     margin-bottom: 20px;
     padding-bottom: 20px;
}
 .faq .faq-list a {
     display: block;
     position: relative;
     font-size: 18px;
     line-height: 24px;
     font-weight: 400;
     padding-right: 25px;
     cursor: pointer;
}
 .faq .faq-list i {
     font-size: 24px;
     position: absolute;
     right: 0;
     top: 0;
}
 .faq .faq-list p {
     margin-bottom: 0;
     padding: 10px 0 0 0;
}
 .faq .faq-list .icon-show {
     display: none;
}
 .faq .faq-list a.collapsed {
     color: #343a40;
}
 .faq .faq-list a.collapsed:hover {
     color: #fd680e;
}
 .faq .faq-list a.collapsed .icon-show {
     display: inline-block;
}
 .faq .faq-list a.collapsed .icon-close {
     display: none;
}
 .contact .info {
     color: #444444;
}
 .contact .info i {
     font-size: 32px;
     color: #fd680e;
     float: left;
}
 .contact .info p {
     padding: 0 0 10px 50px;
     margin-bottom: 20px;
     line-height: 22px;
     font-size: 14px;
}
 .contact .info .email p {
     padding-top: 5px;
}
 .contact .social-links a {
     font-size: 18px;
     display: inline-block;
     background: #5a2c10;
     color: #fff;
     line-height: 1;
     padding: 8px 0;
     border-radius: 50%;
     text-align: center;
     width: 36px;
     height: 36px;
     transition: 0.3s;
}
 .contact .social-links a:hover {
     background: #fd680e;
     color: #fff;
}
 .contact .php-email-form .error-message {
     display: none;
     color: #fff;
     background: #ed3c0d;
     text-align: left;
     padding: 15px;
     font-weight: 600;
}
 .contact .php-email-form .error-message br+br {
     margin-top: 25px;
}
 .contact .php-email-form .sent-message {
     display: none;
     color: #fff;
     background: #18d26e;
     text-align: center;
     padding: 15px;
     font-weight: 600;
}
 .contact .php-email-form .loading {
     display: none;
     background: #fff;
     text-align: center;
     padding: 15px;
}
 .contact .php-email-form .loading:before {
     content: "";
     display: inline-block;
     border-radius: 50%;
     width: 24px;
     height: 24px;
     margin: 0 10px -6px 0;
     border: 3px solid #18d26e;
     border-top-color: #eee;
     -webkit-animation: animate-loading 1s linear infinite;
     animation: animate-loading 1s linear infinite;
}
 .contact .php-email-form input, .contact .php-email-form textarea {
     border-radius: 0;
     box-shadow: none;
     font-size: 14px;
}
 .contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
     border-color: #fd680e;
}
 .contact .php-email-form button[type=submit] {
     background: #fd680e;
     border: 0;
     padding: 10px 24px;
     color: #fff;
     transition: 0.4s;
}
 .contact .php-email-form button[type=submit]:hover {
     background: #fd8841;
}
 .contactUs{
     margin-top: 18em;
}
 .contactUs h4{
     margin-top: 40px;
}
 .contactUs h4, .contactUs p{
     font-size: 36px;
}
 .contactUs a{
     color: #333;
}
 .contactUs a:hover{
     color: #18B098;
}
 #footer {
     background: #333;
     padding: 30px 0;
     color: #fff;
     margin-top: 50px;
     font-size: 14px;
}
 #footer .copyright {
     text-align: center;
}
 #footer .credits {
     padding-top: 10px;
     text-align: center;
     font-size: 13px;
     color: #fff;
}
 .navbar-toggler {
     font-size: 1.25rem;
     line-height: 1;
     background-color: transparent;
     border: 1px solid transparent;
     border: none;
     height: unset;
     border-radius: .25rem;
     transition: box-shadow .15s ease-in-out;
}
 .navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {
     outline: none;
     box-shadow: none;
}
 .addressDetailsMob {
     display: none;
}
 .tbl-sirdar{
     width: 100%;
     margin-bottom: 40px;
}
 .tbl-sirdar th {
     color: #1d2b38;
     padding: 5px;
     background-color: #ec6919;
     padding: 5px 10px;
}
 .tbl-sirdar th:first-of-type {
     border-top-left-radius: 10px;
}
 .tbl-sirdar th:last-of-type {
     border-top-right-radius: 10px;
}
 .tbl-sirdar tbody tr:last-of-type td:first-of-type {
     border-bottom-left-radius: 10px;
}
 .tbl-sirdar tbody tr:last-of-type td:last-of-type {
     border-bottom-right-radius: 10px;
}
 .tbl-sirdar tbody tr {
     background-color: #ec6919;
     color: #1d2b38;
}
 .tbl-sirdar td {
     border: initial;
     padding: 8px 15px;
}
 .tbl-sirdar:not(.situation) tbody tr:first-of-type td {
     background-color: #f7f5b3;
}
 .tbl-sirdar:not(.situation) tbody tr:nth-of-type(2) td {
     background-color: #bed1da;
}
 .tbl-sirdar:not(.situation) tbody tr:nth-of-type(3) td {
     background-color: #eeeb66;
}
 .availability-bullets{
     color: white;
     font-size: 20px;
     margin-top: 10px;
     font-weight: 300;
     margin-bottom: 30px;
     line-height: 1.2em;
     list-style:disc;
     padding-left: 20px;
}
 .availability-bullets li {
     position: relative;
     padding-left: 0;
     height: 30px;
     margin-bottom: 5px;
}
 .availability-bullets img {
     width: 35px;
     position: absolute;
     top: 50%;
     left: 0;
     margin: 0;
     transform: translateY(-50%);
}
 .availability-bullets span {
     color: #ec6919;
}
 a.brochure-btn{
     background-color: #ec6919;
     padding: 8px 20px;
     border-radius: 10px;
     font-size: 18px;
     color: #1d2b38;
}
 a.brochure-btn:hover{
     background-color: #1d2b38;
     color: #ec6919;
     border-color: #ec6919;
}
/*@media (min-width: 1920px){
     #contentHome {
         bottom: -160px;
    }
}
 */
 @media (min-width: 1300px){
     .navbar>.container-fluid {
         padding-right: var(--bs-gutter-x, 100px);
         padding-left: var(--bs-gutter-x, 100px);
    }
}
 @media (min-width: 1025px){
     .navbar-expand-lg .navbar-nav .nav-link {
         padding-right: 0.75rem;
         padding-left: 0.75rem;
    }
     .addressDetails.home {
         display: block;
    }
     .hero-bg {
         position: absolute;
         top: 0;
         bottom: 0;
         width: 100%;
         height: 100%;
         overflow: hidden;
         background-size: cover;
         max-width: 1820px;
         margin-left: auto;
         margin-right: auto;
    }
     .hero-bg iframe {
         min-width: 100%;
         min-height: 80%;
         width: auto;
         height: auto;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%,-50%);
    }
     .hero-bg iframe.fullHeight {
         min-height: 100%;
    }
     .navbar>.container-fluid {
         padding-right: var(--bs-gutter-x, 50px);
         padding-left: var(--bs-gutter-x, 50px);
    }
     .contactUs>.container-fluid {
         padding-right: var(--bs-gutter-x, 100px);
         padding-left: var(--bs-gutter-x, 100px);
    }
     .navbar {
         background-color: rgba(26, 26, 26, 0.85);
         z-index: 10;
        /*background-color: rgba(29, 43, 56, 0.5);
         */
    }
}
 @media only screen and (width : 2560px) and (height : 1440px){
     .indicativeBoundary {
         width: 35%;
    }
}
 @media only screen and (width : 1920px) and (height : 1080px){
     .content {
         bottom: 0px;
    }
}
 @media only screen and (width : 1600px) and (height : 900px){
     .content {
         bottom: 75px;
    }
     .accommodation-bg {
         height: calc(89vh);
    }
     #descriptionBox .firstHeading {
         margin-top: 200px;
    }
     #furtherInfo .firstHeading {
         margin-top: 250px;
    }
     .further-bg{
         background-image: url(/assets/img/bg-plan-2-1600.webp);
    }
}
/*@media (max-width: 1700px) {
     .addressDetails {
         max-height: 300px;
    }
}
 */
 @media (max-width: 1600px) {
     .hpVideoContainer{
         padding:56.25% 0 0 0;
         position:relative;
         overflow: hidden;
    }
     .image-container{
         padding: 20px 75px 0 75px 
    }
     .navbar a, .navbar a:focus {
         font-size: 20px;
    }
     .addressDetails {
         width: 50%;
         background-position: right;
         padding: 30px;
         /*max-height: 300px;*/
    }
     .addressDetails h2{
         font-size: 28px;
         line-height: 28px;
         margin-top: 15px;
    }
     .addressDetails p {
         font-size: 18px;
         margin-top: 15px;
    }
     .addressDetails p span {
         font-size: 21px;
         color:#ec6919;
         font-weight:bold 
    }
     .opportunityDetails p {
         font-size: 18px;
    }
     .toLet{
         width: 33%;
         background-position: right;
    }
     #voltaic {
         font-size: 68px;
         margin-top: 30px;
    }
    /*#contentHome {
         bottom: -160px;
    }
     */
     #furtherInfo .firstHeading{
         margin-top:160px;
    }
     #descriptionBox .firstHeading{
         margin-top:150px;
    }
     .content {
         bottom: 64px;
    }
     .contentBox {
         width: auto 
    }
     .contentBox ul li {
         line-height: 28px;
         font-size: 18px;
         display: block 
    }
     .contentBox p {
         font-size: 20px;
         line-height: 32px;
    }
     .indicativeBoundary {
         height: 60px;
    }
     #furtherInfo {
         width: 100%;
    }
    /*#furtherInfo h3{
         font-size: 22px;
         line-height: 30px;
    }
     */
     #furtherInfo p{
         font-size: 18px;
         line-height: 22px;
         margin-bottom: 5px;
    }
     .contactUs {
         margin-top: 15em;
    }
     .contactUs h4, .contactUs p {
         font-size: 24px;
    }
     .description-bg{
         background-position-y: 25%;
    }
     .occupier-bg {
         background-position-y: 0%;
         background-position-x: 0%;
    }
     .accommodation-bg{
         height: calc(87vh);
    }
     .further-bg{
         background-image: url(/assets/img/bg-plan-2-1600.webp);
    }
     .addressDetails img {
         width: 275px;
         margin-bottom: 10px;
    }
}
.availability-grid-holder-below, .availability-plan-below{ display: none;}

@media only screen and (max-width: 1240px) {
     .availability-bg {
         height: 50vh;
    }
    .availability-bg .availability-grid-holder {
      display: none;
    }
    .availability-plan-below{ 
      display: flex;
      padding: 0 30px 60px 30px;
      background: linear-gradient(90deg,rgba(236, 105, 25, 1) 0%, rgba(0, 0, 0, 0.3) 15%, rgba(0, 0, 0, 0) 100%);
      justify-content: center;
    }
    .availability-plan-below img{
      max-width: 100%;
      height: auto;
    }
    
    .availability-grid-holder-below {
        padding: 0 30px 60px 30px;
        background: linear-gradient(90deg,rgba(236, 105, 25, 1) 0%, rgba(0, 0, 0, 0.3) 15%, rgba(0, 0, 0, 0) 100%);
        display: flex;
        position: initial;
        width: 100% !important;
        min-width: initial;
        justify-content: center;
      }
    .availability-grid-holder-below .availability-grid{
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 20px;
    }
    .availability-grid-holder-below .availability-grid img {
      width: 100%;
      max-width: 350px;
      border: 2px solid #ec6919;
    }
    .availability-bg .plan {
      display: none;
    }
}
 @media (max-width: 1450px) {
     .toLet{
         width: 32%;
         background-position: right;
    }
     .toLet h1 {
         font-size: 80px;
         margin-top: 25px;
    }
     .addressDetails h2{
         font-size: 28px;
         line-height: 28px;
         margin-top: 15px;
    }
     .content {
         bottom: 77px;
    }
     .contentBox p {
         font-size: 20px;
         line-height: 28px;
    }
}
 @media only screen and (width : 1440px) and (height : 900px){
     #descriptionBox .firstHeading {
         margin-top: 250px;
    }
     #furtherInfo .firstHeading {
         margin-top: 250px;
    }
     .further-bg{
         background-image: url(/assets/img/bg-plan-2-1600.webp);
    }
}
 @media only screen and (width : 1366px) and (height : 768px){
     .content {
         bottom: 62px;
    }
     .accommodation-bg {
         height: calc(87vh);
    }
     #descriptionBox .firstHeading {
         margin-top: 160px;
    }
     #furtherInfo .firstHeading {
         margin-top: 150px;
    }
     .further-bg{
         background-image: url(/assets/img/bg-plan-2-1366.webp);
         background-position: 90%;
    }
}
 @media (max-width: 1350px) {
     #voltaic {
         font-size: 58px;
         margin-top: 35px;
    }
}
 @media (max-width: 1300px) {
     .navbar a, .navbar a:focus {
         font-size: 20px;
    }
     .toLet{
         width: 30%;
         background-position: right;
    }
     .toLet h1 {
         font-size: 66px;
         margin-top: 35px;
    }
     .addressDetails h2{
         font-size: 28px;
         line-height: 28px;
         margin-top: 15px;
    }
     .content {
         bottom: 0px;
    }
     .contentBox p {
         font-size: 20px;
         line-height: 28px;
    }
}
 @media only screen and (max-width : 1242px) and (max-height : 932px){
}
 @media only screen and (max-width : 932px) and (max-height : 1242px){
}
 @media (max-width: 1200px) {
     .navbar a, .navbar a:focus {
         font-size: 18px;
    }
     .toLet{
         width: 28%;
         background-position: right;
    }
     .toLet h1 {
         font-size: 58px;
         margin-top: 35px;
    }
     .content {
         bottom: 65px;
    }
     .contentBox p {
         font-size: 20px;
         line-height: 28px;
    }
     #voltaic {
         font-size: 40px;
         margin-top: 35px;
    }
     .content {
         position: absolute;
         bottom: 0px;
         padding-left: 50px;
    }
     .addressDetails.availability {
         max-width: 300px;
    }
     .addressDetails img {
         width: 180px;
         margin-bottom: 10px;
    }
     .addressDetails h2 {
         font-size: 24px;
    }
     .addressDetails p {
         font-size: 18px;
         margin-top: 15px;
    }
     .addressDetails p span {
         font-size: 21px;
         color:#ec6919;
         font-weight:bold 
    }
     .opportunityDetails p {
         font-size: 18px;
    }
     .contentBox {
         background-color: rgb(29, 43, 56, 0.85);
         padding: 25px;
         width: auto;
    }
     .contentBox ul li {
         line-height: 22px;
         font-size: 16px;
        margin: 10px 0;
     }
     .situationDetails p {
         color: white;
         font-size: 24px;
         font-weight: 300;
         margin-bottom: 0;
         line-height: 1.2em;
    }
     .situationDetails h2 {
         font-size: 40px;
    }
     .opportunityDetails p {
         font-weight: 300;
         margin-bottom: 0;
         line-height: 1.2em;
    }
     .opportunityDetails h2 {
         font-size: 40px;
    }
     .description{
         font-size: 16px;
    }
    .contact-bg {
      height: 70vh;
    }
    .addressDetails.contact{
      padding-left: 60px;
      padding-right: 60px;
    }
    .description{
        width: 70%;
    }
    .description h2{
        font-size: 22px;
    }
    .description p{
        font-size: 16px;
    }
    .description-bg img {
        max-width: 300px;
    }
}
 @media (max-width: 1025px) {
     .navbar a, .navbar a:focus {
         font-size: 20px;
    }
     .toLet {
         padding-left: 20px;
         width: 33%;
         background-position: right;
    }
     .addressDetailsMob {
         padding-left: 30px;
         padding-right: 30px;
         padding: 30px;
         display: block;
         position: static;
         width: 50%;
         min-width: 100%;
         background: linear-gradient(90deg,rgba(236, 105, 25, 1) 0%, rgba(0, 0, 0, 0.71) 15%, rgba(0, 0, 0, 1) 100%);
    }
     .addressDetailsMob img {
         width: 220px;
    }
     .addressDetailsMob p {
         color: white;
         font-size: 18px;
         margin-top: 10px;
         font-weight: 300;
         margin-bottom: 0;
         line-height: 1.2em;
    }
     .addressDetailsMob h2 {
         color: white;
         font-size: 28px;
         margin-top: 0px;
         font-weight: 400;
         line-height: 30px;
         border-top: 2px solid #ec6919;
         margin-top: 15px;
         padding-top: 15px;
    }
    .hero-bg .video-container {
        margin-bottom: 0;
    }
     .content {
         padding-left: 20px;
    }
     .accommodation-bg{
         background-image: url(/assets/img/bg-accommodation-newer-tab.webp);
         height: 70vh;
         background-repeat: no-repeat;
         margin-top: 70px;
         background-position-y: 66%;
         background-position-x: 30%;
    }
     .content {
         display:none;
    }
     .contentMob, .contentBoxMob{
         display: block;
         margin-top:0px;
    }
     .contentBoxMob{
         padding: 20px 30px 30px 0;
        width: 100%;
        margin-top: 0px;
        background: linear-gradient(90deg,rgb(236, 105, 25) 0%, rgba(0, 0, 0, 0.71) 15%, rgb(0, 0, 0) 100%);
    }
     .contentBoxMob ul li{
         line-height:32px;
         font-size: 18px;
         color: white;
         margin: 10px 0;
    }
     .contentBoxMob ul li:after{
         content: "";
         display: block;
         height: 2px;
         width: 100%;
         margin: 10px 0;
         background: #ec6919;
    }
     .contentBoxMob h3{
         font-size: 36px;
         color: #19B099;
         line-height: 48px;
         margin-bottom: 0;
         font-weight: 400;
    }
     .contentBoxMob h4 {
         font-size: 24px;
         color: #FFF;
         line-height: 32px;
         margin-bottom: 0;
    }
     .contentBoxMob p{
         font-size: 18px;
         color: #FFF;
         line-height: 28px;
    }
     .further-bg{
         background-image: url(/assets/img/bg-plan-tab.webp);
         background-repeat: no-repeat;
         height: calc(45vh);
         margin-top: 5rem;
    }
     .occupier-bg {
         height: 50vh;
         height: calc(50vh);
    }
     .description-bg {
         height: 50vh;
         height: calc(50vh);
    }
     .availability-bg {
         height: 50vh;
         height: calc(50vh);
    }
     .situationDetails {
         z-index: 99;
         padding: 40px;
         max-width: 100%;
         background-color: rgba(29, 43, 56, 1);
         margin-left: 0px;
         position: static;
         width: 100%;
         padding: 30px;
    }
     .opportunityDetails {
         z-index: 99;
         padding: 40px;
         max-width: 100%;
         background-color: rgba(29, 43, 56, 1);
         margin-left: 0px;
         position: static;
         width: 100%;
         padding: 30px;
    }
     .m1mk-logo {
         left: 30px 
    }
    .addressDetails.contact{
      padding-left: 30px;
      padding-right: 30px;
    }
}
 @media only screen and (width : 1280px) and (height : 1024px){
     .content {
         bottom: 88px;
    }
     #contentHome {
         bottom: 205px;
    }
     #voltaic {
         font-size: 54px;
         margin-top: 35px;
    }
     #descriptionBox .firstHeading {
         margin-top: 300px;
    }
     #furtherInfo .firstHeading {
         margin-top: 190px;
    }
     .further-bg{
         background-image: url(/assets/img/bg-plan-2-1280.webp);
    }
}
 @media only screen and (width : 1280px) and (height : 800px){
     .content {
         bottom: 65px;
    }
     .further-bg{
         background-image: url(/assets/img/bg-plan-2-1280.webp);
    }
}
 @media only screen and (width : 1280px) and (height : 720px){
     .content {
         bottom: 57px;
    }
     #descriptionBox .firstHeading {
         margin-top: 115px;
    }
     #furtherInfo .firstHeading {
         margin-top: 100px;
    }
     .further-bg{
         background-image: url(/assets/img/bg-plan-2-1280.webp);
    }
}
 @media only screen and (width : 1024px) and (max-height : 1366px) and (orientation: portrait){
     .toLet {
         width: 26%;
    }
     .content {
         display:none;
    }
     .contentMob, .contentBoxMob{
         display: block;
    }
     .contentBoxMob{
         background-color: rgb(0 0 0 / 80%);
         padding: 20px 15px 20px 15px;
         width: 100%;
         margin-top: 60px;
    }
     .contentBoxMob ul li{
         line-height:32px;
         font-size: 24px;
         color: white;
         margin: 10px 0;
    }
     .contentBoxMob ul li:after{
         content: "";
         display: block;
         height: 2px;
         width: 100%;
         margin: 10px 0;
         background: #19B099;
    }
     .contentBoxMob h3{
         font-size: 36px;
         color: #19B099;
         line-height: 48px;
         margin-bottom: 0;
         font-weight: 400;
    }
     .contentBoxMob h4 {
         font-size: 24px;
         color: #FFF;
         line-height: 32px;
         margin-bottom: 0;
    }
     .contentBoxMob p{
         font-size: 18px;
         color: #FFF;
         line-height: 28px;
    }
}
 @media only screen and (width : 1024px) and (max-height : 768px){
     .content {
         bottom: 62px;
    }
    /*#contentHome {
         bottom: 94px;
    }
     */
     #contentHome .contentBox ul li {
         line-height: 20px;
         font-size: 16px;
    }
     #voltaic {
         font-size: 60px;
         margin-top: 35px;
    }
     #descriptionBox ul li {
         line-height: 16px;
         font-size: 16px;
    }
     #descriptionBox p {
         font-size: 16px;
         line-height: 20px;
    }
}
 @media only screen and (width : 1024px) and (max-height : 768px) and (orientation : landscape){
     .content {
         bottom: 62px;
    }
    /*#contentHome {
         bottom: 94px;
    }
     */
     #contentHome .contentBox ul li {
         line-height: 16px;
         font-size: 16px;
    }
     #voltaic {
         font-size: 60px;
         margin-top: 35px;
    }
     #descriptionBox ul li {
         line-height: 16px;
         font-size: 16px;
    }
     #descriptionBox p {
         font-size: 16px;
         line-height: 20px;
    }
}
 @media only screen and (width : 768px) and (height : 1024px) and (orientation : portrait){
     .content {
         display:none;
    }
     .contentMob, .contentBoxMob{
         display: block;
    }
     .contentBoxMob{
         background-color: rgb(0 0 0 / 80%);
         padding: 20px 15px 20px 15px;
         width: 100%;
         margin-top: 60px;
    }
     .contentBoxMob ul li{
         line-height:32px;
         font-size: 24px;
         color: white;
         margin: 10px 0;
    }
     .contentBoxMob ul li:after{
         content: "";
         display: block;
         height: 2px;
         width: 100%;
         margin: 10px 0;
         background: #19B099;
    }
     .contentBoxMob h3{
         font-size: 36px;
         color: #19B099;
         line-height: 48px;
         margin-bottom: 0;
         font-weight: 400;
    }
     .contentBoxMob h4 {
         font-size: 24px;
         color: #FFF;
         line-height: 32px;
         margin-bottom: 0;
    }
     .contentBoxMob p{
         font-size: 18px;
         color: #FFF;
         line-height: 28px;
    }
     button.navbar-toggler {
         float: right;
         padding: 10px;
         margin: 0px 0px 20px 20px;
         z-index: 999999;
    }
     .cwLogo {
         width: 280px;
         margin-top: 25px;
    }
}
 @media only screen and (device-width : 912px) and (device-height : 1368px){
     .toLet {
         width: 40%;
    }
     .addressDetails {
         width:70%;
    }
     .content {
         bottom: 120px;
    }
}
 @media (max-width: 991px) {
     #voltaic {
         font-size: 60px;
         margin-top: 30px;
    }
     .navbar-collapse {
         background-color: rgb(29, 43, 56, 0.9);
         height: 100vh;
         margin-top: 0px;
    }
     .situation-bg {
         margin-top: 0px;
    }
     .description-bg {
         margin-top: 0px;
    }
     .availability-bg {
         margin-top: 0px;
    }
     .occupier-bg {
         margin-top: 0px;
    }
     .availability-bg {
      height: 50vh;
    }
}
 @media (max-width: 820px) {
     .content {
         bottom: 0px;
    }
     .toLet {
         width: 45%;
    }
     .addressDetails {
         width:100%;
    }
     .contactUs img{
         margin-bottom: 25px;
    }
     .navbar {
         background-color: #1d2b38;
         z-index: 1;
    }
     .navbar-collapse {
         background-color: rgb(29, 43, 56, 0.9);
         height: 100vh;
         margin-top: 0px;
    }
     .situationDetails {
         z-index: 99;
         padding: 40px;
         max-width: 100%;
         background-color: rgba(29, 43, 56, 1);
         margin-left: 0px;
         position: static;
         width: 100%;
         padding: 30px;
    }
     .opportunityDetails {
         z-index: 99;
         padding: 40px;
         max-width: 100%;
         background-color: rgba(29, 43, 56, 1);
         margin-left: 0px;
         position: static;
         width: 100%;
         padding: 30px;
         padding-top: 15px;
    }
     .m1mk-logo {
         left: 15px 
    }
     .m1mk-logo img {
         width: 120px;
    }
     .occupier-bg {
         height: 40vh;
         height: calc(40vh);
    }
     .description-bg {
         height: 65vh;
    }
     .availability-bg {
         height: 40vh;
         height: calc(40vh);
    }
}
 @media only screen and (max-width: 767px) {
     .addressDetails.availability {
         max-width: 100%;
         width: 100%;
    }
    .addressDetails.availability table {
        width: 100%;
    }
    .availability-bullets li {
      height: 50px;
    }
}
 @media only screen and (device-width : 931px) and (device-height : 1368px){
     .content {
         display:none;
    }
     .contentMob, .contentBoxMob{
         display: block;
    }
     .contentBoxMob{
         background-color: rgb(0 0 0 / 80%);
         padding: 20px 15px 20px 15px;
         width: 100%;
         margin-top: 60px;
    }
     .contentBoxMob ul li{
         line-height:32px;
         font-size: 24px;
         color: white;
         margin: 10px 0;
    }
     .contentBoxMob ul li:after{
         content: "";
         display: block;
         height: 2px;
         width: 100%;
         margin: 10px 0;
         background: #19B099;
    }
     .contentBoxMob h3{
         font-size: 36px;
         color: #19B099;
         line-height: 48px;
         margin-bottom: 0;
         font-weight: 400;
    }
     .contentBoxMob h4 {
         font-size: 24px;
         color: #FFF;
         line-height: 32px;
         margin-bottom: 0;
    }
     .contentBoxMob p{
         font-size: 18px;
         color: #FFF;
         line-height: 28px;
    }
     .navbar-collapse {
         background-color: rgb(0 0 0 / 75%);
         height: 100vh;
         margin-top: -85px;
    }
     .navbar>.container-fluid{
         padding-left: 0;
         padding-right: 0;
    }
     .collapsing{
         height:0;
         overflow: hidden;
         transition: none;
    }
     button.navbar-toggler {
         float: right;
         padding: 10px;
         margin: 20px;
         z-index: 999999;
    }
     .navbar a, .navbar a:focus {
         color: white;
         line-height: 40px;
         font-size: 32px;
    }
     .nav-item{
         margin: 25px 0 10px;
    }
     .cwLogo {
         width: 280px;
         margin-top: 25px;
    }
}
 @media only screen and (device-width : 912px) and (device-height : 1368px){
     .content {
         display:none;
    }
     .contentMob, .contentBoxMob{
         display: block;
    }
     .contentBoxMob{
         background-color: rgb(0 0 0 / 80%);
         padding: 20px 15px 20px 15px;
         width: 100%;
         margin-top: 60px;
    }
     .contentBoxMob ul li{
         line-height:32px;
         font-size: 24px;
         color: white;
         margin: 10px 0;
    }
     .contentBoxMob ul li:after{
         content: "";
         display: block;
         height: 2px;
         width: 100%;
         margin: 10px 0;
         background: #19B099;
    }
     .contentBoxMob h3{
         font-size: 36px;
         color: #19B099;
         line-height: 48px;
         margin-bottom: 0;
         font-weight: 400;
    }
     .contentBoxMob h4 {
         font-size: 24px;
         color: #FFF;
         line-height: 32px;
         margin-bottom: 0;
    }
     .contentBoxMob p{
         font-size: 18px;
         color: #FFF;
         line-height: 28px;
    }
     .navbar-collapse {
         background-color: rgb(0 0 0 / 75%);
         height: 100vh;
         margin-top: -85px;
    }
     .navbar>.container-fluid{
         padding-left: 0;
         padding-right: 0;
    }
     .collapsing{
         height:0;
         overflow: hidden;
         transition: none;
    }
     button.navbar-toggler {
         float: right;
         padding: 10px;
         margin: 20px;
         z-index: 999999;
    }
     .navbar a, .navbar a:focus {
         color: white;
         line-height: 40px;
         font-size: 32px;
    }
     .nav-item{
         margin: 25px 0 10px;
    }
     .cwLogo {
         width: 280px;
         margin-top: 25px;
    }
}
 @media only screen and (device-width : 1180px) and (device-height : 820px){
     .hero-bg iframe {
         width: 125% 
    }
     .hero-bg .video-container {
         padding-bottom: initial;
         position: initial;
    }
}
 @media only screen and (device-width : 820px) and (device-height : 1180px){
     .further-bg {
         height: calc(50vh);
         margin-top: 5rem;
    }
     .contact-bg {
         height: calc(50vh);
         margin-top: 5rem;
    }
     .content {
         display:none;
    }
     .contentMob, .contentBoxMob{
         display: block;
         margin-top: 0;
    }
     .contentBoxMob{
         background-color: rgb(0 0 0 / 80%);
         padding: 20px 15px 20px 15px;
         width: 100%;
         margin-top: 60px;
    }
     .contentBoxMob ul li{
         line-height:32px;
         font-size: 24px;
         color: white;
         margin: 10px 0;
    }
     .contentBoxMob ul li:after{
         content: "";
         display: block;
         height: 2px;
         width: 100%;
         margin: 10px 0;
         background: #19B099;
    }
     .contentBoxMob h3{
         font-size: 36px;
         color: #19B099;
         line-height: 48px;
         margin-bottom: 0;
         font-weight: 400;
    }
     .contentBoxMob h4 {
         font-size: 24px;
         color: #FFF;
         line-height: 32px;
         margin-bottom: 0;
    }
     .contentBoxMob p{
         font-size: 18px;
         color: #FFF;
         line-height: 28px;
    }
     .navbar-collapse {
         background-color: rgb(0 0 0 / 75%);
         height: 100vh;
    }
     .navbar>.container-fluid{
         padding-left: 0;
         padding-right: 0;
    }
     .collapsing{
         height:0;
         overflow: hidden;
         transition: none;
    }
     button.navbar-toggler {
         float: right;
         padding: 10px;
         margin: 20px;
         z-index: 999999;
    }
     .navbar a, .navbar a:focus {
         color: white;
         line-height: 40px;
         font-size: 32px;
    }
     .nav-item{
         margin: 25px 0 10px;
    }
     .cwLogo {
         width: 280px;
         margin-top: 25px;
    }
}
 @media only screen and (device-width : 768px) and (device-height : 1024px){
     .further-bg {
         height: calc(50vh);
         margin-top: 5rem;
    }
     .contact-bg {
         height: calc(50vh);
         margin-top: 5rem;
    }
     .content {
         display:none;
    }
     .contentMob, .contentBoxMob{
         display: block;
         margin-top: 0px;
    }
     .contentBoxMob{
         background-color: rgb(0 0 0 / 80%);
         padding: 20px 15px 20px 15px;
         width: 100%;
         margin-top: 0;
    }
     .contentBoxMob ul li{
         line-height:32px;
         font-size: 24px;
         color: white;
         margin: 10px 0;
    }
     .contentBoxMob ul li:after{
         content: "";
         display: block;
         height: 2px;
         width: 100%;
         margin: 10px 0;
         background: #19B099;
    }
     .contentBoxMob h3{
         font-size: 36px;
         color: #19B099;
         line-height: 48px;
         margin-bottom: 0;
         font-weight: 400;
    }
     .contentBoxMob h4 {
         font-size: 24px;
         color: #FFF;
         line-height: 32px;
         margin-bottom: 0;
    }
     .contentBoxMob p{
         font-size: 18px;
         color: #FFF;
         line-height: 28px;
    }
     button.navbar-toggler {
         float: right;
         padding: 10px;
         margin: 0px 0px 20px 20px;
         z-index: 999999;
    }
     .cwLogo {
         width: 280px;
         margin-top: 25px;
    }
}
/*@media only screen and (min-device-width: 800px) and (max-device-height: 1280px) and (orientation : portrait) {
     .hero-bg {
         height: 40vh;
         margin-top: 200px;
    }
     .content {
         display:none;
    }
     .contentMob, .contentBoxMob{
         display: block;
    }
     .contentBoxMob{
         background-color: rgb(0 0 0 / 80%);
         padding: 20px 15px 20px 15px;
         width: 100%;
         margin-top: 60px;
    }
     .contentBoxMob ul li{
         line-height:32px;
         font-size: 24px;
         color: white;
         margin: 10px 0;
    }
     .contentBoxMob ul li:after{
         content: "";
         display: block;
         height: 2px;
         width: 100%;
         margin: 10px 0;
         background: #19B099;
    }
     .contentBoxMob h3{
         font-size: 36px;
         color: #19B099;
         line-height: 48px;
         margin-bottom: 0;
         font-weight: 400;
    }
     .contentBoxMob h4 {
         font-size: 24px;
         color: #FFF;
         line-height: 32px;
         margin-bottom: 0;
    }
     .contentBoxMob p{
         font-size: 18px;
         color: #FFF;
         line-height: 28px;
    }
     .navbar-collapse {
         background-color: rgb(0 0 0 / 75%);
         height: 100vh;
         margin-top: -85px;
    }
     .navbar>.container-fluid{
         padding-left: 0;
         padding-right: 0;
    }
     .collapsing{
         height:0;
         overflow: hidden;
         transition: none;
    }
     button.navbar-toggler {
         float: right;
         padding: 10px;
         margin: 20px;
         z-index: 999999;
    }
     .navbar a, .navbar a:focus {
         color: white;
         line-height: 40px;
         font-size: 32px;
    }
     .nav-item{
         margin: 25px 0 10px;
    }
     .cwLogo {
         width: 280px;
         margin-top: 25px;
    }
}
 */
 @media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
     .content {
         display:none;
    }
     .contentMob, .contentBoxMob{
         display: block;
    }
     .contentBoxMob{
         background-color: rgb(0 0 0 / 80%);
         padding: 20px 15px 20px 15px;
         width: 100%;
         margin-top: 60px;
    }
     .contentBoxMob ul li{
         line-height:32px;
         font-size: 24px;
         color: white;
         margin: 10px 0;
    }
     .contentBoxMob ul li:after{
         content: "";
         display: block;
         height: 2px;
         width: 100%;
         margin: 10px 0;
         background: #19B099;
    }
     .contentBoxMob h3{
         font-size: 36px;
         color: #19B099;
         line-height: 48px;
         margin-bottom: 0;
         font-weight: 400;
    }
     .contentBoxMob h4 {
         font-size: 24px;
         color: #FFF;
         line-height: 32px;
         margin-bottom: 0;
    }
     .contentBoxMob p{
         font-size: 18px;
         color: #FFF;
         line-height: 28px;
    }
     .cwLogo {
         width: 280px;
         margin-top: 25px;
    }
}
 @media (max-width: 769px) {
     .navbar-collapse {
         background-color: rgb(29, 43, 56, 0.9);
         height: 100vh;
         margin-top: 0px;
    }
     .navbar {
         padding: 0;
         height: 80px;
    }
     .collapsing{
         height:0;
         overflow: hidden;
         transition: none;
    }
     button.navbar-toggler {
         padding: 20px;
         z-index: 999999;
    }
     .navbar-toggler {
         height: 80px;
         transition: box-shadow .15s ease-in-out;
    }
     .navbar a, .navbar a:focus {
         color: white;
         line-height: 28px;
         font-size: 24px;
    }
     .nav-item{
         margin: 0px 0 0px;
    }
     .toLet {
         width: 45%;
    }
     .content {
         bottom: 87px;
    }
     .addressDetails.home {
         top: auto;
         bottom: 0!important;
         display: none;
    }
     .contentBox {
         padding: 15px;
    }
     .contentBox ul li {
         line-height: 24px;
         font-size: 18px;
    }
     .contactInfo, .contact .social-links {
         text-align: center;
    }
     .image-container{
         padding: 0;
    }
     .image-container img {
         padding-top: 30px;
         width: 100%;
    }
     .contactUs>.container-fluid {
         padding-right: var(--bs-gutter-x, 20px);
         padding-left: var(--bs-gutter-x, 20px);
    }
     .navbar {
         background-color: rgba(26, 26, 26, 0.85);
         z-index: 1;
    }
     .m1mk-logo {
         left: 30px 
    }
     .m1mk-logo img {
         width: 70px;
    }
     .m1mk-logo span {
         font-size: 11px;
    }
}
 @media only screen and (device-width : 540px) and (device-height : 720px){
     .toLet{
         background-image: url(/assets/img/to-let-mob.svg);
         width: 45%;
         height: 75px;
         padding-left: 20px;
    }
     .toLet h1 {
         font-size: 50px;
         margin-top: 5px;
         line-height: 67px;
    }
     .addressDetails{
         background-image: url(/assets/img/address-mob.svg);
         width: 80%;
         height: 75px;
         top: 75px;
         padding-left: 20px;
    }
     .addressDetails.home {
         top: auto;
         bottom: 0!important 
    }
     .addressDetails p {
         font-size: 12px;
         line-height: 16px;
         margin-top: 10px;
    }
     .addressDetails p span {
         font-size: 15px;
         color:#ec6919;
         font-weight:bold 
    }
     .opportunityDetails p {
         font-size: 12px;
         line-height: 16px;
    }
     .addressDetails h2{
         font-size: 20px;
         margin-top: 0px;
         line-height: 20px;
    }
     .hero-bg {
         background-image: url(/assets/img/m1-mk-background.jpg);
    }
     .accommodation-bg{
         background-image: url(/assets/img/bg-accommodation-newer-mob.webp);
         height: 50vh;
         background-repeat: no-repeat;
         margin-top: 70px;
         background-position-x: 50%;
    }
     .description-bg{
         height: 50vh;
         background-repeat: no-repeat;
         margin-top: 70px;
    }
     .further-bg{
         background-image: url(/assets/img/bg-plan-mob.webp);
         height: 50vh;
         background-repeat: no-repeat;
         margin-top: 70px;
    }
     .indicativeBoundary{
         background-image: url(/assets/img/indicative-mob.svg);
         width: 40%;
         height: 36px;
         padding-right: 20px;
    }
     .indicativeBoundary p{
         font-size: 14px;
         margin-top: 10px;
         margin-bottom: 0;
         line-height: 19px;
    }
     .content {
         display:none;
    }
     .contentMob, .contentBoxMob{
         display: block;
    }
     .contentBoxMob{
         background-color: rgb(0 0 0 / 80%);
         padding: 20px 15px 20px 15px;
         width: 100%;
         margin-top: 60px;
    }
     .contentBoxMob ul li{
         line-height:32px;
         font-size: 24px;
         color: white;
         margin: 10px 0;
    }
     .contentBoxMob ul li:after{
         content: "";
         display: block;
         height: 2px;
         width: 100%;
         margin: 10px 0;
         background: #19B099;
    }
     .contentBoxMob h3{
         font-size: 36px;
         color: #19B099;
         line-height: 48px;
         margin-bottom: 0;
         font-weight: 400;
    }
     .contentBoxMob h4 {
         font-size: 24px;
         color: #FFF;
         line-height: 32px;
         margin-bottom: 0;
    }
     .contentBoxMob p{
         font-size: 18px;
         color: #FFF;
         line-height: 28px;
    }
     .viewVideo img {
         width: 85px;
    }
     .viewVideo .button {
         margin-top: 50px;
         font-size: 8px;
         padding: 0px 15px;
         line-height: 17px;
    }
     .contactUs {
         margin-top: 5em;
    }
     .contactUs img{
         margin-bottom: 5px;
         margin-left:auto;
         margin-right:auto;
         display: block;
    }
     .cwLogo {
         width: 280px;
         margin-top: 25px;
    }
}
 @media(max-width: 600px){
     .toLet{
         background-image: url(/assets/img/to-let-mob.svg);
         width: 43%;
         height: 75px;
         padding-left: 20px;
    }
     .toLet h1 {
         font-size: 44px;
         margin-top: 5px;
         line-height: 67px;
    }
     .addressDetailsMob img {
         width: 150px;
         margin-bottom: 10px;
    }
     .addressDetails{
         width: 50%;
         top: 75px;
    }
     .addressDetails.home {
         top: auto;
        /*bottom: 0!important */
    }
     .addressDetailsMob p {
         font-size: 18px;
         line-height: 26px;
         margin-top: 10px;
    }
     .addressDetailsMob h2{
         font-size: 24px;
         margin-top: 0px;
         line-height: 18px;
         line-height: 35px 
    }
     .hero-bg {
         background-image: url(/assets/img/bg-home-mob.jpg);
         height: 50vh;
         background-repeat: no-repeat;
         margin-top: 10px;
    }
     .occupier-bg{
         height: 35vh;
         background-repeat: no-repeat;
        /*margin-top: 0;
        */
    }
     .description-bg {
         height: 35vh;
         background-repeat: no-repeat;
        /*margin-top: 0;
        */
    }
     .availability-bg{
         height: 35vh;
         background-repeat: no-repeat;
        /*margin-top: 0;
        */
    }
     .situationDetails p {
         color: white;
         font-size: 18px;
    }
     .opportunityDetails h2 {
         font-size: 30px;
    }
     .contentBoxMob ul {
         padding-left: 15px;
    }
     .contentBoxMob li img {
         padding: 5px 8px 5px 0;
         margin-right: 5px;
    }
     .content {
         display:none;
    }
     .contentMob, .contentBoxMob{
         display: block;
         margin-top: 0px;
    }
     .contentBoxMob{
         background-color: #1d2b38;
         padding: 20px 30px 20px 15px;
         width: 100%;
    }
     .contentBoxMob ul li{
         line-height: 28px;
         font-size: 18px;
         color: white;
         margin: 10px 0;
    }
     .contentBoxMob ul li:after{
         content: "";
         display: block;
         height: 2px;
         width: 100%;
         margin: 10px 0;
         background: #ec6919;
    }
     .contentBoxMob h3{
         font-size: 36px;
         color: #19B099;
         line-height: 48px;
         margin-bottom: 0;
         font-weight: 400;
    }
     .contentBoxMob h4 {
         font-size: 24px;
         color: #FFF;
         line-height: 32px;
         margin-bottom: 0;
    }
     .contentBoxMob p{
         font-size: 18px;
         color: #FFF;
         line-height: 28px;
    }
     .viewVideo a {
         top: 40%;
    }
     .viewVideo img {
         width: 85px;
    }
     .viewVideo .button {
         margin-top: 50px;
         font-size: 8px;
         padding: 0px 15px;
         line-height: 17px;
    }
     .contactUs {
         margin-top: 5em;
    }
     .contactUs img{
         margin-bottom: 5px;
         margin-left:auto;
         margin-right:auto;
         display: block;
    }
     .cwLogo {
         width: 190px;
         margin-top: 25px;
    }
     button.navbar-toggler {
         float: right;
         padding: 1rem 1.5rem;
         z-index: 999999;
         border: none;
    }
     .m1mk-logo img {
         width: 70px;
    }
     .m1mk-logo {
        left: 20px;
    }
    .description-bg img{
        top: 15px;
        right: 20px;
        width: 100%;
        max-width: 150px;
    }
    .description {
      height: 65vh;
      }
    .contact-bg {
      height: 50vh;
    }
     .addressDetails.contact {
      width: 100%
    }
}
 @media(max-width: 500px){
     #toLetVoltaic{
         width: 50%;
    }
     #voltaic {
         font-size: 38px;
         margin-top: 5px;
    }
     .opportunityDetails h2 {
         font-size: 28px;
    }
}
 @media(max-width: 400px){
     .toLet{
         width: 50%;
    }
     .addressDetails{
         width: 60%;
         height: auto;
    }
     .indicativeBoundary{
         width: 43%;
    }
     .toLet h1 {
         font-size: 46px;
         line-height: 64px;
    }
     .addressDetails h2{
         font-size: 18px;
         line-height: 18px;
    }
     .opportunityDetails h2 {
         font-size: 26px;
    }
     .nav-item{
         margin-bottom: 0px;
    }
     #map {
         height: calc(75vh);
    }
     .m1mk-logo br, .m1mk-logo span {
         display: none;
    }
     .m1mk-logo{
         top: 10px;
    }
}
 @media only screen and (device-width : 414px) and (device-height : 896px){
     .toLet{
         width: 50%;
    }
     .viewVideo a {
         top: 45%;
    }
     .viewVideo .button {
         font-size: 8px;
    }
     .addressDetails{
         width: 92%;
    }
     .indicativeBoundary{
         width: 44%;
    }
     #map {
         height: calc(75vh);
    }
     .contentMob, .contentBoxMob{
         display: block;
         margin-top: 0px;
    }
}
 @media only screen and (device-width : 412px) and (device-height : 915px){
     .viewVideo a {
         top: 45%;
    }
     .viewVideo .button {
         font-size: 8px;
    }
     .addressDetails{
         width: 92%;
    }
     .toLet{
         width: 50%;
    }
     #map {
         height: calc(75vh);
    }
     .indicativeBoundary{
         width: 44%;
    }
     .contentMob, .contentBoxMob{
         display: block;
         margin-top: 0px;
    }
}
 @media only screen and (device-width : 412px) and (device-height : 914px){
     .viewVideo a {
         top: 45%;
    }
     .viewVideo .button {
         font-size: 8px;
    }
     .addressDetails{
         width: 92%;
    }
     .toLet{
         width: 50%;
    }
     .indicativeBoundary{
         width: 44%;
    }
     #map {
         height: calc(75vh);
    }
     .contentMob, .contentBoxMob{
         display: block;
         margin-top: 0px;
    }
}
 @media only screen and (device-width : 393px) and (device-height : 851px){
     .viewVideo a {
         top: 40%;
    }
     .toLet h1 {
         font-size: 48px;
         margin-top: 5px;
         line-height: 67px;
    }
     .addressDetails h2{
         font-size: 18px;
         line-height: 18px;
    }
     .indicativeBoundary p {
         font-size: 12px;
         margin-top: 10px;
         margin-bottom: 0;
         line-height: 18px;
    }
     #map {
         height: calc(75vh);
    }
     .contentMob, .contentBoxMob{
         display: block;
         margin-top: 0px;
    }
}
 @media only screen and (device-width : 390px) and (device-height : 844px){
     .viewVideo a {
         top: 40%;
    }
     .toLet h1 {
         font-size: 46px;
         line-height: 64px;
    }
     .addressDetails h2{
         font-size: 18px;
         line-height: 18px;
    }
     #map {
         height: calc(75vh);
    }
     .contentMob, .contentBoxMob{
         display: block;
         margin-top: 0px;
    }
}
 @media(max-width: 350px){
     .toLet h1 {
         font-size: 40px;
         margin-top: 10px;
         line-height: 67px;
    }
     .addressDetails h2{
         font-size: 16px;
         line-height: 18px;
    }
     .indicativeBoundary p {
         font-size: 12px;
         margin-top: 10px;
         margin-bottom: 0;
         line-height: 16px;
    }
     .navbar a, .navbar a:focus {
         color: white;
         line-height: 32px;
         font-size: 24px;
    }
     .nav-item{
         margin-bottom: 0px;
    }
     #map {
         height: calc(75vh);
    }
}
 @media only screen and (device-width : 375px) and (device-height : 812px){
     .viewVideo a {
         top: 40%;
    }
     .toLet h1 {
         font-size: 42px;
         margin-top: 10px;
         line-height: 58px;
    }
     .addressDetails h2{
         font-size: 16px;
         line-height: 18px;
    }
     .indicativeBoundary p {
         font-size: 12px;
         margin-top: 10px;
         margin-bottom: 0;
         line-height: 16px;
    }
     #map {
         height: calc(75vh);
    }
     .contentMob, .contentBoxMob{
         display: block;
         margin-top: 0px;
    }
}
 @media only screen and (device-width : 375px) and (device-height : 667px){
     .viewVideo a {
         top: 45%;
    }
     .nav-item{
         margin: 10px 0px;
    }
     #voltaic {
         font-size: 32px;
         margin-top: 9px;
    }
     .toLet h1 {
         font-size: 42px;
         margin-top: 10px;
         line-height: 58px;
    }
     .addressDetails h2{
         font-size: 20px;
         line-height: 18px;
    }
     .indicativeBoundary p {
         font-size: 12px;
         margin-top: 10px;
         margin-bottom: 0;
         line-height: 16px;
    }
     #map {
         height: calc(75vh);
    }
     .contentMob, .contentBoxMob{
         display: block;
         margin-top: 0px;
    }
}
 @media only screen and (device-width : 360px) and (device-height : 740px){
     .toLet h1 {
         font-size: 40px;
         margin-top: 10px;
         line-height: 67px;
    }
     #voltaic{
         font-size: 32px;
         margin-top: 5px;
    }
     .addressDetails h2{
         font-size: 16px;
         line-height: 18px;
    }
     .indicativeBoundary p {
         font-size: 12px;
         margin-top: 10px;
         margin-bottom: 0;
         line-height: 16px;
    }
     #map {
         height: calc(75vh);
    }
     .contentMob, .contentBoxMob{
         display: block;
         margin-top: 0px;
    }
}
 @media only screen and (max-width : 320px){
     .toLet h1 {
         font-size: 34px;
         margin-top: 15px;
         line-height: 46px;
    }
     .addressDetails h2{
         font-size: 14px;
         margin-top: 0px;
         line-height: 18px;
    }
     .indicativeBoundary p {
         font-size: 10px;
         margin-top: 15px;
         margin-bottom: 0;
         line-height: 10px;
    }
     #map {
         height: calc(75vh);
    }
}
 @media only screen and (max-width : 285px){
     .toLet h1 {
         font-size: 28px;
         margin-top: 15px;
         line-height: 46px;
    }
     .addressDetails h2{
         font-size: 12px;
         margin-top: 0px;
         line-height: 18px;
    }
     .indicativeBoundary p {
         font-size: 8px;
         margin-top: 15px;
         margin-bottom: 0;
         line-height: 10px;
    }
     #map {
         height: calc(75vh);
    }
}
 @media only screen and (min-width : 1025px) and (max-width: 1600px) {
     .addressDetails.home {
         top: auto;
         bottom: 0!important;
    }
}
 @media only screen and (min-width : 1601px) {
     .addressDetails {
         top: auto;
    }
}


 @media only screen and (min-width: 600px) and (max-width: 1240px) {
    /*.availability-bullets {
         column-count: 2;
    }*/
     .addressDetails.availability {
         max-width: 100%;
         padding: 50px;
    }
     .addressDetails {
         display: block;
         position: initial;
         width: 100%!important;
         min-width: initial;
    }
}
 @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    /*.availability-bullets {
         column-count: 3;
    }*/
}
 @media only screen and (min-width:1025px) {
     .addressDetails:not(.availability) {
         z-index: 99;
         padding: 40px;
         min-width: 300px;
         max-width: 475px;
         background-color: rgba(29, 43, 56, 0.85);
         position: absolute;
         padding-left: 50px;
         padding-right: 50px;
         bottom:0;
    }
 }
@media only screen and (min-width:1200px) {
    .addressDetails.contact {
      z-index: 99;
      padding: 40px;
      padding-right: 40px;
      padding-left: 40px;
      max-width: 35%;
    }
    .situation-bg img {
         height: calc(100% - 100px);
         width: auto;
    }
}
 @media only screen and (min-width:1240px) {
     .addressDetails.availability {
        z-index: 1;
        min-width: 500px;
        max-width: 750px;
        position: absolute;
        padding: 25px 60px;
        bottom: 0;
        top: 100px;
    }
}

@media only screen and (max-width: 1500px) {
    .addressDetails.availability h1 {
        font-size: 2rem;
    }
    .availability-bg .plan{
        max-width: 600px;
    }
    .availability-grid img {
        max-width: 300px;
    }
    .availability-bullets li {
        margin-bottom: 15px;
    }
    .addressDetails.contact .agents{
        font-size: 14px;
        line-height: 1.5;
    }
    .addressDetails.contact .agents strong{
        color: #e86718;
        font-weight: bold;
        font-size: 14px;
    }
}
@media only screen and (max-width: 1400px) {
    .availability-bg .plan{
        max-width: 550px;
    }
    .availability-grid img {
        max-width: 275px;
    }
}
@media only screen and (max-width: 1300px) {
    .availability-bg .plan{
        max-width: 575px;
    }
    .availability-grid img {
        max-width: 220px;
    }
}