﻿/*
méretek:
     - 480
     - 767
768  - 979
980  -
1200 -

lehetosegek:
@media (min-width: 768px) and (max-width: 979px) {
@media (max-width: 767px) {
@media (min-width: 1200px) {
*/

@media (max-width: 979px) {
	
	#wrap {
		min-height: 0px;
		height: auto;
		margin: 0 auto 0px !important;
		padding: 0 0 0px !important;
	}
	
	#footer,
	#footer-kapcsolat{
		height: auto;
	}
	
	#footer-kapcsolat{
		padding: 60px 15px 30px; 
	}
	
	#footer-gyujto {
		margin-bottom: 20px;
	}
	
	#push{
		height: auto;
	}
	
	.lapteteje{
		display: none !important;
	}
	
	.footer-egyseg{
		float: none;
		text-align: center;
		margin: 0px 0px 30px 0px;
	}
	
	.footer-adatok{
		float: none;
		text-align: left;
		padding-left: 50px;
	}
	
	.footer-glyphicon {
		clear: left;
	}
	
	.hirdetes-foto-keret{
		display: block;
		float: none;
	}
	
	.thumbwrapper.tw-def{
		display: none;
	}
	
	.hirdetes-fo-adatok{
		min-height:0px; 
	}
	
	.highslide img,
	.hirdetes-foto-keret img{
		width: 100%;
	}
	
	.row-fluid .span4 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.magenta-hover{
		text-align: left;
	}
	.kamu-navbar{
		width: 100%;
	}
	.navbar{
		width: 100%;
	}
	.navbar-inner {
		border: 0px;
		-webkit-border-radius: 0px 0px 0px 0px;
		-moz-border-radius: 0px 0px 0px 0px;
		border-radius: 0px 0px 0px 0px;
	}
	.carousel {
		-webkit-border-radius: 0px 0px 0px 0px;
		-moz-border-radius: 0px 0px 0px 0px;
		border-radius: 0px 0px 0px 0px;
	}
	.carousel-inner{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.header-logo-nyelv{
		display: none;
	}
	.header-facebook{
		display: none;
	}
	.carousel {
		min-height: 0px;
	}
	.carousel-control {
	  margin-left: 0px;
	}

	.carousel-control.right {
	  margin-left: 0px;
	  margin-right: 0px;
	  
	}
	
	.carousel-indicators {
		display: none;
	}
	
	.carousel-caption{
		height: 68px;
	}	
	
	.carousel-caption h4 {
		font-size: 20px;
		/*padding: 10px 10px;*/
	}
	
	.carousel-caption p{
		font-size: 16px;
		/*padding: 6px;*/
		padding-top: 0px;
	}
	
	.carousel-caption-1 {
		top: 0px;
		left: 0px;
	}
	.carousel-caption-2 {
		top: 0px;
		right: 0px;
	}
	.carousel-caption-3 {
		top: 0px;
		left: 0px;
	}
	.carousel-caption-4 {
		top: 0px;
		right: 0px;
	}
	.header-mobil-logo{
		display: inline-block;
	}
	.tartalom-container{
		/*padding: 20px;
		padding-top: 10px;*/
	}
	.palyazatok-bovebben-szoveg {
		display: block;
	}
	a.palyazatok-link {
		padding: 10px 10px 10px 10px;
	}
	.slider-bezar{
		display: none;
	}
	.slider-bezar-mobil{
		display: block;
		/*background: url(../design/aai/slider-bezar-64.png) no-repeat top center;*/
		background-size: 28px 28px;
	}
	
	.carousel-control,
	.slider-bezar-x,
	.slider-bezar-mobil {
		display: none !important;
	}
	
	#footer-nyelv-facebook{
		display: block;
	}
	.iwlogo-cont{
		text-align: center;
	}
	#footer-kapcsolat-iwlogo{
		display: block;
	}
	.ul-rozsa li{
		background:url(../design/aai/ul-rozsa-30.png) 1px 5px no-repeat;
		background-size: 10px 7px;
	}
	.ul-szurke li{
		background:url(../design/aai/ul-szurke-30.png) 1px 5px no-repeat;
		background-size: 10px 7px;
	}
	
	.mobil-eredeti{
		display: block;
		margin: 0px -15px;
		padding-top: 30px;
		border-top: 2px solid #84c126;
	}
	
	#logo{
		display: none;
	}
	
	#maincol{
		background-image: none;
	}
	
	.hirdetesek-lista{
		padding-right: 10px;
	}
	.hirdetes{
		padding: 0px ;
		margin: 0px;
		margin-bottom: 40px;
	}
	.hirdetes:hover{
		background: transparent;
	}
	.hirdetes-foto-keret {
		margin-right: 0px;
	}
	
	a.palyazatok-link {
		padding: 10px 10px 10px 10px;
		border-bottom: 1px solid #ddd;
	}
	a.palyazatok-link, 
	.palyazatok-thumb, 
	.palyazatok-thumb-nolink {
		padding: 15px 0px 0px 0px;
		margin: 0px 0px 5px 0px;
	}
	.palyazatok-thumb:hover, 
	.palyazatok-thumb-nolink:hover {
		background-color: transparent;
	}
	.palyazatok-bovitett-nezet {
		padding: 20px 0px 0px 0px;
		margin: 0px 0px 5px 0px;
	}
	.palyazatok-bovitett-nezet:hover {
		background-color: transparent;
    }
	.palyazatok-bovitett-nezet .palyazatok-bovitett-vissza-szoveg span {
		display: block;
	}
	
	
	
	/* uj mobil menu */
  
	.mobilmenu_wrapper{
		height: 75px;
	}
  
	.header-container{
		display: none;
	}
  
	.navbar-toggle {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
  
	.navbar-header.mobil {
		float: right;
		width: auto;
	}
  
	#footer-container, #wrap {
		position: relative;
		padding-left: 0;
		left: 0px;
		transition: all 0.4s ease 0s;
	}
  
	#menu-wrap-mobil {
		height: 55px;
		display: block;
	}
  
	.navbar-fixed-top {
		position: fixed;
		left: 0px;
		right: auto;
		background-color: rgba(255,255,255 , 0.95);
		background-image: url(../design/fapiac/bg.png);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: cover;
		border-bottom: 1px solid #dddddd;
		width: 100%;
		text-align: center;
		height: 54px;
		margin-left: 0px;
		margin-right: 0px;
	}
  
	#mobilmenu{
		display: block !important;
	}
  
	#responsive-menu-button{
		display: block;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		padding: 17px 16px 13px 16px;
		background: transparent;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		text-shadow: none !important;
		
		
		-webkit-transition: all 0.25s ease;
		-moz-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}
	
	.navbar .btn-navbar .icon-bar {
		width: 31px;
	}
	
	.navbar .btn-navbar .icon-bar + .icon-bar {
		margin-top: 6px;
	}
	
	#responsive-menu-button:hover,
	#responsive-menu-button:active,
	#responsive-menu-button:focus{
		outline: none;
	}
	
	/*#responsive-menu-button.active .menufelirat,*/
	#responsive-menu-button:hover .menufelirat{
		color: #4a7a00;
	}
	
	#responsive-menu-button.active .menufelirat{
		color: #4a7a00;
	}
	
	#responsive-menu-button .menuicon .icon-bar{
		background-color: #85c225;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	}
	
	/*#responsive-menu-button.active .menuicon .icon-bar,*/
	#responsive-menu-button:hover .menuicon .icon-bar{
		background-color: #4a7a00;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	}
	
	#responsive-menu-button.active .menuicon .icon-bar{
		background-color: #4a7a00;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	}
	
	#responsive-menu-button .menufelirat{
		color: #85c225;
		text-transform: uppercase;
		display: inline-block;
		font-size: 16px;
		position: relative;
		top: -2px;
		padding-right: 5px;
	}
	
	#responsive-menu-button .menuicon{
		display: inline-block;
	}
	
	.brand {
		margin: auto;
		width: auto;
		float: none !important;
	}
	
	.brand.pc {
		display: none;
	}
	
	.brand.mobil{
		display: inline-block;
		border: none;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-left: 111px;
	}
	
	.brand a{
		width: 100%;
		display: block;
		text-align: center;
		padding-top:12px;
	}
	.brand img{
		width: auto;
	}
	
	.brand img.logo-pc{
		width: auto;
		height: 100%;
		display: none;
	}
	
	.brand img.logo-mobil{
		display: inline-block;
		width: auto;
		height: 30px;
	}
	
	#sidebar-collapse {
		display: block;
		max-height: none;
		padding: 0px;
		padding-top: 3px;
		overflow: auto !important;
		margin-right: -250px;
		position: fixed;
		top: 55px;
		right: 0px;
		width: 250px;
		color: #fff;
		height: 100%;
		overflow-y: auto;
		z-index: 810;
		border-top: none;
		height: 100% !important;
		
		background-color: #363636;
		transition: all 0.4s ease 0s;
	}
	
	#wrap.active,
	#footer-container.active{
		position: relative;
		left: -250px;
	}
	
	#wrap #maincol,
	#wrap .slider-box,
	#footer-container{
		transition: all 0.4s ease 0s;
		opacity: 1;
	}
	
	#wrap #maincol,
	#footer-container{
		display: block;
	}
	
	#wrap.rejtett-m #maincol,
	#wrap.rejtett-m .slider-box,
	#footer-container.rejtett-m{
		display: none;
		width: 0px;
		box-sizing: border-box;
		padding: 0px;
	}
	
	#wrap.rejtett-m #maincol .container,
	#wrap.rejtett-m .slider-box .container,
	#footer-container.rejtett-m .container{
		overflow: hidden;
		box-sizing: border-box;
		padding: 0px;
		display: none;
	}
	
	#wrap.active #maincol,
	#wrap.active .slider-box,
	#footer-container.active{
		opacity: 0;
	}
	
	#wrap.active #sidebar-collapse {
		right: 250px;
		width: 250px;
		border-left: 1px solid #dddddd;
	}
	
	.navbar .nav{
		width: 100%;
	}
	
	.navbar .nav > li {
		float: none;
		text-align: left;
		padding-left: 20px;
		line-height: 24px;
	}
	
	.dropdown-menu {
		position: relative;
		left: 0px;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		background: transparent;
	}
	
	.dropdown-menu > li > a{
		color: #a0a0a0;
		text-shadow: none;
		font-size: 16px;
		text-transform: none;
		padding: 6px 0px 6px 25px;
		white-space: normal;
		text-align: left;
	}
	
	.navbar .nav > li > .dropdown-menu:before,
	.navbar .nav > li > .dropdown-menu:after {
		display: none;
	}

	.navbar .nav > li > a{
		color: #a0a0a0;
		text-shadow: none;
		font-size: 18px;
		text-transform: none;
		padding: 10px 0px !important;
	}
	
	.navbar .nav > li.active > a,
	.navbar .nav > li > a:hover,
	.navbar .nav > li > a:active,
	.navbar .nav > li > a:focus{
		color: #8dbf41;
		background: transparet;
	}
	
	.navbar .nav li.dropdown > .dropdown-toggle{
		background-position: 160px 17px;
		cursor: pointer;
	}
	
	.navbar .nav li.dropdown.open > .dropdown-toggle, 
	.navbar .nav li.dropdown.active > .dropdown-toggle, 
	.navbar .nav li.dropdown.open.active > .dropdown-toggle {
		color: #8dbf41;
		background-color: transparent;
	}
	
	.navbar .nav li.dropdown.active .dropdown-menu{
		display: block;
	}
	
	.dropdown-menu > .active > a, 
	.dropdown-menu > .active > a:hover, 
	.dropdown-menu > li.active > a, 
	.dropdown-menu > li > a:hover, 
	.dropdown-menu > li > a:focus, 
	.dropdown-submenu:hover > a, 
	.dropdown-submenu:focus > a {
		text-decoration: none;
		color: #8dbf41;
		background: transparent;
	}
	
	.navbar .nav li.dropdown > .dropdown-toggle .caret {
		border-top-color: #ffffff;
		border-bottom-color: #ffffff;
	}
	
	
	.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
	.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
	.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret,
	.navbar .nav li.dropdown > .dropdown-toggle:hover .caret {
		border-top-color: #8dbf41;
		border-bottom-color: #8dbf41;
	}
	
	
	.btn,.btn:focus,.btn:active{
		outline: 0;
	}
	
	a,
	a:hover,
	a:focus,
	a:active,
	.navbar .nav > li,
	.navbar .nav > li:hover,
	.navbar .nav > li:focus,
	.navbar .nav > li:active,
	.navbar .nav > li > a:focus,
	.navbar .nav > li > a:hover,
	.navbar .nav > li > a:active,
	.navbar .nav > .active > a,
	.navbar .nav > .active > a:hover,
	.navbar .nav > .active > a:focus,
	.navbar .nav > .active > a:active {
		outline: 0 !important;
	}
	
	body.mobilmenuopen{
		overflow: hidden;
	}
	
	#nyelv-mobil {
		height: 40px;
		border-bottom: 1px solid #2e2d2e;
		margin-bottom: 5px;
		padding-left: 0px;
	}
	
	.zaszlo-mobil {
		display: inline-block !important;
		width: 50%;
		float: left;
		color: black;
		text-align: center;
		float: left !important;
	}
	
	.header{
		display: none;
	}
	
	/* uj mobil menu vege */
	
	/* kapcsolat  */
	.row-fluid [class*="span"]:first-child.kapcsolat-container{
		padding-left: 0px;
	}
	
	
}
@media (min-width: 768px) and (max-width: 979px) {
	.hidden-sm{
		display: none;
	}
	
	.kapcsolat textarea{
		/*width: 299px;
		max-width: 299px;*/
	}
	.kapcsolat input[type="text"]{
		/*width: 192px;*/
	}
}
@media (max-width: 767px) {
	.hidden-xs{
		display: none;
	}
	
	.carousel-inner .item{
		background-position: center center !important;
		height: 200px;
		background-size: cover;
	}
	
	.navbar{
		margin-bottom: 0px;
	}
	
	.navispan{
		float: left;
		width: auto;
	}
	
	.fo-cim-szurke{
		line-height: 30px;
		padding-bottom: 5px;
	}
	.szines-hover .fo-cim-szurke{
		height: 30px;
	}
	
	.fo-cim-szines-kulso{
		height: 35px;
	}
	
	h2,
	h3,
	span.navispan,
	div.navidiv{
		font-size: 20px;
		line-height: 30px;
		height: 30px;
	}
	
	.hirdetesek-lista{
		padding-right: 0px;
	}
	
	.palyazatok-text,
	.palyazatok-cim,
	.palyazatok-tartalom {
		height: auto;
		max-height: none;
	}
	
	.palyazatok-bovitett-nezet img{
		margin: auto;
		margin-bottom: 20px;
		display: block;
	}
	.palyazatok-bovitett-vissza2{
		line-height: 20px;
	}
	a.palyazatok-bovitett-vissza{
		padding-bottom: 0px;
	}
	
	.row-fluid .palyazatok-bovitett-vissza-szoveg{
		display: inline-block;
		float: left;
		width: auto;
	}
	.row-fluid .palyazatok-bovitett-idopont{
		display: inline-block;
		float: right;
		width: auto;
	}
	
	.palyazatvizjel-container{
		display: none !important;
	}
	
	.container-fluid {
		padding: 30px 15px;
	}
	body {
		padding-right: 0px;
		padding-left: 0px;
	}
	#footer {
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	/* kapcsolat  */
	.row-fluid [class*="span"]:first-child.kapcsolat-container{
		padding-bottom: 0px;
	}
	
	.kapcsolat textarea{
		/*width: 97%;
		max-width: 97%;*/
	}
	.kapcsolat input[type="text"]{
		/*width: 97%;*/
	}
	.kapcsolat-terkep{
		/*height: 150px;*/
	}
	#footer-kapcsolat, 
	#footer-partnerek {
		-webkit-border-radius: 0px 0px 0px 0px;
		-moz-border-radius: 0px 0px 0px 0px;
		border-radius: 0px 0px 0px 0px;
	}
	#footer-kapcsolat-logo{
		width: 50%; 
	}
	#footer-kapcsolat-adatok{
		width: 50%; 
		line-height: 2em
	}
	.mit-csinalunk-jobb{
		padding-top: 0px;
	}
	.mit-csinalunk-jobb, .mit-csinalunk-bal{
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 0px;
	}
	.footer-partnerek-cont{
		text-align: center;
	}
	
	.margin-top-xs{
		margin-top: 40px;
	}
	
	/*  referencia - minilista */

	.referencia-item:nth-child(-n+3){
		border-top: 1px solid #dddddd;
		padding-top: 30px;
	}
	.referencia-item:first-child{
		border-top: none;
		padding-top: 15px; 
	}
	.referencia-item:nth-last-child(2),
	.referencia-item:nth-last-child(3){
		border-bottom: 0px solid #dddddd;
		padding-bottom: 15px;
		margin-bottom: 0px;
	}
}
@media (max-width: 480px) {
	.footer-partnerek-cim{
		text-align: center;
	}

	.navbar-fixed-top {
		text-align: left !important;
		padding-left: 0px;
	}
	
	.brand.mobil {
		margin-left: 5px;
	}
	
	/*
	.footer-partnerek-eu{
		background: url(../design/aai/partnerek/eu-off-140.png) no-repeat;
		background-size: 70px 63px;
	}
	.footer-partnerek-eu:hover{
		background: url(../design/aai/partnerek/eu-on-140.png) no-repeat;
		background-size: 70px 63px;
	}
	.footer-partnerek-op{
		background: url(../design/aai/partnerek/op-off-280.png) no-repeat;
		background-size: 140px 30px;
	}
	.footer-partnerek-op:hover{
		background: url(../design/aai/partnerek/op-on-280.png) no-repeat;
		background-size: 140px 30px;
	}
	.footer-partnerek-nfu{}
	.footer-partnerek-kdrfu{}
	.footer-partnerek-mag{}
	*/
	
	#footer-kapcsolat-logo{
		width: 100%; 
		text-align: center;
	}
	#footer-kapcsolat-adatok{
		width: 100%; 
		text-align: center;
	}
	
}