/*  
Theme Name: XIII Lo Szczecin 
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)2024 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: "Inria Serif", serif; font-weight: 400;  font-style: normal; font-size: 1em; color: #000; background: #fff;}		
	/* Font-weight: 300,400, 700 */
		
		#topsite { float: left; width: 100%; padding: 25px 0px 15px 0px; } 
			#logo { float: left; width: 20%; }
				#logo img { max-width: 100%; height: auto; }
			#menu { float: left; width: 100%; margin-top: 10px; }
	
			/* 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);
							}	
					}			
			
		.container { margin: 0 auto; }  
		
		#bip { float: right; }
			#bip a { float: right; width: 100px; height: 50px; background: url('images/bip.svg') center no-repeat; background-size: 100px; transition: all 200ms ease-in-out;}
			#bip a:hover { opacity: 0.7; }
		
			#scbar { float: right; width: 25%; } 	
				#wyszukiwarka { float: right; margin: 0px; margin-right: 10px; background: #f5f4f8; }		
					#wyszukiwarka input#search {  font-family: "Inria Serif", serif; font-weight: 400;  font-style: normal; margin:0; border: none; background:#f5f4f8; color: #000; float: left; padding: 10px 5px 10px 10px; text-align: left; width: 65%; max-width: 200px; min-width:100px !important;  }
						#wyszukiwarka input.find_btn { margin:0; border: 0; padding: 10px 5px 10px 5px; border: none; background: url('images/lupa.svg') center no-repeat; display: block; min-width:45px; float: right; cursor: pointer; }
						#wyszukiwarka input.find_btn:hover { background: url('images/lupa.svg') center no-repeat; }
						form#searchform { margin: 0; padding: 0; width: 100%; float: left; }	
				
		
		#pageheader { float: left; width: 100%; padding: 140px 0px; background: url('images/pageheader.png') center no-repeat; background-size: cover; }
			#pageheader h1 { color:#001427; text-align:center; font-size: 2.5em; Font-weight: 700; margin: 5px 25px; }  
		
		#slider { float: left; width: 100%;  }
		.page_content { padding: 50px 0px; }
			.page_content, .content { float: left; width: 100%; }
		
			.content h1, .content h2, .content h3, .content h4, .content h5 { font-weight: 700; margin: 10px 0px 10px 0px; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; word-wrap: break-word;} 
			.content h1 { color: #001427; font-size: 2em; line-height: 1.2em; } 
			.content h2 { color: #001427; font-size: 1.8em; line-height: 1.35em; } 
			.content h3 { color: #001427; font-size: 1.5em; line-height: 1.4em; } 
			.content h4 { color: #001427; font-size: 1.3em; line-height: 1.4em; } 
			.content h5 { color: #001427; font-size: 1.1em; line-height: 1.4em; } 

			.content p { color: #000; margin: 7px 0px 7px 0px; text-align: justify; line-height: 1.7em; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; word-wrap: break-word; }   
				.content p strong { font-weight: 600; }   

			.content ul, .content ol { margin-left: 20px; color: #000; line-height: 1.7em; } 

			.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; }  

			.content table { width: 100%;  }
			.content table td { padding: 3px; border-bottom: 1px solid #ddd; }

			/* Contact form 7 custom style */	

			.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: "Inria Serif", serif;
			}
			.content form.wpcf7-form input { float: left; width: 95%; padding: 5px 2.5%; border-radius: 3px; border: 1px solid #aaa; background:#fff; }
			.content form.wpcf7-form select { float: left; width: 100%; padding: 5px 0%;  border-radius: 3px; border: 1px solid #aaa; background:#fff; }
			.content form.wpcf7-form textarea { float: left; width: 95%; padding: 3px 2.5%; resize: none; height: 80px; border-radius: 3px; border: 1px solid #aaa; background:#fff; }
			.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: 8px 55px 8px 20px; font-size: 1em; margin-top: 15px; cursor: pointer; border-radius: 25px; 									
				font-family: "Inria Serif", serif; font-weight: 400;
				color: #fff !important;
				background: #820018 url('images/btn_more.svg') right center no-repeat; background-size:35px;
				border: 4px solid #820018;
				transition: all 200ms ease-in-out;
			}

			.content form.wpcf7-form input.wpcf7-submit:hover {
				background: #101a36 url('images/btn_more.svg') right center no-repeat; background-size:35px;
				border: 4px solid #101a36;
				color: #fff !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.8em; font-size: 0.85em; }	

			/* Btn custom */			

			.content a.kt-button, .content span.kt-button {
			  font-size: 0.9em !important;
			  font-weight: 700 !important;
				padding: 8px 55px 8px 20px;
			  color: #fff !important;
				background: #820018 url('images/btn_more.svg') right center no-repeat; background-size:30px;
				border: 3px solid #820018;
				border-radius: 30px;
				transition: all 200ms ease-in-out;
			}
			.content a.kt-button:hover, .content span.kt-button:hover {
			  background: #101a36 url('images/btn_more.svg') right center no-repeat; background-size:30px;
				border: 3px solid #101a36;
				color: #fff !important;
			}			

		/* Układ wpisów 2 i 3 kolumnowych */	
		 .pagenav { float: left; width: 22%; }
		 	#mega-menu-wrap-boczne_menu #mega-menu-boczne_menu.mega-menu-accordion > li.mega-menu-item > a.mega-menu-link { margin-bottom: 1px; }
			#mega-menu-wrap-boczne_menu #mega-menu-boczne_menu.mega-menu-accordion > li.mega-menu-flyout > ul.mega-sub-menu li > a.mega-menu-link { border-bottom: 1px solid #dddddd; }

		 .pagecontent { float: right; width: 73%; }
	
		/* 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: 30px 0px; }
			.home_posts_title h1 { font-size: 2.5em; font-weight: 300; color:#a5a6ae; padding-bottom: 25px; background-size: 40px; }
			.home_posts_title h2 { font-size: 2.25em; font-weight: 300; color:#a5a6ae;  padding-bottom: 25px; background-size: 40px; }
			
			
			.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.1); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);
				}
			
				.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.1); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);
				}
				.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.1); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);
				}
				
				.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: 700; font-size: 1.25em; color:#001427; line-height: 1.2em; margin: 0px 0px; width: 100%; margin-bottom:25px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 50px; }
				.singlepostin .postexcerpt p { font-size: 0.9em; line-height:1.7em; color:#000; 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:#000; 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); }  
			
			
				.singlepostin p a.btn { float: right; color:#fff; background:#9a031e url('images/btn_blog.svg') center no-repeat; background-size: 18px; width: 35px; height: 35px; border-radius: 40px; transition: all 200ms ease-in-out; }
				.singlepostin p a.btn:hover { background:#001427 url('images/btn_blog.svg') center no-repeat; background-size: 18px; }
		
			
				.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; }
				}

	
	
				
			
				
				
	/* wyszukiwarkatresci */	
	
		#wyszukiwarkatresci	{ float: left; width: 100%; }
		#wyszukiwarkatresci .wpis { float: left; width: 90%; padding: 25px 4%; margin: 10px 1%; background: #fff; border-radius: 2px; -webkit-box-shadow: 0px 0px 0px 2px rgba(228, 235, 242, 1); -moz-box-shadow: 0px 0px 0px 2px rgba(228, 235, 242, 1); box-shadow: 0px 0px 0px 2px rgba(228, 235, 242, 1);		}
		#wyszukiwarkatresci .wpis a { color:#000; }
		#wyszukiwarkatresci .wpis a.showmore { transition: all 200ms ease-in-out; color: #fff; background: #820018; font-weight: 400; font-size: 1em; padding: 5px 15px; border-radius: 25px; display: inline-block; border:2px solid #820018; }
		#wyszukiwarkatresci .wpis a.showmore:hover { color: #820018; background: #fff; border:2px solid #820018; }
		
		.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 #9a031e; }
			.home_posts	nav.navigation .nav-links a { color:#9a031e; border-bottom: 2px solid #fff;transition: all 200ms ease-in-out; }
			.home_posts	nav.navigation .nav-links a:hover { border-bottom: 2px solid #9a031e; }
		
	/* Blog */	
	
		#blog_rm_allcontent { float: left; width: 90%; padding: 20px 5% 20px 5%; }
		#blog_rm_allcontent h1 {text-align: center; margin-bottom: 45px; }
		#blog_rm_allcontent .wpis_bloga {float: left; width: 100%; padding: 0; margin-bottom: 60px; border: 1px solid #eaebec;
				-webkit-box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.02); -moz-box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.02); box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.02);
		}
		#blog_rm_allcontent p { margin: 7px 0px 7px 0px !important; line-height: 2em; } 
		
		#blog_rm_allcontent .wpis_bloga:hover .wpis_bloga_txt p,#blog_rm_allcontent .wpis_bloga:hover .wpis_bloga_txt h2 { 
			color:RED !important;
		}
		
		#blog_rm_allcontent .wpis_bloga:hover {
			-webkit-box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.09); -moz-box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.09); box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.09);	
		}
		#blog_rm_allcontent h2 { color:#0d93e0; padding: 4px 0px 4px 0px; color: #2f2e2e; font-size: 1.7em; margin-top: 0px !important; }  
		#blog_rm_allcontent .wpis_bloga_btn { float: left; width: 100%; padding: 5px 0px; }
		#blog_rm_allcontent .wpis_bloga_btn a.readmoreblog {
			font-size: 0.9em; font-weight: normal; margin: 0; border: none; cursor: pointer;
			float: right; width: auto; display: inline-block; text-decoration: none; box-shadow: none;
			color: #222; background: #e5e5e5;
			padding: 18px 25px;
			margin-bottom: 5px; margin-top: 20px;
			transition: all 200ms ease-in-out;
		}
		#blog_rm_allcontent a { text-decoration: none !important; }
		#blog_rm_allcontent .wpis_bloga_btn a.readmoreblog:hover { opacity: 0.8;}
	  	#blog_rm_allcontent .blog_wpis_data a { color:#000; }
		#blog_rm_allcontent .wpis_bloga_zdj { float: left; width: 48%; min-height: 350px; background-size:cover; }
		#blog_rm_allcontent .wpis_bloga_zdj img { width: 100%; height: auto; transition: all 200ms ease-in-out; }
		#blog_rm_allcontent .wpis_bloga_zdj img:hover { opacity:0.8 }  
		#blog_rm_allcontent .wpis_bloga_txt { float: right; width: 46%; padding: 1% 2.5%; }
		#blog_rm_allcontent .wpis_bloga_txt img.avatar { float: left; margin: 9px 10px 9px 0px; border-radius: 99px; }
		#blog_rm_allcontent .wpis_bloga_txt p { font-size: 1em  !important; color:#333 !important; }
		
		@media (max-width: 1024px) and (min-width: 769px) {
			#blog_rm_allcontent { float: left; width: 100%; padding: 10px 0% 10px 0%; }
			#blog_rm_allcontent h2 { font-size: 1.45em; }
			#blog_rm_allcontent .blog_wpis_opis p { font-size:0.8em; }
		}
		@media (max-width: 768px) {
			#blog_rm_allcontent .wpis_bloga { margin-bottom: 40px; }
			#blog_rm_allcontent .wpis_bloga_zdj { float: left; width: 100%; }
			#blog_rm_allcontent .wpis_bloga_txt { float: left; width: 90%; padding: 3% 5%; }
		}	

	/* Blog wpis pojedynczy */	
		
		.margincontent { margin: 0 auto; width: 95%; max-width: 1140px; }
		#singlecontent-blogrm { float: left; width: 90%; margin: 2.5%; padding: 2.5% 2.5%; 
				-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
				-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
				box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);	
				background:#fff;
		} 
		
	/* Blog wpis pojedynczy - social media share */	
		.socialmedia_share { float: left; width: 100%; margin-top: 10px; padding-top: 20px; border-top: 1px solid rgba(0,0,0,0.1); }
		.socialmedia_share a { opacity: 0.7; margin-right: 10px; }
		.socialmedia_share a img { max-width: 25px; height: auto; }
		.socialmedia_share a:hover { opacity: 1; }
		
		
			
	/* - */	

		#footer { float: left; width: 100%; padding: 20px 0px 40px 0px; line-height: 1.5em; background: #820018; }
			#footer p { color:#fff; font-size: 0.85em; margin: 3px 0px; line-height: 1.8em;  }
			#footer a { color:#fff; }
			
			#footer p.loc { background: url('images/footer/adres.svg') left center no-repeat; background-size: 25px; padding: 3px 3px 3px 35px; }
			#footer p.tel { background: url('images/footer/tel.svg') left center no-repeat; background-size: 25px; padding: 3px 3px 3px 35px;}
			#footer p.mail { background: url('images/footer/email.svg') left center no-repeat; background-size: 25px; padding: 3px 3px 3px 35px;}
			
			.footer_menu  { float: left; width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #fff;  }
				.footer_menu ul, .footer_menu ul li { list-style: none; display: inline-block; }
				.footer_menu ul li a { padding: 3px 2px; margin: 2px 15px 2px 2px; }
				.footer_menu ul li a:hover { text-decoration: underline; }
				
			.footer_col { float: left; width: 24%; margin-right: 1%; }
				.footer_col img { max-width: 90%; }
			
 
	
		#footerauth { float: left; width: 100%; padding: 40px 0px 45px 0px; line-height: 1.5em; background: #820018; }
			#footerauth p { color:#fff; font-size: 0.8em;  }
			#footerauth a { color:#fff; }
	

	

	
	
/* RWD elements DIV */	

		@media (min-width: 1441px) {
			.container  {width:1360px;}
			#logo { width: 20%; float: left; }
			
			#scbar { margin: 5px 25px 0px 0px; } 	

		}

		
		@media (max-width: 1440px) and (min-width: 1367px) {
			.container  {width:1280px;}
			#logo { width: 20%; float: left; }
			#scbar { margin: 5px 25px 0px 0px; } 
		}
		
		
		@media (max-width: 1366px) and (min-width: 1281px) {
			.container  {width:1180px;}
			
			#logo { width: 20%; float: left; }
			#scbar { margin: 5px 25px 0px 0px; } 
			
			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item { margin: 0 18px 0 0; }
		}
		

		@media (max-width: 1280px) and (min-width: 1025px) {
			.container  {width:1000px;}
			#logo { width: 20%; float: left; }
			#scbar { margin:0px 25px 0px 0px; } 
			#bip a {  width: 70px; height: 35px; background: url('images/bip.svg') center no-repeat; background-size: 65px;}			
	
			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item > a.mega-menu-link { font-size: 14px; }			
			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item { margin: 0 15px 0 0; }
			.singlepost_4cols .postimgbg, .singlepost_4cols .postimg { height:180px; }  
			.singlepost_3cols .postimgbg, .singlepost_3cols .postimg { height:180px; }  
			
			.footer_colg { float: left; width: 100%; margin: 10px 0px; }
			.footer_col { float: left; width: 48%; margin-right: 2%;  }
			
				.content h1 {  font-size: 1.7em; } 
				.content h2 { font-size: 1.5em; } 
				.content h3 { font-size: 1.25em;} 
				.content h4, .content h5 { font-size: 1.1em;} 
		}

		
		@media (max-width: 1024px) and (min-width: 769px) {
			.container  {width:740px;}
			#logo { width: 25%; float: left; }
			#scbar { width: 30%; margin:0px 15px 0px 0px; } 
			#bip a {  width: 70px; height: 35px; background: url('images/bip.svg') center no-repeat; background-size: 65px;}			
	
			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item > a.mega-menu-link { font-size: 14px; }
			
			.singlepost_4cols .postimgbg, .singlepost_4cols .postimg { height:150px; }  
			.singlepost_3cols .postimgbg, .singlepost_3cols .postimg { height:150px; }  
			
			#footerauth p { text-align:center; float: left; width: 100%; font-size: 0.8em;  }
			.footer_colg { float: left; width: 100%; margin: 10px 0px; }
			.footer_col { float: left; width: 48%; margin-right: 2%;  }
				#pageheader { padding: 100px 0px; }
				#pageheader h1 { font-size: 2em; }
				
				.home_posts .singlepost_3cols { float: left; margin: 2.5% 2%; width: 46%; }
				.home_posts .singlepost_4cols { margin: 2.5% 3% 2.5% 0%; padding: 0%; width: 47%; }
	
				.content h1 {  font-size: 1.7em; } 
				.content h2 { font-size: 1.5em; } 
				.content h3 { font-size: 1.25em;} 
				.content h4, .content h5 { font-size: 1.1em;} 
	
		}

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



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

				@media (max-width: 768px) {
					
					
					.pagenav { display: none; }
					.pagecontent { float: left; width: 100%; }
					
					#topsite { float: left; width: 100%; padding: 15px 0px 5px 0px; } 
					#scbar { display: none !important; } 
						#logo { width: 200px; height: auto; float: left; }
							#logo img { float: left; position: relative; z-index: 99999; }
							#menu { width: 100%; float: left; position: relative; padding: 5px 0px; z-index: 9998; }
							
							#bip a {  width: 70px; height: 35px; background: url('images/bip.svg') center no-repeat; background-size: 65px;}
							
							#footerauth p { text-align:center; float: left; width: 100%; font-size: 0.8em;  }
							.footer_col { float: left; width: 95%; margin: 0% 2.5%;  }
							
							#pageheader { padding: 60px 0px; }
							#pageheader h1 { font-size: 1.75em; }
							
						.content h1 {  font-size: 1.6em; } 
						.content h2 { font-size: 1.4em; } 
						.content h3 { font-size: 1.25em;} 
						.content h4, .content h5 { font-size: 1.1em;} 
				}