/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

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

	.portfolio-1 figcaption {
		top: 83%;
	}

}

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

	.contact-1 br {
		display: none;
	}

	.contact-1 .wpcf7-form .file-container {
		flex-wrap: wrap;
		justify-content: center;
	}

	.contact-1 .wpcf7-form .file-container h4 {
		margin-bottom: 2rem;
		flex-basis: 100%;
	}

	.contact-1 .wpcf7-form .file-container p {
		flex-basis: 100%;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
	}

	.contact-1 .wpcf7-form .file-container span {
		margin-bottom: 1rem;
	}
}

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

	.front-6 .products {
		flex-wrap: wrap;
	}

	.front-6 .product {
		flex-basis: 47.5%;
		margin-bottom: 6em;
	}

	.front-6 li.product .product-info {
		border-bottom: 1px solid #cbc9ca;
		padding-bottom: 0.5em;
	}

	.front-6 .light-button {
		margin-top: 0;
	}

	.blog-feed {
		flex-direction: column;
	}

	.blog-feed main {
		width: 100%;
		padding-right: 0;
		border-right: none;
	}

	.blog-feed .widget-area {
		max-width: 600px;
		width: 100%;
		margin: 0 auto;
		padding-left: 0;
		padding-top: 4rem;
		border-top: 1px solid #CBC9CA;
	}

}

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

	.site-header .header-flex {
		display: none;
	}

	.site-header .nav-r {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
}

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

	/* PORTFOLIO */

	.portfolio-1 figure {
		flex-basis: 100%;
		margin-bottom: 10rem;
	}

	.portfolio-1 figcaption {
		top: 90%;
		bottom: -10%;
		right: 15%;
		left: 15%;
	}

	/* WOOCOMMERCE */

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 30%;
		flex-basis: 30%;
		margin: 0 4.9% 6em 0;
	}

	.woocommerce ul.products li.last,
	.woocommerce-page ul.products li.last {
		margin-right: 5%;
	}

	.woocommerce ul.products li:nth-child(3n),
	.woocommerce-page ul.products li:nth-child(3n) {
		margin-right: 0;
	}

}

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

	/* FOOTER */

	footer .wrapper {
		flex-wrap: wrap;
	}

	footer .newsletter-column {
		margin: 0 auto;
		flex-basis: 90%;
	}

	footer .column-container {
		flex-basis: 100%;
	}

	footer .newsletter-column h2 {
		text-align: center;
		margin: 0;
		max-width: none;
	}

	footer .ctct-form-wrapper {
		margin: 2rem auto 4rem;
		text-align: center;
	}

	footer .column-container {
		border-top: 1px solid #CBC9CA;
		padding-top: 4rem;
	}

	footer .menu-column:first-of-type,
	footer .menu-column:nth-of-type(3) {
		display: none;
	}

	footer .menu-column {
		padding: 0;
	}

	footer .menu-column h3 {
		display: none;
	}

	footer .menu-info-container {
		width: 100%;
	}

	footer .menu-info-container ul {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		width: 90%;
		margin: 0 auto;
	}

	/* HOME */

	.front-2 .recent-post-container {
		flex-wrap: wrap;
	}

	.front-2 .recent-post {
		flex-basis: 100%;
		border-bottom: 1px solid #cbc9ca;
		margin-bottom: 5rem;
	}

	.front-2 .recent-post:last-of-type {
		margin-bottom: 0;
	}

	.front-3 .slick-next {
		right: -7%;
	}

	.front-3 .slick-prev {
		left: -7%;
	}

	.front-4 .products {
		justify-content: space-between;
		width: 100%;
	}

	.front-4 .product {
		flex-basis: 48%;
	}

	.front-4 .product:last-of-type {
		display: none;
	}

	.front-5 .lines {
		margin-bottom: 3rem;
	}

	.front-5 .outline {
		border: none;
		padding: 2rem 0 0;
	}

	.front-5 .instagram-pics {
		width: 100%;
	}

	.front-5 .instagram-pics li {
		flex-basis: 47.5%;
	}

	.front-5 .instagram-pics li:nth-of-type(5),
	.front-5 .instagram-pics li:nth-of-type(6) {
		display: none;
	}

	/* PORTFOLIO */

	.single .project-splash-image {
		max-width: none;
		max-height: 500px;
		width: auto;
	}

	.project-meta {
		flex-wrap: wrap;
		padding-top: 3rem;
	}

	.project-meta-left,
	.project-meta-right {
		flex-basis: 100%;
		margin-top: 0;
		padding: 0;
	}

	.project-meta-left {
		flex-direction: column;
	}

	.project-meta-left .btn {
		width: 260px;
		height: 68px;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 2rem;
		padding: 1.4rem 0;
		cursor: pointer;
	}

	.project-meta-right {
		border: none;
		padding: 0;
		text-align: center;
		display: flex;
		justify-content: center;
		margin-top: 1rem;
	}

	.source-list {
		top: -10rem;
	}

	.single-project .project-img {
		width: 100%;
		 margin-right: 0;
	}

}

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

	.press-1 {
		flex-direction: column;
	}

	.press-item {
		flex-basis: 100%;
	}

}

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

	.portfolio-1 figcaption {
		top: 85%;
		bottom: -13%;
		right: 13%;
		left: 13%;
	}

	.single-project .outline,
	.single .outline {
		justify-content: center;
	}

	.source-box {
		flex-basis: 100%;
	}

	/* WOOCOMMERCE */

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 48%;
		flex-basis: 48%;
		margin: 0 3.75% 4em 0;
	}

	.woocommerce ul.products li:nth-child(3n),
	.woocommerce-page ul.products li:nth-child(3n){
		margin-right: 4%;
	}

	.woocommerce ul.products li:nth-child(2n),
	.woocommerce-page ul.products li:nth-child(2n),
	.woocommerce ul.products li.last,
	.woocommerce-page ul.products li.last {
		margin-right: 0;
	}

	.woocommerce li.product .product-info {
		border-bottom: 1px solid #cbc9ca;
		padding-bottom: 0.5em;
	}

	.woocommerce #shop-categories {
		display: none;
	}

}

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

	body {
		font-size: 14px;
	}

	.site-header .site-logo {
		margin: 5rem auto 4rem;
	}

	/* HOME */

	.home section {
		padding: 5rem 0;
	}

	.home .front-2 {
		padding-bottom: 5rem;
	}

	.front-3 .wrapper {
		width: 90%;
	}

	.front-3 .slick-next,
	.front-3 .slick-prev {
		display: none !important;
	}

	.lines {
		margin: 0 auto 3rem;
	}

	/* SERVICES */

	.services-1 h2 {
		width: 100%;
	}

	.services-container {
		flex-wrap: wrap;
	}

	.services-box {
		flex-basis: 100%;
	}

	.services-box h4 {
		text-align: center;
	}

	/* ABOUT */

	.about-2 h2 {
		width: 90%;
	}

	.about-box {
		flex-basis: 100%;
		margin-bottom: 5rem;
	}

	.about-box:last-of-type {
		margin-bottom: 0;
	}

	/* CONTACT */

	.contact-1 .half-inputs span {
		flex-basis: 100%;
	}

	.contact-1 .wpcf7-checkbox span {
		flex-basis: 50%;
	}

	.contact-1 .file-container p {
		display: block;
		text-align: center;
	}

	.contact-1 .file-container p input[type="file"] {
		margin-bottom: 1rem;
	}

	.contact-1 .file-container h4 {
		margin-bottom: 2rem
	}

	.contact-1 .submit-container {
		justify-content: center;
	}

	.contact-1 input[type="submit"] {
		width: 260px;
	}

	/* PROJECTS */

	.single .source-list {
		padding: 2rem 1rem;
	}

	.single .source-list .outline {
		padding: 2rem;
	}

	.source-list .source-list-close {
		right: 4%;
		top: 0;
		font-size: 1.5rem;
	}

	.portfolio-1 figcaption {
		top: 80%;
		bottom: -15%;
		right: 2%;
		left: 2%;
	}

	.portfolio-1 h2 {
		font-size: 1.5rem;
	}

	/* WOOCOMMERCE */

	.single-product .product-sharing-menu {
		float: none;
		margin: 3rem auto 0;
	}

	.single-product .related {
		padding-top: 1rem;
	}

	.single-product .related h2 {
		text-align: center;
	}

	.single-product .related h2:after {
		display: none;
	}

	.single-product .related ul.products {
		flex-wrap: wrap;
	}

	.single-product .related ul.products li.product {
		flex-basis: 100%;
		margin-right: 0;
		margin-bottom: 4rem;
	}

	.woocommerce-cart table.cart td.actions .coupon input {
		width: 100% !important;
		margin-bottom: 8px !important;
	}

}

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

	/* WOOCOMMERCE */

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 100%;
		flex-basis: 100%;
		margin: 0 auto 4rem;
	}

	.woocommerce ul.products li:nth-child(3n),
	.woocommerce-page ul.products li:nth-child(3n),
	.woocommerce ul.products li:nth-child(2n),
	.woocommerce-page ul.products li:nth-child(2n),
	.woocommerce ul.products li.last,
	.woocommerce-page ul.products li.last {
		margin-right: 0 auto 4rem;
	}

}

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

	.front-6 .product {
		flex-basis: 100%;
		margin: 0 auto 4rem;
	}

	.contact-1 .contact-text-container p {
		width: 100%;
	}

	.contact-1 .checkbox-container {
		width: 100%;
	}

}