@media (min-width: 1200px) { .sectionA .container { max-width: 1300px; } }

.sectionA ul { -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.sectionA ul li { width: 25%; padding: 0 50px; margin-bottom: 75px; }

.sectionA ul li a { display: block; }

.sectionA ul li a:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.sectionA ul li a .img { overflow: hidden; }

.sectionA ul li a .img img { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.sectionA ul li a:hover .title { color: #3154ad; }

.sectionA ul li a .img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.sectionA ul li a .title { text-align: center; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; font-size: 16px; color: #464646; padding-top: 15px; padding-bottom: 20px; border-bottom: 1px solid #464646; }

@media (max-width: 991px) { .sectionA ul li { width: 33.33333%; } }

@media (max-width: 767px) { .sectionA ul li { width: 50%; padding: 0; padding-right: 5px; }
  .sectionA ul li:nth-of-type(2n+0) { padding-left: 5px; padding-right: 0; }
  .sectionA ul li { margin-bottom: 30px; } }

@media (max-width: 575px) { .sectionA ul li a .title { font-size: 14px; padding-bottom: 10px; padding-top: 10px; border-bottom: 0; }
  .sectionA ul li { margin-bottom: 10px; } }