/*** for PC Browser ***/
@media (min-width:401px)
{
.offers {
    display: flex;
    text-align: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.offer {
    margin: 0px 0px 10px 5px;
    width: 48%;
    display: inline-block;
}

.offer img {
    width: 100%;
}

#hpb-main p {
    margin-left: 10px;
    margin-right: 10px;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.offers {
    display: flex;
    text-align: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.offer {
    margin: 0px 0px 10px 5px;
    width: 98%;
    display: inline-block;
}

.offer img {
    width: 100%;
}

#hpb-main p {
    margin-left: 10px;
    margin-right: 10px;
}
}