@media (max-width: 3218px){
	.baner{height: 700px;} 
	.baner > img {width: 100%;}
}	

@media (max-width: 1800px){

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

}


@media (max-width: 1218px){
	
	.oferta_dnia {margin-top: 30px;}
	.baner{height: auto; min-height: 500px;}
	html {
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	}
	*, *:before, *:after {
	  -webkit-box-sizing: inherit;
	  -moz-box-sizing: inherit;
	  box-sizing: inherit;
	}
	.ludek span.ukryj, .bg_nazwa .pokoje span.ukryj, .pokoje span.ukryj{display: none;}
	.rezydencje span.ukryj{display: block;}
	 #doswiadczenie, .left .primoInwestycje, .attractions, .left-apartment, .opcje_apartament{ display: none;}

	.center, #opcje_apartament{ width: 99%;}
	.left{ width: 50%; margin: 0; padding-right: 10px;}
	.right{ width: 50%; margin: 0; padding-left: 10px;}
	.klient{width: 100%; padding-right: 150px;}
	.sred{  margin-top: -95px;}
	
	.wyszukiwarka .next{ margin-top: 15px;}
	.search-apartment{ width: 285px;}
	.next { width: 160px; }
	.KartaTurystyLink img, .primoInwestycje img, .home-map{ max-width: 100%;}
	.op{ width: 325px;}

	#kontakt-post{ width: 100%;}
	.input-kontakt, .input-textarea{ width: 100%;}
	.prawa{ width: 72%;}
	.results-foto{ width: 175px; height: auto;}
	.ajaxloader{ background-position: 20px 20px; }
	.op2{ width: 75%;}
	.ocena1{ width: 32px;}
	.lok h4{ width: 155px;}
	.right-apartment{ width: 100%;}
	.bigger{ width: 88px; height: 90px;}
	.apart_kont{width: auto; margin: 22px 0 5px 0;}
	button.rezerwuj,a.rezerwuj{margin:22px 0 5px 0;}
	h2.apart {width: 100%;}
	.box3 table{width: 100%;}
	
	.kafelek{width:17.7%;}
	.kafelek_but{width:23%;}
	
	.img2 {display: none;}
	.opis2 {float: none; width: 100%;}
	
	.ourApartments ul.lista_1 li h2, #results ul.lista_1 li h2, #results2 ul.lista_1 li h2 {font-size: 13px;}
	.ludek, .pokoje, .off:hover .ludek, ul.lista_1 li:hover .ludek, ul.lista_1 li .ludek, .off:hover .pokoje, ul.lista_1 li:hover .pokoje, ul.lista_1 li .pokoje, .metraz{background-size: auto 14px;}
	.ludek{ padding-left: 12px; margin-right: 5px;}
	.pokoje{padding-left: 22px;}
	ul.lista_1 .lokalizacja, ul.lista_1 .ludek, ul.lista_1 .pokoje, ul.lista_1 .cena, .cena span.ukryj, .metraz span.ukryj {font-size: 14px;}
}

@media (max-width: 1090px){
	
	#menu-icon{display:block}
	#menu{height: 50px;}
	.sticky #menu ul.menu-gora > li{padding:0}
	#menu ul.menu-gora.active{display:block}
	#menu ul.menu-gora,#menu a:active ul{display:none;position:relative;right:0;top:42px;width:100%;padding:0 0 5px;z-index:11;background:#fff;text-align:center;border-bottom:1px solid #dedede;overflow:hidden}
	.sticky #menu ul.menu-gora,#menu a:active ul{top:36px}
	.fixed2{display:none!important}
	#menu ul.menu-gora > li{float:none;padding:0;text-align:center;height:auto;z-index:1; margin: 0;}
	#menu ul.menu-gora > li:first-child{border-left:0}
	#menu ul.menu-gora li#otworz:hover ul.menu1,#menu ul.menu-gora li.otworz_male:hover ul.menu-gora{display:none!important}
	#menu ul.menu-gora li a{padding:5px;display:inline-block}
	#menu ul.menu-gora > li:nth-child(7){background:none}
	
	#menu ul.menu-gora li.lang{display:none}
	#menu ul.menu-gora li {font-size: 14px;}
	
	.float_l {width: 19%;}
	
	.big2 {width: 82%;}
	
	
	
}


@media (max-width: 1065px){
	.op{ width: 310px;}
}	

