/* mobile first */
@media (min-width: 410px) {
	.form-container {
		padding: 20px 40px;
	}
}

@media (min-width: 576px) {
	.form-container {
		padding: 20px 70px;
	}

	.modal-dialog__content {
		padding: 30px 50px;
	}

	.images-container__btn-select-main-img {
		width: fit-content;
	}
	.image-info-container {
		margin-right: 0;
		width: auto;
		height: 100%;
		align-content: center;
		display: flex;
	}
}

@media (min-width: 768px) {
	.footer-contacts {
		margin-top: 1rem;
	}
	.footer-dev {
		row-gap: 1rem;
	}
}

@media (min-width: 992px) {
	.header-nav-toggle {
		display: none;
	}

	.aside-filter {
		margin-right: 30px;
		width: 300px;
	}
}

@media (min-width: 1200px) {
	.aside-column {
		margin-right: 30px;
		width: 300px;
	}
	.content-column {
		width: calc(100% - 300px);
	}

	.footer-nav {
		height: 96px;
	}
}

@media (min-width: 1920px) {}

/* desktop first */
@media (max-width: 1199px) {
	.aside-column,
	.content-column {
		width: 100%;
	}

	.footer {
		padding-top: 1.25rem;
	}
	.footer-logo {
		width: 117px;
		height: 32px;
	}
	.footer-contacts .contact-link {
		width: 32px;
		height: 32px;
	}
	.footer-nav {
		height: 120px;
	}
	.footer-dev {
		flex-basis: 160px;
	}
}

@media (max-width: 991px) {
	.main.container,
	.main > .container {
		padding: .625rem 0 1.875rem;
	}

	.header.active {
		background-color: var(--color-gray-xlight);
		position: fixed;
		width: 100vw;
	}
	.header-logo::before {
		width: 108px;
		height: 28px;
	}
	.header-logo__text {
		font-size: .625rem;
	}
	.shop-menu,
	.sign-in-btn:not(.sign-in-btn_notifications) {
		display: none;
	}
	.sign-in-btn_notifications {
		padding: 4px;
	}
	.header.active .sign-in-btn_notifications:is(:active, :focus-visible, :hover) {
		background: #1DB5BF19;
	}

	.header.active .header-logo {
		display: none;
	}
	.header.active .header-nav-title {
		display: block;
	}

	.header.active .header-popup-menu {
		display: block;
	}

	.aside-filter {
		width: 100%;
		min-width: 300px;
	}

	.footer-nav,
	.footer-legal-links {
		flex-basis: 60%;
	}
	.footer-nav {
		height: 96px;
	}
}

@media (max-width: 767px) {
	.header.active ~ .main .product-menu,
	.header.active ~ .main .map {
		z-index: -1;
		pointer-events: none;
	}

	.footer-head {
		flex-basis: 100%;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.footer-nav,
	.footer-legal-links {
		flex-basis: 100%;
	}
	.footer-nav {
		margin-top: 1rem;
	}
	.footer-nav__link {
		max-width: 100%;
	}

	.footer-dev {
		flex-basis: 100%;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-top: 1rem;
	}
	.footer-dev > .button--fw {
		width: 50%;
	}
	.ae-version {
		margin-top: .25rem;
		text-align: right;
		width: 100%;
	}
}

@media (max-width: 575px) {
	.footer-nav {
		height: auto;
	}

	.daterangepicker .drp-buttons .drp-btn {
		margin: 0 0 10px 0;
	}
}