/* Banner Slide */
@keyframes slidy {
  0% {
    left: 0%;
  }
  11.2857% {
    left: 0%;
  }
  14.2857% {
    left: -100%;
  }
  25.5714% {
    left: -100%;
  }
  28.5714% {
    left: -200%;
  }
  39.8571% {
    left: -200%;
  }
  42.8571% {
    left: -300%;
  }
  54.1428% {
    left: -300%;
  }
  57.1428% {
    left: -400%;
  }
  68.4285% {
    left: -400%;
  }
  71.4285% {
    left: -500%;
  }
  82.7142% {
    left: -500%;
  }
  85.7142% {
    left: -600%;
  }
  97% {
    left: -600%;
  }
  100% {
    left: 0%;
  }
}
div#slider {
  overflow: hidden;
}
div#slider figure img {
  width: 14.2857%;
  height: 100%;
  object-fit: cover;
  float: left;

}
div#slider figure {
  height: 120vh;
  position: relative;
  width: 700%;
  margin: 0;
  left: 0;
  animation: 40s slidy infinite;
}
/* @media screen and (max-width: 992px) {
  @keyframes slidy {
    0% {
      left: -100%;
    }
    11.2857% {
      left: -100%;
    }
    14.2857% {
      left: -400%;
    }
    25.5714% {
      left: -400%;
    }
    28.5714% {
      left: -700%;
    }
    39.8571% {
      left: -700%;
    }
    42.8571% {
      left: -1000%;
    }
    54.1428% {
      left: -1000%;
    }
    57.1428% {
      left: -1300%;
    }
    68.4285% {
      left: -1300%;
    }
    71.4285% {
      left: -1700%;
    }
    82.7142% {
      left: -1700%;
    }
    85.7142% {
      left: -2000%;
    }
    97% {
      left: -2000%;
    }
    100% {
      left: 0%;
    }
  }
  div#slider figure {
    position: relative;
    width: 2100%;
    margin: 0;
    left: 0;
    animation: 40s slidy infinite;
  }
  @media screen and (max-width: 576px) {
    @keyframes slidy {
      0% {
        left: -150%;
      }
      11.2857% {
        left: -150%;
      }
      14.2857% {
        left: -550%;
      }
      25.5714% {
        left: -550%;
      }
      28.5714% {
        left: -950%;
      }
      39.8571% {
        left: -950%;
      }
      42.8571% {
        left: -1350%;
      }
      54.1428% {
        left: -1350%;
      }
      57.1428% {
        left: -1750%;
      }
      68.4285% {
        left: -1750%;
      }
      71.4285% {
        left: -2150%;
      }
      82.7142% {
        left: -2150%;
      }
      85.7142% {
        left: -2550%;
      }
      97% {
        left: -2550%;
      }
      100% {
        left: 0%;
      }
    }
    div#slider figure {
      position: relative;
      width: 2800%;
      margin: 0;
      left: 0;
      animation: 40s slidy infinite;
    }
  }
  @media screen and (max-width: 400px) {
    @keyframes slidy {
      0% {
        left: -200%;
      }
      11.2857% {
        left: -200%;
      }
      14.2857% {
        left: -700%;
      }
      25.5714% {
        left: -700%;
      }
      28.5714% {
        left: -1200%;
      }
      39.8571% {
        left: -1200%;
      }
      42.8571% {
        left: -1700%;
      }
      54.1428% {
        left: -1700%;
      }
      57.1428% {
        left: -2200%;
      }
      68.4285% {
        left: -2200%;
      }
      71.4285% {
        left: -2700%;
      }
      82.7142% {
        left: -2700%;
      }
      85.7142% {
        left: -3200%;
      }
      97% {
        left: -3200%;
      }
      100% {
        left: 0%;
      }
    }
    div#slider figure {
      position: relative;
      width: 3500%;
      margin: 0;
      left: 0;
      animation: 40s slidy infinite;
    }
  }
} */