/* Put your Mobile First styles here */


.screenres { display:none; position:fixed; bottom:0; right:0; background:blue; color:white; }

	.homeBut { font-size:1em !important; line-height:1.2em !important;  }
	#mainMenu { display:none !important; }
	#mainLogo { width:220px !important; margin-left:0px !important; }
	.homeBut span { padding:0px 5px !important; }
	.homeButIcon { margin-top:10% !important; margin-bottom:0% !important; width:60%; height:auto; }
	
	#mobileMenu { display:none; width:300px !important; height:0px; overflow:hidden; } 
	#mobileMenu { float:left; background:none !important; margin:0px 0px !important; }
	#mobileMenu ul { float:left; width:100%; list-style:none; height:70px; margin:0px; padding:0px !important; }
	#mobileMenu ul li { list-style:none; float:none !important; height:10px !important; background:none !important; padding:24px 17px 0px 51px !important; margin:0px !important; }
	#mobileMenu ul li a { color:#606060; font-family:'Gisha-Bold',Helvetica,Arial,sans-serif; font-size:1.1em; text-decoration:none; padding:5px 4px 4px 26px; margin-left:0px !important;  }
	#mobileMenu ul li a:HOVER { color:#c0c0c0; }
	#mobileMenu ul li a .active { color:#c0c0c0; }
	
	.homeBut { margin-left:0px; }
	
	.footlogo_upside { margin-left:30px !important; width:75% !important; height:100px !important; }
	.footlogo_eu { margin-left:30px !important; width:80% !important; height:100px !important; }

	#newsSlider li{ padding-top:4px !important; width:300px !important; height:64px !important; overflow:hidden; border:none !important; }	
	
	.galleryThumbImage { width:300px; height:auto; margin-right:0px; margin-bottom:6px; border:none; }
	.gTI1,.gTI3,.gTI5,.gTI7,.gTI9,.gTI11,.gTI13,.gTI15,.gTI17,.gTI19 { margin-right:0px; }
	.gTI2,.gTI4,.gTI6,.gTI8,.gTI10,.gTI12,.gTI14,.gTI16,.gTI18  { margin-right:0px; }	
	
	.halfBox { width:98% !important; float:left; margin-right:0% !important; }
	
	#cookieInfo { width:100%;height:158px;background:#606060;position:fixed;display:block;bottom:0px;left:0px;z-index:123456789; }
	#cookieHolder { height:80px;width:300px;margin:auto;margin-top:15px;font-family:"Frutiger55",Helvetica,Arial,sans-serif;color:#dddddd; }
	#cookieHolder p { width:190px; }			
	

/* #Mobile - Portrait
================================================== */
  /* Note: Design for a width of 320px */
@media only screen and (min-width: 20em) {
	
	.sr320 { display:none; }
	.sr480 { display:none; }
	.sr768 { display:none; }
	.sr960 { display:none; }
	.sr1200 { display:none; }
	
	.sr320 { display:block; }
	
	.homeBut { font-size:1em !important; line-height:1.2em !important;  }
	#mainMenu { display:none !important; }
	#mainLogo { width:220px !important; margin-left:0px !important; }
	.homeBut span { padding:0px 5px !important; }
	.homeButIcon { margin-top:10% !important; margin-bottom:0% !important; width:60%; height:auto; }
	
	#mobileMenu { display:block !important; }
	#mobileMenuSwitch { display:block !important; }
	
	#mobileMenu { display:none; width:300px !important; height:0px; overflow:hidden; } 
	#mobileMenu { float:left; background:none !important; margin:0px 0px !important; }
	#mobileMenu ul { float:left; width:100%; list-style:none; height:70px; margin:0px; padding:0px !important; }
	#mobileMenu ul li { list-style:none; float:none !important; height:10px !important; background:none !important; padding:24px 17px 0px 51px !important; margin:0px !important; }
	#mobileMenu ul li a { color:#606060; font-family:'Gisha-Bold',Helvetica,Arial,sans-serif; font-size:1.1em; text-decoration:none; padding:5px 4px 4px 26px; margin-left:0px !important;  }
	#mobileMenu ul li a:HOVER { color:#c0c0c0; }
	#mobileMenu ul li a .active { color:#c0c0c0; }
	
	.homeBut { margin-left:0px; }	

	.footlogo_upside { margin-left:30px !important; width:75% !important; height:100px !important; }
	.footlogo_eu { margin-left:30px !important; width:80% !important; height:100px !important; }	
	
	#newsSlider li{ padding-top:4px !important; width:300px !important; height:64px !important; overflow:hidden; border:none !important; }	
	
	.galleryThumbImage { width:300px; height:auto; margin-right:0px; margin-bottom:6px; border:none; }
	.gTI1,.gTI3,.gTI5,.gTI7,.gTI9,.gTI11,.gTI13,.gTI15,.gTI17,.gTI19 { margin-right:0px; }
	.gTI2,.gTI4,.gTI6,.gTI8,.gTI10,.gTI12,.gTI14,.gTI16,.gTI18  { margin-right:0px; }
	
	.halfBox { width:98% !important; float:left; margin-right:0% !important; }
	
	#cookieInfo { width:100%;height:158px;background:#606060;position:fixed;display:block;bottom:0px;left:0px;z-index:123456789; }
	#cookieHolder { height:80px;width:300px;margin:auto;margin-top:15px;font-family:"Frutiger55",Helvetica,Arial,sans-serif;color:#dddddd; }
	#cookieHolder p { width:190px; }	

} /* Close Mobile Portrait media query */



