@media only screen and (max-width: 576px) {
  nav .navbar-nav li {
    padding: 0px !important;
  }
  .slider {
    position: relative !important;
    padding: 0px !important;
    margin-top: 30px;
  }
  .slider .carousel-indicators {
    position: absolute !important;
    bottom: -16%;
    left: 0% !important;
  }
  .section3 .remove {
    border: none !important;
  }

  .section1 {
    margin-top: 20px !important;
  }
  .section4 .ibox {
    width: 1% !important;
  }
  .section5 input[type="number"] {
    width: 70px !important;
    height: 25px;
  }
  .section5 .innersection {
    border: none !important;
  }
  .section5 .buy {
    position: relative !important;
  }
  .section5 .upper {
    position: absolute !important;
    bottom: -20% !important;
    left: 30%;
    z-index: 1000;
  }
  .footer {
    border-top-right-radius: 100px !important;
    padding: 0px 0px !important;
  }
  .footer ul li {
    padding: 5px 0px;
  }
  .login_inp {
    width: 100% !important;
    height: 100% !important;
  }
  .big_b_cards {
    margin-left: 0px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  nav .navbar-nav li {
    padding: 0px !important;
  }
  .slider {
    position: relative !important;
    padding: 0px !important;
    margin-top: 30px;
  }
  .slider .carousel-indicators {
    position: absolute !important;
    bottom: -16%;
    left: -82%;
  }
  .section1 {
    margin-top: 60px;
  }
  .section5 input[type="number"] {
    width: 40px !important;
    height: 25px;
  }
  .footer {
    border-top-right-radius: 25% !important;
    padding: 3px 15px !important;
  }
  .footer ul li {
    padding: 5px 0px;
  }
}