body
{
    background-image: url("../images/BG.png");
    background-repeat: no-repeat;
    max-width: 100%;
    height: auto;
    background-color: #fef9eb;
    background-size: cover;
}
.pad
{
    margin-top: 153px;
}
input
{
    width: 84%;
}

.pad1
{
    margin-top: 40px;
}



.box
{
    height: 372px;
    width: 70%;
    background-color: #ffe9c185;
    float: right;
    margin-top: 55px;
}



.image1
{
    height: 30px;
}

.image2
{
    height: 38px;
    width: 40px;
}

.btn
{
      background-color: #464747;
    color: #cdcece;
    font-weight: 400;
    margin-top: 20px;
    width: 32%;
    text-transform: uppercase;
    border-radius: 7px;
    font-size: 17px;
    padding: 2px;
}
.btn:hover {
    color: #ddd;
    text-decoration: none;
}
.spn
{
    color: #c2691b;
    font-size: 28px;
    font-weight: 500;
}

.image3
{
    margin-top: -16px;
}

.image4
{
    float: right;
    margin-top: 14px;
}

.image5
{
    float: left;
}

.group
{
    margin-top: 10px;
}

.imgcol8
{
    vertical-align: middle;
    margin: auto;
    display: block;
    width: 100%;
}

.text-center
{
      margin: auto;
 min-height: 73vh;
    padding-top: 11vh;
    border-left: 1px solid #bebebe;
    
}
#divDataDyna
{
    margin:auto;
    }
.spnusername, .spnPassword
{
 position: absolute;
    top: 0;
    font-size: 29px;
    color: #c2691b;
    margin: -1px -22px;
    font-weight: bold;
}
@media only screen and (max-width: 425px)
{
    .pad
    {
        margin-top: 0px;
    }
    .pad1
    {
        margin-top: 23px;
    }

}



/* @media only screen and (max-width: 1024px) {

	    body{
        background-image: url("image/BG.png");
    	background-repeat:no-repeat;
		max-width:100%;
		height:500px;
        background-color:#fef9eb;
     }
     }*/