body 
{
    padding:10px;
    margin:10px;
}

/*div {
width: 100%;
height: 100%;
}*/

.margin
{
    margin-top:5px;
}  
.mandatoryfield
{
    color:red;
} 
.form
{
    text-align:center
}.textalign
{
    text-align:left !important;
}
.center_div{
    margin: 0 auto;
    width:80% 
}

input,
select,button,
textarea {
    max-width: 300px;
    max-height: 30px;
}

.vertical-center-row {
    display: table-cell;
    vertical-align: middle;
}
.Regcontainer {
    margin: 0 auto;
    background: #f2f2f2;
    box-sizing: border-box;
    
}
/* Mobile phones (portrait and landscape) ---------- */
@media screen and (max-width: 600px){
    .Regcontainer {
        margin:10px;
      
    }
}
@media screen and (min-width: 200px)and (max-width: 600px){
    .Regcontainer {
        margin:10px;      
    }
    .col-xs-6 {
    width: 100%;
}
}
/* Tablets and iPads (portrait and landscape) ---------- */
@media screen and (min-width: 601px) and (max-width: 1023px){
    .Regcontainer {
        width: 100%;
        padding: 0 10px;
        margin:20px;        
    }
}
/* Low resolution desktops and laptops ---------- */
@media screen and (min-width: 1024px) {
    .Regcontainer {
        width: 980px;
        padding: 0 15px;
    }
}
/* High resolution desktops and laptops ---------- */
@media screen and (min-width: 1280px) {
    .Regcontainer {
        width: 1200px;
        padding: 0 20px;
    }
}