.head-log { text-align: center; margin-top: 13%; margin-bottom: 8%; }
.grop-1 { text-align: center; padding: 48% 0% 48% 0%; }
.grop-1 h3 { font-size: 18px; color: #fff; font-weight: bold; }
.grop-1 img { padding:10px; }
.grop-1:hover { background: #278ef8; }
.copyright {padding:30px 0px !important;}

@media (max-width: 1376px) {
.head-log { text-align: center; margin-top: 11%; margin-bottom: 6%; }
 .grop-1 { padding: 16% 0% 22% 0% !important  }
}
@media (max-width: 1366px) {
.head-log { text-align: center; margin-top: 11%; margin-bottom: 6%; }
 .grop-1 { padding: 10% 0% 11% 0% !important  }
 .copyright {padding:24px 0px;}
}
@media (max-width: 1280px) {
  .head-log { margin-top: 18%; margin-bottom: 8%;}
 .grop-1 { padding: 35% 0% 35% 0%;  }
}
@media (max-width: 1199px) {
  
}
@media (max-width: 1024px) {
  .left-home-top { margin-top: 9%; }
}
@media (max-width: 991px) {
 .grop-1 { padding: 47% 0% 47% 0%;  }
}
@media (max-width: 800px) {
  
}
@media (max-width: 768px) {
  
}
@media (max-width: 767px) {
  .grop-1 { padding: 5% 0% 5% 0%;  }
}
@media (max-width: 570px) {
  
  }
  
}
@media (max-width: 640px) {
  
}
@media (max-width: 601px) {
  
}
@media (max-width: 480px) {
  
}
@media (max-width: 414px) {
  
}
@media (max-width: 360px) {
  
}
@media (max-width: 320px) {
  
}