@media screen and (max-width: 991px) {
	.mobile-container{
		height: auto;
		padding: 40px;
	}

	.nav-main {
		padding: 0 40px;
		height: 72px;
	}

	/* FEED */

	.feed {
		padding: 40px 24px;
		flex-wrap: wrap;
	}

	.search-container{
		padding: 40px 24px;
	}
	
	.intro-date,
	.intro-title {
		padding: 0 20px;
	}

	.feed .highlights,
	.feed .news,
	.feed .explore {
		width: 100%;
		padding: 0;
		border: 0;
	}

	.feed .highlights .fade-out a {
		padding: 40px;
	}

	.feed .highlights .fade-out a .link-title {
		transform: translateY(0%);
	}

	.sticky-switch-bar {
		right: 60px;
	}

	.feed .highlights .fade-out a .link-title .title span {
		font-size: 40px;
	}

	.feed .highlights .fade-out a .link-title .intro-link {
		display: none;
	}

	.feed .news {
		padding: 40px 0 0;
	}

	.feed .news .right {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.feed .news .right h3 {
		width: 100%;
	}

	.feed .news .fade-out {
		width: 50%;
		height: auto;
	}

	.feed .news .fade-out:nth-child(even) {
		padding: 0 20px 40px 0;
	}

	.feed .news .fade-out:nth-child(odd) {
		padding: 0 0 40px 20px;
	}

	.feed .news .fade-out .small-image-link {
		margin: 0;
		height: auto;
		padding: 0;
	}

	.feed .news .fade-out .small-image-link div {
		height: 320px;
		margin: 0;
		flex: auto;
	}

	.feed .news .fade-out .small-image-link p {
		margin: 20px 0;
	}

	.nav-main .nav-right .nav-button,
	.nav-main .nav-right .nav-store {
		display: none;
	}

	/* STICKY AUTOR */

	.explore .sticky-autor {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: center;
	}

	.explore .sticky-autor .tags {
		width: 100%;
	}

	.explore .sticky-autor .photo {
		display: inline-block;
		text-align: left;
	}

	.explore .sticky-autor .photo img {
		width: 256px;
		height: 256px;
	}

	.explore .sticky-autor .photo,
	.explore .sticky-autor .text-cont {
		width: 50%;
	}

	/* DISCOVER */

	.discover-container {
		padding: 40px;
		flex-direction: column-reverse;
	}

	.discover-container .text-sticky,
	.discover-container .section-image {
		width: 100%;
		margin: 0;
	}

	.discover-container .text-sticky {
		height: auto;
		justify-content: flex-end;
	}

	.discover-container .text-sticky .text-container {
		padding: 20px;
		height: 320px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	/* GALLERY */

	.latest {
		padding: 40px 0;
	}

	.latest .latest-header {
		padding: 0 40px;
	}

	.gallery-container {
		width: 200%;
	}

	.gallery-container .gallery-wrapper {
		width: 50%;
	}

	.gallery-container .img-wrapper img {
		max-width: 23vw;
	}
	.gallery-container .img-wrapper {
		margin: 20px!important;
		padding: 0!important;
	}

	/* FOOTER */

	.footer {
		padding: 40px;
	}

	.footer .sign-up {
		flex-wrap: wrap;
		padding: 0;
	}

	.footer .sign-up .title,
	.footer .sign-up .form-field {
		width: 100%;
	}

	.footer .sign-up .title {
		padding: 0 0 40px 0;
	}

	.footer .sign-up .form-field {
		padding: 0 0 40px 0;
		margin: 0;
	}

	.footer .footer-links {
		justify-content: flex-start;
		flex-wrap: wrap;
		padding: 40px 0;
	}

	.footer .footer-links .about-us {
		max-width: 100%
	}

	.footer .footer-links .about-us p {
		margin: 24px 0;
	}

	.footer .footer-links .footer-nav {
		width: 100%;
		margin: 0;
	}

	.footer .footer-links .footer-nav li a {
		font-weight: bold;
	}

	.footer .footer-links .footer-nav li .nav-button {
		padding: 7px 0;
	}

	/* MAIN MENU */

	.mobile-topics li a:after {
		display: none;
	}

	.mobile-topics li a {
		font-size: 32px;
		padding: 0.2em 18px;
	}

	/* ARTICLE */

	.intro,
	.intro-wrap {
		padding: 0;
	}

	.cream-frame {
		padding: 40px 20px 20px;
	}

	.intro-detail {
		padding: 40px 40px 40px 200px;
	}

	.intro-title {
		font-size: 40px;
	}

	.article {
		padding: 40px 0;
	}

	.intro-text-container {
		padding: 0 0 0 80px;
	}

	.article-p {
		padding: 0 40px 0 120px;
	}

	.article-bq {
		margin: 40px;
	}

	.article-img {
		margin: 40px;
	}

	.article-img span {
		height: 420px;
	}

	.more-cont {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.more-title {
		width: 100%;
		padding: 0 0 40px 0;
		position: static;
		font-size: 40px;
	}

	.more-list {
		margin: 0;
		padding: 40px;
	}

	.more-item {
		padding: 0 20px 0 0;
	}

	.more-item:last-child {
		padding: 0 0 0 20px;
	}

	.main-highlight {
		padding: 40px;
		width: calc(100% - 160px);
	}

	.social-ref {
		padding: 40px 40px 40px 0;
		width: 160px;
	}

	.title, .title-l {
		font-size: 40px;
	}

	.hightlight-text-container {
		padding: 0 0 0 80px;
	}

	.sticky-section {
		flex-flow: row wrap;
		margin: 0;
	}

	.sticky-section .sticky-card {
		top: 0;
		margin: 0 0 20px 0;
	}

	.sticky-section .parallax-cards {
		margin: 40px 0;
	}

	.sticky-section .sticky-card,
	.sticky-section .parallax-cards {
		width: 100%;
		position: relative;
		padding: 0;
	}

	.parallax-cards {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
	}

	.parallax-cards .more-item {
		width: 50%;
		margin: 0;
	}

	.parallax-cards .more-item:nth-child(odd) {
		padding: 20px 20px 20px 0;
	}

	.parallax-cards .more-item:nth-child(even) {
		padding: 20px 0 20px 20px;
	}

	.slider-section {
		/* width: calc(100% + 80px);
		margin: 0 -40px; */
	}

	.hightlight-img-wrapper {
		min-height: 60vh;
	}

	.slide-info {
		padding: 32px;
	}

	.slide-info .slide-title {
		font-size: 24px;
	}

	.page-title-cont,
	.page-title {
		padding: 40px;
	}


	.large-autor-photo {
		width: 256px;
		height: 256px;
	}

	.autor-desc {
		padding: 0;
	}

	.main-white-cont {
		margin: 0 auto 40px;
	}

	.sticky-section .parallax-cards {
		margin: 0;
	}

	.white-frame {
		padding: 40px 40px 0;
	}

	.more-list-large .more-item {
		padding: 0 20px 0 20px;
		margin: 0 0 40px;
	}

	.more-list-large {
		margin: 0 -20px;
	}

	.more-list-large .more-item:nth-child(-n+2) > .more-wrapper > span {
		height: 420px;
	}

	.more-list-large .more-item:nth-child(-n+2) .more-item-title {
		font-size: 28px;
	}

	.more-list-large .more-item .more-wrapper {
		padding-bottom: 40px;
	}

	.more-list-large .more-item:nth-child(n+3) {
		margin-bottom: 40px ;
	}

	.latest.cream {
		padding: 0 0 40px;
	}

	.latest.cream .latest-header {
		margin: 40px 0 24px;
	}

	.cream .gallery-container {
		margin: 0 0 40px;
	}

	.parallax-text-cont {
		padding: 40px 40px 40px 160px;
	}

	.parallax-text-cont .first {
		padding: 0 20px 0 0;
	}

	.parallax-text-cont .second {
		padding: 0 0 0 20px;
	}

	.title-m {
		font-size: 28px;
	}

	.title-xl {
		font-size: 52px;
	}

	.hero-title {
		padding: 40px;
	}

	.narrow-frame {
		flex-wrap: wrap;
	}

	.narrow-frame .autors-card {
		width: 100%;
		padding: 40px;
		border-bottom: 2px solid #FFF;
	}

	.narrow-frame .autors-card:nth-child(1) {
		border-right: 0;
	}

	.img-txt-section {
		padding: 40px;

	}

	.img-txt-section .section-container .txt-container {
		padding: 0 40px 0 0;
		width: 45%;
	}

	.img-txt-section .section-container .double-layer-container {
		width: 55%;
		position: relative;
	}

	.img-txt-section .section-container .double-layer-container .second-layer-m {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		width: 23vw;
		height: 58vh;

	}

	.img-txt-section .section-container .double-layer-container .first-layer-l{
		width: 37vw;
		height: 92vh;
	}

	.mg-min-40 {
		margin: 0 -20px;
	}

	.pd-lr-40 {
		padding: 0 20px;
	}

	.thumb-title span {
		font-size: 60px;
	}

	.contact-info .contact-adress{
		margin: 40px 0;
	}

	.hero-date {
		margin: 0 0 24px 0;
	}

	.border-container .row-wrap .advices,
	.border-container .row-wrap .contact-form {
		width: 100%;
		padding: 40px;
	}

	.border-container .row-wrap .advices .accordeon:first-child {
		margin: 0 0 20px 0;
	}

	.border-container .row-wrap .advices .accordeon {
		margin: 20px 0;
	}

	.border-container .row-wrap .advices .accordeon .hidden-text {
		padding: 0 0 20px 0;
	}

	.border-container .row-wrap .advices {
		border-right: 0;
		border-bottom: 2px solid #FFF;
	}

	/* DEMO PAGE*/

	.demo-container {
		padding: 40px;
	}

	.demo-list {
		flex-wrap: wrap;
		margin: 0;
		padding: 40px
	}

	.demo-section .demo-title .title {
		padding: 0 0 40px 0;
	}

	.demo-list .demo-section .demo-item {
		margin: 0;
	}

	.spec-title {
		padding: 0 40px;
	}

}