.ffchead{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.w-bg-main { background-color: #fff; padding-bottom: 30px; } .feature-franchise-companies { padding-top: 13px; } .feature-franchise-companies ul{ list-style: none; padding-left: 0px; display: flex;justify-content: space-between; flex-wrap: wrap;} .feature-franchise-companies ul li{width: 15.5%;margin-bottom: 10px;} .feature-franchise-companies .card-fihl { margin-bottom: 0; margin-top: 5px; } .card-fihl { position: relative; display: flex; flex-direction: column; min-width: 0; overflow-wrap: break-word; background-color: #fff; background-clip: border-box; border-radius: 4px; padding: 9px !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(169 169 169 / 46%); } .mt-2, .my-2 { margin-top: .5rem !important; } .mb-2, .my-2 { margin-bottom: .5rem !important; } .brand-ffc-image-section { border: 1px solid #e5e5e5; background-color: #fafafa; text-align: center; overflow: hidden; position: relative; display: table; width: 100%; height: 60px; } .card-fihl .img-b { transition: .8s ease-in-out; max-width: 110px; height: 50px; margin-left: auto; margin-right: auto; display: block; } .card-body-section { padding-top: 2px; vertical-align: middle; } .ffchead { height: 15px; font-size: 13px; font-weight: 600; line-height: 16px; margin-top: 4px; } .card-body-section p { font-weight: 300; font-size: 12px; margin: 5px 0 0; color: #828282; text-overflow: ellipsis; } .card-info-amount { font-weight: 700; white-space: nowrap; } @media only screen and (min-width:769px) and (max-width:992px){ .feature-franchise-companies ul li {width: 24.5%!important;} } @media screen and (max-width:768px){ .feature-franchise-companies ul{display: block;overflow: auto;white-space: nowrap;padding-left: 2px;} .feature-franchise-companies ul li{display: inline-block; vertical-align: top; width: 190px; margin-right: 9px;} }