/* @media only screen and (min-device-width: 320px) and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2) { */
@media only screen and (min-width: 320px) and (max-width: 768px) {
	.py-4 {
		display: none;
	}
	#logo,
	#logo2 {
		display: flex;
		left: 0 !important;
		top: 0 !important;
		position: relative !important;
	}

	#logo img,
	#logo2 img {
		height: auto;
		width: 168px;
	}

	.goog-te-combo {
		background: none;
		border: 0;
		border-bottom: none;
		border-radius: 0;
		color: #ffffff;
		font-family: Verdana, Geneva, Tahoma, sans-serif !important;
		font-size: 10px !important;
		margin: 0 !important;
		padding: 0 !important;
		position: relative;
		top: 0;
		right: 0;
		width: 100px;
	}

	.goog-te-combo:focus,
	.goog-te-combo:active {
		outline: 0;
	}

	.goog-te-combo option {
		font-family: Verdana, Geneva, Tahoma, sans-serif;
	}

	.head-wrapper {
		height: auto;
		z-index: 5;
		position: relative;
	}

	#cell_codWebPart2 {
		display: none;
	}

	.contentDiv {
		display: inline-block;
		overflow-x: hidden;
		position: relative;
		width: 100%;
	}

	.s4-ca {
		margin-left: 0px !important;
		padding: 15px !important;
	}

	#breadcrumb {
		display: none;
	}

	.banner-notice-red-border2 a {
		color: #cc0000 !important;
		text-decoration: none;
	}
	
	.banner-notice-red-border2 a:focus, .banner-notice-red-border2 a:hover {
		color: #004499 !important;
		text-decoration: underline;
	}

	#cod-leftpanel {
		display: none;
	}

	.s4-ca-top {
		padding-top: 15px !important;
		padding-bottom: 0px !important;
	}

	.no-bg {
		background-color: #fff;
	}

	#bannerImage {
		display: none;
	}

	#bannerImage + table {
		display: none;
	}

	#mainContent {
		display: flex;
		flex-wrap: wrap;
		margin: 3em 0 !important;
		justify-content: space-between;
		max-width: 100%;
	}

	#leftColumn {
		background: none;
		padding-right: 0 !important;
		/* order: 2; */
		width: 50% !important;
		min-width: auto !important;
	}

	#leftColumn #codWebPart3:first-child {
		margin: 0 0 10px !important;
	}

	.no-mobile-margin {
		margin: 0 !important;
	}

	#rightColumn {
		margin-left: 0 !important;
		/* order: 3; */
		width: 50% !important;
		padding-top: 0 !important;
	}

	#rightColumn tbody {
		display: flex;
		flex-direction: column;
	}

	#rightColumn tr:first-of-type {
		order: 5;
	}

	.codWebPart3 > div,
	.codWebPart4 > div {
		margin: 0 !important;
	}

	#centerColumn {
		margin: 0 0 10vw !important;
		order: 1;
		width: 100%;
		background: none;
		padding-right: 0px;
	}

	.tabs {
		width: calc(100% + 40px);
		margin-left: -20px;
		padding-left: 5px !important;
	}

	.tabs .tabslinks a {
		font-size: 1em !important;
		padding: 5px 10px !important;
	}

	.board-button {
		font-size: 1.2em;
		width: 40vw !important;
		color: #fff;
	}

	.tabs .tab-under {
		margin-bottom: 0 !important;
	}

	#main-content {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: inherit;
		position: absolute;
	}

	#cbqwpctl00_ctl25_g_50009c9a_52d5_4c6a_9812_e452bc69d06a span {
		display: flex !important;
	}

	ul.cbqwp {
		max-width: 94%;
	}

	.ms-vb a:link,
	.ms-vb2 a:link,
	.ms-vb-user a:link {
		display: inline-block !important;
		width: 55vw !important;
	}

	.ms-basictable .ms-viewheadertr img {
		width: 2vw !important;
	}

	.ms-listviewtable .ms-vb2,
	.ms-summarystandardbody .ms-vb2 {
		padding: 2em 0.5em !important;
	}

	/*---------------------------FACULTY&STAFF STYLES--------------------------------*/

	.banner-box {
		display: none;
	}

	.FSMenu {
		width: 100%;
		padding-bottom: 30px;
	}

	.FSMenu li {
		color: #a30f22;
	}

	.FSHeader {
		border-bottom: none;
	}

	.flex-banner-box {
		width: 100%;
		height: auto;
	}

	.comm-box {
		display: none;
	}

	.comm-box-mobile {
		display: block !important;
		width: 100%;
		height: auto;
		margin: 0px auto 20px;
		position: relative;
		font-size: 20pt;
		background-color: #a30f22;
		border-top: #ffc423 solid 10px;
	}

	.comm-tex {
		font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
		font-style: normal;
		font-weight: bold;
	}

	.comm-text-gold {
		color: #ffc423 !important;
		text-shadow: none;
		font-size: 20pt;
		line-height: 1em;
		text-transform: uppercase;
		text-align: center;
		padding: 10px;
	}

	.comm-text-white {
		color: #fff !important;
		text-shadow: none;
		font-size: 14pt;
		line-height: 1.3em;
		text-transform: uppercase;
		text-align: center;
		padding-bottom: 5px;
	}

	.codFontSize-2 {
		font-size: 13pt;
		font-family: Tahoma, Verdana, Segoe, sans-serif;
		/* text-decoration: underline; */
		padding-inline-start: 25px;
	}

	.codFontSize-2 p {
		letter-spacing: normal;
		line-height: normal;
	}

	h3.banner-notice-red {
		font-size: 0.9em;
	}

	h1.cod-element-H1 {
		font-size: 1.3em;
	}

	h2.cod-element-H2 {
		font-size: 1em;
	}

	h3.cod-element-H3 {
		font-size: 0.9em;
		margin-top: 1em !important;
		padding: 1em 0;
		text-decoration: underline;
	}

	.mobile-catalog-box {
		height: 350px;
		padding: 0.25em;
	}

	.cod-element-P {
		font-size: 1em !important;
		line-height: 1.5em !important;
		overflow-wrap: initial;
	}

	.cod-element-P-contrast a {
		color: #fff;
	}
	/* Meet the team */

	.team-table {
		display: flex !important;
		flex-direction: column;
	}
	.ms-rteTableEvenCol-0,
	.ms-rteTableOddCol-0 {
		width: 100% !important;
	}
	td h2.member-name {
		font-weight: bold !important;
		margin-bottom: 0.3em;
	}
	.ms-rteTableEvenCol-0 a,
	.ms-rteTableOddCol-0 a {
		text-decoration: underline !important;
	}
	.ms-rteTableEvenCol-0 p,
	.ms-rteTableOddCol-0 p {
		margin: 0 0 2em;
	}

	/* Safezone Allies */
	.ms-rteTableHeaderRow-6 {
		display: none;
	}

	.ms-rteTableOddRow-6,
	.ms-rteTableEvenRow-6 {
		background: none !important;
		border-bottom: 1px solid;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 2.4em);
		margin-bottom: 1em;
		width: 90vw;
	}

	.name {
		color: #175575;
		font-weight: bolder;
		display: grid;
		order: 1;
		width: max-content;
		font-size: 1.2em;
	}

	.dept {
		display: grid;
		grid-row-start: 2;
		order: 2;
		width: max-content;
	}

	.phone {
		display: grid;
		order: 3;
		grid-column-end: 4;
	}
	.email {
		color: #a30f22;
		margin: 0em 0 1em;
		order: 4;
		text-decoration: underline;
		grid-row-start: 3;
	}
	/* .email:after { content: url(./images/phone.png);} */

	/* Clubs */

	.cod-element-H1 {
		text-align: left !important;
	}

	.cod-element-H1 strong {
		font-style: normal !important;
	}

	.p-note {
		font-size: inherit;
		text-align: center;
	}

	.charter {
		font-size: 1.2em !important;
		text-align: left !important;
		text-decoration: unset !important;
	}

	.char-app {
		padding-left: 0 !important;
	}

	p.cod-element-P {
		width: 95% !important;
	}

	.exist {
		font-size: 1.2em !important;
		text-align: left !important;
	}

	.active {
		width: 100% !important;
	}

	.research-button a {
		width: 70vw !important;
	}

	.clearfix {
		margin-bottom: 2em !important;
	}

	.tabs .clearfix {
		margin-bottom: 0 !important;
	}

	.mobile2-up {
		display: flex;
		justify-content: space-between;
		width: calc(100% - 20px) !important;
	}

	.wrapper-mobile-org {
		position: relative;
	}

	.mobile-org {
		display: flex;
		flex-direction: column;
		margin-top: 5em;
		position: relative;
	}

	.mobile-org img {
		margin: 0 !important;
		height: auto !important;
		width: 25vw !important;
		position: absolute;
	}

	.mobile-org h2,
	.mobile-org p {
		left: 25vw;
		margin: 0em 1em;
		position: relative;
		width: 63vw;
	}

	.wrapper-mobile-org h2 a {
		font-style: normal !important;
		font-weight: bold;
		text-decoration: underline;
	}

	cod-element-H2

	/* Footer */
	#footer.mobile-footer {
		display: flex;
		flex-direction: column;
		width: 100%;
		position: relative;
	}

	#footer.mobile-footer > * {
		min-height: max-content;
		width: 100%;
		max-width: 100%;
		padding: 0px;
	}

	.footer-content ul {
		padding-inline-start: 0;
	}

	.footer-content ul li {
		padding: 5px 0px;
		text-decoration: underline;
		font-family: Tahoma, Geneva, Verdana, sans-serif;
		font-weight: normal !important;
		font-size: 13px;
	}

	.footer-content-top {
		display: flex;
		font-size: 1em !important;
		justify-content: space-between;
		margin: 0;
		order: 1;
	}

	#footer .footer-content-top > .footer-content {
		margin: 0;
		min-height: max-content;
		padding: 1vw 3.5vw;
		width: 100%;
	}

	#footer .footer-content-top > :nth-child(2) {
		border: none;
	}

	#footer .footer-content:nth-child(1) ul {
		text-align: left;
		padding-right: 0;
	}

	#footer .footer-content:nth-child(4) {
		padding-top: 20px;
		align-items: center;
		display: flex;
		background-color: #a30f22;
		flex-direction: column;
		justify-content: start;
		order: 2;
	}

	#footer .footer-content:nth-child(4) h2 {
		color: #fff;
		font-size: 4vw;
		margin-bottom: 0;
	}

	#footer .footer-content:nth-child(4) ul {
		color: #fff;
		text-align: center;
	}

	#footer .footer-content:nth-child(4) li a {
		color: #fff;
	}

	#footer .seal-social {
		font-size: 1.1em;
		margin: 1em 0;
		text-align: center;
		width: 100%;
		order: 3;
	}

	#footer .seal-social p {
		margin-bottom: 2em;
	}

	#footer .seal-social a {
		border: none !important;
		border-radius: 0.8em !important;
		font-weight: bolder;
		padding: 0.6em 1.2em !important;
	}

	.social-media-logos {
		order: 4;
		font-size: 5vw;
		margin-bottom: 2em;
		text-align: center;
		margin-top: 20px;
	}
	.social-media-logos>h2{
		padding-bottom: 10px;
	}

	#footer .social-media-logos h2 {
		color: black;
		font-size: 4vw;
	}

	/* T A G  */
	.uc-tag,
	.other-colleges {
		width: 100% !important;
	}
	.uc-tag img,
	.other-colleges img,
	.half img,
	{
		height: auto !important;
		width: 38vw !important;
	}
	.full img {
		height: auto !important;
		width: 100% !important;
		margin: 0 !important;
	}

	.colleges {
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 100% !important;
	}

	.banner-notice-red-border {
		text-align: center;
	}	

	.cod-TopTable .home-button img,
	.cod-TopTable .board-button,
	.cod-TopTable img.home-button {
		display: block;
		width: 100% !important;
		max-width: calc(100% - 5px) !important;
		height: auto !important;
		margin-bottom: 10px !important;
		margin-top: 0px !important;
		min-height: 72px !important;
	}

	#leftColumn .cod-TopTable .home-button img,
	#leftColumn .cod-TopTable .board-button,
	#leftColumn .cod-TopTable img.home-button {
		float: left;
	}

	#rightColumn .cod-TopTable .home-button img,
	#rightColumn .cod-TopTable .board-button,
	#rightColumn .cod-TopTable img.home-button {
		float: right;
	}

	.board-button.home-button {
		margin-top: 0px;
	}
	#mainContent {
		padding: 0;
		margin-top: 0px !important;
	}
	.create-tomorrow-banner,
	.you-can-banner-image {
		position: static;
		height: auto !important;
	}

	#codWebPart3.position-absolute {
		position: static !important;
	}
	.cod-TopTable #bgimage {
		width: 100%;
	}

	.mobile-bg-cover {
		background: url("../images/system/mobile_bg.png");
		background-repeat: no-repeat;
		background-size: auto 100%;
	}
	.nav-tabs.nb-mobile{
		padding-left: 15px !important;  
		margin-top: 10px;
	}
	#mainContent.nb-mobile,
	#centerColumn.nb-mobile,
	.nb-mobile {
		margin-bottom: 0px !important;
	}
	.white-on-mobile {
		width: calc(100% + 30px);
		background: white;
		display: inline-block;
		margin-left: -15px;
		margin-right: -15px;
		padding: 15px;
	}
	.nav-tabs .nav-link.active{
		border-color: #000000;
	}
	.bottom-logo{
		margin-bottom: 20px;
		margin-top: 10px;
	}
	.hide-on-mobile {
		display: none;
	}
}

/* -------------------------------DESKTOP DESIGNS-------------------------------------- */
.hide-on-desktop {
	display: none;
}
#quicklink-box-mobile {
	display: none;
}

/*
.cod-state-field strong {
font-style: italic;
} */

#bottomleftZoneMobile {
	display: none;
}