.index-section-7 {
  padding: 60px 0;
  overflow-x: hidden;
}
.inner {
  padding: 0 30px;
}
.btn-wrap {
  text-align: center;
  padding-top: 15px;
}
.btn-wrap .btn {
  background: #2d95ff;
  color: #fff;
}

.img1  {
  width: 280px;
  height: 220px;
}
 .videolist { 
  padding: 15px;
  text-align: center;
  margin: 0 -7px 16px -7px;
  height: 240px;
  border-radius: 6px;
}
.videolist:hover{ 
  cursor: pointer; 
}
.index-section-7 .videoed { 
  display:none; 
  width:50px; 
  height:50px; 
  position: absolute; 
  left:45%; top:45%; 
  z-index:99; 
  border-radius:100%; 
}
.index-section-7 .videos{ 
  display:none;
  padding: 8% 26%;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  opacity: 1;
  position: fixed;
  width: 100%;
  z-index: 1100;
}
.index-section-7 .vclose { 
  position:absolute;
  right:1%; 
  top:1%; 
  border-radius:100%; 
  cursor: pointer; 
}
#video{
  width: 640px;
}
@media (max-width: 768px) {
  .index-section-7 {
    padding: 30px 0;
  }
  .index-section-7 .inner {
    padding: 0 20px;
  }
  .img1  {
    width: 160px;
    height: 200px;
  }
   .videolist { 
    padding: 1px;
    text-align: center;
    margin: 0 -7px 16px -7px;
    height: 240px;
    border-radius: 6px;
  }
  .videolist:hover{ 
    cursor: pointer; 
  }
  .index-section-7 .videoed { 
    display:none; 
    width:50px; 
    height:50px; 
    position: absolute; 
    left:45%; 
    top:45%; 
    z-index:99; 
    border-radius:100%; 
  }
  .index-section-7 .videos{ 
    display:none;
    padding: 40% 7%;
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    opacity: 1;
    position: fixed;
    width: 100%;
    z-index: 1100;
  }
  #video{
    width: 320px;
  }
}