/**
 * max-width: 1120
 */
@media (max-width: 1120px) {
}




/**
 * max-width: 960
 */
@media (max-width: 960px) {
	.site > header {
		/* position: fixed; */
		width: unset;
	}

	.site > main {
		width: 100%;
	}

	.nav__burger {
		position: fixed;
		z-index: 5;
		background-color: rgba(var(--c-secondary));
		/* padding: var(--gap); */
		right: var(--gap-small);
		top: var(--gap-small);
		border-radius: var(--radius);
		font-size: calc(var(--gap) * 1.5);
		width: calc(var(--gap) * 3);
		height: calc(var(--gap) * 3);
	}

	.nav__container {
		position: fixed;
		/*display: none;*/
		z-index: 4;
		background-color: rgb(var(--c-secondary));
		right: 0;
	}
	.nav__container {
	    box-shadow: 0 0 4px rgba(var(--c-black) / .25);
	}

	:root {
		--limiter-padding: var(--gap-big);
	}


	input#nav-burger:checked ~ .nav__container {
		animation: modal-nav-container-open .3s ease-out forwards;
	}
	@keyframes modal-nav-container-open {
		0% {
			opacity: 0;
			transform: translateX(100%);
		}
		50% {
			opacity: 1;
		}
		100% {
			transform: translateX(0%);
		}
	}

	input#nav-burger:not(:checked) ~ .nav__container {
		animation: modal-nav-container-close .001s ease-out forwards;
	}
	@keyframes modal-nav-container-close {
		0% {
			opacity: 1;
			transform: translateX(0%);
		}
		100% {
			opacity: 0;
			transform: translateX(100%);
		}
	}

}




/**
 * max-width: 800
 */
@media (max-width: 800px) {

	.glider {
		--glider-viewport-count: 2;
	}
	.programs__list {
		--product-count: 2;
	}

	#moblabs-intro .intro__container {
		grid-template-columns: repeat(1, 1fr);
	}

	#moblabs-advantages.advantages {
		--column-count: 1;
	}

	#categories .item__columns {
		grid-template-columns: repeat(1, 1fr);
	}
}




/**
 * max-width: 640
 */
@media (max-width: 640px) {
	:root {
		--fz-1: 32px;
		--fz-2: 32px;
	}


	.program__filters {
		display: flex;
		flex-direction: column;
		width: 100%;
	}


	/**
	 * About page
	 */
	.advantages {
	    --column-count: 1;
	}
	.solutions {
	    --column-count: 1;
	}
	.history {
	    --columns-count: 1;
	}
	.intro__header {
	    display: flex;
	    flex-direction: column;
	    align-items: unset;
	}
}




/**
 * max-width: 480
 */
@media (max-width: 480px) {
	.programs__list {
		--product-count: 1;
	}
}




/**
 * max-width: 320
 */
@media (max-width: 320px) {
}