.mg_single_box{
    position:relative;
    display:inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items:center;
    width:45vw;
    aspect-ratio: 4/4.5;
    max-height:calc(45vw + ((45vw / 100) * ( 100 - 75 )));
    max-width:300px;
    min-width:calc((100vw / 7) - 4px);
    margin-top:20px;
    transition:all 100ms ease-in-out;
}
.mg_single_box_at{
    width:100%;
    height:100%;
}
.mg_single_box_wrap{
    cursor:pointer;
    position:absolute;
    display:inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    width:100%;
    height:100%;
    font-family:gotham_bookregular;

    transition:all 140ms ease-out;
    transform-origin: center;
    transform:scale(.94) translate(0%, 10%);
    
    opacity:0;
    
}
.box_wrap_is_visible{
    opacity:1;
    
    transform:scale(1) translate(0%, 0%);
}
.box_wrap_not_visible{
    opacity:0;
    
    transform:scale(.94) translate(0%, 10%);
}
.mg_sb_header_container{
    position:relative;
    display:inline-flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
    height:20%;
    
    font-size:min(1.7vw,11px);
    text-align:center;

    cursor:pointer;
    
}
.mg_sb_header_container_light{
    background:rgb(221, 8, 8);
    color:white;
}
.mg_sb_header_container_dark{
    background:rgb(51, 51, 51);
    color:white;
}
.mg_sb_header_container_dark_r{
    background:rgb(43, 87, 129);
    color:white;
}
.mg_sb_specs_res_container_light{
    background:rgb(221, 8, 8);
    color:white;
}
.mg_sb_specs_res_container_dark{
    background:rgb(51, 51, 51);
    color:white;
}
.mg_sb_specs_res_container_dark_r{
    background:rgb(43, 87, 129);
    color:white;
}
.mg_sb_header_container_light_r{
    background:#296dac;
    color:white;
}
.mg_sb_specs_res_container_light_r{
    background:#296dac;
    color:white;
}

.mg_sb_mpic_container{
    position:relative;
    display:inline-flex;
    justify-content:center;
    align-items: center;
    width:100%;
    height:60%;
    overflow:hidden;
}
.mg_mpic_img_hit{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:7;
}
.mg_mpic_img{
    position:relative;
    display:inline-block;
    width:100%;
    height:100%;
    z-index:4;
}
.mg_m_aid{
    position:absolute;
    display:inline-flex;
    align-items: center;
    justify-content:flex-start;
    width:auto;
    min-width:unset;
    height:7%;
    text-align: left;
    color:#1a1a1a;
    font-size:min(2vw,12px);
    padding:3px;
    left:8px;
    top:8px;
    background: rgba(255,255,255,.89);
    font-family:gotham_boldregular;
    z-index:6;
    transition:all 400ms ease-out;
}
.mg_m_ubicacion{
    position:absolute;
    display:inline-flex;
    align-items: center;
    justify-content:flex-start;
    width:auto;
    min-width:unset;
    height:7%;
    text-align: right;
    color:#e6e4e4;
    font-size:min(2vw,12px);
    padding:3px;
    right:8px;
    top:8px;
    background: rgba(56, 56, 56, 0.89);
    font-family:gotham_bookregular;
    z-index:6;
    transition:all 400ms ease-out;
}
.mg_m_precio_regular,.mg_m_precio_oferta{
    position:absolute;
    display:inline-flex;
    align-items: center;
    justify-content:flex-end;
    width:auto;
    min-width:48px;
    height:7%;
    text-align: right;
    color:#1a1a1a;
    font-size:min(2vw,13px);
    padding:4px;
    padding-left:6px;
    right:8px;
    top:calc(100% - 25px - 8px);
    background: rgba(255,255,255,.89);
    font-family:gotham_boldregular;
    z-index:6;
    transition:all 400ms ease-out;
}
.mg_m_precio_regular_light,.mg_m_precio_oferta_light,.mg_m_aid_light{
    background: rgba(255,255,255,.89);
    color:#1a1a1a;
}
.mg_m_precio_regular_dark,.mg_m_precio_oferta_dark,.mg_m_aid_dark{
    background: rgba(14,14,14,.70);
    color:#ffffff;
}
.mg_m_precio_regular_dark{
    background: rgba(14,14,14,.70);
    color:#ffffff;
}
.precio_tachado{
    top:calc(100% - 25px - 8px - 25px - 10px);
    text-decoration: line-through;
}
.mg_sb_hp_cont{
    position:relative;
    display:inline-flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
    height:80%;
    width:19%;
    z-index:10;
}
.mg_sb_logo_icon{
    position:relative;
    width:17%;
    height:auto;
    z-index:10;
}
.mg_sb_marca_icon{
    position:relative;
    width:100%;
    height:auto;
    z-index:10;
}
.spec_res_group{
    position:relative;
    display:inline-flex;
    justify-content: space-between;
    align-items:center;
    width:44%;
    height:44%;
}
.spec_res_icon{
    position:relative;
    width:auto;
    height:60%;
    z-index:10;
}
.spec_res_text{
    text-align:left;
    width:70%;
    font-size:min(2vw,8px);
    font-weight:bold;
}
.mg_sb_specs_res_container{
    position:relative;
    display:inline-flex;
    flex-wrap:wrap;
    justify-content: space-around;
    align-items: center;
    width:100%;
    height:20%;
    
    font-size:min(3.2vw,14px);
    text-align:left;
}
.mg_sb_hp_txt{
    position:relative;
    width:100%;
    height:auto;
    font-weight:bold;
    z-index:10;
    font-size:min(1.6vw,7px);
}
.mg_sb_anuncio_nombre{
    position:relative;
    height:auto;
    width:60%;
    font-family: gotham_boldregular;
    z-index:10;
}
.mg_m_copyright_pic_container{
    transform:rotate(-90deg);
    position:absolute;
    display:inline-flex;
    flex-wrap:nowrap;
    justify-content: flex-start;
    align-items: center;
    top: calc(100% - 30%);
    left: calc(100% - 24px);
    z-index:6;
    transform-origin: top left;
}
.mg_m_copyr_img{
    position:relative;
    display:inline-block;
    width:22px;
    height:22px;
}

