/** XS **/
@media (max-width: 576px) {}

/** SM **/
@media (max-width: 768px) {}

/** MD **/
@media (max-width: 992px) {
	.mainNav {
		margin-top: 5px;
	}

	.navbar-light .navbar-nav .nav-link {
		font-size: 13px;
	}

	.topNav a {
		font-size: 0.9em;
	}

	.mainBannerTitle {
		line-height: 1;
	}

	.mainBannerTxt {
		width: 95%;
	}

}

/** LG **/
@media (max-width: 1200px) {
	.mainNavLogo img {
		content: url("../img/logo.png");
		height: 55px;
		width: auto;
	}

	.menuArrow {
		padding-top: 0;
	}

	.menuArrow>div>div.p-1 {
		padding: 9px 4px !important;
	}

	.pageBanner {
		height: 400px;
	}

	.homeBanner {
		height: 555px;
	}

	.homeBanner img {
		height: 555px;
	}

	div.topNav a.nav-link {
		font-size: 0.9em;
	}
}

/******************************** RESPONSIVE ********************************/


/********* lg *********/

@media (max-width: 991.98px) {

	.mainNavBox {
		width: 100%;
		position: absolute;
		z-index: 9900;
	}

	.OMLogo {
		position: absolute;
		z-index: 1;
	}

	.navbar {
		padding: 15px;
		background-color: white;
	}

	.mainNav .navbar-toggler {
		margin-left: auto;
		margin-right: 10px;
		margin-bottom: 10px;
		padding: 10px;
		color: white;
		background-color: #006150;
	}

	.mainNav .navbar-toggler[aria-expanded=true] .fa-bars::before {
		content: "\f00d";
	}

	.navbar-nav {
		margin-top: 25px;
	}

	.navbar .nav-item {
		max-width: 95%;
		margin-bottom: 5px;
		padding: 10px 0;
		background-color: #006150;
	}

	.navbar .nav-item a {
		color: white;
		text-align: center;
	}

	.mainNavBox .nav-item:hover>a {
		color: #006150;
	}

	.navbar .nav-item div {
		display: inline-block;
		margin-right: 0.4em;
	}

	.navbar .nav {
		margin: 15px 0;
		display: block;
	}

	.navbar .nav .nav-link {
		font-size: 1.1em;
	}

	.menuArrow>div>div.p-2 {
		padding: 10px !important;
		margin-top: 3px;
	}

	.menuArrow br {
		display: none;
	}

	.grayBox .col-12 {
		margin-bottom: 25px;
	}

	.downTable, .formsTable, .cookiesTable {
		min-width: 100%;
	}

	.formsTable td {
		text-align: left;
	}

	.cookiesName {
		word-break: break-word;
	}

	.glossaryPag {
		display: flex;
		flex-wrap: wrap;
	}

	.searchPages span {
		display: none;
	}

	.pageBanner {
		height: 300px;
	}

	.homeBanner {
		height: 475px;
	}

	.homeBanner img {
		height: 475px;
	}

	.printBC {
		display: none;
	}

}


/********* md *********/

@media (max-width: 767.98px) {

	.carousel-inner .mainBannerTitle {
		font-size: 1.5em;
		margin-bottom: 5px;
	}

	.carousel-inner .mainBannerTxt {
		font-size: 1.2em;
	}

.carousel-item:first-child .mainBannerTxt {
	overflow: hidden;
	display: -webkit-box;
	font-size: 1.1em;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
	.getThereBox .row div:first-child .getThereItemBox {
		margin-bottom: 25px;
	}

	.content {
		margin-top: -100px;
	}

	.LnavTitle {
		display: inline-block;
		margin: 0;
		margin-top: 1px;
		padding: 15px 10px;
		color: white;
		font-size: 1.1em;
		background-color: #006150;
		border-radius: 0;
	}

	.LnavTitle a {
		padding-right: 15px;
		border-right: 1px solid white;
	}

	.LnavTitle a, .LnavTitle i {
		color: white;
	}

	.navbar-toggler[aria-expanded=true] .fa-chevron-down::before {
		content: "\f077";
	}

	.Lnav {
		font-size: 1.1em;
	}

	.Lnav .nav-link {
		padding: 5px 0;
	}

	.iconBC,
	.linkBC a {
		display: none;
	}

	.contentText {
		margin: auto;
		padding-right: 0;
		padding-left: 0;
	}

	.contentText {
		padding-top: 50px;
	}

	.contentText, .backToTop {
		font-size: 1.2em;
	}

	.justify-content-center .contentText {
		padding-top: 80px;
	}

	.glossaryDefs dt {
		border-bottom: none;
		margin-bottom: 0em;
	}

	.footerNav nav {
		display: block;
		font-size: 1.2em;
		line-height: 2.2em;
		text-align: center;
	}

	.footerNav nav a {
		border: none;
	}

	.footerNote {
		font-size: 1em;
	}

	.homeBanner {
		height: 520px;
	}

	.homeBanner img {
		height: 450px;
	}

		.homeBanner .carousel-caption {
			left: 0;
			right: 0;
		}

	.serviceTeams ul {
		width: 80%;
	}

}