* {
    margin         : 0;
    padding        : 0;
    box-sizing     : border-box;
    text-decoration: none;
    text-transform : capitalize;
    text-align     : center;
    /* font-family : Georgia, serif; */
    font-family    : serif;
    /*  font-family: 'Brush Script MT'; */
    /*  list-style : none; */

}

body {
    position: relative;
}

#contforms {
    width: 80% !important;
}

input {
    width: 100%;
}

#listCntry {
    width: 100%;
}

.contforms textarea {
    resize: none;
    width : 100%;
    padding: 10px;
}

.contforms .sbmt {
    cursor     : pointer;
    padding    : 10px;
    font-size  : 22px;
    color      : rgb(83, 8, 8);
    font-weight: bold;
}

.contforms input:invalid {
    border: 1px solid red;
}

th {
    padding: 8px;
}

.contforms input,
.contforms>#listCntry {
    padding: 8px;
}


#listCntry {
    display        : flex;
    justify-content: center;
    align-items    : center;
    font-size      : 16px;
    font-weight    : bold;
    padding        : 8px 0 8px 0px;
    text-align     : center !important;
    color          : rgb(33, 117, 7);
}

.contforms .emailinpt {
    text-transform: lowercase;
    font-size     : 16px;
}




.contforms {
    border-spacing: 2px;
    border-radius : 5px;
    background    : rgb(68, 61, 61);
}


.contforms input,
.contforms textarea,
.contforms select {
    width         : 100%;
    height        : auto;
    outline       : none;
    border        : none;
    border-radius : 5px;

}

.contforms input{
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
}

.contforms tr,
.contforms td,
.contforms th {
    border-radius: 3px;
    background   : rgba(240, 237, 237, 0.692);
}


#tellp1 {
    background: rgb(170, 169, 173);
    width     : 20%;
}




.dismsg{
    font-size: 15px;
    text-transform: lowercase;
    padding: 15px;
}
label{
    font-size: 17px;
}
.res{
    box-shadow: 0px 0px 5px #000;
    padding: 8px 0px;
    margin: 4px;
}
#add{
    font-size: 16px !important;
}
/* -----------------------------------responsive----------------------------------- */

@media screen and (max-width:780px) {
    #contforms {
        width: 100% !important;
    }

    #responsive_tbl {
        display       : flex;
        flex-direction: column;

    }

    #responsive_tbl input {
        width: 100%;
    }


    #listCntry {
        width: 100%;
    }

    #tellp1,
    #tellp2,
    #tellp3 {
        width     : 100%;
        text-align: center;
    }


  

    #imgparnt {
        display         : flex;
        justify-content: center;
        align-items: center;
        width           : 100% !important;
        background: #c9c4c4;
    }

    .contforms {
        border-spacing: 1px;

    }


.contforms select {
    background: rgb(50, 9, 104);
   color:#fff !important;

}

.childContainer .res {
    display       : flex;
    flex-direction: column;
}

.res{
    display: flex;
    flex-direction: column;
    /* color: red; */
}

#add{
   font-size: 15px !important;
   padding: 10px;
}

label{
    font-size: 18px !important;
    padding: 5px; 
}


}