@media only screen and (max-width: 1540px){
    .dev-name-banner {
        width: 297px;
        padding-top: 33px;
    }

    .dev-name-banner p {
        padding-top: 29px;
        padding-bottom: 35px;
        font-size: 17px;
    }

    .dev-name-banner img {
        width: 131px;
        margin: auto;
    }

    #slider {
        height: auto;
    }

    .slider-controls {
        bottom: 3px;
    }

    .dev-box {
        width: 492px;
        padding: 35px 21px 39px 43px;
    }

    .dev-box h2 {
        font-size: 42px;
    }

    .dev-box p {
        font-size: 15px;
        line-height: 21px;
    }
    
    .container.bg {
        height: 790px;
    }
}

@media only screen and (max-width: 1400px){
    .propertyShow {
        width: 970px;
    }

    .half {
        width: 485px;
        height: 383px;
    }

    .slide img {
        width: 100%;
    }

    .items-area {
        width: 970px;
    }

    .two-thirds {
        width: 640px;
    }

    .thirds {
        width: 320px;
    }

    .innerTitle h1, .titlearea, .container.darkblue h1 {
        width: 970px;
    }
}

@media only screen and (max-width: 1250px){
    .home-sidebar {
        position: absolute;
           top: 10px;
        left: 0;
        z-index: 1;
        background-color: rgba(255, 255, 255, 0.8);
    }

    @media only screen and (max-width: 1200px) {
        .menu-item a, .menu-item, .developments-menu-list p a {
            margin-bottom: 17px;
            font-size: 35px;
        }
    }

    .title-sep {
        width: 281px;
    }

    .view-slider {
        left: 35px;
        width: 81%;
    }

    .slider-controls {
        bottom: 0px;
        z-index: 10;
        left: 323px;
    }

    h1 {
        width: 700px;
    }
}

@media only screen and (max-width: 1100px){
    .home-about p {
        width: 760px;
    }

    .slider-buttons {
        display: none;
    }

    .slider-buttons.mobile {
        display: block;
        position: relative;
        margin-top: 35px;
    }

    .thebtn {
        padding: 15px 23px;
        background-color: #31588e;
        color: white;
    }

    .thebtn:hover {
        background-color: #6488bb;
    }

    .thebtn.vid:hover, .thebtn.vid {
        border: none;
    }
}

@media only screen and (max-width: 1060px){
    .propertyShow, .innerTitle h1, .titlearea, .items-area {
        width: 780px;
    }

    .half {
        width: 390px;
        height: 303px;
    }

    .two-thirds {
        width: 520px;
    }

    .thirds {
        width: 254px;
    }

    .stroke {
        width: 184px;
        height: 50px;
        top: -4px;
        left: -5px;
        transition: 150ms ease;
    }

    a.fancybtn {
        width: 178px;
        padding: 14px 0px 16px 0px;
    }

    a.fancybtn:hover .stroke {
        width: 173px;
        height: 41px;
    }

    p.item-title {
        color: #2c5b91;
        font-size: 30px;
    }

    p.item-p {
        font-size: 15px;
        line-height: 24px;
    }

    .infoarea {
        height: 208px;
        margin-top: -286px;
    }

    .titlearea p {
        font-size: 15px;
        line-height: 25px;
    }

    .titlearea h3, .titlearea h3.d {
        font-size: 32px;
    }

    .innerTitle h1, .container.darkblue h1 {
        width: 780px;
        font-size: 32px;
    }

    .homeSlider img {
        width: 1290px;
    }
}

@media only screen and (max-width: 900px) {
    p.big {
        font-size: 29px;
    }

    .contact-half:first-child {
        padding-left: 119px;
    }
}

@media only screen and (max-width: 900px) {
    h1 {
        font-size: 36px;
        width: 400px;
    }
}