/* #Mobile - Landscape
================================================== */
  /* Note: Design for a width of 480px */
@media only screen and (min-width: 30em) {
	
	.sr320 { display:none; }
	.sr480 { display:none; }
	.sr768 { display:none; }
	.sr960 { display:none; }
	.sr1200 { display:none; }
	
	.sr480 { display:block; }
	.homeBut { font-size:1.1em !important; line-height:1.2em !important;  }
	#mainMenu { display:none !important; }
	#mainLogo { width:300px !important; margin-left:0px !important; }
	.homeBut span { padding:0px 10px !important; }
	.homeButIcon { margin-top:10% !important; margin-bottom:5% !important; width:60%; height:auto; }
	
	#mobileMenu { display:block !important; background:none !important; }
	#mobileMenuSwitch { display:block !important; }
	
	#mobileMenu { display:none; width:420px !important; height:0px; overflow:hidden; } 
	#mobileMenu { float:left; background:none !important; margin:0px 0px !important; }
	#mobileMenu ul { float:left; width:100%; list-style:none; height:70px; margin:0px; padding:0px !important; }
	#mobileMenu ul li { list-style:none; float:none !important; height:10px !important; background:none !important; padding:24px 17px 0px 68px !important; margin:0px !important; }
	#mobileMenu ul li a { color:#606060; font-family:'Gisha-Bold',Helvetica,Arial,sans-serif; font-size:1.1em; text-decoration:none; padding:5px 4px 4px 26px; margin-left:0px !important;  }
	#mobileMenu ul li a:HOVER { color:#c0c0c0; }
	#mobileMenu ul li a .active { color:#c0c0c0; }
	
	.homeBut { margin-left:0px; }	
	
	.footlogo_scm { display:block; width:90% !important; margin-top:12px !important; height:260px !important; background:url('../img/logo_smart_city_maribor_footer.png') no-repeat top left; background-size:100% auto; }		
	
	.footlogo_upside { margin-left:30px !important; width:75% !important; height:140px !important; }
	.footlogo_eu { margin-left:30px !important; width:80% !important; height:120px !important; }
	
	#newsSlider li{ padding-top:4px !important; width:420px !important; height:48px !important; overflow:hidden; border:none !important; }

	.galleryThumbImage { width:205px; height:auto; margin-right:6px; margin-bottom:6px; border:none; }
	.gTI1,.gTI3,.gTI5,.gTI7,.gTI9,.gTI11,.gTI13,.gTI15,.gTI17,.gTI19 { margin-right:6px; }
	.gTI2,.gTI4,.gTI6,.gTI8,.gTI10,.gTI12,.gTI14,.gTI16,.gTI18  { margin-right:0px; }
	
	.halfBox { width:98% !important; float:left; margin-right:0% !important; }
	
	#cookieInfo { width:100%;height:122px;background:#606060;position:fixed;display:block;bottom:0px;left:0px;z-index:123456789; }
	#cookieHolder { height:80px;width:450px;margin:auto;margin-top:15px;font-family:"Frutiger55",Helvetica,Arial,sans-serif;color:#dddddd; }
	#cookieHolder p { width:300px; }

} /* Close Mobile Landscape media query */




