/*  Common Breakpoints Example 
 
 Tiny phones (up to 360px) 
@media (max-width: 360px) {  }

Small phones (361px to 575px) 
@media (min-width: 361px) and (max-width: 575px) { }

Tablets (768px to 991px) 
@media (min-width: 768px) and (max-width: 991px) { }

Landscape tablets (992px to 1199px) 
@media (min-width: 992px) and (max-width: 1199px) { }

 Desktops (1200px and up) 
@media (min-width: 1200px) {  } 

Ex END*/

 /* Tiny phones (up to 360px) */
@media (max-width: 360px) { 
 
 }

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

   .ecommerce-navbar .navbar-nav .nav-item .nav-link {
        height: 20px;
        font-size: 12px;
    }

}

/* Small phones (361px to 575px) */
@media (min-width: 361px) and (max-width: 575px) { 
   .ecommerce-navbar .navbar-nav .nav-item .nav-link {
        height: 20px;
        font-size: 14px;
    }
 }

/* Tablets (768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .ecommerce-navbar .navbar-nav .nav-item .nav-link {
        height: 20px;
        font-size: 14px;
    }
    .swiper.productSwiper{
        height: auto !important;;
    } 
 }

 /* Desktops (1200px and up) */
@media (max-width: 767px) { 
    .ecommerce-navbar .navbar-nav .nav-item .nav-link {
        height: 20px;       
    }
    .swiper.productSwiper{
        height: auto !important;;
    } 
} 

/* Landscape tablets (992px to 1199px) */
@media (min-width: 992px) and (max-width: 1199px) { 
  
 }

/* Desktops (1200px and up) */
@media (min-width: 1200px) { 
  
 } 

 .ecommerce-navbar{
    top: 0px!important;
}