@media (min-width: 1080px) and (max-width: 1200px)
{   
#holder {
	width:1080px;
	max-width: 1080;
	margin: 0 auto;}

#splash {
	background-color: #fff;	
	padding-top: 110px;
	padding-bottom: 60px;}	
	
/*.features-section ul li
	{
		width: 346px;
	}*/
	.stories-section ul li
	{
		width: 304px;
	}
	.story-img img
	{
		width: 304px;
		height: 195px;
	}
	
}




@media (min-width: 768px) and (max-width: 1080px)
{
	html {
	-webkit-text-size-adjust: none;
	}
#holder {
	width:760px;
	margin: 0 auto;}
nav#nav-main a {
	font-size: 13px;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 3px 3px;
}	
nav#nav-main {
    background-color: #666;
	font-size:18px;
    height: 50px;
   padding: 3px 3px;
}

#splash {
	background-color: #fff;	
	padding-top: 60px;
	padding-bottom: 60px;}	


	.desc h2 {
    	font-size: 25px;
	}
	.desc p {
    	font-size: 16px;
	}
	/*.features-section ul li {
    	width: 242px;
	}
	.features-section ul li p {
   
    	width: 95%;
	}*/
	.contact-section
	{
	width: 80%;
	margin: 0 auto;
	font-family: font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
	}
 	.rightsboxText  {
		margin-top:280px;}	

	

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) 
{
 
	

#holder {
	width:728px;
	margin: 0 auto;
	}

#splash {
	background-color: #fff;	
	padding-top: 60px;
	padding-bottom: 60px;}	
	
nav#nav-main a {
	font-size: 10px;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 3px 2px;
}	
nav#nav-main {
    background-color: #666;
	font-size:18px;
    height: 50px;
   padding: 3px 2px;
}
	

	.desc h2 {
    	font-size: 25px;
	}
	.desc p {
    	font-size: 16px;
	}
/*	.features-section ul li {
    	width: 242px;
	}
	.features-section ul li p {
   
    	width: 95%;
	}*/
	.contact-section
	{
	width: 80%;
	margin: 0 auto;
	font-family: font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
	}
}

@media (min-width: 640px) and (max-width: 768px)
{
#holder {
	width:620px;
	margin: 0 auto;}
 
.logo-img{
	width: 350px;
	height:auto;
	display: block;
	clear: both;
	padding-top: 5px;
	padding-bottom: 2px;
	margin:0 auto;
	}


		.desc {
    		padding: 60px 0px;
		}
		.desc h2 {
    		font-size: 22px;
		}
		.desc p {
    		font-size: 14px;
		}
		/*.features-section ul li {
    		display: block;
    		float: none;
    		width: 80%;
    		margin: 40px auto;
		}*/
		li.right {margin-left: 0px;}
		p.box-desc {
   	 		line-height: 30px;
		}
		.stories-section ul li {
   	 		float: none;;
   	 		margin: 40px auto;
		}	
		/*.features {
    		padding: 140px 0px;*/
		}
		.stories {
    		padding: 140px 0px;
		}
.one {
 float:left; 
 margin-left: 0px;
  width:411px;
  text-align: left;

}		
.two { 
  width:440px;
  margin-left: 0px;
  text-align: left;
  
}		
}
@media (min-width: 480px) and (max-width: 640px)
{
#holder {
    width: inherit;
    margin: 0 auto;
}
#keep {
    width: 100%;
    background-color: #fff;
    margin-top: 0px;
    position: fixed;
    height: auto;
    z-index: 9999;}
#nav-main {display: none;}	
#nav-trigger {
	display: block;
	text-align: right;
	width: 100%;
	background-color: #fff;
	border-bottom:medium;
	border-top: medium;
	border-color: #666;
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	height: 40px;
	;
}
#nav-trigger span {
    display: inline-block;
    padding: 12px 12px 0px;
   cursor: pointer;
     }
	 
 .logo-img{
	width: 350px;
	height:auto;
	display: block;
	clear: both;
	padding-top: 5px;
	padding-bottom: 2px;
	margin:0 auto;
	}	
