Issue on Bootstrap responsive Slider for desktop and mobile

I am using a bootstrap slider. My slider is working perfectly in normal windows (Desktop). But while i am trying for Mobile in all devices not showing proper and not even rotate slider.

http://phonixtvalves.com/test/banner1.html

<div class="fullwidthbanner-container">
    <div class="shadowdrop"></div>
    <div class="fullwidthabnner">
      <ul>
        <!-- THE 1 SLIDE -->
        <li data-transition="slidehorizontal" data-slotamount="7" data-masterspeed="300" data-delay="9500"> <img src="img/rs-slider/slides/bg/1.jpg" />
            <div class="tp-caption lfb"
                data-x="-130"
                data-y="150"
                data-speed="300"
                data-start="300"
                data-easing="easeOutBack">
                <img src="img/rs-slider/slides/rb.png" alt="">
            </div>

            <div class="tp-caption med-white lfl"
                data-x="0"
                data-y="145"
                data-speed="300"
                data-start="800"
                data-easing="easeOutExpo">
                Inspira designed for
            </div>

            <div class="caption sfb very-big-white""
                data-x="0"
                data-y="190"
                data-speed="300"
                data-start="1200"
                data-easing="easeOutExpo">
                winner
            </div>


            <div class="tp-caption small-white lfr"
                data-x="0"
                data-y="255"
                data-speed="300"
                data-start="1600"
                data-easing="easeOutExpo">
                <a href="#" class="button-white">Purchase Now</a>
            </div>


            <div class="tp-caption lfb"
                data-x="390"
                data-y="40"
                data-speed="1000"
                data-start="2000"
                data-easing="easeOutExpo"
                data-endeasing="fade"
                >
                <img src="img/rs-slider/slides/guy-shadow.png" alt="">
            </div>

            <div class="tp-caption small-white lft"
                data-x="240"
                data-y="0"
                data-speed="2000"
                data-start="2600"
                data-easing="easeOutExpo">
                <img src="img/rs-slider/slides/spotlight.png" alt="">
            </div>

            <div class="tp-caption fade"
                data-x="390"
                data-y="40"
                data-speed="2000"
                data-start="2600"
                data-easing="easeOutExpo">
                <img src="img/rs-slider/slides/guy.png" alt="">
            </div>
    </li>
    <!-- THE 2 SLIDE -->
    <li data-transition="papercut" data-slotamount="10"> <img src="img/rs-slider/slides/bg/2.jpg">
    <div class="caption large_text sfb"
                data-x="300"
                data-y="207"
                data-speed="300"
                data-start="800"
                data-easing="easeOutExpo">
                <img src="img/rs-slider/slides/our-features.png" alt="">
            </div>

            <div class="tp-caption sfr"
                data-x="220"
                data-y="115"
                data-speed="300"
                data-start="1000"
                data-easing="easeOutBack">
                <img src="img/rs-slider/slides/lu.png" alt="">
            </div>

            <div class="tp-caption sfr"
                data-x="110"
                data-y="85"
                data-speed="300"
                data-start="1200"
                data-easing="easeOutBack">
                <img src="img/rs-slider/slides/clean.png" alt="">
            </div>

            <div class="tp-caption sfr"
                data-x="180"
                data-y="217"
                data-speed="300"
                data-start="1400"
                data-easing="easeOutBack">
                <img src="img/rs-slider/slides/lm.png" alt="">
            </div>

            <div class="tp-caption sfr"
                data-x="0"
                data-y="217"
                data-speed="300"
                data-start="1600"
                data-easing="easeOutBack">
                <img src="img/rs-slider/slides/responsive.png" alt="">
            </div>

            <div class="tp-caption sfr"
                data-x="220"
                data-y="285"
                data-speed="300"
                data-start="1800"
                data-easing="easeOutBack">
                <img src="img/rs-slider/slides/lb.png" alt="">
            </div>

            <div class="tp-caption sfr"
                data-x="40"
                data-y="345"
                data-speed="300"
                data-start="2000"
                data-easing="easeOutBack">
                <img src="img/rs-slider/slides/bootstrap.png" alt="">
            </div>

            <div class="tp-caption sfl"
                data-x="625"
                data-y="115"
                data-speed="300"
                data-start="2200"
                data-easing="easeOutBack">
                <img src="img/rs-slider/slides/ru.png" alt="">
            </div>

            <div class="tp-caption sfl"
                data-x="730"
                data-y="85"
                data-speed="300"
                data-start="2400"
                data-easing="easeOutBack">
                <img src="img/rs-slider/slides/solid.png" alt="">
            </div>

            <div class="tp-caption sfl"
                data-x="650"
                data-y="217"
                data-speed="300"
                data-start="2600"
                data-easing="easeOutBack">
                <img src="img/rs-slider/slides/rm.png" alt="">
            </div>

            <div class="tp-caption sfl"
                data-x="770"
                data-y="217"
                data-speed="300"
                data-start="2800"
                data-easing="easeOutBack">
                <img src="img/rs-slider/slides/lightweight.png" alt="">
            </div>

            <div class="tp-caption sfl"
                data-x="625"
                data-y="285"
                data-speed="300"
                data-start="3000"
                data-easing="easeOutBack">
                <img src="img/rs-slider/slides/rb.png" alt="">
            </div>

            <div class="tp-caption sfl"
                data-x="730"
                data-y="345"
                data-speed="300"
                data-start="3200"
                data-easing="easeOutBack">
                <img src="img/rs-slider/slides/fresh.png" alt="">
            </div>
        </li>
      </ul>
    <div>
<div>

Code (markup):

 

i am still waiting for the solution

 

ok now one more question

www.phonixtvalves.com

now i want to hide slider button