* {
    margin: 0 auto;
    padding: 0;
}



/*Smart phone nhỏ*/

@media screen and (min-width: 240px) {
    .body-wrapper {
        width: 100%;
    }
}



/*Iphone(320 x 480)*/

@media screen and (min-width: 320px) {}



/*Tablet nhỏ(480 x 640)*/

@media screen and (min-width: 480px) {}

@media screen and (min-width: 425px) {
    .table-xsmb,
    .table-number {
        width: 97%;
    }
}

@media screen and (min-width: 375px) {
    .table-xsmb,
    .table-number {
        width: 97.2%;
    }
}



/*Ipad dọc(768 x 1024)*/

@media screen and (min-width: 768px) {
    #back-top {
        right: -10px;
    }
    .container {
        width: inherit;
    }
    .category {
        top: 101px;
    }
    .btn-red {
        margin-top: 0;
    }
    .title-header {
        padding: 16px 10px;
    }
    .title-main-top>h1 {
        margin: 10px 0;
    }
    .table-xsmb,
    .table-number {
        width: 98.5%;
    }
}



/*Ipad ngang(1024 x 768)*/

@media screen and (min-width: 1024px) {
    .body-wrapper {
        width: 60%;
        border: 1px solid #ccc;
    }
    .navigation-mobile {
        width: 25%;
    }
    .category {
        left: -700px;
        top: 101px;
    }
    .table-xsmb,
    .table-number {
        width: 98%;
    }
    .category.newdetail {
        top: 55px;
    }
}



/*Laptop/desktop ngang(1440 x 768)*/

@media screen and (min-width: 1440px) {
    #back-top {
        bottom: 10px;
        right: 280px;
    }
    .category {
        top: 101px;
    }
    .table-xsmb,
    .table-number {
        width: 98.7%;
    }
}