.demuc{
    background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
    background-image:      -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
    background-image:         linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
    color: #ffffff;
    text-align: center;
    border-radius: 3px;
    padding: 3px 3px;
}
.prize{
    color: red;
}
@media screen and (min-width: 1025px) {
    #conten1 {
        float: left;
        padding-left: 0px;
    }

    #danhMucSanPham {
        border-radius: 2px;
        text-align: left;
    }

    #tinTuc {
        margin-top: 2px;
        border-radius: 2px;
        text-align: left;
    }

    #conten2 {
        border-left: solid #dcdcdc 1px;
    }

    #sanPhamUaChuong {
        border-radius: 2px;
    }

    #spuc1 {
        float: left;
        padding-bottom: 5px;
        width: 33%;
    }

    #spuc1 img {
        width: 95%;
    }

    #spuc2 {
        float: left;
        padding-bottom: 5px;
        width: 33%;
    }

    #spuc2 img {
        width: 100%;
    }

    #spuc3 {
        padding-bottom: 5px;
        width: 33%;
    }

    #spuc3 img {
        width: 100%;
    }

    #spuc4 {
        float: left;
        padding-bottom: 5px;
        width: 33%;
    }

    #spuc4 img {
        width: 95%;
    }

    #spuc5 {
        float: left;
        width: 33%;
        padding-bottom: 5px;
    }

    #spuc5 img {
        width: 100%;
    }

    #spuc6 {
        width: 33%;
        padding-bottom: 5px;
    }

    #spuc6 img {
        width: 100%;
    }

    #sanPhamMoi {
        border-radius: 2px;
        margin-top: 2px;
    }

    #spm1 {
        float: left;
        padding-bottom: 5px;
        width: 33%;
    }

    #spm1 img {
        width: 95%;
    }

    #spm2 {
        float: left;
        padding-bottom: 5px;
        width: 33%;
    }

    #spm2 img {
        width: 100%;
    }
    .tieude2 > h3{
        font-size: 24px;
    }
    .tieude2 > h4{
        font-size: 20px;
    }
    .tieude2 > h5{
        font-size: 16px;
    }
}
/*Ipad ngang(1024 x 768)*/
@media screen and (max-width: 1024px){
    #conten1{
        float: left;
        padding-left: 0px;
    }
    #danhMucSanPham{
        border-radius: 2px;
        text-align: left;
    }
    #tinTuc{
        margin-top: 2px;
        border-radius: 2px;
        text-align: left;
    }
    #conten2{
        border-left: solid #dcdcdc 1px;
    }
    #sanPhamUaChuong{
        border-radius: 2px;
    }
    #spuc1{
        float: left;
        padding-bottom: 5px;
        width: 33%;
    }
    #spuc1 img{
        width: 95%;
    }
    #spuc2{
        float: left;
        padding-bottom: 5px;
        width: 33%;
    }
    #spuc2 img{
        width: 100%;
    }
    #spuc3{
        padding-bottom: 5px;
        width: 33%;
    }
    #spuc3 img{
        width: 100%;
    }
    #spuc4{
        float: left;
        padding-bottom: 5px;
        width: 33%;
    }
    #spuc4 img{
        width: 95%;
    }
    #spuc5{
        float: left;
        width: 33%;
        padding-bottom: 5px;
    }
    #spuc5 img{
        width: 100%;
    }
    #spuc6 {
        width: 33%;
        padding-bottom: 5px;
    }
    #spuc6 img{
        width: 100%;
    }
    #sanPhamMoi{
        border-radius: 2px;
        margin-top: 2px;
    }
    #spm1{
        float: left;
        padding-bottom: 5px;
        width: 33%;
    }
    #spm1 img{
        width: 95%;
    }
    #spm2{
        float: left;
        padding-bottom: 5px;
        width: 33%;
    }
    #spm2 img{
        width: 100%;
    }
    .tieude2 > h3{
        font-size: 24px;
    }
    .tieude2 > h4{
        font-size: 20px;
    }
    .tieude2 > h5{
        font-size: 16px;
    }
}
/*Ipad dọc(768 x 1024)*/

