Here is my ***Markup***. I want to update/replace class name `col-sm-3`
 to `col-md-6` on widow resize *(ex: width < 800)*

```
<div class="llotherlogos-userthumb">
            <div class="col-sm-3">
                <div class="logo-thumb">
                    <img class="img-fluid" src="images/logos/logo-seven.jpg" alt="">
                    <div class="logo-caption">
                        <div class="ll-category">Business</div>
                        <div class="ll-price"><span>1000BDT</span>5000 BDT</div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="logo-thumb">
                    <img class="img-fluid" src="images/logos/logo-eight.jpg" alt="">
                    <div class="logo-caption">
                        <div class="ll-category">Business</div>
                        <div class="ll-price"><span>1000BDT</span>5000 BDT</div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="logo-thumb">
                    <img class="img-fluid" src="images/logos/logo-nine.jpg" alt="">
                    <div class="logo-caption">
                        <div class="ll-category">Business</div>
                        <div class="ll-price"><span>1000BDT</span>5000 BDT</div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="logo-thumb">
                    <img class="img-fluid" src="images/logos/logo-ten.jpg" alt="">
                    <div class="logo-caption">
                        <div class="ll-category">Business</div>
                        <div class="ll-price"><span>1000BDT</span>5000 BDT</div>
                    </div>
                </div>
            </div>
        </div>

```

***JavaScript***

```
var otherlogos = function(){

    var ww = document.body.clientWidth;

  var myLogos = document.querySelectorAll(".llotherlogos-userthumb  .col-sm-3");
   if(ww < 800){
    myLogos.className.replace(col-sm-3, col-md-6);

  }
}

window.onresize = otherLogos;

```