.name-and-price-container {
    width:90%;
    float:right;
}

.name-container {
    width:90%;
    float:left;
}

.price-container {
    width:10%; 
    float:left;
}

.add-to-cart-container {
    width:10%;
    float:left;
}

/* --------- iphone portrait -----------  */
/*@media screen and (max-width: 320px) {*/
@media screen and (max-width: 540px) {
    .name-and-price-container {
        width:100%;
    }		

    .name-container {
        width:100%;
    }

    .price-container {
        width:100%;
    }

    .add-to-cart-container {
        width:100%;
    }
}

/* --------- ipad portrait -------------  */

/*
    covers portrait and landscape 
    @media screen and (min-width: 481px) and (max-width: 1366px) and (orientation:portrait) {
    @media screen and (min-width: 481px) and (max-width: 1366px) and (orientation:landscape) {
*/
@media screen and (min-width: 481px) and (max-width: 1366px) {

}