.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; } } .Layout-IfNavbar3 { display: flex; width: 100%; justify-content: space-around; font-weight: 600; align-items: center; gap: 2px; padding: 2px 6px; background: linear-gradient(to bottom right, #2a3447, #1e2536); .SalesCountComponent-Master { color: #fff; } .keyboardShortcut { background-color: #fff; height: 25px; border-radius: 4px; cursor: pointer; > div { padding: 3px 10px !important; } } .allpageSettingIcon { background-color: #fff !important; } .price-change-btn { background-color: #fff; height: 25px; width: 45px; img { height: 20px !important; } } @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; } }