/* slider */
.slider {
    margin: 70px auto;
}
.slider img{
    width:100%;
    height: 600px;
    object-fit: cover;
    animation: change 5s;
    cursor: pointer;
    animation: change ease-in-out 1s;
}
@keyframes change {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}


/* container */
.container{
    
    /* height:100%; */
}
.name{
    text-align: center;
    margin:20px;
}
.container .produce,
.container .produce_women{
    /* background-color:#ddd; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    height: 760px;
    overflow: hidden;
}
/* giày nữ */

.container .produce.grow,
.container .produce_women.grow {
    height: auto;

}
.bonus{
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #ddd; */
    height: 80px;
    margin-bottom: 5px;
}
.bonus .bonus-btn{
    display: block;
    padding: 5px 10px;
    text-align: center;
    font-size: 18px;
    border-radius: 5px;
    border-color: transparent;
    border: 1px solid black;
    color: black;
}
.bonus-btn:hover{
    background-color: rgba(0,0,0,0.4);
    color: #ffff;

}
.container .produce .list-item,
.container .produce_women .list-item{
    width: 20%;
    height:360px;
    margin-right: 12px;
    margin:10px;
    box-shadow: 0 5px 5px #ccc;
   
   
}
.container .produce .item,
.container .produce_women .item{
    
    height:300px;
    /* margin-left: 20px; */
}
.container .produce .item img,
.container .produce_women .item img{
    width:100%;
   
    object-fit: cover;
    border-radius: 5px;
    transition: transform ease-out 0.5s;
}
.container .produce .item img:hover,
.container .produce_women .item img:hover{
   transform: scale(0.9);
}
@keyframes img{
    from{
        opacity: 0.7;
    }
    to{
        opacity: 1;
    }
}
.container .produce .item .produce-infor,
.container .produce_women .item .produce-infor{
    height: 60px;

}
.container .produce .item .produce-infor .namepr,
.container .produce_women .item .produce-infor .namepr{
    height: 85px;
    font-size: 16px;
    padding-left: 3px;
    text-transform: capitalize;
    color: black;
}
.text-strike{
    padding-left: 3px;
    font-size: 16px;
    text-decoration: line-through;
    color:black;
   
}
.text-bold{
    font-size: 22px;
    margin-left: 10px;
    /* color: #ee4d2d; */
    color:orangered;
}
@media screen and (max-width:739px) {
    .slider img{
        width:100%;
        max-height: 180px;
        object-fit: cover;
    }
    .container .produce,
    .container .produce_women{
        justify-content: space-around;
     }
     .container .produce .list-item,
     .container .produce_women .list-item{
         width: 40%;
         /* height: 100%; */
     }
     .container .produce .item,
     .container .produce_women .item{
         margin-left: 0;
     }
     .text-bold{
         margin-left:0;
     }
 
     .container .produce .item .produce-infor .namepr,
     .container .produce_women .item .produce-infor .namepr{
         font-size:14px;   
     }
    
}