body
{
font-family: 'Poppins';
}
img
{
width:100%;
}
* {box-sizing: border-box}

/* Full-width input fields */
input[type=text], input[type=password], input[type=email]
{
    font-size: 18px;
    font-weight: 400;
    font-family: poppins;
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    background: #ccc;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus
{
    font-size: 18px;
    font-weight: 400;
    font-family: poppins;
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    background: #ccc;
}

hr {

margin-bottom: 25px;
}

/* Set a style for all buttons */
button {
border-radius:5px;
background-color:black;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
}

button:hover {
opacity:1;
background-color:#cc0033;
}
.abc
{
margin-top: 126px;
text-align: center;
}
.welcome
{
font-family:poppins;	
font-size:36px;
color:black;
margin-top:10px;
cursor:pointer;
}
.login
{
font-family:poppins;	
font-size:18px;
color:#333333;

}
.label
{
text-align: left;

}
.forget
{
cursor: pointer;
color: #ff9600 !important;
margin-left: 208px;
text-align:center;

}
.resp
    {
        margin-left:212px;
    }
.forgeta
{
cursor: pointer;
color: #ff9600 !important;
text-align:center;
margin-top:21px;


}
a{
cursor: pointer;
color: #ff9600 !important;
}
.forgeta a{
cursor: pointer;
color: #ff9600 !important;
text-align: center;
margin-top: 21px;
}
.account
{

margin-top:20px;
margin-left: 75px;
}
.forgetr
{
margin-top: 20px;
cursor: pointer;

}
@media (min-width: 481px) and (max-width: 767px)
{
    .mobile
    {
    display:none;
    background-image: url("img/LeftImage.png");
    }
    .forget
    {
    cursor: pointer;
    color:#cc0033;
    margin: 0 auto;
    text-align:center;
    
    }
    .forgeta
    {
    cursor: pointer;
    color:#cc0033;
    text-align:center;
    margin-top:21px;
    }
    .resp
    {
        margin-left:170px !important;
    }
    
    .abc
    {
        margin-top: 26px;
        text-align: center;
    }
    .account
    {
    margin-top:20px;
    margin-left: 40px;
    }
}
@media (min-width: 320px) and (max-width: 480px)
{
    .mobile
    {
    display:none;
    background-image: url("img/LeftImage.png");
    }
    .forget
    {
    cursor: pointer;
    color:#cc0033;
    margin: 0 auto;
    text-align:center;
    
    }
    .resp
    {
        margin-left:170px !important;
    }
    .forgeta
    {
    cursor: pointer;
    color:#cc0033;
    text-align:center;
    margin-top:21px;
    }
    
    .abc
    {
        margin-top: 26px;
        text-align: center;
    }
    .account
    {
    margin-top:20px;
    margin-left: 40px;
    }
}