.col-sm-12{
width:100%;
        float: left;
}
.col-sm-8{
    width:66.67%;
        float: left;
}
.col-sm-6{
    width:50%;
        float: left;

}
.col-sm-4{
    width:33.33%;
        float: left;
}

.col-sm-3 {
    margin-right: -1%;
   width: 33.7%;
   
    float: left;
}



.col-sm-2{
    width:16.3%;
        float: left;
    }


/***********************************************************************************
@media screen and (max-width:480px){
    
    .header
    {
        padding: 5% 0% 15% 0%;
    }
    .block-img1{
        margin:10% 0% 0% 0%;
    }

    .block-img2{
        margin:10% 0% 0% 0% ;
    }
    .b1{
            padding: 0% 0% 0% 30%;
            color: black;
    }
    .block2{
            margin: 10% 0% 11% 26%;
            width: 50%;
    }
    .block{
        width: 90%;
        margin: 5%;
        padding: 0% 7% 0% 9%;
    }
    .left
    {
        
    }
    .overlay a
    {
        padding: 8px;
        text-decoration: none;
        font-size: 25px;
        color: white;
        display: block;
        transition: 0.3s;
    }
    .middle
    {
        font-size: 35px;
        padding: 0% 15% 0% 18%;
        margin: 0%;
        margin-left: 0%;
        color: orange;
    }
    img.logo 
    {
        width: 100%;
        padding: 3% 0% 0% 0%;
    
    }
    .navicon
    {
        margin:0% 0% 0% 0%;
    }
    .cart
    {
        font-size: 30px;
        width: 10%;
        margin: 1% 0% 0% -3%;
    }
    .foot1
    {
        margin: 5% 0%;
    }
}******/