<style>
.filterDiv {
  float: left;
  background-color: #2196F3;
  color: #ffffff;
     width: 100%;
  /*line-height: 100px;*/
  height:auto;
  text-align: center;
  margin: 2px;
  display:flex !important;
  justify-content:center;
  align-items:center;
  flex-direction:column;
}

.show {
  display: block;
}

/*.container {*/
/*  margin-top: 20px;*/
/*  overflow: hidden;*/
/*}*/

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #666;
  color: white;
}
.mtab{
    display:none;
}
@media only screen and (max-width: 600px) {
 .mtab {
 display:flex;
  }
}
</style>

<div class="container mtab">
    <div class="row">
        <!--<h2></h2>-->
        <div class="col">
        <div class="filterDiv"><img width="40px" src="assets/images/book (3).png">Courses</div>
        <div class="filterDiv"><img width="40px" src="assets/images/book (3).png"> Career</div>
        </div>
        <div class="col">
        <div class="filterDiv"><img width="40px" src="assets/images/book (3).png"> Cut Off</div>
        <div class="filterDiv"><img width="40px" src="assets/images/book (3).png"> Video</div>
        </div>
        <div class="col">
        <div class="filterDiv"><img width="40px" src="assets/images/book (3).png"> Result</div>
        <div class="filterDiv"><img width="40px" src="assets/images/book (3).png"> Download</div>
        </div>
        <div class="col">
        <div class="filterDiv"><img width="40px" src="assets/images/book (3).png"> Test Series</div>
        <div class="filterDiv"><img width="40px" src="assets/images/book (3).png"> Fee Structure</div>
        </div>
        <div class="col">
        <div class="filterDiv"><img width="40px" src="assets/images/book (3).png"> Study Material</div>
        </div>
  
    </div>
</div>