@media only screen and (max-width:1400px){
    .header-wrapper{
        gap: 50px;
    }
    .agents-wrapper .agents-list .box {
        max-height: 480px;
        margin-block-start: 25px;
    }
}
@media only screen and (max-width:1200px){
    .banner .banner-content {
        z-index: 2;
        width: 50%;
    }
    .banner .banner-content h1 {
        font-size: 80px;
    }
    .banner .banner-content ul li {
        font-size: 19px;
    }
    .contact-btn {
        padding: 15px 40px 15px 40px;
    }
    .agent-bottom-sce {
        padding-block-start: 70px;
    }
    .heading h3 {
        font-size: 50px;
    }
    .the-river-district {
        padding-block: 80px;
    }
    .turbulencet {
        padding-block: 80px;
    }
    .guidance {
        padding-block: 80px;
    }
    .turbulencet .text-content {
        width: 80%;
    }
    .sec-heading {
        font-size: 40px!important;
    }
    .guidance .col-lg-6 {
        padding-block-start: 60px;
    }
    .about-us .paragraph {
        padding-inline-end: 0;
    }
    .agents-wrapper .agents-list .box {
        max-height: 435px;
        margin-block-start: 25px;
    }
}
@media only screen and (max-width:991px){
    .header-wrapper{
        flex-direction: column;
        gap: 0;
    }
    header .header-wrapper .lt-block {
        width: 100%;
    }
    header {
        padding-block-end: 20px;
    }
    .logo-block {
        width: 200px;
        margin: 0 auto;
    }
    .banner .banner-content {
        z-index: 2;
        width: 100%;
    }
    .banner .banner-content ul li {
        padding-block-start: 0;
    }
    .banner .banner-content ul li span {
        color: #6EC1E4;
        font-size: 35px;
    }
    ul.banner-list-item {
        padding-block-start: 20px;
    }
    .agent-bottom-sce {
        padding-block-start: 60px;
    }
    .heading h3 {
        font-size: 40px;
    }
    .heading h3 {
        font-size: 40px;
        padding-block-end: 25px;
    }
    .turbulencet .text-content {
        width: 100%;
    }
    .sec-heading {
        padding-inline: 0!important;
    }
    .guidance .box {
        padding-inline: 0;
    }
    .guidance .box p {
        text-align: left;
    }
    .guidance .col-lg-6 {
        padding-block-start: 20px;
    }
    .about-us .image-block{
        width: 100%;
    }
    .agents-wrapper .agents-list .col-lg-3 {
        width: 50%;
    }
    .agents-wrapper .agents-list .box {
        max-height: 550px;
        margin-block-start: 25px;
    }
    .contact-form .col-lg-9 {
        flex: 0 0 auto;
        width: 60%;
        padding-inline-end: 50px;
    }
    .contact-form .col-md-5 {
        flex: 0 0 auto;
        width: 40%;
    }
    .single-post .col-lg-3.col-md-6.pt-5.pe-4 {
        padding-inline-start: 60px;
    }
}

@media only screen and (max-width:767px){
    .stellarnav.mobile>ul {
        border-top: none;
        width: 50%;
        position: fixed;
        top: 0!important;
        right: 0;
        height: 100vh;
        background: #000;
    }
    header .stellarnav ul li a {
        text-transform: capitalize;
        color: #ffffff;
    }
    a.close-menu {
        width: 100%;
    }
    .stellarnav>ul>li {
        display: inline-block;
    }
    .stellarnav>ul>li:hover{
        background-color: #03B5C3;
    }
    .stellarnav .menu-toggle span.bars {
        margin-right: 0;
    }
    .stellarnav .menu-toggle span.bars span {
        background: #ffffff;
    }
    a.menu-toggle.full {
        background: #03B5C3;
        border-radius: 3px;
        padding-block: 12px;
    }
    .banner .banner-content h1 {
        font-size: 65px;
    }
    .banner .banner-content ul li {
        font-size: 17px;
    }
    .banner .banner-content ul li span {
        color: #6EC1E4;
        font-size: 30px;
    }
    .contact-btn {
        padding: 15px 30px 15px 30px;
        margin-block-start: 40px;
    }
    footer .logo-block{
        margin: 0;
    }
    .end-footer .flex-box{
        flex-direction: column;
        gap: 10px;
    }
    .end-footer p {
        font-size: 13px;
    }
    .agents-wrapper .agents-list .col-lg-3 {
        width: 100%;
    }
    .agents-wrapper .agents-list .box {
        max-height: inherit;
        margin-block-start: 25px;
    }
    .contact-form .col-lg-9 {
        flex: 0 0 auto;
        width: 100%;
        padding-inline-end: 15px;
    }
    .contact-form .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }
    .contact-detalis {
        margin-block-start: 50px;
    }
    
}

@media only screen and (max-width:576px){
    .the-river-district p {
        padding-block-start: 25px;
    }
    .the-river-district {
        padding-block: 50px;
    }
    .turbulencet {
        padding-block: 50px;
    }
    .guidance {
        padding-block: 50px;
    }
    .guidance .box p {
        text-align: center;
    }
    .end-footer p {
        font-size: 13px;
        text-align: center;
    }
}

@media only screen and (max-width:480px){
    .stellarnav.mobile>ul {
        top: 26%;
    }
    .logo-block {
        width: 180px;
        margin: 0 auto;
    }
    .banner .banner-content h1 {
        font-size: 50px;
    }
    ul.banner-list-item {
        padding-block-start: 12px;
    }
    .contact-btn {
        padding: 12px 30px 12px 30px;
        margin-block-start: 40px;
    }
    .heading h3 {
        font-size: 30px;
        padding-block-end: 25px;
    }
    h3.sec-heading {
        font-size: 30px!important;
        padding: 0;
    }
    .contact-form {
        padding-block-start: 100px;
        padding-block-end: 0;
    }
    .submit-listing-banner .banner-content h1 {
    font-family: "Arimo", sans-serif;
    text-transform: uppercase;
    font-size: 40px;
}
.single-post {
    padding-block-start: 50px;
}
}