/*	-------------------------------------------------------------------------- */
/*	Mobile  
/*	-------------------------------------------------------------------------- */
	@media screen and (max-width: 440px) {


			.imgBox {
				padding-bottom: 0rem;
		        padding-top: 0rem;
		        background: var(--Palette2) !important;
		        display: block;
		        position: relative;
		        width: 100%;
		        height: calc(100vh - 5rem);
		        height: calc(100dvh - 5rem);
		        max-width: 100%;
		        max-height: calc(100vh - 5rem);
		        max-height: calc(100dvh - 5rem);
		        overflow: hidden;
		        margin-top: 5rem;
			}



/*	Header
/*	-------------------------------------------------------------------------- */

		/*#Header {
			background-color: var(--Palette2) !important;
			color: var(--Palette6) !important;
		}
		#Header > .Inner .Logo IMG {
			display: none !important;
		}
		#Header > .Inner .Logo {
			display: block;
			height: 3.2rem;
			z-index: 1;
			width: 5rem;
			order: 2;
			position: relative;
		}
		#Header > .Inner .Logo .logoColorBack {
			display: none;
		}
		#Header > .Inner .Logo::after {
		    content: "";
		    position: absolute;
		    top: 0rem;
		    left: 0;
		    width: 5rem;
		    height: 100%;
		    background-image: url(https://academy.abilmente.org/repository/files/20251121102919692030EF5C94C128951479.png);
		    background-repeat: no-repeat;
		    background-size: contain;
		    background-position: center;
		}*/
		/*#Header .Inner .LoginButton .Text,
		#HeaderMenu ul li A,
		#HeaderMenu ul li {
			color: var(--Palette6) !important;
		}*/



/*	-------------------------------------------------------------------------- */


		.Container .Filter {
			display: none;
		}
		.Container .categoryDate .innerDate ul {
			margin-bottom: 2.5rem;
		}
		.Container .pageIntro {
			margin-bottom: 2rem;
		}
	}




/*	-------------------------------------------------------------------------- */
/*	Desktop  
/*	-------------------------------------------------------------------------- */
	@media screen and (min-width: 441px) {


/*	Header
/*	-------------------------------------------------------------------------- */

		/*#Header {
			background-color: var(--Palette2) !important;
		}
		#Header > .Inner .Logo IMG {
			display: none !important;
		}
		#Header > .Inner .Logo {
			position: absolute;
			top: 0.95rem !important;
		}
		#Header > .Inner .Logo::after {
		    content: "";
		    position: absolute;
		    top: 0rem;
		    left: 0;
		    width: 10rem;
		    height: 100%;
		    background-image: url(https://academy.abilmente.org/repository/files/202511210957166920296C538A2739519897.png);
		    background-repeat: no-repeat;
		    background-size: contain;
		    background-position: center;
		}
		#Header .Inner .LoginButton .Text,
		#HeaderMenu ul li A,
		#HeaderMenu ul li {
			color: var(--Palette6) !important;
		}*/



/*	-------------------------------------------------------------------------- */

		.Container .Filter {
			display: none;
		}
		.Container .pageIntro {}










	}