@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 0 12px 0
	}

	#mainmenu .active a,
	#mainmenu li a:hover {
		background: none
	}

	#mainmenu #menu-top ul {
		margin: 10px 0 10px 0
	}

	#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 {
	    height:350px;
	}	

	#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
	}
    
    .mobile-title {
        display: block;
    }
}

@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 {
		font-size: 18px
	}

	.lang .socials {
		display: none
	}

	.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 {
		width: 100%;
	}
	.container-table2 {
		width:100%;
	}

	#slider {
		/*display: none*/
	}

	.article-box {
		width: calc(100% - 20px);
		margin: 0 10px 0 10px
	}

	footer .footerbox {
		width: calc(100% - 20px);
		margin: 0 10px 0 10px
	}


	.supporter-box a.partner-logo {
		display: block;
		margin:0 auto;
	}
	

	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
	}
}