@media only screen and (max-width:1023px){
    .info-con{
        bottom: 190px;
    }
    .case-dp{
        top: -118px;
        left: 165px;
    }
    .case-card{
        width: 90%;
    }
    .title-hidden{
        visibility: visible;
        bottom: 250px;
        left: 14px;
        width: 90%;
        font-size: 16px;
    }
    #rect {
        text-align: center;
        position: relative;
        top: 180px;
        left: 4px;
        height: 73px;
        width: 323px;
        border: 8px solid white;
    }
    .rec-header{
        left: 22px;
        font-size: 30px;
    }
    .mob-only{
        visibility: visible;
    }
    .info-con {
        bottom: 52px;
        padding-left: 4%;
    }
    .dp-img{
        margin-top: 75px;
    }
    .home-row{
        padding-left: 0px;
    }
    .info{
        padding-top: 20px;

    }
    .stat-title{
        font-size: 18px;
    }
    .stat-count{
        font-size: 18px;
    }
    .info h3{
        font-size: 20px;
    }
    .info h4{
        font-size: 18px;
    }
    .bio{
        padding: 13px;
    }
    .testimony p{
        padding: 35px;
    }

}

@media only screen and (max-width: 767px) {
    #rect{
        display: none;
    }
    .case-card{
        width:90%;
        box-shadow: -4px 5px 15px 14px #B5C2C9;
		border-radius: 20px;
		background: white;
		text-align: center;
    }
    .info-con {
        margin: 0;
        position: relative;
        /* width: 100%; */
        bottom: -10px;
        /* padding-left: 10%; */
        text-align: center;
        display: inline;
    }
    .over-con {
        bottom: -30px;
        /* padding-left: 10%; */
        text-align: center;
        padding-top: 25%;
        text-align: center;
        display: inline;
    }
    .case-dp{
        position: relative;
        left: 0px;
        top: 0px;
        padding-top: 10px;  
        width: 80%;
    }
    .page-title-lg h1 {
        text-align: center;
        font-size: 30px;
    }
    .rec-header{
        padding-left: 20px;
        top:-120px;
        /* left: 178px; */
        height: 75px;
    }
    .title-hidden{
        font-size: 18px;
        visibility: visible;
        width: 80%;
        left: 40px;
        padding: 5px;
    }
    #rect{
        width: 94%;
		text-align: center;
		position: relative;
		top: 220px;
		left: 10px;
		height: 120px;
		border: 8px solid white;
    }	
    .case-t{
        display: inline-block;
    }
    .dp-img{
        margin-right: 40px;
    }
    .info{
        text-align: left;
        padding-left: 40px;
    }
    .sect{
        /* height:850px; */
    }
    .bio{
        text-align: left;
    }
}

@media only screen and (max-width: 576px){
    .title-hidden {
        visibility: visible;
        width: 75%;
        left: 20px;
        padding: 5px;
    }
    #rect {
        text-align: center;
        position: relative;
        top: 300px;
        left: 10px;
        height: 77px;
        width: 85%;
        border: 8px solid white;
    }
    .rec-header{
        top: -120px;
        text-align: center;
        display: inline;
    }
    .info {
        text-align: left;
        padding-left: 40px;
        position: relative;
        top: -10px;
        /* text-align: left; */
    }
   
    
}

@media only screen and (max-width: 425px){
    .title-hidden{
        bottom: 280px;
        font-size: 14px;
    }
    .rec-header{
        position: relative;
        left: 43px;
        top: -120px;
    }
    #rect{
        top: 270px;
        width: 96%;
        height: 100px;
    }
    .case-img{
        height: 315px;
    }
    .info{
        padding-left: 40px;
    }
}