@media (min-width: 1080px) and (max-width: 1200px)
{
	.containerc
	{
		width: 1040px;
		margin: 0 auto;
		padding: 0px 20px;
	}
	.featuresc-section ul li
	{
		width: 346px;
	}
	.storiesc-section ul li
	{
		width: 40%;
	}
	.story-img img
	{
		width: 304px;
		height: 195px;
	}
}
@media (min-width: 768px) and (max-width: 1080px)
{
	.containerc
	{
		width: 728px;
		margin: 0 auto;
	}
	.bannerc
	{
		padding: 140px 0px;
	}
	.bigc-text
	{
		font-size: 22px;
	}
	.headerc-text h2 
	{
    	font-size: 34px;
	}
	.smallc-text 
	{
    	width: 85%;
    	margin: 0px auto;
    	font-size: 16px;
	}
	.descc h2 {
    	font-size: 25px;
	}
	.descc p {
    	font-size: 16px;
	}
	.featuresc-section ul li {
    	width: 222px;
	}
	.featuresc-section ul li p {
   
    	font-size: 14px;
    	width: 95%;
	}
	.contactc-section
	{
	width: 80%;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) 
{
	.containerc
	{
		width: 728px;
		margin: 0 auto;
	}
	.bannerc
	{
		padding: 140px 0px; /*padding: 140px 0px;*/
	}
	.bigc-text
	{
		font-size: 22px;
	}
	.headerc-text h2 
	{
    	font-size: 34px;
	}
	.smallc-text 
	{
    	width: 85%;
    	margin: 0px auto;
    	font-size: 16px;
	}
	.descc h2 {
    	font-size: 25px;
	}
	.descc p {
    	font-size: 16px;
	}
	.featuresc-section ul li {
    	width: 222px;
	}
	.featuresc-section ul li p {
   
    	font-size: 14px;
    	width: 95%;
	}
	.contactc-section
	{
	width: 80%;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	}
}
@media (min-width: 640px) and (max-width: 768px)
{
	.containerc
	{
		width: 600px;
		margin: 0 auto;
		padding: 0px 20px;
	}
	.bannerc
		{
			padding: 140px 0px; /*padding: 140px 0px;*/
		}
		.bigc-text {
    		font-size: 20px;
		}
		.headerc-text h2 {
    		font-size: 30px;
    		line-height: 40px;
		}
		.smallc-text {
    		width: 90%;
	    	font-size: 16px;
    		line-height: 35px;
		}
		.descc {
    		padding: 60px 0px;
		}
		.descc h2 {
    		font-size: 22px;
		}
		.descc p {
    		font-size: 14px;
		}
		.featuresc-section ul li {
    		display: block;
    		float: none;
    		width: 90%;
    		margin: 40px auto;
		}
		p.boxc-desc {
   	 		line-height: 30px;
		}
		.storiesc-section ul li {
   	 		float: none;
   	 		margin: 40px auto;
		}	
		.featuresc {
    		padding: 140px 0px;
		}
		.storiesc {
    		padding: 140px 0px;
		}
		.contactc {
    		padding: 140px 0px;
    
		}
}
@media (min-width: 480px) and (max-width: 640px)
{
	.containerc
	{
		width: 440px;
		margin: 0 auto;
		padding: 0px 20px;
	}
	.bannerc
		{
			padding: 140px 0px; /*padding: 140px 0px;*/
		}
		.bigc-text {
    		font-size: 20px;
		}
		.headerc-text h2 {
    		font-size: 30px;
    		line-height: 40px;
		}
		.smallc-text {
    		width: 90%;
	    	font-size: 16px;
    		line-height: 35px;
		}
		.descc {
    		padding: 60px 0px;
		}
		.descc h2 {
    		font-size: 22px;
		}
		.descc p {
    		font-size: 14px;
			width: 100%;
		}
		.featuresc-section ul li {
    		display: block;
    		float: none;
    		width: 80%;
    		margin: 40px auto;
		}
		p.boxc-desc {
   	 		line-height: 30px;
		}
		.storiesc-section ul li {
   	 		float: none;
   	 		margin: 40px auto;
		}	
		.featuresc {
    		padding: 140px 0px;
		}
		.storiesc {
    		padding: 140px 0px;
		}
		.contactc {
    		padding: 140px 0px;
    
		}
}
@media (min-width: 20px) and (max-width: 480px)
{
	.containerc
	{
		width: 280px;
		margin: 0 auto;
		padding: 0px 20px;
	}
	.bannerc
		{
			padding: 140px 0px; /*padding: 140px 0px 60px;;*/
		}
		.bigc-text {
    		font-size: 15px;
		}
		.headerc-text h2 {
    		font-size: 26px;
    		line-height: 40px;
		}
		.smallc-text {
    		width: 90%;
	    	font-size: 15px;
    		line-height: 35px;
		}
		.buttonc-section ul li {
    		margin: 50px 12px;
		}
		.whitec, .greenc {
    		padding: 15px;
		}
		.descc {
    		padding: 60px 0px;
		}
		.descc h2 {
    		font-size: 22px;
		}
		.descc p {
    		font-size: 14px;
			width: 100%;
		}
		.featuresc
		{
			padding: 140px 0px;
		}
		.featuresc-section ul li {
    		display: block;
    		float: none;
    		width: 90%;
    		margin: 40px auto;
		}
		.featuresc-section ul li p
		{
			width: 100%;
		}
		p.boxc-desc {
   	 		line-height: 30px;
			font-size: 14px;
		}
		.storiesc
		{
			padding: 140px 0px;
		}
		.storiesc-section ul li {
   	 		float: none;
   	 		margin: 40px auto;
			width: 260px;
		}
		.story-img img {
    		height: 170px;
    		width: 260px;
		}
		.featuresc {
    		padding: 60px 0px;
		}
		.storiesc {
    		padding: 60px 0px;
		}
		.contactc{
    		padding: 140px 0px;
    
		}
		.contactc-section {
    		width: 80%;
		}
		h3.textc-head {
    		font-size: 20px;
		}
		.menuc {
   			 display: none;
		}
		.logoc {
			float: left;
		}
}
@media only screen and (max-width: 767px){
#mobile-header {
display: block;
}
.headerc
{
	position: fixed;
}
.bannerc {
    padding: 160px 0px 80px; /*padding: 160px 0px 80px;*/
}
.menuc
{
	display: none;
}
}