.BSLayout5-Master { height: 99vh; overflow: hidden; } .BSLayout5 { overflow: hidden; height: inherit; } .BsLayout5-ContentDiv { display: flex; } .BSCategory5-Cardcont { overflow: auto; } .BSCategory5-Contentcont { display: flex; height: 100%; width: 70%; @media (max-width: 768px) { width: 100%; } } .BSlayout5Cat5Flex { display: flex; height: 100%; width: 70%; flex-direction: column; @media (max-width: 768px) { width: 100%; } .CategoryHorizontalNew-scroll-container { width: 97%; } } .BSCategory5-tablecont { width: 430px; height: clamp(85vh, 71rem, 50vh); background-color: #fff; } @media (min-width: 500px) and (max-width: 768px) { .BSCategory5-Cardcont { overflow: auto; } .BSCategory5-tablecont { width: 0px !important; z-index: 3; } .BSLayout5-Master .BsTable2-Master { height: 0 !important; } .BSLayout5-Master .bs-item-card-masterdiv { height: 65vh !important; } } @media (min-width: 280px) and (max-width: 499px) { .BSLayout5-Master { height: 88vh; overflow: hidden; } .BSLayout5-Master .bs-item-card-masterdiv { height: 55vh; } .BSLayout5-Master .Table4-Price-summarypop { display: none; } .BSCategory5-tablecont { width: 0px !important; z-index: 3; margin: 0rem 0rem !important; } .BSCategory5-Contentcont { display: flex; } .BSCategory5-Cardcont { overflow: auto; } .BSLayout5-Master .BsTable2-Master { height: 0 !important; } } @media (width: 1280px) and (max-height: 1024px) { .BSCategory5-tablecont { height: clamp(66.5vh, 71rem, 79vh) !important; margin: 0.5rem 0.5rem; } .BSCategory5-Contentcont { column-gap: 1rem; flex-direction: row; } .BsLayout5-ContentDiv { column-gap: 1rem; flex-direction: row; } } .BSLayout5-Master .BSBTOverall1-Default { height: 82vh; } .BSLayout5-Master .BsTable2-Master { height: 82vh; } .BSLayout5-Master .BSTable3_overall { height: 82vh; } .BSLayout5-Master .BSBilling4TableCont-default { height: 82vh; } .BSLayout5-Master .BSBTOverall6-defaultscreen { height: 82vh; } .BSLayout5-Master .bs-item-card-masterdiv { height: 82vh; } .Layout-bill-Subcontainer { display: flex; width: 100%; justify-content: space-around; font-weight: 600; align-items: center; gap: 2px; @media (max-width: 500px) { font-size: 10px; flex-wrap: wrap; } } .pricing-name-details { font-family: "Poppins"; font-size: 12px; background: var(--SELECTED_COLOR); padding: 3px 5px; border-radius: 5px; color: white; white-space: nowrap; margin-left: 8rem; font-weight: 400; @media (max-width: 500px) { font-size: 10px !important; } }