@media screen and (max-width: 768px){
    #conten1{
        float: left;
        padding-left: 0px;
        width: 100%;
    }
    #danhMucSanPham {
        border-radius: 2px;
        text-align: left;

    }
    #tinTuc{
        margin-top: 2px;
        border-radius: 2px;
        text-align: left;
    }
    #conten2{
        border-left: solid #ffffff 1px;
        width: 100%;
    }

    .tieude2{
        width: 100%;
    }
    .tieude2 > h3{
        font-size: 24px;
    }
    .tieude2 > h4{
        font-size: 20px;
    }
    .tieude2 > h5{
        font-size: 16px;
    }
    #sanPhamUaChuong{
        border-radius: 2px;
    }
    #spuc1{
        float: left;
        padding-bottom: 5px;
    }
    #spuc1 img{
        width: 95%;
    }
    #spuc2{
        float: left;
        padding-bottom: 5px;
    }
    #spuc2 img{
        width: 100%;
    }
    #spuc3{
        padding-bottom: 5px;
    }
    #spuc3 img{
        width: 100%;
    }
    #spuc4{
        float: left;
        padding-bottom: 5px;
    }
    #spuc4 img{
        width: 95%;
    }
    #spuc5{
        float: left;

        padding-bottom: 5px;
    }
    #spuc5 img{
        width: 100%;
    }
    #spuc6 {

        padding-bottom: 5px;
    }
    #spuc6 img{
        width: 100%;
    }
    #sanPhamMoi{
        border-radius: 2px;
        margin-top: 2px;
    }
    #spm1{
        float: left;
        padding-bottom: 5px;
    }
    #spm1 img{
        width: 95%;
    }
    #spm2{
        float: left;
        padding-bottom: 5px;
    }
    #spm2 img{
        width: 100%;
    }
}
/*Tablet nhỏ(480 x 640)*/
@media screen and (max-width: 480px){
    #conten1{
        float: left;
        padding-left: 0px;
        width: 100%;
    }
    #danhMucSanPham{
        border-radius: 2px;
        text-align: left;
    }
    #tinTuc{
        margin-top: 2px;
        border-radius: 2px;
        text-align: left;
    }
    #conten2{
        border-left: solid #ffffff 1px;
        width: 100%;
    }

    .tieude2{
        width: 100%;
    }
    .tieude2 > h3{
        font-size: 20px;
    }
    .tieude2 > h4{
        font-size: 18px;
    }
    .tieude2 > h5{
        font-size: 16px;
    }

    #sanPhamUaChuong{
        border-radius: 2px;
    }
    #spuc1{
        float: left;
        padding-bottom: 5px;
        width: 100%;
    }
    #spuc1 img{
        width: 95%;
    }
    #spuc2{
        float: left;
        padding-bottom: 5px;
        width: 100%;
    }
    #spuc2 img{
        width: 100%;
    }
    #spuc3{
        padding-bottom: 5px;
        width: 100%;
    }
    #spuc3 img{
        width: 100%;
    }
    #spuc4{
        float: left;
        padding-bottom: 5px;
        width: 100%;
    }
    #spuc4 img{
        width: 95%;
    }
    #spuc5{
        float: left;
        width: 100%;
        padding-bottom: 5px;
    }
    #spuc5 img{
        width: 100%;
    }
    #spuc6 {
        width: 100%;
        padding-bottom: 5px;
    }
    #spuc6 img{
        width: 100%;
    }
    #sanPhamMoi{
        border-radius: 2px;
        margin-top: 2px;
    }
    #spm1{
        float: left;
        padding-bottom: 5px;
        width: 100%;
    }
    #spm1 img{
        width: 95%;
    }
    #spm2{
        float: left;
        padding-bottom: 5px;
        width: 100%;
    }
    #spm2 img{
        width: 100%;
    }
}


/*Smart phone nhỏ*/
@media screen and (max-width: 320px){
    #conten1{
        float: left;
        padding-left: 0px;
        width: 100%;
    }
    #danhMucSanPham{
        border-radius: 2px;
        text-align: left;
    }
    #tinTuc{
        margin-top: 2px;
        border-radius: 2px;
        text-align: left;
    }
    #conten2{
        border-left: solid #ffffff 1px;
        width: 100%;
    }

    .tieude2{
        width: 100%;
    }
    .tieude2 > h3{
        font-size: 14px;
    }
    .tieude2 > h4{
        font-size: 13px;
    }
    .tieude2 > h5{
        font-size: 12px;
    }

    #sanPhamUaChuong{
        border-radius: 2px;
    }
    #spuc1{
        float: left;
        padding-bottom: 5px;
        width: 100%;
    }
    #spuc1 img{
        width: 95%;
    }
    #spuc2{
        float: left;
        padding-bottom: 5px;
        width: 100%;
    }
    #spuc2 img{
        width: 100%;
    }
    #spuc3{
        padding-bottom: 5px;
        width: 100%;
    }
    #spuc3 img{
        width: 100%;
    }
    #spuc4{
        float: left;
        padding-bottom: 5px;
        width: 100%;
    }
    #spuc4 img{
        width: 95%;
    }
    #spuc5{
        float: left;
        width: 100%;
        padding-bottom: 5px;
    }
    #spuc5 img{
        width: 100%;
    }
    #spuc6 {
        width: 100%;
        padding-bottom: 5px;
    }
    #spuc6 img{
        width: 100%;
    }
    #sanPhamMoi{
        border-radius: 2px;
        margin-top: 2px;
    }
    #spm1{
        float: left;
        padding-bottom: 5px;
        width: 100%;
    }
    #spm1 img{
        width: 95%;
    }
    #spm2{
        float: left;
        padding-bottom: 5px;
        width: 100%;
    }
    #spm2 img{
        width: 100%;
    }
}