/***DESKTOPS (XX-LARGE SCREEN)
*****************************************************/
@media (min-width: 1600px) {  
}

/***DESKTOPS (X-LARGE SCREEN)
*****************************************************/
@media (min-width: 1600px) {  
}

/***DESKTOPS (LARGE SCREEN)
*****************************************************/
@media (min-width: 1440px) {  
}

/***DESKTOPS (MEDIUM SCREEN)
*****************************************************/
@media (min-width: 1281px) {  
}

/***DESKTOP (NOTEBOOKS and DESKTOPS)
*****************************************************/
@media (min-width: 1025px) and (max-width: 1280px) {
}

/***FROM TABLETS TO MOBILES (LANDSCAPE and PORTRAIT)
*****************************************************/
@media (max-width: 1024px) {
    /***VIEWPORT HEIGHT***/
    :root {
        --viewportHeight: calc(var(--vh, 1vh) * 100);
    }
    body {
        height: 100vh; /* Fallback */
        height: var(--viewportHeight);
    }
}

/***TABLETS (LANDSCAPE)
*****************************************************/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/***TABLETS (PORTRAIT)
*****************************************************/
@media (min-width: 768px) and (max-width: 1024px) {
}

/***SMALL TABLETS, MOBILES (LANDSCAPE)
*****************************************************/
@media (min-width: 481px) and (max-width: 767px) {
	:root {
    	--fontSize: 0.65rem;
    }
}

/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 480px) {
	:root {
    	--spaceX: calc(var(--fontSize) * 1.6);
    	/*--prefixWidth: calc(var(--fontSize) * 1.6);*/
        --gridTemplate: repeat(1, 1fr);
    	--gridImages: repeat(1, 1fr);
    }
    body.scroll_less {
        overflow: hidden;
    }
    header.desktop {
    	display: flex;
        justify-content: space-between;
        grid-gap: calc(var(--gridGap)*0.5);
    }
    header.desktop:after {
    	content: "";
        width: 100%;
        height: 0;
        position: fixed;
        top: calc(var(--spaceY)*-1);
        left: 0;
        z-index: -1;
        box-shadow: 0 var(--spaceY) calc(var(--fontSize)*2) calc(var(--rowGutter)*4) var(--paletteWhite);
        pointer-events: none;
    }
    header.desktop .site_name {
        height: calc(var(--fontSize) * .75);
    }
    nav.menu:not(.on) {
       display: none; 
    }
    nav.menu.on {
        display: inline-block; 
    }
    nav.menu_info li.menu_item .menu_row span.row_content:after {
		content: "";
	}
    nav.menu_catalogue li.menu_item .menu_row,
    nav.menu_work li.menu_item .menu_row,
    nav.menu_info li.menu_item .menu_row {
    	gap: 0 calc(var(--spaceX)*.2);
	}
    nav.menu_work ul li.menu_item .sub_menu,
    nav.menu_info ul li.menu_item .sub_menu {
    	display: none !important;
    }
    .mainDiv .back_egg img {
        width: 75vw;
        height: auto;
	}
    .button_list,
    .button_images {
    	display: none;
    }
    .count {
    	display: none;
    }
    .grid {
    	padding-right: calc(var(--prefixWidth) + var(--spaceX)*0.5);
    }
    .grid .thumb {
		gap: 0 calc(var(--spaceX) * .5);
    }
    /*
    .grid .thumb .thumb_prefix {
        align-self: end;
        height: calc(var(--rowGutter) * 3);
	}
    */
    article.entry {
    	display: flex;
        flex-direction: column;
        row-gap: calc(var(--rowGutter) * 2);
    }
    article.entry .media {
    	height: auto;
    	position: static;
       	margin-bottom: calc(var(--rowGutter)*3);
    }
}