.hidefordesktop{
    display:none;
}

@media all and (min-width:601px) {
    body{
        padding:0;
        margin:0;
    }
    /*fort the a3 and paaper input or btn*/
    .dropbtn {
        background-color: white;
        color: #323438;
        padding: 8px;
        font-size: 17px;
        border: 1px solid #3e8e41;
        cursor: pointer;
        margin: 4px;
        border-radius: 5px;
        transition: .4s ease-in-out;
    }


    .dropdown {
        position: relative;
        display: inline-block;
        margin-top: 8px;
    }


    /*this is for the sub menu of the a3 and Paper*/
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        border-radius: 5px !important;
        margin: 0 0 0 5px;
        transition: .5s ease-in-out;
    }

        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            /*margin-top:100px;*/
        }

            .dropdown-content a:hover {
                background-color: #f1f1f1;
                border-radius: 5px !important;
            }

    .dropdown:hover .dropdown-content {
        display: block;
    }

    /*this is for the A3 and Paper hover*/
    .dropdown:hover .dropbtn {
        background-color: #3e8e41;
        /*background-color: #3e8e41;*/
        color: white;
    }

    /*btns in the left side of the section*/
    .allbtn {
        font-size: 14px !important;
        font-weight: 500;
        /*border-radius: 10px !important;*/
        border-top-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        letter-spacing: .3px !important;
        width: 70% !important;
        /*box-shadow: 5px 5px 9px #44485e, 0px 0px 0px #ffffff;*/
        box-shadow: 3px 3px 2px #323438, 0px 0px 0px #ffffff !important;
    }

        .allbtn: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)!important;
        }

        .allbtn:active {
            box-shadow: inset -2px -2px 6px rgba(255, 255, 255, .7), inset -2px -2px 4px rgba(255, 255, 255, .5), inset 2px 2px 2px rgba(255, 255, 255, .075), inset 2px 2px 4px rgba(0, 0, 0, .15)!important;
        }
    /*for top section where is our logo search by category etc.*/
    .top-section {
        margin: 0px auto;
        padding: 0px;
        width: 100%;
        position: fixed;
        height: 68px;
        text-align: center;
        z-index: 999;
        margin-top:0px;
        box-shadow: 1px 1px 1px 1px #323438
    }


    .logoimage {
        width: 16%;
        float: left
    }
    .inerdiv {
        margin: 0px auto;
        padding: 0px;
        width: 100%;
        position: fixed;
        background-color: white;
        height: 68px;
        text-align: center;
        padding-left: 10px;
        padding-top: 13px;
        padding-bottom: 20px
    }
    /*Search by Category label in top nav bar*/
    /*Search-Product label in top nav bar*/
    .search-category, .search-product {
        height: 32px;
        width: 25% !important;
        border: 1px solid lightgray;
        border-radius: 20px;        
        padding: 10px;
        outline: none;
    }
    /*Search by Category label in top nav bar*/
             .search-category{
                margin-left:-10%;
            }
   /*Search-Product label in top nav bar*/   
            .search-product {
                margin-left:5%;
            }


    /*Search by Category Btn in top nav bar*/
    .sbc-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 {
            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);
        }


    /*search by Produt Btn in top nav bar*/
    .sbp-btn-go {
        border-top: 2px solid green;
        border-bottom: 2px solid green;
        color: white;
        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;
    }

        .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);
        }


    .hidefordesktop {
        display: none!important;
    }
    /*---------------------------------------------------------------------*/
    /*Next Section
        Left SIDe SECTION
    */

    .snd-sec-firstdiv {
     
        width: 100%;
        float: left;
        text-align: center;
        margin: 0 auto;
        background-color: white;
        /*border-top: 1px solid gray*/
    }

    /*ALL products section width*/
    .widthclass-mobile{
        width:85%!important
    }

    .snd-sec-snddiv {
        width: 14%;
        float: left;
        text-align: left;
        margin: 0 auto;
        background-color: rgb(241,243,246);
        margin: 10px 0 0 2px;
        border-right: 1px solid gray;
        border-left: 1px solid gray;
        border: 1px solid #323438;
        /*height: 493px !important;*/
        height: 498px !important;
    }
   
    .filter-section .headingfilters {
        color: #00447c;
        font-size: 22px;
        font-weight: 700;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        background-color: rgb(230,230,230);
        padding: 10px;
        border-radius: 5px;
        margin-right: 20px;       
    }


    /*filters h3 styling*/ 
    .filterh3 {
        width: 70%;
        color: white;
        background-color: #323438;
        text-align: center;
        padding: 5px;
        margin: 45px 0 0 20px;
        border-radius: 5px
    }
  
    /*details tag*/
    /*remove the summacry icon*/
    details > summary {
        list-style: none !important;
    }

        details > summary::-webkit-details-marker {
            display: none !important;
        }

     .detailstag {
         outline:none!important;
        cursor: pointer;
        background-color: rgb(230,230,230);
        /*padding-top: 1px !important;*/
        padding:8px !important;
        border-radius: 5px;
        margin-left: 21px;
        width:70%;

    }

    .headingtitle {
        color: #00447c !important;
        font-size: 16px;
        font-weight: 600;
        text-align:right;
        text-transform: capitalize;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    }
   
    .fontstyle-categories, .fontstyleall {
        border: 1px solid lightgray !important;
        border-radius: 5px;
        padding: 5px 2px 5px 2px;
        text-decoration: none;
        border: none;
        margin-left: 4px;
        color: black;
        text-decoration: none !important;
    }
    

    .fontstyleall {
        border: 2px solid lightgray !important;
    }

    /*-----------------------------------------------------------------------------*/
    /*Product-part2 .firstdiv*/


   .firstdiv {
        width: 74%;
        float: left;
        margin: 0 auto;
        text-align: center;
        background-color: white;
        padding:30px 0 40px 0;      
        margin-left:10px;
    }

    /*class*/

    .hoverr-onproductdiv {
        width: 24%;
        float: left;
        margin: 0 auto;
        text-align: justify;
        padding: 20px;
    }
    .hoverr-onproductdiv:hover {
        box-shadow: 0 2px 7px 2px rgb(0 0 0 / 12%);
        border-radius: 6px;
    }


  
    /*Product image*/
    .imagebproduct1 {
        height: 12.7rem;
        width: 80%;
        text-align: center;
        padding: .5em 0 0 0!important;
        border: 2px solid #0076ce;
        font-weight: 700;
    }

    /*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;
    }

    /*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: 60%;
        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);
        }


    /*divproducts Products in this divs*/
    .divproducts {
        width: 275px;
        /*width:100%;*/
        text-align: left;
        margin-left: 5px;
        border-right:2px solid lightgray;
        padding: 20px 0 20px 40px;
        transition:.7s ease-in-out;
    }


        .divproducts:hover {
            background-color: white;
            padding: 20px 0 20px 40px;
            box-shadow: 0 2px 7px 2px rgb(0 0 0 / 12%);
            border-radius: 6px;
        }





    /*.hideondesktop {
        display: none !important;
    }*/
}