/*#header{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 990;
	background: white;
}
#pagecont{
	padding-top: 210px;
}
*/

#header.scrolled .coumen{
	/* width: 250px; */
}


@media screen and (min-width:721px){
	#header{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 800;
		background: white;
		border-bottom: 2px solid #344b80;
	}
	#header.scrolled{
		padding-bottom: 15px;
	}
	#header.scrolled #header-submenu{
		display: none;
	}
	#header.scrolled .left.bccc{
		margin-top: -5px !important;
	}
	#header.scrolled .currcont{
		top: 85px;
	}
	#header.scrolled .tagscontainer{
		display: none;
	}
	#header.scrolled  .cimg{
		width: 40%;
		padding-top: 30px !important;
	}
	#header.scrolled  .cimg img{
		width: 99.999%;
	}
	#header.scrolled .cmenu{
		width: 60%;
		padding-right: 15%;
	}
	#header.scrolled #head-cont > .left{
		position: relative;
	}
	#header.scrolled #head-cont > .left .right{
		position: absolute;
		top: 0;
		right: 0;
	}
	#header.scrolled #menu{
		position: relative;
		/*float: left;*/
	}
}


.mobmenu{
	display: none;
}
.mm_overlay{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 900;
}

.fixed{
	position: fixed !important;
}



@media screen and (max-width:1050px){
	
	#header{
		height: auto;
	}
	#head-cont{
		padding-left: 10px;
		padding-right: 10px;
	}
	#header #head-cont .left, #header #head-cont .right{
		float: none;
		display: block;
	}
	.social_buttons{
		position: absolute;
		top: -2px !important;
		right: 0px;
	}
	.cmenu{
		width: auto;
	}
	
	#header-submenu{
		margin: 0 auto;
		display: block;
		width: auto;
		padding-top: 10px;
	}
	#header-submenu li{
		display: inline-block;
		float: right;
		margin-right: 5px;
	}
	.content{
		width: 100%;
		display: block;
	}
	
	.section_title{
		padding-left: 10px !important;
	}
	table[class*="gridlayout"]{
		margin: 0 auto !important;
	}
	.squares .item{
		display: inline-block;
		width: calc(25% - 3px);
	}
	.squares .item .item-text-container .item-title{
		font-size: 18px;
	}
	.hirobj-body .details img{
		width: 100%;
		height: auto;
	}
	#logincont{
		display: none !important;
	}
	.coumen{
		position: relative;
		top: 0px;
	}
	
}
@media screen and (max-width:830px){
	.item-text-container .item-title{
		font-size: 20px !important;
	}
	.item-text-container .item-text{
		font-size: 16px !important;
	}
	#footer-cont .left,
	#footer-cont .right{
		float: none;
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 15px !important;
	}
}
@media screen and (max-width:720px){
	.cmenu, #menu, #head-cont .social_buttons{
		display: none;
	}
	.mobile_menu_button{
		position: fixed;
		top: 40px;
		right: 40px;
		height: 45px;
		width: 45px;
		background-image: url('/parameters/hetedhetorszag.patronet/templates/images/hamburger.png');
		background-size: 100% 100%;
		background-position: center center;
		background-repeat: no-repeat;
		cursor: pointer;
		z-index: 999;
	}
	.mobmenu{
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 0;
		background: rgba(52,76,128,0.95);
		z-index: 998;
		overflow: hidden;
	}
	#mm_inside{
		padding-top: 30px;
		height: 100%;
		width: 100%;
		overflow: scroll;
	}
	#mm_inside .pncustommenumenu, #mm_inside .coumen{
		list-style: none;
		color: white;
		font-size: 25px;
		text-transform: uppercase;
		padding-bottom: 20px;
		border-bottom: 2px solid #f37124;
	}
	#mm_inside .pncustommenumenu li, #mm_inside .coumen li{
		padding-bottom: 20px;
		display: block;
	}
	#mm_inside .coumenitm a{
		position: relative;	
		top: 5px;
	}
	#mm_inside .social_buttons{
		position: initial;
		margin-bottom: 80px !important;
		margin-top: 30px !important;
		text-align: center;
	}
	#mm_inside .social_buttons i{
		color: white;
	}
	#mm_inside .social_buttons i:hover{
		color: white;
	}
	
@media screen and (max-width:645px){
	.cimg img{
		width: 70%;
	}
	#current_date{
		font-size: 15px;
	}
}
@media screen and (max-width:620px){
	#header{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 899;
		background: white;
		border-bottom: 2px solid #344b80;
	}
	#pagecont{
		padding-top: 165px;
	}
	.squares .item{
		display: block;
		width: 100%;
	}
	.squares .item .item-text-container .item-title{
		position: absolute;
	}

}
@media screen and (max-width:450px){
	[class*="cols-cell"]{
		height: 9.85em;
	}	
}
@media screen and (max-width:430px){
	#header-submenu{
		display: table;
		margin-bottom: 10px;
	}
	#header-submenu li{
		display: table-cell;
		padding-right: 10px;
		float: none;
	}
}

@media screen and (min-width:721px){
	#header{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 800;
		background: white;
		border-bottom: 2px solid #344b80;
	}
	#header.scrolled{
		padding-bottom: 45px;
	}
	#header.scrolled .left.bccc{
		margin-top: -25px !important;
	}
	#header.scrolled .currcont{
		top: 85px;
	}
	#header.scrolled .tagscontainer{
		display: none;
	}
	#header.scrolled  .cimg{
		width: 40%;
	}
	#header.scrolled  .cimg img{
		width: 99.999%;
	}
	#header.scrolled .cmenu{
		width: 60%;
		padding-right: 15%;
	}
}

@media screen and (max-width:1050px){
	.social_buttons i{
		font-size: 48px !important;
	}
	#header .currcont{
		left: 10px;
	}
	#content-center{
		padding-left: 10px;
	}
	#content-right{
		padding-right: 10px;
	}
}
@media screen and (max-width:850px){
	#content-center, #content-right{
		float: none;
		display: block;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media screen and (max-width:720px){

	#header{
		padding-bottom: 10px;
	}
	#header .tagscontainer{
		display: none;
	}
	#pagecont{
		padding-top: 200px !important;
	}
}
@media screen and (max-width:460px){
	table.attrsh{
		width: 100%;
		display: block;
	}
}