.hero .img_promo{    
    width: 148px;
    height: 148px;
    position: absolute;
    right: 20px;
    bottom: 300px;
    z-index: 2;
}
@media (max-width:1200px) {
    .hero .img_promo{    
    width: 120px;
    height: 120px;
    position: absolute;
    right: 30px;
    bottom: 220px;
    z-index: 2;
}
}
@media (max-width:1100px) {
    .hero .img_promo{    
    right: auto;
    bottom: auto;
    top: 180px;
    left: 660px;
    z-index: 2;
}
}
@media (max-width:830px) {
    .hero .img_promo{    
    width: 120px;
    height: 120px;
    right: 30px;
    bottom: auto;
    top: 130px;
    left: auto;
}
}
@media (max-width:600px) {
    .hero .img_promo{    
    width: 100px;
    height: 100px;
}
}
@media (max-width:479px) {
    .hero .img_promo{   
    right: 20px;
    bottom: auto;
    top: 40px;
    left: auto;
}
.hero .container .wrap .left .logo {
    position: relative;
    z-index: 3;
}
}