body {
    font-size: 30px;
    padding-top: 0 !important;
    background: #fc9;
    background-color: #fc9 !important;
    color: #000;
    font-family: sans-serif
}

p {
    margin-bottom: 0
}

.B1 {
    background-color: #fc9;
    color: #000;
    border-width: 3px;
    border-color: #ff006c;
    border-style: solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    margin-top: 1px;
    margin-bottom: 1px;
    font-weight: bold;
    font-size: x-large;
    text-shadow: 1px 1px navy;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 10px;
    margin-right: 10px
}

.satta-matka-jodi-subtitle {
    border: 4px solid #ff006c;
    margin-top: 10px;
    background-color: #fff !important;
    border-top-left-radius: 10px;
    padding: 15px 0;
    margin-left: 10px;
    margin-right: 10px
}

.satta-matka-jodi-subtitle big {
    color: #ff006c;
    font-weight: 700;
    font-size: 32px
}

.tops,
.bottoms {
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .2), 0 6px 8px 0 rgba(0, 0, 0, .19);
    background-color: #fff0;
    border: none;
    color: navy;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    border-radius: 5px;
    border: #0f0 2px solid;
    font-weight: 800;
    text-shadow: 1px 1px cyan;
    cursor: pointer
}

.d-f.jcc {
    display: flex;
    justify-content: center
}

.tops:focus,
.tops:hover {
    color: #23527c !important;
    text-decoration: underline !important
}

.headera {
    border: none !important;
    background: transparent !important;
    padding-bottom: 0;
    margin: 0 !important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.timebazar {
    background: #3f51b5 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #fff;
    width: 100%;
}

.headera font {
    width: 100%
}

.headera font span {}

.date {
    border: none !important;
    background: transparent !important;
    border: 2px solid #2196f3 !important
}

.table-pc {
    width: 100%;
    background-color: transparent
}

.date {
    margin-bottom: 10px
}

table,
td,
th {
    border: 1px solid #666
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    text-align: center
}

thead tr {
    background: #e1e1e1;
    color: #000;
    font-size: 14px
}

thead td {
    padding: 15px 0;
    font-weight: 700
}

tbody tr span,
tbody tr td,
tbody tr p {
    font-weight: 600;
    text-shadow: 1px 1px 2px #adadad
}

tbody tr td {
    padding: 5px
}

tbody tr td span {
    font-size: 22px;
    line-height: 1.5
}

tbody tr td:first-child p {
    line-height: 1.5
}

.footer {
    text-align: center;
    margin-top: 10px
}

.ftr-div {
    background-color: #fff;
    color: red;
    font-weight: bold;
    font-style: none;
    font-size: x-large;
    text-decoration: none;
    border-width: 4px;
    border-color: purple;
    border-style: groove solid;
    text-shadow: 1px 1px gold;
    padding: 15px 0
}

@media only screen and (max-width:1440px) {
    .date {
        width: 80%
    }
}

@media only screen and (max-width:1024px) {
    .date {
        width: 100%
    }
}

@media only screen and (max-width:500px) {
    .timebazar {
        font-size: 18px;
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    thead td {
        font-size: 10px
    }

    tbody tr td:first-child p {
        font-size: 10px
    }

    tbody tr td {
        padding: 1px;
        font-size: 10px
    }

    tbody tr td span {
        font-size: 14px;
        line-height: 1.2
    }
}