/* #Tablet - Portrait
================================================== */
  /* Note: Design for a width of 768px */
@media only screen and (min-width: 48em) {

	.sr320 { display:none; }
	.sr480 { display:none; }
	.sr768 { display:none; }
	.sr960 { display:none; }
	.sr1200 { display:none; }
	
	.sr768 { display:block; }
	.homeBut { font-size:1.0em !important; line-height:1.1em !important;  }
	#mainLogo { width:300px !important; margin-left:0px !important; }
	#mainMenu { display:none !important; }
	.homeButIcon { margin-top:5% !important; margin-bottom:2% !important; width:60%; height:auto; }
	
	#mobileMenu { display:block !important; background:url('../img/mm_break.png') no-repeat right top !important;  }
	#mobileMenuSwitch { display:block !important; }
	
	#mobileMenu { display:none; width:748px !important; height:0px; overflow:hidden; } 
	#mobileMenu { float:left; background:url('../img/mm_break.png') no-repeat right top !important; margin:-10px 10px 0px 10px !important; }
	#mobileMenu ul { float:left; width:100%; list-style:none; height:70px; margin:0px; padding:0px !important; }
	#mobileMenu ul li { list-style:none; float:left !important; height:70px !important; background:url('../img/mm_break.png') no-repeat left top !important; padding:24px 13px 0px 14px !important; margin:0px !important; }
	#mobileMenu ul li a { color:#606060; font-family:'Gisha-Bold',Helvetica,Arial,sans-serif; font-size:1.1em; text-decoration:none; padding:5px 4px 4px 26px; }
	#mobileMenu ul li a:HOVER { color:#c0c0c0; }
	#mobileMenu ul li a .active { color:#c0c0c0; }
	
	.homeBut { margin-left:-10px; }	
	
	.footlogo_scm { display:block; width:90% !important; margin-top:24px !important; height:200px !important; background:url('../img/logo_smart_city_maribor_footer.png') no-repeat top left; background-size:100% auto; }		
	
	.footlogo_upside { margin-left:30px !important; width:75% !important; height:60px !important; }
	.footlogo_eu { margin-left:30px !important; width:80% !important; height:80px !important; }
	
	#newsSlider li{ padding-top:4px !important; width:748px !important; height:30px !important; overflow:hidden; border:none !important; }

	.galleryThumbImage { width:224px; height:auto; margin-right:6px; margin-bottom:6px; border:none; }
	.gTI1,.gTI3,.gTI5,.gTI7,.gTI9,.gTI11,.gTI13,.gTI15,.gTI17,.gTI19 { margin-right:6px; }
	.gTI2,.gTI4,.gTI6,.gTI8,.gTI10,.gTI12,.gTI14,.gTI16,.gTI18  { margin-right:0px; }
	
	.halfBox { width:48% !important; float:left; margin-right:2% !important; }
	
	#cookieInfo { width:100%;height:102px;background:#606060;position:fixed;display:block;bottom:0px;left:0px;z-index:123456789; }
	#cookieHolder { height:60px;width:670px;margin:auto;margin-top:15px;font-family:"Frutiger55",Helvetica,Arial,sans-serif;color:#dddddd; }
	#cookieHolder p { width:450px; }

} /* Close Tablet media query */




/* # 960 Grid - Desktop
================================================== */
  /* Note: Design for a width of 960px */
