.top_block {
    display: flex;
    justify-content: center;
    align-items: center;
}

.top_block a {
    color: #fff;
    text-decoration: none;
}

.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;
    border: none;
}

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

.common_lang {
    color: #fff;
}

.common_lang a {
    text-decoration: none;
    color: #fff;
}

.common_cart .icon {
    width: 45px;
}

.user {
    height: 45px;
}

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

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

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

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

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

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

#Capa_3 {
    width: 45px;
    height: 45px;
    fill: #fff;
    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: #14120F;
    border-radius: 50%;
    font-size: 13px;
    color: #fff;
}

@media (max-width: 1300px) {
    #Capa_1 {
        width: 40px;
        height: 40px;
        cursor: pointer;
    }
    /* .common_cart .number {
        width: 25px;
        height: 25px;
    } */
    .user {
        height: 40px;
    }
    #Capa_2 {
        width: 40px;
        height: 40px;
        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;
        top: 0px;
        right: 0;
    }
    #Capa_1 {
        width: 40px;
        height: 40px;
        cursor: pointer;
    }
    .user {
        height: 40px;
    }
    #Capa_2 {
        width: 40px;
        height: 40px;
        visibility: initial;
        cursor: pointer;
    }
}

@media (max-width: 1100px) {
    .common_lang {
        color: #fff;
    }
    .common_lang a {
        color: #fff;
    }
    .cls-1 {
        fill: none;
        stroke-miterlimit: 10;
        stroke-width: 9px;
        stroke: #fff;
    }
    #Capa_1 {
        width: 30px;
        height: 30px;
        cursor: pointer;
        fill: #fff;
    }
    .cls-2 {
        fill: none;
        stroke-miterlimit: 10;
        stroke-width: 9px;
        stroke: #fff;
    }
    #Capa_2 {
        width: 30px;
        height: 30px;
        visibility: initial;
        cursor: pointer;
        fill: #fff;
    }
    #Capa_2.hide {
        opacity: 0;
        pointer-events: none;
    }
    .cls-3 {
        fill: none;
        stroke-miterlimit: 10;
        stroke-width: 9px;
        stroke: #fff;
    }
    #Capa_3 {
        width: 30px;
        height: 30px;
        position: fixed;
        top: 52px;
        left: 58.5%;
        transition: top 0.5s;
        cursor: pointer;
    }
    .part01-template-01.fix .common_lang a {
        color: #fff;
    }
    .part01-template-01.fix .cls-1 {
        stroke: #fff;
    }
    .part01-template-01.fix #Capa_1 {
        fill: #fff;
    }
    .part01-template-01.fix .cls-2 {
        stroke: #fff;
    }
    .part01-template-01.fix #Capa_2 {
        fill: #fff;
    }
    .part01-template-01.fix .cls-3 {
        stroke: #fff;
    }
    .part01-template-01.fix .bar {
        background-color: #fff;
    }
    .user {
        height: 30px;
    }
    .common_cart .number {
        top: 7px;
        right: 5px;
    }
}

@media (max-width:750px) {
    .common_cart {
        width: 30px;
        height: 30px;
        /* top: 50px; */
    }
    .user {
        height: 30px;
    }
    .login_btn {
        /* top: 50px; */
    }
    .common_cart2 {
        right: 21%;
        top: 10px;
    }
    .common_cart2.down {
        top: 10px;
    }
    .common_cart .number {
        top: 0;
        right: 0;
    }
    .common_cart2 .number {
        transform: translate(50%, -50%) scale(0.6);
        left: 10px;
        bottom: 7px;
    }
    #Capa_2 {
        width: 30px;
        height: 30px;
    }
}

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

@media (max-width:650px) {
    .common_cart {
        width: 30px;
        height: 30px;
        top: 0px;
        position: relative;
    }
}