/***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) {
	.slider .slides .slide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
	}
	footer .footer_address,
    footer .interactive_fields > input {
    	text-wrap: wrap;
	}
}

/***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);
    }
    .same_line {
    	white-space: wrap;
	}
    .media {
    	width: 100%;
    	height: calc(100vh - var(--siteNameHeight) - (var(--rowGutter)* 2) - var(--rowGutterSmall) - (var(--buttonSpace)* 0.6) - (var(--rowGutterLarge)* 2) - (var(--borderWidth)* 2));
    }
    .slider .slides .slide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
	}
    .slider_nav .zoom {
    	display: none;
    }
    footer {
        flex-direction: column;
	}
    footer .footer_contact {
    	border-bottom: var(--borderLine);
    }
    footer .interactive_fields > input {
    	width: 100%;
	}
    .footer_subscription .subscription_form input[type="text"] {
    	max-width: 100%;
    }
}

/*** BIG MOBILES, BIG TABLETS AND DESKTOP
*****************************************************/
@media (min-width: 824px) {
	.mobile {
    	display: none !important;
    }
}

/***MOBILE AND TABLETS (LANDSCAPE)
*****************************************************/
@media (max-width: 824px) {
	:root {
    	--mainTopSpace: calc(var(--headerHeight) * 2);
        /*--buttonSpace: calc(var(--fontSizeMenu)*0.5);*/
        --borderWidth: 0.1rem;
        --fontSizeLarge: 2.75rem;
        /*--lineHeightLow: 1.1;*/
    }
    .desktop {
    	display: none !important;
    }
    header {
    	position: fixed;
        top: 0;
        border-bottom: var(--borderLine);
        background: var(--backColor);
        z-index: 100;
    }
	a.site_name {
    	position: fixed;
        top: 0;
        z-index: 100;
    }
    .mobile {
    	display: inline-block;
    }
    .toggle_menu {
    	position: fixed;
        top: 0;
        right: 0;
        font-size: 2.75rem;
        padding: calc(var(--spaceY)* 0.75) calc(var(--spaceX)* 0.75);
        z-index: 100;
    }
    .menu_back {
    	position: absolute;
   		background: var(--backColor);
        width: 100%;
    	height: var(--headerHeight);
    	z-index: 50;
        border-bottom: var(--borderLine);
    }
    nav.menu {
    	height: calc(100vh - var(--headerHeight)*1);
        overflow-y: scroll;
    	position: fixed;
    	/*height: 100%;*/
        font-size: var(--fontSizeLarge);
        letter-spacing: -.02em;
        margin-top: var(--headerHeight);
        padding-top: var(--headerHeight);
        /*border-bottom: var(--borderLine);*/
        transition-property: transform, opacity;
        transition-duration: var(--transitionDuration);
    }
    nav.menu:not(.open) {
    	margin-top: calc(var(--borderWidth)*-1);
        transform: translateY(-100%);
        pointer-events: none;
    }
    nav.menu.open {
        transform: translateY(0);
        pointer-events: auto;
    }
    nav.menu .menu_header {
        padding: 0 var(--spaceX);
    	position: absolute;
    	padding-bottom: calc(var(--buttonSpace)* 0.66);
    	transform: translateY(-100%);
    }
    nav.menu ul {
        border-bottom: none;
    }
    nav.menu ul.main_menu {
    	flex-direction: column-reverse;
    }
    nav.menu li.menu_item {
    	border-right: none;
		border-top: var(--borderLine);
    }
    nav.menu li.menu_item a {
    	width: 100%;
        padding: calc(var(--buttonSpace)* 1.66) var(--spaceX) 0;
    }
    /*
    nav.menu .main_menu form.search_form {
    	display: none;
    }
    */
    nav.menu ul.sub_menu {
    	flex-direction: column;
    }
    ul.sub_menu > li.menu_item a {
    	padding: calc(var(--buttonSpace)* 1.66) var(--buttonSpace) 0 var(--headerHeight);
    }
    nav.menu ul.menu_mobile {
    	flex-direction: column;
        border-bottom: var(--borderLine);
    }
    ul.menu_mobile .form.search_form {
    	/*display: none;*/
    }
    form.search_form input.search {
    	padding: calc(var(--buttonSpace)* 4.6) var(--spaceX) calc(var(--buttonSpace)* 2.6)
    }
    form.search_form input.search.mobile:hover::placeholder {
    	color: var(--paletteGrayDark);
    }
    main.content {
        min-height: var(--mainHeight);
        position: relative;
        margin-top: var(--mainTopSpace);
        border-top: var(--borderLine);
	}
}

/***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) {
}

/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 480px) {
	:root {
    	--fontSize: 0.9rem;
        /*--fontSizeMenu: 2.33rem;*/
        --fontSizeLarge: 1.75rem;
        --fontSizeSmall: 0.75rem;
        --spaceX: calc(var(--fontSize) * 0.75);
        --spaceY: calc(var(--fontSize) * 0.75);
    }
    nav.menu {
        font-size: 2.75rem;
        line-height: 0.9;
     }
    .articles_status,
    .articles_location_status,
    .article_stack .article_location_status,
    .article_stack .article_status,
    .article_stack .article_main_data,
    .article_stack > .article_artists {
    	/*padding: calc(var(--spaceY)* 0.9) var(--spaceX) calc(var(--spaceY)* 0.3);*/
    	border-bottom: var(--borderLine);
	}
    .article_text,
    .article_list {
        width: 100%;
        padding: var(--rowGutter) var(--spaceX) 0;
	}
    .about_stack {
    	flex-direction: column;
	}
    .about_subscription .subscription_form {
    	width: 100%;
    }
    footer .footer_contact,
    footer .footer_subscription .subscription_form .interactive_fields {
    	flex-direction: column;
    }
    footer > *:not(:last-child), footer > .footer_contact > *:not(:last-child),
    .footer_subscription .subscription_form input:not([name="name"]) {
    	border-right: none;
        border-left: none;
        border-bottom: var(--borderLine);
    }
    footer > *:not(:last-child), footer > .footer_contact > *:not(:last-child),
    .footer_subscription .subscription_form input[name="name"] {
        border-bottom: var(--borderLine);
    }
}