/* wspólne warunki dla mniejszej rozdzielczości */
@media only screen and (max-width: 980px)
{
	/* konstrukcja */
	header#top, div.container, div#container, footer#bottom_menu, footer#copyright {width:100%;}
	div#right_column {width:auto;}
	div.page_content, div#new_div_content {width:auto !important;}
	
	/* menu */
	ul.menu a {padding-left:12px; padding-right:12px;}

	/* filmy, mapy, kamery */
	div#container iframe, div.container iframe, div#map_canvas {width:100% !important; height:auto !important;}

	/* cookie consent */
	div#cookie_consent {width:96%;}

	/* slider */
	div.bjqs-caption {width:35%; padding:12px; margin-left:50px;}
	h3.bjqs-header {margin-bottom:12px; margin-top:10px; font-size:21px; line-height:26px;}
	ol.bjqs-markers {top:87%;}
	li.bjqs-prev i.icon-arrow-left, li.bjqs-next i.icon-arrow-right {font-size:30px;}
}

/* telefon poziomo i pionowo */
@media only screen and (min-width: 100px) and (max-width: 699px)
{
	/* 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 */
	div.page_content {word-wrap:break-word;}
	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 */

	/* konstrukcja */
	div#left_column {display:none;}
	div#right_column {display:block;}
	div.bottom_column {height:auto;}
	footer#copyright {min-height:auto; font-size:14px;}
	div#copy {float:none; padding-bottom: 5px;}
	div#web {float:none; padding-left:11px; padding-top:10px;}

	/* lightbox */
	#lightbox-nav-btnNext {background-image:url('images/lightbox-btn-next.gif') !important;}
	#lightbox-nav-btnPrev {background-image:url('images/lightbox-btn-prev.gif') !important;}

	/* menu mobilne */
	div#menu_mobile {display:block;}
	div#menu_mobile a {font-size:20px; text-decoration:none; padding-top:2px; padding-left:8px;}
	ul#menu {display:none; width:auto; height:auto; position:absolute; padding:0; 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;}
	ul.menu ul li {position:static; border-bottom:1px solid #999;}
	ul.menu ul li a {width:auto; padding-left:25px; border-top:none; border-left:none;}
	li.mobile {display:block;}

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

	/* sklep */
	div.td input.to_basket_amount {width:30px !important;}
	form#products_options {float:none;}

	/* panel użytkownika */
	div.panel_tabs {height:auto;}
	div.panel_tabs a {width:auto; float:none; font-size:14px;}

	/* 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-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:4px;}
	a.bjqs-button {margin-top:8px;}
	ol.bjqs-markers {top:84%;}
	
	/* artykuły */
	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;}

	/* telefon pionowo */
	@media only screen and (min-width:100px) and (max-width: 500px)
	{
		/* 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;}
		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;}

		/* sklep */
		div.categories {width:auto;}
		a.category_image {float:none; width:80%; height:auto; margin-right:0; margin-left:0;}
		a.category_image img {width:90%; max-width:90%; height:auto;}
		div#products_list {width:auto;}
		div.small_product {float:none; width:80%; height:auto; margin-left:0; margin-right:0;}
		div.product_image img {width:90%; max-width:90%; height:auto;}
		div.product_images {width:auto; height:auto; text-align:left; margin-bottom:20px;}
		img.main_image {width:100%; height:auto;}

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