@media all and (max-width: 1670px) {
	#lajos img {
		width:60%;
	}
	
	#lajos {
		left:5px;
	}
}

@media all and (max-width: 1000px) {
	#mainmenu {
		display: block;
	}
	
	#lajos {		
		display: none;
	}
	
	.abslogo {
		display: none;
	}
	
	.abslogo-mobile {
		display: block;
	}
	
	#mainmenu #menu-top {
        display: none;        
        position: absolute;
        top:117px;
        z-index: 22000;
        background: #222;
        border-radius: 5px;
        width:240px;
		right:8px;
		padding:5px 0px 12px 0px;
    }
	
	#mainmenu .active a, #mainmenu li a:hover {
		background: none;
	}
    
    #mainmenu #menu-top ul {
        margin:10px 0px 10px 0px;
    }
    
    #mainmenu #menu-top li {
        float: none;
        border-bottom: 1px #333 solid;
        margin-left: 10px;
    }
    
    #mainmenu #menu-top li:after {
        display: none;
    }
    
    .mobile-menu {
		display: block;
		text-align: right;
		padding-right: 22px;
	}
	
}

@media all and (max-width: 1000px) {
	.container,
	.container-table {
		width: calc(100% - 20px);
		margin-left: 10px;
		margin-right: 10px;
	}
	
	footer .bottombar .container {
		width:calc(100% - 20px);
		background: #174C76;
	}
	
	footer .bottombar {
		width:100%;
		background: #174C76;
	}
	
	footer .bottombar .right .menu {
		display: none;
	}
    
    .main-content {
        width: calc(100% - 80px);
        margin-left: 10px;
        margin-right: 10px;
    }
    
    .container-table img {
        width:100%;        
    }
	#programok .box-cont .program-box {
		width: 40%;
	}
    
   #slider .video {
        display: none;
    }

/*    #slider iframe {
        width:100%;
        height: auto;
    }*/
    
    #slider img {
        width:100%;
    }
    #main-slider {
        height:auto !important;
    }
    
    .timer {
        margin-right: 10px;
        float: right;
    }
    
    .lang {
        margin-right: 10px;
    }
    
    footer .footerbox {
        width:calc(30% - 20px);
    }
    
    .main-content .socials {
        display: block;
        float: none;
        margin-top:10px;
    }
    
    	
	#eloado-popup {
		min-width:200px;
		width:100%;
	}
	
	#eloado-popup .content {
		width:calc(100% - 10px);
	}
	
	#eloado-popup .image-holder {
		width:100%;
	}
	
    .timer {
        display: none;
    }
	
	.program-info {
		width: calc(100% - 357px);
		margin-left: 148px;
	}
	
	h2 {
		margin-top:80px
	}
	
	.addthis_toolbox {
		display: none;
	}
}

@media all and (max-width: 400px) {
    .timer {
        display: none;
    }
    
    .lang {
        margin-left: 10px;
    }    
}

@media all and (max-width: 350px) {
 	.program-info {
		display: none;
	}
	
	#fellepok {
		display: none;
	}
 
}

@media all and (max-width: 500px) {
    .timer {
        display: none;
    }
	
		
	h2 {
		margin-top: 8px;
	}
	
	.program-info {
		display: none;	
	}
	
}

@media all and (max-width: 800px) {
	
	.program-info {
		font-size: 20px;
	}
	
	footer .abslogo-mobile {
		display: none;
	}
	
}



@media all and (max-width: 700px) {
	
	.abslogo-mobile img {
		max-width:150px;
	}
	
	h2 {
		margin-top: 14px;
	}
	
	.program-info {
	width: calc(100% - 257px);
    margin-left: 162px;
	}
	
	.program-info {
		/*display: none;*/
		font-size: 18px;
	}
	
	.lang .socials {
		display: none;
	}
	
	.jazz-title {
		/*display: block;*/
	}
	
	.ticket-box .infobox {
		width:96%;
	}
	
	.ticket-box .pricebox {
		width:96%;
	}
}


@media all and (max-width: 600px) {
	
	#programok .box-cont .program-box {
		width: calc(100% - 60px);
	}
	.container {
		width: 100%;
		margin: 0;
	}
    
    .container-table {
        display: none;
    }
    
    #slider {
        display: none;
    }
    
    .article-box {
        width:calc(100% - 20px);
        margin:0px 10px 0px 10px;
    }
    
    footer .footerbox {
        width:calc(100% - 20px);
        margin:0px 10px 0px 10px;
        
    }
    
    footer .bottombar {
		height:auto;
        min-height: 60px;
        text-align: center;
    }
    
    footer .bottombar .right, footer .bottombar .left, footer .bottombar .right {
        float: none;
        display: block;
        width:calc(100% - 20px);
        padding-right:10px;
        padding-left: 10px;
    }
    
    footer .bottombar .right .copy {
        display: none;
    }
    
    .main-content {
        margin: 0;
        width:calc(100% - 20px);
        padding-left:10px;
        padding-right:10px;
    }
}