/*==========================================================
    CLINICAL CASES
    Laptop (1200px)
==========================================================*/

@media (max-width:1200px){

    .cases-grid{

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

        gap:28px;

    }

    .case-image{

        height:220px;

    }

    .case-content{

        padding:24px;

    }

    .case-content h3{

        font-size:22px;

    }

}

/*==========================================================
    CLINICAL CASES
    Tablet (992px)
==========================================================*/

@media (max-width:992px){

    .cases-grid{

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

    }

    .cases-header h2{

        font-size:40px;

    }

    .case-image{

        height:230px;

    }

}

/*==========================================================
    CLINICAL CASES
    Mobile (768px)
==========================================================*/

@media (max-width:768px){

    .cases-grid{

        grid-template-columns:1fr;

    }

    .cases-header{

        margin-bottom:45px;

    }

    .cases-header h2{

        font-size:34px;

    }

    .cases-header p{

        font-size:16px;

    }

    .case-image{

        height:260px;

    }

    .case-content{

        padding:22px;

    }

    .case-content h3{

        font-size:22px;

    }

    .case-content h4{

        font-size:17px;

    }

    .case-content ul li{

        font-size:15px;

    }

    .case-btn{

        width:100%;

        justify-content:center;

    }

}