@media only screen and (max-width: 1400px) {

}
@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 991px) {
    /* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

  .main-wapper { padding: 70px 0 0; }
  .section-title h2 { font-size: 22px; }
  .page-title h1 { font-size: 1.5rem; }

  body { font-size: 14px; }
  header .navbar-light .navbar-toggler { padding: 0; margin: 0 0 0 15px; }
  header .menu-list { border: 0; }
  header .navbar-nav { align-items: start; }
  header .navbar-nav li { padding: 0; width: 100%; }
  header .navbar-nav li a  { padding: 10px; width: 100%; display: inline-block; }
  header .navbar-nav li:not(:last-child) a::after { display: none; }

  header .navbar-collapse{ position: fixed; background: #fff; top: 70px; left: 0px; bottom: 0; width: 280px; height: 100vh !important; transition: .3s; padding-top: 0px; box-shadow: 0px 2px 1px 0px #e2e2e2; }
  header .navbar-collapse.collapse:not(.in) { display: block; left: -280px; transition: .3s; }
  header .navbar-collapse.collapse.in{ left: 0px; transition: .3s; display: block; }

  section.inner-banner { padding: 30px 0 0; }
  section.contact-section .contact-form .section-title h2 { font-size: 22px; }

}
@media only screen and (max-width: 768px) {
  section { padding: 30px 0; }

  section.home-banner .details .box { left: 40%; background: transparent; padding: 0; color: #fff; }
  section.home-banner .details .box p { color: #fff; margin: 0 0 10px; }
  section.home-banner .details .box h2 { margin: 0 0 5px; }
  section.home-banner .details .box h2.color1,
  section.home-banner .details .box h2.color2,
  section.home-banner .details .box h2.color3,
  section.home-banner .details .box h2.color4 { color: #fff; text-shadow: none;}

  section.home-banner .details .box .next-draw { padding: 5px 20px; }
  section.home-banner .details .box .next-draw.color1,
  section.home-banner .details .box .next-draw.color2,
  section.home-banner .details .box .next-draw.color3,
  section.home-banner .details .box .next-draw.color4 { background: #fff; color: #000; }

  section.home-banner .details .box .timer { margin: 15px 0 10px; }
  section.home-banner .details .box .timer .data { margin: 0 5px; font-size: 22px; width: 70px;height: 60px;line-height: 22px;}

  section.lottery-system::after { width: 220px;  height: 250px; }
  section.lottery-system .btn-list .line-right,
  section.lottery-system .btn-list .line-left{ display: none; }

  section.inner-banner .page-title { margin-top: 0; justify-content: center; }
  section.inner-banner .breadcrumb { margin: 0 0 30px; justify-content: center; }
  section.inner-banner .img img { margin: 0 auto; display: flex; max-height: 180px;}


}
@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 667px) {

}

@media only screen and (max-width: 568px) {
  .primary-btn, .secondary-btn { border-radius: 8px; }
  section.lottery-system .app-box { padding: 25px 10px; }
  section.lottery-system::after {  width: 160px;  height: 180px; }
  footer .footer-title { margin: 20px 0 15px; }
  footer .footer-bottom { margin: 0; }
  section.faq-sec .accordion-list .accor-head a i { top: 7px; line-height: normal; }
  section.faq-sec .accordion-list .accor-head a { padding: 10px 35px 10px 15px; }
  section.faq-sec .accordion-list .accor-body { padding: 0px 15px 10px; }
  section.contact-section .contact-form { padding: 0px 15px 20px; }

  section.why-join .box .login-text { bottom: unset; right: 0; left: 0; text-align: center; top: 50%; transform: translateY(-50%); }
  section.get-the-app .app-box a { margin: 0 5px; }
  section.about-page .listing-about .content .section-title h2 { font-size: 18px; }
  section.about-page .listing-about .content .section-title .star { top: -23px;    right: 0px; }
  section.work-step .money-box { padding: 25px 20px; }

/*   section.home-banner { padding: 40px 0; height: 49vh;  background: url('../images/mobile-banner.jpg') no-repeat; background-size: cover; } */

}
@media only screen and (max-width: 480px) {
  .section-title .star { right: 0px; top: -19px; }
  section.home-banner .banner-slider .slick-list{ left: 35%; max-width: 200px; }
  section.home-banner .img img { height: 225px; object-fit: cover; object-position: 41%; }
  section.home-banner .details .box .timer .data span{ font-size: 10px; }

  section.home-banner .slick-dots { display: none !important; }
  section.home-banner .details .box .next-draw { font-size: 12px; }
  section.home-banner .details .box .timer .data:not(:last-child)::after { right: -8px; }
  section.home-banner .slide-arrow { bottom: -15px; }
  section.home-banner .details .box p { font-size: 11px; height: 28px; }
  section.home-banner .details .box h2 { font-size: 16px; }
  section.home-banner .details .box .timer .data { width: 60px; height: 50px; }
  footer .footer-logo img { max-width: 130px; margin: 0 10px 0 0; }
  footer ul.socail-icon li { padding: 0 4px 4px 0; }

  section.lottery-system .btn-list .box {  padding: 0px 0px 50px; }
  section.lottery-system .btn-list .box .btn { margin: 0 2px; width: 155px; line-height: 22px; height: 45px; }

}
@media only screen and (max-width: 400px) {

}