.mg_copyr_txt_mi,.mg_copyr_txt_garage{
    margin-left:2px;
    font-family:gotham_boldregular;
    font-size:min(2vw,9px);
    text-align:left;
    color:white;
}
.mg_copyr_txt_garage{
    margin-left:1px;
    font-family:gotham_bookregular;
}
@media screen and (min-width:600px) and (max-width:1200px) {
    .mg_single_box{
        width:28vw;
        /*
        height:63vh;
        */
    }
    .mg_sb_anuncio_nombre{
        font-family:gotham_bookregular;
    }
    .mg_m_precio_regular,.mg_m_precio_oferta{
        font-size: min(1.76vw,13px);
        font-family:gotham_bookregular;
    }
    .precio_tachado{
        top:calc(100% - 14px - 8px - 25px - 10px);
    }
    .mg_m_aid{
        font-family:gotham_bookregular;
        min-width: unset;
    }
}
@media screen and (min-width:800px) and 
(max-width:1200px) {
    .mg_single_box{
        width:28vw;
        /*
        height:38vh;
        */
    }
    .mg_sb_anuncio_nombre{
        font-family:gotham_boldregular;
        font-size: min(1.4vw,12px);
    }
    .mg_m_precio_regular,.mg_m_precio_oferta{
        font-size: min(1.76vw,13px);
        font-family:gotham_boldregular;
    }
    .precio_tachado{
        top:calc(100% - 25px - 8px - 25px - 10px);
    }
    .mg_m_aid{
        font-family:gotham_bookregular;
        min-width: unset;
    }
    .spec_res_text{
        font-size: min(1.76vw,12px);
    }
    .mg_copyr_txt_mi,.mg_copyr_txt_garage{
        font-size:min(2vw,10px);
    }
    .mg_sb_hp_txt{
        font-size:min(2vw,10px);       
    }
}
@media screen and (min-width:1201px) and (max-width:1800px) {
    .mg_single_box{
        width:calc((100vw / 4) - 8px);
        /*
        height:28vh;
        */
    }
    .mg_sb_anuncio_nombre{
        font-family:gotham_boldregular;
        font-size: min(1.64vw,14px);
    }
    .mg_m_precio_regular,.mg_m_precio_oferta{
        font-size: min(1.76vw,13px);
        font-family:gotham_boldregular;
    }
    .precio_tachado{
        top:calc(100% - 25px - 8px - 25px - 10px);
    }
    .mg_m_aid{
        font-family:gotham_boldregular;
        min-width: unset;
    }
    .spec_res_text{
        font-size: min(1.4vw,12px);
    }
    .mg_copyr_txt_mi,.mg_copyr_txt_garage{
        font-size:min(2vw,10px);
    }
    .mg_sb_hp_txt{
        font-size:min(2vw,10px);       
    }
}
@media screen and (min-width:1801px) {
    .mg_single_box{
        width:calc((100vw / 6) - 24px);
        /*
        height:28vh;
        */
    }
    .mg_sb_anuncio_nombre{
        font-family:gotham_boldregular;
        font-size: min(1.78vw,14px);
    }
    .mg_m_precio_regular,.mg_m_precio_oferta{
        font-size: min(1.76vw,13px);
        font-family:gotham_boldregular;
    }
    .precio_tachado{
        top:calc(100% - 25px - 8px - 25px - 10px);
    }
    .mg_m_aid{
        font-family:gotham_boldregular;
        min-width: unset;
    }
    .spec_res_text{
        font-size: min(0.76vw,13px);
    }
    .mg_copyr_txt_mi,.mg_copyr_txt_garage{
        font-size:min(2vw,10px);
    }
    .mg_sb_hp_txt{
        font-size:min(2vw,10px);       
    }
}

.cbox_like_container{
    width:30px;
    height: 30px;
    position: absolute;
    top: calc(100% - 30px - 8px);
    left: 4px;
    z-index: 9;
}
.cbox_like_bg{
    width:100%;
    height:100%;
    position:relative;
    display:inline-flex;
    align-items: center;
    justify-content: flex-start;
}
.cbox_like_bg_img{
    position:relative;
    width:100%;
    height:100%;
    transform-origin: bottom left;
}
.cbox_like_count{
    position: relative;
    margin-left: 4px;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    height: 100%;
    width: auto;
    font-family:gotham_boldregular;
    text-shadow: 1px 1px 4px #f0f3f7, -1px -1px 4px #FFF;
}
.test_qn img{
    position: absolute;
    bottom: 50px;
    right: 25px;
    z-index: 10;
    width: 125px;
    cursor:pointer;
}