/* # ## # ## # ## # ## # ## # ## # ## # ## # ## # ## # - - - T A B L E T  C S S - - - # ## # ## # ## # ## # ## # ## # ## # ## # ## # ## # */

@media only screen 
and (min-width : 0px) 
and (max-width : 1280px) {
	
   html,body {
      font-size: 16px;
      line-height: 24px;
   }

   .container {
      max-width: 1180px;
   }

   #testimonials-overview .masonry {
      column-count: 2 !important;
   }

   #searchlink i {
      line-height: 80px;
   }

   h1,
   .homepage-ctablock h2,
   #property-cta h2, 
   #property-area h2 {
      font-size: 40px;
      line-height: 45px;
   }

   header #logo img,
   header #logo-white {
      height: 50px;
      margin: 15px;
      margin-right: 10px;
   }

   #side-menu {
      margin-right: 20px;
   }

   header #side-menu label {
      margin: 0px 8px;
   }

   header nav ul li .sub-menu li, 
   #side-menu li .sub-menu li {
      height: 28px;
      line-height: 28px;  
   }

   header nav ul li .sub-menu, #side-menu li .sub-menu {
      top: 53px;
   }

   #homepage-introblock .column-1-3 h3 {
      font-size: 28px;
   }

   #quicksearch select {
      font-size: 16px;
   }

   #homepage-header #header-region, 
   #homepage-header #header-price, 
   #propertydetail-header #header-region, 
   #propertydetail-header #header-price {
      font-size: 22px;
      line-height: 24px;
   }

   #homepage-testimonials .column-2-3 h3 {
      font-size: 26px;
      line-height: 38px;
   }

   #homepage-latest h4, 
   #blog-latest h4, 
   #blog-overview h4 {
      font-size: 24px;
      line-height: 30px;
      margin-top: 20px;
   }

   #homepage-testimonials .column-2-3 strong, 
   #homepage-testimonials .column-2-3 p {
      font-size: 24px;
      line-height: 34px;
   }

   .listing-overview .column-1-1 span a {
      font-size: 18px;
   }

   #homepage-team h3, 
   #homepage-latest h3,
   #blog-latest h3, 
   #agent-detail-certificates h3, 
   #listing-agent-overview > h3 {
      font-size: 26px;
   }

   /* - - - L I S T I N G - O V E R V I E W - - - */

   #listing-overview-grid .list-item .grid-item:last-child, 
   #listing-agent-overview .list-item .grid-item:last-child {
      padding: 10px 15px;
   }

   #listing-overview-grid .list-item .grid-item:last-child {
      min-height: 0px;
   }

   .list-item {
      margin-bottom: 25px;
   }

   .list-item .list-price {
      font-size: 22px;
      line-height: 32px;
   }

   .list-item .row .column-2-5, 
   .list-item .row .column-3-5, 
   .list-item #list-item-specs,
   .list-item h3 {
      font-size: 18px;
      line-height: 24px;
   }

   #list-image-nav button {
      width: 40px;
      height: 35px;
      line-height: 35px;
      font-size: 23px;
   }

   .list-item .list-place {
      font-size: 13px;
   }

   /* - - - - L I S T I N G - D E T A I L - - - - */

   #propertydetail-content .box-shadow .detail-value {
      font-size: 22px;
   }

   #property-maps {
      height: 400px;
   }

   #property-area,
   #property-cta {
      padding: 100px 0px;
   }

   #agent-detail-certificates {
      padding: 75px 0px;
   }

   #blog-detail-blogtext {
      padding: 25px 0px;
   }

   #blog-detail-content .column-1-2 {
      height: 40vh;
      min-height: 500px;
      }

} /* DONT DELETE */


/* # ## # ## # ## # ## # ## # ## # ## # ## # ## # ## # - - - M O B I L E  C S S - - - # ## # ## # ## # ## # ## # ## # ## # ## # ## # ## # */
/* # ## # ## # ## # ## # ## # ## # ## # ## # ## # ## # - - - M O B I L E  C S S - - - # ## # ## # ## # ## # ## # ## # ## # ## # ## # ## # */

