body.mobile_index_series main.content,
body.mobile_index_exhibs main.content,
body.mobile_index_publications main.content,
body.mobile_index_texts main.content {
    padding: calc(var(--headerHeight) + var(--mainTopSpace)) var(--colGutter) 0;
}
.mobile_index .sub_menu {
	display: flex;
    flex-direction: column;
    gap: var(--colGutter) 0;
}
.mobile_index .sub_menu li.sub_menu_item a p {
    display: flex;
    gap: calc(var(--colGutter)*0.66);
}
.related_button {
	display: none;
}
body.bio .bio_row {
    display: flex;
    gap: calc(var(--colGutter)*0.66);
}

/***DESKTOPS (MONITOR)
*****************************************************/
@media (min-width: 1281px) {
	/***GENERAL***/
	.mobile {
      display: none !important;
    }
	/***THUMB GRID***/
	section.thumb_grid {
		column-count: 8;
    	column-gap: var(--colGutter);
	}
    .thumb .thumb_media img {
    	max-height: 7vw;
	}
}

/***LAPTOP to MOBILES
*****************************************************/
@media (max-width: 1280px) {
	/***GENERAL***/
	body {
    	background: var(--backColor);
	}
    /***MENU***/
    header.mobile > .header_bar,
    header.mobile > nav.menu {
    	background: var(--backColor);
    }
}

/***DESKTOP (LAPTOP and DESKTOPS)
*****************************************************/
@media (min-width: 1025px) and (max-width: 1280px) {
	/***GENERAL***/
	.mobile {
      display: none !important;
    }
    body {
    	background: var(--backColor);
	}
    /***THUMB GRID***/
    section.thumb_grid {
		column-count: 6;
    	column-gap: var(--colGutter);
	}
    .thumb .thumb_media img {
    	max-height: 8vw;
	}
}

/***TABLETS to MOBILES (LANDSCAPE and PORTRAIT)
*****************************************************/
@media (max-width: 1024px) {
	/***GENERAL***/
	:root {
    	--viewportHeight: calc(var(--vh, 1vh) * 100);
        --fontSizeMenu: 2.15rem;
        --lineHeightMenu: 1.4;
        --headerHeight: calc(var(--rowGutter)*2.75);
        --mainTopSpace: calc(var(--rowGutter)*2);
    }
    .desktop {
      display: none !important;
    }
  	body {
    	height: 100vh;
    	height: var(--viewportHeight);
  	}
    /***MENU***/
    header.mobile {
    	width: 100vw;
    	position: fixed;
    	top: 0;
        z-index: 100;
    }
    header.mobile > .header_bar {
    	width: 100%;
        min-height: var(--headerHeight);
        position: relative;
        z-index: 150;
        padding: calc(var(--rowGutter)*1) var(--colGutter) calc(var(--rowGutter)*0.75);
    	display: flex;
        justify-content: space-between;
        background: var(--backColor);
        border-bottom: var(--borderLine);
    }
    header.mobile > nav.menu {
    	width: 100%;
    	height: calc(100vh - var(--headerHeight));
        height: calc(var(--viewportHeight) - var(--headerHeight));
    	position: fixed;
        top: calc(var(--headerHeight) + var(--borderWidth));
        left: 0;
        padding: calc(var(--headerHeight)*2) var(--colGutter);
        background: var(--backColor);
        transition: transform var(--transitionDuration);
    }
     header.mobile > nav.menu:not(.open) {
    	transform: translateY(-100%);
    }
    header.mobile > nav.menu.open {
    	transform: translateY(0%);
    }
    header.mobile > nav.menu ul.main_menu {
        font-size: var(--fontSizeMenu);
		text-align: right;
        line-height: var(--lineHeightMenu);
    }
    header.mobile > nav.menu ul.main_menu li {
    	display: block;
    }
    header.mobile > nav.menu ul.lang_menu {
    	width: auto;
    	position: absolute;
        bottom: var(--rowGutter);
		display: flex;
    	gap: calc(var(--colGutter)*1.5);
    }
}

/***TABLETS (LANDSCAPE)
*****************************************************/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	/***GENERAL***/
	:root {
        --colGutter: calc(var(--fontSize) * 1.5);
    }
	/***THUMBS GRID***/
    section.thumb_grid {
		column-count: 4;
    	column-gap: var(--colGutter);
	}
    .thumb .thumb_media img {
    	max-height: 12.5vw;
	}
    .thumb .thumb_data {
    	gap: 0 calc(var(--colGutter)*0.75);
	}
}

