/*
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: 991px) {
	
	.carousel-inner > .item {
		height: 0px;
		padding-bottom: 50%;
		background-size: cover;
	}
	
	.ajanlat-datumok {
		font-size: 12px;
	}
	
	
	
	#header{
		position: relative;
		//z-index: 1040;
	}
	
	#info-lang{
		display: none;
	}
	
	#nyelv-mobil{
		height: 40px;
		background: #fff;
		margin-bottom: 5px;
		border-bottom: 3px solid #a5cd39;
	}
	
	.zaszlo-mobil{
		display: inline-block;
		width: 33%;
		float: left;
		color: black;
		text-align: center;
	}
	
	#mobilmenu{
		display: block !important;
	}
	
	#menu-wrap-mobil {
		height: 55px;
		display: block;
	}
	
	.mobilmenu_wrapper{
		height: 55px;
	}
	
	.navbar-fixed-top{
		left: 0px;
		right: auto;
		background-color: #FFFFFF;
		width: 100%;
		border-bottom: 5px solid #a5cd39;
		text-align: center;
		padding-left: 111px;
	}
	
	.navbar-header.mobil {
		float: right;
	}
	
	.navbar-nav{
		position: absolute;
		top: 10;
		width: 250px;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.navbar-nav > li{
		padding: 0px;
		margin: 0px;
		border: 0px;
		text-align: left;
	}
	.navbar-nav > li > a,.navbar-nav > li.active > a,.navbar-nav > li > a:hover, .nav .open > a,.nav .open > a:hover, .nav .open > a:focus,
	.dropdown-menu > li > a,.dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover,
	.nav > li > a:hover, .nav > li > a:focus{
		font-family: "nimbuslight";
		font-weight: 400;
		text-transform: uppercase;
		color: #505050;
		font-size: 20px;
		background: none;
		padding: 7px 15px; 
		white-space: normal;
	}
	
	.dropdown-menu > li > a,
	.dropdown-menu > li > a:hover,
	.navbar-nav .open .dropdown-menu > li > a:focus
	{
		font-size: 18px;
		background: none;
	}
	
	.navbar-nav > li > a:hover, .nav .open > a,.nav .open > a:hover, .nav .open > a:focus,
	.navbar-nav > li.active > a,
	.dropdown-menu > li > a:hover,
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover
	{
		color: #A5CD39;
		
	}
	
	.nav .open > a,.nav .open > a:hover, .nav .open > a:focus{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border: 0px;
	}
	.navbar-nav > li:hover, .navbar-nav > li.active, .nav .open,.nav .open:hover, .nav .open:focus{
		background: none;
		border: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	.navbar-nav > li {
		float: none;
	}
	
	.navbar-nav .open .dropdown-menu{
		margin: 0px 15px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		padding: 0px;
		padding-bottom: 10px;
		border: 0px solid #266771;
		position: relative;
		background: none;
		font-size: 18px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		line-height: 20px;
		float: none;
	}
	
	.dropdown-menu > li > a {
		/*padding: 8px 15px 8px 20px !important;
		color: #fff;
		text-align: left;
		font-size: 16px;*/
		padding: 6px 15px 5px 25px !important;
		line-height: 20px;
	}
	
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover,
	.dropdown-menu > li > a:hover{
		padding: 6px 15px 5px 25px !important;
	}
	
	li.mobilmenunyelvek, li.mobilmenunyelvek:hover, li.mobilmenunyelvek a, li.mobilmenunyelvek a:hover{
		margin: 0px;
		padding: 0px;
		border: 0px;
		background: none;
		outline: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	li.mobilmenunyelvek, li.mobilmenunyelvek:hover{
		height: 40px;
		border-bottom: 1px solid #266771;
		-webkit-box-shadow: 0 1px 0px #367c88;
		-moz-box-shadow: 0 1px 0px #367c88;
		box-shadow: 0 1px 0px #367c88;
		margin-bottom: 20px;
	}
	li.mobilmenunyelvek a, li.mobilmenunyelvek a:hover{
		width: 50%;
		float: left;
		text-align: center;
		line-height: 20px;
		padding: 10px 0px;
		font-size: 14px;
	}
	li.mobilmenunyelvek a.active, li.mobilmenunyelvek a:hover{
		background: #1f525b;
	}
	
	#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: 16px 16px 9px 16px;
		//width: 65px;
		
		-webkit-transition: all 0.25s ease;
		-moz-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}
	
	#responsive-menu-button:hover .menufelirat,
	#responsive-menu-button.active .menufelirat{
		color: #a5cd39;
	}
	
	#responsive-menu-button:hover .menuicon .icon-bar,
	#responsive-menu-button.active .menuicon .icon-bar{
		background: #a5cd39;
		border-bottom: 1px solid #CCCCCC;
	}
	
	#responsive-menu-button .menufelirat{
		color: #2c2c2c;
		text-transform: uppercase;
		display: inline-block;
		font-size: 14px;
		position: relative;
		top: -3px;
		padding-right: 5px;
	}
	
	#responsive-menu-button .menuicon{
		display: inline-block;
	}
	
	#sidebar-collapse {
		display: block;
		visibility: visible !important;
		max-height: none;
		padding: 0px;
		padding-top: 0px;
		overflow: auto !important;
		margin-right: -250px;
		position: fixed;
		top: 55px;
		right: 0px;
		width: 250px;
		color: #505050;
		height: 100%;
		overflow-y: auto;
		z-index: 810;
		border-top: none;
		height: 100% !important;
		
		background-color: #fefefe;
		transition: all 0.4s ease 0s;
	}
	
	#wrap.active,
	#footer-container.active{
		position: relative;
		left: -250px;
	}
	
	#wrap #content,
	#wrap .slider-box,
	#footer-container{
		transition: all 0.4s ease 0s;
		opacity: 1;
	}
	
	#wrap.active #content,
	#wrap.active .slider-box,
	#footer-container.active{
		opacity: 0;
	}
	
	#wrap.active #sidebar-collapse {
		right: 250px;
		width: 250px;
		-webkit-box-shadow: -5px 10px 20px 0px rgba(0,0,0, 0.4) !important;
		-moz-box-shadow: -5px 10px 20px 0px rgba(0,0,0, 0.4) !important;
		box-shadow: -5px 10px 20px 0px rgba(0,0,0, 0.4) !important;
		
	}
	
	#wrap #content,
	#footer-container{
		display: block;
	}
	
	#wrap.rejtett #content,
	#wrap.rejtett .slider-box,
	#footer-container.rejtett{
		display: none;
	}
	
	
	#footer-container,
	#wrap {
		position: relative;
		padding-left: 0;
		left: 0px;
		transition: all 0.4s ease 0s;
	}
	
	
	.navbar-toggle:focus {
		outline: 0;
	}
	
	.navbar-toggle .icon-bar {
		width: 31px;
	}
	
	.navbar-toggle .icon-bar + .icon-bar {
		margin-top: 6px;
	}

	.navbar-header .navbar-toggle .icon-bar{
		//background: #aeaeae;
		//border-bottom: 1px solid #808080;
		background: #808080;
		border-bottom: 1px solid #AAAAAA;
	}
	
	.navbar-header {
		float: none;
	}
	#header {
		margin-top: 0px;
	}
	.brand {
		margin: auto;
		width: auto;
		float: none;
	}
	
	.brand.pc {
		display: none;
	}
	
	.brand.mobil{
		display: inline-block;
		border: none;
	}
	
	.brand a{
		width: 100%;
		display: block;
		text-align: center;
		height: 50px;
		padding-top:2px;
	}
	.brand img{
		width: auto;
	}
	
	
	.brand img.logo-mobil{
		display: inline-block;
		width: auto;
		height: 45px;
	}
	
	.slider-box{
		float: none;
		width: 100%;
	}
	
	
	#wrap {
		margin: 0 auto 0px;
		padding: 0 0 0px;
	}
	.hirlevel-content-width, #hirlevelForm, #ajandekutalvanyForm{
		width: auto;
	}
	a.vissza{
		display: none;
	}
	#content-right {
		border-left: 0px;
		padding-left: 15px;
		//margin-bottom: 40px;
		min-height: 0;
	}
	#content-left {
		padding-right: 15px;
	}
	
	
	/* footer */
	#footer,
	.footer{
		height: auto;
	}
	.footer{
		padding: 0px 15px;
	}
	
	.footer-elerhetosegek tr td{
		padding-bottom: 10px;
	}
	.footer-elvalaszto{
		border: 0px;
	}
	.footer-title{
		margin-top: 10px;
	}
	.footer-elerhetosegek{
		margin-bottom: 10px;
	}
	.mobil-eredeti{
		display: block;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
		background: #fff;
	}
	
	.nezetvalto{
		color: #505050;
	}
	
	.nezetvalto:hover{
		color: #a5cd39;
	}
	
	.iwlogo-box{
		height: auto;
		text-align: center;
	}
	.footer-copy{
		height: auto;
	}
	.iwlogo{
		display: inline-block;
		position: static;
		background: url(../img/footer_iw_logo_270.png) no-repeat top right;
		background-size: cover;
		height: 18px;
		width: 145px;
		top: 0px;
		right: 0px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.iwlogo:hover{
		display: inline-block;
		position: relative;
		background: url(../img/footer_iw_logo_hover_270.png) no-repeat top right;
		background-size: cover;
		height: 18px;
		width: 145px;
	}
	.hirlevel-margin{
		margin-left: 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.iwlogo-box{
		background-size: contain;
	}
}

@media (max-width: 767px) {
	
	.container{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#content{
		padding: 15px;
	}
	
	#content-right{
		min-height: 400px;
		margin-bottom: 20px;
	}
	
	body{
		height:	auto;
	}
	
	div.felsomargos-xs
	{
		margin-top: 30px;
	}
	
	#header{
		border-top: 0px;
	}
	.brand {
		margin: auto;
		width: auto;
		margin-left: -15px;
		margin-right: -15px;
		float: none;
	}
	.carousel{
		margin-left: 0px;
		margin-right: 0px;
		//margin-bottom: 30px;
		margin-bottom: 0px;
		border: 0px;
	}
	.carousel-indicators{
		//display: none;
		//left: auto;
		//right: 8px;
		//bottom: -10px;
	}
	
	.carousel-indicators li, 
	.carousel-indicators .active {
		//height: 25px;
		//width: 25px;
		//margin: 0px 8px;
	}
	
	.carousel-inner > .item {
		/*height: 200px;
		background-size: auto 100%;*/
	}
	
	.carousel-caption{
		bottom: 5px;
	}
	.carousel-caption h3 {
		font-size: 20px;
		margin-top: 5px;
	}
	.carousel-caption p {
		font-size: 16px;
		margin: 5px 0px;
	}

