<?php
/*
Template Name: Mobile CSS
*/
?>

#hd, #bd, #ft {
width: 100% !important;
max-width: 910px !important;
}

.entry img { display: block; }
.entry img.right {
    display: block;
    float: right;
    margin: 6px;
}
.entry img.left {
    display: block;
    float: left;
    margin: 6px;
}
.entry img.center {
	display: block;
	float: left;
	margin: 6px auto;
	width: 100%;
	clear: both;
}


/*------------------------------------------------After Bootstrap CSS --------------------------------------*/
div#ft-flash-inner {
   		width: 96%;
		height: auto;
	}
	.sponsors-list ul {
		width: 100%;
		background: #fff;
		height: auto;
	}
.sponsors-list ul li {  
	display: inline-block;
	width: 110px;
	height: 90px;
	margin: 0em 6px;
}
.sponsors-list ul li img{  
	width: 100%;
	max-height: 80px;
}
.sponsors-list ul li img:hover { width: 105%; }  
div.side {
	width: 280px;
	float: right;
	display: inline;
	margin-top: 1em !important;
}

.grey{ background: #ccc; min-height: 150px; }

.usgbc-mission { padding-top: 1em;}

.usgbc-mission p, .recent-news p, .green-expert p  {
	word-spacing: 0px;
	line-height: 16px;
	margin-top: 10px;
	color: #5B5B5B;
	font-size: 90%;
	text-align: left;
	font-family: Verdana;
}
.recent-news {  }
.recent-news h4 a { 

}

h2.heading-title {
	border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
	margin: 0px 2px;
	font-size: 14px;
	color: #6A6A6A;
	font-weight: normal;
	max-width: 96%;
	line-height: 20px;
}
.title a {
	font-size: 14px;
	font-weight: bold;
	margin: 5px auto;
	float: left;
	width: 100%;
}

.social {  
	margin-top: -1em;
	margin-bottom: 2em;
}
.social fa { color: ;}

.social ul {
    margin-left: 20px;
}
.social ul li{
	display: inline-block;
	color: #5C6B87;
}
.social ul li a { color: #5C6B87; opacity: 1; }

.social ul li a:hover { opacity: 0.85; }

.green-expert {
    border: 2px solid rgba(83, 123, 194, 0.2);
    background: rgba(69, 113, 191, 0.6);
    color: #fff;
    border-radius: 0px;
    padding: 5px 30px 6px 10px;
    margin-left: 35px;
}
.green-expert a { color: #fff; }
.green-expert .image { text-align: center; } 
.green-expert .image img { float: none !important;  margin: -15px;
border: 5px solid #51617B;}

.green-expert h2 {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
text-align: center;
position: relative;
top: -12px;
margin-left: -12px;
background: none repeat scroll 0% 0% rgba(83, 117, 176, 0.76);
padding: 6px 0px;
border-radius: 0px;
color: #fff;
box-shadow: 2px 2px 0px 2px rgba(0, 0, 0, 0.43);
}
div.recent-news .image img{
	margin: 10px;
	width: 100%;
}
div.recent-news .excerpt {
    font-size: 12px;
    margin: 5px auto;
    line-height: 1.12em;
}
div.padder { margin-bottom: 1em; }
div.educational a h2 { }

div.educational .title a {
    font-size: 14px ;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 8px;
    line-height: 1.5em;
}
div.educational .image {
    margin: 10px;
}
div.educational .excerpt {
    	word-spacing: 0px;
	line-height: 16px;
	margin-top: 10px;
	color: #5B5B5B;
	font-size: 90%;
	text-align: left;
	font-family: Verdana;
}
.upcoming-events { 
	
}
div.side .upcoming-events { 
	margin-left: -12px;
}
.upcoming-events ul li {
	display: block;
	font-size: 12px;
	padding: 2px 8px;
	vertical-align: top;
}
.upcoming-events ul li strong {
	font-size: 11px;
	min-width: 88px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
	border-right: 1px Solid rgba(51, 51, 51, 0.22);
}
.upcoming-events ul li:nth-child(2n-1) {
	background: none repeat scroll 0% 0% rgba(107, 122, 151, 0.2);
}

.upcoming-events .title a {
	font-size: 11px
	margin: 10px -15px;
}
.upcoming-events .title a h4{
	font-size: 12px 
}

.upcoming-events .title a .date{
    font-weight: normal;
    font-style: italic;
    color: #1C315A;
}
.upcoming-events .meta h6 {
	font-size: 10px
    font-weight: normal;
    font-style: italic;
    color: #1C315A;
	margin: 10px 0px;
}

/* Responsive layouts for mobile, tablets, and larger screens----------- */

/* Smartphones (portrait) ----------- */
@media (min-width: 1px) and (max-width: 480px) {
	ul.ft-nav li {
		display: block;
		list-style: outside none none;
		float: none;
	}
	div#ft p.copyright {
		width: 98%;
	}
	div#usgbc {
		width: 100%;
		min-width: 100px:
    		max-width: 296px;
	}
	div#hd {
		padding: 0px 0 0 0 !important;
		height: 1px;
	} 
	div#hd-box, div#sitemap, .mobile-logo img.tagline { display: none; }
	html {
    		margin-top: 0px !important;
		min-width: 250px:
	}
	.mobile-logo {
		max-width: 175px;
	}
	.mobile-logo img.logo {
		top: 10px !important;
		left: 0px !important;
		width: 100% !important;
		max-width: 150px !important; 
	}
	.mobile-logo {
		top: 10px !important;
		left: 10px !important;
	}	
}
/* Smartphones (Landscape) ----------- */
@media (min-width: 480px) and (max-width: 768px) {
	html {
    		margin-top: 0px !important;
	}
	div#hd {
		padding: 0px 0 0 0 !important;
		height: 1px;
	} 
	div#hd-box , div#sitemap { display: none; }
	.mobile-logo img.tagline { width: 130%;  position: absolute;  top: 33px; }
	div.content {
		width: 100% !important;
		max-width: 820px !important;
		background: none !important;
	}
}

