.top_block {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100%;
    right: 5%;
}

.common_cart {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    margin-left: calc(26 / 1920 * 100vw);
    margin-right: calc(26/1920*100vw);
    cursor: pointer;
    position: relative;
}

.common_cart.hide {
    opacity: 0;
    pointer-events: none;
}

.common_lang {
    color: #000;
}

.common_cart .icon {
    width: 45px;
}

.user {
    height: 45px;
}

.cls-1 {
    fill: none;
    stroke: #000;
    stroke-miterlimit: 10;
    stroke-width: 9px;
}

#Capa_1 {
    width: 45px;
    height: 45px;
    fill: #000;
    cursor: pointer;
}

.cls-2 {
    fill: none;
    stroke: #000;
    stroke-miterlimit: 10;
    stroke-width: 9px;
}

#Capa_2 {
    width: 45px;
    height: 45px;
    fill: #000;
    visibility: initial;
    cursor: pointer;
}

#Capa_2.hide {
    opacity: 0;
    pointer-events: none;
}

.cls-3 {
    fill: none;
    stroke: #000;
    stroke-miterlimit: 10;
    stroke-width: 9px;
}

#Capa_3 {
    width: 45px;
    height: 45px;
    fill: #000;
    position: fixed;
    top: 52px;
    left: 58.5%;
    transition: top 0.5s;
    cursor: pointer;
}

.capa.down {
    top: 18px !important;
}

.capa2.down {
    top: 18px !important;
}

.common_cart .number {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    transform: translate(50%, -50%);
    width: 30px;
    height: 30px;
    background-color: #e70012;
    border-radius: 50%;
    font-size: 13px;
    color: #fff;
}

@media (max-width: 1300px) {
    #Capa_1 {
        width: 40px;
        height: 40px;
        fill: #000;
        cursor: pointer;
    }
    .common_cart .number {
        width: 25px;
        height: 25px;
    }
    .user {
        height: 40px;
    }
    #Capa_2 {
        width: 40px;
        height: 40px;
        fill: #000;
        visibility: initial;
        cursor: pointer;
    }
}

@media (max-width: 1200px) {
    .common_cart .icon {
        width: 13px;
    }
    .common_cart .number {
        transform: translate(50%, -50%) scale(0.6);
    }
    .top_block {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-right: 10%;
        top: 0px;
        position: absolute;
        right: 0;
    }
    #Capa_1.active{
        fill: #fff;
    }
    #Capa_1 {
        width: 40px;
        height: 40px;
        cursor: pointer;
    }
    .common_cart .number {
        top: auto;
        width: 30px;
        height: 30px;
        left: 7px;
        transform: translate(50%, -50%) scale(0.8);
    }
    .user {
        height: 40px;
    }
    #Capa_2 {
        width: 40px;
        height: 40px;
        visibility: initial;
        cursor: pointer;
    }
    #Capa_2.active{
        fill: #fff;
    }
   
    .cls-1.active{
        stroke: #fff;
    }
   
    .cls-2.active{
        stroke: #fff;
    }
   
    .common_lang.active{
        color: #fff;
    }
}

@media (max-width: 1100px) {
    .top_block {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 0;
        top: 0px;
        margin-right: 10%;
    }
    .common_lang {
        
    }
}

@media (max-width:750px) {
    .common_cart {
        width: 30px;
        height: 30px;
    }
    .user {
        height: 30px;
    }
    .common_cart2 {
        right: 21%;
        top: 10px;
    }
    .common_cart2.down {
        top: 10px;
    }
    .common_cart .number {
        top: auto;
        width: 30px;
        height: 30px;
        left: 0;
        transform: translate(50%, -50%) scale(0.6);
    }
    .common_cart2 .number {
        transform: translate(50%, -50%) scale(0.6);
        left: 10px;
        bottom: 7px;
    }
    #Capa_2 {
        width: 30px;
        height: 30px;
    }
    .top_block {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 0;
        top: 0px;
        margin-right: 12%;
    }
}

@media (max-width:700px) and (min-width: 600px) {
    .common_cart {
        width: 30px;
        height: 30px;
        top: 0px;
    }
}

@media (max-width:600px) {
    .top_block {
        right: 3vw;
    }
}

@media (max-width: 500px) and (min-width: 300px) {
    .top_block {
        right: 0vw;
    }
}