@media (min-width: 1080px) and (max-width: 1200px) {

 .container {

 width: 1040px;

 margin: 0 auto;

 padding: 0px 20px;

}

 .features-section ul li {

 width: 346px;

}

 .stories-section ul li {

 width: 304px;

 margin-bottom:10px;

}

 .story-img img {

 width: 304px;

 height: 195px;

}

 .profile-section {

 margin-top:30px;

}

 .profile-section-left {

 width: 304px;

 text-align: center;

 margin: 0 auto;

 background: red;

 border-right: none;

}

 .profile-section-right {

 width: 600px;

 text-align: left;

 margin: 0 auto;

 background: blue;

}

}

@media (min-width: 768px) and (max-width: 1080px) {

 .container {

 width: 728px;

 margin: 0 auto;

}

 .banner {

 padding: 20px 0px;

}

 .big-text {

 font-size: 22px;

}

 .header-text h2 {

 font-size: 34px;

}

 .small-text {

 width: 85%;

 margin: 0px auto;

 font-size: 16px;

}

 .desc h2 {

 font-size: 25px;

}

 .desc p {

 font-size: 16px;

}

 .features-section ul li {

 width: 242px;

}

 .features-section ul li p {

 font-size: 14px;

 width: 95%;

}

 .contact-section {

 width: 80%;

 margin: 0 auto;

 font-family: 'Open Sans', sans-serif;

}

 .profile-section {

 margin-top:30px;

}

 .profile-section-left {

 width: 204px;

 text-align: center;

 margin: 0 auto;

 border-right: none;

}

 .profile-section-right {

 width: 500px;

 text-align: left;

 margin: 0 auto;

}

}

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

 .container {

 width: 728px;

 margin: 0 auto;

}

 .banner {

 padding: 20px 0px;

}

 .big-text {

 font-size: 22px;

}

 .header-text h2 {

 font-size: 34px;

}

 .small-text {

 width: 85%;

 margin: 0px auto;

 font-size: 16px;

}

 .desc h2 {

 font-size: 25px;

}

 .desc p {

 font-size: 16px;

}

 .features-section ul li {

 width: 242px;

}

 .features-section ul li p {

 font-size: 14px;

 width: 95%;

}

 .contact-section {

 width: 80%;

 margin: 0 auto;

 font-family: 'Open Sans', sans-serif;

}

 .profile-section {

 margin-top:30px;

}

 .profile-section-left {

 width: 204px;

 text-align: center;

 margin: 0 auto;

 border-right: none;

}

 .profile-section-right {

 width: 500px;

 text-align: left;

 margin: 0 auto;

}

/*

	#content {

		width: 94%;

		padding: 3%;	

	}



	#sidebar {

		width: 94%;

		padding: 3%;

		border-top: 3px solid #E64A19;

	}

	*/

}

@media (min-width: 640px) and (max-width: 768px) {

 .container {

 width: 600px;

 margin: 0 auto;

 padding: 0px 20px;

}

 .banner {

 padding: 20px 0px;

}

 .big-text {

 font-size: 20px;

}

 .header-text h2 {

 font-size: 30px;

 line-height: 40px;

}

 .small-text {

 width: 90%;

 font-size: 16px;

 line-height: 35px;

}

		/*.desc {

    		padding: 60px 0px;

			background: #f1f1f1;

		}*/

		.desc {

 padding: 10px 0px;

 /*background: #f1f1f1;*/

}

 .desc h2 {

 font-size: 22px;

}

 .desc p {

 font-size: 14px;

}

 .features-section ul li {

 display: block;

 float: none;

 width: 33%;

 margin: 40px auto;

 float: left;

}

 p.box-desc {

 line-height: 30px;

}

 .stories-section ul li {

   	 		/*float: none;;

   	 		margin: 40px auto;*/

			margin-bottom:10px;

 width: 260px;

}

 .story-img img {

 width: 260px;

 height: 327px;

}

 .features {

 padding: 140px 0px;

}

		/*.stories {

    		padding: 140px 0px;

		}*/

		.stories {

 padding: 10px 0px;

}

 .contact {

 padding: 65px 0px;

}

		/*.contact {

    		padding: 140px 0px;

    

		}*/

		

		.profile-section {

 margin-top:30px;

}

 .profile-section-left {

 width: 180px;

 text-align: center;

 margin: 0 auto;

 border-right: none;

}

 .profile-section-right {

 width: 380px;

 text-align: left;

 margin: 0 auto;

}

}

@media (min-width: 480px) and (max-width: 640px) {

 .container {

 width: 440px;

 margin: 0 auto;

 padding: 0px 20px;

}

 .banner {

 padding: 20px 0px;

}

 .big-text {

 font-size: 20px;

}

 .header-text h2 {

 font-size: 30px;

 line-height: 40px;

}

 .small-text {

 width: 90%;

 font-size: 16px;

 line-height: 35px;

}

		/*.desc {

    		padding: 60px 0px;

			background: #f1f1f1;

		}*/

		.desc {

 padding: 10px 0px;

/* background: #f1f1f1;*/

}

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

}

 p.box-desc {

 line-height: 30px;

}

 .stories-section ul li {

 float: none;;

 margin: 10px auto;

 margin-bottom:20px;

 width: 318x;

}

 .story-img img {

                   /* width: 318px;*/

				   width: 260px;

 height: 327px;

}

		/*.stories-section ul li {

   	 		float: none;;

   	 		margin: 40px auto;

		}	*/

		.features {

 padding: 140px 0px;

}

		/*.stories {

    		padding: 140px 0px;

		}

		.contact {

    		padding: 140px 0px;

    

		}

		*/

		.stories {

 padding: 10px 0px;

}

 .contact {

 padding: 20px 0px;

}

 .profile-section {

 margin-top:30px;

}

 .profile-section-left {

			/*width: 180px;

			text-align: center;

			margin: 0 auto;background: red;*/

			display: block;

 float: none;

 width: 90%;

 margin: 40px auto;

 border-right: none;

}

 .profile-section-right {

			/*width: 380px;

			text-align: left;

			margin: 0 auto;background: blue;*/

			display: block;

 float: none;

 width: 90%;

 margin: 40px auto;

}

}

