@media screen and (max-width: 1009px) {

	#logoBott {
		display: none;
	}
	
}



@media screen and (max-width: 999px) {

	body {
		font-size: 16px;
		line-height: 26px;
	}
	
	#logoTop {
		position: fixed;
		left: 10px;
		top: 10px;

		right: auto;
		height: 100px;

		border: 1px solid #ffffff;
	}

	#buttMobNavHolder {
		position: fixed;
		top: 50%;
		right: -2px;
		transform: translateY(-50%);
		z-index: 11000;
		display: block;

		cursor: pointer;
		user-select: none;

		padding-left: 10px;
		padding-right: 5px;
		padding-top: 30px;
		padding-bottom: 30px;

		background-color: #cd1719;
		border-right: none;

		border: 2px solid #ffffff44;
		border-top-left-radius: 50%;
		border-bottom-left-radius: 50%;

		box-shadow: 3px 3px 3px 0px #00000020;
	}

	#buttMobNav {
		display: block;
		height: 20px;
		user-select: none;
	
		transform: rotate(180deg);
		transition: rotate 0.8s ease-in-out;
	}
	
	#navMob {
		position: fixed;
		left: 104%;
		top: 0px;
		z-index: 10500;
		display: flex;
		width: 100%;
		height: 100%;

		justify-content: center;
		align-items: center;

		border-right: 1px solid #ffffff;

		transition: left 0.5s ease-in-out;
	}

	#topNav {
		display: none;
	}

	#videoHolder {
		margin-top: 0px;
	}
	
	.content {
		width: calc(100% - 40px);
		padding: 20px;
	}
	
	#bottomInner {
		display: block;
		width: calc(100% - 40px);

		padding-left: 20px;
		padding-right: 20px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	#bottomInner div {
		border-left: none;
		padding-left: 0px;
	}

	#bottomInner div p {
		text-align: center;
	}
	
	#socialHolder {
		text-align: center;
		border-top: 1px dotted #505dac;
		padding-top: 30px;
		margin-top: 30px;
	}

	#logoOscr {
		height: 100px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#partnerHolder img {
		max-height: 70px;
	}
	









	.aboutBox {
		display: inline-block;
		margin: 20px;
		text-align: center;
	
		border-radius: 20px;
		overflow: hidden;
	}
	
	.aboutGraphic {
		display: flex !important;
		width: 270px !important;
		height: 130px;
	
		justify-content: center;
		align-items: center;
	
		font-size: 120px;
		color: #ffffff;
	
		padding: 10px;
		background-color: #283583;
	
		filter: saturate(100%);
		transition: filter 0.3s ease-in-out;
	}
	
	.aboutBox:hover .aboutGraphic {
		filter: saturate(150%);
	}
	
	.aboutTitle {
		display: block;
	
		color: #ffffff;
		background-color: #283583;
	
		padding-top: 10px;
		padding-bottom: 10px;
	}
	


















	a:link.linksMob, a:active.linksMob, a:visited.linksMob, a:hover.linksMob {
		display: block;
	
		font-size: 24px;
		font-weight: bold;
		text-decoration: none;
		text-align: center;

		margin-top: 15px;
		margin-bottom: 15px;
	
		color: #ffffff;

		opacity: 0;
		transition: opacity 0.5s ease-in-out;
	}

}


@media screen and (max-width: 799px) {

	.latestTwoHolder {
		display: block;
	}

	.olderNewsLink {
		display: block !important;
	}

	.olderNewsLink img {
		width: 100%;
		margin-bottom: 20px;
	}
	
}


@media screen and (max-width: 767px) {

	.pluginops-optinColumn:first-child {
		height: 100px !important;
		min-height: 0px !important;
		background-image: none !important;
		background-color: #333333 !important;
	}
	
	.pluginops-optinColumn form {
		padding-left: 20px !important;
		padding-right: 20px !important;
		text-align: center !important;
	}

	.pluginops_form_inp_wrapper {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.pluginops-optinColumn input {
		margin-left: auto !important;
		margin-right: auto !important;
	}

}


@media screen and (max-width: 699px) {

	.teamPhoto {
		width: 200px;
		margin-left: 30px;
	}

	.projectListHolder .latestNewsLink {
		font-size: 14px;
	}

	.aboutBox {
		margin: 10px;
	}
	
	.aboutGraphic {
		width: 220px !important;
		height: 80px;
	
		font-size: 70px;
	}

}


@media screen and (max-width: 599px) {

	.projectListHolder {
		display: block;
	}
	
	.projectListHolder .latestNewsLink {
		width: calc(100% - 40px) !important;
	}
	
	.newsthumb {
		float: none;
		width: 100%;
		margin-left: 0px;
	}
	
	.newsBodyImage {
		width: 100%;
		max-width: none;
		margin-bottom: 20px;
	}

	.alignright {
		float: none;
		width: 100%;
		max-width: none;
		margin-left: 0px;
		margin-bottom: 20px;
	}







}


@media screen and (max-width: 499px) {

	.teamPhoto {
		width: 100%;
		float: none;
		margin-left: 0px;
	}

	#announcement {
		flex-direction: column;
		font-size: 14px;

	}
	
	#annDiv {
		font-size: 14px;
		line-height: 14px;

		border-top-right-radius: 0px;
		border-bottom-left-radius: 50%;
		border-bottom-right-radius: 50%;
	}
	
	#announcementContent {
		display: block;
		width: calc(100% - 100px);
	}
	
	#annDiv span {
		visibility: hidden;
	}

}