@media (max-width: 1525px) {
    .hero__wrapper {
		overflow:initial !important;
	}
}
@media (max-width: 1439px) {
	
	.main--index .hero__img-wrapper--2 {
		right: 0px;
	}
}

@media (max-width: 1199px) {
	
	.main--index .hero__img-wrapper--2 {
        right: 15px;
    }
}
@media (max-width: 1199px) and (min-width: 1022px){
	.hero__picture {
        right: calc(-52% + 2px);
    }
	
}
@media (max-width: 1023px) and (min-width: 960px) {
    .hero__picture {
        right: calc(-80% + 4px);
        bottom: -100px;
    }
	.main--index .hero__img-wrapper--2 {
        right: 34px;
	}
}
@media (max-width: 1439px) and (min-width: 1024px) {
	.apparel__title {
		max-width: calc(100% - 66px);
	}
	
}
@media (max-width: 959px) and (min-width: 576px) {
	.main--index .hero__animation::before {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
		content: "";
		background: radial-gradient(159.11% 70.06% at 26.22% 61.44%, rgb(40, 65, 87) 0%, rgb(14, 28, 49) 51.25882625579834%, rgb(14, 28, 49) 100%);
		opacity: .6;
		width: 100%;
		height: 450px;
		z-index: 11;
	}
	.main--index .hero__img-wrapper--1 {
        top: 35%;
        left: 50%;
        width: 274px;
        height: 186px;
    }
	.main--index .hero__text-content {
		max-width: 100%;         z-index: 15;
	}
	.main--index .hero__animation {
        right: 17px;
        bottom: 65px;
        width: 91%;
        height: 90%;
    }
	.main--index .hero__img-wrapper--2, .main--index .hero__img-wrapper--3 {
        display: none;
    }
	.main--index .hero__wrapper {
        padding: 200px 15px 40px;
    }
	.main--index .hero__btn {
        margin-top: 25px;
    }
}