The div and images are not responsive

See more:

Javascript

HTML

jQuery

CSS3

, +

Website: showdeal.in I have places a static banner from snapdeal but the banner runs out of its container box. The static banner is a javascript with fixed height and width mentioned in it. Here is the code:

<div class="col-lg-4 col-md-4">
    <div class="panel panel-primary">
        <div class="panel-heading">TITLE</div>
        <div class="panel-body">
            <div data-SDID="someidhere"  data-identifier="SnapdealAffiliateAds" data-height="auto" data-width="auto" >
            </div><script async id="snap_zxcvbnhg" src="https://affiliate-ads.snapdeal.com/affiliate/js/snapdealAffiliate.js"></script>
        </div>
    </div>
</div>

I have used following jquery in head section (also tried it after body) to add responsive classes to the image i get from snapdeal:

<script>
    $(document).ready(function() 
    {
        $("img").addClass("img");
        $("img").addClass("img-responsive");
    });
</script>

but, no wonders. Please help.

What I have tried:

static width to image, auto width and auto height to images and responsiveness to image.
Actually, the view in mobile is fine, but on laptop, the tiles get out of the container. I tried auto in place of fix width, still it didnt work because the script overrides the dimensions at runtime. please see the view-source of showdeal.in for rendered result.