/* Animated CSS3 Mega Menu - Responsive */
	.menu input#dropdown, .menu label{
		display:none;
		position:fixed;
		top:100px;
		right:10px; 
		width:36px;
		height:32px;
		}
	.menu input#dropdown{
		opacity:0;
		}
		
	#responsive_aside_menu.menu input#right_dropdown{
			opacity:0;
		}	
	.menu label{
		background:url(../img/icon_list_navy.png) no-repeat center;
		webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		}
		
	#responsive_aside_menu.menu label{
		background:url(../img/icon_list_blue.png) no-repeat center;
		webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		}	
	.menu label:hover{
		cursor:pointer;
		}
	.menu input#dropdown:checked ~ label{
		-webkit-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		-moz-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		}
		
	#responsive_aside_menu.menu input#right_dropdown:checked ~ label{
		-webkit-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		-moz-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		}	
	.menu input#dropdown:checked ~ ul{
		display:block;
		}	
	#responsive_aside_menu.menu input#right_dropdown:checked ~ ul{
		display:block;
		}		
	
	.menu h2.dropdown{
		display:none;
/*		position:absolute;*/
		top:5px;
		left:14px;
		margin:5px 5px;
		font:normal 18px "BebasNeue";
		color:#FFF;
		}
		
	#responsive_aside_menu.menu h2.right_dropdown{
		display:none;
/*		position:absolute;*/
		top:5px;
		left:14px;
		margin:5px 5px;
		font:normal 18px "BebasNeue";
		color:#3e5706;
		}
		
/*Meni - smanjenje slika u portfoliu*/		
@media only screen and (max-width: 1250px){
	.menu .mega_menu .portfolio li
		{
			width:18%;
			height:100px;
		}
}

/*
Prikaz za mobilne i tablet uredjaje
*/
@media only screen and (max-width: 1024px){	
	
.menu input#dropdown, .menu label {
	position: absolute;
	top: 0;
	width: 36px;
	height: 36px;
}
	
	.menu{
		width:100%;
		} 
	.menu .mega_menu .portfolio li{
		float:left;
	}
		
	.menu .size7{
		width:98%;
	}
	
	.menu .mega_menu{
		padding:0.9% 0.9% 0.2%;
		margin-top:4px;
	}
	
	.menu ul ul{
		margin:0;
		margin-top:4px;
		}
	/* .menu .mega_menu{
		width:auto;
		margin:0;
		} */
		
	.menu ul > li > a{
		font-size:14px;
		padding: 0 5px;
	}
	.menu .mega_menu .portfolio li{
		width:15.25%;
		height:100px;
	}
	.menu .mega_menu .portfolio li p{
		font:12px/12px Trebuchet MS, sans-serif;
	}
	
	.menu .mega_menu .portfolio li{
		height:auto;
	}
	.menu .mega_menu .portfolio li p{
		font:12px/12px Trebuchet MS,sans-serif;
	}	
	
	#wrapper_header{
		overflow:visible;
		height:auto;
	}
	
	#nav_holder{
		overflow:auto;
	}
	nav{
		display:block;
		top:-7px;	
	}
	.menu input, .menu label, .menu h2.dropdown{
		display:block;
		}
	.menu {
		min-height: 32px;
		height: 100%;
		overflow: hidden;
		position: relative;
		/* top: 70px; */
		right: 0;
		/* background: none repeat scroll 0 0 #333; */
		/* border-top: solid 2px #454545; */
		/* border-bottom: solid 2px #2A2A2A; */
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		*/ border-radius: 3px;
		/* -webkit-box-shadow: 0 1px 5px rgba(130,130,130,.7); */
		/* box-shadow: 0 1px 5px rgba(130,130,130,.7); */
		/* border-radius: 5px; */
	}
        .menu ul> li.first_level+li{
            border-left:none;
        }
        
		.menu ul > li > a{
			color:#fff;
		}
		
		#responsive_aside_menu.menu ul > li > a{
			color:#fff;
		}
                
    .menu ul li.active a, .menu ul li:hover > a, .menu ul li.active:hover > a{
		color:#fff;
		background:#7284cc;
	}
	
	#responsive_aside_menu.menu ul li.active a, #responsive_aside_menu.menu ul li:hover > a, #responsive_aside_menu.menu ul li.active:hover > a{
	color:#222;
	background:#41a4dd;
	}
		
	.menu ul{
		display:none;
		width:100%;
		/* margin:132px 0 0 0; */
		margin-top: 36px;
		padding:0;
		float:none;
		z-index:10;
       background: none repeat scroll 0 0 #144a62;
		}
		
	#glavni_meni{
		height: 1400px;
		overflow-y: scroll;
		-webkit-overflow-scrolling:touch; /* mobile safari*/
	}
		
	#responsive_aside_menu.menu ul{
		display:none;
		width:100%;
		margin:20px 0 0 0;
		padding:0;
		float:none;
		z-index:10;
       	background: none repeat scroll 0 0 #333;
		}
		
	#responsive_aside_menu{
		display:block;
/* 		z-index: 300; */
	}	
	#content_aside{
		display:none;
	}
	
	#responsive_aside_menu.menu ul{
        background: none repeat scroll 0 0 #0083CB;
		}	
	.menu ul > li{
		float:none;
		}
	.menu ul li a{
		width:auto;
		height:38px;
		text-align:left;       
        font-weight:bold;
		line-height:40px;
		font-size:16px;
		text-align: center;
		}
	.menu ul ul, .menu .mega_menu{
		display:block;
		position:static;
		visibility:visible;
		opacity:1;
		margin:0;
		font-size:0;
		overflow:hidden;
		border:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		}
	.menu ul ul li{
		width:100%;/*Ideja je da stavke menija ideu jedna ispod druge u responsivu*/
		float:left;
		}
	.menu ul ul li a{
		width:auto;
		padding:0;
/*		text-align:center;*/
		color:#FFF;
		border:none;
		text-transform:none;
		}
	.menu ul ul li:hover a{
		background:none; 
		color:#fff;
		}
	.menu ul ul li a i{
/*		display:none;*/
		}
        .menu ul ul{
            /* padding-left:7.5%;
        	width:92.5%; */
        }
        .menu ul ul ul{
            /*padding-left:15%;*/
        }
	.menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{
		display:inline-block;
		vertical-align:top;
		padding:0 0 12px;
		float:none;
		}	
	.menu .mega_menu{
		width:auto !important;}	
	.menu .mega_menu .portfolio li, .menu .mega_menu .list{
		margin:0;
		width:48%;
		margin:0 1% 2%;
		}
		
	.menu ul ul, .menu .mega_menu{    
		background: #144a62;
	}
	
	.menu ul li ul li:hover > a{
		background: #7284cc;
	}
	
	.menu ul ul li a{
		padding:0;
	    text-align: center;
		min-width: auto;
		}
}

@media only screen and (max-width: 600px){
	.menu ul > li > a{
		font-size:12px;
		padding:0 6px;
	}
}

@media only screen and (max-width: 480px) {
	.menu{
		width:100%;
		}
	.menu .mega_menu .portfolio li{
		height:120px;	
	}
	
	.more_btn_va_50 {
		width: 70%;
		padding: 5px 5%;
		margin: 15% 0;
	}
	
@media only screen and (max-width: 320px) {
	.menu{
		width:100%;
		}
	.menu .mega_menu img, .menu .mega_menu a.image{
		width:100%;
		margin:0;
		}
	.menu .mega_menu ol.portfolio li a img{
		height:80px;
		}
	}