@media only screen and (max-width: 991px) {
  .hero-block .promo-badge{
    top: 120px;
    text-align: right;
  }

  .hero-block .promo-badge img{
    width: 80%;
    height: 80%;
  }
}


@media only screen and (min-width: 800px) {
  #land-for-sale-table .mobile-link{
    display: none;
  }
}
@media only screen and (max-width: 800px) {

  .text-panel-sections{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  #land-for-sale-table .mobile-link{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }


  #land-for-sale-table .hide-mobile{
    display: none;
  }

	/* Force table to not be like tables anymore */
	#land-for-sale-table table,
	#land-for-sale-table thead,
	#land-for-sale-table tbody,
	#land-for-sale-table th,
	#land-for-sale-table td,
	#land-for-sale-table tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#land-for-sale-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#land-for-sale-table tr { border: 1px solid #ccc; }

	#land-for-sale-table td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:right;
	}

  #land-for-sale-table .center-desktop {
    text-align:right;
  }

	#land-for-sale-table td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	#land-for-sale-table td:before {
    content: attr(data-title);
  }
}

@media only screen and (max-width: 768px) {
  .quote-container::before{
    left: 3px;
  }
}

@media only screen and (max-width: 575px) {

  .hero-block  .hero-text-container h2,
  .hero-block  .hero-text-container h3,
  .hero-block  .hero-text-container h4,
  .hero-block  .hero-text-container h5{
    display: none;
    visibility: hidden;
  }

  .hero-block .hero-text-container p  .btn{
    max-width: 48%;
  }
  .navbar-logo {
      height: auto;
  }
  .hero-block  .hero-text-container h1{
    font-size: 36px;
  }

  .text-panel-sections{
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .text-section{
    margin: 15px 0;
  }

  #btn-clear-filters{
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 460px) {
  .hero-block  .hero-text-container .btn-brown,
  .hero-block  .hero-text-container .btn-orange{
    max-width: 137px;
    font-size: 12px;
    padding: 12px 8px;
  }

  .quote-container h4,
  .quote-container p{
    font-size: 1.1rem;
  }
  .quote-container h1{
    font-size: 1.32rem;
  }
  .quote-container h2{
    font-size: 1.25rem;
  }
  .quote-container h3{
    font-size: 1.15rem;
  }

  .hero-block .promo-badge{
    top: 100px;
    text-align: right;
  }

  .hero-block .promo-badge img{
    width: 120px;
    height: 124px;
  }

  .btn{
    font-size: 12px;
  }
}

@media only screen and (max-width: 400px) {
  .navbar-logo {
      height: auto;
  }

  .houseland-filter h3 {
   font-size: 1.5rem;
 }
}
