.box-sp {
    text-align: center;
    /* padding: 7px; */
    /* border: 1px solid #ddd; */
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
    margin-top: 4px;
}
.anh_sp {
    width: 100%;
    height: auto;
    padding: 5px;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
}
.anh_sp .img {
    height: auto;
    max-width: 100%;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}
.title_sp {
    height: 66px;
    font-size: 13px;
    line-height: 23px;
    /* font-family: OpenSans-Semibold; */
    color: #970707;
    transition: 0.2s;
    /* padding: 18px 5px; */
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 15px;
}
.box-sp:hover .img {
    transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
}
.box-sp:hover .title_sp{
    transition: 0.2s;
    color: #F44336;
}
.slide_spct_product {
    width: 95%;
    margin-left: 0px;
    margin-top: 18px;
}
.ttspct{
    margin: 30px 0 15px;
}
.tomtat_spchitiet{
    width: 97%;
    float:right;
}
.xemthem_sp {
    position: absolute;
    right: 0px;
    top: -2px;
    font-size: 13px;
}
@media (max-width:780px) {
    .tomtat_spchitiet{
        width: 100%;
    }
    .slide_spct_product {
        width: 100%;
    }
}
@media (max-width:500px) {
    .title_sp {
        /* height: 71px; */
        font-size: 15px;
        /* padding: 18px 5px; */
    }
    .anhto_spct {
        height: auto;
        display: block;
    }
    .anhnho_spct {
        height: 50px;
    }
    .cattitle h3 {
        font-size: 17px;
    }
}
@media (max-width:350px) {
    .anhnho_spct {
        height: 35px;
    }
}