/* Smartphones and tablets----------- */
@media (min-width: 768px) and (max-width: 990px) {
	html {
    		margin-top: 0px !important;
	}
	#hd, #bd, #ft {
		margin: auto 1em !important;
	}
	
	#hd, #bd, #ft, 
	#bd-inner, #ft-inner {
	
	}
	div.content {
		width: 100% !important;
		max-width: 820px !important;
		
	}
	div.main {
		width: 100% !important;
		max-width: 500px !important;
	}
	div.side {
		width: 100% !important;
		max-width: 280px;
	}
 	#hd-box, #ft-flash {
		width: 100% !important;
		max-width: 934px;
	} 
	div#donation-link { display: none; }
	.mobile {
    		display: block;
	}
	.mobile-logo img.tagline {
    		width: 170%;
    		position: absolute;
    		top: 20px;
	}
	div.insidemain {
    		width: 100%;
    		border-right: none;
	}
}
/* Smartphones and tablets----------- */
@media (min-width: 0px) and (max-width: 800px) {
	

	#hd, #bd, #ft {
		margin: 1em !important;
		width: 95% !important;
	}
	div#hd {
		padding: 0px 0 0 0 !important;
	} 
	div#hd-box { width: 98% !important; }
	#bd-inner, #ft-inner {
		width: 98% !important;
	}
	div.content {
		width: 100% !important;
		max-width: 820px !important;
	}
	div.main {
		width: 90% !important;
		max-width: 500px !important;
		position: relative;
		z-index: 99999;
		margin-left: 3em;
	}
	div.side { width: 25% !important; }
 	#hd-box, #ft-flash {
		width: 97% !important;
		max-width: 934px;
	} 
	div#donation-link, div#nav, div#logo  { display: none; }
	.mobile {
    		display: block;
	}
	.mobile-logo {
    		display: block;
		position: absolute;
		z-index: 999999;
		top: 0px;
		left: 0px;
		width: 100%;
		max-width: 225px;
	}
	.mobile-logo img.logo { width: 100%;  }
	
	.slicknav_menu {
    		display: block !important;
		background: none repeat scroll 0% 0% rgba(255, 255, 255, 1) !important;
		padding: 5px 2em 0px 0px !important;
		position: relative !important;
		top: -13px !important;
		right: 0px !important;
		z-index: 1000 !important;
		width: 100% !important;
		float: left !important;
		min-height: 80px !important;
		margin-bottom: -30px;
		border-bottom: dotted 1px #ccc !important;
	}
	.slicknav_nav ul:first-child {
    		padding: 0px;
    		margin: 40px 0px 0px 20px !important;
	}
	.slicknav_nav .slicknav_row {
    		padding: 6px 15px !important;
    		margin: 8px 0px !important;
    		background: none repeat scroll 0% 0% rgba(6, 45, 107, 0.6) !important;
	}
	.slicknav_nav .slicknav_row a:hover { background: none !important; }
	.slicknav_nav ul, .slicknav_nav li {
    		display: block;
    		font-size: 15px !important;
    		background: none repeat scroll 0% 0% rgba(6, 45, 107, 0.6) !important;
    		text-transform: uppercase !important;
		border-radius: 0px !important;
	}
	.slicknav_nav a:hover {
    		border-radius: 0px !important;
   		background: none !important;
    		color: #fff !important;
	}
	.slicknav_btn {
    		border-radius: 2px !important;
    		background-color: #FFF !important;
	}
	.slicknav_menu .slicknav_icon-bar { background-color: rgba(6, 45, 107, 0.8) !important; }
	.slicknav_menu .slicknav_icon-bar:hover { background-color: #ccc !important; }
	.slicknav_menu .slicknav_menutxt {
    		color: rgb(50, 97, 169) !important;
    		font-weight: bold !important;
    		text-shadow: none !important;
	}
	div#nav ul li ul li a{ max-width: 150px; }
	div.insidemain {
    		width: 100%;
    		border-right: none;
	}
	div#hd {
		padding: 0px 0 0 0 !important;
		height: 1px;
	} 
	div#hd-box , div#sitemap { display: none; }
}
/* Medium - Desktops and laptops ----------- */
@media (min-width: 800px) and (max-width: 900px)  {
	div#hd-right {
		width: 460px;
    		height: 90px;
   		margin: 0px 0px 0px 21px;
    		overflow: visible;
    		float: left;
    		display: inline;
	}
	div#donation-link {
    		display: none;
	}
	div#nav ul li a { max-width: 101px; }
	div.side { width: 25% !important; }
	div.side table { width: 20% !important; }
	div.side table img { width: 180px; }
	div#nav ul li ul li a{ max-width: 160px; }
	div#nav ul li#n-news a, div#nav ul li#n-leed a { width: 50px; }
	div#nav ul li#n-events a { width: 70px; }
	div.insidemain { width: 40%; margin-left: 15px; }
}
/* Medium - Desktops and laptops ----------- */
@media (min-width: 900px) and (max-width: 950px)  {
	div#hd-right {
		width: 550px;
    		height: 90px;
   		margin: 0px 0px 0px 21px;
    		overflow: visible;
    		float: left;
    		display: inline;
	}
	div#donation-link {
    		width: 120px;
    		float: left;
    		margin-left: -70px;
    		position: relative;
    		right: -50px;
	}
	div#nav ul li a { max-width: 102px; }
	div#nav ul li#n-news a, div#nav ul li#n-leed a { width: 70px; }
	div#nav ul li#n-events a { width: 90px; }
	div.insidemain {  width: 42%; margin-left: 10px; }
	
}

