#wrap-dothiHOSE,
#wrap-dothiHNX{
    width: 48%;
    margin: 0 2px;
    float: left;
    height: 300px;
    overflow: hidden;
}
#wrap-dothiNN{
    width: 100%;
    height: 300px;
    padding-top: 50px;
}
.wrap-textHOSE{
    width: 50%;
    height: auto;
    float: left;
}
.wrap-textHNX{
    width: 50%;
    height: auto;
    float: right;
}
#dothiHOSE,
#dothiHNX,
#dothiNN {
    width: 100%;
    height: 100%;
    margin: 3px;
}

/* iPhone 4 ----------- */
/*MOBILE*/
@media all and (max-width: 599px) {
    #wrap-dothiHOSE,
    #wrap-dothiHNX,
    #wrap-dothiNN{
        width: 80%;
        margin: 20px 2px;
        float: none;
        height: 240px;
        overflow: hidden;
    }

    .wrap-textHOSE {
        width: 100%;
        height: auto;
        float: none;
    }

    .wrap-textHNX {
        width: 100%;
        height: auto;
        float: none;
    }

}
/*TABLET*/
@media all and (min-width: 600px) and (max-width:799px){
    #wrap-dothiHOSE,
    #wrap-dothiHNX,
    #wrap-dothiNN{
        width: 80%;
        margin: 20px 2px;
        float: none;
        height: 240px;
        overflow: hidden;
    }
    .wrap-textHOSE{
        width: 100%;
        height: auto;
        float: none;
    }
    .wrap-textHNX{
        width: 100%;
        height: auto;
        float: none;
    }


}