@media (max-width: 767px) {
    body {
        font-size: 120% !important;
    }
    h1, h2, h3, h4, h5 {
        font-size: 140% !important;
    }
    .charter-div {
        padding-top:200px;
    }
    .covidLink {
        font-size: 1.5em !important;
    }
    #devlogo {
        width: 75%;
    }
     #developmentInformation {
        padding: 2% !important;
    }
    .myCroudaceHeader {
        display: none !important;
    }
    .homeBtn {
        margin: 0 auto !important;
        font-size: 80%;
    }
    .headerDropdown {
        width: 60% !important;
        font-size: 100% !important;
    }
    .img-wrapper {
        overflow: hidden;
    }
    .img-wrapper img {
       width:200% !important;
       height:auto;
    }
    .cgi-img-wrapper {
        overflow: hidden;
    }
    .cgi-img-wrapper img {
        width: 100% !important;
        height: auto;
    }
    .homeRow {
        height: auto !important;
    }
    .navigationAddress {
        font-size: 90% !important;
    }
    .hbf-banner {
        width:100%;
        margin: 0;
    }
    .htbTextWhite{
        padding-left:0 !important;
    }
    #galleryText {
        visibility: hidden;
        height: 0;
    }
    .demo {
        width: 100% !important;
    }
    #testimonialMain {
        font-size: 90%;
    }
    .testimonialMainText {
        width: 100%;
    }
    .singleSlickTrack {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
        transform: none !important;
    }
    .centerSlickSlide {
        width: 100% !important;
    }
    .top-right{
        /*top:auto;
        bottom:-100px;
        right:25%;
        z-index:1000;
        width:50% !important;
        height:25%;*/
        display: inline-block;
        position: absolute;
        left: 50%;
        bottom: -5em;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        padding: 5em 5em;
        top:auto;
        height:auto;
         z-index:5;
    }
    .aboutus-square {
        padding: 7em 7em !important;
    }
    .top-right > .centered {
        font-size:14pt !important;
    }
    .middle-right, .middle-left{
        display: inline-block;
        position: absolute;
        left: 50%;
        bottom: -5em;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        padding: 5em 5em;
        top:auto;
        z-index:5;
    }
    .middle-right > .centered, .middle-left > .centered {
        font-size:14pt !important;
    }
    #htbImage {
        width:100%;
    }
    .bannerInformationOverlay {
        top:auto;
        bottom: 50px;
        right:5%;
        z-index:1000;
        width:90% !important;
        position: relative;
        left: 5%;
    }
    .plotInformationOverlay {
        top:auto !important;
        bottom: 50px;
        right:5% !important;
        z-index:1000;
        width:90% !important;
        position: relative !important;
        left: 5%;
        margin-bottom: -10%;
    }
    .banner {
        
    }
    .menu-glyph {
        font-size:250%;
    }
    .phase-section{
        height:auto;
    }
    .toolbarBulletpoint {
        padding-left: 0;
    }
    .developmentContactToolbar {
        display: none;
    }
    .jumpToToolbar {
        margin: 5% 0 5% 0;
        margin-bottom: 0;
        height:auto !important;
    }
    #interestContent {
        display: none;
    }
    .layoutDesc {
        padding: 0;
    }
    .developmentToolbarText {
        font-size: 100% !important;
    }
    .toolbarText {
        font-size: 100% !important;
    }
    .stickyToolbar {
        padding-left: 0;
    }
    .contactToolbar {
        display: none;
    }
    .stickyFooter {
        display: block!important;
    }
    .stickyFooterIcon {
        font-size: 400%;
        padding-bottom: 4%;
    }
    .toolbarIcon {
        display:block !important;
    }
    .toolbarIcon span {
        display:block;
    }
    .testimonialText {
        transform: initial;
        position: initial;
    }
    .narrow-text{
        padding-top: 110px;
        padding-bottom: 5%;
        padding-left: 0;
        padding-right: 0;
    }
    .about-text {
        padding:0;
    }
    .gradient-background {
         display:none;
    }
    .overview-text {
        padding:2%;
    }
    .development-video {
        padding-right:0;
    }
    .smallDevBtn{
        width: 49%;
    }
    .rightBtn{
        float:right;
    }
    .largeDevBtn{
        width:100%;
        margin-top:2%;
    }
    .grid1 {
      display: grid;
      grid-template-columns: 8fr 8fr;
      grid-template-rows: 250px 250px;
    }

    .img1 {
        background: url(../Images/grid1.PNG);
        background-size: cover;
        grid-column: 1 / span 1;
        grid-row: 2 / span 1;
    }
    .img2 {  
        background: url(../Images/grid2.PNG);
        background-size: cover;
        grid-column: 2 / span 1;
        grid-row: 1 / span 1;
    }

    .img3 {  
        display:none;
    }
    .locationBlock{
        /*background-color:#DC0064;*/
        background-size: cover;
        grid-column: 1 / span 2;
        grid-row: 1 / span 1;
    }

    .layoutDesc{
        background-color:#000;
        background-size: cover;
        grid-column: 2 / span 1;
        grid-row: 2 / span 1;
    }

     .helpingMoveCol {
        padding-top:20% !important;
        padding-bottom:15%;
    }
    .bottom-overhang {
        display:none;
    }
    .top-overhang {
        display:none;
    }
    .about-heading{
        padding-bottom:0;
    }
    .aboutus-row {
        height:auto;
    }
    .panel-title a:focus {
        background-color:transparent !important;
    }
     .about-img-wrapper {
         width: 100%;
     }
     #searchBar {
         height:auto !important;
         text-align: center !important;
         margin: 0 auto !important;
     }
     #homefinderSearchBtn {
         position: inherit !important;
         margin-top: 10px !important;
         width: 100% !important;
     }
     .homeFinderDropdown {
         margin: 0 auto !important;
     }
     .slider-with-input {
         width: 100% !important;
     }
    .grid figure {
        width:100%;
    }
    .locationBtn {
        width:50%;
    }
    .specCol {
        padding:1% 1% 1% 1%;
        line-height:1.5;
    }
    .embedFrame {
        width: 90vw!important;
        height: 55vw!important;
    }
    .contactToolbarItem {
        width: 250px !important;
    }
    ul.stickyToolbar a {
        font-size: 120% !important;
        padding: 0 20px !important;
    }
    .navigationDevelopment {
        text-align: center;
    }
    .navigationMarketingName {
        text-align: center;
    }
    .navigationAddress {
        text-align: center;
    }
    .featureHeader {
        padding-top:15% !important;
    }
    .featureLogo {
        padding-top:25%;
    }
    .headerLogo {
        float: left;
        margin-left: 5%;
    }
    #brochureBtn {
        width: 100%;
    }
    #layoutBtn {
        width: 100%;
    }
    .nav-pills li.active {
        width: 100%;
    }
    .nav-pills li {
        width: 100%;
    }
    #viewHomesBtn {
        width: 100%;
    }
    #viewAvailabilityBtn {
        width: 100%;
    }  
    #availabilityPlotsSection {
        width: 80% !important;
    }
    #footerAddress {
        text-align: center;
    }
    #disclaimers {
        padding: 0;
    }
    #disclaimerRow {
        padding: 0;
        text-align: center !important;
    }
    footer ul#disclaimers li {
        display: block;
    }
    .overlay-content {
        font-size: 80%;
    }
    .counties-list {
        padding: 0;
        font-size: 100%;
    }
    .panel-collapse {
        padding-top: 0 !important;
    }
    /*#searchBtn {
        position: inherit !important;
        width: 100% !important;
        margin-top: 2% !important;
    }
    #CountyName {
        max-width: none;
    }
    #MinPrice {
        max-width: none;
    }
    #MaxPrice {
        max-width: none;
    }
    #DevelopmentName {
        max-width: none;
    }*/
    .openingTimes {
        font-size: 120%;
    }
    .fontAwesomeImage{
        font-size: 500%;
    }
    .overlayHeadingText {
        font-size:150%;
    }
    .smaller-font {
        font-size:100% !important;
    }
}