@media all and (min-width:601px) {

       /*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:26px!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;
        /*cursor: pointer;*/
        width: 10%;
        transition: .2s ease-in-out;
        box-shadow: 3px 3px 2px #48654c, 0px 0px 0px #ffffff;
    }


    /*product name*/
    .pname {
       
        color: darkblue;
        font-size: 20px;
        font-weight: 500;
        
    }
    /*Product Image Product Name Produce Selling Price*/
    .pdetials {
        color: darkblue !important;
        font-size: 17px;
        font-weight: 500;
    }
    /*product Price*/
    .pprice {
        font-size: 17px;
        color: #212121;
        font-weight: 700;
    }
    /*-------------------------------------------------------*/

    /*div 2*/
    .step2 {
        padding:20px 0 50px 70px!important ;
        background-color: rgb(246,246,246);
    }

     .step1 ,.step2 ,.step3 {
        border-top: 2px solid green;
        border-bottom: 2px solid green;
        font-weight: 500;
        margin: 0 0 0 20px;
        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: 90%!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: 10%;
        border: 1px solid #323438;
        border-radius: 5px;
        padding: 10px;
        outline: none;
    }
    /*SEND OTP & Submit-otp*/
    .otpbtn, .submit-otp {
        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;*/
    }

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


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








    }