/* menu szerkesztes */

	
/* menu szerkesztes */

	.fooldal-box {
		margin-bottom: 15px;
	}

	.fooldal-box-title{
		position: relative;
	}
	
	.fooldal-box-title {
		font-size: 16px;
		padding: 20px 0px;
		padding-left: 9px;
	}
	
	.ajanlat-elvalaszto{
		margin-bottom: 30px;
	}
	.ajanlat-margin-top{
		margin-top:30px
	}
	.ajanlat-box {
		background: none;
		padding-top: 30px;
		border-top: 4px solid #cecece;
	}
	.ajanlat-first {
		border-top: 0px;
		margin-top: 0px;
		padding-top: 0px;
	}
	.ajanlat-box .ajanlat-content {
		height: auto;
		max-height: 100px;
	}
	.ajanlat-box .ajanlat-img-box{
		display: inline-block;
		margin: 10px 0px;
	}
	.ajanlat-box img{
		width: 250px;
		height: auto;
		max-width: 100%;
	}
	.ajanlat-box .ajanlat-button-seged{
		margin-top: 10px;
	}
	
	.ajanlat-nezet-image{
		width: 100%;
		height: auto;
	}

/* popup */

	.popup-box-keret{
		width: auto;
		max-width: 100%;
		margin-left: 10px;
		margin-right: 10px;
	}
	.popup-box-keret img{
		width: 100%;
		max-width: 100%;
	}

