/*  
Theme Name: Aura Deweloper
Theme URI: https://www.kulikowski-it.pl
AGENCJA INTERAKTYWNA KULIKOWSKI-IT
Author: AGENCJA INTERAKTYWNA KULIKOWSKI-IT
Author URI: https://www.kulikowski-it.pl
Description: Realizacja witryny internetowej wykonana przez firme "KULIKOWSKI-IT" Adam Kulikowski. c)2026 All rights reserved. Wszystkie prawa zastrzezone. 
*/
/* Reset CSS by KULIKOWSKI-IT */
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}body a{text-decoration:none}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ddd;margin:1em 0;padding:0}input,select{vertical-align:middle}h1,h2,h3,h4,h5{font-weight:400}
#smi-kulikow{position:fixed;z-index:99999;width:60px;top:45%;right:-60px;opacity:.8}#smi-kulikow:hover{opacity:1}#smi-kulikow ul{list-style:none;margin:0}#smi-kulikow ul li{margin-left:-30px;margin-top:2px}#smi-kulikow ul li img{width:40px;height:auto}#smi-kulikow ul li:hover{margin-left:-40px}#smi-kulikow,#smi-kulikow ul li,#smi-kulikow ul li:hover,#smi-kulikow:hover{-webkit-transition:250ms ease-in-out;-moz-transition:250ms ease-in-out;-o-transition:250ms ease-in-out;transition:250ms ease-in-out}@media (max-width:768px){#smi-kulikow ul li img{width:30px!important;height:auto}#smi-kulikow ul li{margin-left:-25px}#smi-kulikow ul li:hover{margin-left:-32px}}

	/* Project CSS */
	body { font-family: "Be Vietnam Pro", sans-serif; font-weight: 300; font-style: normal; font-size: 1em; color: #404040; background: #fff;} 
	
		#topsite { float: left; width: 100%; position: absolute; padding: 15px 0px 0px 0px; z-index: 99;  }		
		#topsite.singlepage { position: relative; background:url('images/header.jpg') center no-repeat; background-size:cover;  }	
		
		#topsite.singlepage #pageheader { float: left; width: 100%; padding: 120px 0px 70px 0px; }
		#topsite.singlepage #pageheader h1 { text-align:center; color:#000; font-weight: 400; font-style: normal; font-size: 1.8em; }
		
			#tlumaczenia { float: right; margin: 0px; width: 80%; }
			#tlumaczenia p.zadzwon { float: right; margin-right: 20px; }
			#tlumaczenia p.zadzwon a { float: right; padding: 5px 2px 5px 22px; color:#000; background: url('images/icons/tel.svg') left center no-repeat; background-size: 18px; transition: all 250ms ease-in-out; }
			#tlumaczenia p.zadzwon a:hover { color:#000; text-decoration:underline; }
				#tlumaczenia p.zadzwon a { font-weight: 500; font-size:0.8em; }
				#tlumaczenia p.zadzwon a span { font-weight: 300; } 
				
			#topsite #tlumaczenia a.glink { float: right; font-weight: 400 !important; color: #000 !important; font-size: 0.8em; background:none; border-bottom: 2px solid rgba(255,255,255,0.0); padding: 5px 4px; margin-right: 5px; }
			#topsite #tlumaczenia a.glink.gt-current-lang { font-weight:normal; font-weight: 500 !important; color: #000 !important; border-bottom: 2px solid #efeae7; }

			#logo { float: left; width: 20%; margin-top: 5px; }
				#logo img { z-index: 100; width: 180px; max-width: 100%; height: auto; }
			#menu { float: right; width: 80%; }
	
			/* Max mega menu custom */				
					#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-megamenu > ul.mega-sub-menu {  margin-left: 5%;
						-webkit-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
						-moz-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
						box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
					}
					#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-flyout ul.mega-sub-menu {
						-webkit-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
						-moz-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
						box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
					}
					@media (max-width: 768px) {
							#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-megamenu > ul.mega-sub-menu {  margin-left: 0%; }							
							#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-megamenu > ul.mega-sub-menu,
							#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-flyout ul.mega-sub-menu { 
								-webkit-box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.12);
								-moz-box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.12);
								box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.12);
							}	
					}			
		
		
			.slider { position: relative; overflow: hidden; width: 100%; z-index: 98; background:#efeae7; }

			.slider-inner { position: relative; width: 100%; height: 0; overflow: hidden; }

			#slider-desktop .slider-inner { padding-bottom: calc(800 / 1920 * 100%); }
			#slider-mobilny .slider-inner { padding-bottom: calc(1080 / 1080 * 100%); }

			@media (max-width: 768px) {
				#slider-mobilny { display: block; }
				#slider-desktop { display: none; }
			}

			@media (min-width: 769px) {
				#slider-mobilny { display: none; }
				#slider-desktop { display: block; }
			}

			.slides { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

			.slide { position: absolute; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; pointer-events: none; z-index: 1; cursor: pointer; }

			.slide.active { opacity: 1; pointer-events: auto; z-index: 2; }

			.slide img { width: 100%; height: 100%; object-fit: cover; }

			.slider-prev, .slider-next { position: absolute; top: 50%; padding: 16px; color: #000; font-size: 15px; background-color: rgba(0,0,0,0); border: none; cursor: pointer; transform: translateY(-50%); z-index: 4; transition: all 250ms ease-in-out; }

			.slider-prev:hover, .slider-next:hover { background-color: rgba(0,0,0,0.25); }

			.slider-prev { left: 10px; display: none; }

			.slider-next { right: 10px; display: none; }

			.slider-dots { text-align: center; position: absolute; bottom: 15px; width: 100%; z-index: 4; display: none; }

			.slider-dot { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-color: #fff; border-radius: 50%; cursor: pointer; }

			.slider-dot.active { background-color: #000; }

			.slide-content { position: absolute; opacity: 0; transition: opacity 1s ease-in-out; color: #000; z-index: 3; background: rgba(255,255,255,0.5); padding: clamp(16px,2.5vw,40px); box-sizing: border-box; border-radius: 15px; }

			.slide.active .slide-content { opacity: 1; transition-delay: 0.5s; }

			.slide-content > :first-child { margin-top: 0; }

			.slide-content > :last-child { margin-bottom: 0; }

			.slide-content .read-more-button { display: inline-block; opacity: 0; transition: opacity 1s ease-in-out, background-color .25s ease-in-out, color .25s ease-in-out; background:#000; color:#fff; text-decoration:none; margin-top:10px; font-size:inherit; padding:10px 20px; border-radius:40px; }

			.slide.active .slide-content .read-more-button { opacity:1; transition-delay:1s,0s,0s; }

			.slide-content .read-more-button:hover { background:#fff; color:#000; }

			/* Slider desktop */
			@media (min-width: 769px) {
				#slider-desktop .slide-content { left: clamp(30px,4.7vw,90px); top:50%; width:min(55%,625px); max-width:calc(100% - 120px); transform:translateY(-50%); }
				#slider-desktop .slide-content h2 { font-size:clamp(30px,4vw,45px); margin:0; margin-bottom:clamp(12px,2vw,20px); font-family:"Be Vietnam Pro",sans-serif; font-weight:500; line-height:1.1em; }
				#slider-desktop .slide-content p { font-size:clamp(14px,2vw,18px); line-height:1.4em; }
				#slider-desktop .slide-content .read-more-button { font-size:clamp(14px,2vw,20px); padding:clamp(10px,1.5vw,20px) clamp(24px,3vw,30px); margin-top:clamp(15px,2vw,25px); }
			}

			/* Slider mobile */
			@media (max-width: 768px) {
				#slider-mobilny .slide-content { bottom:40px; left:50%; width:min(88%,520px); max-height:calc(100% - 80px); overflow-y:auto; transform:translateX(-50%); text-align:center; padding:clamp(14px,4vw,24px); }
				#slider-mobilny .slide-content h2 { font-size:clamp(10px,5vw,15px); margin:0; margin-bottom:clamp(10px,3vw,20px); line-height:1em; font-family:"Be Vietnam Pro",sans-serif; font-weight:500; }
				#slider-mobilny .slide-content p { font-size:clamp(12px,4vw,14px); line-height:1.3em; font-style:normal; }
				#slider-mobilny .slide-content .read-more-button { font-size:clamp(12px,4vw,14px); padding:clamp(10px,2vw,14px) clamp(20px,5vw,30px); margin-top:clamp(10px,3vw,20px); }
			}
					
		
		.container { margin: 0 auto; }  

		.page_content { padding: 50px 0px; }
			.page_content, .content { float: left; width: 100%; }
		
			.content h1, .content h2, .content h3, .content h4, .content h5 { color: #000; margin: 10px 0px 10px 0px; font-weight: 500;  } 
			.content h1 {  font-size: 2.5em; line-height: 1.2em; } 
			.content h2 { font-size: 2.25em; line-height: 1.3em; } 
			.content h3 { font-size: 2.0em; line-height: 1.3em; } 
			.content h4 { font-size: 1.6em; line-height: 1.3em; }  
			.content h5 { font-size: 1.4em; line-height: 1.3em; } 
			
			.content h1 strong, .content h2 strong, .content h3 strong, .content h4 strong, .content h5 strong { font-weight: 500; } 

			
			.content ul, .content ol { margin-left: 20px; color: #404040; line-height: 1.7em; } 
			.content p { color: #404040; margin: 7px 0px 7px 0px; line-height: 1.7em; }   
				.content p strong { font-weight: 500; }   


			.content img { max-width: 100%; height: auto; }
			.content img.alignleft { float: left; margin: 5px 20px 20px 0px; }    
			.content img.alignright { float: right; margin: 5px 0px 20px 20px;  }  
			.content img.alignleft, .content img.alignright { max-width: 50%; height: auto; }  				
			.content img.aligncenter { max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; }  



			/* CF 7 custom */	 

			.content form.wpcf7-form, .content form.wpcf7-form input, .content form.wpcf7-form select, .content form.wpcf7-form label, .content form.wpcf7-form textarea  { 
				font-family: "Be Vietnam Pro", sans-serif; font-weight: 400; 
			}
			.content form.wpcf7-form input { float: left; width: 95%; padding: 10px 2.5%; border-radius: 0px; border: none !important; background:#fff;  font-size: 0.9em; margin-top: 10px; }
			.content form.wpcf7-form select { float: left; width: 95%; padding: 10px 2.5%;  border-radius: 0px; border: none !important; background:#fff;  font-size: 0.9em;  margin-top: 10px;}
			.content form.wpcf7-form textarea { float: left; width: 95%; padding: 10px 2.5%; resize: none; height: 80px; border-radius: 0px; border: none !important;  background:#fff; font-size: 0.9em; margin-top: 10px;}
			.content form.wpcf7-form label { margin-top: 10px; float: left; width: 100%; }
			.content form.wpcf7-form input.wpcf7-submit {
				border: none; float: right;  width: auto;  padding: 5px 25px; font-size: 0.9em; margin-top: 15px; cursor: pointer; border-radius: 25px;  transition: all 250ms ease-in-out;
				font-family: "Be Vietnam Pro", sans-serif; font-weight: 400; font-style: normal;
				color: #fff !important;
				background: #000;
				border: 2px solid #000 !important;
			}
			.content form.wpcf7-form input.wpcf7-submit:hover {
				background: #fff !important;
				border: 2px solid #000 !important;
				color: #000 !important;
			}
			.content form.wpcf7-form .wpcf7-response-output { float: left; width: 90%; margin: 0; margin-top: 10px; line-height: 1.25em; padding: 15px 5%; }
			.content form.wpcf7-form input[type='checkbox'] { float: left; width: 20px }			
			.content .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; float: left; }
			.content label.rodoinfo { line-height:1.6em; font-size: 0.7em; font-weight: 400 !important; }	

			/* Btn custom */			

			.content a.kt-button, .content span.kt-button {
				transition: all 200ms ease-in-out;
			  font-size: 0.9em !important;
			  border: 2px solid #000 !important;
			  border-radius: 25px;
			  color: #fff !important;
			  font-weight: 400 !important;
			  padding: 8px 20px !important;
			  background: #000 !important;			  
			}

			
			.content a.kt-button:hover, .content span.kt-button:hover {
			  border: 2px solid #000 !important;
			  color: #000 !important;
			  background: #fff !important;
			}			
			
			 .cf7col3 { float: left; width: 31%; margin: 1%; }

			@media (max-width: 768px) {
				 .cf7col3 { width: 100%; margin: 0; }
			}



			#singlecontent-blog { line-height:1.7em; }


/* TABELA */
.content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
  background: transparent;
  color: #000;
  border-radius: 8px;
  overflow: hidden;
}

/* Komórki */
.content table th,
.content table td {
  padding: 18px 22px;
  border: 0 !important;
  vertical-align: middle;
  font-size: 15px;
  line-height: 1.35;
}

/* HEADER */
.content table thead th,
.content table tr:first-child th,
.content table tr:first-child td {
  background: #000;
  color: #fff !important;
  font-weight: 500;
  padding-top: 26px;
  padding-bottom: 26px;
}

/* HEADER > p */
.content table tr:first-child th p,
.content table tr:first-child td p {
  color: #fff !important;
}


/* Jeśli header to TD */
.content table thead td {
  background: #000;
  color: #fff;
}

/* Zebra wierszy */
.content table tbody tr:nth-child(odd) {
  background: #EDF2F6;
}

.content table tbody tr:nth-child(even) {
  background: #FBFBFB;
}

/* Tekst w tbody */
.content table tbody td {
  color: #2f3f4f;
}

/* Wyrównanie: 1 kolumna w lewo, reszta na środek */
.content table th:first-child,
.content table td:first-child {
  text-align: left;
}

.content table th:not(:first-child),
.content table td:not(:first-child) {
  text-align: center;
}

/* Delikatne oddzielenie wierszy */
.content table tbody tr + tr td {
  border-top: 1px solid rgba(14, 71, 132, 0.06) !important;
}

/* Linki w tabeli */
.content table a {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Zaokrąglenie górnych rogów headera */
.content table tr:first-child th:first-child,
.content table tr:first-child td:first-child {
  border-top-left-radius: 8px;
}

.content table tr:first-child th:last-child,
.content table tr:first-child td:last-child {
  border-top-right-radius: 8px;
}

/* Mobile */
@media (max-width: 768px) {
  .content table th,
  .content table td {
    padding: 12px 14px;
    font-size: 11px;
  }

  .content table thead th,
  .content table tr:first-child th,
  .content table tr:first-child td {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}




		/* Układ wpisów 2 i 3 kolumnowych */	
		
		.home_posts { float: left; width: 100%; padding: 50px 0px;  }
			.home_posts_title { float: left; width: 97%; margin-left: 2%; padding: 0px 0px; }
			.home_posts_title h3 { text-align:center; font-size: 2em; font-weight: 600; color:#000; padding-bottom: 25px; }

			.posts_grp { float: left; width: 100%; }
			
				.singlepost_4cols { float: left; margin: 2.5% 3% 2.5% 0%; padding: 0%; width: 22%; background:#fff; -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); }
				.singlepost_3cols { float: left; margin: 2.5% 2%; padding: 0%; width: 29%;   background:#fff; -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); border-radius: 0px; }
				.singlepost_2cols { float: left; margin: 2.5% 2%; padding: 0%; width: 45%;  background:#fff; -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); }
				
				.single_postcontent { float: left; width: 85%; padding: 4% 7.5% 5% 7.5%; overflow:hidden !important; }
				.singlepostin { overflow:hidden !important; transition: all 250ms ease-in-out; } 

				.singlepostin h2 { font-weight: 600; font-size: 1.15em; color:#000; line-height: 1.2em; margin: 0px 0px; width: 100%; margin-bottom:15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 49px; font-family: "Be Vietnam Pro", sans-serif; font-weight: 400;  }
				.singlepostin .postexcerpt p { font-size: 0.9em; line-height:1.7em; color:#404040; font-weight: 400; margin-bottom:10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 50px;  }
				.singlepostin p.data { float: left; font-size: 0.85em; line-height:1.2em; color:#404040; font-weight: 300; margin-bottom: 5px; padding-bottom: 5px;  }
				
				.singlepost_4cols .postimgbg {float: left; width: 100%; height: 250px; overflow:hidden !important; margin-bottom: 15px;  }  
				.singlepost_4cols .postimg { float: left; width: 100%; height: 250px; transition: all 200ms ease-in-out;}
				.singlepost_4cols .postimg:hover { transform: scale(1.05); }  
			
				.singlepost_3cols .postimgbg {float: left; width: 100%; height:250px; overflow:hidden !important; margin-bottom: 15px; }  
				.singlepost_3cols .postimg { float: left; width: 100%; height: 250px; transition: all 200ms ease-in-out;}
				.singlepost_3cols .postimg:hover { transform: scale(1.05); }  

				.home_posts .glinebg { float: left; width: 100%; margin: 10px 0px; }
				.home_posts .gline { float: left;  background: #efeae7; height: 2px; width: 50px; }

				.singlepostin:hover { 
					-webkit-box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.1);
					-moz-box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.1);
					box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.1);
				}	
				@media (max-width: 768px) {
					.singlepost_4cols, .singlepost_3cols, .singlepost_2cols { float: left; margin: 5% 5%; width: 90%; }
					.single_postcontent { float: left; width: 90%; padding: 3% 5% 5% 5%; }
					.home_posts { padding: 30px 0px; }
				}
				
				
		.home_posts	nav.navigation { float: left; width: 100%; margin-top: 15px; }
			.home_posts	nav.navigation .nav-links { text-align:center !important; }
			.home_posts	nav.navigation .nav-links .page-numbers { padding: 5px; margin: 0px 3px; }
			.home_posts	nav.navigation .nav-links .current { border-bottom: 2px solid #efeae7; }
			.home_posts	nav.navigation .nav-links a { color:#111; border-bottom: 2px solid #f6f2ee;transition: all 200ms ease-in-out; }
			.home_posts	nav.navigation .nav-links a:hover { border-bottom: 2px solid #efeae7; }

		.wp-block-heading sup { font-size: 70%; vertical-align: super; line-height: 1; }
		sup { font-size: 70%;  vertical-align: super;  line-height: 1;   }
		sub { font-size: 70%; vertical-align: sub;  line-height: 1; }

		
			
	/* - */	

		#footer { background:#fff; float: left; width: 100%; padding: 50px 0px 20px 0px; line-height: 1.5em; border-top: 1px solid #626262; }
			#footer p { color:#000000; font-size: 0.9em;  }
			#footer img.logo { width: 150px; max-width: 80%; height: auto; margin-bottom: 20px; }
			#footer img.mapa { width: 100%; height: auto; border-radius: 25px; }
			#footer p.socialmedia img { margin-right: 15px; width: 30px; height: auto; transition: all 200ms ease-in-out;  }
			#footer p.socialmedia img:hover { opacity: 0.8; }
			
			#footer ul { list-style: none; font-size: 0.9em; }
			
			#footer a { color:#000000; }
			#footer a:hover { color:#000; }
			#footer h5 { color:#000000; font-size: 1em; font-weight: 500; font-style: normal; margin-bottom: 15px; }
			#footer h5.lokalizacja { background: url('images/icons/lokalizacja.svg') top left no-repeat; background-size: 15px; padding: 22px 0px 0px 0px; }
			
			
			#footer .f50 { float: left; width: 50%; }
			#footer .f25 { float: left; width: 25%; }
			#footer .f25 img { width: 200px; height: auto; max-width: 50%; margin-bottom: 15px; }
			
		@media (max-width: 768px) and (min-width: 480px) {

			#footer .f50 { float: left; width: 100%; margin: 10px 0px; }
			#footer .f25 { float: left; width: 50%; margin: 10px 0px; }
		}
		
		@media (max-width: 479px) {
			#footer .f50, #footer .f25 { float: left; width: 100%; margin: 10px 0px; }
		}	
	
	
		#footer2 { background:#fff; float: left; width: 100%; padding: 10px 0px 20px 0px; border-top: 1px solid #f2f2f2; }

		#footerauth {  float: left; width: 100%; padding: 20px 0px 20px 0px; line-height: 1.5em; }
			#footerauth p { color:#808080; font-size: 0.8em;  }
			#footerauth a { color:#808080; }
			#footerauth a:hover { color:#808080; }
	



			
	  
	  
/* RWD elements DIV */	

		@media (min-width: 1441px) {
			.container  {width:1360px;}
			#logo { width: 20%; float: left; }
			#menu { width: 79%; float: right;  }
			#tlumaczenia { margin-right: 0px; }

		}

		
		@media (max-width: 1440px) and (min-width: 1367px) {
			.container  {width:1280px;}
			#logo { width: 20%; float: left; }
			#menu { width: 79%; float: right;  }
			#tlumaczenia { margin-right: 0px; }

		}
		
		
		@media (max-width: 1366px) and (min-width: 1281px) {
			.container  {width:1180px;}
			
			#logo { width: 20%; float: left; }
			#menu { width: 79%; float: right;  }
			#tlumaczenia { margin-right: 0px; }

		}
		

		@media (max-width: 1280px) and (min-width: 1025px) {
			.container  {width:1000px;}
			#logo { width: 16%; float: left; }
			#tlumaczenia { width: 74%; }
			#tlumaczenia .gtranslate_wrapper { margin-right: 15px; }
			#menu { width: 74%; float: right;  }
			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item { margin: 0 25px 0 0; }			
			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item > a.mega-menu-link { font-size: 13px; line-height: 50px; height: 50px;}	


		}

		
		@media (max-width: 1024px) and (min-width: 769px) {
			.container  {width:740px;}
			#logo { width: 25%; float: left; }
			#tlumaczenia { width: 75%; }
			#tlumaczenia .gtranslate_wrapper { margin-right: 0px; }
			#menu { width: 75%; float: right; margin-top:10px; }
			
			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item { margin: 0 25px 0 0; }			
			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item > a.mega-menu-link { font-size: 13px; line-height: 50px; height: 50px;}			
			
			#tlumaczenia p.zadzwon { margin-right: 10px; }
			
			#footerauth p { text-align:center; float: left; width: 100%; font-size: 0.8em;  }

			#topsite {   position: relative;   padding: 15px 0px 15px 0px;   }			
			
		}

		@media (max-width: 768px) and (min-width: 480px) {
			.container   { width:90%; }
			#logo { width: 40%; float: left; }
			#tlumaczenia { width: 60%; }
			


		}
		
		@media (max-width: 479px) {
			.container   {width:90%;}
			#logo { width: 50%; float: left; }
			#tlumaczenia { width: 50%; }
	

		}		
				

				@media (max-width: 768px) {

				#topsite { padding: 5px 0px 5px 0px;  }		
				#tlumaczenia p.zadzwon { margin-right: 10px; }
				
					#tlumaczenia { float: left; padding: 5px 0px 5px 0px; width: 100%;}
						#tlumaczenia p.zadzwon a span { display: none; }

						#logo { float: left; width: 48%; height: auto; float: left; padding: 0%; margin-top:-10px; }
							#logo img { width: 150px; max-width: 90%; float: left; position: relative; z-index: 995; }
							#menu { width: 48%; float: right; position: relative; padding: 0px 0px; z-index: 999; }
							#footerauth p { text-align:center; float: left; width: 100%; font-size: 0.8em;  }

						.content h1 {  font-size: 1.9em; } 
						.content h2 { font-size: 1.7em; } 
						.content h3 { font-size: 1.5em; }
						.content h4 { font-size: 1.3em; }  
						.content h5 { font-size: 1.2em; } 
						.content p { font-size: 0.8em; }   

				}