/*********************Products***************************/

.top-navbar{
    width: 431.71px;
height: 76.08px;
position: sticky;
bottom: 0px;
overflow: hidden;
background: #1D1E22;
display: flex;
align-items: center;
}

.top-navbar h6 a{
    font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 30px;

/* identical to box height */


color: #FFFFFF;
}

.product-card{



width: 100%;
height: 204px;


background: rgba(29, 30, 34, 0.1);
border-radius: 16px;
}
.product-card:hover{
background: #FFDC9D;
    }
.product-img{
    width: 184px !important;
height: 132.49px;
border-radius: 16px 16px 0px 0px;
}
.product-content{
    padding: 8px 15.826px;
    
}
.product-content h6{
    font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #1D1E22;
}
.product-content p{
    font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 26px;
/* identical to box height */


color: #1D1E22;
}


@media (min-width:320px) and (max-width: 380px)  { 
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
   
    /************product*********************/

    .product-card {
        width: 100%;
        height: 230px;
        background: rgba(29, 30, 34, 0.1);
        border-radius: 16px;
    }
    .product-img {
        width: 100% !important;
        height: 132.49px;
        border-radius: 16px 16px 0px 0px;
    }
    .top-navbar {
        width: 100%;
        height: 76.08px;
        position: sticky;
        bottom: 0px;
        overflow: hidden;
        background: #1D1E22;
        display: flex;
        align-items: center;
    }
}
@media (min-width:380px) and (max-width: 480px) {
     /* smartphones, Android phones, landscape iPhone */ 
      /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
   
   
     /************product*********************/

     .product-card {
        width: 100%;
        height: 230px;
        background: rgba(29, 30, 34, 0.1);
        border-radius: 16px;
    }
    .product-img {
        width: 100% !important;
        height: 132.49px;
        border-radius: 16px 16px 0px 0px;
    }
    .top-navbar {
        width: 100%;
        height: 76.08px;
        position: sticky;
        bottom: 0px;
        overflow: hidden;
        background: #1D1E22;
        display: flex;
        align-items: center;
    }

     /************document*********************/

     
    }

@media (min-width:480) and (max-width:600){
   
    /******************product***********************/

    .top-navbar{
        width: 431.71px;
    height: 76.08px;
    position: sticky;
    bottom: 0px;
    overflow: hidden;
    background: #1D1E22;
    display: flex;
    align-items: center;
    }
    
    .top-navbar h6 a{
        font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    
    /* identical to box height */
    
    
    color: #FFFFFF;
    }
    
    .product-card{
    
    
    
    width: 100%;
    height: 204px;
    
    
    background: rgba(29, 30, 34, 0.1);
    border-radius: 16px;
    }
    .product-img{
        width: 100% !important;
    height: 132.49px;
    border-radius: 16px 16px 0px 0px;
    }
    .product-content{
        padding: 8px 15.826px;
        
    }
    .product-content h6{
        font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height */
    
    
    color: #1D1E22;
    }
    .product-content p{
        font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 26px;
    /* identical to box height */
    
    
    color: #1D1E22;
    }
    /******************document***********************/

    

}
@media (min-width:600px)  { 
    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
   
    /*********************************************product**********************************/

    .top-navbar{
        width: 431.71px;
    height: 76.08px;
    position: sticky;
    bottom: 0px;
    overflow: hidden;
    background: #1D1E22;
    display: flex;
    align-items: center;
    }
    
    .top-navbar h6 a{
        font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    
    /* identical to box height */
    
    
    color: #FFFFFF;
    }
    
    .product-card{
    
    
    
    width: 100%;
    height: 204px;
    
    
    background: rgba(29, 30, 34, 0.1);
    border-radius: 16px;
    }
    .product-img{
        width: 184px !important;
    height: 132.49px;
    border-radius: 16px 16px 0px 0px;
    }
    .product-content{
        padding: 8px 15.826px;
        
    }
    .product-content h6{
        font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height */
    
    
    color: #1D1E22;
    }
    .product-content p{
        font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 26px;
    /* identical to box height */
    
    
    color: #1D1E22;
    }
     
     
}
@media (min-width:801px)  {
    

    /********************************product*******************/
    .top-navbar{
        width: 431.71px;
    height: 76.08px;
    position: sticky;
    bottom: 0px;
    overflow: hidden;
    background: #1D1E22;
    display: flex;
    align-items: center;
    }
    
    .top-navbar h6 a{
        font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    
    /* identical to box height */
    
    
    color: #FFFFFF;
    }
    
    .product-card{
    
    
    
    width: 100%;
    height: 204px;
    
    
    background: rgba(29, 30, 34, 0.1);
    border-radius: 16px;
    }
    .product-img{
        width: 100% !important;
    height: 132.49px;
    border-radius: 16px 16px 0px 0px;
    }
    .product-content{
        padding: 8px 15.826px;
        
    }
    .product-content h6{
        font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height */
    
    
    color: #1D1E22;
    }
    .product-content p{
        font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 26px;
    /* identical to box height */
    
    
    color: #1D1E22;
    }
    }
@media (min-width:1025px) { 
    /* big landscape tablets, laptops, and desktops */
  
    /*************************product*********************/
    .top-navbar{
        width: 431.71px;
    height: 76.08px;
    position: sticky;
    bottom: 0px;
    overflow: hidden;
    background: #1D1E22;
    display: flex;
    align-items: center;
    }
    
    .top-navbar h6 a{
        font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    
    /* identical to box height */
    
    
    color: #FFFFFF;
    }
    
    .product-card{
    
    
    
    width: 100%;
    height: 204px;
    
    
    background: rgba(29, 30, 34, 0.1);
    border-radius: 16px;
    }
    .product-img{
        width: 100% !important;
    height: 132.49px;
    border-radius: 16px 16px 0px 0px;
    }
    .product-content{
        padding: 8px 15.826px;
        
    }
    .product-content h6{
        font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height */
    
    
    color: #1D1E22;
    }
    .product-content p{
        font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 26px;
    /* identical to box height */
    
    
    color: #1D1E22;
    }
    
      /*************************product*********************/
     
    
 }
@media (min-width:1281px) { 
    /* hi-res laptops and desktops */ 
    
      /*************************product*********************/
     
    .product-card{
    
    
    
    width: 100%;
    height: 204px;
    
    
    background: rgba(29, 30, 34, 0.1);
    border-radius: 16px;
    }
    .product-img{
        width: 100% !important;
    height: 132.49px;
    border-radius: 16px 16px 0px 0px;
    }
    .product-content{
        padding: 8px 15.826px;
        
    }
    .product-content h6{
        font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height */
    
    
    color: #1D1E22;
    }
    .product-content p{
        font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 26px;
    /* identical to box height */
    
    
    color: #1D1E22;
    }
  }