.leftBarFullScreen {
		background-color: var(--black) !important;
		height: 100vh !important;
}

.greyRow {
		background-color: var(--greyLight) !important;
		color: var(--black) !important;
}

		.greyRow h3 {
				color: var(--black) !important;
		}

		.greyRow .nimblFont_L {
				color: #000 !important;
		}

.leftBarFullScreen {
		background-color: var(--black) !important;
		color: var(--white) !important;
		font-size: 20px;
		padding-left: 200px !important;
		line-height: 30px;
}

		.leftBarFullScreen h3 {
				font-size: 40px !important;
				text-align: left;
				margin-top: 30vh;
				line-height: 40px !important;
		}

		.leftBarFullScreen .meelaButtonNimbl {
				background-color: var(--white) !important;
				padding: 10px;
				color: var(--black) !important;
				border: none !important;
		}

.rightBarFullScreen {
		background-color: #fff !important;
		height: 100vh !important;
		padding: 50px;
		overflow: hidden;
}

		.rightBarFullScreen img {
				width: 100%;
		}

.infoBarFullScreenLeft {
		padding: 100px !important;		
		height: 100% !important;
		padding: 50px;
		overflow: hidden;
		font-size: 20px;
		text-align: left;
}

		.infoBarFullScreenLeft img {
				margin-top: 20px !important;
				margin-bottom: 100px !important;
		}

.infoBarFullScreenRight {
		padding: 100px !important;		
		height: 100% !important;
		padding: 50px;
		overflow: hidden;
		font-size: 20px;
}

		.infoBarFullScreenRight img {
				margin-top: 20px !important;
				margin-top: 0px !important;
				margin-bottom: 20px;
		}

.infoBarFullScreenLeft .nibleHeaderFA {
		text-align: left;
		padding-bottom: 40px !important;
}

.infoBarFullScreenRight .nibleHeaderFA {
		text-align: right;
		padding-bottom: 40px !important;
}

.infoBarFullScreenRight h3 {
		font-size: 40px !important;
		line-height: 40px !important;
		text-align: right;
		float: left;
		color: var(--red) !important;
}

.infoBarFullScreenLeft h3 {
		font-size: 40px !important;
		line-height: 40px !important;
		text-align: left;
		float: left;
		color: var(--red) !important;
}

.cardMinorDetail {
		width: 50% !important;
		float: left !important;
		text-align: left !important;
		font-size: 13px !important;
		line-height: 20px !important;
		padding: 10px;
}

		.cardMinorDetail b {
				font-size: 14px;
				padding-bottom: 10px;
				float: left;
				width: 100%;
		}

.cardMinorDetailLinkLeft {
		width: 100% !important;
		float: left !important;
		text-align: left !important;
		font-size: 11px !important;
		line-height: 20px !important;
		padding: 10px;
		padding-top: 50px;
		text-align: left;
}

		.cardMinorDetailLinkLeft .fas {
				transition: all ease-in-out 0.5s;
		}

		.cardMinorDetailLinkLeft a:hover .fas {
				padding-left: 10px;
		}

.infoBarFullScreenRight .cardMinorDetail {
		text-align: right !important;
}

.cardMinorDetailLinkRight {
		width: 100% !important;
		float: left !important;
		text-align: right !important;
		font-size: 11px !important;
		line-height: 20px !important;
		padding: 10px;
		padding-top: 50px;
		text-align: left;
}

		.cardMinorDetailLinkRight .fas {
				transition: all ease-in-out 0.5s;
		}

		.cardMinorDetailLinkRight a:hover .fas {
				padding-left: 10px;
		}


@media only screen and (max-width: 1400px) {
		.leftBarFullScreen {
				padding-left: 100px !important;
		}

				.leftBarFullScreen h3 {
						margin-top: 10vh !important;
				}

		.infoBarFullScreenLeft {
				padding: 50px !important;
		}

		.infoBarFullScreenRight {
				padding: 50px !important;
		}
}

@media only screen and (max-width: 1024px) {
		.cardMinorDetail {
		font-size: 13px !important;
		}
		.column {
				padding: 0px !important;
		}

		.leftBarFullScreen {
				padding: 50px !important;
				min-height: 500px !important;
				height: 100% !important;
		}

				.leftBarFullScreen h3 {
						margin-top: 20px;
				}

		.infoBarFullScreenLeft {
				padding-left: 10px !important;
				padding-right: 10px !important;
				border-bottom: solid 5px var(--black);
		}

		.infoBarFullScreenRight {
				padding-left: 10px !important;
				padding-right: 10px !important;
				border-bottom: solid 5px var(--black);
		}

		.nibleHeaderFA hr {
				display: none;
		}

		.nibleHeaderFA ul {
				text-align: center !important;
				padding-bottom: 100px;
				border-bottom: solid 10px #f0f0f0;
		}
}

@media only screen and (max-width: 700px) {
		.cardMinorDetail {
				width: 100% !important;
		}
}