body div[data-type='text'] {
    padding: 0 16px;
}

body h1[data-type='headline'] {
    padding: 0 16px;
}

body h2[data-type='headline'] {
    padding: 0 16px;
}

body a[data-type='button'] {
    margin: 0 16px;
}

@media (min-width: 768px) {
    body div[data-type='text'] {
        padding: 0 127px;
    }

    body h1[data-type='headline'] {
        padding: 0 127px;
    }

    body h2[data-type='headline'] {
        padding: 0 127px;
    }

    body a[data-type='button'] {
        margin: 0 127px;
    }
}

@font-face {
    font-family: EuclidCircularA-Regular;
    src: url(./fonts/EuclidCircularA-Regular.otf)
    format('truetype');
  }
  @font-face {
    font-family: EuclidCircularA-Medium;
    src: url(./fonts/EuclidCircularA-Medium.otf)
    format('truetype');
  }
  
  @font-face {
    font-family: EuclidCircularA-Semibold;
    src: url(./fonts/EuclidCircularA-Semibold.otf)
    format('truetype');
  }

  @font-face {
    font-family: Helvetica;
    src: url(./fonts/Helvetica.ttc)
    format('truetype');
  }

  @font-face {
    font-family: NewsGothicCondRegularBT;
    src: url(./fonts/NewsGothicCondRegularBT.ttf)
    format('truetype');
  }

  @font-face {
    font-family:saintecolombe-regular;
    src: url(./fonts/saintecolombe-regular.otf)
    format('truetype');
  }

  @font-face {
    font-family:saintecolombe-light;
    src: url(./fonts/saintecolombe-light.otf)
    format('truetype');
  }

  
#hpr-content {
    /* display: none; */
}


  [data-type="social-group"] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
} 

  [data-type="social-icon"] {
    width: 40px;
    margin: 0 7px;
} 



#wrapper {
    background-color: #fff !important;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'segoe ui';
}

.logo-row {
        display: flex;
        flex-direction: row;
        justify-content: center;
}

.logo-row > .logo-col {
    margin-top: 30px;
}

.logo-row > .logo-col img {
    float: right;
    object-fit: cover;
}




 .menu-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
 }

 .menu-row > div > .menu-col {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom:5px;
 }

 .menu-row > div > .menu-col > .add-l-col {
    display: flex;
    align-items: center;

}

.menu-row > div > .menu-col > .add-l-col > p {
    font-family:'saintecolombe-light';
    font-size: 23px;
}

.menu-row > div > .menu-col > .add-l-col > a > p {
    font-family:'saintecolombe-light';
    font-size: 23px;
}

.menu-row > div > .menu-col > .add-l-col > a > span {
    font-family:'EuclidCircularA-Medium';
    padding-left: 5px;
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
}


.menu-row > div > .menu-col > .add-l-col > span {
    font-family:'EuclidCircularA-Medium';
    padding-left: 5px;
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.menu-row > div > .menu-col > .menu-r-col > ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin:0;
}

.menu-row > div > .menu-col > .menu-r-col > ul > li > a {
    text-decoration: none;
    color: #000;
    font-family: 'EuclidCircularA-Medium';
    font-size: 14px;

}

