h3.my-listing-unit-info {   margin-top:30px;   font-size:22px; } .my-available-unit-grid h4 {   font-size:20px;   background:#003563;   width:150px;   padding:4px 25px;   color:#fff;   border-radius:2px;margin:0px auto;   } .search-row {   display:flex;   flex-direction:row;   align-items:flex-end;   justify-content:center; } .btnrmore{margin-bottom:20px;} fieldset {  border:1px solid #ccc;  padding:10px;  margin:10px; } div#my-unit-listing {   text-align:center;   font-size:30px; } .my-fourth.left.my-unit-detail-info h4 {   font-size:30px; } .my-fourth.left.my-unit-detail-info h3 {   font-size:22px; } .my-unit-detail.plan--large {   display:flex;   align-items:center;border:1px solid #003563; } .my-fourth.left.my-unit-detail-info a {   font-size:20px;   background:#003563;   width:150px;   padding:9px 20px;   color:#fff;   border-radius:2px;   margin:0px auto;   text-decoration:none; } .search-row { display:flex;   flex-wrap:wrap;   align-items:flex-end;   text-align:center; } .field {margin-right:10px;} .field.trans {   width:24%;   flex:none;text-align:left; } .my-plan__cell {   width:25%;   float:left;   position:relative;  -webkit-transition:.3s all ease-in-out;   -moz-transition:.3s all ease-in-out;   -ms-transition:.3s all ease-in-out;   -o-transition:.3s all ease-in-out;   transition:.3s all ease-in-out; } .my-available-unit-grid {   width:100%;   display:inline-block;   position:relative;   overflow:hidden;   -webkit-transition:margin .75s ease-out;   -moz-transition:margin .75s ease-out;   -ms-transition:margin .75s ease-out;   -o-transition:margin .75s ease-out;   transition:margin .75s ease-out;   background-color:#fff;  border:1px solid #fff;   -webkit-transition:margin .5s,border .5s;   -moz-transition:margin .5s,border .5s;   -ms-transition:margin .5s,border .5s;   -o-transition:margin .5s,border .5s;   transition:margin .5s,border .5s;   text-align:center; } a.my-expand__close span {   color:#fff !important; } .my-listing-unit-images.available-unit-image {   width:100%;  text-align:center;   position:relative; } .my-plan--expand {   width:400%;   position:relative;   left:-10px;   padding:0 10px;   box-sizing:content-box;   overflow:hidden;   max-height:0;   transition:max-height .5s ease-in-out,margin-bottom .1s .2s; } .my-plan--expand {  width:400%   } .my-plan--expand.active {   max-height:5000px;   margin-bottom:20px; } .my-plan--basic {   padding:0 10px; } .plan--large {   max-width:100%;   height:auto;   display:block;   padding:40px;   margin:0 auto;   box-sizing:border-box; } .my-unit-detail {   background-color:#fff;   border:0 solid #b06328;   overflow:hidden;   width:calc(100% - 20px);   margin:0 10px 0 10px;   padding:3em 0 3em 0; } .my-unit-detail .left {   text-align:center;   width:25%;   float:left; }  .my-unit-detail .right {   text-align:center;   padding-right:0px;   width:100%;   float:right; } .my-expand__close {   position:absolute;   z-index:100;   right:20px;   top:0;   display:block;   width:100px;   height:36px;   overflow:hidden;   background-color:#222120;   cursor:pointer;   text-align:center;   -webkit-transition:all .75s ease-out;   -moz-transition:all .75s ease-out;   -ms-transition:all .75s ease-out;   -o-transition:all .75s ease-out;   transition:all .75s ease-out; } a.my-expand__close {   color:#fff; } .field.trans.morefilter_blk {   display:none; }  .my-arrow--up {   border-bottom:15px solid #003563 !important;   border-left:15px solid transparent !important;   border-right:15px solid transparent !important;   height:0;   width:0px;   margin:5px auto 0; } .my-plan--basic a:focus {   focus:unset !important;   outline:none; } .my-available-unit-grid h2 {   padding:10px;   font-size:30px; } img.my-fpimg {   object-fit:cover;   }  .my-arrow--up {display:none;} .floorplan-item.active .my-arrow--up {display:block;} .floorplan-item.active h4.rmore {visibility:hidden;} .floorplan-item.active .my-available-unit-grid {border-color:#003563} @media only screen and (min-width:981px){ .my-plan__cell:nth-of-type(4n+5) {clear:left}   .my-plan__cell:nth-of-type(4n+2) .my-plan--expand {margin-left:-100%;}   .my-plan__cell:nth-of-type(4n+3) .my-plan--expand {margin-left:-200% }   .my-plan__cell:nth-of-type(4n+4) .my-plan--expand {margin-left:-300% }   } @media only screen and (max-width:980px) and (min-width:768px){ .my-threefourth.right {padding:0px;} .my-plan__cell.is-collapsed.floorplan-item {width:33%;} .my-plan__cell:nth-of-type(3n+4) {clear:left;} .field.trans {width:24%;flex:none;text-align:left;} .my-plan--expand {width:300% !important;} .my-unit-detail .left {width:100%;display:block;float:none;} .my-unit-detail .right {width:100%;padding:0px; float:none;} .my-unit-detail.plan--large {display:block !important;text-align:-webkit-match-parent;}   .my-plan__cell:nth-of-type(3n+2) .my-plan--expand {margin-left:-100%;}   .my-plan__cell:nth-of-type(3n+3) .my-plan--expand {margin-left:-200% }   } @media only screen and (max-width:767px) and (min-width:481px){ .my-threefourth.right {padding:0px;} .my-plan__cell.is-collapsed.floorplan-item {width:50%;} .my-plan__cell:nth-of-type(2n+3) {clear:left;} .field.trans {width:24%;flex:none;text-align:left;} .my-plan--expand {width:200% !important;} .my-unit-detail .left {width:100%;display:block;float:none;} .my-unit-detail .right {width:100%;padding:0px;float:none;} .my-unit-detail.plan--large {display:block !important;text-align:-webkit-match-parent;}   .my-plan__cell:nth-of-type(2n+2) .my-plan--expand {margin-left:-100%;}   } @media only screen and (max-width:480px) and (min-width:320px) { .my-plan__cell.is-collapsed.floorplan-item {width:100%;} .field.trans {width:80%;flex:none;text-align:left;} .my-plan--expand {width:100% !important;} .my-unit-detail .left {width:100%;display:block;float:none;} .my-unit-detail .right {width:100%;float:none;padding:0px;} .my-unit-detail.plan--large {display:block !important;text-align:-webkit-match-parent;}   }