@media all and (max-width:1368px) {
	#para1 .tbox1 {
		max-width: 469px
	}
}

@media all and (max-width:1280px) {
	.container {
		width: calc(100% - 20px);
		padding: 0 10px 0 10px
	}

	#icons {
		display: none
	}

	.tamogatok {
		max-width: 486px !important;
		margin-bottom: 40px
	}

	#para1 .tbox1 {
		margin-top: 40px
	}

	header .bottom {
		overflow: initial;
		height: initial
	}

	header .top .right .informations {
		margin-top: 14px;
		max-width: 300px;
		font-size: 14px
	}

	header .top .left .logo {
		margin-top: 10px
	}

	header .top .right .informations p .fb {
		display: none
	}

	footer .left {
		float: none;
		text-align: center
	}

	footer .right {
		float: none
	}

	footer #bottommenu {
		text-align: center;
		margin-top: 10px;
		margin-right: 0
	}

	footer .left img {
		margin-bottom: 10px;
		width: 100%;
		max-width: 228px
	}

	#maps,
	#contact {
		float: none !important;
		width: 100% !important
	}

	section .about-us {
		display: none
	}

	footer .left-side {
		text-align: center
	}
}

@media all and (max-width:1200px) {
	.inside-section h1 {
		text-align: center
	}

	.profile-image img {
		width: calc(100% - 40px)
	}

	.profile-image {
		padding-left: 0 !important
	}

	.team-bg {
		text-align: center
	}

	.profile-datas {
		width: 100%;
		max-width: 100%;
		margin-top: 20px
	}

	.profile-datas table {
		width: calc(100% - 40px) !important;
		height: auto !important
	}

	section .content {
		padding-right: 0;
		width: 100%
	}

	.mobile-menu {
		padding: 48px 10px 0 20px;
		display: none;
		float: right;
		cursor: pointer;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s
	}

	.resized .mobile-menu {
		padding: 35px 10px 0 20px
	}

	section .box-content .box .description {
		text-align: left;
		font-size: 14px;
		margin: 0 0 10px 0;
		color: #59545e
	}

	section .box-content .box {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		margin-bottom: 25px;
		text-align: left
	}

	section .box-content .box .box-image {
		max-width: 100%;
		width: 100%;
		position: relative
	}

	section .box-content {
		text-align: center
	}

	.mobile-menu {
		display: block
	}

	header .bottom #topmenu li {
		transform: skew(0deg) !important;
		margin: 0;
		width: 100%
	}

	header .bottom #topmenu li ul {
		width: 100%
	}

	header .bottom #topmenu li:hover {
		background-color: #61328e
	}

	header .bottom #topmenu li a {
		transform: skew(0deg) !important
	}

	#topmenu {
		display: none;
		position: absolute;
		right: 11px;
		width: 100%;
		max-width: 240px;
		top: 73px;
		z-index: 1000;
		padding-bottom: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px
	}

	header .bottom #topmenu .active,
	header .bottom #topmenu li {
		background: #2a2a2a;
		color: #fff !important;
		padding: 4px 6px !important
	}

	header .bottom #topmenu li a {
		color: #fff
	}

	header .bottom #topmenu li {
		width: calc(100% - 14px)
	}

	#topmenu .active a:after {
		display: none
	}

	#topmenu li {
		float: none;
		width: calc(100% - 10px);
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		padding-bottom: 6px;
		padding-left: 10px;
		margin-right: 0 !important;
		height: auto !important
	}

	#topmenu li:last-child {
		border-bottom: 0
	}

	#topmenu li:after {
		display: none
	}

	header .bottom #topmenu li:hover ul {
		display: none
	}

	header .bottom #topmenu li ul {
		display: block !important;
		position: relative
	}

	section .content .page {
		width: calc(100% - 40px);
		margin-top: 15px !important
	}

	.lSAction>a {
		margin-top: -124px !important
	}

	section .about-us .border .introduction {
		display: block;
		width: 100%
	}

	section .about-us .border .introduction .title {
		margin-top: 20px
	}

	header .top .left .logo {
		margin-top: 0
	}

	.tabella-section {
		background: url(/images/tabbg.jpg);
		background-size: cover;
		height: auto;
		position: relative;
		padding-top: 30px;
		padding-bottom: 50px
	}

	.tabella-section .megyei-tabella {
		width: calc(100% - 0);
		margin: 30px 0 60px 0
	}

	.tabella-section .current {
		max-width: 100%
	}

	.video-section .video-container .two-video {
		display: none
	}
}

@media all and (max-width:1024px) {
	.slider-right {
		max-width: 400px
	}

	header #icons {
		display: none
	}
}

@media all and (max-width:768px) {
	#slider {
		display: none !important
	}

	#news {
		/*margin-top: 117px*/
	}
}

@media all and (max-width:840px) {
	header .top .right .informations {
		display: none
	}

	header .bottom {
		background-image: none
	}

	.news .news-content {
		width: 100%
	}

	section #slider #lightslider li .slider-bottom h3 {
		font-size: 28px
	}

	footer .left-side {
		max-width: calc(100% - 60px)
	}

	footer .right-side {
		max-width: calc(100% - 60px)
	}

	.services .box {
		width: calc(100% / 1 - 10px)
	}

	section #slider #lightslider li .slider-left {
		max-width: 429px
	}

	.slider-right {
		max-width: 100%
	}

	.lSAction>.lSPrev {
		display: none
	}

	.lSAction>.lSNext {
		display: none
	}

	.section-two .box {
		width: calc(100% / 1 - 10px)
	}
}

@media all and (max-width:600px) {
	footer .right {
		display: none
	}

	#slider {
		display: none
	}

	section .box-content {
		top: 0
	}

	section .box-content:after {
		display: none
	}

	header .top .left .logo img {
		width: 80%
	}

	footer .left img {
		display: none
	}

	section .box-content .box {
		width: calc(100% - 22px)
	}

	.breadcrumb {
		display: none
	}

	header .bottom #search input {
		width: 140px
	}

	header .top .left .logo {
		margin-top: 10px
	}

	.scores {
		display: none
	}

	footer .left-side {
		text-align: left
	}

	footer .menu-block {
		margin-top: 20px
	}

	footer .right-side .social-full img {
		max-width: 126px
	}

	#icons {
		display: none !important
	}

	.service-box {
		margin-top: 40px
	}
}

@media all and (max-width:450px) {
	header .logo img {
		width: 250px;
		margin-top: 15px
	}

	.statisztikak .image {
		float: none;
		text-align: center
	}

	.statisztikak .text {
		text-align: center;
		float: none;
		width: calc(100% - 20px)
	}

	.statisztikak .item::after {
		bottom: -10px
	}

	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		float: left;
		padding: 5px 10px;
		text-decoration: none;
		font-size: 14px
	}
}

@media all and (max-width:380px) {
	header .top .right .informations {
		display: none
	}

	#slider {
		display: none
	}

	section .content .page {
		margin-top: 10px
	}

	header .top .right .social-icons .fb {
		display: none
	}

	footer .right #bottommenu li {
		display: none
	}

	footer .right #bottommenu {
		border: 0;
		margin: 2px
	}

	.team-con img {
		height: 80px !important
	}

	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		float: left;
		padding: 4px 8px;
		text-decoration: none;
		font-size: 13px
	}
}