html {
	height: auto;
}

body {	
	width: 100%;
}

#left-sidebar {
	padding-top: 20px;
}

#content {
	padding-top: 30px !important;
}

#content table {
	display: block;
}

.foldmunka-ar-img {
	float: left;
}

.jcarousel-control {
	display: none;
}

.mobile-menu-container {
	display: none;
}

.main-container {
	overflow-x: hidden;
}

.szolg-overlay {
    margin: 5px 5px 5px 0px;
    position: relative;
    /*margin-top: -374px;*/
}

.szolg-overlay a {
	width: 33.333%;
	/*height: auto;*/
	display: block;
	float: left;
}

@media screen and (min-width:769px) {
	
	#ajanlatkeres-cta {
		display: none !important;
	}
	
	.top-arrow {
		display: none !important;
	}
}

@media screen and (max-width:768px) {
	
	.mobile-menu-container {	
		display: block;
		background-color: #434343;		
		transition: transform 0.5s;
		position: relative;
		z-index: 4;
	}
	
	.mobilemenu {
		height: 49px;
		width: 50px;
	}
	
	.mobilemenu:before {
		font-family: fontawesome;
		content: '\f0c9';
		font-size: 40px;
		position: relative;
		top: 5px;
	}
	
	.left.mobilemenu {
		float: left;
		background-color: #fed831;		
	}
	
	.right.mobilemenu {
		float: right;
		background-color: #434343;
		border-left: 3px solid #ffffff;
	}
	
	.right.mobilemenu:before {		
		color: #fed831;
	}
	
	#main-block {
		border: none;
	}
	
	.slick-slide {
		height: auto !important;
	}
	
	.slick-dotted.slick-slider {
		margin-bottom: 20px !important;
	}
	
	.slick-dots {
		bottom: -20px !important;
		background-color: #ffffff;
	}
	
	#topline {
		z-index: 4;
		width: auto;
		position: relative;
		background-color: #ffffff;
		margin:	0;
		text-align: center;
		transition: transform 0.5s;
		height: auto;
	}
	
	#topline p {
		margin: 0;
		position: absolute;
		top: -42px;
		width: 200px;
		left: 50%;
		margin-left: -100px;
		color: #ffffff;
		font-weight: bold;
	}
	
	#menu {
		width: auto;
		background-color: #ffffff;
		position: relative;
		z-index: 2;
		transition: transform 0.5s;
	}
	
	#mainlogo {
		width: 100%;
		position: relative;
		z-index: 2;
		background-color: #fed831;
		height: 87px;
		background-image: url(elemek/mainlogo.png);
		background-repeat: no-repeat;
		background-size: 160px;
		background-position: center 0px;
		transition: transform 0.5s;
	}
	
	#menu ul {
		position: absolute;
		padding: 0;
		/*margin-top: -53px;*/
		margin-top: -49px;
		z-index: 1;
		top: 0;
		right: 2px;
		background-color: #fff;
		width: 230px;
		background-color: #434343;
	}
	
	#menu ul li {
		float: none;
		width: 230px;
		padding-bottom: 0;
	}
	
	#menu ul li a {
		background-color: #fed831 !important;
		border: 0;
		font-size: 14px;
		color: black;
		padding: 15px;
	}
	
	#mainbannerslider {
		z-index: 2;
		width: auto;
		height: auto;
		position: relative;
		transition: transform 0.5s;
		background-color: #ffffff;
		background:#ccc;
		opacity:0.99;
	}
	
	#mainbanner {
		z-index: 2;
		width: auto;
		height: auto;
		position: relative;
		transition: transform 0.5s;
		background-color: #ffffff;
		background:#ccc;
		opacity:0.99;
	}
	
	#main-block {
		overflow-x: hidden;
		width: auto !important;
	}
	
	#left-sidebar table img{
		margin-left: 5px;
	}
	
	#left-sidebar {
		position: absolute;
		padding-top: 0px;
		z-index: 1;
		top: 0;
		background-color: #fff;
		width: 231px;
		background-color: #434343;
		-webkit-transform: translate3d(-231px, 0, 0);
		transform: translate3d(-231px, 0, 0);		
		-webkit-transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
	}
	
	#left-sidebar img {
		/*width: 105%;
		height: auto;
		margin-left: -5px;*/
	}
	
	#left-sidebar table {
		display: none;
	}
	
	#left-sidebar .jcarousel-control {
		display: none;
	}
	
	#left-sidebar .sidemenuitem {
		padding-top: 0;
		margin: 0;
		margin-top: -37px;
	} 
	
	#left-sidebar .sidemenuitem .menuhead {
		/*padding: 45px 0px 15px 0px;*/
		padding: 49px 0px 15px 0px;
		text-align: center;
		font-size: 14px;
	}
	
	#left-sidebar .sidemenuitem1 {
		margin-top: 0;
		padding-top: 0;
	}
	
	#left-sidebar .sidemenuitem1 ul {
		margin-top: -10px;
		padding-top: 0;
	}
	
	#left-sidebar .sidemenuitem1 .menuhead {
		padding: 15px 0px 15px 0px;
		text-align: center;
		font-size: 14px;
	}
	
	#left-sidebar ul {
		margin-left: -14px;		
		padding-right: 0px;
		width: 242px;
	}
	
	#left-sidebar ul li a{				
		padding-left: 15px;
		background-color: #434343;
		font-size: 14px;
		color: #FFFFFF;
	}
	
	/*
	#left-sidebar #sidebar-menu {
		width: auto !important;
	}
	*/
	#content {		
		z-index: 4;
		background-color: #ffffff;
		position: relative;
		width: 100%;
		padding-top: 0px !important;
		float: none;
		border: none;
		transition: transform 0.5s;
		box-sizing: border-box;
		margin-bottom: -20px;
	}
	
	#content img {
		width: 99%;
		height: auto;
		margin: 0;
	}
	
	#logoline {
		padding: 0;
		display: table;
		margin: auto;
		padding-bottom: 25px;
	}
	
	#logoline img {
		width: auto;
	}
	
	#footerblock {
		width: 50%;
	}
	
	#footer {
		width: auto;		
	}
	
	#footer a {
		color: #ffffff;
	}
	
	#footermain {
		transition: transform 0.5s;
		position: relative;
		z-index: 4;
		display: table;
		padding-bottom: 50px;
	}
	
	.footermenuitem ul li a {		
		height: 15px;
	}	
	
	#foldmunka_form input {
		width: 100%;
	}	
	
	#foldmunka_form textarea {
		width: 100%;
	}
	
	#ajanlatkeres-cta {
		position: fixed;		
		bottom: 0;
		z-index: 9999;
		width: 100%;
	}
	
	#ajanlatkeres-cta a {
		font-size: 20px;
		color:#393938;
		background-color: #fed831;
		display: block;
		line-height: 46px;
		text-transform: uppercase;
		font-weight: bold;
		text-align:center;
	}
	
	#ajanlatkeres-cta a:before {
		font-size: 22px;
		content: '\f044';
		position: relative;
		font-family: fontawesome;
		left: -10px;
		top: 1px;
	}
	
	.top-arrow a {
		font-size: 30px;		
		position: fixed;		
		right: 5px;
		bottom: 5px;
		z-index: 9999;
		background-color: #434343;
		padding: 10px 12px;
		color: #fed831;
		opacity: 0.7;
		border-radius: 30px;
	}
	
	.top-arrow a:before {
		content: '\f062';
		font-family: fontawesome;
	}
	
	.pushed {
		-webkit-transform: translate3d(231px, 0, 0);
		transform: translate3d(231px, 0, 0);
	}
	
	.pushedl {
		-webkit-transform: translate3d(-232px, 0, 0);
		transform: translate3d(-232px, 0, 0);
	}
	
	.pushedmenu {
		-webkit-transform: translate3d(0px, 0, 0) !important;
		transform: translate3d(0px, 0, 0) !important;
		visibility: visible !important;
	}
	
	
	
	
	
	.szallitas-table table,.szallitas-table thead,.szallitas-table tbody,.szallitas-table th,.szallitas-table td,.szallitas-table tr { 
		display: block; 
	}
		
	.szallitas-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.szallitas-table tr {
		border: 1px solid #ccc;
		margin: 20px 0px;
	}
	
	.szallitas-table.talajosztaly tr {
		height: auto;
		width: auto;
	}
	
	.szallitas-table tr:first-child {
		display: none;
	}
	
	.szallitas-table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.szallitas-table td:first-child { 
		padding-left: 20%;
		padding-right: 20%;
	}
	
	.gepszoveg {
		padding: 0;
	}
	
	.szallitas-table.talajosztaly td { 
		height: auto;
		width: auto;
		text-align: left;
		padding: 10px;
		padding-left: 50%;
	}
	
	.szallitas-table.talajosztaly td:first-child { 
		padding: 0;
		padding: 10px;
		padding-left: 50%;		
	}
	
	.szallitas-table td:last-child { 
		padding-left: 30%;
		padding-right: 30%;
	}
	
	.szallitas-table.talajosztaly td:last-child { 
		padding: 0;
		padding: 10px;
		padding-left: 50%;
	}
	
	.szallitas-table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	.szallitas-table td:nth-of-type(1):before { content: ""; }
	.szallitas-table td:nth-of-type(2):before { content: "MegnevezĂŠs:"; }
	.szallitas-table td:nth-of-type(3):before { content: "EgysĂŠg:"; }
	.szallitas-table td:nth-of-type(4):before { content: "Rakatnorma:"; }
	.szallitas-table td:nth-of-type(5):before { content: "AnyagszĂźksĂŠglet:"; }
	.szallitas-table td:nth-of-type(6):before { content: ""; }
	
	.szallitas-table.talajosztaly td:nth-of-type(1):before { content: "Talajosztály jellemzője:"; }
	.szallitas-table.talajosztaly td:nth-of-type(2):before { content: "AlkalmassĂĄga az alapozĂĄsra:"; }
	.szallitas-table.talajosztaly td:nth-of-type(3):before { content: "Tömöríthetőség:"; }
	.szallitas-table.talajosztaly td:nth-of-type(4):before { content: "1 m3 talaj tĂśmege:"; }
	
}

@media screen and (max-width:650px) {
	
	.foldmunka-ar-img {
		float: none;
	}
	
}

@media screen and (max-width:510px) {
	
	#logoline {
		width: 372px;
	}
	
}

@media screen and (max-width:420px) {
	
	#content h1, #content h2 {
		margin: 10px -10px;
	}
	
	.szallitas-table.talajosztaly td:nth-of-type(1):before { font-size: 11px; }
	.szallitas-table.talajosztaly td:nth-of-type(2):before { font-size: 11px; }
	.szallitas-table.talajosztaly td:nth-of-type(3):before { font-size: 11px; }
	.szallitas-table.talajosztaly td:nth-of-type(4):before { font-size: 11px; }
	
}

@media screen and (max-width:380px) {
	
	#logoline {
		width: 250px;
	}
	
}

@media screen and (max-width:360px) {
	
	#footerblock {
		width: 100%;
	}
	
}

@media screen and (max-width:300px) {
	
	#topline p {
		font-size: 8px;
		width: 150px;
		margin-left: -75px;
	}
	
}

@media screen and (max-width:260px) {
	
	#logoline {
		width: 125px;
		display: block;
	}
	
}