/***TABLETS (PORTRAIT)
*****************************************************/
@media (min-width: 768px) and (max-width: 1024px) {
	/***GENERAL***/
	:root {
        --colGutter: calc(var(--fontSize) * 1.5);
    }
	/***THUMBS GRID***/
    section.thumb_grid {
		column-count: 4;
    	column-gap: var(--colGutter);
	}
    .thumb .thumb_media img {
    	max-height: 12.5vw;
	}
    .thumb .thumb_data {
    	gap: 0 calc(var(--colGutter)*0.75);
	}
}

/***SMALL TABLETS, MOBILES (LANDSCAPE)
*****************************************************/
@media (min-width: 481px) and (max-width: 767px) {
	/***GENERAL***/
	:root {
    	--fontSizeMenu: 1.5rem;
        --colGutter: calc(var(--fontSize) * 1.5);
    }
    /***MENU***/
    header.mobile > nav.menu {
        padding: calc(var(--headerHeight)*1) var(--colGutter);
    }
	/***THUMBS GRID***/
    section.thumb_grid {
		column-count: 3;
    	column-gap: var(--colGutter);
	}
    .thumb .thumb_media img {
    	max-height: 15vw;
	}
    .thumb .thumb_data {
    	gap: 0 calc(var(--colGutter)*0.75);
	}
}

/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 480px) {
	/***GENERAL***/
	:root {
    	--fontSize: 0.7rem;
        --colGutter: calc(var(--fontSize) * 1.75);
    }
	/***THUMBS GRID***/
    section.thumb_grid {
		column-count: 2;
    	column-gap: var(--colGutter);
	}
    .thumb .thumb_media img {
    	max-height: 24vw;
	}
    .thumb .thumb_data {
    	gap: 0 calc(var(--colGutter)*0.75);
	}
    /***RELATIONS***/
    body.relations {
    	overflow-y: scroll;
	}
    body.relations main.content {
    	padding-bottom: calc(var(--rowGutter)*3);
    }
    .horizontal_scroll {
    	height: auto;
    	grid-template-columns: repeat(1, 100%) !important;
        grid-gap: calc(var(--rowGutter)*3) 0 ;
        grid-template-rows: none !important;
        overflow-y: scroll;
    }
    
    /***ENTRIES***/
    body.artwork main.content,
    body.artwork_series main.content,
    body.exhibition main.content,
    body.publication main.content,
    body.workshop main.content {
    	display: inherit;
        padding-top: calc(var(--headerHeight) + var(--mainTopSpace));
    }
    body.text main.content {
    	display: inherit;
        padding-top: calc(var(--headerHeight));
    }
    section.thumb_column {
    	width: 100vw;
    	height: auto;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100;
        padding: calc(var(--headerHeight) + var(--rowGutter)) var(--colGutter) var(--rowGutter);
    	display: flex;
        overflow-y: hidden;
        overflow-y: scroll;
        background: white;
        border-top: var(--borderLine);
        transition: top var(--transitionDuration);
    }
    section.thumb_column:not(.show) {
    	top: calc(100% - var(--headerHeight));
    }
    section.thumb_column.show {
    	top: auto;
    }
    .thumb_column .thumb {
    	min-width: calc(50% - var(--colGutter)*0.5);
        margin-bottom: 0;
    }
    section.article_text {
    	/*padding: var(--mainTopSpace) 0 calc(var(--rowGutter)*2 + var(--mainBottomSpace));*/
        height: calc(100vh - var(--headerHeight));
        padding: var(--mainTopSpace) 0 calc(var(--headerHeight)*3 + var(--rowGutterLarge)*2);
   	}
    .related_button.mobile {
    	width: auto;
    	height: auto;
        display: inline-block;
    	position: fixed;
        left: 50%;
        transform: translateX(-50%);
        padding: calc(var(--rowGutter)*0.75) var(--colGutter) calc(var(--rowGutter)*1);
		margin-top: calc((var(--headerHeight) + var(--rowGutter)) * -1);
    }
    
    /***BIO***/
    body.bio {
        overflow: scroll;
    }
    body.bio main.content {
    	grid-template-columns: var(--oneColGrid);
        overflow: scroll;
    }
    body.bio main.content > * {
    	height: auto;
    	grid-column: 1 / 2;
        overflow-y: hidden;
    }
    .bio_col {
    	padding: 0;
    }
    .bio_col section {
    	padding: 0;
		margin-bottom: calc(var(--colGutter)*1);
    }
    .bio_img_col {
    	padding: 0;
    }
    .contact .bio_row > span, .education .bio_row > span {
    	flex: 0 0 60px;
    }
    .bio_footer {
    	display: none;
    }
}