@media only screen 
and (min-width : 0px) 
and (max-width : 760px) {

   html, body {
      width: 100%;
      font-size: 15px;
      line-height: 24px;
      overflow: scroll;
   }

   .carousel-control.left,
   .carousel-control.right {
      display: block !important;
   }

   header nav .menu-ul li > a:hover {
      border-bottom: 0px;
   }

   .carousel__button {
      display: none !important;
   }

   #menublocklink {
      margin: 15px auto;
      float: none;
   }

   #menublocklink:hover {
      background-color: transparent;
      color: var(--primary-color);
   }
   
   .mobile-menu-toggle {
      font-size: 35px;
      color: #fff;
      height: 50px;
      width: 50px;
      text-align: center;
      line-height: 50px;
      border-radius: 100%;
      border: 2px solid transparent;
      float: right;
      margin: 10px;
   }

   #mobile-menu-close {
      color: #053B71; 
      background-color: #fff;
      margin-top: 14px;
   }

   header nav a, header #side-menu a {
      color: #fff;
   }

   input {
      border-radius: 0px;
   }

   h1,
   .homepage-ctablock h2, 
   #property-cta h2, 
   #property-area h2 {
      font-size: 20px !important;
      line-height: 25px !important;
   }

   h1 {
      width: 90%;
   }

   #testimonials-overview .masonry {
      column-count: 1 !important;
   }

   #property-cta .column-1-3 {
      width: 50%;
   }

   #property-cta a {
      margin-right: 5px;
   }

   nav {
      width: 100%;
      height: 100vh;
      position: relative;
      background-color: rgba(0, 0, 0, 0.85);
      font-size: 18px;
      color: #fff;
      display: none;
   }

   nav.open {
      display: block;
      position: fixed;
      top: 0px;
      margin: 0px !important;
   }

   nav ul li {
      display: block;
      width: 100%;
      text-align: center;
   }

   header {
      padding: 5px 0px;
   }

   .header > .row {
      left: 15px;
      top: 25px;
      width: 85%;
   }

   #agentoverview-header .header-scroll, #overview-header .header-scroll {
      left: 15px;
   }

   .header #header-gradient {
      background: (90deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0) 100%);
   }

   nav ul li a {
      color: #fff;
      width: 100%;
      text-align: center;
   }

   nav ul li a:hover {
      color: #D5A827;
   }

   #menu .menu-ul {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 100%;
      transform: translate(-50%, -50%);
      text-align: center;
   }

   #side-menu {
      margin: 0px;
      width: 100%;
   }

   header nav ul > li, 
   header #side-menu > li,
   header nav ul li .sub-menu li, 
   #side-menu li .sub-menu li {
      height: auto;
      line-height: 50px;
      margin: 0px;
   }

   .overview-header .container {
      height: 150px;
   }

   header nav ul li .sub-menu, #side-menu li .sub-menu {
      background-color: #C3E6F1;
      color: #053B71;
   }

   header #logo img,
   header #logo-white {
      height: 57px;
      margin: 10px 15px;
   }

   header #logo-white {
      position: absolute;
      top: 5px;
      left: 0px;
   }

   header nav ul li .sub-menu, #side-menu li .sub-menu {
      position: static !important;
      width: 100%;
   }

   .overview-header h1 {
      bottom: 15px;
   }

   #quicksearch {
      height: 200px;
      top: 80px !important;
      border-bottom: 0px;
      margin-bottom: 0px;
   }

   #overview-header #quicksearch,
   #agentoverview-header #quicksearch {
      top: 100px !important;
   }

   #homepage-header #quicksearch {
      top: 0px !important;
      border-top: 1px solid #E1E1E1;
   }

   #quicksearch .column-1-7 {
      width: 50%;
      height: 50px;
      border-bottom: 1px solid #E1E1E1;
   }

   .listing-overview .column-1-1 select {
      background-color: transparent;
   }
   
   #quicksearch select,
   #quicksearch .column-1-7 a,
   #quicksearch .column-1-7 button {
      height: 50px;
      line-height: 50px;
   }

   #quicksearch select {
      text-indent: 15px;
   }

   #quicksearch #column-1-7_submit {
      width: 100%;
   }

   .listing-overview {
      margin-top: 20px;
   }

   .listing-overview#listing-overview-block {
      padding: 5px 0px;
   }

   #quicksearch .column-1-7::before, 
   .listing-overview .sortoflistingitem::before {
      top: 20px;
   }

   .listing-overview .sortoflistingitem::before {
      top: 5px
   }

   .list-item .grid-item > label {
      line-height: 10px;
      margin-top: 10px;
   }

   #list-type-buttons {
      display: none;
   }

   .homepage-ctablock a, 
   .homepage-ctablock a:hover, 
   .homepage-ctablock a i, 
   .homepage-ctablock a:hover i, 
   #homepage-header a:hover, 
   #homepage-header a:hover i, 
   #homepage-team .membercontent a:hover, 
   #homepage-team .membercontent a:hover i {
      font-size: 18px;
   }

   /* - - - - H O M E P A G E - - - - */

   #homepage-header h1 {
      font-size: 24px;
      line-height: 34px;
      padding: 0px 15px;
   }

   #homepage-search {
      width: 90%;
      left: 5%;
      margin-left: 0px;
   }

   #homepageblocks .row {
      margin: 0px;
   }

   #homepageblocks .column-1-2 .grid-item.ratio-65 {
      position: relative;
      left: 0px;
      transform: none;
      width: 100%;
      min-height: 0;
   }

   #homepageblocks .column-1-2 {
      min-height: 350px;
   }

   #homepageblocks .row .column-1-2:nth-child(2) {
      min-height: 0;
      margin-bottom: 0;
      padding: 0px;
   }

   #homepage-introblock {
      margin-top: 0px;
      padding: 0px;
      margin-bottom: 10px;
   }

   #homepage-search .column-1-4:nth-child(1), #homepage-search .column-1-4:nth-child(2) {
      border-right: 0px;
   }

   #homepageblocks .column-1-2 .grid-item h3 {
      font-size: 25px;
      line-height: 30px;
      margin-bottom: 15px;
   }

   #homepage-introblock .column-1-3 {
      margin-bottom: -10px;
   }

   #homepage-header, 
   #overview-header, 
   #propertydetail-header, 
   #agentoverview-header,
   .overview-header {
      height: 150px;
      min-height: 0px;
   }

   .overview-header {
      margin-bottom: 0px;
   }

   #homepage-header,
   #homepage-header-slider,
   #homepage-header-slider .slick-slide,
   #homepage-header video {
      height: 450px !important;
      max-height: 450px !important;
   }

   #homepage-search,
   #homepage-header h1 {
      top: 40%;
   }

   #homepage-header h1 {
      top: 100px;
   }

   .header #header-scroll, 
   #propertydetail-header .header-scroll {
      top: 25%;
   }

   .header #header-scroll, #propertydetail-header .header-scroll {
      left: 15px;
      width: 95%;
   }

   #propertydetail-header {
      height: 300px;
   }

   #homepage-team .column-1-5:first-child {
      display: block;
   }

   #homepage-header #header-region, 
   #homepage-header #header-price, 
   #propertydetail-header #header-region, 
   #propertydetail-header #header-price {
      font-size: 18px;
      line-height: 18px;
   }

   #homepage-header a, 
   .homepage-ctablock a, 
   #homepage-team .membercontent a, 
   #homepage-latest .column-1-1 a, 
   #homepage-latest .column-1-3 label, 
   #blog-latest .column-1-1 a, 
   #blog-latest .column-1-3 label, 
   #blog-overview .column-1-3 label, 
   #propertydetail-content a.button {
      margin-top: 10px;
   }

   #homepage-team h3, 
   #homepage-latest h3, 
   #blog-latest h3, 
   #agent-detail-certificates h3, 
   #listing-agent-overview h3,
   #homepage-introblock .column-1-3 h3,
   #listing-overview-homepage h3,
   #homepage-testimonials h3,
   #listing-overview-static .column-1-1 h3, 
   #listing-overview-homepage .column-1-1 h3  {
      font-size: 20px;
   }

   #homepage-testimonials h3 {
      padding: 0px 35px;
      line-height: 24px;
   }

   #listing-overview-homepage.listing-overview {
      margin-top: 10px;
   }

   #homepage-header #header-region, #homepage-header #header-price, #propertydetail-header #header-region, #propertydetail-header #header-price {
      margin: 5px 0px;
   }

   #homepage-testimonials .column-2-3 strong, 
   #homepage-testimonials .column-2-3 p {
      font-size: 18px;
      line-height: 28px;
   }

   #homepage-testimonials .column-2-3 h3 {
      font-size: 20px;
      line-height: 32px;
   }

   #homepage-team,
   #homepage-testimonials,
   .homepage-ctablock,
   #property-area,
   #property-cta,
   #agent-detail-certificates,
   #listing-overview-static, 
   #listing-overview-homepage, 
   #listing-overview-detail {
      padding: 35px 0px;
   }

   #listing-overview-static {
      margin-top: 0px;
   }

   #listing-overview-homepage {
      padding-top: 15px;
   }

   #homepage-testimonials {
      padding-bottom: 60px;
   }

   #homepage-team {
      padding-bottom: 0px;
   }

   #homepage-team #homepage-team-nav i {
      font-size: 25px;
   }

   #agent-detail-certificates {
      padding-bottom: 35px;
   }
   
   footer {
      padding-top: 25px;
   }

   footer .column-1-5 {
      margin-bottom: 20px;
   }

   footer #footer-block {
      margin-top: 25px;
   }

   footer #footer-block .footerbuttons {
      float: none;
      display: block;
   }

   #homepage-latest, #blog-latest {
      padding: 25px 0px;
   }

   #detail-header {
      height: 90px;
      min-height: 0;
      margin-bottom: 10px;
   }

   .list-item .breadcrumb, #listing-detail-images .column-1-1 span, #propertydetail-content .breadcrumb {
      margin-top: 0px;
   }

   .list-item.column-1-2 {
      padding: 0px 15px;
   }

   .list-item p {
      padding-right: 5%;
   }

   /* - - - - A G E N T - D E T A I L - - - - */ 

   header h1 {
      margin-top: 30px;
   }

   #agent-overview {
      margin-top: 5px;
      margin-bottom: 15px;
   }

   #listing-agent-overview {
      margin-top: 15px;
   }

   #agent-detail-content,
   #blog-detail-content {
      margin-top: 280px !important;
   }

   .agent-item .agent-backgroundcolor {
      min-height: 0;
      margin: 10px 0px;
      padding-bottom: 25px;
   }

   #agent-detail-content #agent-detail-info,
   #blog-detail-content #blog-detail-info {
      height: 35vh;
      min-height: 0px;
   }

   #agent-detail-info h1,
   #blog-detail-info h1 {
      font-size: 26px;
   }

   #agent-detail-photo.column-1-2,
   #blog-detail-photo.column-1-2 {
      height: 200px !important;
      min-height: 0px;
   }

   #agent-detail-photo.column-1-2 {
      height: 300px !important;
   }

   #agent-detail-intro,
   #blog-detail-intro {
      padding: 25px 0px;
   }

   #blog-detail-intro {
      font-size: 18px;
      line-height: 24px;
   }

   #agentoverview-header > .row {
      top: 25px;
   }

   #agent-detail-certificates .column-1-5 {
      width: 30%;
   }

   .list-item .column-2-5,
   .list-item .column-3-5 {
      width: 33%;
   }

   .list-item {
      margin-bottom: 0px;
   }

   .list-item .list-place {
      display: inline-block;
      margin-top: 5px;
   }

   #list-image-nav button {
      padding: 0px;
      margin: 0px;
      text-align: center;
   }

   #detail-availability select {
      background-color: #fff;
   }

   #listing-overview-homepage h3 {
      width: 90%;
   }

   .list-item .row i {
      margin-left: 0px !important;
   }

   #listing-overview-grid .list-item .grid-item:last-child {
      padding: 5px 0px;
      border-bottom: 1px solid #ddd;
      padding-bottom: 20px;
   }

   #propertydetail-header {
      min-height: 0px;
      width: 100%;
   }

   #propertydetail-content {
      margin-top: 0px;
      overflow-x: hidden;
   }
   #property-hightlights h3 {
      max-width: 70%;
      float: left;
      display: inline;
   }

   #propertydetail-content .box-shadow {
      box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
      padding: 20px 15px;
   }


   #propertydetail-content #box-shadow-agent .button-blue {
      color: #fff;
   }

   .box-shadow .column-1-2 {
      width: 50%;
   }

   #blog-detail-blogtext,
   #static-detail-blogtext {
      padding: 10px 0px;
   }

   #testimonials-overview,
   #blog-overview {
      margin: 25px 0px;
   }

   #blog-overview i.slick-next,
   #blog-overview i.slick-prev {
      display: none !important;
   }

   #blog-overview .column-1-3 {
      padding-left: 15px;
      padding-right: 15px;
      margin-bottom: 0px;
   }

   #blog-overview .column-1-3 h4 {
      font-size: 21px;
      line-height: 28px;
   }

   #blog-suboverview .blogsubtitle {
      font-size: 44px;
      line-height: 54px;
      margin: 25px 0px;
   }

   #blog-suboverview .blogsubintro {
      font-size: 18px;
      line-height: 27px;
   }

   #blog-suboverview .blogitem-overview {
      padding-left: 0px;
      padding-right: 0px;
   }

   .blogsub-slider .slick-next {
      right: 0;
      margin-top: -150px;
   }

   .blogsub-slider .slick-prev {
      left: 0;
      margin-top: -150px;
   }

   #testimonials-overview {
      margin-top: 210px;
   }

   #testimonials-overview .column-1-3 {
      margin-bottom: 15px;
   }

   #testimonials-overview .column-1-3 .column-1-5 {
      width: 30%;
   }

   #testimonials-overview .column-1-3 .column-4-5 {
      padding: 5px 15px !important;
   }

   #property-maps {
      margin-top: 10px;
   }

   #property-area {
      padding: 15px 0px;
      background-image: none;
   }

   #propertydetail-content #property-hightlights .column-1-3 {
      margin-bottom: -10px;
   }

   #propertydetail-content .column-2-3 .row .column-1-1 {
      column-count: 1 !important;
   }

   #propertydetail-content #box-shadow-agent {
      position: static;
      width: 100%;
   }

   .hidden-desktop {
      display: block !important;
   }

   #property-cta .hs-fieldtype-text, #property-cta .hs-prefix,
   #property-cta .hs-fieldtype-textarea {
      width: 100%;
      margin-right: 0px;
   }

   #property-cta .hs-prefix {
      width: 24%;
      margin-right: 1%;
   }

   #property-cta .hs-fieldtype-phonenumber {
      width: 75%;
      margin-right: 0px;
   }

   .header #header-gradient {
      background: rgb(0,0,0);
      background: -moz-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
      background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
      background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
   }

   #property-cta .hs-form-booleancheckbox-display span {
      line-height: 26px;
      margin-left: 10px;
      width: 80%;
      display: inline-block;
      margin-top: 11px;
   }

   #homepage-search {
      border-radius: 15px;
   }

   /* - - - - - L I S T I N G -  D E T A I L - - - - - */

   #listing-detail-images .column-1-2:last-child {
      display: none;
   }

   #listing-detail-images .column-1-2 .ratioimage {
      border-radius: 0px !important;
   }

   #listing-detail-images .column-1-2 {
      padding: 0px !important;
   }

   #detail_photolink {
      right: 20px;
   }

   /* - - - - - F O O T E R - - - - - */

   footer h5 {
      font-size: 16px;
   }

} /* DONT DELETE */