/*Css used to overwrite some os comerce pages*/


.l-maincontent > table > tbody > tr> td > img{
    display:none !important;
}
.l-maincontent > table > tr> td > img{
    display:none !important;
}
.pageHeading{
    display: none;
    }
td.desc > a > img {
    display:none;
}
td.desc{
    width:100%;
    font-size:1rem;
}
.descinfo{
    width:100%;
    overflow-x: auto;
}
td.desc img{
    object-fit: contain;
    max-width: 100%;
}


@media screen and (max-width:971px), print and (max-width:971px) {
    /* Override inline styles to make usable on a responsive site
    td.desc > * > * > * > *> * > *:not(b):not(strong):not(i):not(em):not(img),  td.desc > * > * > * > *>*:not(b):not(strong):not(i):not(em):not(img) ,  td.desc > * > * > * > *:not(b):not(strong):not(i):not(em):not(img),  td.desc > * > * > *:not(b):not(strong):not(i):not(em):not(img),  td.desc > * >*:not(b):not(strong):not(i):not(em):not(img),  td.desc > *:not(b):not(strong):not(i):not(em):not(img) {
        width:auto !important;
        height:auto !important;
        max-width: 100% !important;
        display:flex;
        flex-wrap: wrap;
        font-size: 0.9rem !important;
    } 
    td.desc > * > * > * > *> * > img,  td.desc > * > * > * > *> img ,  td.desc > * > * > * > img ,  td.desc > * > * > img,  td.desc > * > img,  td.desc > img{
        display: none;
    } */
    td.desc{
        max-width: 100vw;
    }
    td.desc> table {
        overflow-x: auto;
        display:block;
    }
} 


@media only screen and (min-width: 971px), print and (min-width: 971px)  {
    .pageHeading{
        display: table-cell;
    }
    td.desc > a > img {
        display:inline-block;
    }
    .l-maincontent > table > tbody > tr> td > img{
        display:inline-block!important;
    }
    .l-maincontent > table > tr> td > img{
        display:inline-block!important;
    }

    td.desc img{
        max-width: unset;
    }
}