@media only screen and (max-width: 359px) and (min-width: 300px) {}

@media only screen and (max-width: 390px) and (min-width: 300px) {}

@media only screen and (max-width: 999px) and (min-width: 300px) {

    .page_head {
        margin: 30px 0;
    }

    .page_head .page_title {
        font-size: 30px;
    }

    .page_head .page_desc {
        font-size: 18px;
    }

    .background_cont {
        display: none;
    }

    .inline_cont {
        font-size: 12px !important;
    }

    .oth_title {
        font-size: 18px !important;
    }

    .lb_lcon {
        font-size: 18px;
    }

    .lb_rcon {
        font-size: 12px;
    }

    .md_title {
        font-size: 20px;
    }

    .mob_text_center {
        text-align: center;
    }

    /* larg box */

    .box {
        padding: 20px 20px;
    }

    .larg_box .left_container {
        margin-bottom: 30px;
    }

    .larg_box .middle_container {
        margin-bottom: 30px;
    }

    .larg_box .right_container .sec_btns {
        padding: 0;
    }

    .larg_box .sec_box {
        width: 100%;
    }

    .larg_box .clockin_button {
        position: unset;
    }

    .paging_btn {
        width: 90%;
    }

    .not_found_message {
        font-size: 16px;
    }

    /* end larg box */

    hr.divider.in-sd {
        display: block;
    }

    .inputN.inputN-sm-sd {
        height: 35px;
        font-size: 12px;
    }

    .inputN_section {
        margin-bottom: 15px;
    }

    .inputN_section label {
        font-size: 12px;
        padding-bottom: 12px;
    }

    .nm_label {
        font-size: 25px;
        margin: 5px 0;
    }

    .round_btn-sm-sd {
        height: 50px;
        font-size: 16px;
    }

    /* text group */
    .text_group label {
        font-size: 16px;
    }

    .text_group .text {
        font-size: 16px;
    }

    .text_group .text_inline {
        float: unset;
        margin-right: unset;
    }

    .mob_label {
        font-weight: 700;
        margin-bottom: 10px !important;
        font-size: 20px !important;
        color: var(--dark) !important;
        display: block;
        text-align: center;
    }

    /* end text group */

    /* sample table */

    .stable {
        display: block;
        float: left;
        width: 100%;
    }

    .stable .mob_label {
        display: block;
    }

    .stable .mob_hide {
        display: none;
    }

    .stable tbody {
        display: block;
        width: 100%;
        vertical-align: top;
    }

    .stable thead {
        display: none;
    }

    .stable tbody tr:first-child {
        margin-top: 0;
    }

    .stable tbody tr {
        position: relative;
        display: block;
        width: 100%;
        padding: 20px 20px;
        margin: 24px 0px 0px;
        background: var(--light) !important;
        box-shadow: 1px 1px 13px 4px #00000021;
    }

    .stable tbody tr td.label_icon .clock_icon::before {
        content: "";
        background: url(../images/clock.jpg) no-repeat center center/cover;
        position: absolute;
        bottom: 20px;
        left: 25px;
        padding: 10px;
    }

    .stable tbody tr td.label_icon {
        position: absolute;
        bottom: 60px;
        left: calc(60% - 10px);
        width: auto;
    }

    .stable tbody tr td {
        display: inline-block;
        width: 100%;
        word-break: break-all;
        padding-top: 10px;
        font-size: 14px;
    }

    .stable tbody tr td:first-child {
        padding-top: 0;
    }


    /* end sample table */

    .cbox {
        width: 100%;
        margin: auto;
        background: unset;
        box-shadow: unset;
        padding: unset;
    }

    /****  floating-Lable style start ****/

    .floating-input:focus~label,
    .floating-textarea:focus~label,
    .floating-input:not(:placeholder-shown)~label,
    .floating-textarea:not(:placeholder-shown)~label {
        font-size: 12px;
    }

    /**** end  floating-Lable style start ****/

}

@media only screen and (max-width: 544px) and (min-width: 375px) {}

@media only screen and (max-width: 555px) and (min-width: 376px) {}

@media only screen and (max-width: 768px) and (min-width: 544px) {}

@media only screen and (max-width: 768px) and (min-width: 626px) {}

@media only screen and (max-width: 991px) and (min-width: 768px) {}

@media only screen and (max-width: 1199px) and (min-width: 992px) {}

@media only screen and (max-width: 1222px) and (min-width: 999px) {}

@media only screen and (max-width: 1358px) and (min-width: 1200px) {}

@media only screen and (max-width: 1200px) and (min-width: 993px) {}

@media only screen and (max-width: 767px) and (min-width: 300px) {}

@media only screen and (max-width: 2046px) and (min-width: 1200px) {}

@media only screen and (max-width: 2046px) and (min-width: 1440px) {}

@media only screen and (max-width: 2000px) and (min-width: 1668px) {}