.doctor_spec_container{ display: flex; flex-wrap: wrap; font-family: 'Helvetica'; border-radius: 8px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); margin-right: 0; margin-left: 0; margin-bottom: 10px; } .doctor_spec_container div:nth-child(1){ padding: 15px; } .doctor_spec_container div:nth-child(1) img{ width: 200px; height: 240px; object-fit: cover; border-radius: 8px; } .doctor_spec_container a.btn.base_btn { width: 260px; display: flex; justify-content: center; align-items: center; } .doctor_spec_container div:nth-child(2){ display:flex; flex-direction: column; padding: 15px; } .doctor_spec_container div:nth-child(2) h1{ color: #0a3c96; font-weight: 700; font-family: 'Helvetica'; margin-top: 0; font-size: 30px; } .doctor_spec_container div:nth-child(2) button{ align-self: flex-end; font-family: 'Helvetica'; max-width: 400px; margin-right: auto; margin-bottom: 5px; } .doctor_spec_container div:nth-child(2) span:nth-child(2){ color: #019875; font-weight: 700; line-height: 1.44; letter-spacing: 0.2px; font-size: 18px; margin-bottom: 10px; } .doctor_spec_container div:nth-child(2) span:nth-child(3){ color: #4d566c; line-height: 1.44; letter-spacing: 0.2px; font-size: 18px; flex-grow: 1; } @media screen and (max-width: 992px) { .doctor_spec_container div:nth-child(1){ margin: 0 auto; } .doctor_spec_container div:nth-child(2){ margin: 0 auto; } .doctor_spec_container div:nth-child(1) img{ width: 90%; height: auto; max-height: 280px; } }