.container-doctor-card {
    background: url('../../img/logo/bg-profil.jpg');
    background-size: cover;
    height: 250px;
    margin: 0 auto;
    position: relative;
    width: 250px;
}

.container-doctor-card img {
    height: auto;
    display: block;
    margin: 0 auto;
    width: 100%;
}

.container-doctor-card .doctor-info {
    background-color: rgba(0,0,0,0.5);
    bottom: 0;
    left: 0; 
    margin-left: auto; 
    margin-right: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    position: absolute;
    right: 0; 
    text-align: center;  
    width: 100%; 
}

.container-doctor-card .doctor-info h5 {
    color: #FFF;
    font-size: 18px;
    margin-bottom: 0px;
}

.container-doctor-card .doctor-info p {
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0px;
}

.container-doctor-card .office-price {
    background-color: #5283ff;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 5px 2px #c3c3c3;
    -moz-box-shadow: 0px 0px 5px 2px #c3c3c3;
    box-shadow: 0px 0px 5px 2px #c3c3c3;
    color: #fff;
    height: 40px;
    padding-top: 8px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 10px;
    width: 40px;
}

@media (max-width: 767.98px) {
    .container-doctor-card.container-doctor-card-office img{
        width: 30%;
        float: left;
    }
  
    .container-doctor-card.container-doctor-card-office .doctor-info {
        position: relative;
        padding-left: 0px;
        float: left;
        width: 70%;
        margin-top: 5%;
        background-color: transparent;
        color: #666;
    }
  
    .container-doctor-card.container-doctor-card-office .doctor-info h5{
        font-size: 25px;
        color: #666; 
    }
    
    .container-doctor-card.container-doctor-card-office .doctor-info p{
        font-size: 18px;
        color: #666; 
    }
}

@media (max-width: 520px) {
    .container-doctor-card.container-doctor-card-office .doctor-info {
        float: left;
        width: 52%;
        margin-top: 0%;
    }
    
    .container-doctor-card.container-doctor-card-office .doctor-info h5 {
        font-size: 18px;
    }
    
    .container-doctor-card.container-doctor-card-office .doctor-info p {
        font-size: 14px;
    }
}