.heropic-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.heropic-col {
    width: 100%;
    height: 100%;
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.heropic-row > .heropic-col {
    width: 100%;
    height: 580px;
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    align-items: center;

}

.heropic-row > .heropic-col >  .heropic-div {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.heropic-row > .heropic-col >  .heropic-div > .hpl-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    opacity: 0.9;
    height:100%;
}

.heropic-row > .heropic-col >  .heropic-div > .hpl-div > p {
    font-family: 'saintecolombe-light';
    font-size: 35px;
    margin: 10px 0;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.heropic-row > .heropic-col >  .heropic-div > .hpl-div > p > span{
    font-family: 'EuclidCircularA-Medium';
    font-size: 18px;
    margin: 0;
    letter-spacing: 2px;
}

.heropic-row > .heropic-col >  .heropic-div > .hpr-div {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    opacity: 0.9;
    height:100%;
}

.heropic-row > .heropic-col >  .heropic-div > .hpr-div > .hpr-div-p1 {
    font-family:'EuclidCircularA-Semibold';
    margin-bottom:8px;
    margin-top: 20%;
}

.heropic-row > .heropic-col >  .heropic-div > .hpr-div > .hpr-div-p2 {
    font-family:'EuclidCircularA-Regular';
    max-height: 73px;
     overflow: hidden;
     margin: 5px 35px 8px 0;
}

.heropic-row > .heropic-col >  .heropic-div > .hpr-div > .hpr-div-p3 {
    font-family:'saintecolombe-light';
    margin-bottom:7px;
    font-size:20px;
    margin-top:8px;
}

.heropic-row > .heropic-col >  .heropic-div > .hpr-div > .hpr-div-p4 {
    font-family:'EuclidCircularA-Regular';
    margin-top:0;
    font-size:18px;
    margin-bottom: 0;
}

.agentbox-row {
    display: flex;
    flex-direction: row;
    background-color:#fff;
}

.agentbox-row > .agentbox-l {
    display: flex;
    justify-content: center;
}

.agentbox-row > .agentbox-l > img {
    height:100%;
    width: 100%;
    object-fit:cover;

}

.agentbox-row > .agentbox-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.agentbox-row > .agentbox-center > .agentbox-center-div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 85px 0;
}

.agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p1 { 
    font-family:'saintecolombe-light';
    font-size:28px;
    margin-top: 0;
    line-height: 1.3;
}

.agentbox-row > .agentbox-center > .agentbox-center-div > div > a > .agentbox-p1 { 
    font-family:'saintecolombe-light';
    font-size:28px;
    margin-top: 0;
    line-height: 1.3;
}


.agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p2 { 
    font-family:'EuclidCircularA-Semibold';
    margin-bottom: 0;
    line-height: 1.3;
    font-size: 20px;
}


.agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p3 { 
    font-family:'EuclidCircularA-Semibold';
    margin-top: 0;
    line-height: 1.3;
    font-size: 20px;
}

.agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p4 { 
    font-family:'EuclidCircularA-Regular';
    overflow: hidden;
}


.agentbox-row > .agentbox-r {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.agentbox-row > .agentbox-r > .agents  {
    display: flex;
    align-items: center;
    justify-content:center;
}


.agentbox-row > .agentbox-r > .agents > div > .agent1 {
    /* display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:center;
    margin-bottom: 20px; */
    margin:10px 0;
    display: flex;
    align-items: center;
}

.agent1__pic {
    display: flex;
    align-items: center;
}

.agent1-avatar__image {
    width: 130px;
    height:130px;
    border-radius: 50%;
    object-fit: cover;
    display: flex;
    justify-content: center;
    align-content: center;
    margin: 0 auto;
}

.agent1-txt__realtor { 
    font-size:20px;
    margin: 0 0 10px;
}

.agent1-txt > [data-type="text"] {
    font-size:14px;
    margin: 8px 0;
}

.agentbox-row > .agentbox-r > .agents > div > .agent1 > .agentbox-txt > p:last-child { 
    font-size:12px;
    margin: 8px 0;
}


.agentbox-row > .agentbox-r > .agents > div > .agent2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:center;
    margin-top: 20px;
}

.agentbox-row > .agentbox-r > .agents > div > .agent2 > .agentbox-pic {
    display: flex;
    justify-content: center;
}

.agentbox-row > .agentbox-r > .agents > div > .agent2 > .agentbox-pic > img {
    width: 60%;
    border-radius: 50%;
    height:100%;
    object-fit: cover;
}

.agentbox-row > .agentbox-r > .agents > div > .agent2 > .agentbox-txt > p:first-child { 
    font-size:16px;
}

.agentbox-row > .agentbox-r > .agents > div > .agent2 > .agentbox-txt > p { 
    font-size:13px;
}


.taketour-row {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 80px;
}

.taketour-row > .taketour-p {
    font-family:'saintecolombe-light';
    margin: 0 0 65px;
    font-size: 53px;
}

.taketour-row > .taketour-p > span {
    font-family:'EuclidCircularA-Semibold';
}

.taketour-row > .tours-out {
    background-color: #100b28;
}

.taketour-row > .tours-out > .tours {
    display:flex;
    justify-content: center;
    align-items:center;
}

.taketour-row > .tours-out > div > .tour1 {
    position:relative;
    top:-40px;
}

.taketour-row > .tours-out > div > .tour1 > .video-iframe {
    width:100%;
    height:500px;
    background-color: lightgray;
}

.taketour-row > .tours-out > div > .tour2 {
    position:relative;
    top:40px;
}

.taketour-row > .tours-out > div > .tour2 > .materport-iframe{
    width:100%;
    height:500px;
    background-color: lightgray;
}

.plan-row {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#fff;
    padding: 80px 0 0;
}

.plan-row > div > .plan-p {
    font-family:'saintecolombe-light';
    font-size: 53px;
    margin-bottom: 25px;
}

.plan-row > div > .plan-p > span {
    font-family:'EuclidCircularA-Semibold';
}

.plan-row > div > .plan-img  {
    position: relative;

}

.plan-row > div > .plan-img > .planimg-img  {
    position: relative;
    height: 550px;
    object-fit: contain;
    width: 100%;

}

.plan-row > div > .plan-img > .zoom-icon {
    top: 15px;
    right: 15px;
    width: 35px;
    height: 35px;
    position: absolute;
    z-index:1;
}

.plan-row > div > .plan-img > #planzoomIco {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.plan-row > div > .plan-img > #planzoomIco:hover {
    opacity: 0.7;
}

