/* CSS Document */
    #close-mobile{cursor: pointer;}
    #search{margin-bottom: 40px;}
    .banner{z-index: 5;}
		#amount, #feet{background: transparent; margin-bottom: 10px; box-shadow: none;}
		hr.wide{width: 100%; border-top: 4px solid rgba(209,209,212,1); margin: 40px 0;}
		.agents-title h1{width: 100%;}
		.agents-title{margin-bottom: 60px;}
    .agents-title p{ color: #737373; line-height: 2.0rem;}
		.bio img{width: 80%; margin: 0 auto; display: block;}
		.bio p{margin: 0 0 0 20px; padding:0; text-align: left; max-width: 100%; color: #737373; line-height: 2.0rem;}
		.bio h4{margin: 0 0 20px 20px;text-align: left; font-weight: bold; font-size: 28px;}
		.bio{margin-bottom: 40px;}
    .bio .black-button{margin-left: 20px;}
		.bold{font-weight: bold;}
		.wrapper{height: auto;}
		.prop-search{padding: 40px 20px 20px 20px; background-color: #fff; margin-bottom: 10px;}
		.prop-sel, .comm-select{margin-bottom: 40px;}
		.title h2{margin: 40px 0 30px 0; text-align: center; max-width: 100%;}
    .title h1{margin-bottom: 40px;}
    .title-left{margin-bottom: 30px; text-align: left; margin-left: 0;}
    .title-fp h1{margin-bottom: 20px;}
    h6{text-align: center; margin-bottom: 40px; font-weight: bold; font-style: italic;}
		.prop-sel select{
        padding: 7px 50px 7px 20px;
        border:solid 1px #d9d9d9;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url("/images/icons/select-arrow.png") no-repeat right #fff;
     }
     #contact-form{margin-top:30px; }
     .contact input[type='text'], .contact select, .contact textarea {
         width: 100%;
         padding: 10px;
         margin: 0 0 10px 0;
         border: solid 1px #d9d9d9;
     }
		.listing-wrap h4 > span{ font-size: 12px;}
		.listing-wrap h4{margin-bottom: 20px; font-weight: bold; font-size: 1rem;}
		.listing-wrap img{margin-bottom: 10px; max-width: 100%;}
		.listing-wrap, .floor-wrap{margin-bottom: 20px;padding: 5px; height: auto;}
    .listing-wrap > div, .floor-wrap > div{background-color: #fff;}
		.listing-wrap:hover{border: solid 1px #d0dce7;}
		.listing-details, .floor-details{display: block; color: #696969;}
    .floor-img{margin: 0px;padding-top: 20px;}
		.gradiant-home{
					padding-left: 15px;
					color: #409bcb;
					height: 20px;
					position: absolute;
					bottom: 28px;
					cursor: pointer;
					left: 5px;
          margin-bottom: 10px;
		}

			.school-list-home{
				 position: relative;
				 font-size: 14px;
				 font-weight: bold;
         margin-bottom: 20px;
			}

			.fade-btm{
				-webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
				mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
				max-height: 90%;
        height:120px;
			}

	 .seeall .fade-btm{
				-webkit-mask-image: linear-gradient(to bottom, black 100%, transparent 100%);
				mask-image: linear-gradient(to bottom, black 100%, transparent 100%);
				max-height: 100%;
		}

	#min-with{
		max-width: 1300px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 auto;
	}

		#close-mobile{
				width: 30px;
				position: absolute;
				right: 30px;
				top: 30px;
			}
		.mobile-menu.active {
				display: block;
		}
		.mobile-menu {
				display: none;
				overflow: auto;
				top: 0;
				right: 0px;
				height: 100vh;
				width: 100%;
			/*	max-width: 500px; */
				background-color: rgba(0,0,0,1);
				position: fixed;
				z-index: 2000;
				transform: translateY(0);
				visibility: visible;
				pointer-events: all;
		}

		#mobile-logo{
			 max-width: 120px;
			 margin-bottom: 15px;
		}
		.mobile-menu > ul li a:hover{
			 color:#ffffff;
		}
		#last-mobile{
			 text-align: right;
			 padding-right: 50px;
		}
		#slider1 {
				width: 80%;
				margin: -20px auto 15px;
		}
		.slick-track{
			padding-bottom: 20px;
		}
		.slick-slide {
			height: auto;
			margin-top: 0px;
		}
		h1, h2, p{text-align: center; max-width: 75%; margin: 30px auto 10px auto;}
		 .black-button{
				background: #202020;
				color: #fff;
				background-position: 0 0;
				max-width: 384px;
				height:auto;
				border: none;
				padding: 3px 15px;
				cursor: pointer;
				position: relative;
				overflow: hidden;
				font-family: 'ProximaNovaRegular',sans-serif;
				font-size: 20px;
				padding: 12px 36px;
				margin: 30px auto 60px auto;
		 }
    .black-button:hover{background: #383838;}
		/*88888888888888888888888888888888888888888888*/
		.row{max-width: 1500px; width: 100%;}
    .footer > .row{max-width: none; width: 100%;}
		.fptestimonials{margin-top: 0px; margin-bottom: 40px;}

		.hamburger {
				display: inline-block;
				z-index: 100;
				cursor: pointer;
		}

		.dinner-plate {
				float: right;
				padding: 20px 20px 0 0;
		}
		.hamburger div:first-of-type {
				margin-top: 0;
		}

		.hamburger div {
				width: 30px;
				height: 4px;
				margin: 5px 0;
				background-color: #fff;
				border-radius: 2px;
				-webkit-transition: .27s ease;
				transition: .27s ease;
		}
    ul.mobile-about-box {
    padding: 0;
    list-style-type: none;
}
.mobile-home-tab-wrap {
    padding-left: 0px;
    padding-right: 0px;
    display: inline-block;
    margin: 0 auto;
}
.mobile-home-tab {
    text-align: center;
    background-color: #f6f6f6;
    font-size: 1.2rem;
    color: #1a1a1a;
    border-radius: 15px 15px 0px 0px;
    -moz-border-radius: 15px 15px 0px 0px;
    -webkit-border-radius: 15px 15px 0px 0px;
    -o-border-radius: 15px 15px 0px 0px;
    border-collapse: separate;
    border: none;
    cursor: pointer;
    height: 54px;
    padding-top: 15px;
    font-family: 'ProximaNovaSemibold',sans-serif;
}
.mobile-pager{
    position: absolute;
    width: 100%;
    height: 54px;
    width: 100%;
    /* margin: 0 auto; */
    bottom: -40px;
    z-index: 1000;
}
.mobile-pager li{
    width: 100%;
    margin: 0 auto;
    height: 54px;
}

	.community-wrap p {
		font-size: 14px;
		text-align: left;
		margin: 0;
		max-width: 100%;
	}

  .community-wrap a{
      display: inline-table;
  }

.left-button{
    left:20px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 35%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    z-index: 10000;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  .right-button{
      right:20px;
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: 35%;
      display: block;
      width: 20px;
      height: 20px;
      padding: 0;
      cursor: pointer;
      border-top: 2px solid #000;
      border-right: 2px solid #000;
      z-index: 10000;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
    }

    .popup {display: none; position: absolute; top: 50px; left: 50%; width: 700px; margin-left: -350px; padding: 50px 5px;
		background: #fff; color: #333; font-size: 19px; line-height: 30px; border: 10px solid #150E2D; z-index: 9999; clear:both;}
    .popup-mobile {position: relative; top: 0; left: 0; margin: 30px 0 0; width: 100%;}
    .popup-btn-close {position: absolute; top: 8px; right: 14px; color: #4EBD79; font-size: 14px; font-weight: bold; text-transform: uppercase; cursor: pointer;}
    .search-open{font-size: 1em;margin: 0 0 20px 0; color: red;}

    .bx-default-pager{  display: none;}
    .bx-wrapper { margin-bottom: 20px; border: none; background: transparent;box-shadow: none;}
    .title-wrap > .prop-details{  padding-left: 0;  }
    .title-wrap > .prop-back{padding-left: 0;}
    .title-wrap > .prop-back img{padding-bottom: 4px;}
    .bx-viewport li { min-height: 1px; min-width: 1px; }
    .bx-clone {display: none;}
    .author{color: #005eb2; font-weight: bold;}



    .floor-details h2{text-align: left; width: 100%;margin: 30px 0;}
    .features{text-align: left; width: 100%;margin: 30px 0;}


    .mess-img{text-align: center;margin-top: 30px;}
    .slider{margin-top: 0px;}

    #c_county{
      padding: 7px 50px 7px 20px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
       background: url("/images/icons/select-arrow.png") no-repeat right #fff;
    }
     .prop-sel > select{
         padding: 7px 50px 7px 20px;
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
          background: url("/images/icons/select-arrow.png") no-repeat right #fff;
          margin-left: 15px;
     }


    #c_search{ margin-left: 30px;}
    .bluebutton_v2{
      -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
     	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
     	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2E89CA', endColorstr='#1E75B4');
     	background: #004b8d;
      color: #fff;
      background-position: 0 0;
      max-width: 384px;
      height:auto;
      border: none;
      cursor: pointer;
      position: relative;
      overflow: hidden;
     font-family: 'ProximaNovaRegular',sans-serif;
     font-size: 16px;
     padding: 9px 55px;

   }

   .comm-search{
     margin-bottom: 40px;
     margin-top: 20px;
     padding: 0px;
   }
   .comm-search > .row{padding: 0px;}
   .floor-img{overflow: hidden;}
   .floor-deets{height: 20px!important;position: relative; margin-bottom: 10px; color: #696969;}
   .community-wrap h4{margin-bottom: 0px;}
   .grey-text{color:#737373;}
   #image-bottom{width: 100%; border-bottom:solid 1px #d6d6d9; margin-top: 60px;}
   #f_search, #p_search{margin-top: 40px; margin-left: 10px;}

   h4.half-h{margin-top: 30px; clear:both;}
   .read-more{display: none; color: #1c4a88; font-style: italic; font-weight: 700;}


    .simplePagerNav{width: 100%;    overflow: hidden;    display: table;    margin: 0 auto; text-align: center;  list-style: none;    position: relative; padding-left: 0; margin-bottom: 40px;}
    .simplePagerNav li{
      display: inline-block; padding: 0 0px; list-style: none;
      width: 10px;
      height: 10px;
      text-align: center;
      line-height: 20px;
      margin: 0 10px;
      background: rgba(255, 255, 255, .2);
      border-radius: 50%;
      transition: .5s;
      border:solid 2px #bbb;
    }
    .simplePagerNav li a{color:#fff;}
    li.currentPage {background: red; background: #000; border:solid 2px #000;}
    ul.simplePagerNav li.currentPage a {color: rgba(255, 255, 255, 0);}
    .gmap{ display: block; margin-top: 5px;}

    .overlay-gmap {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: rgba(0, 0, 0, .7);
      }
    .com-img:hover .overlay-gmap {
      opacity: 1;
    }

    .lw-clk:hover .overlay-gmap {
      opacity: 1;
    }


    .overlay-text{
        color: white;
        font-size: 20px;
        position: absolute;
        top: 45%;
        width: 100%;
        -webkit-transform: translate(-0%, -50%);
        -ms-transform: translate(-0%, -50%);
        transform: translate(-0%, -50%);
        text-align: center;
        cursor: pointer;
      }
       .com-img img {max-width: 100%; width: 100%;}
       .com-img{max-height: 200px;}
       .lw-clk-new{cursor: pointer;}
       .fptestimonials h2{font-size: 2.5rem;}

       .mobile-menu > ul a.mob-menu{
          padding-left: 20px;
       }

      .mobile-menu > ul a.mob-menu > img{
         opacity: .5;
         margin-top: -3px;
      }
      .mobile-menu-list{margin-top:80px;margin-left: 50px;padding-left: 0px;}
      .mobile-menu-head{border-bottom: solid 2px #fff; margin-left: 0px; padding-left: 50px;margin-top: 15px;}

  		.mobile-menu > ul {text-align: center;}
  		.mobile-menu > ul li {	padding-bottom: 2px;text-align: left;list-style-type: none;}
  		.mobile-menu > ul li a{color:#555555!important;font-size: 18px; font-weight: bold;}
      .comm-txt{background-color: #fff; padding: 0 20px 20px 20px;}
      .community-wrap{height: auto;}
      .seeall > .fade-btm{height: auto!important;}
      .comm-txt.seeall{height: auto!important;}
      .seeall .gradiant-home{bottom: 10px;}
      .author{margin-top: 40px; display: block;}

      #contact-message{color:#ff0000; margin-bottom: 40px; font-weight: bold;}
/* ======================================================================== */
/* ======================================================================== */
/* ========================= MEDIA QUERIES   ============================== */
/* ======================================================================== */
/* ======================================================================== */



/* ======================================================================== */
/* =========================   XXXX Largest    ============================ */
/* ======================================================================== */
@media  (min-width : 2001px){
   .about-box{}
   .hide-mobile{visibility: visible;}
   .mobile-pager{display: none;}
   .title{margin-top: 0px;}
   .mobile{display: none!important;}
   .desktop{display: block!important;}
   .com-img{text-align: left;}
   .fade-btm{
     -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
     mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
     max-height: 90%;
   }
   .bx-viewport{height: auto!important;}
   .gallery img {margin: 0 auto; max-width: 94%; width: auto; height: auto; display:inline;    height: 300px;}
   .gallery > div{ max-height: 465px; overflow: hidden; width: auto!important; max-width: 94%; display: inline-block;}


   .amen-wrap{ background-color: #fff;  padding: 5px; margin-bottom: 20px;}
   .amen-ul{  list-style: none;  padding-left: 0px;}
   .amen-ul li{  margin-bottom: 5px; }
   .listpage-row{ border-bottom: solid 1px #a9a9a9; padding-bottom: 4px;  }
       .listpage-row > div:first-child{float:left;width:50%; font-weight:bold; font-size:1em; color:#5A5A5A;}
       .listpage-row > div:nth-child(2){float:left;width:50%;   border-bottom: none!important;  font-size:.95em; }
   .amen-wrap .listpage-row:last-child{  border-bottom: none!important; }

   .bx-next{float: right;}
   .f_gallery{text-align: center;}
   iframe#warranty{width: 560px; height: 350px;/*width="560" height="315"*/}
   .comm-select{position: relative; width: 100%; text-align: right;}
   #video iframe{max-width: 100%!important; height: auto!important;min-height: 350px!important;}
   .sel-wrap{width: auto;  position: relative; display: inline; margin-left: 10px;}
   .sort-by{font-weight: bolder; font-size: 1.3rem;width: auto;  position: relative; float: left;padding-top: 5px;}
   .gmap img{margin-top: 4px;}
   .gmap{font-style: italic; cursor: pointer;}
   .gmap-wrap{display: none;}
   .fade-btm{ height:120px;}
   .comm-txt{height: 200px;}
   .gradiant-home{width: 50%;}
   .gradiant-home{width: 100%;}
}

/* ======================================================================== */
/* =========================   XXX Largest    ============================= */
/* ======================================================================== */
@media  (min-width : 1601px) and (max-width : 2000px) {
   .about-box{}
   .hide-mobile{display: block;}
   .mobile-pager{display: none;}
   .title{margin-top:0px;}
   .mobile{display: none!important;}
   .desktop{display: block!important;}
   .com-img{text-align: left;}
   .fade-btm{
     -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
     mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
     max-height: 90%;
   }
  .bx-viewport{height: auto!important;}
  .gallery img {margin: 0 auto; max-width: 94%; width: auto; height: auto; display:inline;    height: 300px;}
  .gallery > div{ max-height: 465px; overflow: hidden; width: 650px!important; text-align: center;}

  .amen-wrap{ background-color: #fff;  padding: 5px; margin-bottom: 20px;}
  .amen-ul{  list-style: none;  padding-left: 0px;}
  .amen-ul li{  margin-bottom: 5px; }
  .listpage-row{ border-bottom: solid 1px #a9a9a9; padding-bottom: 4px;  }
      .listpage-row > div:first-child{float:left;width:50%; font-weight:bold; font-size:1em; color:#5A5A5A;}
      .listpage-row > div:nth-child(2){float:left;width:50%;   border-bottom: none!important;  font-size:.95em; }
  .amen-wrap .listpage-row:last-child{  border-bottom: none!important; }

  .bx-next{float: right;}
  .f_gallery{text-align: center;}
  iframe#warranty{width: 560px; height: 350px;/*width="560" height="315"*/}
  .comm-select{position: relative; width: 100%; text-align: right;}
  #video iframe{max-width: 100%!important; height: auto!important;min-height: 350px!important;}
  .sel-wrap{width: auto;  position: relative; display: inline; margin-left: 10px;}
  .sort-by{font-weight: bolder; font-size: 1.3rem;width: auto;  position: relative; float: left;padding-top: 5px;}
  .gmap img{margin-top: 4px;}
  .gmap{font-style: italic; cursor: pointer;}
  .gmap-wrap{display: none;}
	.fade-btm{ height:120px;}
  .comm-txt{height: 200px;}
	.fade-btm{ height:120px;}
  .comm-txt{height: 200px;}
  .gradiant-home{width: 100%;}
}

/* ======================================================================== */
/* =========================   Largest    ========================== */
/* ======================================================================== */
@media  (min-width : 1201px) and (max-width : 1600px) {
   .about-box{}
   .hide-mobile{display: block;}
   .hide-mobile img, .show-mobile img{max-width: 100%;}
   .mobile-pager{display: none;}
   .title{margin-top: 0px;}
   .mobile{display: none!important;}
   .desktop{display: block!important;}
   .com-img{text-align: left;}
   .fade-btm{
     -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
     mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
     max-height: 90%;
   }
  .bx-viewport{height: auto!important;}
  .gallery img {margin: 0 auto; max-width: 94%; width: auto; height: auto; display:inline;    height: 300px;}
  .gallery > div{ max-height: 465px; overflow: hidden; width: 650px!important; text-align: center;}

  .amen-wrap{ background-color: #fff;  padding: 5px; margin-bottom: 20px;}
  .amen-ul{  list-style: none;  padding-left: 0px;}
  .amen-ul li{  margin-bottom: 5px; }
  .listpage-row{ border-bottom: solid 1px #a9a9a9; padding-bottom: 4px;  }
      .listpage-row > div:first-child{float:left;width:50%; font-weight:bold; font-size:1em; color:#5A5A5A;}
      .listpage-row > div:nth-child(2){float:left;width:50%;   border-bottom: none!important;  font-size:.95em; }
  .amen-wrap .listpage-row:last-child{  border-bottom: none!important; }

  .bx-next{float: right;}
  .f_gallery{text-align: center;}
  iframe#warranty{width: 560px; height: 350px;/*width="560" height="315"*/}
  .comm-select{position: relative; width: 100%; text-align: right;}
  #video iframe{max-width: 100%!important; height: auto!important;min-height: 350px!important;}
  .sel-wrap{width: auto;  position: relative; display: inline; margin-left: 10px;}
  .sort-by{font-weight: bolder; font-size: 1.3rem;width: auto;  position: relative; float: left;padding-top: 5px;}
  .gmap img{margin-top: 4px;}
  .gmap{font-style: italic; cursor: pointer;}
  .gmap-wrap{display: none;}
	.fade-btm{ height:120px;}
  .comm-txt{height: 200px;}
  .gradiant-home{width: 100%;}
}

/* ======================================================================== */
/* ========================= Second Largest    =========================== */
/* ======================================================================== */
@media (min-width : 993px) and (max-width : 1200px) {
   .about-box{}
   .hide-mobile{display: block;}
   .hide-mobile img, .show-mobile img{max-width: 90%;}
   .mobile-pager{display: none;}
   .title{margin-top: 0px;}
   .mobile{display: none!important;}
   .desktop{display: block!important;}
   .com-img{text-align: left;}
    .com-img > img{width: 100%; height:200px; object-fit: cover;}
   .fade-btm{
     -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
     mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
     max-height: 90%;
   }
  .bx-viewport{height: auto!important;}
  .gallery img {margin: 0 auto; max-width: 94%; width: auto; height: auto; display:inline;    height: 300px;}
  .gallery > div{ max-height: 465px; overflow: hidden; width: auto!important; max-width: 94%; display: inline-block;}

  .amen-wrap{ background-color: #fff;  padding: 5px; margin-bottom: 20px;}
  .amen-ul{  list-style: none;  padding-left: 0px;}
  .amen-ul li{  margin-bottom: 5px; }
      .listpage-row > div:first-child{float:left;width:50%; font-weight:bold; font-size:1em; color:#5A5A5A;}
      .listpage-row > div:nth-child(2){float:left;width:50%;   border-bottom: none!important;  font-size:.95em; }
  .listpage-row{ border-bottom: solid 1px #a9a9a9; padding-bottom: 4px;  }
  .amen-wrap .listpage-row:last-child{  border-bottom: none!important; }
  #captioned-gallery{display:block;}
  .home-tab{font-size: .8rem; padding:10px 0px;}
  .tab-wrapper{height: 39px;}
   #warranty{max-width: 560px; height: auto;/*width="560" height="315"*/}

   .bx-next{float: right;}
   .f_gallery{text-align: center;}
 iframe#warranty{width: 560px; height: 350px; max-width:100%;/*width="560" height="315"*/}
 #video iframe{max-width: 100%!important; height: auto!important;min-height: 350px!important;}
 .sel-wrap{width: auto;  position: relative; display: inline; margin-left: 10px;}
 .sort-by{font-weight: bolder; font-size: 1.3rem;width: auto;  position: relative; float: left;padding-top: 5px;}
 .gmap img{margin-top: 4px;}
 .gmap{font-style: italic; cursor: pointer;}
 .gmap-wrap{display: none;}
   	.fade-btm{ height:120px;}
     .comm-txt{height: 200px;}
     .gradiant-home{width: 100%;}
}

/* ======================================================================== */
/* =========================   Second  Smallest  ========================== */
/* ======================================================================== */
@media (min-width : 769px) and (max-width : 992px) {
   .about-box{}
   .hide-mobile{display: block;}
   .hide-mobile img, .show-mobile img{max-width: 90%;}
   .mobile-pager{display: none;}
   .title{margin-top: 0px;}
   .mobile{display: none!important;}
   .desktop{display: block!important;}
   .com-img{text-align: left;}
    .com-img > img{width: 100%; height:200px; object-fit: cover;}
   .fade-btm{
     -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
     mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
     max-height: 90%;
   }
    .bx-viewport{height: auto!important;}
    .gallery img {margin: 0 auto; max-width: 94%; width: auto; height: auto; display:inline;    height: 300px;}
    .gallery > div{ max-height: 465px; overflow: hidden; width: auto!important; max-width: 94%; display: inline-block;}

    .amen-wrap{ background-color: #fff;  padding: 5px; margin-bottom: 20px;}
    .amen-ul{  list-style: none;  padding-left: 0px;}
    .amen-ul li{  margin-bottom: 5px; }
    .listpage-row{ border-bottom: solid 1px #a9a9a9; padding-bottom: 4px;  }
        .listpage-row > div:first-child{float:left;width:50%; font-weight:bold; font-size:1em; color:#5A5A5A;}
        .listpage-row > div:nth-child(2){float:left;width:50%;   border-bottom: none!important;  font-size:.95em; }
    .amen-wrap .listpage-row:last-child{  border-bottom: none!important; }
    #captioned-gallery{display:block;}
    .home-tab{font-size: .6rem; padding:10px 0px;}
    .tab-wrapper{height: 34px;}
    #warranty{max-width: 560px; height: auto;/*width="560" height="315"*/}

    .bx-next{float: right;}
    .f_gallery{text-align: center;}
  iframe#warranty{width: 460px; height: 300px; max-width:100%;/*width="560" height="315"*/}
  #video iframe{max-width: 100%!important; height: auto!important;min-height: 350px!important;}
  .sel-wrap{width: auto;  position: relative; display: inline; margin-left: 10px;}
  .sort-by{font-weight: bolder; font-size: 1.3rem;width: auto;  position: relative; float: left;padding-top: 5px;}
  .gmap img{margin-top: 4px;}
  .gmap{font-style: italic; cursor: pointer;}
  .gmap-wrap{display: none;}
  	.fade-btm{ height:120px;}
    .comm-txt{height: 200px;}
    .gradiant-home{width: 100%;}

}

/* ======================================================================== */
/* =========================        Smallest    =========================== */
/* ======================================================================== */



@media (min-width : 421px) and (max-width : 768px) {
   .about-box{}
   .hide-mobile{display: none;}
   .show-mobile{text-align: center;}
   .show-mobile > img{max-width: 100%; margin: 0 auto;}
   .mobile-pager{display: block;}
   .title{margin-top:0px;}
   .mobile{display: block!important;}
   .desktop{display: none!important;}
   .com-img{text-align: center; margin: 20px 0;}
   .com-img > img{width: 100%; height:200px; object-fit: cover;}

   .gradiant-home{display: none!important;}
   .fade-btm{
     -webkit-mask-image: linear-gradient(to bottom, black 100%, transparent 100%);
     mask-image: linear-gradient(to bottom, black 100%, transparent 100%);
     max-height: 100%;
   }
   .fade-btm p{margin-top: 10px; margin-bottom: 10px;}
   .school-list-home{margin-bottom: 10px;}
   .prop-sel.col-md-2{text-align: center; margin-bottom: 10px;}
   .prop-sel.col-md-2 select{width:50%;}
   .prop-sel.col-md-6{display: none!important;}
   .prop-sel.col-md-3{text-align: center; margin-bottom: 0px; margin-top: 15px;}

    .bx-viewport{height: auto!important;}
    .gallery img {margin: 0 auto; width: auto; height: auto; display:inline;    height: 300px;}
    .gallery > div{ max-height: 465px; overflow: hidden; width: auto!important; max-width: 94%; display: inline-block;}
    .title-wrap h2{font-size: 1.5rem; width: 100%; margin: 20px 0; max-width: 100%;}
    .features{font-size: 1.3rem; width: 100%; margin: 20px 0 10px 0; max-width: 100%; text-align: left;}
    .amenities{font-size: 1.3rem; width: 100%; margin: 10px 0 10px 0; max-width: 100%; text-align: left;}

    .popupContent h2{font-size: 1.3rem; width: 100%; margin: 10px 0 10px 0; max-width: 100%; text-align: left;}

    .description p{margin: 10px 5px; text-align: left;}
    .title-wrap h4{font-size: 1.1rem; width: 100%; margin:0; max-width: 100%;}
    .listpage-row{ position:relative;overflow:hidden;width:100%;	margin-bottom:10px;  border-bottom: solid 1px #a9a9a9; padding-bottom: 4px; }
    .listpage-row > div:first-child{float:left;width:50%; font-weight:bold; font-size:1em; color:#5A5A5A;}
    .listpage-row > div:nth-child(2){float:left;width:50%;   border-bottom: none!important;  font-size:.95em; }
    .amen-wrap{ background-color: #fff;  padding: 5px; margin-bottom: 20px;}
    .amen-ul{  list-style: none;  padding-left: 0px;}
    .amen-ul li{  margin-bottom: 5px; }
    .bx-next{float: right;}
    #captioned-gallery{display: none;}
    #warranty{max-width: 100%; height: 350px;width:560px;}
    .check-slide{max-width: 90%; margin: 0 auto;}
    .floor-img img {max-width: 100%; width:400px;}
    .floor-deets{height: auto!important;}
    .f_gallery{text-align: center;}
    #wvideo{color:#004b8d; cursor: pointer;font-weight: bold;}
    #video{text-align: center;}
    .gal-wrap img{max-width: 100%;}
    .hidden-sm-down{display: none!important;}
    .warranty_vid_wrap{text-align: center;}
    iframe#warranty{width: 560px; height: 300px; max-width:100%; margin:0 auto;   /*width="560" height="315"*/}
    .comm-select{margin-top:20px; text-align: center; width: 100%;}
    #video iframe{max-width: 100%!important; height: auto!important;min-height: 300px!important;}
    .sel-wrap{width: 48%;  position: relative; display: block; margin: 0 1% 10px 1%; float: left;}
    .prop-sel select{width: 100%;padding: 15px 50px 15px 20px;}
    .sort-by{font-weight: bolder; font-size: 1.3rem;width: 100%;  position: relative; float: left;padding-top: 0px; margin-bottom: 10px;}
    #c_contact{background: #1c4a88; color: #fff; padding: 12px 80px; margin: 30px auto 10px auto;}
    #image-bottom{display: none;}
    .mess-img{margin-bottom: 10px;}
    .button-wrap{overflow: hidden;display: inline-grid; margin-bottom: 30px;}
    .fptestimonials{margin-top: 10px;}
    .title-left{text-align: center;    margin: 30px auto 10px auto;}
    .make-circle{ width: 260px; height: 260px; position: relative; overflow: hidden;border-radius: 50%; margin: 0 auto 40px auto;}
    .make-circle > img {display: inline; margin: 0 auto; height: 100%;width: auto;}
    .bio h4, .bio p, .bio{text-align: center;}
    .bio .black-button{margin: 0 auto; background: #1c4a88; color: #fff; padding: 12px 60px;}
    .read-more{display: block;}
    .full_bio{display: none;}
    .listing-wrap h4{font-size: 1.4rem;}
    .listing-wrap{background-color: #fff;}
    .listing-wrap .listing-details{width:48%; margin: 0 1% 10px 1%; float: left; font-weight: 700;font-style: italic;}

    .floor-wrap h4{font-size: 1.4rem;}
    .floor-wrap{background-color: #fff;}
    .floor-wrap .floor-details{width:48%; margin: 0 1% 10px 1%; float: left; font-weight: 700;font-style: italic;}


    .gmap img{margin-top: 4px;}
    .gmap{font-style: italic; cursor: pointer;}
    #mp_search, #mf_search{margin-top: 0px; margin-left: 0px; width: 100%; padding:15px 0 16px 0!important;}
    .floor-img{border-top:solid 1px; border-bottom: solid 1px;}
    .prop-tots{width: 48%; margin: 0 1%; float: left; text-align: left; color: #919191; font-size: 1.1rem;}
    .prop-view-all{width: 48%; margin: 0 1%; float: right; text-align: right; color: #919191; font-size: 1.1rem;}
    .gmap-wrap{display: block;}
    .no-pad{padding: 0;}
    .no-pad img{width: 100%;}
    .wide-mobile{width: 90%;max-width: 90%;}
		.fade-btm{ height:auto;}
    .comm-txt{height: auto;}

}

/* ======================================================================== */
/* =========================  XXx   Smallest    =========================== */
/* ======================================================================== */
@media (max-width : 420px) {
   .about-box{}
   .hide-mobile{display: none;}
   .show-mobile{text-align: center;}
   .show-mobile > img{max-width: 100%; margin: 0 auto;}
   .mobile-pager{display: block;}
   .title{margin-top:0px;}
   .mobile{display: block!important;}
   .desktop{display: none!important;}
   .com-img{text-align: center; margin: 20px 0;}
   .com-img > img{width: 100%; height:200px; object-fit: cover;}

   .gradiant-home{display: none!important;}
   .fade-btm{
     -webkit-mask-image: linear-gradient(to bottom, black 100%, transparent 100%);
     mask-image: linear-gradient(to bottom, black 100%, transparent 100%);
     max-height: 100%;
   }
   .fade-btm p{margin-top: 10px; margin-bottom: 10px;}
   .school-list-home{margin-bottom: 10px;}
   .prop-sel.col-md-2{text-align: center; margin-bottom: 10px;}
   .prop-sel.col-md-2 select{width:50%;}
   .prop-sel.col-md-6{display: none!important;}
   .prop-sel.col-md-3{text-align: center; margin-bottom: 0px; margin-top: 15px;}

    .bx-viewport{height: auto!important;}
    .gallery img {margin: 0 auto; max-width: 300px; width: auto; height: auto; display:inline;    height: 300px;}
    .gallery > div{ max-height: 465px; overflow: hidden; width: auto!important; max-width: 94%; display: inline-block;}
    .title-wrap h2{font-size: 1.5rem; width: 100%; margin: 20px 0; max-width: 100%;}
    .features{font-size: 1.3rem; width: 100%; margin: 20px 0 10px 0; max-width: 100%; text-align: left;}
    .amenities{font-size: 1.3rem; width: 100%; margin: 10px 0 10px 0; max-width: 100%; text-align: left;}

    .popupContent h2{font-size: 1.3rem; width: 100%; margin: 10px 0 10px 0; max-width: 100%; text-align: left;}

    .description p{margin: 10px 5px; text-align: left;}
    .title-wrap h4{font-size: 1.1rem; width: 100%; margin:0; max-width: 100%;}
    .listpage-row{ position:relative;overflow:hidden;width:100%;	margin-bottom:10px;  border-bottom: solid 1px #a9a9a9; padding-bottom: 4px; }
    .listpage-row > div:first-child{float:left;width:50%; font-weight:bold; font-size:1em; color:#5A5A5A;}
    .listpage-row > div:nth-child(2){float:left;width:50%;   border-bottom: none!important;  font-size:.95em; }
    .amen-wrap{ background-color: #fff;  padding: 5px; margin-bottom: 20px;}
    .amen-ul{  list-style: none;  padding-left: 0px;}
    .amen-ul li{  margin-bottom: 5px; }
    .bx-next{float: right;}
    #captioned-gallery{display: none;}
    #warranty{max-width: 100%; height: auto;}
    .check-slide{max-width: 90%; margin: 0 auto;}
    .floor-img img {max-width: 100%; width: 100%;}
    .floor-deets{height: auto!important;}
    .f_gallery{text-align: center;}
    #wvideo{color:#004b8d; cursor: pointer;font-weight: bold;}
    #video{text-align: center; display: none;}
  .gal-wrap img{max-width: 100%;}
  #video iframe{max-width: 100%!important; height: auto!important;}
  .hidden-sm-down{display: none!important;}
  .warranty_vid_wrap{text-align: center;}
  iframe#warranty{width: 400px; height: 200px; max-width:100%; margin:0 auto;   /*width="560" height="315"*/}
  .comm-select{margin-top:20px; text-align: center; width: 100%;}
  #c_search{margin-left: 0px; margin-top: 10px;}
  .sel-wrap{width: 48%;  position: relative; display: block; margin: 0 1% 10px 1%; float: left;}
  .prop-sel select{width: 100%;padding: 15px 50px 15px 20px;}
  .sort-by{font-weight: bolder; font-size: 1.3rem;width: 100%;  position: relative; float: left;padding-top: 0px; margin-bottom: 10px;}
  #c_contact{background: #1c4a88; color: #fff; padding: 12px 80px; margin: 30px auto 10px auto;}
  #image-bottom{display: none;}
  .mess-img{margin-bottom: 10px;}
  .button-wrap{overflow: hidden;display: inline-grid; margin-bottom: 30px;}
  .fptestimonials{margin-top: 10px;}
  .title-left{text-align: center;    margin: 30px auto 10px auto;}
  .make-circle{ width: 260px; height: 260px; position: relative; overflow: hidden;border-radius: 50%; margin: 0 auto 40px auto;}
  .make-circle > img {display: inline; margin: 0 auto; height: 100%;width: auto;}
  .bio h4, .bio p, .bio{text-align: center;}
  .bio .black-button{margin: 0 auto; background: #1c4a88; color: #fff; padding: 12px 60px;}
  .read-more{display: block;}
  .full_bio{display: none;}
  .listing-wrap h4{font-size: 1.4rem;}
  .listing-wrap{background-color: #fff;}
  .listing-wrap .listing-details{width:48%; margin: 0 1% 10px 1%; float: left; font-weight: 700;font-style: italic;}
  .floor-wrap h4{font-size: 1.4rem;}
  .floor-wrap{background-color: #fff;}
  .floor-wrap .floor-details{width:48%; margin: 0 1% 10px 1%; float: left; font-weight: 700;font-style: italic;}
  .gmap img{margin-top: 4px;}
  .gmap{font-style: italic; cursor: pointer;}
  #mp_search, #mf_search{margin-top: 0px; margin-left: 0px; width: 100%; padding:15px 0 16px 0!important;}
  .floor-img{border-top:solid 1px; border-bottom: solid 1px;}
  .prop-tots{width: 48%; margin: 0 1%; float: left; text-align: left; color: #919191; font-size: 1.1rem;}
  .prop-view-all{width: 48%; margin: 0 1%; float: right; text-align: right; color: #919191; font-size: 1.1rem;}
  .gmap-wrap{display: block;}
  .no-pad{padding: 0;}
  .no-pad img{width: 100%;}
  .wide-mobile{width: 90%;max-width: 90%;}
	.fade-btm{ height:auto;}
  .comm-txt{height: auto;}

}
