/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Smartphones (portrait and landscape) ----------- */
@media screen 
and (min-width : 200px) 
and (max-width : 767px) {

	#slider-copd{
			height:auto !important;
			background-color:#f5f5f5;
	
		}
#slider-copd .s-right{
		margin-top:15px;
	}
#slider-copd .s-right span.title{
							color:#5C5C5C !important;
							text-align:left !important;
						}
					#slider-copd .s-right span.sub-title a{
								color:#5C5C5C !important;
								text-align:left !important;
							
						}
					#slider-copd .s-right span.text,
					#slider-copd .s-right span.sub-title{
							width:100% !important;
							color:#5C5C5C !important;

						}
		
	.home-nav-wrap,section#content .home-nav,
	#slider-copd .s-left ,#slider-copd .s-right,
	#slider-copd .s-left .text
	{
			display:block !important;
			width:100% !important;
			max-width:100% !important;;
			
	
		}
	.slick-prev {
			left:15px !important;
			top:-10px !important;
		}
	 .slick-next{
			right:15px !important;
			top:-10px!important;
		}
	section#content.page{
			display:block;
		}
	section#content aside{
			display:block;
			width:100%;
		}
		
			section#content aside nav ul {
					display:none;
					background: #494949;
				}
					section#content aside nav ul li {
										width:100%  !important;
									}
				section#content aside nav ul li.current_page_item,
				section#content aside nav ul li:hover{
						background: #777 !important;
						background-color: #777 !important;
					}
				section#content aside nav ul li a{
						color:white;
					}
section#content aside nav ul > li:hover > a:after, section#content aside nav ul > li.current_page_item > a:after, section#content aside nav ul > li.current_page_ancestor > a:after, section#content aside nav ul > li > a:after,
section#content aside nav ul > li:hover:after, section#content aside nav ul > li.current_page_ancestor:after, section#content aside nav ul > li.current_page_item:after ,
			section#content aside nav ul > li:hover:before, section#content aside nav ul > li.current_page_ancestor:before, section#content aside nav ul > li.current_page_item:before{
				height:0;width:0;
				display:none;
				}
			section#content aside nav ul li a{
				position:relative;
				display:block;
				clear:both;
				width:100%;
				color:#6b6b6b;
				padding:10px 0 10px 27px;

			
			}
		section#content aside a.mobile_submenu_clicker{
				display:block;
			}	
		section#content aside a.mobile_submenu_clicker:before{
				content:">";
				position:absolute;
				top:0;
				right:0px;
				width:40px;
				text-align:center;
				line-height:3em;
				display:block;
				z-index:15;
				height:100%;
			-webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
			transition: all 1s;
				font-size:1em;
				
			}
		section#content aside a.mobile_submenu_clicker:after{
				position:absolute;
				top:0;
				z-index:10;
				right:0;
				height:100%;
				background-color:#3154B4;
				width:40px;
				content:"";
			}
		section#content aside a.mobile_submenu_clicker.active:before{
				transform:rotate(90deg); -webkit-transform:rotate(90deg); 
				-moz-transform:rotate(90deg); -o-transform:rotate(90deg); 
			}
		section#content aside a.mobile_submenu_clicker{
				color:white;
				display:block;
				line-height: 2.0em !important;
				padding: 7px 0 7px 4px !important;
				position:relative;
				width:100%;
				background-color: #15317D;
			}
			
			
			
	section#content article{
				padding:0 10px;
				display:block;
				width:100%;
				
			}

	section#content_wrapper .wrapper{
		padding: 0 !important;
		}
	section#content_wrapper section#content{
		padding: 0 15px !important;
		}
		
		
