@media (max-width: 1200px) {
    .properties .home-property-card .section-title h2 {
        font-size: 30px;
    }

    .banner .agent-pic {
        height: 60vh;
    }
}

@media only screen and (max-width:990px) {
.navbar-toggler {
    line-height: 1;
    padding: 0;
    border-radius: 0;
}

.navbar-light .navbar-brand {
    width:75%;
    margin: 0;
    text-align: left;
}

.navbar-brand img {
    max-height: 70px;
}

.main-nav .navbar .navbar-nav.logo .nav-item:hover .nav-link {
    background: none !important;
    color: #fff !important;
}

.banner .agent-pic {
    display: none;
}

}

@media only screen and (max-width:767px) {
.side-menu {
    padding: 40px 29px 80px;
    min-width: 100%;
}

.banner {
    height: 80vh;
}

.cta-box h3 {
    font-size: 24px;
}

.cta-box .img img {
    aspect-ratio: 1 / 1 !important;
}

.cta-box:hover::after {
    background-size: 150px;
}

.about {
    padding-bottom: 40px;
}

.about .left {
    width: 100%;
    padding: 40px 15px 60px 15px;
}

.about .welcome_photo {
    width: 100%;
    max-width: 554px;
    position: relative;
    z-index: 2;
    top: 0px;
    right: 0;
    margin-top: 40px;
    font-size: 0;
}

.about .bg-forms .bgs {
    border-radius: 20px;
    padding: 60px 20px;
}

.work-with-me h3 {
    font-size: 21px;
}

.banner .logo {
    max-height: 140px;
}

.banner h1 {
    font-size: 22px;
}

.banner h1 span {
    font-size: 42px;
}

.section-title h6 {
    font-size: 16px;
}

.section-title h2 {
    font-size: 30px;
}

.contact-form .logo {
    margin-top: 40px;
}

footer h4 {
    margin-top: 25px;
}

.properties .property-card .details-ctn {
    padding: 25px 15px;
}

.properties .section-title h2,
.properties .home-property-card .section-title h2 {
    font-size: 24px;
}

.buysellform .form-control {
    font-size: 14px;
}
 
.evaluation-box .bg-form {
    padding: 75px 20px;
}
 
.evaluation-box .navigate-btns .btn-default {
    min-width: inherit;
    margin: 10px 0px;
}
 
.evaluation-box .checkbox-group .wpcf7-list-item input {
    width: 20px;
    height: 20px;
}
 
.evaluation-box .checkbox-group .wpcf7-list-item {
    flex: 0 1 calc(100% - 0px);
    margin-bottom: 10px !important;
}
 
.evaluation-box .btn-default.bordered {
    margin-top: 10px;
}
 
.evaluation-box .cf7mls_next.action-button, .evaluation-box .cf7mls_back.action-button, .evaluation-box .action-button, .cf7mls-btns.cf7mls-btns-last-step .cf7mls_back.action-button {
    padding: 0px 18px !important;
    font-size: 12px;
    line-height: 40px !important;
}
 h1 {
    font-size: 30px;
}

.ctas,
.testimonials,
.properties,
.work-with-me,
.sold-map,
.contact-form,
.social-media,
footer,
.buysellform {
    padding: 60px 0;
}

footer .logo img {
    max-width: 250px;
    margin-bottom: 0;
}

.home-about {
    background-attachment: unset;
    padding: 60px 0 0 0;
}

.testimonials {
    background-attachment: unset;
}

}

@media only screen and (min-width:768px) and (max-width:991px) {
.cta-box h3 {
    font-size: 20px;
}

.cta-box:hover::after {
    background-size: 150px;
}

.about .left {
    padding: 70px 100px 70px 40px;
}

.about .bg-forms .bgs {
    padding: 60px 50px;
}

.banner h1 {
    font-size: 32px;
}

.banner h1 span {
    font-size: 60px;
}

.section-title h6 {
    font-size: 16px;
}

.section-title h2 {
    font-size: 30px;
}

footer h4 {
    margin-top: 25px;
}

.copyrights p {
    font-size: 13px;
}
.buysellform .form-control {
    font-size: 14px;
}
 
.evaluation-box .bg-form {
    padding: 75px 18px;
}
 
.evaluation-box .btn-default.bordered span {
    font-size: 11px;
}
	
h1 {
    font-size: 30px;
}	
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.main-nav .navbar .navbar-nav>.nav-item {
    padding: 0px 0px;
    margin-left: 20px;
}

.main-nav .navbar .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    padding: 10px 0px;
}

.cta-box h3 {
    font-size: 20px;
}

.about .left {
    padding: 70px 140px 70px 70px;
}

.work-with-me h3 {
    font-size: 18px;
}

.section-title h6 {
    font-size: 16px;
}

.section-title h2 {
    font-size: 40px;
}

.banner h1 {
    font-size: 40px;
}

.banner h1 span {
    font-size: 65px;
}

.banner .logo {
    max-height: 200px;
}
.evaluation-box .btn-default.bordered span {
    font-size: 11px;
}
 
.navbar-brand img {
    max-height: 80px;
}
 h1 {
    font-size: 40px;
}
 
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.cta-box h3 {
    font-size: 20px;
}

}

@media (max-width: 576px) {
    .banner h1 {
        font-size: 15px;
    }

    .banner h1 span {
        font-size: 32px;
    }
}