@media screen and (max-width: 767px) {
	.title-wrap h1 {
	    font-size: 88px;
	    letter-spacing: -1px;
	}
	.nav-mobile{
		overflow: auto;
	}

	.about-us-text {
		display: none;
	}

	.nav-main {
		padding: 0 20px;
		height: 64px;
	}

	.feed {
		border: 0;
		padding: 20px;
	}

	.search-container{
		padding: 20px;
	}

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

	.sticky-switch-bar a {
		padding: 12px;
	}

	.feed .highlights .fade-out {
		padding: 0;
	}

	.feed .highlights .fade-out .image-link {
		padding: 20px;
		min-height: 512px;
		margin: 0 0 20px 0;
	}

	.feed .highlights .fade-out .image-link .link-title .title span {
		font-size: 36px;
		line-height: 1em;
		letter-spacing: 0;
		font-weight: 400;
		text-align: center;
	}

	.link-title .date {
		padding: 0 0 8px 0;
	}

	.link-title .title {
		padding: 0 0 8px 0;
	}

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

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

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

	.explore .sticky-autor {
		padding: 0 0 20px 0;
	}

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

	.sticky-autor .text-cont {
		padding: 20px 0 0 0;
	}

	.discover .discover-container {
		padding: 20px;
	}

	.discover .discover-container .section-image {
		height: 256px;
	}

	.discover .discover-container .text-sticky {
		position: static;
	}

	.discover-container .text-sticky .text-container {
		height: auto;
	}

	.text-container .title {
		font-size: 24px;
		padding: 0;
	}

	/* GALLERY */

	.latest {
		padding: 20px 0;
	}

	.gallery-container {
		width: 400%;
	}

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

	.gallery-container .img-wrapper img {
		max-width: 48vw;
	}

	.gallery-container .img-wrapper {
		padding: 0 8px!important;
		margin: 0!important;
	}

	.footer {
		padding: 20px;
	}

	.footer .sign-up .title {
		font-size: 24px;
		padding: 0 0 24px 0;
	}

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

	.footer .footer-links {
		padding: 24px 0 24px 0;
	}

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

	/* MAIN MENU */

	.mobile-container {
		padding: 80px 20px;
	}

	.mobile-topics li {
		padding: 10px 10px;
	}

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

	.mobile-container .mobile-links {
		padding: 20px 0;
	}

	.mobile-container .form-field {
		padding: 20px 0;
	}

		/* ARTICLE */

	.cream-frame {
		padding: 20px 20px;
		border: 0;
	}

	.intro:before {
		left: 0;
	}

	.intro-img {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: auto;
		min-height: 60vh;
	}

	.intro-img img {
		position: relative;
		height: auto;
	}

	.intro-detail {
		padding: 20px;
	}

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

	.intro-date {
		margin: 0 0 10px 0;
	}

	.intro-title {
		font-size: 36px;
		margin: 0 0 20px 0;
	}

	.article {
		padding: 0;
	}

	.article-bq {
		margin: 15px 20px;
		padding: 0 0 0 20px;
		font-size: 36px;
	}

	.article-p {
		padding: 20px;
	}

	.article-img {
		margin: 0 20px 10px 20px;
	}

	.more-title {
		padding: 20px;
	}

	.title-l {
		font-size: 36px;
	}

	.title-s {
		font-size: 18px;
	}

	.more-list {
		padding: 20px;
	}

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

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

	.main-white-cont:before {
		left: -20px;
		right: -20px;
	}

	.main-white {
		flex-direction: column-reverse;
	}

	.social-ref {
		width: 100%;
		padding: 20px 0 0 0;
	}

	.main-highlight {
		width: 100%;
		padding: 20px 0 0;
	}

	.social-ref .social-list {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
	}

	.social-ref .social-list a {
		width: 50%;
		margin: 0;
	}

	.social-ref .social-list a:nth-child(odd) {
		padding: 0 10px 20px 0;
	}

	.social-ref .social-list a:nth-child(even) {
		padding: 0 0 20px 10px;
	}

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

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

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

	.search-highlights .image-link {
		padding: 10px;
	}

	.image-link {
		min-height: 512px;
		padding: 10px;
	}

	.parallax-cards {
		margin: 0;
	}

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

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

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

	.slider-section {
		margin: 10px 0 0;
	}

	.sticky-section .sticky-card {
		margin: 0;
	}

	.hightlight-img-wrapper {
		margin: 0 0 20px 0;
	}

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

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

	.page-title-cont {
		padding: 20px;
	}

	.page-title {
		padding: 40px 20px;
	}

	.sticky-card .image-link {
		min-height: 512px;
	}

	.more-item > .more-wrapper > span,
	.more-item > span {
		height: 218px;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

	.intro-text {
		border: 0;
	}

	.parallax-img-cont .img-l {
		width: calc(50% - 6px);
		height: 555px;
	}

	.parallax-img-cont .img-m {
		width: calc(30% - 6px);
		height: 333px;
	}

	.parallax-img-cont .img-s {
		width: calc(20% - 6px);
		height: 222px;
	}

	.hero-title {
		padding: 20px;
	}

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

	.narrow-frame .autors-card {
		padding: 20px;
	}

	.autors-card-photo {
		width: 100%;
		height: 512px;
	}

	.autors-card-data {
		width: 100%;
		padding: 20px 0;
	}

	.autors-card-about {
		padding: 0;
	}

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

	.narrow-frame .autors-card:nth-child(2) {
		flex-direction: column;
	}

	.narrow-frame .autors-card:nth-child(2) .autors-card-about {
		padding: 0;
	}

	.img-txt-section {
		padding: 20px;
	}

	.img-txt-section .section-container .txt-container {
		padding: 0 20px 0 0;
		width: 50%;
	}

	.img-txt-section .section-container .double-layer-container {
		width: 50%;
	}

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

	.img-txt-section .section-container .double-layer-container .second-layer-m {
		width: 24vw;
		height: 47vh;
		top: auto;
		bottom: 0;
		transform: translateY(0);
	}

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

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

	.row-4 {
		width: 100%;
	}

	.hero-wrapper.contact-info {
		align-items: flex-start;
	}

	.contact-info .title-xl {
		text-align: left;
	}

	.contact-info .contact-adress {
		align-items: flex-start;
		margin: 20px 0;
	}

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

	.contact-info .contact-adress,
	.contact-info .phone,
	.contact-info .mail {
		line-height: 1.5;
	}

	.border-container .row-wrap .advices,
	.border-container .row-wrap .contact-form {
		padding: 20px;
	}

	.demo-container {
		padding: 0;
	}

	.demo-list {
		padding: 0
	}

	.demo-list .demo-section {
		padding: 20px;
		margin: 10px 0;
	}

	.demo-list .demo-section:first-child {
		margin: 0 0 10px 0;
	}

	.demo-list .demo-section .overflow-cont {
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
	}

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

	.demo-list .demo-section .demo-item {
		padding: 0 10px;
	}

	.demo-list .demo-section .demo-item .img-cover {
		height: 50vh;
	}

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

}

@media(max-width: 479px) {
	.gallery-container .img-wrapper img {
		max-width: 47vw;
	}

	.feed h3 {
		font-size: 16px;
		margin: 0 0 8px;
	}

	.feed .highlights .fade-out .image-link .link-title .title,
	.feed .highlights .fade-out .image-link .link-title .title span {
		font-size: 28px;
		line-height: 1.25;
	}

	.feed .highlights .fade-out .image-link {
		min-height: 420px;
		padding: 16px;
	}

	.feed .news .fade-out .small-image-link div {
		height: 128px;
	}

	.explore .sticky-autor .photo, .explore .sticky-autor .text-cont {
		width: 100%;
		text-align: center;
	}

	.latest .latest-header {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 0 20px;
	}

	.latest .latest-header .first,
	.latest .latest-header .second {
		padding: 10px 0;
		font-size: 16px;
	}

	.latest .latest-header .first .main {
		font-size: 16px;
	}

	.mobile-container .mobile-topics li {
		width: 100%;
		text-align: center;
		padding: 5px 0;
	}

	.sticky-section .sticky-card,
	.sticky-section .parallax-cards {
		padding: 0 20px 20px 20px;
	}

	.cream-frame {
		padding: 0;
	}

	.article-img span:nth-child(odd) {
		width: calc(100% - 2px);
		margin: 0 0 2px 0;
	}

	.article-img span:nth-child(even) {
		width: calc(100% - 2px);
		margin: 2px 0 0 0;
	}

	.article-img {
		flex-flow: row wrap;
	}

	.article-p {
		padding: 10px 20px;
	}

	.article-bq {
		margin: 10px 20px;
		font-size: 22px;
	}

	.intro-detail {
		padding: 10px 20px;
	}

	.intro-detail .intro-date,
	.intro-detail .intro-title {
		padding: 0;
	}

	.link-title .date:last-child {
		display: none;
	}

	.intro-title {
		font-size: 28px;
		margin: 0 0 10px 0;
	}

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

	.more-list {
		flex-flow: row wrap;
		background-color: #f6f4f2;
	}

	.more-list.small {
		flex-direction: row;
		flex-wrap: wrap;
		background-color: #f6f4f2;
	}

	.more-list.small .more-item{
		width: 100%;
	}

	.more-item .spn {
		height: 35vh;
	}

	.more-item,
	.more-item:last-child,
	.more-item:first-child {
		width: 100%;
		padding: 20px 0;
	}

	.main-white-cont:before {
		width: calc(100% + 20px);
	}

	.cream-frame {
		border: 0;
	}

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

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

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

	.social-title {
		font-size: 16px;
	}

	.section-container {
		padding: 0 20px;
	}

	.parallax-cards .more-item:nth-child(odd) {
		width: 50%;
		padding:10px 10px 10px 0;
	}

	.parallax-cards .more-item:nth-child(even) {
		width: 50%;
		padding:10px 0 10px 10px;
	}

	.sticky-card .image-link {
		min-height: 420px;
	}

	.more-item > span {
		height: 35vh;
	}

	.more-item .date {
		width: 100%;
		justify-content: space-between;
	}

	.more-item .date span::after {
		display: none;
	}

	.more-item .date span:last-child {
		display: none;
	}

	.more-item .date span {
		text-transform: lowercase;
	}

	.slide,
	.slide-info {
		padding: 20px;
	}

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

	.slide-info .slide-text {
		line-height: 1.5;
	}

	.section-container {
		padding: 20px 20px 0;
	}

	.more-item-autor {
		display: none;
	}

	.more-list-large .more-item-title {
		text-align: left;
	}

	.more-list-large .more-item:nth-child(-n+2) {
		width: 100%;
		padding: 0 10px;
	}

	.more-list-large .more-item:nth-child(n+3) {
		width: 50%;
	}

	.more-list-large .more-item:nth-child(4) {
		border-right: 0;
	}

	.more-list-large .more-item:last-child {
		flex: 0 1 auto;
		padding: 0 10px;
	}

	.latest.cream .latest-header {
		margin: 10px 0 20px;
	}

	.more-item > .more-wrapper > span {
		height: 128px;
	}

	.page-title .autor-name {
		margin: 15px 0;
	}

	.more-list-large .more-item .more-wrapper {
		align-items: flex-start;
	}

	.intro-img img {
		position: absolute;
		height: 100%;
	}

	.intro-detail {
		padding: 20px 20px 10px;
	}

	.parallax-img-cont .img-l {
		height: 297px;
	}

	.parallax-img-cont .img-m {
		height: 178px;
	}

	.parallax-img-cont .img-s {
		height: 118px;
	}

	.parallax-text-cont .first,
	.parallax-text-cont .second{
		padding: 0;
		width: 100%;
		margin: 0;
	}

	.parallax-text-cont .first .paragraph-s:nth-child(1),
	.parallax-text-cont .first .paragraph-s:nth-child(2) {
		padding: 0;
	}

	.parallax-text-cont .first .paragrapg-text,
	.parallax-text-cont .second .paragrapg-text {
		padding: 0;
	}

	.parallax-text-cont .second .paragrapg-text p:last-child {
		margin-bottom: 0;
	}

	.latest .latest-header {
		margin: 0 0 10px;
	}

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

	.img-txt-section {
		padding: 0;
	}

	.img-txt-section .section-container .txt-container {
		width: 100%;
		padding: 0;
	}

	.img-txt-section .section-container .double-layer-container {
		width: calc(100% + 20px);
		margin: 0 10px;
	}

	.img-txt-section .section-container .double-layer-container .second-layer-m,
	.img-txt-section .section-container .double-layer-container .first-layer-l {
		width: 50%;
		position: relative;
		height: 53vh;
		margin: 20px 10px;
	}

	.demo-section .demo-title .title span {
		font-size: 24px;
	}

	.section-container {
		padding: 0;
	}

	.overflow-cont {
		flex-wrap: wrap;
	}

	.more-list-large .more-item:nth-child(1) {
		border: 0;
	}

	.img-txt-section .section-container .txt-container {
		padding: 20px;
	}

	.row-container {
		padding: 20px;
	}

	.demo-list .demo-section {
		flex-wrap: wrap;
	}

	.demo-list .demo-section .demo-item {
		width: 100%;
		padding: 10px;
	}

	.demo-list .demo-section .demo-item img {
		padding: 10px;
		background-color: #FFF;
	}

	.demo-list .demo-section .overflow-cont {
		grid-template-columns: auto;
	}

	.spec-title > h2 {
		font-size: 56px;
	}
	.title-wrap h1 {
	    font-size: 56px;
	    letter-spacing: -1px;
	}
	h2.demo {
	    font-size: 48px;
	    font-weight: 400;
	    margin: 32px 0px;
	}
	.homep .logo {
	    width: 100%;
	}
}