@media (max-width: 1035px){
	.op{ width: 295px;}
	img.small {height: 99px; width: 129px;}
	img.big {height: 531px; width: 681px;}
	.op2{ width: 72%;}
}

@media (max-width: 1010px){
	
	.apart_kont{width: 50%;}
	button.rezerwuj, a.rezerwuj{width: 50%;}
	ul.lista_1 .lokalizacja, ul.lista_1 .ludek, ul.lista_1 .pokoje, ul.lista_1 .cena, .cena span.ukryj {font-size: 11px;}
	.acc {max-width: 650px;}
}

@media (max-width: 1003px){
	.op{ width: 280px;}
}

@media (max-width: 999px){
	ul.lista_1 li .margin_opis {padding: 4px;}
}

@media (max-width: 978px){
	.op {width: 265px;}
	.float_l {width: 32%;}
	.big2 {width: 80%;}
	.acc {max-width: 590px;}
	
	#top a img{width: 150px;}
}

@media (max-width: 955px){
	.od, .ml10{ margin-left: 0;}
	.button_top{ margin: 15px 0; }
	.next{ width: 100%;}
	.next:first-child{ width: 90%;}
	
	.search-apartment{ width: 100%; margin-bottom: 15px; }
	.op2{ width: 69%;}	
	ul.lista_1 li {width: 33.33%;}
	.off {width: 100%;}
	.oferta_dnia {margin-top: 0;}
	.off .img img {height: 324px;}
}

@media (max-width: 947px){
	.ost a img {margin-right: 0; width: 99%;}
	.op {width: 100%;}
	.nazwa {font-size: 20px; padding: 5px 45px 10px 20px;}
	.ile_gdzie {top: 44px;}
	
	ul.lista_1 .lokalizacja, ul.lista_1 .ludek, ul.lista_1 .pokoje, ul.lista_1 .cena, .cena span.ukryj, .ludek, .metraz, .pokoje {font-size: 10px;}
	.oferta_dnia > .center > h2 { margin: 0;}
	.off {margin-left: 0; margin-right: 0;}
}

@media (max-width: 900px){
	.op2{ width: 67%;}
	.big2 {width: 77%;}
	
	.nazwa_ap {float: left; width: 100%;}
	.bg_color, .bg_nazwa, .nazwa_ap .szukaj{margin-left: 0;}
	.nazwa_ap .float_l {width: 32%; margin-right: 1%;}
	.bg_color p{display: inline-block;}
	#dodatkowe-opcje-ajaxowe, #inputy-ajaxowe{width: 100%; margin-right: 0;}
	.nazwa_ap .szukaj input{width: 100%;}
	.nazwa_ap .szukaj #inputy-ajaxowe input[type="checkbox"]{width: 20px;}
	.galeria{width: 100%;}
	
	.ui-tabs-vertical .ui-tabs-nav {width: 100%;}
	.ui-tabs-vertical .ui-tabs-nav li{float: left; width: 33.33%; clear: none; font-size: 16px; text-align: center;}	
	.ui-tabs-vertical .ui-tabs-panel {width: 100%;}
	.acc {max-width: 540px;}
	
}
	
@media (max-width: 850px){
	.op2{ width: 64%;}
	#sync1 .item img {height: 400px;}
	.acc {max-width: 490px;}
}

@media (max-width: 800px){
	.op2{ width: 61%;}
	table.mapa{margin: 10px 0; width: 100%;}
	.big2 {width: 100%; float: none;}
	.big2 img{min-height: auto; width: 100%;}
	.small_gal {width: 100%; float: none;}
	.galeria{height: auto;}
	.small_gal a{float: left; width: 25%;}
	.last {right: 0; width: 25%;}
	img.small2 {width: 100%; height: auto;}
	
	li.ukryj{display: block;}
	.log{/*display: none;*/ height:30px; /*width: 100px;*/ margin-top:5px; float:right; position:relative; /*top:50px;*/ right: 100px; border-left: none;}
	.dane {float:right; margin-right: 0; margin-top:5px;}
	.f_r {/*margin-top: -20px; margin-bottom: -50px;*/ float:none;}
	.acc {max-width: 450px;}
}

