/* @Media */
@media (max-width: 767px) {
	.about .col_left, .about .col_right {
		width: 100%;
	}
	.about .col_right {
		position: relative;
	}
	.about .wrapper {
		padding: 80px 0;
	}
	.about-card {
		width: 100%;
		padding: 60px 20px;
	}
	.about-card .pic img {
		width: 90%;
	}
	.tenceldream-bg {
		display: none;
	}
}

@media (min-width: 575.98px){
    .side-menu, .contacts-menu {
        width: 60%;
    }
    .tencel-logo {
    	font-size: 62px;
    }
    .spb-logo {
    	font-size: 12px;
    }
    .textile {
    	padding: 300px 0 100px;
    }
    .textile .wrapper {
    	padding: 0 5%;
    }
    .textile .row2 {
		height: 650px;
	}
    .textile .item1 {
		width: 400px;
		height: 500px;
		float: left;
	}
	.textile .item2 {
		width: 480px;
		height: 600px;
		float: right;
	}
	.textile .item3 {
		width: 700px;
		height: 560px;
		float: left;
		margin-top: 50px;
	}
	.textile .item4 {
		width: 300px;
		height: 375px;
		float: right;
		margin-top: -50px;
	}
	.textile .item1:after {
		display: block;
		content: '';
		position: relative;
		background: rgba(183, 162, 132, 0.15);
		transform: translate(-40px,-470px);
		height: 100%;
		z-index: -1;
	}
	.textile .item2:after {
		display: block;
		content: '';
		position: relative;
		background: rgba(183, 162, 132, 0.15);
		transform: translate(30px,-650px);
		height: 100%;
		z-index: -1;
	}
	.textile .item3:after {
		display: block;
		content: '';
		position: relative;
		background: rgba(183, 162, 132, 0.15);
		transform: translate(-30px,-590px);
		height: 100%;
		z-index: -1;
	}
	.textile .item4:after {
		display: block;
		content: '';
		position: relative;
		background: rgba(183, 162, 132, 0.15);
		transform: translate(30px,-310px);
		height: 100%;
		z-index: -1;
	}
	.textile.tencel .item1:after,.textile.tencel .item2:after,.textile.tencel .item3:after,.textile.tencel .item4:after {
		background: #E5D5C7;
	}
	.textile.satin .item1:after,.textile.satin .item2:after,.textile.satin .item3:after,.textile.satin .item4:after {
		background: #F4F5FB;
	}
	.textile.wear .item1:after,.textile.wear .item2:after,.textile.wear .item3:after,.textile.wear .item4:after {
		background: #CCC1BF;
	}
	.textile .central {
		margin: 60px 0;
	}
	.textile .central h2 {
		font-size: 64px;
	}
	.textile .central h2 i {
		transform: translateX(100px);
	}
	.insta-feed .insta-pic{
		flex: 0 0 33.333333%;
	}
	.insta-feed .insta-pic:nth-child(1),.insta-feed .insta-pic:nth-child(3) {
		margin-top: 140px;
	}
	.insta-feed .insta-pic:nth-child(3n+5) {
		margin-top: -140px;
	}
	.insta-feed .insta-pic:nth-child(n+4) {
		display: block;
	}
	.insta-link {
		margin: 0;
	}
	.insta-wideline {
		height: 900px;
		margin-top: 860px;
	}
	.contacts-title {
		font-size: 80px;
	}
	.contacts-links {
		flex-direction: row;
	}
	.contacts-links .mail {
		font-size: 50px;
	}
	.address ul {
		margin: 114px 0 0 -170px;
	}
	.nav-links ul {
		margin: 114px 0 0 40px;
	}
}

@media (min-width: 767.98px){
    .side-menu, .contacts-menu {
        width: 50%;
    }
    .side-nav .navbar-nav .nav-link {
    	font-size: 1.5rem;
    }
}

@media (min-width: 991.98px) {
    .side-menu, .contacts-menu {
        width: 40%;
    }
    .tencel-logo {
    	font-size: 76px;
    }
    .spb-logo {
    	font-size: 14px;
    }
}

