@media screen and (max-width: 767px) {
    .divb {
        border: solid;
        border-color: darkgray;
        border-width: 3px;
    }

    .input-icons {
        width: 100%;
        margin-bottom: 10px;
    }

        .input-icons i {
            position: absolute;
        }

    .icon {
        padding: 10px;
        min-width: 40px;
    }

    .input-field {
        width: 100%;
        padding: 10px;
        text-align: center;
    }

    .HeadlblM {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 6vw;
        font-weight: bold;
        color: black;
    }

    .SHeadlblM {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 4vw;
        font-weight: bold;
        color: black;
    }

    .SHeadlblM_GR {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 4vw;
        font-weight: bold;
        color: darkslategrey;
    }

    .NormlblM {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 4vw;
        font-weight: normal;
        color:darkslategrey;
    }

    .LangRadM {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 4vw;
        font-weight: bold;
        color: black;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }

    .Prodsimg {
        display: block;
        max-width: 225px;
        max-height: 110px;
        width: auto;
        height: auto;
    }
    .Payimg {        
        max-width: 100px;        
        width: auto;
        height: auto;
    }
    .InputT {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        width: 80%;
        height: 30px;
        font-size: 4vw;
        color: black;
        display: inline-flex;
        margin-left: auto;
        margin-right: auto;
    }

    .InputT2 {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        width: 50%;
        height: 35px;
        text-align: center;
        font-size: 5vw;
        color: black;
        display: inline-flex;
        margin-left: auto;
        margin-right: auto;
    }
    .InputT3 {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        width: 70%;
        height: 35px;
        text-align: center;
        font-size: 5vw;
        color: black;
        display: inline-flex;
        margin-left: auto;
        margin-right: auto;
    }
    .InputTAr {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        width: 80%;
        height: 30px;
        font-size: 4vw;
        color: black;
        display: inline-flex;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
    }
    .btnBlk {
        background-color: black;
        border: none;
        color: white;
        padding: 12px 16px;
        font-size: 4vw;
        cursor: pointer;
        height: 40px;
        width: 75%;
    }
    .btnBlueTxt {
        background-color: steelblue;
        border: none;
        color: white;
        padding: 12px 16px;
        font-size: 4vw;
        cursor: pointer;
        height: 40px;
        width: 75%;
    }

    .VErr {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: red;
        font-size: 3vw;
    }

    .ErrMsg {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: red;
        font-size: 4vw;
        font-weight: bold;
    }  
}

@media screen and (min-width: 780px) {

    .divb {
        border: solid;
        border-color: darkgray;
        border-width: 3px;
    }

    .input-icons {
        width: 100%;
        margin-bottom: 20px;
    }

        .input-icons i {
            position: absolute;
        }

    .icon {
        padding: 20px;
        min-width: 50px;
    }

    .input-field {
        width: 100%;
        padding: 10px;
        text-align: center;
    }

    .HeadlblM {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.5vw;
        font-weight: bold;
        color: black;
    }

    .SHeadlblM {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1vw;
        font-weight: bold;
        color: black;
    }

    .SHeadlblM_GR {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1vw;
        font-weight: bold;
        color: darkslategrey;
    }

    .NormlblM {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1vw;
        font-weight: normal;
        color: darkslategrey;
    }

    .LangRadM {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1vw;
        font-weight: bold;
        color: black;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }

    .Prodsimg {
        display: block;
        max-width: 225px;
        max-height: 110px;
        width: auto;
        height: auto;
    }
    .Payimg {        
        max-width: 100px;
        width: auto;
        height: auto;
    }
    .InputT {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        width: 80%;
        height: 30px;
        font-size: 1vw;
        color: black;
        display: inline-flex;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

    .InputT2 {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        width: 50%;
        height: 35px;
        text-align: center;
        font-size: 1.5vw;
        color: black;
        display: inline-flex;
        margin-left: auto;
        margin-right: auto;
    }
    .InputT3 {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        width: 70%;
        height: 35px;
        text-align: center;
        font-size: 1.5vw;
        color: black;
        display: inline-flex;
        margin-left: auto;
        margin-right: auto;
    }

    .InputTAr {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        width: 80%;
        height: 30px;
        font-size: 1vw;
        color: black;
        display: inline-flex;
        margin-left: auto;
        margin-right: auto;       
        text-align:right;
    }

    .btnBlk {
        background-color: black;
        border: none;
        color: white;
        padding: 12px 16px;
        font-size: 1vw;
        cursor: pointer;
        height: 40px;
        width: 75%;
    }
    .btnBlueTxt {
        background-color: steelblue;
        border: none;
        color: white;
        padding: 12px 16px;
        font-size: 1vw;
        cursor: pointer;
        height: 40px;
        width: 75%;
    }

    .VErr {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: red;
        font-size: 1vw;
    }

    .ErrMsg {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: red;
        font-size: 1vw;
        font-weight: bold;
    }
   
}