.doctor-relative { box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; padding:20px; } .doctor-relative .person-media>a { height: 280px; overflow: hidden; display: block; } #buy-contact .item { display: flex; flex-direction: row; align-content: center; align-items: center; background: #e0f3fd; padding: 30px; justify-content: space-between; border-radius: 5px; margin: 60px auto; } #buy-contact .item h2 { font-size: 32px; display: flex; width: calc(50% - 30px); justify-content: center; } #buy-contact .item video { width: 50%; border: 10px solid #ffff; border-radius: 5px; box-sizing: border-box; } .thank-you-page { padding: 100px; } @media only screen and (max-width: 768px) { .thank-you-page { padding: 80px 50px; } .text-thank-you h1{ font-size: 32px !important; } } .text-thank-you h1{ font-size: 2.75rem; font-weight:700!important; color:#e997b9!important; } .text-thank-you h2{ font-size: 2.25rem; font-weight:700!important; color:#e997b9!important; } .thank-you-page img{ width: 160px; height: 160px; } .empty_product h4{ color:#e997b9!important; } @media only screen and (max-width: 480px) { .text-thank-you h1{ font-size: 24px !important; } .thank-you-page img{ width: 120px; height: 120px; } #buy-contact .item { display: block; padding: 20px; margin: 30px auto; } #buy-contact .item h2 { width: 100%; font-size: 22px; margin-bottom: 15px; } #buy-contact .item video { width: 100%; border: 3px solid #ffff; } .doctor-relative .person-media>a { height: auto; } }