.card-header { border-bottom: 0; font-size: 18px; @media (min-width: 465px) { font-size: 20px; } } .full-container { padding: 0px 15px; width: 100%; min-height: 500px; height: calc(100% - 150px); @media (max-width: 992px) { height: 100%; padding-bottom: 100px; }; } .chart { width: 100%; height: 100%; padding-bottom: 20px; padding-right: 10px; @media (max-width: 992px) { padding-bottom: 25px; } @media (max-width: 829px) { padding-bottom: 50px; } @media (max-width: 767px) { padding-bottom: 25px; } @media (max-width: 629px) { padding-bottom: 55px; } @media (max-width: 567px) { padding-bottom: 55px; } }