/*@media screen and (max-width: 1320px) {
	body:after{
		position: fixed;
		top: 0;
		right: 0;
		content: "1320 - 1920";
		color: white;
		padding: 5px;
		background: red;
		z-index: 99999;
	}
}
@media screen and (max-width: 1050px) {
	body:after{
		position: fixed;
		top: 0;
		right: 0;
		content: "1050";
		color: white;
		padding: 5px;
		background: red;
		z-index: 99999;
	}
}
*/
/* things need to be resized

#header-container .content
.content
.content.extended
.cover.sub .center .pncustommenumenu




*/

/* ----------------------------------------------------------------------------- */

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

	.content, #header-container .content{
		width: 100%;
	}

	.content h2{
		padding-bottom: 20px;
		padding-top: 150px;
	}
	.news-container .newsitem{
		width: calc(33% - 5px);
	}
	.news-container .newsitem:nth-child(3n){
		margin-right: 0;
	}
	.content h3{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.newspopup, .videopopup{
		height: 90%;
		width: 90%;
	}
	.ptop{
		padding-top: 0 !important;
	}
	.content.pbot{
		padding-bottom: 0 !important;
	}
	.viditm{
		margin-top: 30px;
		width: calc(100% / 2);
	}
	.viditm:nth-child(odd) .video-item,
	.viditm:nth-child(odd) .video-text-container .video-title,
	.viditm:nth-child(odd) .video-text-container .video-desc{
		margin-left: 90px;
	}
	.viditm:nth-child(even) .video-item,
	.viditm:nth-child(even) .video-text-container .video-title,
	.viditm:nth-child(even) .video-text-container .video-desc{
		margin-right: 90px;
	}
	.video-container .viditm .video-text-container{
		padding-left: 30px;
		padding-right: 30px;
		
	}
	.qcard{
		height: 42vw;
		margin-right: 0 !important;
		width: calc(100% / 3 - 5px);	
	}
	.qcard .inner{
		font-size: 1.54vw;
	}
	.qcard .inner .big{
		font-size: 4.5vw;
	}
}
@media screen and (max-width: 1290px) {
	.cover.main .right img{
		float: left;
	}
	.cover.main .right img{
		height: 55vw;
		width: 55vw;
	}
	.cover.main .left{
		width: 100%;
	}
}
@media screen and (max-width: 1175px) {
	.cover.main p .title{
		width: 55%;
	}
	.cover.main .right{
		top: 100px;
	}
}
@media screen and (max-width: 1050px) {

	#header .pncustommenumenu{
		display: table;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
	}
	#header .pncustommenumenu li:last-child{
		border-right: none;
	}
	.cover.main .right img{
		float: right;
	}
	.content, .content.extended, #header-container .content{
		width: 100%;
	}

	.news-container{
		padding-left: 100px !important;
		padding-right: 100px !important;
	}
	.news-container .newsitem{
		width: 50%;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	.news-container .newsitem .text-container{
		padding: 50px;
	}
	.newsitem .image-container{
		height: 280px;
	}
	.news-title{
		font-size: 33px;
	}
	.news-text{
		font-size: 23px;
	}
	.cover.main p .title{
		font-size: 5.5vw;
	}
	.cover.main p .title{
		width: 55vw;
	}
	.qcard{
		height: 480px;
		width: 370px;	
		display: block;
		margin: 0 auto !important;
		margin-bottom: 25px !important;
	}
	.qcard .inner{
		font-size: 19px;
	}
	.qcard .inner .big{
		font-size: 40px;
	}
	
}
@media screen and (max-width: 1040px) {
	#header .pncustommenumenu li{
		font-size: 2.5vw;
	}
	#header .pncustommenumenu li{
		padding-left: 2.5vw;
		padding-right: 2.5vw;			
	}

}
@media screen and (max-width: 840px) {
	.cover.main .right{
		top: 26vw;
	}
	.content:not(.videoc){
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	#header-container .content{
		padding: 0 !important;
	}
	.cover.main p .title{
		font-size: 6.5vw;
	}
	.cover.main p .title{
		width: 65vw;
	}
	.cover.sub p .title{
		font-size: 6vw;
	}
	.cover.main{
		height: 60vw;
	}
	.cover.sub .center .pncustommenumenu{
		padding: 0;
		margin: 0;
		width: 70%;
		display: block;
		margin: 0 auto;
	}
	.cover.sub .center .pncustommenumenu li{
		font-size: 5vw;
	}
	.news-container .newsitem{
		width: 100%;
		display: block;
	}
	.newsitem .image-container{
		height: 380px;
	}
	.cover.sub .center .pncustommenumenu li div a{
		padding-left: 5vw;
		padding-right: 5vw;		
	}
	.cover.sub{
		padding-top: 8vw !important;
	}
	
	.answercont img{
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 750px) {
	.cover.sub .left,
	.cover.sub .right{
		display: block;
		float: none;
		margin-bottom: 20px !important;
		margin-top: 20px !important;
	}

}
@media screen and (max-width: 750px) {
	.viditm{
		display: block;
		width: 100%;
	}
	.video-item{
		margin-left: 75px !important;
		margin-right: 75px !important;
	}
	.video-container .viditm .video-text-container{
		margin-left: 75px !important;
		margin-right: 75px !important;	
		padding-top:50px;
		padding-bottom: 50px;
		min-height: 0;
	}
	.video-container .viditm .video-text-container .video-title,
	.video-container .viditm .video-text-container .video-desc{
		margin: 0 !important;
	}
	.dbc{
		padding-bottom: 50px;
	}
	.video-container .viditm .video-text-container .video-title{
		margin-bottom: 20px !important;		
	}
}
@media screen and (max-width: 640px) {
	.questioncont{
		font-size: 18px;
	}
	.answercont p{
		font-size: 16px;
	}
	.news-title{
		font-size: 18px;
	}
	.news-text{
		font-size: 16px;
	}
	.newsitem .image-container{
		height: 55vw;
	}
	.news-container .newsitem .text-container{
		padding: 7vw;
	}
}
@media screen and (max-width: 620px) {
	.cover.main .right{
		top: 32vw;
	}
	.video-item{
		height: 50vw;
	}
	.video-container .viditm .video-text-container .video-title{
		font-size: 18px;
	}
	.video-container .viditm .video-text-container .video-desc{
		font-size: 16px;
	}
	.news-container{
		padding-left: 10vw !important;
		padding-right: 10vw !important;		
	}
	.video-item, .video-container .viditm .video-text-container {
		margin-left: 10vw !important;
		margin-right: 10vw !important;
	}
}
@media screen and (max-width: 550px) {
	.cover.main{
		padding-top: 11vw !important;
	}
	#header .pncustommenumenu li{
		font-size: 14px;
	}
}
@media screen and (max-width: 530px) {
	#header .pncustommenumenu li{
		padding-bottom: 10px;
		padding-top: 10px;
	}
}

@media screen and (max-width: 430px) {
	.qcard{
		height: 130vw;
		width: 85vw;	
		display: block;
		margin: 0 auto !important;
		margin-bottom: 25px !important;
	}
	.qcard .inner{
		font-size: 4.5vw;
	}
	.qcard .inner .big{
		font-size: 10vw;
	}
	.qcard .inner p br{
		display: none;
	}
	.content h3{
		font-size: 8.5vw;
	}
}