#affiliate-search-wrap { display: grid;grid-template-columns: 1.5fr 1fr;grid-gap: 1rem;height: 51px;margin-bottom: 2rem;margin-top: 2rem; }
#affiliate-search-wrap label { position: absolute;top: -23px;font-size: 15px;color: #222;line-height: 1.3;font-weight: normal; }
#affiliate-search-wrap select { height: 51px; }
#affiliate-search { font-family: "Avenir-Book";height: 51px;transition: all 0.3s; }
#affiliate-search:hover, #affiliate-search:focus { border-color: #8b8b8b; }
#affiliate-search::placeholder { color: #8d8d8d;text-transform: none; }
#affiliate-search-button { width: 55px;background: #cc0000;color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;border: 1px solid #ce4b4c;outline: none;transition: all 0.2s; }
#affiliate-search-button:hover { background: #a30000; }
#affiliate-search-button span { font-size: 23px;font-weight: bold; }
#affiliate-search-button:active span { font-size: 20px; }
.affiliate-main { display: grid;grid-template-columns: 1fr;grid-gap: 4rem; }
.no-result { text-align: center;font-size: 18px;font-weight: bold; }
.no-result .info { font-weight: normal; }

#affiliate-table thead tr { background: #d9ecff;height: 51px;position: sticky;background: #d9ecff;z-index: 1; }
#affiliate-table thead th { font-family: 'Avenir-Heavy';font-size: 16px;text-transform: uppercase;padding: 0 2rem;width: 35%; }
#affiliate-table thead th.department { width: 30%; }
#affiliate-table thead:after { content: "";display: block;width: 100%;background: #fff;height: 2rem; }
#affiliate-table tbody td { border-top: 1px solid #036;padding: 1rem 2rem;font-size: 17px; }
#affiliate-table tbody td:not(:first-child) { font-size: 16px; }
#affiliate-table tbody td:first-child { font-family: "Avenir-Heavy"; }
#affiliate-table tbody td.major ul.concentrations { font-family: "Avenir-Book";margin-bottom: 0; }
#affiliate-table tbody td.college { position: relative; }
#affiliate-table tbody td .icon-flex { display: flex; }
#affiliate-table tbody td .icon { font-size: 34px;color: #0073e5;position: absolute;display: flex;align-items: center;top: 0;bottom: 0; }
#affiliate-table tbody td .name { line-height: 1;margin-left: 6rem;font-size: 20px; }
.screen-desktop #affiliate-table thead tr { top: 80px; }
.screen-tablet #affiliate-table thead tr { top: 0px; }

@media screen and (max-width: 1200px) {
	#affiliate-table tbody td { padding: 2rem; }
	#affiliate-table thead th { padding: 0 2rem; }
	#affiliate-table thead th.college { padding: 0 2rem 0 8rem; }
}

@media screen and (max-width: 991px) {
	#affiliate-table tbody td { position: relative;flex-direction: column;border-top: none;min-height: 50px;justify-content: center;padding: 1rem 2rem;overflow: hidden; }
	#affiliate-table tbody tr { border-top: 1px solid #036;background: #e3e3e30d; }
	#affiliate-table tbody td:last-child { box-shadow: none; }
	#affiliate-table tbody td .icon { display: none; }
	#affiliate-table tbody td .name { margin-left: 0;font-size: 18px; }
}

@media screen and (max-width: 640px) {
	#affiliate-search-wrap { grid-template-columns: 1fr;height: auto;grid-gap: 3rem;margin-top: 0; }
	#affiliate-table thead { display: none; }
	#affiliate-table tbody tr { display: flex;flex-direction: column;padding: 5px 0; }
    #affiliate-table tbody td { min-height: auto;padding: 5px 15px; }
	#affiliate-table tbody td:nth-child(1) { padding: 5px 0 10px 0; }
	#affiliate-table tbody td:nth-child(2) { padding: 0 0 5px 0; }
	#affiliate-table tbody td:nth-child(3) { padding: 0 0 5px 0; }
	#affiliate-table tbody td:nth-child(1):before { content: 'Name: '; }
    #affiliate-table tbody td:nth-child(2):before { content: 'Title: ';font-weight: bold; }
    #affiliate-table tbody td:nth-child(3):before { content: 'Department: ';font-weight: bold; }
}