/* wspólne warunki dla mniejszej rozdzielczości */
@media only screen and (max-width: 1600px)
{
	/* góra */
	div#slider_box {width:100%; height:auto;}
	div#slider_container {width:70%; height:auto;}
	div#info {width:30%; height:auto;}
}

@media only screen and (max-width: 1200px)
{
	/* menu i logo */
	ul.menu a {padding-left:12px; padding-right:12px;}
	ul.menu li {margin-right:8px;}
	div#menu_bar_in {width:96%;}
	div#menu_container {width:75%;}
	div#logo {width:160px;}
	img#logo {width:140px; height:auto; margin-top:30px;}

	/* środek */
	div.container, div#container {width:96%; margin-left:auto; margin-right:auto;}
	div#container_in {padding-left:210px;}
	div.page_content {width:auto;}

	/* dolne menu */
	div#bottom_menu_in {width:96%;}

	/* stopka */
	div#bottom_bar_in {width:96%;}
	div#copyright {padding-left:0;}
	div#bottom_links {padding-right:0; float:left;}

	/* 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; margin-top:25%;}
	h3.bjqs-header {margin-bottom:12px; margin-top:10px; font-size:17px; 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 */
	div#new_div_content {width:auto !important;}

	/* konstrukcja */
	div#info {display:none;}
	div#slider_container {width:100%;}
	div#logo {width:100px;}
	img#logo {width:70px; height:auto; margin-top:10px; border:3px solid #fff; box-shadow:none;}
	div#menu_container {width:50px; float:right; padding:5px;}
	div#menu_icons {padding-left:5px; margin-left:10px;}
	div#menu_icons a {font-size:23px;}
	ul.menu {margin-top:42px;}
	form#search_form {margin-left:-220px; margin-top:40px;}
	div#container_in {padding-left:0}

	div.bottom_column {width:auto; max-width:initial;}
	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;}
	h3.title {font-size:20px;}
	h3.start_title img {vertical-align:middle; margin-right:8px;}

	/* 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;}
	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; margin-right:0;}
	ul.menu a {padding:7px 12px 7px 12px; border:1px solid #999; border-top:none; margin:0; background:rgba(40, 40, 40, 1); 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;}
	div.td input.to_basket_amount {width:30px !important;}
	form#products_options {float:none;}
	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;}
	div.panel_logout {text-align:left;}

	/* 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:15%; margin-bottom:0; margin-left:50px; padding:12px; width:40%; height:70%; 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;}

	
	/* nauczyciele, szkoły */
	section.school_container, section.coach_container {display:block;}
	div.school_box, div.coach_box {width:100%; margin-right:0;}
	div.coach_photo, div.coach_data {float:none; width:auto;}
	div.coach_data div.padding_bottom {padding-bottom:1px;}

	/* telefon pionowo */
	@media only screen and (min-width:100px) and (max-width: 500px)
	{
		/* !!! - dopasowuje zdjęcia z klasą "responsive" do rozmiaru strony - rozciąga na całą stronę*/
		img.responsive {width:100% !important;}

		a.bjqs-button, img.see_all, a.news_more, img.more {width:60px; height:60px;}
		a.light img, a.dark img {width:50px; height:auto;}
		div.bjqs-text p {display:none;}
		div.bjqs-caption {height:auto; margin-top:30%;}
		ul.bjqs-controls li a {padding:20px 8px; font-size:initial;}

		h3.start_title {font-size:22px; width:auto !important;}
		a.start_box {float:none; margin:0; margin-bottom:50px;}
		div.boxes {margin-top:20px;}
		
		/* 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;}
		a#select_inpost {margin-top:8px; margin-bottom:14px;}

		div.column {float:none; margin-right:0; margin-left:0; padding-bottom:20px; padding-left:0 !important; width:auto;}
		div#bottom_menu_in {display:initial; justify-content:initial;}
		div.bottom_column {width:70%; float:left; padding-left:10px;}
		div.bottom_column img {float:none !important; display:block; margin-bottom:6px;}
		div#copyright, div#bottom_links {float:none;}
	}
}