.hero__icon {
    position: absolute;
    display: block;
    z-index: 1;
}

.hero__icon-1 {
    background-image: url(../image/sprite.png);
    background-position: -234px -305px;
    width: 68px;
    height: 55px;
    top: 25px;
    left: 5%;
}

.hero__icon-2 {
    background-image: url(../image/sprite.png);
    background-position: 3px -1px;
    width: 230px;
    height: 183px;
    top: 134px;
    left: 7%;
}

/*@media screen and (max-width: 1530px) {
    .hero__icon-2 {
        left: -4%;
    }
}*/

@media screen and (max-width: 1260px) {
    .hero__icon-2 {
		background-position: 35px -5px;
		width: 260px;
		height: 185px;
		top: 118px;
        left: -17%;
    }
}

@media screen and (max-width: 800px) {
    .hero__icon-2 {
        display: none;
    }
}

.hero__icon-3 {
    background-image: url(../image/sprite.png);
    background-position: -198px -178px;
    width: 114px;
    height: 86px;
    top: 322px;
    left: 1%;
}

.hero__icon-4 {
    background-image: url(../image/sprite.png);
    background-position: -101px -305px;
    width: 73px;
    height: 65px;
    top: 460px;
    left: 12%;
}

@media screen and (max-width: 1260px) {
	.hero__icon-3 {
		left: 12%;
	}
    .hero__icon-4 {
		top: 130px;
		left: 23%;
    }
}

.hero__icon-5 {
    background-image: url(../image/sprite.png);
    background-position: -317px -312px;
    width: 59px;
    height: 46px;
    top: 340px;
    left: 26%;
}

@media screen and (max-width: 1260px) {
	.hero__icon-5 {
		top: 284px;
		left: 30%;
	}
}
@media screen and (max-width: 700px) {
    .hero__icon-5 {
        top: 696px;
    }
}

.hero__icon-6 {
    background-image: url(../image/sprite.png);
    background-position: -332px -265px;
    width: 65px;
    height: 44px;
    top: 115px;
    right: 15%;
}

.hero__icon-7 {
    background-image: url(../image/sprite.png);
    background-position: 0px 0px;
    width: 332px;
    height: 183px;
    top: 106px;
    right: -5%;
}

@media screen and (max-width: 1530px) {
    .hero__icon-7 {
        right: -15%;
    }
}

@media screen and (max-width: 1300px) {
    .hero__icon-7 {
		top: 12px;
        right: -21%;
    }
}

@media screen and (max-width: 890px) {
    .hero__icon-7 {
        right: -30%;
    }
}

@media screen and (max-width: 800px) {
    .hero__icon-7 {
        display: none;
    }
}

.hero__icon-8 {
    background-image: url(../image/sprite.png);
    background-position: -174px -310px;
    width: 73px;
    height: 65px;
    top: 364px;
    right: 5%;
}
@media screen and (max-width: 1260px) {
	.hero__icon-8 {
		top: 223px;
	}
}
@media screen and (max-width: 1370px) {
    .hero__icon-8 {
        right: 1%;
    }
}

.hero__icon-9 {
    background-image: url(../image/sprite.png);
    background-position: -211px -177px;
    width: 87px;
    height: 87px;
    top: 258px;
    right: 21%;
}

.hero__icon-10 {
    background-image: url(../image/sprite.png);
    background-position: -156px -387px;
    width: 68px;
    height: 69px;
    top: 435px;
    right: 15%;
}

@media screen and (max-width: 1260px) {
	.hero__icon-9 {
		top: 156px;
	}
	.hero__icon-10 {
		top: 312px;
	}
}