/*
 * All Responsive Styles Used in this Elston Splash Page
 * Author & Copyright: VictorThemes
 * URL: http://themeforest.net/user/VictorThemes
 */

/* 1320 & 1225 */

/* Desktop Small Size */
@media screen and (max-width:1360px) {
	.elstn-wrapper {width: 95%;}
}
@media screen and (max-width:1300px) {
	#portfolio-grid-columns .section-images .section-img-two {right: 40px;}
}
@media (max-width: 1250px) {
	#key-features .features-wrap {width: 95%;}
	.features-wrap .features-list {padding: 30px 10px 10px;}
}
@media (max-width: 1024px) {
	.features-wrap .features-list {width: 16.4%;height: auto;margin-right: 4.5%;margin-bottom: 28px;padding: 30px 10px 25px;}
	#portfolio-grid-columns .section-images {float: right;width: 50%;}
	#portfolio-grid-columns .section-content {width: 40%;}
	#portfolio-grid-columns .section-images .section-img-one {left: 0;width: 80%;}
	#portfolio-grid-columns .section-images .section-img-two {right: 30px;}
	#portfolio-grid-columns {margin-bottom: 65px;}
	#blog-styles {margin-top: 85px;margin-bottom: 80px;}
	#amazing-demos {margin-bottom: 80px;}
	#single-projects {margin-bottom: 70px;}
	#hover-styles {margin-bottom: 240px;}
	#blog-styles .section-content {width: 40%;}
	#blog-styles .section-images {width: 60%;}
	#blog-styles .section-images .section-img-two {right: 40px;}
}
@media (max-width: 992px) {
	section > p {width: 60%;}
}

@media screen and (max-width:979px) {
	#portfolio-grid-columns .section-content {width: 50%;}
	#portfolio-grid-columns .section-images {width: 40%;}
	#portfolio-grid-columns .portfolio-columns .port-columns {margin-right: 60px;}
}

@media screen and (max-width:960px) {
	#blog-styles .section-images {width: 40%;}
	#blog-styles .section-content {width: 50%;}
}

@media (max-width: 800px) {
	.headroom {
		position: relative;
		top: 0;left: 0;right: 0;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.headroom--unpinned {top: 0;}
	.headroom--pinned {top: 0;}
	.elstn-wrapper {padding: 80px 0;}
	.features-wrap .features-list {width: 21.12%;float: none;display: inline-block;}
	.features-wrap .features-list:nth-child(5n) {margin-right: 4.5%;}
	.features-wrap .features-list:nth-child(4n) {margin-right: 0;}
	#blog-styles .section-images,
	#portfolio-grid-columns .section-images {display: none;}
	#blog-styles .section-content,
	#portfolio-grid-columns .section-content {width: 100%;}
	#hover-styles {margin-bottom: 100px;}
	#portfolio-grid-columns {margin-bottom: 0;}
	#portfolio-grid-columns .portfolio-columns .port-columns,
	#portfolio-grid-columns .portfolio-columns .port-columns:nth-child(2n) {margin-bottom: 0;margin-right: 30px;}
	#blog-styles .section-content br {display: none;}
}
@media (max-width: 768px) {
	#blog-styles {margin-bottom: 30px;}
	.features-wrap .features-list {width: 21%;}
	#portfolio-grid-columns .portfolio-columns {text-align: center;}
	#portfolio-grid-columns .portfolio-columns .port-columns {float: none;display: inline-block;}
	#blog-styles .blog-styles .bg-style {width: 48%;margin-right: 2%;}
}
@media (max-width: 667px) {
	#amazing-demos .layout-demo,
	#single-projects .layout-demo {width: 58%;float: none;margin-right: 0;display: inline-block;margin-bottom: 30px;}
	#single-projects .layout-demo .demo-img,
	#amazing-demos .layout-demo .demo-img {float: left;}
	section > p {width: 95%;}
	.features-wrap .features-list {width: 28%;}
	#blog-styles .blog-styles {text-align: center;}
	#blog-styles .blog-styles .bg-style {width: 65%;margin-right: 0;float: none;display: inline-block;text-align: left;}
}
@media (max-width: 508px) {
	#amazing-demos .layout-demo,
	#single-projects .layout-demo {width: 78%;}
	#portfolio-grid-columns .portfolio-columns .port-columns,
	#portfolio-grid-columns .portfolio-columns .port-columns:nth-child(2n) {margin-bottom: 20px;}
	#blog-styles .blog-styles .bg-style {width: 85%;margin-bottom: 20px;}
	#key-features .features-wrap {width: 100%;}
	.features-wrap .features-list {width: 35%;}
}

@media (max-width: 414px) {
	.features-wrap .features-list {width: 40%;}
}
@media (max-width: 375px) {
	.features-wrap .features-list {width: 90%;}
}
@media (max-width: 360px) {
	#blog-styles .blog-styles .bg-style {width: 100%;}
}