@media all and (max-width:599px){

    .logo-image{
        margin-top:2px!important;
        height:3rem!important; 

    }
    /*Search by Category label in top nav bar*/
    /*Search-Product label in top nav bar*/
    .search-category, .search-product {
        height: 32px;
        width: 37% !important;
        border: 1px solid lightgray;
        border-radius: 20px;
        padding: 10px;
        outline: none;
        margin-top: 0px !important;
        background-color: white;
       
    }
    .search-product{
        margin-left:20px;
    }
    /*Search by Category Btn in top nav bar*/
    .sbc-btn-go, .sbp-btn-go {
        border-top: 2px solid green;
        border-bottom: 2px solid green;
        font-weight: 500;
        background-color: #00447c;
        color: white;
        padding: 0px 0px;
        border: none;
        border-radius: .5rem;
        font-size: 16px;
        letter-spacing: .5px;
        text-align: center;
        outline: none;
        cursor: pointer;
        width: 4%;
        transition: .2s ease-in-out;
        box-shadow: 3px 3px 2px #48654c, 0px 0px 0px #ffffff;
    }

        .sbc-btn-go:hover, .sbp-btn-go:hover {
            box-shadow: -2px -2px 6px rgba(255, 255, 255, .6), -2px -2px 4px rgba(255, 255, 255, .4), 2px 2px 2px rgba(255, 255, 255, .05), 2px 2px 4px rgba(0, 0, 0, .1);
        }

        /*top navbar*/
    .innerdivclass{
        height:160px!important;
    }

    .outerdivclass {
        background-color: white !important;
        border: none !important;
    }

    /*for the a3 and paper box */ 
    .custommenuclass {
        text-align: center;
        background-color: #00447c !important;
        width: 100%;
        height:60px!important;
        padding:8px 0 0 150px!important;
        margin:-12% 0 0 -1%!important;
        /*margin:-14% 0 0 -1%!important;*/

    }
    /*for the menus or hall the filters btns*/
    
       
    /*  Filter text*/
    /*open menus */
    /*.filterh3, .closetabhidden {
        z-index: 99999;
        position: fixed;
        width: 20%;
        float: right;
        margin: -27.7% 0 0 78% !important;
        padding: 5px 0 4px 4px !important;       
        font-size: 19px !important;
        background-color: #00447c !important;
        color: white;
        border: none;
        border-radius: 5px;
        font-weight: 500;
        letter-spacing: .5px;
        text-align: center;
        outline: none;
        cursor: pointer;
        transition: .5s ease-in-out;
        box-shadow: 3px 3px 2px #323438, 0px 0px 0px #ffffff;
        height: 34px;
    }*/

    /*Closetab is id */
    .closetabhidden {
        display: none;
        z-index: 999999999;      
        background-color: green !important;
        
    }

    .formobile-menus {
        display: none;
        position: fixed;
        z-index: 99999999;
        width: 97.7%;
        background-color: white!important;
        /*background-color: rgb(248,248,248) !important;*/
        margin: 4% 0 0 1% !important;
        padding: 5% 0 0% 0 !important;
        height: 310px !important;
    }

    /*------------------------------------------------------------------------*/

    /*products section*/
    /*divproducts Products in this divs*/
    .divproducts {
        width: 100%!important;     
        text-align: left;
        margin-left:0px!important;
        border-right: 2px solid lightgray;
        padding: 20px ;
        transition: .7s ease-in-out;
        
    }
        .divproducts:hover {
            background-color: white;
            padding: 20px;
            box-shadow: 0 2px 7px 2px rgb(0 0 0 / 12%);
            border-radius: 6px;
        }

    /*Product image*/
    .imagebproduct1 {
        /*height: 9.7rem!important;
        width: 90%!important;
       */ text-align: center;
        padding: 8px 0px 0px 0px !important;
        border: 1px solid #0076ce;
        font-weight: 700;
    }
    /*image*/
    .imageproducts{
        /*height:8rem!important*/
    }

    .widthclass-mobile{
        width:97%!important;        
        clear:both!important;
    }
    /*Product Name*/
    .pname {
        /*color: #0076ce;*/
        color: darkblue;
        font-size: 20px;
        font-weight: 500;
        line-height: 50px;
    }

    /*Product Category name*/
    .pcategoryname {
        color: darkblue;
        font-weight: 600;
        line-height: 10px;
        font-size:14px;

    }

    /*Product price*/
    .pprice {
        font-size: 17px;
        color: #212121;
        font-weight: 700;
    }

    /*Product Discount price*/
    .pdiscount-price {
        color: green;
        font-size: 17px;
        font-weight: 600;
        letter-spacing: .2px;
        line-height: 40px;
    }

    /*Product Final*/
    .pfinalname {
        color: #0076ce;
        font-weight: 600;
        line-height: 30px;
    }

    /*Product Final price*/
    .pfinal-price {
        font-size: 17px;
        color: #212121;
        font-weight: 600;
        margin-left: -2px;
    }


    .addtowishlistbtn {
        margin: 0 auto;
        background-color: green !important;
        color: white;
        padding: 0 5px 0 5px;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: .5px;
        text-align: center;
        outline: none;
        cursor: pointer;
        width:100%!important;
        transition: .5s ease-in-out;
        box-shadow: 3px 3px 2px #323438, 0px 0px 0px #ffffff;
        height: 38px;
    }

        .addtowishlistbtn:hover {
            box-shadow: -2px -2px 6px rgba(255, 255, 255, .6), -2px -2px 4px rgba(255, 255, 255, .4), 2px 2px 2px rgba(255, 255, 255, .05), 2px 2px 4px rgba(0, 0, 0, .1);
        }


    /*footer*/

    .footerdiv {
        background-color: #00447c;
        padding: 10px;
        color: white;
        clear: both;
    }

    .footerimage {
        width: 60%  !important;
        padding:3%!important;
        margin-top: 7%;
        border: 1px solid white
    }

    .copyright {
        clear: both !important;
    }
   
    
}