/*=====================================================
=                     Media Queries                   =
=====================================================*/

@media only screen and (max-width : 1200px) { }

@media only screen and (max-width : 1024px) { 

#top{
	width: auto;
	max-width: 950px;
	height: auto;
	min-height: 124px;
}

}

@media only screen and (max-width : 979px) {

body{ background: #f5f5f5; }

#top{
	width: auto;
	max-width: 950px;
	height: auto;
	min-height: 124px;
	overflow: hidden;
	clear: both;
	text-align: center;
	background: rgb(254, 254, 254);
	background: -moz-linear-gradient(90deg, rgb(254, 254, 254) 30%, rgb(242, 242, 242) 70%);
	background: -webkit-linear-gradient(90deg, rgb(254, 254, 254) 30%, rgb(242, 242, 242) 70%);
	background: -o-linear-gradient(90deg, rgb(254, 254, 254) 30%, rgb(242, 242, 242) 70%);
	background: -ms-linear-gradient(90deg, rgb(254, 254, 254) 30%, rgb(242, 242, 242) 70%);
	background: linear-gradient(180deg, rgb(254, 254, 254) 30%, rgb(242, 242, 242) 70%);
	border-bottom: 1px solid #fefefe;
}

/* LOGO NORMAL SPRITE */
#logo { float: none; margin: 32px 0 0 0; }

ul#topmenu { list-style: none; float: none; margin: 26px auto 0; }

#nav {
	min-height: 38px;
	height: auto;
	max-width: 100%;
	float: none;
	margin: 14px 0 0 0;
}

#nav ul { float: none; text-align: center; }

#facebook_slider, #mmsocial { display: none; }

.slider{ width: 100%; left: 0; margin-left: 0px; }

.header-in, .slidebox { width: 100%; }

#slideshow { height: 760px; }

#modfrontop{
	width: 100%;
	height: auto;
	text-align: left;
	margin: 0 auto;
	margin-bottom: 40px;
	overflow: hidden; clear: both;
	background: transparent;
}

.modfrontop1234{
	width: 23%;
	height: auto;
	float: left;
	display: inline-block;
	padding: 0;
}

.modfrontop1234 a{ width: 100%; height: auto; }

#one, #two, #three, #four { margin: 11px 1% 0 1%; }

img{
	max-width: 100%;
	width: auto\9;
	height: auto;
	vertical-align: middle;
}


div#najnowsze{ width: 100%; height: auto; margin: 20px auto 50px; overflow: hidden; clear: both;}

div#najnowsze div.moduletable, div#modfrontnews { width: 100%; height: auto; }

#suknie-slubne-w-wawie { width: 96%; margin: 0 2%; }

#suknie-slubne-w-wawie ul li > a.wiecej-st-accordion{
	width: 100%;
	height: 43px;
	display: block;
	text-align: center;
}

#suknie-slubne-w-wawie ul li > a.wiecej-st-accordion span{
	background: url(../images/m-sprite.png) no-repeat -228px -210px;
	width: 44px;
	height: 43px;
	margin-left: 0;
	text-align: center;
	margin-bottom: 30px;
}


div#modfrontnews div.moduletable{ width: 29%; margin: 0 2%; }

#footer, #footermenu { width: 100%; }


#footermenu ul.menu{ width: 100%; padding: 10px 0 0 0; text-align: center; }

#copyright, #footer ul#social, #footer-right{
	width: 96%;
	padding: 0 2%;
	text-align: center;
	float: left;
}

#footermenu ul#social a.fb{
	float: none;
	width: 159px;
	height: 34px;
	background: url(../images/m-sprite.png) no-repeat 124px -194px;
	line-height: 34px;
	display: inline-block;
	text-align: left;
	margin: 40px 0 10px 0;
}

p#copyright{ margin-bottom: 20px; }

#footer-right ul.menu{ margin-top: 20px; }

#main, .blog, div.item-page.aktualnosci, div.item-page.kontakt-page, div.item-page.onas{
	max-width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.item-page, #main{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


}


