#account{
    background-color: black;
}
#account ul li a{
    color: gray;
}
#account ul li a:hover{
    color: #C0D06D;
}
#brand-head{
    background-color: black;
}
#header{
    background-color: rgb(39, 39, 39);
}
#green{
    color: #C0D06D;
}
#d-green{
    color: #7b9400;
}
.yellow{
    color: #FFB700;
}
#hero-section p{
    font-size: 15px;
}
#hero-section .btn-hover{
    background-color: black;
    color: white;
}
#hero-section .btn-hover:hover{
    background-color: white;
    color: black;
}
#header ul li a{
    color: white;
}
#header ul li a:hover{
    color: #C0D06D;
}
#brand-head i{
    color: white;
}
#brand-head i:hover{
    color: #C0D06D;
}
#brand-head input{
    width: 250px;
    height: 40px;
    border: 1px solid white;
}
#brand-head input::placeholder{
    font-size: 13px;
    padding-left: 10px;
}
#brand-head ul li{
    padding-top: 10px;
}
.small-font{
    font-size: 13px;
}
/* #brand-head .btn-gray{
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background-color: rgb(43, 43, 43);
} */
#category .card:hover img{
    transform: scale(1.05 , 1.05);
    transition: 2s;
}
#category .card:hover h5{
    color: #C0D06D;
}
#category #fmm{
    width: 60%;
    background-color: rgb(230, 230, 230);
}
#category #fmm .d-flex:hover h6 , #category #fmm .d-flex:hover i{
    color: #a8c030;
}
#product span{
    width: 50px;
    height: 20px;
    text-align: center;
    border-radius: 10px;
    font-size: 13px;
    position: absolute;
    right: 18px;
    top: 20px;
}
#product #cart-d ul li{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: rgb(231, 231, 231);
    text-align: center;
    padding-top: 5px;
}
#product #cart-d ul li:hover{
    background-color:#C0D06D;
}
#product #cart-d{
    position: absolute;
    top: 50px;
    left: 5px;
}
#product .card .img-2{
    display: none;
}
#product .card #cart-d{
    display: none;
}
#product .card:hover .img-1{
    display: none;
}
#product .card:hover #offer{
    display: none;
}
#product .card:hover .img-2{
    display: block;
    transform: scale(1.1,1.1);  
}
#product .card:hover #cart-d{
    display: block;
}
#product .card:hover h5{
    color: #C0D06D;
}
#product .pills-tab-hov{
    border: 1px solid #C0D06D;
    color: black;
}
#product .pills-tab-hov:hover{
    background-color: #C0D06D;
    color: black;
}
#discount #img-overlay{
    position: absolute;
    right: 90px;
    top: 100px;
}
#discount .btn-hover2{
    width: 150px;
    background-color: white;
    color: black;
    border-radius: 20px;
}
#discount .btn-hover2:hover{
    background-color: #C0D06D;
}
#discount #img-overlay2{
    position: absolute;
    left: 88px;
    top: 20px;
    text-align: center;
}
#featured #offer{
    width: 50px;
    height: 20px;
    text-align: center;
    border-radius: 10px;
    font-size: 13px;
    position: absolute;
    right: 18px;
    top: 20px;
}
#featured #cart-d ul li{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: rgb(231, 231, 231);
    text-align: center;
    padding-top: 5px;
}
#featured #cart-d ul li:hover{
    background-color:#C0D06D;
}
#featured #cart-d{
    position: absolute;
    top: 50px;
    left: 5px;
}
#featured .card .img-2{
    display: none;
}
#featured .card #cart-d{
    display: none;
}
#featured .card:hover .img-1{
    display: none;
}
#featured .card:hover #offer{
    display: none;
}
#featured .card:hover .img-2{
    display: block;
    transform: scale(1.1,1.1);  
}
#featured .card:hover #cart-d{
    display: block;
}
#featured .card:hover h5{
    color: #C0D06D;
}
#shipping {
    width: 80%;
    background-color: #C0D06D;
    margin: 0px auto;
}
#shipping:hover {
    outline: 5px solid #C0D06D;;
    background-color: #9aaa4c;
    color: white;
}
#blog .card:hover img{
    transform: scale(1.1 , 1.1);
    transition: 2s;
}
#blog .card:hover h5{
    color: #C0D06D;
}
#footer {
    background-color: black;
}
#footer ul li a {
    color: gray;
}
#footer ul li a:hover {
    color: #C0D06D;
    transition: 2s;
}




  
@media only screen and  (min-width:768px){
    #category #fmm{
        width: 95%;
    }
    #shipping {
        width: 90%;
    }
    #discount #img-overlay2{
        position: absolute;
        left: 230px;
        top: 20px;
        text-align: center;
    }

}
@media only screen and  (min-width:1024px){
    #brand-head nav{
        padding: 0px 0px 0px 100px;
    }
    #brand-head nav ul li{
        padding: 0px 0px 0px 30px;
    }
    #category #fmm{
        width: 70%;
    }
    #shipping {
        width: 68%;
    }
    #discount #img-overlay2{
        position: absolute;
        left: 88px;
        top: 20px;
        text-align: center;
    }
    #discount #img-overlay{
        position: absolute;
        right: 34px;
        top: 50px;
    }
    #brand-head input{
        width: 300px;
        height: 50px;
        border: 1px solid white;
    }
}
@media only screen and  (min-width:1220px){
    #category #fmm{
        width: 60%;
    }
    #product #pills-tab{
        padding-right: 250px;
    }
    #brand-head nav{
        padding: 0px 0px 0px 320px;
    }
    #brand-head nav ul li{
        padding: 0px 0px 0px 60px;
    }
    #discount #img-overlay2{
        position: absolute;
        left: 19px;
        top: 20px;
        text-align: center;
    }
    #discount #img-overlay{
        position: absolute;
        right: 90px;
        top: 100px;
    }
}