/* CSS Document */
@media (max-width: 1240px){

	header .container, .video .container, .elmeny .container, .footer-menu .container, .component, .footerbg .container
	{
		width:100%;
	}
	.menu.span,.menu2.span
	{
		width:40%;
		margin:5%;
	}
	.footer-logo.span
	{
		width:30%;
		margin:5%;
	}
	.footer-eleres.span
	{
		width:50%;
		margin:5%;
	}
	
	
	header .menu_top.span li a{
		padding:0 15px;
		font-size:15px;
		}
	.footer-menu li a{
		padding:0 10px;
		font-size:15px;
		}
	.elmeny{
		background-image:none;
		background-color:#dee8f3;
		}
	
}
@media (max-width: 990px){
	header{
		background:none #fff;
		}
		header .eleres_top.span{
			height:auto;
			}
		header .eleres_top.span td:nth-child(2){
			padding:10px 0 0 0;
			background-image:none;
			}
		header .eleres_top.span td, .elmeny td{
			display:block;
			width:100%;
			}
		.elmeny td:nth-child(1){
			width:90%;
			padding:0 5%;
			}
		.elmeny td:nth-child(2){
			width:90%;
			padding:0 5%;
			margin-top:20px;
			}
	header .menu_top.span{		
		background:#1c4c66;
		width:100%;
		height:auto;
		margin:0px;
	}
	header .menu_top.span .menu{
		display:none;
	}
		.menu_top > ul > li > ul
						{
							display: block;
							position: relative;
							top: 0px;
							left: 0px;
							right: 0px;
							z-index: 0;
						}
		.menu_top > ul > li > ul{
			border:none;
			text-align:right;
			}
		.menu_top a, .menu_top .nav-header{
			text-align:left !important;
			}	
			.menu_top .nav-header{
				padding:0 15px !important;
				display:block;
				border-bottom:1px solid #2f6582;
			}
			.menu_top ul ul li a{
				padding:0  0 0  35px !important;
				}
	.menu_icon{
		display:block;
		height:40px;
		width:40px;
		background:url(../images/menu_button.png) no-repeat center center #2399d7 ;
		margin:10px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		cursor:pointer;	
		border:1px solid #fff;	
		}
	header .menu_top.span li{
		float:right;
		border-bottom:1px solid #2f6582;
		border-right:0px;
		width:100%;
		}
}
@media (max-width: 767px){
	
	.menu.span,.menu2.span,
	.footer-logo.span,
	.footer-eleres.span
	{
		width:90%;
		margin:5%;
	}
	
	header .menu_top.span{
		float:right;
		background:#1c4c66;
		
	}
	.productCard{
		float:left;
		width:40%;
		margin:5%;
		}
	.productCard.empty{ display:none;}
	
	.footer-menu li{
		text-align:right;
		border-bottom:1px solid #2f6582;
		border-right:0px;
		width:100%;
		}
	
	.productCardList .imageContainer{
		width:100%;
		}
	.productCardList .details{
		width:94%;
		}
		.left_side{
			margin:10px 20%;
			width:60%;
			min-width:250px;
			}
		.right_side{
		width:100%;
		margin-bottom:10px;
		}
		.category_description h1{
			font-size:20px;
			}
			.category_description h2{
			font-size:16px;
			}
		.category_description table{
			width:100%;
			font-size:14px !important;
			padding:1px;
			  border-spacing: 1px;
			}
		.category_description table td{
			padding:1px;
			}	
		.category_description table td span{
			font-size:10px !important;	
		}
	.left_side{
		display:none;
		}
	.facebook_mobil{
		display:block;
		padding:10px 0;
		text-align:center;
		}
			
}

@media (max-width: 600px){

	header .logo .content_mod{
		position:relative;
		width:100%;
		text-align:center;
		margin-bottom:10px;
		}
	header .logo .content_mod img{
		max-width:120px;
		max-height:120px;
		}	
	header .eleres_top.span td:nth-child(1){
		font-size:20px;
		line-height:22px;
		padding:0 0 10px 0;
		text-align:center;
		}
	header .eleres_top.span td:nth-child(2){
		font-size:14px;
		padding:0px;
		text-align:center;
		}	
		header .eleres_top.span span{
			font-size:16px;
			}
}

@media (max-width: 500px){
	
	.productCard{
		float:none;
		width:90%;
		margin:5%;
		}
}