@media (max-width: 768px){
	.attractions, .primoInwestycje, .lastBooked, .filtry, #doswiadczenie, .logo_bot{ display: none;}
	.results_rezydencje ul.lista_1 li{width: 50%;}
	.home-map, .KartaTurystyLink img{ max-width: 100%; width: 100%;}
	a.karta{display: none;}
	.center{ width: 98%;}
	#top{margin: 0; text-align: center;}
	#top a{ display: block;}
	#top a img{ height: 60px; margin: 5px 0; }
	.klient {padding-top: 10px;}
	#srodek{ margin-top: -10px;}
	.left, .right, .lewa, .prawa{ width: 100%; margin: 0;}
	.dane{margin-top: 5px; padding-bottom: 50px;}
	#menu-icon2 {display: block;}

	.goog-te-gadget-icon {float:left;}
	.log {top: 60px; right: 150px;}
	.goog-te-gadget-simple {border-left: none !important; border-right: none !important; border-bottom: none !important;}
	
	#menu-icon2 h3:last-child, #menu-icon2.active h3:first-child {display: none;}
	#menu-icon2.active h3:last-child {display: block;}
	#t_1 {display: none;}
	.szukaj{ height: auto;}
	.szukaj .info{ padding: 25px 25px 0 25px; font-size: 18px; color: #fff;  text-transform: uppercase;  font-weight: bold;}
	.szukaj .info span{ color: #000; display: block;}
	
	
	form.email{ float: none; margin-top: 15px;}
	.email input{ width: 100%; margin-bottom: 15px;}
	.email .button{ width: 100%;}
	.promocje{ font-size: 25px;}
	.KartaTurystyLink{ display: block;}
	.klient{ float: none;}
	
	.nazwa{ font-size: 25px; float: none;}
	.ig_bud{ margin: 0; float: none;}

	#owna ol{ padding-left: 22px;}
	.wroc{ width: 100%; }

	img.big{ float: none; width: 100%; height: auto; margin: 0 0 2px 0;}
	img.small{ margin: 0px 0.3% 2px 0; width: 19.7%; height: auto;}
	
	.dolacz .content-one .content-two{ width: 100%; margin: 5px 0;}
	.dolacz .content-one img{ max-width: 100%; float: none;}
	.acc{ width: 100%;}
	.lista_kat{ margin: 0; width: 100%;}
	.content_dolacz {width: 100%; margin-bottom: 10px;}
	.op2 {width: 72.5%;}
	.kafelek{width:17%;}
	.kafelek_but{width:23%;}
	
	ul.lista_1 li {width: 50%;}
	.rez{float: left;}
	
	.polecamy a {margin: 0 1% 15px 1%; width: 27.3%;}
	ul.menu_bot2 li{width: 50%;}
	ul.menu_bot2 li:nth-child(3) {padding-top: 0; text-align: left;}
	ul.menu_bot2 li:nth-child(1), ul.menu_bot2 li:nth-child(2) {padding-top: 10px; padding-bottom: 10px
}

@media (max-width: 736px){
	.dane{padding-bottom: 5px;}
	.log {top: 5px;}
	.acc {max-width: 400px;}
}

@media (max-width: 700px){
	.op2 {width: 70.5%;}
	table.mapa{font-size: 13px;}
	table.mapa td {padding: 5px;}
	.kafelek{width:16.5%;}
	.kafelek_but{width:23%;}
	
	
}	

@media (max-width: 680px){
	.ocenka {margin: 5px 0 0 10px;}
	table.ocenki {margin: 20px 10px 20px 0;}
	#sync1 .item img {height: 300px;}
	.acc {max-width: 350px;}
	#block_kat {max-width: 250px;}
	.acc h3 {font-size: 15px;}
}

@media (max-width: 650px){
	.ocenka-top {position: relative; margin-top: 50px; float: right;}
	h1.apart{width: 100%;}
	.box3 ul.jeden, .box3 ul.trzy {border-right: none; width: 99%;}
	.box3 ul.dwa {width: 99%;}
	.op2 {width: 68%;}
}

@media (max-width: 640px){
	.kafelek{width: 16.5%; margin: 10px 2% 10px 0;}
	.kafelek_but{width: 25.5%}
	.img, .opis{width: 100%; height: auto;}
	.off .img img {height: auto; width: 100%;}
	.img img {height: auto; width: 100%;}
	.margin_opis{height: auto;}
	.baner h3 {text-transform: none; font-size: 30px;}
	.ui-tabs-vertical .ui-tabs-nav li{width: 50%;}
	
	.dane {margin-top: 12px;}
	.dane p span.u, .dane p{font-size: 11px;}
}

@media (max-width: 615px){
	.kafelek{width: 31.33%; margin: 10px 2% 10px 0;}
	.kafelek:last-child{margin: 10px 0 10px 0;}
	.kafelek_but{width: 31.33%; float: left;}
	#results ul.lista_1 li {width: 50%;}
	.acc {max-width: 300px;}
	
}

@media (max-width: 590px){
	.op2 {width: 65.5%;}
	
	ul.lista_1 li {width: 50%;}
	
}	

@media (max-width: 560px){
	.ocenka {float: none; margin: 5px auto 0;}
	table.ocenki {margin: 20px auto 20px auto; float: none;}
	
	.stopka p{text-align: center;}
	.znaczki {float: none; text-align: center;}
	.small_gal a{float: left; width: 50%;}
	.last {right: 0; width: 50%;bottom: 0; height: 50%;}	
	.galeria .top_nazwa {position: relative; top: 0;}
	.galeria .ludek {float: none;}
	.nazwa_ap .float_l {width: 100%; margin-right: 0;}
	#sync1 .item img {height: 200px;}
	.acc {max-width: 100% !important;}
	#block_kat {max-width: 100% !important;}
	
}

@media (max-width: 550px){
	.apart_kont {width: 100%;}
	button.rezerwuj, a.rezerwuj {width: 100%;}
	img.small{width: 24.7%;}
	.op2 {width: 62.5%;}
	
	.float_l {width: 49%;}
	.baner h3 {font-size: 20px;}
	
	.dane p b{display: none;}
	.dane{padding-bottom: 45px; margin-top:0;}
	.log {top: 60px; right: 180px;}
}


@media (max-width: 505px){
	.kafelek{width: 48%; margin: 10px 2% 10px 0;}
	.kafelek:last-child{margin: 10px 0 10px 0;}
	.kafelek_but{width: 100%; float: left;}
	.results-foto {width: 100%;}
	.ost a img {width: 50%;}
	.op2 {width: 100%;}
	
	.box3 ul.cztery li .p p, .box3 .p {text-align: center; width: 100%;}
	.box3 .p:nth-child(2n){text-align: center;}
	
	#h {height: auto;}
	ul.lista_1 li {width: 100%; margin-right: 0;}
	.ourApartments ul.lista_1 li h2, #results ul.lista_1 li h2, #results2 ul.lista_1 li h2 {font-size: 16px;}
	ul.lista_1 li .margin_opis {padding: 10px;}
	ul.lista_1 .lokalizacja, ul.lista_1 .ludek, ul.lista_1 .pokoje, ul.lista_1 .cena, .cena span.ukryj {font-size: 14px;}
	
	#results ul.lista_1 li {width: 100%; margin-right: 0;}
	
	.polecamy a {margin: 0 1% 15px 1%; width: 46%;}
	
	ul.menu_bot2 li{width: 100%;}
	ul.menu_bot2 li:nth-child(3) {padding-top: 0; text-align: left; padding-bottom: 10px;}
	ul.menu_bot2 li:nth-child(2), ul.menu_bot2 li:nth-child(4){text-align: left;}
	ul.menu_bot2 li:nth-child(1), ul.menu_bot2 li:nth-child(2) {padding-top: 0; padding-bottom: 0;}
	
	
	.baner {background-size: auto 594px; height: 594px;}
	.szukaj {top: calc(50% - 185px);}
	.results_rezydencje ul.lista_1 li{width: 100%;}
}
@media (max-width: 492px){
	.dane{padding-bottom: 5px;}
	.log {top: 0;}
}


@media (max-width: 440px){
	.log {right: 150px;}
}

@media (max-width: 414px){
	.content_black {top: -1px; bottom: 0; position: relative; right: 0; z-index: 100; width: 100%; text-align: right;}
	img.small{width: 32.83%;}
	.float_l {width: 100%; margin-right: 0;}
	.oferta_dnia {margin-top: 30px;}
	.ui-tabs-vertical .ui-tabs-nav li{width: 100%;}
	
	#menu{float: right; width: auto; border-top: none; position: static;}
	.dane {display: none;}
	.log {top: 30px; right: 90px; margin-left: 0; padding-left: 0;}
	.szukaj {top: calc(50% - 225px);}
	
}

@media (max-width: 350px){
	img.small{width: 49.7%;}
	.kafelek{width: 100%; margin: 10px 0 10px 0;}
	.log {right: 50px;}
}

@media (max-width: 315px){
	.ost a img {width: 100%;}
	.log {display: none;}
}