/* Wspólne warunki dla mniejszej rozdzielczości */
@media only screen and (max-width: 1024px)
{
	/* konstrukcja */
	header#top {width:100%;}
	div#header_left {margin-left:1%;}
	div#header_right {margin-right:1%;}

	div.container, div#container, div#container_flex, footer#bottom_menu, footer#copyright {width:96%;}

	div#main_photo_inner {width:96%;}
	div#right_column {width:auto;}
	div.page_content {width:100%; padding-left:0; padding-right:0; margin:auto;}

	/* schowaj link drukuj */
	div#print {display:none;}

	/* kolumny */
	div#left_column {width:73%; padding-right:15px;}
	div#right_column {width:27%;}
	
	/* menu */
	ul.menu {width:100%;}
	ul.menu a {padding-left:10px; padding-right:10px; font-size:16px;}
	li.crest {padding-left:8px;}

	/* filmy, mapy, kamery */
	div#container iframe, div.container iframe {width:100% !important; max-height:500px !important;}

	/* cookie consent */
	div#cookie_consent {width:96%};
	
	/* new div */
	div#new_div_content {width:auto !important;}

	/* newsy */
	div.news_list {gap:10px;}

	/* slider */
	div.bjqs-caption {width:35%; padding:12px; margin-left:50px; height:100%; margin-top:0;}
	h3.bjqs-header {margin-bottom:12px; margin-top:10px; font-size:20px;}
	ol.bjqs-markers {top:87%;}

	/* bannery - partnerzy */
	div.partners, p.tns-item {max-width:100%; overflow:auto;}

	/* buttons */
	a.button_box span {margin-left:6px; margin-right:10px; font-size:48px;}
	a.button_box div {font-size:16px;}
}


/* tablet pionowo */
@media only screen and (min-width: 700px) and (max-width: 850px)
{
	div.home_widgets
	{
		display: block;
	}

	div.home_widgets div
	{
		margin-bottom: 20px;
	}

	div.home_widgets div iframe
	{
		width: 545px;
		height: 210px;
	}
}


