@media screen and (max-width: 680px) {
	.ecommerce .fixed img {
		width: 100%;
		height: auto;
		margin: -30px 0 -70px 0px;
	}

	.rich-experience .fixed,
	.ecommerce .intro {
		width: 100%;
	}

	.rich-experience .visuals {
		position: initial;
		padding-bottom: 30px;
	}
		.rich-experience .visuals img {
			width: 100%;
			height: auto;

		}

	.home header .shout {
		font-size: 32px;
		line-height: 38px;
	}

	p.intro, .intro p {
		font-size: 18px;
		line-height: 24px;
	}

	.logo-grid img {
		width: 100%;
		max-width: 125px;
		padding-bottom: 30px;
	}

	.live-editor {
   		margin-bottom: 250px;
		background: initial;
	}

		.live-editor .intro {
			width: 100%;
		}

		.live-editor .photo {
			text-align: initial;
			margin-bottom: 0px;
		}

			.live-editor img {
				width: 100%;
			}

		.live-editor .text {
			width: initial;
		}

	.feature .icon-list {
		margin-top: 0px;
		float: initial;
   		margin-left: 30px;
		width: 100%;
	}

	.beautiful-magazines .more {
		padding-bottom: 0px;	
	}

	main ul {
		margin-left: 0px;
	}

	.css-carousel {
		margin-left: 0pc;
		width: 100%;
		position: initial
	}

	.feature .thumb-list {
   		margin-top: 40px;
	}

	.feature .icon-list .text p {
		width: 100%;
	}

	.feature .icon-list .text,
	.feature-list li .text h3 {
		margin-right: 0px;
	}


}