Reduce space between product fields on product listing page

[DML73]

Bootstrap 3.7.7-beta1

How can I reduce/remove the white space between the product fields on the product listing pages? So that the fields themselves gets wider. In attached image, I mean the orange frame on the sides of the fields. Apparently its "margin-right: 15px;" and "margin-left: 15px;". I want to set these to 0px, however I can't find that in any css file.

[pilou2]

This in a bootstrap library remotely loaded. To override it, got includes/templates/bootstrap/css folder and rename dist-site_specific_styles.php file to site_specific_styles.php. Then edit this file and add this between the <style> and </style> tags:

    .card-deck .card {
    margin-right: 15px;
    margin-left: 15px;
    }

Or this, depending on what part you want to change:

    .col {
        padding-right: 15px;
        padding-left: 15px;
    }

Then adjust numbers as you like. Be careful that theses changes are site wise.

[pilou2]

This also have some effect:

    .p-3 {
        padding: 1rem !important;
    }

[DML73]

Perfect thanks! Option two and three did the job in my case.