* {
    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 (max-width:480px) {
.colx1{width:100%;float:left}
.colx2{float:right;width:100%}
}


/*Ipad dọc(768 x 1024)*/
@media (max-width:800px)
{
    .hidenpc{display: block;}
    .hidenmobi{display: none;}
    .content-dd iframe{
	width:100% !important;
}
}
@media screen and (min-width: 768px) {
    
    #back-top {
        right: -10px;
    }
    .container {
        width: inherit;
    }
    .category {
        top: 90px;
    }
    .btn-red {
        margin-top: 0;
    }
    .category.cate-detail {
        top: 50px;
    }
}


/*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: 94px;
    }
}


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

@media screen and (min-width: 1440px) {
    #back-top {
        bottom: 25px;
        right: 280px;
    }
    .category {
        top: 94px;
    }
}
@media (max-width:480px)
{
    .content-dd > div img {
    width: 100% !important;
}
.content-dd img {
    width: 100% !important;
}
}