/***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 MOBILES (LANDSCAPE and PORTRAIT)
*****************************************************/
@media (min-width: 768px) {
	.mobile {
    	display: none;
    }
}
@media (max-width: 768px) {
	.mobile {
    	display: inline-block;
    }
    nav.menu {
    	bottom: -100vh;
        transition-property: bottom;
    	transition-duration: var(--transitionDurationSlow);
    }
    nav.menu.open {
    	bottom: calc(var(--rowGutterMedium) + (var(--mediumFont)*var(--lineHeightLow)) + 0.875rem + var(--colGutter) + (var(--borderWidth)*2));
    }
    .menu_trigger {
		position: fixed;
        width: calc(100vw - var(--rowGutterMedium)*2);
        bottom: var(--rowGutterMedium);
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	padding: var(--itemPadding);
    	box-sizing: border-box;
    	border: var(--borderLine);
    	border-radius: var(--borderRadius);
    	background-color: var(--paletteWhite);
        line-height: var(--lineHeightLow);
        transition-property: color, background-color;
    	transition-duration: var(--transitionDurationSlow);
        z-index: 300;
    }
    .menu_trigger.active {
    	color: var(--paletteWhite);
		background-color: var(--paletteBlack);
    }
    
}

/***SMALL TABLETS, MOBILES (LANDSCAPE)
*****************************************************/
@media (min-width: 481px) and (max-width: 767px) {
	nav.menu ul {
		flex-direction: column;
	}
}

/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 480px) {
	:root {
    	--smallFont: 0.9rem;
    	--mediumFont: 1.1rem;
        --largeFont: 1.3rem;
        --contentMarginTop: calc(var(--rowGutterMedium)*8);
    }
    nav.menu ul {
		flex-direction: column;
	}
    .lang_switch {
    	bottom: calc(var(--rowGutterMedium) * -.6);
    }
    header .header_block:nth-child(2) {
    	width: 50px;
    	height: 77px;
    }
    .battery .piece_1 {
    	height: 67px;
    }
    .battery .piece_2 {
    	width: 20px;
    }
    .content_col {
    	grid-column: 1/6;
    }
}