@media (min-width: 1650px) {
	.sneakers-grid {
		grid-template-columns: repeat(6, 1fr);
	}
}
@media (max-width: 1649px) {
	.footer__text {
		font-size: 17.5rem;
	}
	.footer__text:before {
		top: 60px;
		left: 300px;
		width: 210px;
		height: 210px;
	}
	.sneakers-grid {
		grid-template-columns: repeat(5, 1fr);
	}
}
@media (max-width: 1399px) {
	.footer__text {
		font-size: 15rem;
	}
	.footer__text:before {
		top: 55px;
		left: 255px;
        width: 180px;
        height: 180px;
	}
	.sneakers-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 1199px) {
	.tg-title {
		font-size: 2.5rem;
	}
	.tg-btn {
		width: 100px;
		height: 100px;
	}
	.footer__text {
		font-size: 12.5rem;
	}
	.footer__text:before {
        top: 50px;
        left: 210px;
        width: 150px;
        height: 150px;
    }
}

@media (max-width: 991px) {
	.footer__text {
		font-size: 9.5rem;
	}
	.footer__text:before {
        top: 40px;
       	left: 160px;
        width: 115px;
        height: 115px;
    }
	.sneakers-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}


@media (max-width: 767px) {
	.header__logo .logo span {
		font-size: 1.7rem;
	}

	.popup-success {
		--popup-width: 100%;
	}

	.fancybox__container.has-sidebar .fancybox__grid {
		grid-template-columns: 1fr;
		grid-template-rows: 60vh auto;
	}

	.fancybox__carousel.has-absolute-toolbar .fancybox__column.with-sidebar {
		padding-top: 1.25rem;
	}

	.fancybox__container.has-sidebar .fancybox__sidebar {
		--sidebar-width: 100%;
	}
	.tg-title {
		font-size: 2rem;
	}
	.tg-btn {
        width: 80px;
        height: 80px;
    }
	.tg-btn svg {
		width: 2rem;
	}
	.footer__text {
		font-size: 7rem;
	}
	.footer__text:before {
        top: 35px;
        left: 120px;
        width: 80px;
        height: 80px;
    }
	.sneakers-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 575px) {

	.popup__wrap {
		--popup-padding: 2rem 1rem 1rem;
	}

	.popup__title {
		line-height: 1;
	}

	.main-slider__item {
		width: 100%;
		height: 4rem;
	}

	.logo {
		max-width: 100%;
	}

	.header__btn .btn {
		padding: 0.6875rem 1rem;
	}

	.main-slider__item img {
		max-width: 100%;
		max-height: 2rem;
	}

	#main_slider {
		--f-carousel-slide-width: 100%;
	}

	.gallery-item .gallery-item__meta {
		font-size: 1rem;
	}
	.social {
		background-color: var(--green);
	}
	.tg-wrapper {
		padding-bottom: 0;
	}
	.tg-btn-wrapper {
		width: 100%;
		padding: 1rem 0;
	}
	.footer__text {
		font-size: 4.375rem;
	}
	.footer__text:before {
        top: 15px;
        left: 75px;
        width: 50px;
        height: 55px;
    }
}