/* --------------------- 0px to 599 px horizontal --------start---------------- */
/* retain ALL RULES from the previous condition + these: */
/* IMPORTANT: keep ALL rules & in THAT order for logical + practical reasons */
/*@media only screen and (min-width: 500px) and (max-width: 780px)*/
/*,only screen and (min-device-width: 500px) and (max-device-width: 780px){*/
@media screen and (max-width: 599px) {
    /* --- product listing ---*/
    .whitebckzone{
        padding: 20px 10px;
        width: 100%;
        max-width: 920px;
    }
    .whitebckzone h1{}
    .font_big_red{}
    .productlisting{
        display: block;
        width: 100%;
        padding: 0;
        margin: 30px 0 0 0;
    }
    .pl-row{
        display: block;
        width: 100%;
    }
    .listing_title{}
    .producth2{}
    .pl-img{
        display: block;
        width: 100%;
        padding: 0;
    }
    .pl-txt{
        display: block;
        width: 100%;
        padding: 0;
        font-size: 13px;
        line-height: normal;
    }
    .pl-txt .smallbut{
        padding: 10px 15px;
        font-size: 15px;
    }
    .listingpassmark{
        font-size: 20px;
    }
    .listing_price{
        color: #ff0000;
        font-size: 20px;
        font-weight: bold;
    }
    .listing_monitors{
        font-size: 20px;
        font-weight: bold;
    }
}