#splash {
	background-color: #fff;	
	padding-top: 90px;
	padding-bottom: 60px;}
		.desc {
    		padding: 60px 0px;
		}
		.desc h2 {
    		font-size: 22px;
		}
		.desc p {
    		font-size: 14px;
			width: 100%;
		}
/*		.features-section ul li {
    		display: block;
    		float: none;
    		width: 80%;
    		margin: 40px auto;
		}*/
		li.right {margin-left: 0px;}
.ac-container label {
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 45px;
    cursor: pointer;
    color: #777;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    line-height: 33px;
    font-size: 18px;
    font-weight: 400;}		
		p.box-desc {
   	 		line-height: 30px;
		}
		.stories-section ul li {
   	 		float: none;;
   	 		margin: 40px auto;
		}	
/*		.features {
    		padding: 140px 0px;
		}*/
		.stories {
    		padding: 140px 0px;
		}
		.contact {
    		padding: 140px 0px;
    
		}
		.two { 
  overflow:hidden;
  width:320px;
  margin-left: 0px;
  text-align: left;
  
}
}
@media (min-width: 20px) and (max-width: 480px)
{
#holder {
    width: inherit;
    margin: 0 auto;
}
#keep {
    width: 100%;
    background-color: #fff;
    margin-top: 0px;
    position: fixed;
    height: auto;
    z-index: 9999;}
#nav-main {display: none;}	
#nav-trigger {
	display: block;
	text-align: right;
	width: 100%;
	background-color: #fff;
	border-bottom:medium;
	border-top: medium;
	border-color: #666;
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	height: 40px;
	;
}
#nav-trigger span {
    display: inline-block;
    padding: 12px 12px 0px;
   cursor: pointer;
     }
.logo-img{
	width:240px;
	height:auto;
	display: block;
	clear: both;
	padding-top: 5px;
	padding-bottom: 2px;
	margin:0 auto;
	}
#splash {
	background-color: #fff;	
	padding-top: 90px;
	padding-bottom: 60px;}
	
#Introduction {
    width: 100%;
    background-color: #ab4a9c;
    margin-top: 10px;}	
	
img#bulb {
	width: 300px;
}
img#bulb2 {
	width: 300px;
}
img#clogo {
	width: 270px;
}
.ac-container label {
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 45px;
    cursor: pointer;
    color: #777;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    line-height: 33px;
    font-size: 18px;
    font-weight: 400;}

 .one { 
    float: none;
    margin:0;
    width:auto;
    border:0;
   
  }
		.button-section ul li {
    		margin: 50px 12px;
		}
		.white, .green {
    		padding: 15px;
		}
		.desc {
    		padding: 60px 0px;
		}
		.desc h2 {
    		font-size: 22px;
		}
		.desc p {
    		font-size: 14px;
			width: 100%;
		}
		
		li.right {margin-left: 0px;}
		
		
/*		.features
		{
			padding: 140px 0px;
		}
		.features-section ul li {
    		display: block;
    		float: none;
    		width: 90%;
    		margin: 40px auto;
		}
		.features-section ul li p
		{
			width: 100%;
		}*/
		p.box-desc {
   	 		line-height: 30px;
			font-size: 14px;
		}
		.stories
		{
			padding: 140px 0px;
		}
		.stories-section ul li {
   	 		float: none;;
   	 		margin: 40px auto;
			width: 260px;
		}
		.story-img img {
    		height: 170px;
    		width: 260px;
		}
		.features {
    		padding: 60px 0px;
		}
		.stories {
    		padding: 60px 0px;
		}
		.contact {
    		padding: 140px 0px;
    
		}
		.contact-section {
    		width: 80%;
		}
		h3.text-head {
    		font-size: 20px;
		}
		.menu {
   			 display: none;
		}
		.logo {
			float: left;
		}
		
		.two { 
  overflow:hidden;
  width:320px;
  margin-left: 0px;
  text-align: left;
  
}
* {
	float: none;
	}
#cboxWrapper {max-width:none; min-width: 340px;}
}