@media all and (min-width:601px) {
    #hd {
        display: none;
    }

    .hd {
        display: none;
    }
}

@media all and (max-width:600px) {
    .hideonmobile {
        display: none
    }

    #hideonmobile {
        display: none
    }
}



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

 .firstbox{
    border-radius: 32px;
    background: #dde1e8;
    box-shadow: 20px 20px 60px #bcbfc5, -20px -20px 60px #feffff;
    width: 40% !important;
    margin-left: 30px !important;
    height: 485px;
    /*border:10px solid red!important*/
}

/*this datalist second  div of 50%*/
.ab {
    border-radius: 32px;
    background: #dde1e8;
    box-shadow: 20px 20px 60px #bcbfc5, -20px -20px 60px #feffff;
    width: 50%;
    margin-left: 60px !important;
    height: 485px !important;
}
/*this is for  the button submit date*/
.btn:focus {
    color: red;
    box-shadow: inset 2px 2px 5px #BABECC, inset -5px -5px 10px #ffffff73;
}

/*this is for the button current location*/
.btnn {
    width: 80% !important;
    letter-spacing: 1px;
    padding: 0 !important;
    margin-top: 25px !important;
}
/*this is for the button submit date*/
.btn {
    margin: 15px 0;
    width: 30%;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    font-weight: 600;
    background: #dde1e7;
    border-radius: 25px;
    border: none;
    outline: none;
    cursor: pointer;
    color: red;
    box-shadow: 2px 2px 5px #BABECC, -5px -5px 10px #ffffff73;
 }
    /*this is ou submit button */
    .submit {
        width:63% !important;
    }
    @media only screen and (min-width:750px) {
        /*this is ou submit button */
        .submit {
            width:90% !important;
        }



        .firstbox {
            border-radius: 32px;
            background: #dde1e8;
            box-shadow: 20px 20px 60px #bcbfc5, -20px -20px 60px #feffff;
            width:45% !important;
            margin-left:0px !important;
            height: 485px;
            /*border:10px solid red!important*/
        }

        /*this datalist second  div of 50%*/
        .ab {
            border-radius: 32px;
            background: #dde1e8;
            box-shadow: 20px 20px 60px #bcbfc5, -20px -20px 60px #feffff;
            width: 48%;
            margin-left:30px !important;
            height: 485px !important;
        }
        .ncsemp1text {
            text-align: justify;
            margin-left:20px!important;
            padding:5px!important;
            padding-right:20px!important
        }
       
    }
    @media only screen and (min-width:1100px) {
        .submit {
            width:55%!important;
        }
        .ncsemp1text {
            text-align: justify;
            margin-left: 90px !important;
            padding: 5px !important;
            padding-right: 20px !important
        }

    
    }

        /*this is for  the labell where we will mention date */

        .field {
            height: 40px;
            width: 30% !important;
            padding-left: 0px;
            outline: none;
            text-align: center;
            border: none;
            font-size: 15px;
            background: #dde1e7;
            color: #595959;
            border-radius: 15px;
            margin-left: 10px;
            box-shadow: inset 2px 2px 5px #BABECC, inset -5px -5px 10px #ffffff73;
        }
            /*this is for  the labell where we will mention date */
            .field:focus {
                box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #ffffff73;
            }


        .hideondesktop {
            display: none !important;
        }

        .ncsemp1text {
            text-align: justify;
            margin-left: 120px;
        }
    }

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

    body {
        zoom: .8 !important;
    }

    .titleyou {
        font-size: 25px !important;
        margin-top: 20px !important
    }
    /*this datalist First  div of 50%*/
    .firstbox {
        border-radius: 32px;
        background: #dde1e8;
        box-shadow: 20px 20px 60px #bcbfc5, -20px -20px 60px #feffff;
        width: 100% !important;
        margin-left: 0px !important;
        height: 570px;
        margin-top: -50px !important
    }

    /*this datalist second  div of 50%*/
    .ab {
        border-radius: 32px;
        background: #dde1e8;
        box-shadow: 20px 20px 60px #bcbfc5, -20px -20px 60px #feffff;
        width: 100% !important;
        /*margin-left:10px!important;*/
        height: 410px;
        margin-top: 35px !important;
    }

    /*this is for the button current location*/
    .btnn {
        margin-top: 45px !important;
        width: 92% !important;
        font-size: 15px !important;
    }


    /*this is for  the button submit date*/
    .btn:focus {
        color: red;
        box-shadow: inset 2px 2px 5px #BABECC, inset -5px -5px 10px #ffffff73;
    }
    /*this is for the button submit date*/
    .btn {
        margin: 15px 0;
        width: 40%;
        height: 50px;
        font-size: 18px;
        line-height: 40px;
        font-weight: 600;
        background: #dde1e7;
        border-radius: 25px;
        border: none;
        outline: none;
        cursor: pointer;
        color: red;
        box-shadow: 2px 2px 5px #BABECC, -5px -5px 10px #ffffff73;
    }
    /*this is our Fetch Current location anchor tag */
    /*.currentlc {
        width:80% !important;
    }*/
    /*this is ou submit button */
    .submit {
        width:70%!important;
    }

    @media only screen and (max-width:330px) {
        /*this is ou submit button */
        .submit {
            width:90% !important;
        }
    }
 
    /*this is for  the labell where we will mention date */
    .field {
        height: 50px;
        width: 40% !important;
        padding-left: 0px;
        outline: none;
        text-align: center;
        border: none;
        font-size: 15px;
        background: #dde1e7;
        color: #595959;
        border-radius: 15px;
        margin-left: 10px;
        box-shadow: inset 2px 2px 5px #BABECC, inset -5px -5px 10px #ffffff73;
    }
        /*this is for  the labell where we will mention date */
        .field:focus {
            box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #ffffff73;
        }

    .ncsemp1text {
        text-align: justify;
        padding-left: 10px;
        padding-right: 10px;
    }
}