@media only screen and (max-width : 800px) { 

#slideshow { height: 700px; }

div.subCategoryContainer, div.itemContainer { float: left; margin: 0 3% 3.5% 0; width: 31.3333333%; }

div.subCategoryContainer.subCategoryContainerLast, div.itemContainer.itemContainerLast { margin: 0 0 3.5% 0; float: right; }


div#k2article-slider.nivoSlider{ width: 100%; height: auto; float: left; }

.theme-default .nivo-controlNav { text-align: center; padding: 30px 0 !important; }

.theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100% !important; float: left !important; }

.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: 31.333333% !important;
	margin: 0 1% !important;
	float: left;
}

div#koment-txt-area, div#koment-inputs-area{ width: 96%; float: left; margin: 0 2%; }

div.itemCommentsForm form textarea.inputbox, div.itemCommentsForm form input.inputbox {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.itemCommentsForm form input.inputbox { height: 36px; }

div.breadcrumb{ margin-left: 10px; }

div.moduletable.kontakt-telefony { width: 31.333%; float: left; padding: 0 2% 0 0; }

div.moduletable.godziny-kontakt { width: 33%; padding: 0; }

div.moduletable.kontakt-adres { width: 31.333%; float: right; padding: 0; }

p.wkontakcie span.time-ikona{ display: block; float: left; width: 100%; }

div.item-page div.moduletable.godziny-kontakt div.custom p.wkontakcie.dwa{ padding: 0; float: left; width: 100%; }

div.form2LinesLayout{ padding: 0; width: 70%; margin: 0 auto; }

div.formLeftInputs{ width: 100%; float: left; margin: 0; }

div.formRightInputs{ width: 100%; float: right; margin: 0; }

div.rsform-block-wiadomosc{
	width: 100%;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.rsform-block-imienazwisko input.rsform-input-box,
div.rsform-block-email input.rsform-input-box,
div.rsform-block-telefon input.rsform-input-box,
div.rsform-block-godzina input.rsform-input-box,
div.rsform-block-wiadomosc textarea,
.header-in div.custom{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.moduletable.dojazd-lewa{ width: 48%; padding: 20px 2% 40px 0; }

div.moduletable.dojazd-prawa{ width: 48%; padding: 20px 0 40px 2%; }

div.item-page div.moduletable.dojazd-prawa div.custom p.wkontakcie.dwa{ padding: 0; }

.bt-cs .next, .bt-cs .prev{
	display: none;
}

}


@media only screen and (max-width : 767px) { 

#slideshow { height: 670px; }

#footermenu{ background: transparent; padding: 30px 0 0 0; }

#footermenu ul#social{ padding-bottom: 30px; }

#footermenu ul.menu{
	border-bottom: 1px solid #876560;
	width: 96%;
	padding: 0 2%;
}

#footermenu ul.menu li, #footermenu ul.menu li.first { display: block; margin: 0; }

#footermenu ul.menu li a { display: block; padding: 5px 0; }

#rwdmenu{ width: 100%; height: auto; }

div.moduletable.kontakt-telefony h3, div.moduletable.kontakt-adres h3, div.moduletable.godziny-kontakt h3{ padding-left: 0; }

}


@media only screen and (max-width: 667px) {

div.subCategoryContainer, div.itemContainer {
	float: left;
	margin: 0 0 3.5% 0;
	width: 100%;
	text-align: center;
}

div.subCategoryContainer.subCategoryContainerLast, div.itemContainer.itemContainerLast { margin: 0 0 3.5% 0; float: left; }

.PaginationPage.PaginationPageActive, .highslide-play, .highslide-pause, .highslide-move, .highslide-full-expand, .highslide-close{ display: none !important; }

div.form2LinesLayout{ padding: 0; width: 90%; margin: 0 auto; }

div.moduletable.dojazd-lewa{ width: 100%; padding: 20px 0 40px 0; }

div.moduletable.dojazd-prawa{ width: 100%; padding: 0 0 40px 0; }

div.item-page.onas img{
          width: 100%;
          padding: 0;
}

}


@media only screen and (max-width : 600px) { 

#slideshow { height: 650px; }

div#modfrontnews div.moduletable { width: 96%; margin: 0 2% !important; }

div#modfrontnews div.moduletable.aktualnosci-front{ margin-bottom: 40px !important; }

div#modfrontnews div.moduletable.wonas.naglownej{
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

#toTop, div.breadcrumb{ display: none !important; }


}

@media only screen and (max-width : 568px) { 

#slideshow { height: 1120px; }

.modfrontop1234{
	width: 42.5%;
	height: auto;
	float: left;
	display: inline-block;
	padding: 0;
}


#one { margin: 11px 2.5% 5% 5%; }

#two { margin: 11px 5% 5% 2.5%; }

#three { margin: 11px 2.5% 0 5%; }

#four { margin: 11px 5% 0 2.5%; }

div.itemNavigation.gora a.itemPrevious, div.itemNavigation.gora a.itemNext { border-top: 1px solid #a38782; }

/*
div.item-page.onas img { margin: 10px 0; width: 32% !important; }
div.item-page.onas img.center{ margin: 10px 1% !important; }
*/

div.moduletable.wonas{ width: 100%; float: left; margin-left: 0; }

div.moduletable.wonas, div.moduletable.kontakt-telefony, div.moduletable.godziny-kontakt, div.moduletable.kontakt-adres{
	width: 100%;
	float: left;
	margin-left: 0;
	margin-bottom: 30px;
	text-align: center;
}

p.wkontakcie span.time-ikona{ display: inline-block; float: none; width: auto; }

form.kontaktowy h2{ line-height: 170%; }

}


@media only screen and (max-width : 480px) { 

#slideshow { height: 1000px; }


select.mnav {
	display: inline-block;
	padding: 12px 3px 13px 5px;
	width: 70%;
	outline: none;
	border: 1px solid #ddd;
	box-shadow: inset 1px 1px 2px #ddd8dc;
	vertical-align: middle;
	-webkit-appearance: none;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}

select.mnav:hover, select.mnav:focus{ color: #E38100; }

div.form2LinesLayout{ padding: 0; width: 100%; margin: 0 auto; }

}

@media only screen and (max-width : 384px) { 

#slideshow { height: 920px; }

.slidebox {
	/*
	width: 1000px;
	height: 389px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	*/
}

.header-in div.custom p.kolor{ font-size: 48px; line-height: 65px; }

div.moduletable.dojazd-prawa h3 { line-height: 160%; }

}

@media only screen and (max-width : 320px) { 

.header-in div.custom { width: 280px; padding: 50px 0 0 0 !important; }

.header-in.naglowek-onas div.custom { padding: 90px 0 0 0 !important; }

.header-in div.custom p.kolor{ font-size: 36px; line-height: 65px; }

div.item-page.onas img.center{ margin: 20px 0; }

div.item-page.onas h2{ text-align: center !important; }

div.item-page.onas ul li{ background: none !important; padding: 0 !important; }

#modfrontop{ bottom: -130%; }

.modfrontop1234{
	width: 96%;
	height: auto;
	float: left;
	display: inline-block;
	padding: 0;
	text-align: center;
}


#one, #two, #three, #four { margin: 11px 2%; }

#najnowsze h2.module-title{ line-height: 165%; }

div.item-page.onas img, div.item-page.onas img.center{ margin: 10px 0 !important; width: 100% !important; }

}

@media only screen and (max-width : 240px) { 


#slideshow { height: 1700px; }


.header-in div.custom { width: 220px; padding: 50px 0 0 0 !important; }

.header-in div.custom p.kolor{ font-size: 28px; line-height: 65px; }

#suknie-slubne-w-wawie h1{ width: 100%; font-size: 28px; line-height: 170%; }

h1.tytul.item-page-article.kontakt-page{ font-size: 24px; background: none; }


}