Error PML 103<link rel="stylesheet"  href="https://nelsons.lk/dist/lightslider/src/css/lightslider.css"/>
<style>
    ul{
        list-style: none outside none;
        padding-left: 0;
        margin: 0;
    }
    .demo .item{
        margin-bottom: 5px;
    }
    .content-slider li{
        background-color: #ed3020;
        text-align: center;
        color: #FFF;
    }
    .content-slider h3 {
        margin: 0;
        padding: 70px 0;
    }

</style>

<script src="https://nelsons.lk/dist/lightslider/src/js/lightslider.js"></script> 
<script>
    $(document).ready(function () {
        $("#content-slider").lightSlider({
            loop: true,
            keyPress: true
        });
        $('#image-gallery').lightSlider({
            gallery: true,
            item: 1,
            thumbItem: 3,
            slideMargin: 0,
            speed: 500,
            auto: true,
            loop: true,
            pause: 5000,
            onSliderLoad: function () {
                $('#image-gallery').removeClass('cS-hidden');
            }
        });
    });
</script>

<!-- end -->

<script>
    (function (i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function () {
            (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
        a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
    })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

    ga('create', 'UA-105760099-1', 'auto');
    ga('send', 'pageview');

</script>
<style>
    hr.faded {
        clear: both;
        float: none;
        width: 100%;
        height: 1px;
        margin: 1.4em 0;
        border: none;
        background: #ddd;
        background-image: -webkit-gradient(
            linear,
            left bottom,
            right bottom,
            color-stop(0, rgb(255, 255, 255)),
            color-stop(0.1, rgb(221, 221, 221)),
            color-stop(0.9, rgb(221, 221, 221)),
            color-stop(1, rgb(255, 255, 255))
            );
        background-image: -moz-linear-gradient(
            left center,
            rgb(255, 255, 255) 0%,
            rgb(221, 221, 221) 10%,
            rgb(221, 221, 221) 90%,
            rgb(255, 255, 255) 100%
            );
    }

    .flex-control-thumbs li {

        width: 50% !important;
    }

    .cx li {
        list-style: none;
        padding: 2px 0;
    }

    .fwb {
        font-weight: bold;
    }

    .cl_box {
        height: 30px !important;
        width: 70px !important;
        padding: 1px;
        cursor: grab
    }

    .cl_box div {
        width: 50%;
        height: 100%;
        border: 1px solid #ccc;
    }

    .slick-list {
        padding: 0 !important;
    }

    .cl_box {
        height: 30px !important;
        width: 30px !important;
        padding: 1px;
        cursor: grab
    }

    .cl_box div {
        width: 100%;
        height: 100%;
        border: 1px solid #ccc;
    }

    .slick-list {
        padding: 0 !important;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-color: #ccc;
    }
</style>
<div class="container item " style="padding:  10px 0px " >  






    <div class="col-md-16 " > 
        <div class="row " style="background: #ffffff;    background-color: white;margin: 10px 0px" class="">

            <div class="col-sm-12 col-md-5  " style="padding: 0px 10px 15px 10px">
                                    <img src="https://nelsons.lk/images/nopreview.jpg"/>
                      


            </div>








            <div class="col-sm-12 col-md-7" style="color: #000;padding-left:  30px; padding-right: 30px">
                <div class="row">

                    <div class="col-sm-12 ">

                        <h3 style="border-bottom: 1px solid #efefef; padding-bottom: 11px;" class="hidden-xs">
                            <span style="border-bottom: 2px solid #317ece; padding-bottom: 10px;">
                                                            </span>

                        </h3>
                        
                        <h3 style="border-bottom: 2px solid #317ece; padding-bottom: 11px;" class="hidden-lg hidden-md hidden-sm">
                            <span style=" padding-bottom: 10px;">
                                                            </span>

                        </h3>

<!--<h2 style="margin: 0;text-transform: uppercase;padding-bottom: 10px;padding-left: 4px; font-weight: bold; margin-top: 30px;font-size: 22px"></h2>-->
                        <div class="row">
                            <div class="col col-sm-12">

                                <div class="col col-xs-16 col-md-16" >
                                    <p style="margin-bottom: 10px;padding: 2px 4px; font-size: 18px;"><span style="margin-right: 10px;"><span
                                                style="font-weight: bold;">Model : </span>  </span>

                                        Not Available



                                    </p>
                                    <!--<br/>-->




                                                                                <p style="margin-bottom: 10px;padding: 2px 4px; text-transform: capitalize"><span
                                                    style="margin-right: 10px;"></span>.</p>

                                                                            </div>

                                <div class="col-xs-16 col-md-16 ">

                                    <div class="table-responsive">
                                        <table class="table-bordered table-striped">
                                            <tr>
                                                <td>
                                                    <span class='fwb'><i class="fa fa-truck" aria-hidden="true" style="padding-right: 20px; color: #317ece; font-size: 20px; vertical-align: middle"></i>Delivery</span>
                                                </td>
                                                <td>
                                                    <span style="color: #555"><a href="<?php echo base_url(); ?>" style="color: #555">inquery</a></span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <span class='fwb'><i class="fa fa-check-circle-o" aria-hidden="true" style="padding-right: 20px; color: #317ece; font-size: 20px; vertical-align: middle"></i><span style="padding-left: 4px">Delivery Available</span></span>
                                                </td>
                                                <td>
                                                    <span style="color: #555"><a href="<?php echo base_url(); ?>" style="color: #555">inquery</a></span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <span class='fwb'><i class="fa fa-shopping-basket" aria-hidden="true" style="padding-right: 20px; color: #317ece; font-size: 20px; vertical-align: middle"></i>Availability</span>
                                                </td>
                                                <td>
                                                    <span style="color: #555">In Stock</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <span class='fwb'><i class="fa fa-credit-card" aria-hidden="true" style="padding-right: 20px; color: #317ece; font-size: 20px; vertical-align: middle"></i><span style="">Installment Options</span></span>
                                                </td>
                                                <td>
                                                    <span style="color: #555"><a href="<?php echo base_url(); ?>" style="color: #555">inquery</a></span>
                                                </td>
                                            </tr>
                                                                                                </table>
                                    </div>
                                </div>
                                <div class="col-xs-16 col-md-16 " style="">




                                    <h3 style="border-bottom: 1px solid #efefef; display:none">
                                       <!--<span style="border-bottom: 2px solid #317ece; padding-bottom: 10px;">-->
                                        <img src="https://nelsons.lk/images/sampath1.jpg" class="img-responsive" style="max-width: 150px; border-bottom: 2px solid #317ece; padding-bottom: 10px;">
                                        <!--</span>-->

                                    </h3>

                                    <div class="col-md-6 col-xs-16" style='display:none'>
                                        <img src="https://nelsons.lk/images/sampath2.jpg" class="img-responsive" style="max-width: 60px; margin-top: 5px; float: left"> <span style="margin-left: 15px;float: left;font-size: 18px;margin-top: 14px;color: #f57224;">0.00 <span  style="color: #000">X 12</span></span>
                                    </div>
                                    <div class="col-md-6 col-xs-16" style='display:none'>
                                        <img src="https://nelsons.lk/images/sampath3.jpg" class="img-responsive" style="max-width: 60px; margin-top: 5px; float: left"> <span style="margin-left: 15px;float: left;font-size: 18px;margin-top: 14px;color: #f57224;">0.00 <span style="color: #000">X 24</span></span>
                                    </div>

                                    <!--<div class="clearfix"></div>-->

                                    <div class="clearfix"></div>

   <!--<img src="https://nelsons.lk/images/sampath.jpg" class="img-responsive" style="width: 100%">-->
                                </div>
                            </div>



                            <!--Warranty-->

                            <!--                            <div class="row" style="">
                                                            <div class="col-sm-16">
                                                                <h5><strong>Warranty</strong></h5>
                                                                <p style="font-size: 12px;"></p>
                                                            </div>
                                                        </div>-->









                            <script>
                                $('.responsive').slick({
                                    dots: true,
                                    infinite: true,
                                    speed: 300,
                                    slidesToShow: 10,
                                    slidesToScroll: 4,
                                    responsive: [
                                        {
                                            breakpoint: 1024,
                                            settings: {
                                                slidesToShow: 3,
                                                slidesToScroll: 3,
                                                infinite: true,
                                                dots: false
                                            }
                                        },
                                        {
                                            breakpoint: 600,
                                            settings: {
                                                slidesToShow: 2,
                                                slidesToScroll: 2
                                            }
                                        },
                                        {
                                            breakpoint: 480,
                                            settings: {
                                                slidesToShow: 1,
                                                slidesToScroll: 1
                                            }
                                        }
                                        // You can unslick at a given breakpoint now by adding:
                                        // settings: "unslick"
                                        // instead of a settings object
                                    ]
                                });

                                //                          Kanishka @ 14-01-2016 for select product color
                                $(document).ready(function () {
                                    a();
                                    function a() {
                                        $(".clb").click(function () {
                                            $(".selected_clr").attr('style', $(this).attr('style') + ';width: 100%;height: 28px;border: 1px solid #ccc;');
                                            var p = $(this).attr('style').split(':');
                                            $("#productProperty").val('color:' + $.trim(p[1]) + ':code:' + $(this).attr('code'));
                                            initSpinner($(this).attr('data_max'))
                                        })
                                    }

                                    function initSpinner(i) {
                                        $(".spinner").spinner({
                                            culture: "fr",
                                            min: 1,
                                            max: i,
                                            editable: false
                                        });

                                        var spinner = $(".spinner").spinner();
                                        spinner.spinner("value", 1);
                                    }

                                    qtyup();
                                    function qtyup() {

                                        $(".spinner").spinner({
                                            culture: "fr",
                                            min: 1,
                                            max: 0,
                                            editable: false
                                        });
                                    }
                                });
                            </script></div>

                        <!--<hr class="faded" style="margin-top: 5px; margin-bottom: 5px;"/>-->
                        <form id="form" action="https://nelsons.lk/cart/add" method="post" >
                            <input type="hidden" value="" name="options" id="productProperty">
                            <div class="row" style="padding: 0px 0;" ng-app="myApp"
                                 ng-controller="myCtrl">

                                <div class='col-xs-16' style="padding-top: 15px;padding-bottom: 0px;">
                                    <span style="color: #000000;font-size: 24px;padding-top: 8px;">Rs.<span
                                            ng-model="price"></span>0.00</span>



                                </div>
                            </div>
                            <div class="col-sm-16  col-xs-16">

                            </div>


     <!--<span style="color: #000">Quantity</span>-->

                                <div class="col-sm-16 col-xs-16" style="font-size: 14px; font-weight: bold; color: red;padding-top: 10px; padding-bottom: 10px;">
                                    Product out of stock at this time.
                                </div>
    
                    </div>
                    </form>

                    <div class="row">
                        <div class="col-sm-10">
                            <!--<p style="padding-bottom: 5px;"><span style="margin-right: 10px;font-weight: bold; text-decoration: line-through">Rs 75,000</span><span style="color: #E36161;font-size: 18px;font-weight: bold;">Rs 65,000</span></p>-->
                        </div>
                        <div class="col-sm-6">
                            <!--                                <p class="pull-right"><span>Availability: </span><span class="label label-danger">In stock</span></p>-->
                        </div>
                    </div>



                    <div class="row">
                        <div class="col-sm-3">
                            <!--<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count"></div>-->
                        </div>
                        <div class="col-sm-3">
                            <!--                                <a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
                                                            <script>!function (d, s, id) {
                                                                    var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
                                                                    if (!d.getElementById(id)) {
                                                                        js = d.createElement(s);
                                                                        js.id = id;
                                                                        js.src = p + '://platform.twitter.com/widgets.js';
                                                                        fjs.parentNode.insertBefore(js, fjs);
                                                                    }
                                                                }(document, 'script', 'twitter-wjs');</script>-->
                        </div>
                        <div class="col-sm-6">
                            <div class="g-plus" data-action="share"></div>
                        </div>
                    </div>

                    <!--<hr class=“faded�?  style="margin-top: 15px;"/>-->

                </div>

            </div>