.mp學校資料4 .syColumn3s
{
  display : flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.mp學校資料4 .sySchoolData
{
  flex-basis : 400px;
}
.mp學校資料4 .sySection
{
  font-size : 1.2em;
  font-weight : bold;
  padding : 0 0 0.5em 0;
}
.mp學校資料4 .syIcons
{
  flex-basis : 400px;
  font-size : 2em;
  
  display : flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
.mp學校資料4 .syPhone
{
  padding : 5px 0;
}


@media (max-width: 480px) {
  .mp學校資料4 .syColumn3s
  {
     display : block; 
  }
  .mp學校資料4 .sySchoolData
  {
     margin : 0 0 1em 0; 
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .mp學校資料4 .sySchoolData
  {
    flex-basis : 50%;
  }
  .mp學校資料4 .syIcons
  {
    flex-basis : 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .mp學校資料4 .sySchoolData
  {
    flex-basis : 250px;
  }
  .mp學校資料4 .syIcons
  {
    flex-basis : calc(100% - 500px);
  }
}
@media (min-width: 980px) and (max-width:1199px) {
  .mp學校資料4 .sySchoolData
  {
    flex-basis : 300px;
  }
  .mp學校資料4 .syIcons
  {
    flex-basis : calc(100% - 600px);
  }
}
@media (min-width: 1200px) {
  .mp學校資料4 .sySchoolData
  {
    flex-basis : 30%;
  }
  .mp學校資料4 .syIcons
  {
    flex-basis : 40%;
  }
}














@media (max-width: 480px) {}
@media (min-width: 481px) and (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 979px) {}
@media (min-width: 980px) and (max-width:1199px) {}
@media (min-width: 1200px) and (max-width:1919px) {}
@media (min-width: 1920px) {}