.padding {
    display:inline-block;
    padding:10px;
}
.container {
    max-width:1300px;
    margin:0 auto;
}
.row,.column {
    box-sizing:border-box;
}
.row:after {
    clear:both;
}
.row:before,.row:after {
    display:table;
    content:" ";
}
.col {
    position:relative;
    /*background:#eee;*/
    margin-bottom:1em;
}
@media (min-width:700px) {
    .col {
        float:left;
    }
    .col+.col {
        margin-left:1.6%;
    }
    .col-xs-1 {
        width:6.86666666667%;
    }
    .col-xs-2 {
        width:15.3333333333%;
    }
    .col-xs-3 {
        width:23.8%;
    }
    .col-xs-4 {
        width:32.2666666667%;
    }
    .col-xs-5 {
        width:40.7333333333%;
    }
    .col-xs-6 {
        width:49.2%;
    }
    .col-xs-7 {
        width:57.6666666667%;
    }
    .col-xs-8 {
        width:67.7333333333%;
    }
    .col-xs-9 {
        width:74.59999999999999%;
    }
    .col-xs-10 {
        width:83.0666666667%;
    }
    .col-xs-11 {
        width:91.53333333330001%;
    }
    .col-xs-12 {
        width:100%;
    }
}

@media (max-width:800px) {
    .form-master {
        position: relative;
        z-index: 1;
        background: #FFFFFF;
        overflow-x: hidden;
        height: 480px;
        width: 100%;
        margin: 0 auto;
        padding: 0px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }
}
@media (min-width:801px) {
    .form-master {
        position: relative;
        z-index: 1;
        background: #FFFFFF;
        max-width: 325px;
        height: 480px;
        overflow-x: hidden;
        margin: 0 auto;
        padding: 0px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }
}