@media {	
	.textpost img {max-width:100%; height:auto;}	
	.next, .prev, .button, .button1, .button2, .galleryimg, .scrollTop, .ease, .socialnet, .menuside ul li, .navitem, .captionplayer, .logotop, .sb, .itemtxt, .navleft, .navright, .top2, #top2, .toplangs ul li {
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
			 -o-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
				transition: all 0.3s ease;
	}
}



@media only print {

	body {
		margin:0px;
		padding:0px;
		background:#FFFFFF;
		position:relative;
		overflow: visible;
		}

	.wrapper6, .wrapper5, .wrappersmall, #maincontent, .moz, .wrapper1, .wrappertxt, .wrapperlogo, .wp-caption, .twothirdX {
		width:100% !important;
		margin:0 auto !important;
		float:none !important;
		padding-left:0; padding-right:0;
		display:table;
		max-width:800px !important;
	}
	
	.wrapperlogo {padding-top:0px !important; padding-bottom:0px !important;}
	#box_1 {margin-top:0px !important; padding-top:0px !important;}
	
	.mt3 {margin-top:0px !important;}
	.logotop {margin:0px auto; display:table; height:60px; width:auto; float:none; position:static;}
	
	.nop, p iframe, .square   {display:none !important;}
	.bgblack {background:#fff; }
	
	.listnews .item  {width:100%; float:none; position:relative; margin-bottom:20px; border-bottom:1px solid #bfbfbf; display:table; padding-bottom:10px;}
	.listnews .item1 {margin-right:0; margin-left:0;}

	.listnews .item .titlepost {padding:10px; background:#fff; width:460px !important; float:left; height:auto !important;}
	
	.listnews2 .item .titlepost {width:100% !important; padding:10px 0px !important;}

	.listnews .item .itemimg {
	background-repeat:no-repeat;
	background-position: top center;
	background-size:100% auto;
	background-size:cover;
	background-color:#bfbfbf;
	height:200px !important; overflow:hidden; position:relative; 
	width:200px !important;
	float:left;
	}	

	.headerpost {
	background:#fff;
	}

}


@media only screen and (max-width: 1150px) {
	.nav2  {width:100%; text-align:center;}
	
	#top3 ul li a { padding:12px; }

	.sliderpost .prev, .sliderpost .next  {width:77px; height:77px;	}

	.wrapper6, .wrapper5, .wrappersmall {
		width:90%;
		padding-left:5%;
		padding-right:5%;
	}
	
	.toplangs  {padding-right:15px; }
}


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

	.mt3 {margin-top:0px !important;}

	.arrowsidebox  {
	display: block !important;
	}

	#top3 {background:#f4f4f0; padding-bottom:0px;}
	#pagetop {display:none;}
	
	#top3 ul {
		margin:0px; padding:0px;  
		list-style: none;
		float:none;
		width:100%;
	} 

	#top3 ul li {  
		margin:0px;
		color:#fff;
		text-align:center;
		width:100%;
		display:block;		 
		font-weight:bold;
		padding:0px !important; 
		border-bottom:0px solid #fff;		
		white-space:unset;
		font-size:22px; line-height:22px;
	}
		
	#top3 ul li ul.sub-menu {
		list-style: none;
		position: static; 
		margin: 0px; padding: 0px;
		padding:0px 0px 20px !important; 	
		border:0px solid #b02b08;
		background:transparent;
	}	
	
	#top3 ul li ul.sub-menu li {  
		font-weight:normal !important;
		padding:0px 0px 10px !important; 
		margin:0px;
		color:#fff;
		text-align:center !important;
		width:100%;
		display:block;		
		background:transparent;	
		border-bottom:0px solid #fff;		
	}
	
	#top3 ul li ul.sub-menu li.no1 {display:block !important;}

		
	#top3 ul li a {position:relative; z-index:62; filter:alpha(opacity=100); opacity:1; padding:12px 25px; }
	

	#top3 ul li ul.sub-menu li a {  
		padding:0px !important; 
		margin:0px;
	}
	
	#top3 ul li:hover {border-bottom:0px solid #b02b08; }
	
	.mfp-close-btn-in .mfp-close {color:#333;}

}

