.set-table {
    padding-top: 900px;
    text-align: inherit;
}

.header {
    color: #909090;
    padding-left: 300px;
}

.field-width {
    width: 800px;
    display: block;
}

.calendar-day {
    width: 265px;
    float: left;
}

.calendar-month {
    width:265px;
}

.calendar-year {
    width: 269px;
    margin-left: 530px;
    margin-top: -25px;
}

span.head-text {
    font-size: 30px;
    margin-left:-250px;
    font-weight: 600;
    color:black;
}

@media (max-width: 767px) {

    .field-width {
        width: 450px;
    }

    .view-width {
        min-width:inherit; !important;
    }
    .mobile-view {
        padding-top:50px;
    }

    .ttt {
        float:none !important;
        margin-top: -30px ;
    }
    .test {
        float: none !important;
        padding-left: 0px!important;
    }

    .calendar-year {
        width: 120px;
        margin-left: 230px;
        margin-top: -25px;
    }

    .calendar-month {
        width: 120px;
    }

    .calendar-day {
        width: 110px;
        float: left;
    }

    .button-align {
        margin-left: -120px;
    }

    h1.head-text {
        margin-left: -270px;
    }

    .spacing {
        padding-bottom: 30px;
    }
}

@media (max-width: 576px) {

    h1.head-text {
        margin-left: -280px;
    }

    .field-width {
        width: 300px;
    }

    /*.form-container {
        padding-left: 100px;
    }
*/
    .button-align {
        margin-left: -200px;
    }

    .spacing {
        padding-bottom: 30px;
    }

    .calendar-year {
        width: 120px;
        margin-left: 180px;
        margin-top: -24px;
    }

    .calendar-month {
        width: 100px;
    }

    .calendar-day {
        width: 80px;
        float: left;
    }
}

.test {
    float: right;
    padding-left: 60px!important;
}

.ttt {
    float: right;
    margin-top: -30px;
}

.spacing {
    padding-bottom: 30px;
    /*margin-left: -200px;*/
}

.view-width {
    width:450px;
}

.button-align{
    padding-left:300px;
}