@media (min-width: 1199.98px){
    .side-menu, .contacts-menu {
        width: 20%;
    }
		.tenceldream-bg {
			left: -5%;
		}
}
/* by max-width */
@media screen and (max-width: 1920px){
	.decor__item {
		max-width: 700px;
	}
}
@media screen and (max-width: 1680px){
	.decor__item {
		max-width: 600px;
	}
}
/*** Desktops, large screens ***/
@media screen and (max-width: 1200px){
	.tenceldream-bg {
		left: -20%;
	}
	.decor__item {
		max-width: 500px;
	}
	.catalogFooterMenu__title {
		font-size: 100px;
		margin-top: -110px;
	}
}
/*** Small screens, laptops ***/
@media screen and (max-width: 1024px){
	.only-mobile {
		display: flex !important;
	}
	.only-desktop {
		display: none !important;
	}
	.collection-header .wrapper {
		margin: 0 40px;
	}
	.collection-header .bg {
		width: 80%;
		margin: -110px auto 0;
	}
	.collection-header .title {
		font-size: 160px;
	}
	.collection-colors .wrapper {
		
	}
	.colors-wrapper {
		padding: 0 20px;
	}
	.product-header .wrapper {
		margin: 0 40px;
	}
	.product-header .bg {
		width: 80%;
	}
	.product-desc .wrapper {
		width: 90%;
		margin: 0 auto;;
	}
	.product-desc__title {
		font-size: 90px;
	}
	.collection-benefits .wrapper {
		padding: 100px 20px;
	}
	.collection-order {
		background-position: 38% 0;
	}
	.textile-wrapper {
		flex-direction: column;
	}
	.textile-gallery, .textile-prices {
		width: 100%;
	}
	.textile-prices {
		padding-top: 60px;
		max-width: none;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.textile-gallery .fotorama__wrap {
		margin: 0 auto;
	}
	.colors-item {
		width: calc(100% / 2 - 14px);
	}
	.decor__item {
		max-width: 400px;
	}
	.decor__title {
		font-size: 24px;
	}
	.decor__description {
		font-size: 18px;
	}
	.catalogFooterMenu__title {
		font-size: 90px;
		margin-top: -100px;
	}
	.greetings {
		flex-direction: column;
	}
	.greetings .photo {
		margin: 0 auto;
		padding-bottom: 80px;
	}
	.gift-social-contacts__wrapper {
		flex-direction: column;
		padding: 60px 10px;
	}
}
/*** iPads, Tablets ***/
@media screen and (max-width: 768px){
	.collection-header .wrapper {
		margin: 0 30px;
	}
	.collection-header .bg {
		margin: -55px auto 0;
	}
	.collection-header .title {
		font-size: 120px;
	}
	.collection-desc .wrapper {
		flex-direction: column-reverse;
	}
	.collection-desc__img img {
		padding-top: 160px;
	}
	.product-header .wrapper {
		margin: 0 30px;
	}
	.product-header .bg {
		
	}
	.collection-desc__img img {
		padding-top: 160px;
	}
	.collection-order {
		background-position: 44% 0;
	}
	.textile {
		padding: 80px 0 140px;
	}
	.page-header h1 {
		font-size: 60px;
	}
	.page-content .wrapper {
		padding: 140px 0 80px;
	}
	.colors-pick {
		margin-top: 0;
	}
	.colors-count {
		padding-top: 0;
	}
	.decor__item:nth-child(n) {
		grid-column: 2 span;
	}
	.decor__item:nth-child(2n) {
		margin-bottom: 60px;
	}
	.catalogFooterMenu {
		flex-direction: column;
	}
	.catalogFooterMenu__title {
		font-size: 70px;
		margin-top: -90px;
	}
}
/*** Mobile devices ***/
@media screen and (max-width: 480px){
	.collection-header .wrapper {
		margin: 0 20px;
	}
	.collection-header {
		padding-top: 160px;
	}
	.collection-header .bg {
		margin: 0 auto;
	}
	.collection-header .title {
		font-size: 70px;
	}
	.collection-desc .wrapper {
		padding: 100px 30px;
	}
	.collection-desc__text p {
		font-size: 22px;
	}
	.product-header .wrapper {
		margin: 0 20px;
	}
	.product-header {
		padding-top: 160px;
	}
	.product-header .bg {
		margin: 50px auto -100px;
	}
	.product-desc .wrapper {
		padding: 160px 0;
	}
	.product-desc__title {
		font-size: 46px;
	}
	.product-desc__text {
		font-size: 26px;
	}
	.product-desc__pantone {
		text-align: center;
	}
	.colors-wrapper {
		padding: 0;
	}
	.colors-picker__catalog {
    padding: 40px 10px;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
	.heading {
		font-size: 42px;
	}
	.collection-benefits .wrapper {
		flex-direction: column;
	}
	.benefit-item {
		padding-bottom: 40px;
	}
	.collection-order {
		background-position: 52% 0;
	}
	.countControl {
		margin-left: 20px;
	}
	.typeControl {
		margin-left: 20px;
		width: 240px;
	}
	.intro-text .text {
		font-size: 1.8em;
	}
	.greetings {
		padding: 0;
	}
	.greetings .photo img {
		width: 100%;
		min-width: auto;
	}
	.gift-social-contacts__text {
		font-size: 22px;
	}
	.text p {
		font-size: 22px;
	}
	.about-text {
		padding: 60px 14px 10px;
	}
	.textile {
		padding: 40px 0 80px;
	}
	.about-card {
		padding: 60px 14px;
	}
	.insta-block .insta-block__description .text {
		font-size: 1.8em;
	}
	.insta-block .insta-block__description .title {
		font-size: 48px;
		line-height: 52px;
	}
	.insta-block .insta-block__description {
		width: 100%;
	}
	.page-header h1 {
		font-size: 40px;
	}
	.page-content .wrapper {
		padding: 100px 0 20px;
	}
	.page-content h2 {
		font-size: 30px;
	}
	.colors-item {
		width: 100%;
	}
	.collection-catalog .wrapper {
    padding: 130px 20px;
    margin: 0 auto;
	}

}