@media only screen and (min-width: 60em) {

	.sr320 { display:none; }
	.sr480 { display:none; }
	.sr768 { display:none; }
	.sr960 { display:none; }
	.sr1200 { display:none; }
	
	.sr960 { display:block; }
	.homeBut { font-size:1.1em !important; line-height:1.2em !important;  }
	.homeButIcon { margin-top:5% !important; margin-bottom:2% !important; width:60%; height:auto; }
	
	#mainLogo { width:230px !important; margin-left:0px !important; }
	#mainMenu { display:block !important; }
	#mainMenu ul li { padding:24px 8px 0px 8px !important; }
	
	#mobileMenu { display:none !important; }
	#mobileMenuSwitch { display:none !important; }

	.homeBut { margin-left:-10px; }	

	.footlogo_scm { display:block; width:85% !important; margin-top:20px !important; height:200px !important; background:url('../img/logo_smart_city_maribor_footer.png') no-repeat top left; background-size:100% auto; }	

	.footlogo_upside { margin-left:30px !important; width:75% !important; height:80px !important; }
	.footlogo_eu { margin-left:30px !important; width:80% !important; height:80px !important; }
	
	#newsSlider li{ padding-top:4px !important; width:720px !important; height:38px !important; overflow:hidden; border:none !important; }
	
	.galleryThumbImage { width:187px; height:auto; margin-right:6px; margin-bottom:6px; border:none; }
	.gTI1,.gTI2,.gTI4,.gTI5,.gTI7,.gTI8,.gTI10,.gTI11,.gTI13,.gTI14 { margin-right:6px; }
	.gTI3,.gTI6,.gTI9,.gTI12,.gTI15 { margin-right:0px; }	
	
	.halfBox { width:48% !important; float:left; margin-right:2% !important; }
	
	#cookieInfo { width:100%;height:82px;background:#606060;position:fixed;display:block;bottom:0px;left:0px;z-index:123456789; }
	#cookieHolder { height:60px;width:850px;margin:auto;margin-top:15px;font-family:"Frutiger55",Helvetica,Arial,sans-serif;color:#dddddd; }
	#cookieHolder p { width:600px; }


} /* Close Desktop media query */




/* Going BIG, we love the large screens - 1200px and up
================================================== */
  /* Note: Design for a width of 1200px */
@media only screen and (min-width: 75em)  {

	.sr320 { display:none; }
	.sr480 { display:none; }
	.sr768 { display:none; }
	.sr960 { display:none; }
	.sr1200 { display:none; }
	
	.sr1200 { display:block; }
	.homeBut { font-size:1.3em !important; line-height:1.2em !important;  }
	.homeButIcon { margin-top:5% !important; margin-bottom:2% !important; width:60%; height:auto; }

	#mainLogo { width:300px !important; margin-left:0px !important; }
	#mainMenu { display:block !important; }
	#mainMenu ul li { padding:24px 15px 0px 15px !important; }
	
	#mobileMenu { display:none !important; }
	#mobileMenuSwitch { display:none !important; }
	
	.homeBut { margin-left:-10px; }
	
	.footlogo_scm { display:block; width:75% !important; margin-top:14px !important; height:200px !important; background:url('../img/logo_smart_city_maribor_footer.png') no-repeat top left; background-size:100% auto; }
	
	.footlogo_upside { margin-left:30px !important; width:75% !important; height:100px !important; }
	.footlogo_eu { margin-left:30px !important; width:80% !important; height:100px !important; }
	
	#newsSlider li{ padding-top:4px !important; width:900px !important; height:38px !important; overflow:hidden; border:none !important; }
	
	.galleryThumbImage { width:236px; height:auto; margin-right:7px; margin-bottom:6px; border:none; }
	.gTI1,.gTI2,.gTI4,.gTI5,.gTI7,.gTI8,.gTI10,.gTI11,.gTI13,.gTI14 { margin-right:7px; }
	.gTI3,.gTI6,.gTI9,.gTI12,.gTI15 { margin-right:0px; }

	.halfBox { width:48% !important; float:left; margin-right:2% !important; }
	
	#cookieInfo { width:100%;height:82px;background:#606060;position:fixed;display:block;bottom:0px;left:0px;z-index:123456789; }
	#cookieHolder { height:30px;width:1180px;margin:auto;margin-top:15px;font-family:"Frutiger55",Helvetica,Arial,sans-serif;color:#dddddd; }
	#cookieHolder p { width:700px; }

} /* Close Wide Desktop media query */



/* Styles for Internet Explorer
================================================== */









/* Put your styles above here
================================================== 
 * Print styles: Inlined to avoid required HTTP connection: h5bp.com/r */
 @media print {
     * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
     a, a:visited { text-decoration: underline; }
     a[href]:after { content: " (" attr(href) ")"; }
     abbr[title]:after { content: " (" attr(title) ")"; }
     /* Don't show links for images, or javascript/internal links */
     .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
     pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
     thead { display: table-header-group; /* h5bp.com/t */ }
     tr, img { page-break-inside: avoid; }
     img { max-width: 100% !important; }
     @page { margin: 0.5cm; }
     p, h2, h3 { orphans: 3; widows: 3; }
     h2, h3 { page-break-after: avoid; }
 }