/*==================================================
Responsive
==================================================*/

@media (max-width:1200px){

    .pp-hero-grid{

        grid-template-columns:1fr;

        gap:50px;

    }

    .pp-overview-grid{

        grid-template-columns:repeat(2,1fr);

        gap:50px;

    }

}

@media (max-width:768px){

    .pp-container{

        padding:0 20px;

    }

    .pp-title{

        font-size:38px;

    }

    .pp-overview-grid{

        grid-template-columns:1fr;

    }

    .pp-property-grid{

        grid-template-columns:1fr;

    }

    .pp-map-wrapper iframe{

        height:420px;

    }

}