.top-international-opportunities .card-body-section p { font-weight: 300; font-size: 12px; margin: 5px 0 0; color: #828282; text-overflow: ellipsis; } .top-international-opportunities .card-body-section h2 { font-size: 14px; margin-top: 9px; margin-bottom: 9px; font-weight: 600; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .top-international-opportunities a:hover{text-decoration: none;} .top-international-opportunities .brand-main-section a{display: block;width: 199px;height: 81px;display: block;margin: auto;} .top-international-opportunities ul{list-style: none;padding-left: 0px;display: flex;justify-content: space-between; flex-wrap: wrap;} .top-international-opportunities ul li{width: 24%;vertical-align: top;} .modified-col { padding-right: 8px; padding-left: 8px; } .top-international-opportunities .card-info-summry { display: -webkit-box; max-width: 100%; height: 33px; margin: 0 auto; font-size: 13px; line-height: 1.2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: initial; } .top-international-opportunities .link-section-main{color: #000; border: 1px solid #000; padding: 5px; border-radius: 4px; font-weight: 600; text-align: center; margin-top: 11px;} @media only screen and (min-width:769px) and (max-width:992px){ .top-international-opportunities ul li{width: 49%!important;} .top-international-opportunities ul li .card{margin-bottom: 5px;} } @media screen and (max-width: 768px) { .top-international-opportunities .card { height: 310px; margin-right: 10px; margin-top: 0px; display: inline-block; width: 250px; } .top-international-opportunities ul li { width: 250px; vertical-align: top; display: inline-block; margin-right: 10px; } .top-international-opportunities .link-section-main{color: rgb(237, 28, 36)!important; border: 1px solid rgb(237, 28, 36)!important;} .top-international-opportunities ul{display: block;overflow: auto;white-space: nowrap;} } }