@media (min-width: 577px) and (max-width: 767px) { .blade-5-content .blade-5-info-card { padding-top: 70% !important; } } @media (max-width: 390px) { .blade-5-content .blade-5-info-card { padding-top: 70% !important; } } @media (min-width: 391px) and (max-width: 576px) { .blade-5-content .blade-5-info-card { padding-top: 70% !important; } } @media (min-width: 577px) and (max-width: 767px) { .blade-5-content .blade-5-info-card { padding-top: 70% !important; } } @media (max-width: 390px) { .blade-5-content .blade-5-info-card { padding-top: 70% !important; } } #blade-4 { height: 65em !important } @media (min-width: 768px) and (max-width:1024px) { .blade-3-content .blade-3-content-right img { margin-left: 30em !important; } } @media (min-width: 992px) and (max-width: 1024px) { .blade-5-content .blade-5-info-card { padding-top: 31% !important; } } @media (min-width: 1025px) and (max-width:1200px) { .blade-3-content .blade-3-content-right img { margin-left: 33em !important; } } @media (min-width: 1201px) and (max-width:1399px) { .blade-3-content .blade-3-content-right img { margin-left: 38em !important; } } @media (min-width: 1400px) and (max-width: 1700px) { .blade-3-content .blade-3-content-right img { margin-left: 40em !important; } } @media (min-width: 1701px) and (max-width:1920px) { .blade-3-content .blade-3-content-right img { margin-left: 38em !important; } } @media (min-width: 1921px) { .blade-3-content .blade-3-content-right img { margin-left: 40em !important; } } .redeem-steps>div { font-size: 3em !important } @media (min-width: 391px) and (max-width: 576px) { .blade-5-content .blade-5-info-card { padding-top: 70% !important; } } @media (min-width: 577px) and (max-width: 767px) { .blade-5-content .blade-5-info-card { padding-top: 70% !important; } } @media (max-width: 390px) { .blade-5-content .blade-5-info-card { padding-top: 70% !important; } }