var contentwidth = $(window).width();
    if ((contentwidth) > '480'){
        $(window).scroll(function() {
            var scroll = $(window).scrollTop();
            if (scroll >= 1) {
                $(".sidenav").addClass("closed");
            } else {
                $(".sidenav").removeClass("closed");
            }
        });
        $(".navbar-toggle").click(function(e) {
            $(".sidenav").removeClass("closed");
        });
        $(".closebtn").click(function(e) {
            $(".sidenav").addClass("closed");
        });
    }
    imageresize();
    $(window).bind("resize", function(){
        imageresize();
    });
    var contentwidth = $(window).width();
    if ((contentwidth) > '601'){
        $(window).scroll(function() {
            var scroll = $(window).scrollTop();
            if (scroll >= 1){
                $(".toggle-pad").removeClass("pad-left");
            } else {
                $(".toggle-pad").addClass("pad-left");
            }
        });
        $(".closebtn").click(function(e) {
            $(".toggle-pad").removeClass("pad-left");
        });
        $(".navbar-toggle").click(function(e) {
            $(".toggle-pad").addClass("pad-left");
        });
    }



    <nav id="mySidenav" class="navbar navbar-default sidenav">
        <div class="navbar-header">
            <button class="closebtn">&times;</button>
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">&#9776; MENU</button>
            <a class="navbar-brand" href="index.html"><img src="images/response-electric.png" width="225" height="238" alt=""/></a> </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav ml-auto">
                <li class="nav-item"><a id="home" class="nav-link" href="index.html">Home</a></li>
                <li class="nav-item"><a id="about" class="nav-link" href="about.html">About Us</a></li>
                <li class="nav-item dropdown"> <a id="services" class="nav-link" href="services.html">Service & Repair</a>
                    <div class="dropdown-menu dropdown-menu-left"> <a class="dropdown-item" href="services-electrical.html">Electrical</a> <a class="dropdown-item" href="services-communications.html">Communications</a> <a class="dropdown-item" href="services-home-automation.html">Home Automation</a><a class="dropdown-item" href="services-security-systems.html">Security Systems & Alarm Monitoring</a><a class="dropdown-item" href="services-prewar.html">Pre-war</a></div>
                </li>
                <li class="nav-item"><a id="contract" class="nav-link" href="contract.html">Contract Services</a></li>
                <li class="nav-item"><a id="work" class="nav-link" href="work.html">Our Work</a></li>
                <li class="nav-item"><a id="contact" class="nav-link" href="contact.html">Contact Us</a></li>
            </ul>
        </div>
    </nav>
<div class="banner service-automation">
    <div class="container">
        <div class="row">
            <h1 class="col-md-5 text-left pull-right block left right push-left">Home Automation</h1>
        </div>
    </div>
</div>

    <div class="container content">
        <div class="row">
            <div class="col-md-6 spacer-top-sm toggle-pad pad-left">
                <div class="row">
                    <div class="col-sm-6 col-xs-full col-md-12 spacer-bot-md text-right">
                        <h3 class="spacer-top-sm">Improving Life Through Technology</h3>
                    </div>
                    <div class="col-sm-6 col-md-9 pull-right visible-sm visible-md visible-lg"><img class="img-responsive border" src="images/placeholder.jpg" width="1280" height="800" alt=""/></div>
                </div>
            </div>
            <div class="col-md-1"></div>
            <div class="text col-sm-12 col-md-5 col-lg-4 spacer-top-sm spacer-bot-md toggle-pad pad-left">
                <div class="row">
                    <div class="col-xs-6 pull-right visible-xs"><img class="img-responsive border" src="images/placeholder.jpg" width="1280" height="800" alt=""/></div>
                    <div class="col-sm-12 border-left ">
                        <p class="spacer-top-sm lead"> provides a wide range of home automation services, from cabling to complete system design and installation.</p>
                        <p>Some of the most exciting innovations in recent years have been in the home automation field. Our ability to enhance our security, comfort and convenience has dramatically increased over the past decade. With , your home and business will be well positioned to take advantage of the best technologies available.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>