/*==========================================
Index Pages
=============================================*/
@media only screen and (max-width: 980px) {
    .mobile-Nav {
        display: block;
      }
      .nav__bar {
        display: none;
      }
      .nav-header {
        display: none;
      }
      .cart-item-inner {
        flex-direction: column;
    }
    .left_nav {
      display: none;
    }
    .right_nav {
      display: none;
    }
    .mt_5 {
      margin-top: 1rem;
    }
    .slider-img {
      height: 300px;
      margin-bottom: 20px;
    }
    .navbar {
      margin-bottom: 3px !important;
    }
}
@media only screen and (max-width: 320px) {
    .mobile-Nav {
        display: block;
      }
      .nav__bar {
        display: none !important;
      }
      .nav-header {
        display: none;
      }
      .justify-content_start {
        justify-content: start !important;
      }
      .cart-item-inner {
        flex-direction: column;
    }
    .left_nav {
      display: none;
    }
    .right_nav {
      display: none;
    }
}


/*==========================================
Categories
=============================================*/
@media (max-width: 800px) {
    .flex-container>div {
     max-width: 75%;
     flex: 0 1 30%;
     }
 }
 
 /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
 @media (max-width: 600px) {
     .flex-container>div {
        max-width: 100%;
        flex: 0 1 100%;
     }
 }
 @media (max-width: 1024px) { 
    
    .mobile-Nav {
      display: block;
    }
    .nav__bar {
      display: none;
    }
    
    }

    @media only screen and (min-width: 1024px) {
      .mobile_cart {
        display: none !important;
      }
    }