@media only screen and (max-width: 1000px) {
	.wrappertxt {
		width:90%;
		padding-left:5%;
		padding-right:5%;
	}
		
	#footerbox .partner .img {margin-right:30px;}
	#footerbox .socialbox {width: 25%;}	
	#footerbox .partner {width:69%;}
	
	#footerbox .partner img {height:80px;}
	.footerbox2 .social {width:36px; height:36px; background-size:36px 36px; }
	.footerbox2 .socialRSS  {background-image:url(images/rss-b.png); background-size:26px 26px;}
	.footerbox2 .socialRSS:hover  {background-image:url(images/rss-r.png); background-size:26px 26px;}


}


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

	.square .item {width:48%; margin:0px 0px 4%;}
	.squarecenter .item {width:47%; margin:0px 0px 4%;}
	.square .item1 {margin-right:0%; margin-left:0%;}
		
	.square .item:nth-child(odd) {
		margin-right:4%;
	}	
	
	

	.listnews .item  {width:48%; margin:0px 0% 4%;}
	.listnews .item1 {margin-right:0%; margin-left:0%;}
	.listnews .item:nth-child(odd) {
		margin-right:4%;
	}	

		
	.headerpost h1 {
	padding:10px 5%x;
	font-size:32px; line-height:34px;
	}
	
	.galleryimg {margin-right:2%; margin-bottom:2%; width:32%; display: -moz-inline-block; display:inline-block;}
	.gallery2box .galleryimg {margin-left:2%; margin-right:2%; margin-bottom:2%; width:43%; display: -moz-inline-block; display:inline-block;}
	
	.gallery2box .small { width:28.5%; }
	.gallery2box .galleryimg img {max-width:140px;}
	.gallery2box .small img {max-width:80px;  }

	.gallery2box .galleryimg span b  {font-size:16px; line-height:18px;}
	
	.galleryimg4 {margin-right:2% !important;}
	.mobimg2 {margin-right:0px !important;}
	.gallery2box .mobimg2 {margin-right:2% !important;}
	.divsep {display:none;}
	.divmob {width:100%; display: -moz-inline-block; display:inline-block;}
	
	.textpost ul.topwidget li {width:44%; padding-bottom:30px; padding-right:3%; padding-left:3%;}
	.textpost ul.topwidget li:nth-child(3) {clear:left;}
		
		
	.wrapperlogo {float:none; max-width:none; padding:20px 0px 20px; display:block;}
	.topmenu {float:none; width:auto; padding:0px 0px 0px; position:absolute; top:20px; right:5%;}
	
	.contact {width:auto !important; float:right; margin-bottom:0px; margin-left:15px; }
	.contact a {font-size:17px; line-height:17px; padding:10px 20px;}
	.logotop {height:90px; width:auto;}
	
	.toplangs {float:right;}
	.topsocial {clear:both; margin-right:0px;}
	#topsocial .social {margin-top:20px; width:26px; height:26px; background-size:26px 26px; margin-left:15px;}
	
	#footerbox .pad8 {padding-top:20px; border-top:1px solid #ccc;}	

	#footerbox .partner, #footerbox .socialbox {width: 100%; display: -moz-inline-block; display:inline-block; padding:0px; text-align:center; float:none; }	
	#footerbox .partner {border:0px; padding-top:60px; border-top:1px solid #ccc;}
	.footerbox2 .social, #footerbox .partner .img {float:none; display: -moz-inline-block; display:inline-block; }

	.otherpg {display:none !important;}

	#footerbox ul {display:block;}
	#footerbox ul li {	max-width:unset; min-width:unset; font-size:18px; line-height:18px;}
	#footerbox ul li ul.sub-menu {padding-right: 0px;}
	#footerbox ul li.level-0 {	width:32%;  margin-bottom:30px; padding:0px; display: -moz-inline-block; display:inline-block;}
	.footerbox2 hr.hr1 {margin:10px 0px 30px;}
	

}

