@media all and (max-width:599px) {
    .hideonmobile {
        display: none;
    }
       /*step1*/

     /*step heading title*/
    .steps-title {
        border-top: 2px solid green;
        border-bottom: 2px solid green;
        font-weight: 500;
        margin:0 0 0 20px;
        font-size:25px!important;
        background-color: #00447c;
        color: white;
        font-family: "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif !important;
        padding: 5px 10px 10px 5px;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        letter-spacing: .5px;
        text-align: center;
        outline: none;        
        width: 80%;
        transition: .2s ease-in-out;
        box-shadow: 3px 3px 2px #48654c, 0px 0px 0px #ffffff;
    }




    /*product name*/
    /*Product Image Product Name Produce Selling Price*/
    .pname, .pdetials {
        color: darkblue;
        font-size: 11px !important;
        font-weight: 500;
    }
   
    
    /*for product adding section*/
    .imagediv{
        text-align:left!important;
    }

    .margin {
        margin: 0 0 0 -30%;
    }

    .productimage{
        width:35%!important;
        height:4rem!important;
    }

    /*for the X*/
    .delete-btn {
        width: 100% !important;
        /*margin: 0 0 0 100%;*/
    }

    .dlt-btn {
        /* float: left; */
        padding: 15px 0 0 10px!important;
        width: 12% !important;
        float: right!important;
        margin-right: 2%!important;
    }






    /*product Price*/
    .pprice {
        font-size: 11px;
        color: #212121;
        font-weight: 700;
    }



    .formobile-divproducts{
        margin-left:-50px;
    }
    /*-------------------------------------------------------*/
    /*For Indian Domestic Payment*/
    .India-title {
        font-size: 24px !important;
    }
    /*div 2*/
    .step2 {
        padding: 10px 0 50px 10px !important;
        background-color: rgb(246,246,246);
    }

       /*divS*/
     .step1 ,.step2 ,.step3 {
        border-top: 2px solid green;
        border-bottom: 2px solid red;
        font-weight: 500;
        margin: 0 0 0 5px;
        font-size:17px;
        background-color: rgb(246,246,246);        
        font-family: "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif !important;
        padding: 5px 10px 10px 5px;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        letter-spacing: .5px; 
        outline: none;
        /*cursor: pointer;*/
        width: 96%!important;
        transition: .2s ease-in-out;
        box-shadow: 3px 3px 2px #48654c, 0px 0px 0px #ffffff;
    }

    /*TOTAL AMOUNT & country-number & enter -otp*/
    .tamount, .country-number, enter-otp {
        font-size: 17px;
        color: #212121;
        font-weight: 600;
    }

    .numberlabel, .otpfilllabel {
        height: 30px !important;
        width: 100%;
        border: 1px solid #323438;
        border-radius: 5px;
        padding: 10px;
        outline: none;
    }

    /*SEND OTP & Submit-otp*/
    .otpbtn, .submit-otp {
        background-color: green !important;
        color: white;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        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;
        
    }

        /*boxdefaultotp*/

    .boxdefaultotp {
        border: 1px solid lightgray;
        padding: 10px 10px 20px 50px;
        width:90%!important;
    }

        .otpbtn:hover, .submit-otp: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);
        }


        /*STEPS - 3*/
    .step3-namelabel, .step3-email, .step3-mobile, .step3-amount, .step3-pincode {
        height: 30px !important;
        width: 100%;
        border: 1px solid #323438;
        border-radius: 4px;
        padding: 10px;
        outline: none;
    }



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

    /*.logo-image{
        height:3rem!important
    }
*/
    /*homepage box .clear-cartbtn */
    .homepagecss, .clear-cartbtn {
        padding: 3px 0 4px 0 !important;
        font-size: 16px;
        background-color: #00447c;
        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: 30px;
        width: 18%;
        float: right;
        margin-right: 10px;
    }

    .clear-cartbtn {
        background-color: forestgreen !important;
        width: 30% !important;
    }

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

    }