@media(max-width:1200px){

    .ocohost-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .ocohost-masonry{
        columns:3;
    }

}

@media(max-width:991px){

    .ocohost-hero{
        grid-template-columns:1fr;
    }

    .hero-main{
        min-height:500px;
    }

    .hero-small{
        min-height:280px;
    }

    .ocohost-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .ocohost-masonry{
        columns:2;
    }

}

@media(max-width:768px){

    .ocohost-grid{
        grid-template-columns:1fr;
    }

    .ocohost-masonry{
        columns:1;
    }

    .hero-overlay{
        padding:20px;
    }

    .hero-overlay h1{
        font-size:26px;
    }

}

@media(max-width:480px){

    .hero-main{
        min-height:380px;
    }

    .hero-overlay h1{
        font-size:22px;
    }

    .hero-overlay p{
        display:none;
    }
}