@media (min-width: 20px) and (max-width: 480px) {

 .container {

    width: 360px;

 margin: 0 auto;

/*padding: 0px 20px;*/

	}

 .banner {

 padding: 20px 0px 60px;;

}

 .big-text {

 font-size: 15px;

}

 .header-text h2 {

 font-size: 26px;

 line-height: 40px;

}

 .small-text {

 width: 90%;

 font-size: 15px;

 line-height: 35px;

}

 .button-section ul li {

 margin: 50px 12px;

}

 .white, .green {

 padding: 15px;

}

 .desc {

 padding: 10px 0px;

/* background: #f1f1f1;*/

}

		/*.desc {

    		padding: 60px 0px;

			background: #f1f1f1;

		}*/

		.desc h2 {

 font-size: 28px;

}

 .desc p {

 font-size: 14px;

 width: 100%;

}

 .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: 10px 0px;*/

		}

		/*.stories

		{

			padding: 140px 0px;

		}

		.stories-section ul li {

   	 		float: none;;

   	 		margin: 40px auto;

			width: 260px;

		}

		*/

		.stories-section ul li {

   	 		/*float: none;;*/

   	 		     margin: 10px 20px;

 width: 320px;

 margin-bottom:-28px;

}

 .story-img img {

    		/*height: 170px;*/

    		width: 300px;

/*	margin-left:-20px;*/

		}

 .features {

 padding: 60px 0px;

}

		/*.stories {

    		padding: 60px 0px;

		}

		.contact {

    		padding: 140px 0px;

    

		}

		*/

		.contact {

 padding: 20px 0px;

}

 .contact-section {

 width: 80%;

}

 h3.text-head {

 font-size: 20px;

}

 .menu {

 display: none;

}

 .logo {

 float: center;

}

 .profile-section {

 margin-top:30px;

}

 .profile-section-left {

			/*width: 180px;

			text-align: center;

			margin: 0 auto;background: red;*/

			display: block;

 float: none;

 width: 100%;

 margin: 40px auto;

 border-right: none;

}

 .profile-section-right {

			/*width: 380px;

			text-align: left;

			margin: 0 auto;background: blue;*/

			display: block;

 float: none;

 width: 100%;

 margin: 40px auto;

}

}



@media only screen and (max-width: 767px) {

#mobile-header {

display: block;

}

.header {

/* position: fixed;*/

 top : 0;

 z-index: 200;

}

.banner {

 padding: 20px 0px 80px;

}

.menu {

 display: none;

}

}

 @media only screen and (max-width:320px) {

 .container {

 width: 309px !important;

 margin: 0 auto;

/*padding: 0px 20px;*/

padding:0px;

	}

 .stories-section ul li {

   	 		/*float: none;;*/

   	 		    margin: 10px 5px !important;

 width: 300px;

 margin-bottom:-28px;

}

}

/* @media screen and (min-width: 1280px) {

 .bannar-img {

 position:relative;

 margin-top:7px !important;

}

}*/

/* @media screen and (min-width: 960px) {

 .bannar-img {

 position:relative;

 margin-top:0px !important;

}

}*/

 @media screen and (min-width: 767px) {

 .ipad-font {

 padding-left:35px !important

}

}

 @media screen and (min-width: 1024px) {

 .ipad-font {

 padding-left:95px !important

}

}

 @media screen and (min-width: 1280px) {

 .ipad-font {

 margin-left:-90px !important;

}

}

 @media screen and (min-width: 960px) {

 .ipad-font {

 padding-left:100px !important;

}

}

@media only screen and (min-width:773px) {

 .ipad-font {

 padding-left:100px !important;

}

}



 /*@media screen and (device-width: 1024px) {

 .wrapper-menu {

 max-width:198px !important;

}

}*/

 @media (min-width:769px) {

 .abc {

 display:none;

}

}

@media only screen and (max-width: 769px) {

 .doc-list {

 background-color:#999;

 display:none;

}

}





 @media (min-width:769px) {

 .abc {

 display:none;

}

}

 @media only screen and (max-width: 769px) {

 .doc-list {



 display:none;

}

}





@media only screen and (max-width:769px)

{

	.header-default 

	{

    box-sizing: border-box;

    width: 100%;

    border: 1px solid #d1d1d1;

    border-radius: 4px 4px 0 0;

    background-color: #edecec;

    color: #c646df;

    margin-bottom: -0.9em !important;

    cursor: pointer;

    padding: 14px 9px;

    font-size: 17px !important;

    font-family: 'Open Sans', sans-serif;

    line-height: 24px !important;

}

}



 /*@media only screen and (max-width: 769px) {

.bannar-img

{

	position:relative;

	margin-top:95px !important;

}

}*/

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : portrait)

{

	.bannar-img

{

	position:relative;

	margin-top:0px !important;

}

}