/* =====================
  l--header
===================== */
@media screen and (max-width: 767px) {
  .l--header{
    padding-top: 40px;
  }
  .l--header .c--header{
    margin-top: -40px
  }
}


/* =====================
  l--footer
===================== */
.l--footer{
  margin-top: 100px;
}


/* =====================
  l--article-list-group
===================== */
@media screen and (max-width: 767px) {
  .l--article-list-group > .row.u--container-padding-10{
      padding-left: 10px !important;
      padding-right: 10px !important;
  }
}


/* =====================
  l--sort-and-page-nation-top
===================== */
@media screen and (max-width: 768px) {
  .l--sort-and-page-nation-top{
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  .l--sort-and-page-nation-top{
    padding-bottom: 30px;
  }
}


/* =====================
  l--sort-and-page-nation-bottom
===================== */
@media screen and (max-width: 768px) {
  .l--sort-and-page-nation-bottom{
    padding-top: 30px;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 768px) {
  .l--sort-and-page-nation-bottom{
    padding-top: 30px;
  }
}


/* =====================
  l--alphabetical-order-list
===================== */
@media screen and (min-width: 768px) {
  .l--alphabetical-order-list{
    margin-bottom: 30px;
  }
}



/* =====================
  l--common-content-list-group
===================== */
@media screen and (max-width: 767px) {
  .l--common-content-list-group{
    margin-bottom: 30px;
  }
  .l--common-content-list-group .row{
    margin-left: 2.5px;
    margin-right: 2.5px; 
  }
  .l--common-content-list-group .row > div{
    padding-left: 2.5px;
    padding-right: 2.5px;
  }
}


/* =====================
  l--common-content-list
===================== */
@media screen and (max-width: 767px) {
  .l--common-content-list{
    margin-bottom: 40px;
  }
  .l--common-content-list .row.u--container-padding-10{
      padding-left: 10px !important;
      padding-right: 10px !important;
  }
}
