.libraries-home {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 0px !important; }
  .libraries-home .title {
    margin-bottom: 20px;
    margin-top: 60px;
    text-align: center; }
    .libraries-home .title span {
      color: #333;
      font-size: 46px;
      font-weight: 600; }
  .libraries-home .title-cat {
    margin-top: 30px;
    margin-bottom: 15px; }
    .libraries-home .title-cat .left {
      font-weight: 600; }
    .libraries-home .title-cat .right {
      float: right;
      background: url("../images/arrow.png") no-repeat scroll right; }
      .libraries-home .title-cat .right a {
        color: #ee3125;
        font-size: 20px;
        display: inline-block;
        text-decoration: none;
        padding-right: 12px; }
  .libraries-home .viewmore {
    text-align: center;
    margin-bottom: 25px; }
    .libraries-home .viewmore a {
      background: #fce5cc;
      color: #ee7d00;
      font-size: 13px;
      padding: 10px 40px;
      text-decoration: none;
      text-transform: uppercase; }
    .libraries-home .viewmore:hover a {
      color: #009541; }
  .libraries-home .libraries-list {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px; }
    @media all and (max-width: 768px) {
      .libraries-home .libraries-list {
        grid-template-columns: 1fr 1fr; } }
    @media all and (max-width: 760px) {
      .libraries-home .libraries-list {
        grid-template-columns: 1fr; } }
    @media all and (max-width: 768px) {
      .libraries-home .libraries-list .libraries-item {
        margin: auto; } }
    @media all and (max-width: 380px) {
      .libraries-home .libraries-list .libraries-item {
        width: 100%; } }
    .libraries-home .libraries-list .libraries-item .video-container {
      width: 380px;
      height: 253px;
      border-radius: 20px;
      overflow: hidden; }
      @media all and (max-width: 380px) {
        .libraries-home .libraries-list .libraries-item .video-container {
          width: 100%; } }
    @media (max-width: 568px) {
      .libraries-home .libraries-list .libraries-item .image {
        height: 128px; } }
    @media (max-width: 480px) {
      .libraries-home .libraries-list .libraries-item .image {
        height: 100px; } }
    .libraries-home .libraries-list .libraries-item .image img {
      width: 100%;
      border-radius: 20px;
      margin-bottom: 10px; }
    .libraries-home .libraries-list .libraries-item .image span {
      background: url("../images/icon-video.png") no-repeat scroll center;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .libraries-home .libraries-list .libraries-item .name {
      color: #333;
      font-size: 20px;
      font-weight: bold;
      margin-top: 10px;
      line-height: 22px;
      display: block;
      height: 42px;
      overflow: hidden;
      text-decoration: none; }
    .libraries-home .libraries-list .libraries-item:hover .name {
      color: #ee3125; }

@media screen and (max-width: 668px) {
  .libraries-home .title-cat span {
    display: none; }
  .libraries-home .libraries-list .libraries-item {
    margin-bottom: 15px; }
    .libraries-home .libraries-list .libraries-item .libraries-item-left {
      display: none; }
    .libraries-home .libraries-list .libraries-item .libraries-item-right {
      width: 100%; } }

/*# sourceMappingURL=home.css.map */