.map-row {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#fff;
}

.map-row > .map-p {
    font-family:'saintecolombe-light';
    font-size: 50px;
    margin-bottom: 40px;
    margin-top: 110px;
}

.map-row > .map-p > span {
    font-family:'EuclidCircularA-Semibold';
}

.footer1-row {
    display: flex;
    justify-content: center;
    background-color:#fff;
    padding: 60px 0;
}

.footer1-row > div > .footer1 {
    display: flex;
    align-items: center;
}


.footer1-row > div > .footer1 > .footer1-right {
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer1-row > div > .footer1 > .footer1-right > .footer1-right-p {
    color: #100b28 !important;
    text-decoration: none;
    font-size:15px;
    line-height: 1.5;
    margin: 0;
}

.footer2-row  {
    display: flex;
    justify-content: center;
    background-color:#100b28;
}

.footer2-row > .footer2 {
    padding: 60px 0;
    display: flex;
    justify-content: center;

}

.footer2-row > .footer2 > .footer2-p {
    font-family:'EuclidCircularA-Regular';
    color: #8d919e;
    text-align: justify;
    font-size:8px;
}

.footer2-p a {
    font-family: 'EuclidCircularA-Semibold' !important;
}

.footer-rechat {
    display: flex;
    justify-content: center;
    background-color:#100b28;
}

.footer-rechat > .footerrechat {
    
    display: flex;
    justify-content: center;

}

.footer-rechat > .footerrechat > .footerrechat-p {
    font-family:'EuclidCircularA-Regular';
    color:#fff;
    text-align: justify;
    font-size:11px;
    margin-top: 0;
}

/* The Modal */
.modal {
    display: none;
    position: fixed;
    z-index: 2;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
  }
  
  .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
  }

  .mapboxgl-map {
      height:540px;
  }
  
  @-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
  }
  
  @keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
  }
  
  .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }
  
  .close:hover,
  .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }


  :root {
    --splide-pagination-height: 60px;
  }
  
  .splide {
    margin-bottom: var(--splide-pagination-height);
  }

  .splide--draggable>.splide__track>.splide__list> .is-active {
    margin-right:10px;
  }

  .splide__list { height: auto }
  
  .splide__arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    height: 2em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    background: transparent;
    cursor: pointer;
  }
  
  .splide__arrow--prev {
    left: 2em;
    background-color: transparent;
    fill: #fff;
    width:60px;
    height:60px;
  }

  .splide__arrow--prev svg {
      width:60px;
      height:60px;
  }
  
  .splide__arrow--next {
    right: 1em;
    background-color: transparent;
    fill: #fff;
    width:60px;
    height:60px;
  }

  .splide__arrow--next svg {
    width:60px;
    height:60px;
  }
  
  .splide__arrow--prev svg, .splide__pagination__prev svg {
    transform: scaleX(-1);
  }
  
  .splide__pagination {
    counter-reset: pslide-counter 0;
    display: inline-flex;
    align-items: center;
    width: 95%;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    bottom: calc(-1 * var(--splide-pagination-height));
    height: var(--splide-pagination-height);          
  }
  
  .splide__pagination .splide__pagination__page {
    counter-increment: pslide-counter;
    height:1px;
    display: flex;
    justify-content: center;
  }
  
  .splide__pagination li:first-child:after {
    content: "01";
    font-size:20px;
    font-family: 'EuclidCircularA-Semibold';
    justify-content: center;
    display: flex;
    margin-right:5px;

  }
  
  .splide__pagination li:last-child:before {
    content: counter(pslide-counter, decimal-leading-zero);
    font-family: 'EuclidCircularA-Semibold';
    font-size:20px;
    margin-left:5px;
  
  }
  
  
  .splide__pagination__arrow {
    margin: 0 10px;
    border: 0;
    background: transparent;
    outline: none;
    cursor: pointer;
  }
  
  .splide__pagination__arrow svg {
    width: 1em;
    height: 1em;
    font-size: 20px;
    fill: #100b28;
  }
  
  .splide__pagination li.splide__pagination__control {
    display: flex;
    align-items: center;
  }
  
  .splide__pagination__page {
    width: auto;
    height: 6px;
    background: #dcdfee;
    border: 0;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
  }
  
  .splide__pagination__page.is-active {
    background: #009cbc;
    height:1px;
    justify-content: center;
    display: flex;
  }
  
  .splide__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
  }
  
  .splide__lightbox {
    position: absolute;
    top: 1rem;
    right: 7rem;
    z-index: 1;
    cursor: pointer;
    background-color: transparent;
    border: none;
    fill: #fff;
    border-radius: 50%;
    background-color: #100b28;
    width: 40px;
    height: 40px;


  }
  
  .splide__lightbox svg {
    width: 1em;
    height: 1em;
    font-size: 24px;
  }

  .splide__lightbox svg path:nth-child(odd) {
    display: none;
  }

  .sl-wrapper {
    background-color: rgba(0,0,0,0.8);
  }

  .sl-wrapper .sl-close {
      color: #fff !important;
  }

  .sl-wrapper .sl-navigation button.sl-prev {
      color: #fff;
  }

  .sl-wrapper .sl-navigation button.sl-next {
      color: #fff;
  }

  .splide__arrow:focus {
    outline: none;
  }

  .splide__arrow:visited {
    outline: none;
  }

 




  
  /* 100% Image Width on Smaller Screens */
  @media only screen and (max-width: 700px){
    .modal-content {
      width: 100%;
    }
  }





  /*Queries*/


  @media only screen and (min-device-width : 480px) and (max-device-width : 768px) {

  }


  @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    
    .footer1-row > .footer1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    
    .footer1-row > div > .footer1 > .footer1-left {
        display: flex;
    justify-content: center;
    }
    
    .footer1-row > div > .footer1 > .footer1-right {
        align-self: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer1-row > div > .footer1 > .footer1-right > p {
        display: flex;
        justify-content: center;
    }

    .map-row > .map-p {
        font-size: 25px;
        letter-spacing: 1px;
    }

    .plan-row > div >  .plan-p {
        font-size: 25px;
    }
    
    
    .plan-row > div > .plan-img  {
        height: 285px;
    
    }

    .plan-row > div > .plan-img > .planimg-img  {
        position: relative;
        height: 300px;
        object-fit: cover;
        width: 100%;
    
    }

    .plan-row > div > .plan-img > .zoom-icon {
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
    }

    .taketour-row > .tours-out > div > .tour1 > .video-iframe {
        width:100%;
  
    }


    .taketour-row > .tours-out > div > .tour2 > .materport-iframe {
        width:100%;
    
    }
    .taketour-row > .taketour-p {
        font-size: 25px;
    }

    .agentbox-row > .agentbox-r {
        margin: 30px 0;
    }

    .agent1-txt > [data-type="text"] {
        font-size:10px;
    }

    .agentbox-row > .agentbox-r > .agents > div > .agent2 > .agentbox-txt {
        text-align:center;
    }

    .agentbox-row > .agentbox-r > .agents > div > .agent2 > .agentbox-txt > p {
        font-size:12px;
    }

    .menu-row > div > .menu-col {
        display: flex;
        flex-direction: column;
     }

     .menu-row > div > .menu-col > .add-l-col {
        justify-content: center;
        font-size:15px;
    }

    .menu-row > div > .menu-col > .add-l-col > span {
        font-size: 13px;
    }

    .menu-row > div > .menu-col > .menu-r-col > ul {
        padding-left: 0;
        font-size: 10px;  
        margin:10px 0;
    }

    .logo-row > .logo-col {
        margin-bottom: 20px;
    }

    .agentbox-row > .agentbox-l  {
        display: none !important;
    }

    .agent1-avatar__image {
        width: 100px;
        height: 100px;
    }

    .menu-row > div > .menu-col > .add-l-col > a > p {
        font-size:13px;
    }


    .menu-row > div > .menu-col > .menu-r-col > ul > li > a {
        font-size:9px;
    }

    .menu-row > div > .menu-col > .add-l-col > p {
        font-size:13px;
    }

    .heropic-row > .heropic-col >  .heropic-div > .hpl-div > p {
        font-size:22px;
    }

    .heropic-row > .heropic-col >  .heropic-div > .hpl-div > p > span {
        font-size:10px;
    }

    .heropic-row > .heropic-col >  .heropic-div > .hpr-div > .hpr-div-p1 {
        font-size:12px;
        margin-top: 50%;
    }

    .heropic-row > .heropic-col >  .heropic-div > .hpr-div > .hpr-div-p2 {
        font-size: 11px;
        max-height: 70px;
    }

    .heropic-row > .heropic-col >  .heropic-div > .hpr-div > .hpr-div-p3 {
        font-size:13px;
    }

    .heropic-row > .heropic-col >  .heropic-div > .hpr-div > .hpr-div-p4 {
        font-size:12px;
    }

    .agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p1 {
        font-size:20px;
    }

    .agentbox-row > .agentbox-center > .agentbox-center-div > div > a > .agentbox-p1 {
        font-size:20px;
    }


    .agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p2 {
        font-size:16px;
    }

    .agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p3 {
        font-size:16px;
    }

    .agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p4 {
        font-size:14px;
    }


    .agent1-txt__realtor {
        font-size:9px;
    }

    .agent1-txt__realtor > span {
        font-size:9px !important;
    }

    .agent1-txt__realtor > span > sup {
        font-size:6px !important;
    }

    .taketour-row > .tours-out > div > .tour1 > .video-iframe {
        height:200px;
    }

    .taketour-row > .tours-out > div > .tour2 > .materport-iframe {
        height:200px;
    }

    .plan-row > div > .plan-img > .planimg-img {
        height:250px;
    }

    [data-type="embed-map"] {
        height:250px !important;
    }  

    .splide__arrow--next svg {
        width: 30px;
        height:30px;
    }

    .splide__arrow--prev svg {
        width: 30px;
        height: 30px;
    }
    .splide__lightbox {
        width: 33px;
        height: 33px;
    }
    .splide__lightbox svg {
        width: 0.7em;
        height: 0.7em;
    }

    .splide__arrow--prev {
        left: 0.5em;
    }

    .splide__arrow--next {
        right: 0.5em;
    }

    
    }
    
   @media only screen and (max-width : 450px) {
        .logo-center {
            display: flex;
            justify-content: center;
        }
    }

    
    /* Smartphones (portrait) ----------- */
    @media only screen and (max-width : 320px) {



        .footer1-right {
            align-items: center !important;
        }

        .agent1-txt__realtor {
            font-size: 20px !important;
        }

        .agent1__txt {
            width: 100%;
            text-align: center;
        }

        .agent1 {
            flex-direction: column;
            justify-content: center;
            align-content: center;
        }

        .footer1-row > div > .footer1 {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        
        
        .footer1-row > div > .footer1 > .footer1-left {
            display: flex;
            justify-content: center;
        }
        
        .footer1-row > div > .footer1 > div > .footer1-right {
            align-self: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
        }
    
        .footer1-row > div > .footer1 > .footer1-right > p {
            display: flex;
            justify-content: center;
            font-size:15px;
        }
    
        .map-row > .map-p {
            font-size: 17px;
            letter-spacing: 1px;
        }
    
        .plan-row > div > .plan-p {
            font-size: 25px;
        }
        
        
        .plan-row > div > .plan-img > .planimg-img {
            height: 285px;
        
        }

        
        .plan-row > div > .plan-img > .zoom-icon {
            top: 10px;
            right: 10px;
            width: 20px;
            height: 20px;
        }

        .taketour-row > .tours-out > div > .tour1 > .video-iframe {
            width:100%;
       
        }
    
        .taketour-row > .tours-out > div > .tour2 > .materport-iframe {
            width:100%;
        
        }
        .taketour-row > .taketour-p {
            font-size: 25px;
        }

        .agentbox-row > .agentbox-r {
            margin: 30px 0;
        }


    
        .agent1-txt__realtor {
            font-size:10px;
        }

        .agentbox-row > .agentbox-r > .agents > div > .agent2 > .agentbox-txt {
            text-align:center;
        }
    
        .agentbox-row > .agentbox-r > .agents > div > .agent2 > .agentbox-txt > p:first-child {
            font-size:13px;
        }
    
        .menu-row > div > .menu-col {
            display: flex;
            flex-direction: column;
         }
    
         .menu-row > div > .menu-col > .add-l-col {
            justify-content: center;
            font-size:17px;
        }
    
        .menu-row > div > .menu-col > .menu-r-col > ul {
            padding-left: 0;
            font-size: 10px; 
            margin:10px 0; 
        }
    
        .logo-row > .logo-col {
            margin-bottom: 20px;
        }

        .agentbox-row > .agentbox-l {
            display: none !important;
        }


    .agentbox-row > .agentbox-l  {
        display: none !important;
    }

    .agent1-avatar__image {
        width: 100px;
        height: 100px;
    }

    .menu-row > div > .menu-col > .menu-r-col > ul > li > a {
        font-size:9px;
    }

    .menu-row > div > .menu-col > .add-l-col > p {
        font-size:13px;
    }

    .menu-row > div > .menu-col > .add-l-col > a > p {
        font-size:13px;
    }


    .heropic-row > .heropic-col >  .heropic-div > .hpl-div > p {
        font-size:22px;
    }

    .heropic-row > .heropic-col >  .heropic-div > .hpl-div > p > span {
        font-size:10px;
    }

    .heropic-row > .heropic-col >  .heropic-div > .hpr-div > .hpr-div-p1 {
        font-size:12px;
        margin-top: 20%;
    }

    .heropic-row > .heropic-col >  .heropic-div > .hpr-div > .hpr-div-p2 {
        font-size: 11px;
        max-height: 70px;
    }

    .heropic-row > .heropic-col >  .heropic-div > .hpr-div > .hpr-div-p3 {
        font-size:13px;
    }

    .heropic-row > .heropic-col >  .heropic-div > .hpr-div > .hpr-div-p4 {
        font-size:12px;
    }

    .agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p1 {
        font-size:20px;
    }

    .agentbox-row > .agentbox-center > .agentbox-center-div > div > a > .agentbox-p1 {
        font-size:20px;
    }


    .agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p2 {
        font-size:16px;
    }

    .agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p3 {
        font-size:16px;
    }

    .agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p4 {
        font-size:14px;
    }


    .agent1-txt__realtor {
        font-size:9px;
    }

    .agent1-txt__realtor > span {
        font-size:9px !important;
    }

    .agent1-txt__realtor > span > sup {
        font-size:6px !important;
    }

    .taketour-row > .tours-out > div > .tour1 > .video-iframe {
        height:200px;
    }

    .taketour-row > .tours-out > div > .tour2 > .materport-iframe {
        height:200px;
    }

    .plan-row > div > .plan-img > .planimg-img {
        height:250px;
    }

    [data-type="embed-map"] {
        height:250px !important;
    }  

    .splide__arrow--next svg {
        width: 30px;
        height:30px;
    }

    .splide__arrow--prev svg {
        width: 30px;
        height: 30px;
    }
    .splide__lightbox {
        width: 33px;
        height: 33px;
    }
    .splide__lightbox svg {
        width: 0.7em;
        height: 0.7em;
    }

    .splide__arrow--prev {
        left: 0.5em;
    }

    .splide__arrow--next {
        right: 0.5em;
    }

    }
    
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

        .agent1-txt__realtor {
            font-size:13px;
        }

        .agentbox-row > .agentbox-r > .agents > div > .agent2 > .agentbox-txt > p:first-child {
            font-size:13px;
        }

        .menu-row > div > .menu-col > .add-l-col > a > p {
            font-size:16px;
        }


        .menu-row > div > .menu-col > .add-l-col > p {
            font-size:16px;
        }

        .menu-row > div > .menu-col > .menu-r-col > ul > li > a {
            font-size:9px;
        }

        .agentbox-row > .agentbox-r > .agents > div > .agent2 > .agentbox-txt > p {
            font-size:14px;
        }

      

        .heropic-row > .heropic-col {
            height: 400px;
        }

        .heropic-row > .heropic-col >  .heropic-div > .hpl-div > p {
            font-size:18px;
        }
        .footer1-row > div > .footer1 > .footer1-right > .footer1-right-p {
            font-size:11px;
        }

        .heropic-row > .heropic-col >  .heropic-div > .hpl-div > p > span {
            font-size: 12px;
        }

        .heropic-row > .heropic-col >  .heropic-div > .hpr-div > .hpr-div-p1 {
            font-size: 10px;
            margin-top: 20%;
        }

        .heropic-row > .heropic-col >  .heropic-div > .hpr-div > .hpr-div-p2 {
            font-size: 12px;
            max-height: 65px;
        }

        .heropic-row > .heropic-col >  .heropic-div > .hpr-div > .hpr-div-p3 {
            font-size: 13px;
        }

        .heropic-row > .heropic-col >  .heropic-div > .hpr-div > .hpr-div-p4 {
            font-size: 11px;
        }

        .agentbox-row > .agentbox-center > .agentbox-center-div > div > a > .agentbox-p1 {
            font-size: 19px;
        }

        .agentbox-row > .agentbox-center > .agentbox-center-div > div > a > .agentbox-p1 {
            font-size: 19px;
        }


        .agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p1 {
            font-size: 19px;
        }

        .agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p2 {
            font-size: 16px;
        }

        .agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p3 {
            font-size: 14px;
        }

        .agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p4 {
            font-size: 14px;
        }

        .agent1-txt > [data-type="text"] {
            font-size: 14px;
        }

        .agent1-avatar__image {
            width: 110px;
            height: 110px;
        }

        .taketour-row > .tours-out > div > .tour1 > .video-iframe {
            height: 350px;
        }

        .taketour-row > .tours-out > div > .tour2 > .materport-iframe {
            height: 350px;
        }

        .plan-row > div > .plan-img > .planimg-img {
            height: 400px;
        }
    }

    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
        .agentbox-row > .agentbox-center > .agentbox-center-div {
            padding:60px 0;
        }

        .agentbox-row > .agentbox-center > .agentbox-center-div > div > a > .agentbox-p1 {
            font-size:22px;
        }


        .agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p1 {
            font-size:22px;
        }

        .agent1-txt > [data-type="text"] {
            font-size:13px;
        }

        .agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p2 {
            font-size:17px;
        }

        .agentbox-row > .agentbox-center > .agentbox-center-div > div > .agentbox-p3 {
            font-size:17px;
        }
    }