@media only screen and (max-width: 800px) {
	.indextitle  {display:none;}
	.footerbox  {padding-bottom:10px;}
	#footerbox .partner {padding-top:40px; }
	#footerbox .partner img {height:70px;}
	.scrollTop {display:none;}
	.logotop {height:80px; width:auto;}
	
}

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

	.onefourth, .onethird21, .onethird, .onehalf, .twothird {
	float:none !important; width:100% !important; padding-left:0% !important; padding-right:0% !important;
	margin-left:0% !important; margin-right:0% !important;}
	
	.textpost ul.topwidget li {width:94%; padding-bottom:30px; padding-right:3%; padding-left:3%; clear:both; float:none; }
	
	.textpost img.alignright, .textpost img.alignleft {max-width:40% !important; height:auto;}
	
	.contact {display:none; float:none; margin:0px;}
	.newsletter, .newsletter .contact {display:block;}
	.newsletter .contact a {margin:0px auto 40px;}
	#topsocial .social {margin-top:10px; width:22px; height:22px; background-size:22px 22px;}
	.contact a {padding:6px 15px;}
	.toplangs {padding-top:1px; padding-bottom:1px;}

	.textpost p {text-align:unset;}
		
	.alignright {margin-left:20px; margin-bottom:20px; }
	.alignleft {margin-bottom:20px; margin-right:20px; }
	
}


@media only screen and (max-width: 600px) {
		
	.listnews .item {width:100%; margin:0px auto 30px !important; max-width:340px; float:none;}
	#footerbox ul li.level-0 {	width:48%; }
	
	.square .itemtxt h3 {
	font-size:28px; 
	line-height:30px; 
	}
	
	.logotop {margin-top:-5px; margin-left:-10px;}
	
	#footerbox .partner img {height:60px;}
		
	.textpost ul, .textpost ol {
		margin: 15px 0px 25px;
		margin-left: 17px;
		padding: 0px;
		padding-left: 0px;
	}	

	.wrappertxt {
		padding-top:5%;
		padding-bottom:5%;
	}

	.nopt {padding-top:0px !important; padding-bottom:5% !important;}

	.textpost  blockquote {
	font-size: 22px;
	margin-left:8px;
	line-height: 28px;
	}

	.textpost blockquote:before {
	content: "\201C";
	font-size: 54px;
	left: -25px;
	top: -5px;
	}

	.gallery2box .galleryimg span b  {font-size:14px; line-height:16px;}

	.formitem6 {float:none; width:98%; margin-right:2%; padding-top:10px;}

	.newsitem .itemimg {float:none; width:100%; padding-top:100%;
	margin-left:0px;
	}
	

}

@media only screen and (max-width: 560px) {
	.logotop {height:65px; margin-top:-10px; margin-left:-3%;}
	.topmenu {top:10px; }

	.toplangs  ul li {font-size:15px; }
	.lang { font-size:15px; line-height:15px; }
	.contact a {font-size:15px; line-height:15px; padding:6px 12px;}
	#langs {top:27px;}
	
	.square .item {width:100%; margin:0px !important; margin-bottom:4% !important;}
	.square .itemtxt h3 {
	font-size:34px; 
	line-height:36px; 
	}
	
	#footerbox .partner .img {margin-right:20px;}

	#cookie_banner .buttonlink, .video_cookie .buttonlink {
	padding:10px 20px;
	}	

	.cookie_wrapper {
	padding:20px 5%;
	}

}


@media only screen and (max-width: 500px) {
		
	.menusidebox { width:90% !important; max-width:none !important;}	
	
	.headerpost h1 {
	font-size:28px; line-height:30px;
	}	
	
	.sliderpost .item h2.itemtxt1 {
	font-size:28px;
	line-height:30px;
	}
	
	.sliderpost .item .itemtxt2 {
	font-size:16px;
	line-height:22px;
	}
	
	
	.sliderpost, .sliderpost .item   {
	height:350px;
	}
	
	.sliderpost .next, .sliderpost .prev, .scrollnav  {display:none;}
	
	#footerbox .partner .img {margin-right:15px;}
	
}

@media only screen and (max-width: 450px) {
		
	#footerbox .partner img {height:50px;}
	
}

@media only screen and (max-width: 420px) {
		
	#footerbox .partner img {height:40px;}
	#footerbox ul li.level-0 {	width:100%; margin-bottom:50px;}

}