/* telefon poziomo i pionowo */
@media only screen and (min-width: 100px) and (max-width: 699px)
{
	header#top {width:96%; height:auto;}
	div#header_left, div#header_right {float:none; margin:0;}
	div#header_right {margin-top:10px;}
	a#logo_main {width:300px; height:116px; margin-top:20px;}
	div#main_photo {height:250px;}
	div#quick_buttons {display:none;}

	/* konstrukcja - układ kolumnowy */
	div#container_flex {display:block;}
	div#left_column {display:block; float:none; width:96%; margin:auto; padding-left:0; padding-right:0; background:transparent;}
	div#right_column {display:block; float:none; width:96%; padding:0; margin-left:auto; margin-right:auto;}

	/* stopka */
	footer#bottom_menu {display:block;}
	div.bottom_column {height:auto;}
	footer#copyright {min-height:auto; font-size:14px;}
	div#copy {float:none; padding: 5px 0 5px 0;}
	div#web {float:none; padding:5px 0 5px 0;}
	div#arrow_up {margin-top:0;}

	/* lupka przy wyszukiwarce */
	#search_form i.icon-search {color:#888;}

	/* buttons */
	a.button_box {height:auto; justify-content:start}

	/* ogólne zasady */
	body, table, div#frame, div.frame, #error, a.gal, input[type="text"] {font-size:15px;}
	div#print {display:none;} /* schowaj link drukuj */
	h3.title {font-size:24px;}
	div.page_content ul, div.page_content ol {padding-left:25px;} /* listy z mniejszym wcięciem */
	input[type="text"] {padding:2px;} /* pola input trochę większe */

	/* popup */
	div#popup_content {width:96% !important; height:auto !important; display:block;}
	div#popup_html {width:100% !important; height:auto !important;}
	img.popup {width:100%; height:auto;}

	/* lightbox */
	#lightbox-secNav-btnClose {top:5px; padding:5px;}
	#lightbox-container-image {padding:5px;}
	#lightbox-secNav-btnClose img {width:23px; height:23px;}
	#lightbox-nav-btnNext, #lightbox-nav-btnPrev {background-size:35px !important;}
	#lightbox-container-image-data-box {font-size:13px;}

	/* menu mobilne */
	div#menu_mobile {display:block;}
	ul#menu {display:none; width:auto; height:auto; position:absolute; padding:0; background:#fff; border-top:1px solid #999; z-index:100;}

	/* elementy menu */
	ul.menu li {float:none; font-weight:bold;}
	ul.menu a {padding:7px 12px 7px 12px; border:1px solid #999; border-top:none; margin:0; border-radius:0;}
	ul.menu a:hover {border-top:none; border-radius:0;}

	/* submenu */
	ul.menu ul {display:block !important; position:static; width:auto; border:none; padding:12px; box-shadow:none;}
	ul.menu ul li {position:static;}
	ul.menu ul a {width:auto; padding:3px 0; border:none; font-size:1em;}
	li.mobile, li.external {display:block;} /* pokaż linki w menu które są przeznaczone tylko dla wersji mobilnej */
	div.submenu_container {display:block;}
	ul.menu ul section {width:100%; margin:0 0 15px 0;}
	ul.menu ul a.no_url {margin-bottom:0;}


	/* tabela na formularz */
	div.table {display:block !important;}
	div.tr {display:block; margin-bottom:5px; padding-bottom:5px;}
	div.td, div.td_top, div.td_text {display:block; padding:0; padding-bottom:4px; padding-top:4px;}
	div.td label, div.td_top label {min-height:auto;}
	div.td input[type="text"], div.td input[type="password"], div.td textarea {display:inline-block;  margin-top:2px; width:96% !important;}
	div.list div.tr {border-bottom:1px solid #bbb;}
	div.list div.td {border-bottom:none;}
	select {max-width:97%;}
	span.form_element {display:block; margin-bottom:10px;}
	span.form_element label {display:block; margin-bottom:3px;}

	/* slider */ /* -- UWAGA! -- jeżeli slider jest opakowany w jakiś div np slider_box to ustaw go na początku mobile.css na width:auto */	
	div.bjqs-caption {margin-left:50px; margin-top:0; margin-bottom:0; width:40%; height:100%; font-size:14px; line-height:18px;}
	H3.bjqs-header {font-size:17px; line-height:19px; margin-bottom:6px; margin-top:0;}
	a.bjqs-button {margin-top:8px;}
	ol.bjqs-markers {top:84%;}
	ul.bjqs-controls li a {padding:4px;}
	li.bjqs-prev i.icon-arrow-left, li.bjqs-next i.icon-arrow-right {font-size:20px;}
	
	/* artykuły, newsy */
	div.article_title {height:auto;}
	div.article_container, div.article_full_images {width:100%; height:auto; float:none; margin-left:0; margin-right:0;}
	div.article_full_images img {width:100%; height:auto;}

	div.last_article_container, div.last_news_container, div.last_events_container {width:auto; height:auto; float:none; margin-left:0; margin-right:0; margin-bottom:25px;}
	div.last_news_container div.news_content {height:auto;}

	
	div.home_widgets
	{
		display: block;
	}

	div.home_widgets div
	{
		margin-bottom: 20px;
	}

	div.home_widgets div iframe
	{
		width: auto;
		height: 210px;
	}


	/* telefon pionowo */
	@media only screen and (min-width:100px) and (max-width: 500px)
	{
		img#logo_main {width:100%; height:auto; margin-top:30px;}

		/* news, events */
		div.news_icon, div.events_icon {display:none;}
		div.news_wrapper, div.events_wrapper {float:none; width:100%;}
		div.news_container {display:initial;}
		div.news_separator {height:35px; background:transparent;}
		div.first_image, div.news_images, div.events_images {float:none; width:100%; height:auto; margin-left:0; margin-right:0; margin-bottom:15px;}
		div.first_image img, div.news_images img, div.events_images img {width:100%; height:auto;}
		div.home_events_header a.button_white {display:none;}

		/* zabytki */
		div.monument_text {width:70%;}
		div.monument_image {width:30%;}
		div.monument_image img {width:100%; height:auto;}

		/* cookie consent */
		div#cookie_consent {display:block;}
		div#cookie_consent_info, div#cookie_consent_buttons {width:auto; text-align:center;}
		div#cookie_consent_buttons {margin-top:15px;}

		div#search {margin-left:6px; margin-right:6px;}

		/* !!! - dopasowuje zdjęcia z klasą "responsive" do rozmiaru strony - rozciąga na całą stronę*/
		img.responsive {width:100% !important;	float:none !important; margin-right:0 !important; margin-left:0 !important;}
	}
}