/* Super Small - Home Page mobile ----------- */
@media (min-width: 100px) and (max-width: 320px)  {
	.mc-main .mc-list {
		margin-bottom: 1em;
		width: 100% !important;
		padding: 1em !important;
	}
	html { overflow-x: hidden;}
	.mc-main {
		position: relative;
		width: 240px !important;
		margin: 0em;
		text-align: center;
		word-break: `break-all;
		word-wrap: break-word;
		display: block;
		float: left;
	}
	.slicknav_nav ul:first-child {
		padding: 0px;
		margin: 40px 0px 0px -5px !important;
	}
	.home-slider {
		margin: 15px 15%;
		width: 75%;
		height: 225px;
	}
	#hd, #bd, #ft {
    		margin: 1em !important;
   		width: 90% !important;
	}
	div#ft {
   		margin-top: -24px !important;
	}
	.home-slider .controls #caption {
    		width: 100%;
	}
	.home-slider .controls {
   		top: 25%;
	}
	.usgbc-mission {
		padding: 2em 0em;
		margin: 0em 15%;
		width: 75%;
		text-align: center;
	}
	h2.heading-title { text-align: center; }
	.usgbc-mission p {
		text-align: center;
	}
	.usgbc-btn { float: none; padding: 0.5em;}
	.upcoming-events {
		width: 62%;
		margin: 0px 19%;
		padding-bottom: 2em;
	}
	.upcoming-events ul li strong {
    		font-size: 12px;
		min-width: 95px;
		margin-right: 5px;
		border-right: 1px solid rgba(51, 51, 51, 0.22);
		margin-left: 0px;
	}
	.recent-news {
		margin-left: 4%;
		width: 85%;
	}
	.recent-news .usgbc-btn {
    		padding: 5px 25px;
		max-width: 75px;
		text-align: center;
		margin: 0px 29%;
	}
	.green-expert {
 		width: 60%;
		margin: 2em 13%;
	}
	.green-expert .usgbc-btn {
		padding: 5px 40px;
		max-width: 65px;
		text-align: center;
		margin: 0px -3%;
		width: 115px;
	}
	.social {
    		margin-left: 7%;
	}
	div#ft-flash-inner {
   		width: 100%;
		height: auto;
	}
	.sponsors-list ul{
		width: 100%;
		background: #fff;
		height: auto;
	}
	.sponsors-list ul li {
		display: inline-block;
		width: 110px;
		height: 90px;
		margin: 0em;
	}
	.sponsors-list ul li {
		display: inline-block;
		margin: 0em;
		width: 100%;
		height: auto;
		text-align: center;
	}
	.sponsors-list ul li img {
		max-height: 80px;
		width: auto;
		text-align: center;
		float: none;
	}
	.sponsors-list ul li img:hover {
		width: auto;
	}
	ul.ft-nav {
    		width: 97%;
    		text-align: center;
    		margin-left: 10px;
	}
	ul.ft-nav a {
		text-transform: uppercase;
	}
	div#ft p.copyright {
    		width: 98%;
    		margin: 20px auto;
    		text-align: center;
   		padding: 0px auto 0px auto;
    		text-transform: uppercase;
    		color: #6A6A6A;
    		font-size: 77%;
    		float: none;
    		display: inline-block;
    		font-weight: bold;
	}
	div#ft-flash-inner {
   		width: auto;
	}
	div.insidemain {
    		width: 90%;
    		margin-left: 10px;
	}
	div.side {
		width: 100% !important;
		padding: 15px;
		text-align: center;
		max-width: 100%;
		float: left;
	}
	.entry a img {
    		width: auto !important;
    		margin: 1em 3em !important;
	}	
	iframe {
    		width: 30% !important;
    		padding: 5px;
    		margin: 0px 10px;
	}
	.mc-main.calendar {
		width: 260px !important;
		margin: 1em 2em;
	}
	.home-slider img {
		width: 100% ;	
		min-width: 100% ;
		height: auto ;
		float: none ;
	}
	.mobile-logo {
		max-width: 261px;
		margin-left: 8px;
		background: #fff;
		text-align: center;
	}
	
}


/* Super Small - Home Page mobile ----------- */
@media (min-width: 320px) and (max-width: 480px)  {
	.slicknav_nav ul:first-child {
		padding: 0px;
		margin: 40px 0px 0px -5px !important;
	}
	.home-slider {
		margin: 15px 15%;
		width: 75%;
		height: 300px;
		margin-top: -10px;
	}
	#hd, #bd, #ft {
    		margin: 1em !important;
   		width: 90% !important;
	}
	div#ft {
   		margin-top: -24px !important;
	}
	div.insidemain {
    		width: 90%;
   		margin-left: 10px;
	}
	div.side {
		width: 85% !important;
		padding: 15px;
	}
	.home-slider .controls #caption {
    		width: 100%;
		position: relative;
		bottom: 0px;
		margin-top: 5em;
	}
	.home-slider .controls {
   		top: 25%;
	}
	.usgbc-mission {
		padding: 2em 0em;
		margin: 0em 15%;
		width: 75%;
		text-align: center;
	}
	h2.heading-title { text-align: center; }
	.usgbc-mission p {
		text-align: center;
	}
	.usgbc-btn { float: none;}
	.upcoming-events {
		width: 62%;
		margin: 0px 19%;
		padding-bottom: 2em;
	}
	
	.upcoming-events ul li strong {
    		font-size: 12px;
		min-width: 95px;
		margin-right: 5px;
		border-right: 1px solid rgba(51, 51, 51, 0.22);
		margin-left: 0px;
	}
	.recent-news {
		margin-left: 4%;
		width: 85%;
	}
	.recent-news .usgbc-btn {
    		padding: 5px 25px;
		max-width: 75px;
		text-align: center;
		margin: 0px 29%;
	}
	.green-expert {
 		width: 60%;
		margin: 2em 13%;
	}
	.green-expert .usgbc-btn {
    		padding: 5px 40px;
		max-width: 115px;
		text-align: center;
		margin: 0px 5%;
		width: 112px;
	}
	.social {
    		margin-left: 7%;
	}
	div#ft-flash-inner {
   		width: 100%;
		height: auto;
	}
	.sponsors-list ul{
		width: 100%;
		background: #fff;
		height: auto;
	}
	.sponsors-list ul li {
		display: inline-block;
		width: 110px;
		height: 90px;
		margin: 0em;
	}
	.sponsors-list ul li {
		display: inline-block;
		margin: 0em;
		width: 100%;
		height: auto;
		text-align: center;
	}
	.sponsors-list ul li {
		display: inline-block;
		width: 100%;
		height: auto;
		 margin: 0em;
	}
	.sponsors-list ul li img {
		max-height: 80px;
		width: auto;
		text-align: center;
		float: none;
	}
	.sponsors-list ul li img:hover {
		width: auto;
	}
	ul.ft-nav {
    		width: 97%;
    		text-align: center;
    		margin-left: 10px;
	}
	ul.ft-nav a {
		text-transform: uppercase;
	}
	div#ft p.copyright {
    		width: 98%;
    		margin: 20px auto;
    		text-align: center;
   		padding: 0px auto 0px auto;
    		text-transform: uppercase;
    		color: #6A6A6A;
    		font-size: 77%;
    		float: none;
    		display: inline-block;
    		font-weight: bold;
	}
	div#ft-flash-inner {
   		width: auto;
	}
	.entry a img {
    		width: auto !important;
   		min-height: 225px !important;
    		margin: 1em 2em !important;
	}	
	
	iframe {
    		width: 30% !important;
    		padding: 5px;
    		margin: 0px 1em;
	}
	.mc-main.calendar {  
		width: 290px !important;
		margin: 1em 2em; 
	}
	.entry h5 em {
		margin-left: 2em;
		text-align: center;
	}
	.home-slider img {
		width: 100% ;	
		min-width: 100% ;
		height: auto ;
		float: none ;
	}
}


/* Super Small - Home Page mobile ----------- */
@media (min-width: 480px) and (max-width: 768px)  {
	.home-slider {
		margin: 15px 15%;
		width: 75%;
		height: 300px;
	}
	div.side {
		width: 100% !important;
		padding: 15px;
		text-align: center;
		max-width: 100%;
		float: left;
	}
	.home-slider .controls #caption {
    		width: 66%;
	}
	.usgbc-mission {
		padding: 2em 0em;
		margin: 0em 20%;
		width: 60%;
		text-align: center;
	}
	h2.heading-title { text-align: center; }
	.usgbc-mission p {
		text-align: center;
	}
	.usgbc-btn { float: none;}
	.upcoming-events {
		width: 62%;
		margin: 0px 19%;
		padding-bottom: 2em;
	}
	.upcoming-events ul li strong {
    		font-size: 12px;
		min-width: 175px;
		margin-right: 10px;
		border-right: 1px solid rgba(51, 51, 51, 0.22);
		margin-left: 10px;
	}
	.recent-news {
		margin-left: 20%;
		width: 60%;
	}
	.recent-news .usgbc-btn {
    		padding: 5px 25px;
		max-width: 75px;
		text-align: center;
		margin: 0px 29%;
	}
	.green-expert {
 		width: 38%;
		margin: 2em 29%;
	}
	.green-expert .usgbc-btn {
    		padding: 5px 40px;
		max-width: 115px;
		text-align: center;
		margin: 0px 17%;
		width: 115px;
	}
	.social {
    		margin-left: 25%;
	}
	iframe { width: 70% !important; padding: 5px; } 
	div.insidemain-calendar h1 {
		font-size: 145%;
		margin: 0px 20px 15px;
		padding: 0px 0px 5px;
	}
	div#ft-flash-inner {
   		width: 100%;
		height: auto;
	}
	.sponsors-list ul{
		width: 96%;
		background: #fff;
		height: auto;
	}
	.sponsors-list ul li {
		display: inline-block;
		width: 110px;
		height: 90px;
		margin: 0em;
	}
	.sponsors-list ul li {
		display: inline-block;
		width: 100%;
		height: auto;
		 margin: 0em;
	}
	ul.ft-nav {
		width: 100%;
	}
	div#ft-flash-inner {
   		width: auto;
	}
	.mc-main.calendar {  
		width: 450px !important;
		margin: 1em 6em; 
	}
	iframe {
    		width: 60% !important;
    		padding: 15px;
    		margin: 0px 2em;
	}
	.sponsors-list ul li {
		display: inline-block;
		width: 85px;
		height: 60px;
		margin: 0em;
	}
	.sponsors-list ul {
		width: 100%;
		background: none repeat scroll 0% 0% #FFF;
		height: auto;
	}
	.mc-main.calendar {  
		width: 440px !important;
		margin: 1em 3em; 
	}
}
/* smaller - Home Page mobile ----------- */
@media (min-width: 768px) and (max-width: 920px)  {
	div.insidemain {
    		width: 90%;
   		margin-left: 10px;
	}
	div.insidecontent {
		margin-bottom: 20px;
		width: 94%;
		margin-right: 13px;
		margin-left: 20px;
		float: left;
		background: transparent;
	}
	div.insidemain {
		display: inline;
		float: left;
		padding-right: 1em;
		margin-right: 1em;
	}
	div.insideside {
		width: 42%;
		float: left;
		display: inline;
	}

	div.insidemain-calendar h1 {
		font-size: 145%;
		margin: 0px 20px 15px;
		padding: 0px 0px 5px;
	}
	.home-slider {
		margin: 15px 15%;
		width: 75%;
	}
	.home-slider .controls #caption {
    		width: 66%;
	}
	.usgbc-mission {
		padding-top: 1em;
		margin: 10em;
		width: 70%;
		text-align: center;
	}
	h2.heading-title { text-align: center; }
	.usgbc-mission p {
		text-align: center;
	}
	.usgbc-btn { float: none; }
	.upcoming-events {
		width: 60%;
		margin: 0px 13em;
	}
	.upcoming-events ul li strong {
    		font-size: 12px;
		min-width: 175px;
		margin-right: 10px;
		border-right: 1px solid rgba(51, 51, 51, 0.22);
		margin-left: 10px;
	}
	.recent-news {
		margin-left: 15%;
	}
	.recent-news .usgbc-btn {
    		padding: 5px 25px;
		max-width: 75px;
		text-align: center;
		margin: 0px 35%;
	}
	.green-expert {
 		width: 38%;
		margin: 2em 29%;
	}
	.green-expert .usgbc-btn {
    		padding: 5px 40px;
		max-width: 115px;
		text-align: center;
		margin: 0px 17%;
		width: 115px;
	}
	.social {
    		margin-top: 2em;
   		 margin-bottom: 2em;
    		margin-left: 31%;
	}
	div#ft-flash-inner {
   		width: 100%;
		height: auto;
	}
	.sponsors-list ul {
		width: 96%;
		background: #fff;
		height: auto;
	}
	.sponsors-list ul li {
		display: inline-block;
		width: 110px;
		height: 90px;
		margin: 0em;
	}
}

/* Medium - Home Page mobile ----------- */
@media (min-width: 920px) and (max-width: 990px)  {
	.home-slider {
		margin: 15px 100px;
		width: 80%;
	}
	.home-slider .controls #caption {
    		width: 66%;
	}
	.usgbc-mission {
		padding-top: 1em;
		margin: 10em;
		width: 70%;
		text-align: center;
	}
	h2.heading-title { text-align: center; }
	.usgbc-mission p {
		text-align: center;
	}
	.usgbc-btn { float: none;}
	.upcoming-events {
		width: 60%;
		margin: 0px 13em;
	}
	.upcoming-events ul li strong {
    		font-size: 12px;
    		min-width: 180px;
    		margin-right: 16px;
		border-right: 1px solid rgba(51, 51, 51, 0.22);
		margin-left: 50px;
	}
	.recent-news {
		width: 70%;
		margin-left: 17%;
		text-align: center;
	}
	.recent-news .usgbc-btn {
    		padding: 10px 40px;
		max-width: 75px;
		text-align: center;
		margin: 0px 16em;
	}
	.green-expert {
 		width: 38%;
		margin: 2em 30%;
	}
	.green-expert .usgbc-btn {
    		padding: 10px 40px;
		max-width: 115px;
		text-align: center;
		margin: 0px 17%;
		width: 115px;
	}
	.social {
    		margin-top: 2em;
   		 margin-bottom: 2em;
    		margin-left: 31%;
	}
	div#ft-flash-inner {
   		width: 100%;
		height: auto;
	}
	.sponsors-list ul {
		width: 96%;
		background: #fff;
		height: auto;
	}
	.sponsors-list ul li {
		display: inline-block;
		width: 110px;
		height: 90px;
		margin: 0em;
	}

}


/* Medium - Tablets ----------- */
@media (min-width: 0px) and (max-width: 768px)  {
	div.insidecontent {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		background: transparent;
	}
	#hd, #bd, #ft, #bd-inner, #ft-inner {
   		width: 93.5% !important;
	}
	div.insideside {
		width: 60%;
		float: left;
		display: inline;
		position: relative;
		left: 50%;
		margin-left: -27%;
	}
	
	div.insidemain-calendar h1 {
    		margin: 0px 25px 13px;
	}
	div.insidemain {
		width: 98%;
		border-right: medium none;
		margin: 0 2em;
	}
	div.events {
		width: 100%;
		text-align: center;
	}
	.upcoming-events {
		width: 100%;
		margin: 0;
		padding-bottom: 0;
	}
	.upcoming-events ul li strong {
    		border-right: 0;
		line-height: 16px;
		padding: 5px;
	}
	div.side ul li a:link {
		font-size: 14px;
		line-height: 18px;
		display: block;
		padding-bottom: 6px;
	}
}
/* Medium - Tablets ----------- */
@media (min-width: 768px) and (max-width: 824px)  {
	div.insidemain {
    		width: 98%;
    		border-right: none;
	}
	#hd, #bd, #ft, #bd-inner, #ft-inner {
		max-width: 900px !important;
		width: 100% !important;
	}
	.educational {}
	div.insideside {
		width: 60%;
    		float: left;
    		display: inline;
		position: relative;
		left: 50%;
		margin-left: -27%;
	}
	.mc-main.calendar {  
		width: 630px !important;
		margin: 1em 5em; 
	}
	iframe {
    		width: 85% !important;
    		padding: 15px;
    		margin: 0px 2em;
	}
	div.side { width: auto !important; }
	div.insidemain { width: 60%;}
	
}
/* Medium - laptops ----------- */
@media (min-width: 824px) and (max-width: 990px)  {
	.mc-main.calendar {  width: 720px !important; margin: 1em 3em; }
	div.insidemain { width: 60%;} 
}

/* Medium - Desktops and laptops ----------- */
@media (min-width: 990px) and (max-width: 1280px)  {
	
	
}

/* Regular - Desktops and laptops ----------- */
@media (min-width: 1280px) and (max-width: 1600px)  {
	
}	
/* Extra Large screens ----------- */
@media (min-width: 1650px) and (max-width: 2200px)  {
	
}

/* Medium - Home Page mobile ----------- */
@media (min-width: 920px) and (max-width: 990px)  {
	.home-slider {
		margin: 15px 100px;
		width: 80%;
	}
	.home-slider .controls #caption {
    		width: 66%;
	}
	.usgbc-mission {
		padding-top: 1em;
		margin: 10em;
		width: 70%;
		text-align: center;
	}
	h2.heading-title { text-align: center; }
	.usgbc-mission p {
		text-align: center;
	}
	.usgbc-btn { float: none;}
	.upcoming-events {
		width: 60%;
		margin: 0px 13em;
	}
	.upcoming-events ul li strong {
    		font-size: 12px;
    		min-width: 180px;
    		margin-right: 16px;
		border-right: 1px solid rgba(51, 51, 51, 0.22);
		margin-left: 50px;
	}
	.recent-news {
		width: 70%;
		margin-left: 17%;
		text-align: center;
	}
	.recent-news .usgbc-btn {
    		padding: 10px 40px;
		max-width: 75px;
		text-align: center;
		margin: 0px 16em;
	}
	.green-expert {
 		width: 38%;
		margin: 2em 30%;
	}
	.green-expert .usgbc-btn {
    		padding: 10px 40px;
		max-width: 115px;
		text-align: center;
		margin: 0px 17%;
		width: 115px;
	}
	.social {
    		margin-top: 2em;
   		 margin-bottom: 2em;
    		margin-left: 31%;
	}
	div#ft-flash-inner {
   		width: 100%;
		height: auto;
	}
	.sponsors-list ul {
		width: 96%;
		background: #fff;
		height: auto;
	}
	.sponsors-list ul li {
		display: inline-block;
		width: 110px;
		height: 90px;
		margin: 0em;
	}

}