div.gallery {
  border: 1px solid #ccc;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 5px 6px;
  float: left;
  width: 19.99999%;
}


.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.button {
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 0px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.btn {
  background-color: DodgerBlue;
  width: 100%;
  height:auto;
  border: none;
  color: white;
  padding: 12px 16px;
  font-size: 16px;
  cursor: pointer;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: RoyalBlue;
}

 div.gallery1 {
  border: 1px solid #ccc;
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding:20px;
}

div.gallery1:hover {
  border: 1px solid #777;
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

div.gallery1 img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive1 {
  padding: 5px 6px;
  float: left;
  width: 32.99999%;
}

 /**/


 div.gallery2 {
  border: 1px solid #ccc;
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding:20px;
}

div.gallery2:hover {
  border: 1px solid #777;
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

div.gallery2 img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive2 {
  padding: 5px 6px;
  float: left;
  width: 49.99999%;
}

/**/

 div.gallery3 {
  border: 1px solid #ccc;
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding:20px;
}

div.gallery3:hover {
  border: 1px solid #777;
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

div.gallery3 img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive3 {
  padding: 5px 6px;
  float: left;
  width: 20%;
}


/**/


 div.gallery4 {
vertical-align: middle;
  width: 180px;
  height: 180px;
  border-radius: 100%;
  cursor: pointer;
}

div.gallery4:hover {
   width: 180px;
  height: 180px;
  border-radius: 100%;
  opacity: 0.5;

}

div.gallery4 img {
  width: 100%;
  border-radius: 100%;
  overflow:hidden;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive4 {
  padding: 5px 6px;
  float: left;
  width: 24.99999%;
}

/**/
table.type02 {
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  margin : 0px 0px;
}