@media only screen and (max-width: 860px) {
    .propertyShow {
        flex-direction: column-reverse;
        width: 550px;
    }

    .half {
        width: 550px;
        height: 285px;
        display: block;
    }

    .items-area {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
    }

    .infoarea {
        height: auto;
        margin-top: 0px;
        width: 550px;
        display: block;
        margin: auto;
        position: inherit;
    }

    .thirds, .two-thirds {
        width: 550px;
        display: block;
        margin: auto;
        text-align: center;
    }

    .row.flex-row {
        display: flex;
        flex-direction: column-reverse;
    }

    .titlearea {
        width: 650px;
        margin-top: 141px;
        margin-bottom: 101px;
    }

    p.item-p {
        margin-bottom: 30px;
    }

    .rsep {
        height: 55px;
    }

    .infoarea.r {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media only screen and (max-width: 850px) {
    .innerTitle p.tt {
        width: 100%;
        padding: 0px 20px;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 830px) {
    .home-about p {
        width: 530px;
        font-size: 18px;
        font-weight: normal;
    }
}

@media only screen and (max-width: 810px) {
    .innerTitle h1, .titlearea, .container.darkblue h1, .titlearea h3, p.item-title {
        width: 100%;
        font-size: 32px;
        padding: 0px 20px;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 760px) {
    .contact-half:last-child {
        padding-left: 24px;
    }

    .contact-half:first-child {
        padding-left: 152px;
    }
}

@media only screen and (max-width: 760px) {
    .innerTitle h1, .container.darkblue h1, .titlearea h3, p.item-title {
        font-size: 27px;
    }
}

@media only screen and (max-width: 690px) {
    .contact-details-area {
        width: 481px;
    }

    .contact-half:first-child {
        padding-left: 48px;
    }

    .contact-half:last-child {
        padding-left: 18px;
    }

    .contact-half {
        width: 238px;
    }

    .container.bg {
        height: auto;
        background-color: white;
    }

    .dev-name-banner {
        width: 100%;
        padding-top: 12px;
        padding-bottom: 16px;
    }

    .dev-name-banner img {
        width: 88px;
        margin: inherit;
        margin-left: 10px;
    }

    .dev-name-banner p {
        display: none;
    }

    .dev-summary {
        margin-top: 20px;
        margin-bottom: 35px;
        width: 100%;
        position: relative;
        margin-left: 0px;
    }

    .dev-box {
        width: auto;
        padding: 0px;
        box-sizing: border-box;
        text-align: center;
    }

    .dev-box h2 {
        font-weight: normal;
        font-size: 29px;
    }

    .dev-box p {
        margin-bottom: 20px;
        width: 400px;
        margin: auto;
        line-height: 20px;
        font-size: 14px;
    }

    .container.darkblue h1 {
        font-size: 29px;
        font-weight: normal;
    }

    .current-devs {
        padding-top: 33px;
        padding-bottom: 7px;
    }

    .current-devs h3 {
        font-size: 17px;
    }

    .current-devs p {
        font-size: 11px;
    }
}

@media only screen and (max-width: 590px) {
    .propertyShow {
        flex-direction: column-reverse;
        width: 450px;
    }

    .half, .thirds, .two-thirds, .infoarea {
        width: 100%;
    }
}

@media only screen and (max-width: 560px) {
    form {
        width: 100%;
        padding: 0px 15px;
        box-sizing: border-box;
    }

    input, textarea {
        width: 100%;
    }
}

@media only screen and (max-width: 530px) {
    p.big {
        font-size: 26px;
    }

    h2.contact-title {
        padding-bottom: 0px;
    }

    .contact-details-area {
        width: 100%;
        padding: 0px 15px;
        box-sizing: border-box;
    }

    .contact-half {
        width: 100%;
        text-align: center;
    }

    .contact-half:first-child {
        padding-left: 0px;
        border-right: none;
    }

    .contact-half:last-child {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 520px) {
    .home-about p {
        width: 100%;
        padding: 0px 20px;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 500px) {
    .propertyShow {
        flex-direction: column-reverse;
        width: 350px;
    }

    .half {
        width: 100%;
    }

    .bluebtn {
        margin: auto;
        margin-top: 93px;
        width: 178px;
    }

    .header-banner img {
        display: none;
    }
}

@media only screen and (max-width: 470px) {
    h2.contact-title {
        font-size: 47px;
    }
}

@media only screen and (max-height: 600px) {
    .menu-item a, .menu-item, .developments-menu-list p a {
        margin-bottom: 17px;
        font-size: 35px;
    }
}

@media only screen and (max-height: 560px) {
    .sidebar-logo {
        margin-top: 46px;
        margin-bottom: 66px;
    }
}

@media only screen and (max-height: 450px) {
    .menu {
        padding-top: 10px;
    }
}

@media only screen and (max-height: 450px) {
    .menu-item a, .menu-item, .developments-menu-list p a {
        font-size: 28px;
    }
}

@media only screen and (max-width: 445px) {
    h1 {
        font-size: 30px;
        width: 100%;
    }
}

@media only screen and (max-width: 440px) {
    .thebtn {
        width: 100%;
        margin-left: 7px;
        margin-bottom: 14px;
    }
}