*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    color: black;
}

ul li{
   list-style-type: none; 
}

button{
    border: none;
    outline: none;
}

.header-top{
    margin-top: 8px;
}

.header-right ul li{
    display: inline;
    padding: 0px 5px;
    border-right: 1px solid black;
    color: black;
}

.header-right ul li:nth-child(5){
    border: none;
}

.navbar-brand{
    margin-right: 50px;
}

.navbar{
    background: #383838; 
}

.navbar a{
     color: white !important;
    
}
.navbar-nav li{
    border-right: 1px solid grey;
    padding: 2px 10px;
}

.navbar-nav li:hover{
    background: #B81D22;
    transition: 1s;
}

.form-inline .btn{
   background: #B81D22;
    color: white
}
/*==========
navbar finish
==========*/

.categories{
    margin-top: 100px;
    margin-bottom: 100px;
}

.cat-design h3{
    background: #B81D22;
    color: white;
    padding: 6px 0px 6px 5px;
    letter-spacing: 1px;
}

.cat-design ul{
    border: 1px solid grey;
    border-top: none;
    position: relative;
    top: -8px;
}

.cat-design ul li{
    border-bottom: 1px solid grey;
    padding: 5px 0 5px 30px;
}

.cat-design i{
    margin-right: 5px;
}

.product-header{
    border: 1px solid aliceblue;
    color: ;
}

.product-header h1{
    padding: 8px 8px;
}

.seeall{
    margin-top: 20px;
}

/********************* shopping Demo-1 **********************/
.product-grid{font-family:Raleway,sans-serif;text-align:center;padding:0 0 72px;border:1px solid rgba(0,0,0,.1);overflow:hidden;position:relative;z-index:1;margin-top: 50px;
height: 100%;}
.product-grid .product-image{position:relative;transition:all .3s ease 0s}
.product-grid .product-image a{display:block}
.product-grid .product-image img{width:100%;height:auto}
.product-grid .pic-1{opacity:1;transition:all .3s ease-out 0s}
.product-grid:hover .pic-1{opacity:1}
.product-grid .pic-2{opacity:0;position:absolute;top:0;left:0;transition:all .3s ease-out 0s}
.product-grid:hover .pic-2{opacity:1}
.product-grid .social{width:150px;padding:0;margin:0;list-style:none;opacity:0;transform:translateY(-50%) translateX(-50%);position:absolute;top:60%;left:50%;z-index:1;transition:all .3s ease 0s}
.product-grid:hover .social{opacity:1;top:50%}
.product-grid .social li{display:inline-block}
.product-grid .social li a{color:#fff;background-color:#333;font-size:16px;line-height:40px;text-align:center;height:40px;width:40px;margin:0 2px;display:block;position:relative;transition:all .3s ease-in-out}
.product-grid .social li a:hover{color:#fff;background-color:#ef5777}
.product-grid .social li a:after,.product-grid .social li a:before{content:attr(data-tip);color:#fff;background-color:#000;font-size:12px;letter-spacing:1px;line-height:20px;padding:1px 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.product-grid .social li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-20px;z-index:-1}
.product-grid .social li a:hover:after,.product-grid .social li a:hover:before{opacity:1}
.product-grid .product-discount-label,.product-grid .product-new-label{color:#fff;background-color:#ef5777;font-size:12px;text-transform:uppercase;padding:2px 7px;display:block;position:absolute;top:10px;left:0}
.product-grid .product-discount-label{background-color:#333;left:auto;right:0}
.product-grid .rating{color:#FFD200;font-size:12px;padding:12px 0 0;margin:0;list-style:none;position:relative;z-index:-1}
.product-grid .rating li.disable{color:rgba(0,0,0,.2)}
.product-grid .product-content{background-color:#fff;text-align:center;padding:12px 0;margin:0 auto;position:absolute;left:0;right:0;bottom:-27px;z-index:1;transition:all .3s}
.product-grid:hover .product-content{bottom:0}
.product-grid .title{font-size:13px;font-weight:400;letter-spacing:.5px;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s}
.product-grid .title a{color:#828282}
.product-grid .title a:hover,.product-grid:hover .title a{color:#ef5777}
.product-grid .price{color:#333;font-size:17px;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:.6px;margin-bottom:8px;text-align:center;transition:all .3s}
.product-grid .price span{color:#999;font-size:13px;font-weight:400;text-decoration:line-through;margin-left:3px;display:inline-block}
.product-grid .add-to-cart{color:#000;font-size:13px;font-weight:600}
@media only screen and (max-width:990px){.product-grid{margin-bottom:30px}
}


footer{
    margin-top: 100px;
    background: black;
    color: white;
    padding: 50px 0;
    text-align: justify;
}

footer input{
    width: 250px;
    height: 35px;
    padding: 8px;
    margin-bottom: 3px;
    border: none;
    outline: none;
}

footer button{
     margin-top: 17px;
    display: block;
    width: 100%;
    background: #B81D22;
    color: #fff;
    border: none;
    padding: 8px 0;
    border-radius: 5px;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: .4px;
}



@media only screen and (max-width: 480px) {
    .header-right{
       display: none;
    }
    .navbar form button{
        margin-top: 10px;
    }
    footer input{
        width: 100%;
    }
}