section, 
header			{width:100%;}
.wrap			{width:1180px}

header .search input					{width:1070px;}
header nav ul li a:hover, 				
.footer ul li a:hover					{border-bottom:2px solid #8dc63f; color:#8dc63f;}
header nav ul li a.search-open:hover	{border-bottom:2px solid #322e2e;}
header .search .search-exit:hover		{color:#00afe5;transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg);}
header .search button:hover				{background-color:#00afe5; color:#fff;}

.onas .button:hover,	
.obszary .button:hover,	
.kompetencje .button:hover,
.nasze-marki .button:hover,	
.kontakt .button:hover,
.aktualnosci .button:hover	{background-color:#8EC63F;}


@media all and (max-height : 730px) {
.welcome .logo			{bottom:50px;}
.welcome .images 		{margin-top:150px;}
.welcome ul		 		{margin-top:20px;}
.welcome p 				{margin: 40px 0 0 100px;}
}


/* wszystko ponizej 1024px = 980px */
@media all and (max-width : 1220px) {

.wrap					{width:980px}	
header .search input	{width:870px;}	

.welcome .images 		{margin-top:200px;}
.welcome .sign			{ width:40%;}

.welcome ul li 			{font-size: 31px; margin: 0 44px 0 0;}
.welcome .belka .marki .bx-wrapper 	{ width:480px;}

.obszary ul li 			{margin: 0 11px; width: 140px;}
.obszary ul li span 	{font-size: 12px; line-height: 20px;}

.oferta ul li .title 	{ line-height:28px;}
.oferta ul li 			{margin: 0 25px 25px 0; width: 300px;}

.aktualnosci ul li 		{margin: 0 30px 0 0; width: 305px; height:435px;}
.aktualnosci ul li .img {height: 190px; width: 305px;}
.aktualnosci ul li img 	{width:100%;}

.nasze-marki .bx-wrapper 	{margin: 0 auto; width: 930px;}




/* ############## PODSTRONY ############## */

.site .column_33					{float:right; width:250px; position:relative; overflow:hidden; margin: 0 0 40px 40px;}


.news-page							{background:url("../gfx/news_bg_sign_1024.jpg") no-repeat bottom right transparent scroll;}
.news-page .column_33 ul li .img 	{height:165px;}

.case-study-page ul li		{width:295px;}
.case-study-page ul li .img {height: 190px; width: 295px;}
.case-study-page ul li img 	{width:100%;}

.kontakt .full-box ul li	{ width:50%;}

}

/* wszystko ponizej 1024 */
@media all and (max-width : 1024px) {

}

/* wszystko ponizej 768 */
@media all and (max-width : 1000px) {
section, header			{width:100%;}

.wrap					{width:auto; padding:0 20px}

header					{width: 100%; top: 0; height: 80px;}
header .logo			{margin: 15px 0 0;}
header .search			{display:none;}
header .mobile-menu 	{color: #fff; display: block; float: right; font-size: 24px; margin: 20px 0 0;}
header nav 				{background-color: rgba(0, 0, 0, 0.9); bottom: 0; height: 100%; left: 0; margin: 80px 0 0 0; padding: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 9999; display:none;}					
header nav ul 			{float: none; margin: 100px auto; width: 50%;}
header nav ul li 		{clear: both; float: none; text-align: center;}
header nav ul li a 		{font-size: 16px; margin: 20px 0 ; padding: 0 0 10px 0;}
header nav ul li a.search-open	{display:none;}
header nav.mobile-menu-active	{display:block;}

.welcome .belka .marki .bx-wrapper,
.welcome .belka .news .bx-wrapper 	{width:100%;}
.welcome .belka .news				{padding:0 0 0 10px;}
.welcome .belka .news ul li a		{width:100%;}
.welcome .belka .news ul li a .title	{width:100%; float:none; font-size:14px;}

.welcome p 				{margin: 90px 0 0 0px; text-align: center;}
	
.welcome ul 			{margin: 20px auto 0; text-align: center; float: none;}
.welcome ul li 			{display: inline-block; float: none;  font-size: 28px; margin: 10px; text-align: center;}	

.obszary .lines			{display:none;}
.obszary ul				{text-align:center;}
.obszary ul li			{display:inline-block; float:none;}

.oferta ul li 			{margin: 0 5% 5% 0; width: 45%;}

.nasze-marki .bx-wrapper 	{margin: 0 auto; width: 100%;}

.aktualnosci ul li 			{height: 190px; margin: 0 0 30px; width: 100%;}
.aktualnosci ul li .img		{float:left; margin:0 20px 0 0;}
.aktualnosci ul li .title	{padding:20px 0 0 0;}

.case-study-page ul li 			{height: 190px; margin: 0 0 30px; width: 100%;}
.case-study-page ul li .img		{float:left; margin:0 20px 0 0;}
.case-study-page ul li .title	{padding:20px 0 0 0;}

.news-list-page ul				{width:100%;}
.news-list-page ul li 			{height: 190px; margin: 0 0 30px; width: 100%;}
.news-list-page ul li .img		{float:left; margin:0 20px 0 0; height:190px; width:305px;}
.news-list-page ul li .img img	{width:100%;}
.news-list-page ul li .title	{padding:20px 0 0 0;}
.news-list-page	.r-line			{margin: 0 0 40px 0;}
.news-list-page	.r-line	.liner	{display:none;}
.news-list-page	.l-line			{margin: 0 0 40px 0;}
.news-list-page .l-line .liner 	{display:none;}


.news-page .content				{float:left; width:100%; clear:both;}
.news-page .column_33			{display:none;}
.news-page .download			{margin:0 0 100px 0;}

.site .column_200				{width:125px}
.column_200 ul li a i			{display:none;}

.produkt-page .product_main_pic img	{width:100%;}

.site .cont-200, .site .content .cont-200	{ margin:0;}
.site .content h1.cont-200					{ margin:30px 0; line-height: 50px;} 

.marki-box 				{float: left; padding: 100px 0; width: 100%;}
.marki-box .left-box 	{float: left; margin: 0 10px 0 0; width: 100%;}
.marki-box ul 			{float: left; overflow: hidden; width: 100%;}

.kontakt-box 			{width: 40%;}
.about-page .people-box	{ width:100%; margin:0 0 30px 0;}

}

/* komĂłrki */
@media all and (max-width : 710px) {
.big-slide .wrap		{ margin-top:80px;}
	
.welcome .belka .marki	{display:none;}
.welcome p				{text-align:center;}
.welcome .belka .news	{width:100%;}
.welcome .images		{margin-top:0; width:100%; height:auto;}
.welcome .images img	{display:none;}
.welcome .images img.mobile-sign	{display:block;}

.onas p					{width:100%; font-size:16px; line-height:24px;}
.onas .big-sign			{display:none;}

.cytaty .bx-wrapper		{margin:30px auto;}
.cytaty ul li p			{font-size:14px; line-height:22px;}

.obszary h1				{font-size:36px; line-height:40px;}

.kompetencje .box		{float:left; width:100%; padding:20px 0;}

.oferta ul li 			{margin: 10px 0; width: 100%;}

.aktualnosci ul li 		{height: 435px; margin: 20px auto; width: 305px; float:none;}
.aktualnosci ul li:last-child {margin:20px auto;}
.aktualnosci ul li .img	{margin:0 0 20px 0;}

.case-study-page ul li 		{height: 435px; margin: 20px auto; width: 305px; float:none;}
.case-study-page ul li:last-child {margin:20px auto;}
.case-study-page ul li .img	{margin:0 0 20px 0; width:100%}

.news-list-page ul				{width:100%; text-align:centerl}
.news-list-page ul li 			{height: 435px; width: 305px; float:none; border-bottom:1px solid #cdcdcd;}
.news-list-page ul li .img		{float:left; margin:0 20px 0 0; height:190px; width:100%;}
.news-list-page ul li .img img	{width:100%;}
.news-list-page ul li .title	{padding:20px 0 0 0;}
.news-list-page	.r-line			{margin: 20px auto;}
.news-list-page	.r-line	.liner	{display:none;}
.news-list-page	.l-line			{margin: 20px auto;}
.news-list-page .l-line .liner 	{display:none;}




.news-page .big-box h1			{font-size:30px}
.news-page h2					{font-size:20px; line-height:26px;}
.news-page .download			{display:none;}
.news-page .autor				{margin:0 0 100px 0;}
.news-page .content 			{margin: 10px 0;}


.site .column_200 				{width:100%; margin:0;}
.column_200 ul li a i			{display:inline;}
.brand-page .content,			
.produkt-page .content			{width:100%; float:left; margin:10px 0 100px;}

.produkt-page .product_main_pic {display:none;}
.produkt-page .big-box			{height:300px;}

.about-page .people-box .txt 	{float: left; margin: 20px 0 60px; width: 100%;}

.news-list-page h1				{ font-size:30px;}
.marki-list-page .small-box h1 	{ font-size: 30px;}

.kontakt .box			{width:100%;}
.kontakt-box 			{width: 100%; margin:0 0 40px 0;}

.footer .wrap .logo		{display:none;}	

.kontakt .full-box ul li	{ width:100%;}
}