/* Styles */
	.wrapper{
		max-width:100% !important;
		min-width:100% !important;
		width:100% !important;
		padding: 0 3%;
		position:relative;
	
	}


	
	.grid,.grid .g{
			display:block;
			width:100%;
		}
	content{
			padding-bottom:0 !important;
	
		}
	body{
		margin-bottom:0 !important;}
	
	
	header div.container{
			display:block;
			width:100%;
			height:auto;
		}
	header a#logo {
			display:block;
			width:100%;padding-top:30px;

		}
	header div#information-box{
			display:none;
		}
	header .anzg_desc{
			padding-top:15px;
	
		}
		table{
		width:auto !important;
		max-width:auto !important;
		
		}
		.table-wrapper{
				overflow-x:scroll;
				touch-action: pan-x;
				-webkit-touch-action: pan-x;
				-moz-touch-action: pan-x;
			}
	/* NAVIGATION */
	a.nav-trigger{
			display:block !important;
			position:absolute;
			top:10px;
			right:10px;
			z-index:100000;
		}

	a.nav-trigger i{color:#444444;font-size:300%;}
	a.nav-trigger.active i{color:white !important;}	
		
		
	nav.nav:before{
			display:none;
		}
	nav.nav:after{
			display:none;
		}
		
	nav.nav{
			height:auto !important;
			margin-top:0;
			right:0;
			position:absolute;top:0;
		max-height:none !important;	
		background:white;
	}
	header nav ul{
			height:auto !important;
		max-height:none !important;	
		
	
	}
	.nav ul{
		background:#494949;
		padding-top:40px;
		}
	.nav div.bg{

				display:none;
			}
	.nav{ 
		width:80% !important;
		
		clear:both;
		background:#494949;
		margin-bottom:30px;
		display:none;
	}

	.nav ul li{ 
		width:100% !important;
		max-width:100% !important;
		height:50px !important;
		clear:both;
	
	}
	.nav ul li a{
			width:100% !important;
			max-width:100% !important;
			margin:0 0 0px!important;
			border: 0px solid transparent !important;
			text-align: left !important;
			padding-left:20px !important;
			height:50px;
			font-size:100%;
			padding-top:0%;
			
		}

	header nav ul li.current-menu-item a,header nav ul li.current-page-ancestor a,header nav ul li.current-menu-parent a ,header nav ul li a:hover{
		background:	#777777 !important;
		background-color:	#777777 !important;
		
		}
		
	.nav .wrapper{padding:0 !important;}
	.nav ul li a {
			color:white;
		}
	.nav ul li a i{

			vertical-align:middle;
			float:left !important;
			width:20%;

			line-height:43px !important;
		}
	.nav ul li a:hover:after{
			border-width: 0px 50px 0 50px !important;
				
		}	
		
		header .g960{
				padding:0 !important;
		
			}
		header nav ul li.search input[type="submit"] {
			right:0;

		}
			header nav ul li.search{
					max-width:100%;
					margin-top:6px;
					padding-left: 20px !important;
					margin-right:0px;
					float:left;}
			header nav ul li.search input[type="text"]{
				position:relative;float:left;
				display:block;
				clear:none;
				}
			header nav ul li.search input[type="submit"]{
				position:relative;
				float:right;
				width:24px;height:24px;cursor:pointer !important;
				margin-top:2px;
				margin-right:5px;
}
			header nav ul li.search div.submit{right:0;}
		/* SLIDER */
			
			img{max-width:100% !important;}
			section#slider {
					display:none;
				}
			section#slider img {
				
					
				}
			section#slider img.badge {
					position:absolute;
					top:0;
					display:none;
					left:0;
				}
			section#slider{
					margin-bottom:20px;
				}
			section#slider div.data{
					top:0;
					left:0;
					position:relative;
					float:left;
					width:100%;
				}
			section#slider div.data a{
					width:100%;
					text-align:center;
				}
			section#slider div.data span{
					float:left;
					width:100%;
				}
			section#slider div.data span:first-child{
					margin-top:5px;
					text-align:center;

					font-size:1.5em;
				}
				section#slider div.data span:first-child + span{
					text-align:center;
					margin-top:15px;
					font-size:3em;
					
				}
				section#slider div.data span:first-child + span + a + span{
					font-size:1em;
					padding-bottom:15px;
				}
		/* SUPPORT SECTION */
			section#support_kjlcn .g:last-child{
					padding-top:20px;
				}
			section#support_kjlcn .g:first-child{	
					border-right:0px solid transparent;
					border-bottom:1px dotted #909090;
					padding-bottom:10px;
				}
			section#support_kjlcn .g div {
				
				}
			

			section#support_kjlcn .g div:first-child{	
					padding-right:20px;
					width:25%;
					max-width:25%;
				}
	/* FOOTER */
		footer .g.rightpart p {
				width:100%;
		
			}
		footer section#social_icons a{
				float:none;
			}
		footer section#social_icons {
				text-align:center;
			}
		footer section#copyright{ text-align:center; }

	footer ul li{width:100%;clear:both;text-align:center;padding-bottom:20px;}
	footer ul li span{position:absolute;display:block;float:left;width:100%;font-size:16px;color:white;top:0px;}
	footer ul li a{position:relative;display:block;float:left;width:100%;color:#8e8e8e !important;}
	footer ul li:first-child {}
	footer ul li:first-child + li{}
	footer ul li:first-child + li+ li{}
	footer ul li:first-child + li+ li+ li{}
	footer ul li:first-child + li+ li+ li+ li{margin-right:0px !important;}
}
/* iPads (portrait and landscape) ----------- */
@media screen 
and (min-widtxh : 600px) 
and (max-widthx : 768px) {

}


/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	content{
			padding-bottom:0 !important;
	
		}
	body{
		margin-bottom:0 !important;}
	footer{ display:block;position:relative;}

/* Styles */
}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}