/* popup */


	
	
	
	

	
/* imagefirst */
	.oldal-tipus-1-img.oldal-tipus-1-img-first, 
	.oldal-tipus-1-img.oldal-tipus-1-img{
		float: none;
		margin: 0px;
		margin-bottom: 20px;
	}

	.oldal-tipus-1-img-first a,
	.oldal-tipus-1-img a {
		margin-top: 0px;
		margin-right: 0px;
		position: relative;
	}
	
	.oldal-tipus-1-img img{
		width: 100%;
	} 
	
	.galeria-box .galeria-img-box{
		width: 100%;
		height: auto;
	}
	.galeria-box img{
		width: 100%;
		height: auto;
	}
	
	.hirkepcont-mobil.kiemelt{
		width: -moz-calc(100% + 15px);
		width: -webkit-calc(100% + 15px);
		width: calc(100% + 15px);
	}

	.hir-caption{
		max-width: 100% !important;
		width: 100% !important;
		position:relative !important;
	}
	
	#hangvillabox-mobil,
	.content-hirlevel-box{
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.ajanlat-box .ajanlat-img-box{
		width: 100%;
		height: auto;
	}
	
	.ajanlat-box img {
		width: 100%;
	}
	
	.button-igazito.kozepre-xs{
		text-align: center;
	}
	
	div.table.rendezvenyhelyszin{
		/*float: left;*/
		position: relative;
		width: auto;
	}	
	
	div.table.rendezvenyhelyszin.visible-xs-sajat{
		display: inline-block !important;
	}
	
	.table.rendezvenyhelyszin.hidden-xs-sajat{
		display: none !important;
	}
	
	div.table.rendezvenyhelyszin.margin-xs{
		margin-right: 30px;
	}
	
	div.table.rendezvenyhelyszin.utolso{
		margin-bottom: 0px ! important;
	}
	
	.table.rendezvenyhelyszin td{
		padding: 3px 10px !important;
		//text-align: center;
	}
	
	.table.rendezvenyhelyszin td.header{
		padding-right: 20px !important;
		//text-align: left;
	}
	
	.table.rendezvenyhelyszin span.megnevezes{
		font-weight: bold;
		margin-bottom: 5px;
		display: block;
	}
	
	#bookingForm .control-label{
		padding-top: 0px;
	}
	
	#ui-datepicker-div{
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);
	}

	.fooldal #ui-datepicker-div{
		width: -moz-calc(100% - 90px);
		width: -webkit-calc(100% - 90px);
		width: calc(100% - 90px);
	}
	
	
	
	
	
	.btn-sajat-seged.nincsarnyek,
	.btn-sajat-seged.nincsarnyek:active,
	.btn-sajat-seged.nincsarnyek:hover {
		width: 100%;
	}
	
	.btn-sajat-seged.foglalas:first-child{
		margin-bottom: 10px;
	}
	
	.btn-sajat-seged.foglalas,
	.btn-sajat-seged.foglalas .btn-sajat{
		width: 100%;
	}
	
	.btn-felsocsik,
	.btn-felsocsik:active,
	.btn-felsocsik:focus{
		width: 100%;
	}
	
	
}

@media (max-width: 480px) {
	
	
	
	
	.navbar-fixed-top {
		text-align: left;
		padding-left: 30px;
	}	
	
	.carousel-inner > .item {
		//height: 200px;
		//background-size: auto 100%;
	}

}

@media (max-width: 340px) {
	
}