@media (min-width:1024px) {

    .deskpanel {
        width: 1050px;
    }

    .noticedesk {
        margin-left: 80%;
    }

    .userdesk {
        Width: 176px;
        margin-left: 23%;
        margin-top: -5%;
    }

    .submitdesk {
        margin-left: -19%;
        width: 37%;
        height: 33px;
        margin-bottom: -6%;
    }

    .canceldesk {
        margin-left: 19%;
        width: 37%;
        height: 37px;
        margin-bottom: -1%;
    }

    .contactdesk {
        border: 1px solid black;
        line-height: 150%;
        width: 42%;
        margin-left: 53%;
        padding-left: 0%;
        padding-bottom: -12%;
    }

    .contsubdesk {
        margin-left: -45%;
        margin-bottom: -9%;
        Width: 40%;
    }

    .contmapdesk {
        border: 0;
        float: left;
        margin-right: 2%;
        padding-top: 4%;
        margin-left: 4%;
    }



    .modalBackground {
        background-color: black;
        filter: alpha(opacity=90);
        opacity: 0.6;
        z-index: 20;
    }

    .modalpopup {
        position: relative;
        width: 36%;
        height: 30%;
        background-color: white;
        border: 5px solid #4ecdc4;
    }

    .recmail {
        margin-top: -7%;
        width: 37%;
        margin-left: 43%;
    }

    .ok {
        width: 15%;
        margin-left: 43%;
        line-height: 150%;
    }

    .cancel {
        width: 16%;
        margin-left: 61%;
        margin-top: -11%;
        line-height: 21px;
    }


    .modalBackgroundpwd {
        background-color: black;
        filter: alpha(opacity=90);
        opacity: 0.6;
        z-index: 20;
        left: 576.5px;
        top: 296px;
    }

    .modalpopuppwd {
        padding: 20px 0px 24px 48px;
        position: relative;
        width: 28%;
        /*height: 41%;*/
        background-color: white;
        border: 4px solid #4ecdc4;
    }


    .regpopup {
        padding: 20px 0px 24px 10px;
        position: relative;
        width: 52%;
        height: 60%;
        background-color: white;
        border: 14px solid #4ecdc4;
    }

    .regpopupback {
        background-color: black;
        filter: alpha(opacity=90);
        opacity: 0.6;
        z-index: 20;
    }

    .master {
        height: 60%;
        width: 70%;
        margin-top: -40%;
        margin-left: 26%;
    }
}

@media(max-width:765px) {

      .master1 {
        height: 30%;
        width: 85%;
        margin-top: -5%;
          margin-left: 5%;
    }

    .regpopup1 {
        padding: 20px 0px 24px 10px;
        position: relative;
        width: 100%;
        height: 84%;
        background-color: white;
        border: 14px solid #4ecdc4;
    }

    .regpopupback1 {
        background-color: black;
        filter: alpha(opacity=90);
        opacity: 0.6;
        z-index: 20;
    }



    .modalBackground1 {
        background-color: black;
        filter: alpha(opacity=90);
        opacity: 0.6;
        z-index: 20;
    }

    .modalpopup1 {
        position: relative;
        width: 94%;
        height: 30%;
        background-color: white;
        border: 5px solid #4ecdc4;
    }

    .recmail1 {
        margin-top: -7%;
        width: 37%;
        margin-left: 43%;
    }

    .ok1 {
        width: 15%;
        margin-left: 43%;
        line-height: 150%;
    }


    .cancel1 {
        width: 18%;
        margin-left: 61%;
        margin-top: -16%;
        line-height: 21px;
    }


    .modalBackgroundpwd1 {
        background-color: black;
        filter: alpha(opacity=90);
        opacity: 0.6;
        z-index: 20;
        left: 576.5px;
        top: 296px;
    }

    .modalpopuppwd1 {
        padding: 20px 0px 24px 48px;
        position: relative;
        width: 92%;
        /*height: 41%;*/
        background-color: white;
        border: 4px solid #4ecdc4;
    }



    .mobpanel {
        width: 310px;
    }

    .noticemob {
        margin-left: 52%;
    }

    .usermob {
        width: 60px;
        margin-left: 23%;
        margin-top: 1%;
    }

    .submitmob {
        margin-left: 5%;
        width: 37%;
        height: 33px;
        margin-bottom: -18%;
    }

    .cancelmob {
        margin-left: 56%;
        width: 37%;
        height: 37px;
        margin-bottom: -1%;
    }

    .contactmob {
        border: 1px solid black;
        line-height: 150%;
        width: 105%;
        margin-left: -2%;
        padding-left: 0%;
    }

    .contsubmob {
        margin-left: -45%;
        margin-bottom: -12%;
        Width: 40%;
    }

    .contmapmob {
        float: left;
        margin-right: 2%;
        padding-top: 4%;
        margin-left: -7%;
    }
}

.form {
    width: 10%;
    height: 20%;
    color: black;
}