.BSBTOverall6-defaultscreen-table { height: 100vh; overflow: auto; background-color: #fff; } .BSBTOverall6-mobileScreen { display: none; } .BSBTOverall6-defaultscreen { display: flex; width: inherit; // max-height: 40vh !important; // min-height: 30px !important; overflow-y: auto; //vm // height: 84vh; height: 80vh; flex-direction: column; justify-content: center; } .BSBTOverall6-defaultscreen-6 { //vm height: 70vh; } @media screen and (max-width: 768px) { .BSBTOverall6-mobileScreen { display: flex; flex-direction: row; justify-content: center; width: 100%; gap: 0.5rem; } .BSBTOverall6-defaultscreen { flex-direction: row; } .BSBTOverall6-defaultscreen-table { display: none; } .BSBTOverall6-defaultscreen-summery { // display: none; } .overall-summery { // display: none !important; } .BSBTOverall6-container { position: fixed; height: 0; bottom: 0; width: inherit; z-index: 1; } .BSBTOverall6-container { // position: fixed; bottom: 0; left: 0; width: inherit; z-index: 1; } .Summary6 { display: none; } } @media (min-width: 280px) and (max-width: 499px) { .BSBTOverall6-mobileScreen { width: 10%; } .BSBTOverall6-defaultscreen { height: 0px; } } .BSBTOverall6-container { // position: fixed; bottom: 10px; width: inherit; z-index: 1; }