/* pre css */
.aed ul{display: flex;flex-direction: row;flex-wrap: wrap;}
.aed ul li{flex: 0 0 33.3%;transition: all 0.6s;}
.aed ul li a{display: block;display: flex;align-content: center;align-items: center;justify-content: space-between;}
.aed ul li .aeda{width: 50%;}
.aed ul li .aedb{width: 45%;}
.aed ul li .aeda img{width: 100%;padding: 5%;}
.aed ul li .aedb h3{font-size: 19px;font-weight: bold;margin-bottom: 0;}
.aed ul li .aedb p{font-size: 14px;color: #777;margin-bottom: 10px;}
.aed ul li .aedb img{width: 73%;max-width: 200px;}

.aed ul li:hover{box-shadow: 0px 3px 12px 0px #e5e5e5;}
.aed ul li:hover .aedb h3{margin-top: -15px;transition: all 0.6s;}

@media screen and (max-width: 768px) {
  .aed ul li{flex-basis: calc(100% / 1);}
  .aed ul li .aeda{width: 45%;}
  .aed ul li .aedb{width: 50%;}
  .aed ul li .aedb h3{font-size: 16px;}
}

@media screen and (min-width: 769px) {
   
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
   .aed ul li{flex-basis: calc(100% / 2);}
}