/*==============================banner==================================*/



/* =========================
   1200px
========================= */
@media (max-width:1199px){

    .ar-banner{
        height:700px;
    }

    .ar-heading{
        margin-top:180px;
        padding:0 25px;
    }

    #line1{
        font-size:52px;
    }

    #areaName{
        font-size:72px;
    }

    .ar-search-bar{
        width:90%;
    }

    .ar-stat-num{
        font-size:24px;
    }

    .ar-stat-label{
        font-size:18px;
    }

}


/* =========================
   992px
========================= */
@media (max-width:991px){

    .ar-banner{
        height:auto;
    }

    .ar-heading{
        margin-top:150px;
        padding:0 20px;
    }

    #line1{
        font-size:42px;
    }

    #areaName{
        display:block;
        font-size:58px;
        margin-top:8px;
    }


    .ar-search-bar{
        width:95%;
        flex-wrap:wrap;
        border-radius:20px;
    }

    .ar-search-field{
        width:100%;
    }

    .ar-search-select{
        width:50%;
    }

    .ar-search-select select{
        width:100%;
    }

    .ar-search-btn{
        width:100%;
        justify-content:center;
        padding:18px;
    }

    .ar-stats .container{
        justify-content:center;
        gap:30px;
    }

    .ar-stat-item{
        width:45%;
    }
.perfect-location {
    padding: 70px 0px;
}

.cta-band {
    margin: 20px auto 20px;
}
}


/* =========================
   768px
========================= */
@media (max-width:767px){

    .ar-banner{
        height: 650px;
        border-radius:0;
    }

    .ar-heading{
        margin-top:120px;
        padding:0 20px;
    }

    #line1{
        display:block;
        white-space:normal;
        font-size:30px;
        line-height:1.25;
        border:none;
    }
.ar-section-header .ar-section-subtitle{
    width: 100%;
}
.site-footer .footer-about-text {
    width: 100%;
}
.site-footer {
    margin: 10px;
}
.contact-list li a, .contact-list li span {
    font-size: 12px;
}
    #areaName{
        display:block;
        margin-top:12px;
        font-size:42px;
        border:none;
    }

    .ar-search-wrap{
        margin-top:35px;
        margin-bottom:30px;
        padding:0 15px;
    }

    .ar-search-bar{
        width:100%;
        flex-direction:column;
        border-radius:18px;
    }

    .ar-search-divider{
        display:none;
    }

    .ar-search-field{
        padding:18px;
    }

    .ar-search-select{
        width:100%;
        padding:0;
    }

    .ar-search-select select{
        width:100%;
        border-top:1px solid #eee;
        border-radius:0;
        height:56px;
    }

    .ar-search-btn{
        width:100%;
        justify-content:center;
        padding:18px;
        border-radius:0 0 18px 18px;
    }

    .ar-stats{
           margin-top: 0px;
    }

    .ar-stats .container{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

    .ar-stat-item{
        width:100%;
        justify-content:center;
    }

    .ar-stat-num{
        font-size:22px;
    }

    .ar-stat-label{
        font-size:15px;
    }

}


/* =========================
   576px
========================= */
@media (max-width:576px){

    .ar-heading{
        margin-top:100px;
    }

    #line1{
        font-size:26px;
    }

    #areaName{
        font-size:36px;
    }

    .ar-search-field input{
        font-size:14px;
    }

    .ar-search-select select{
        font-size:14px;
    }

    .ar-search-btn{
        font-size:15px;
    }


    .ar-stat-item{
        justify-content:flex-start;
    }
.slick-dotted.slick-slider {
     margin-bottom: 0px !important; 
}
}


/* =========================
   400px
========================= */
@media (max-width:400px){

    .ar-banner{
               overflow: hidden;
    }

    .ar-heading{
        margin-top:90px;
                height: 50px;
    }

    #line1{
        font-size:22px;
    }

    #areaName{
        font-size:30px;
    }

    .ar-search-wrap{
        padding:0 10px;
    }

    .ar-search-field{
        padding:16px;
    }

    .ar-search-select select{
        height:52px;
    }

    .ar-search-btn{
        padding:16px;
    }

    .ar-stat-item{
        flex-direction:column;
        text-align:center;
        gap:8px;
    }

    .ar-stat-num{
        font-size:20px;
    }

    .ar-stat-label{
        font-size:14px;
    }

}