@media (max-width: 767px) { .campus-club .container { margin: 0px; } }

@media (max-width: 767px) { .campus-club .section-heading { margin-left: 20px; } }

@media (max-width: 767px) { .campus-club .section-small-heading { margin-left: 20px; } }

@media (min-width: 992px) { .campus-club .campus-club-list-section { margin-top: 44px; } }

@media (max-width: 991px) { .campus-club .campus-club-list-section { margin-top: 2rem; } }

@media (min-width: 992px) { .campus-club .crousel-button { position: relative; float: right; } }

.campus-club .campus-club-list { display: flex; width: 100%; white-space: normal; overflow-x: scroll; overflow-y: hidden; }

.campus-club .campus-club-list::-webkit-scrollbar { display: none; }

@media (max-width: 767px) { .campus-club .campus-club-list { padding: 0 20px; } }

@media (min-width: 768px) and (max-width: 991px) { .campus-club .campus-club-list { padding: 0 20px 0 0; } }

.campus-club .campus-club-list-item { margin-right: 20px; }

.campus-club .campus-club-list-item:last-child { margin-right: 0px; }

@media (min-width: 992px) { .campus-club .campus-club-list-item { min-width: 463px; } }

@media (max-width: 991px) { .campus-club .campus-club-list-item { min-width: 304px; } }

.campus-club .image-wrapper { position: relative; height: 0; overflow: hidden; padding-bottom: 75%; }

.campus-club .image-wrapper img { max-width: unset; width: 100%; height: auto; }

.campus-club .club-label { position: absolute; background-color: #e9ebf0e6; bottom: 0; left: 0; padding: 13px 30px 13px 20px; }

.campus-club .club-label p { color: #22366A; font-weight: 700; max-width: 320px; }

.campus-club .club-description { margin-top: 2rem; color: #647297; }

.campus-club ul { margin-top: 20px; }

.campus-club ul li { display: block; font-size: 16px; line-height: 20px; color: #647297; padding-bottom: 8px; border-bottom: 1px solid #BDC3D2; padding-top: 8px; cursor: pointer; }

.campus-club .arrow-right-thin { float: right; }