.tz {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #eaedef;
    padding: 50px;

    .full-btn {
        width: 100%;
        margin-top: 15px;
        height: 45px;
    }

    .tz-l-2, .tz-3 {
        input#menu-toggle, label.mobile-menu-toggle {
            display: none;
        }
    }

    .tz-l {
        float: left;
        width: 20%;
    }

    .tz-l-1 {
        position: relative;
        overflow: hidden;
        background: #fff;
        border: 1px solid #dadada;
        box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8);
        border-radius: 4px;

        ul {
            li {
                text-align: center;
                font-size: 14px;

                span {
                    display: block;
                    font-size: 32px;
                    font-weight: 500;
                    line-height: 30px;
                    color: #21252b;
                }
            }

            li:nth-child(1) img {
                width: 100%;
            }
        }
    }

    .tz-l-2 {
        position: relative;
        overflow: hidden;
        background: #fff;
        border: 1px solid #dadada;
        padding: 20px;
        margin-top: 12px;
        box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8);
        border-radius: 4px;

        ul {
            padding: 0px;

            li {
                border-bottom: 1px solid #eaedef;
                list-style-type: none;
            }

            li:last-child {
                border-bottom: 0px solid #dcdcdc;
                padding: 12px 0px 0px 0px;
            }

            li a {
                color: #333;
                padding: 12px 0px;
                display: block;
            }

            li a:hover {
                color: #333;
                padding-left: 8px;
                background: #eaedef;
                padding-left: 12px;
            }

            li a img {
                width: 20px;
                margin-right: 8px;
            }
        }
    }

    .tz-2 {
        float: left;
        width: 53%;
        position: relative;
        overflow: hidden;
        background: #fff;
        border: 1px solid #dadada;
        box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8);
        border-radius: 4px;
        margin-left: 12px;
        margin-right: 12px;

        .tz-2-com h4 {
            margin: 0px;
            background: #004dda;
            padding: 15px;
            color: #fff;
        }

        .tz-2-main-com {
            padding: 20px;
            position: relative;
            overflow: hidden;
            display: flex;
        }

        .tz-2-main-com img {
            display: block;
            /* width: 80px; */

            margin: 0 auto;
            /* padding-bottom: 20px; */

            border: 1px solid #eaedef;
            padding: 12px;
            border-radius: 5px;
            margin-bottom: 20px;
        }

        .tz-2-main-com span {
            font-size: 24px;
            font-weight: 600;
            font-family: 'Quicksand', sans-serif;
        }

        .tz-2-main-com h2 {
            color: #004dda;
            font-size: 72px;

        }

        .tz-2-main-com ul {
            margin-bottom: 0px;
            /* border-top: 1px solid #eaedef; */

            margin-top: 10px;
            padding: 0px;
        }

        .tz-2-main-com ul li {
            text-align: left;
            border-bottom: 1px solid #eaedef;
            padding: 12px 0px;
            list-style-type: none;
            background: url('../images/icon/tz-arrow.png') no-repeat center left;
            background-size: 10px;
            text-overflow: ellipsis;
            white-space: inherit;
            overflow: hidden;
        }

        .tz-2-main-com ul li a {
            /* text-align: left; */

            display: block;
            color: #333;
            font-size: 13.5px;
            padding-left: 14px;
        }

        .tz-2-main-com ul li a:hover {
            padding-left: 10px;
        }

        .ds-boar-title h2 {
            color: #004dda;
        }

        table.responsive-table.bordered {
            width: 100%;
        }
    }

    .tz-3 {
        float: left;
        width: 20%;
        position: relative;
        overflow: hidden;
        background: #fff;
        border: 1px solid #dadada;
        /* margin-bottom: 25px; */

        box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8);
        border-radius: 4px;
    }


    .tz-lma {
        color: #333;
        background: #eaedef;
        padding-left: 12px !important;
    }


    .tz-3 h4 {
        margin: 0px;
        background: #004dda;
        padding: 15px;
        color: #fff;
    }

    .tz-3 h4 small {
        font-size: 13px;
    }

    .tz-3 ul {
        margin-bottom: 0px;
        padding: 20px;
        padding-left: 20px !important;
    }

    .tz-3 ul li {
        border-bottom: 1px solid #dcdcdc;
        padding: 12px 0px;
    }

    .tz-3 ul li a {
    }

    .tz-3 ul li a img {
        float: left;
        width: 28px;
        height: 28px;
        border-radius: 50px;
        margin-right: 10px;
    }

    .tz-3 ul li a h5 {
        color: #333;
        font-size: 15px;
        margin-top: 0px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
        text-transform: capitalize;
        margin-bottom: 0px;
    }

    .tz-3 ul li a p {
        padding-left: 40px;
        margin-bottom: 0px;
        color: #969595;
        font-size: 12px;
        line-height: 18px;
    }

    .tz-3 ul li:last-child {
        border-bottom: 0px solid #dcdcdc;
        padding: 12px 0px 0px 0px;
    }


    .tz-done {
        font-size: 12px !important;
        background: #3e8e41;
        color: #fff;
        padding: 2px 4px;
        border-radius: 3px;
        text-transform: lowercase;
        margin-left: 5px;
    }

    .tz-done:hover {
        color: #fff;
    }

    .tz-not-done {
        font-size: 12px !important;
        background: #f4a321;
        color: #fff;
        padding: 2px 4px;
        border-radius: 3px;
        text-transform: lowercase;
        margin-left: 5px;
    }

    .tz-2-main-1 {
        position: relative;
        overflow: hidden;
        float: left;
        width: 33.3%;
        text-align: center;
    }

    .tz-2-main-2 {
        border: 1px solid #eaedef;
        padding: 20px;
    }

    .tz-2-main-com-table th {
        font-weight: 600;
        padding: 10px 4px;
    }

    .tz-2-main-com-table tr {
        border-bottom: 1px solid #eaedef;
        line-height: 37px;
        padding: 10px;
    }

    .tz-2-main-com-table tr td {
        padding: 16px 4px 13px 4px;
    }

    .tz2-form-com {
    }

    .tz2-form-com form {
        padding: 35px 50px 35px 50px;
        background: #eaedef;
        margin-top: 15px;
    }

    .tz2-form-com form input {
        border: 1px solid #e4e4e4;
        line-height: 44px;
        padding: 0px 25px;
        background: #fff;
        font-size: 14px;
    }

    .tz2-form-com form input[type="submit"] {
        padding: 0px;
    }

    .tz2-form-com form label {
        font-size: 14px;
        color: #646464;
    }

    .tz-pay-card {
        position: relative;
        overflow: hidden;
        border: 1px solid #eaedef;
        padding: 1px 10px;
    }

    .tz-pay-card h5 {
        display: inline-block;
        padding: 10px 5px;
    }

    .tz-pay-card img {
        width: 175px;
        border: 0px;
        display: inline-block;
        margin-bottom: 0px;
        float: right;
        padding: 0px;
    }

    .tz2-form-pay ul li {
        background: none;
        padding: 5px 0px 12px 0px;
    }

    .tz-pay-amount {
        float: right;
        color: #FFC107;
        font-size: 22px;
    }

    .tz-down-pdf {
        border: 1px solid #c7c8c9;
        border-radius: 3px;
        padding: 4px 8px;
        color: #333;
    }

    .tz-make-pay {
        border: 1px solid #c7c8c9;
        border-radius: 3px;
        padding: 4px 8px;
        color: #333;
    }

    .tz-make-pay:hover {
        background: #3e8e41;
        color: #fff;
        border: 1px solid #317d34;
    }

    .tz-mak-pay-bot {
        margin-top: 25px;
    }

    .tz-mak-pay-bot p {
        color: #969595;
        font-size: 14px;
        line-height: 24px;
        font-weight: 400;
    }

    .tz-mak-pay-bot a {
        font-size: 16px;
        text-transform: capitalize;
    }

    .tz-mak-pay-bot a:hover {
        color: #fff;
    }

    .tz-up-btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        float: left;
        height: 3rem;
        line-height: 3rem;
        height: 45px;
        padding: 10px 25px;
        background: #eac610;;
        color: #fff;
    }

    /*.tz-file-upload {*/
    /*    padding: 0 0.75rem;*/
    /*}*/

    .tz-com-p h5 {
        font-size: 20px;
    }

    .tz-com-p p {
        color: #969595;
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
    }

    .tz-db-table table tr {
        border: 1px solid #eaedef;

    }

    .tz-db-table table tr td {
        font-size: 15px;
        color: #333;
        padding: 10px;
    }


    .db-list-com {
        padding: 20px;
        position: relative;
        overflow: hidden;

        th {
            font-size: 16px;
            color: #333;
            padding: 15px 15px 15px 5px;
        }
    }

    .db-list-rat {
        background: #ffe500;
        padding: 4px;
        font-weight: 600;
        color: #000;
        right: 15px;
        top: 0px;
        font-size: 14px;
        border-radius: 2px;
    }

    .db-list-ststus {
        background: #76cce6;
        padding: 4px;
        font-weight: 600;
        color: #000;
        right: 15px;
        top: 0px;
        font-size: 14px;
        border-radius: 2px;
    }

    .db-list-ststus-na {
        background-color: red;
        color: white;
        padding: 4px;
        font-weight: 600;
        right: 15px;
        top: 0px;
        font-size: 14px;
        border-radius: 2px;
    }

    /*.db-list-edit {*/
    /*    background: #e8e8e8;*/
    /*    padding: 4px;*/
    /*    font-weight: 600;*/
    /*    color: #000;*/
    /*    right: 15px;*/
    /*    top: 0px;*/
    /*    font-size: 14px;*/
    /*    border-radius: 2px;*/
    /*}*/

    /*.db-list-edit:hover {*/
    /*    background: #76cce6;*/

    .tz-file-upload {
        .file-field {
            position: relative;
        }

        .file-field input[type=file] {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            width: 100%;
            margin: 0;
            padding: 0;
            font-size: 20px;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .file-field .file-path-wrapper {
            overflow: hidden;
            padding-left: 10px;
        }
    }

    .db-mak-pay-bot {
        margin-top: 25px;
    }

    .db-mak-pay-bot p {
        color: #969595;
    }


    /*.tz-file-upload {*/
    /*    padding: 0 0.75rem;*/
    /*}*/

    .tz-up-btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        float: left;
        height: 3rem;
        line-height: 3rem;
        height: 45px;
        padding: 8px 25px 10px 25px;
        background: #eac610;
        color: #fff;
    }

    .tz-up-btn span {
        color: #fff;
    }

    .db-mak-pay-bot a {
        font-size: 14px;
    }

    .tz-mess {
    }

    .tz-mess ul {
        margin-bottom: 0px;
    }

    .tz-mess ul li {
        border-bottom: 1px solid #dcdcdc;
        padding: 30px 0px 10px 0px;
    }

    .tz-mess ul li img {
    }

    .tz-mess ul li h5 {
        color: #333;
        font-size: 18px;
        vertical-align: top;
    }

    .tz-mess ul li h5 img {
        float: left;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        margin-right: 10px;
        margin-right: 22px;
    }

    .tz-mess ul li h5 span {
        font-size: 12px;
        color: #fff;
        padding: 0px 5px 2px 5px;
        border-radius: 35px;
        margin-top: 3px;
        position: absolute;
        margin-left: 5px;
    }

    .tz-mess ul li p {
        padding-left: 72px;
        padding-top: 15px;
        color: #969595;
    }

    .tz-msg-read {
        background: #607D8B;
    }

    .tz-msg-un-read {
        background: #4CAF50;
    }

    .hid-msg {
        position: relative;
        overflow: hidden;
        margin-left: 72px;
        display: none;
    }

    .hid-msg a {
    }

    .hid-msg a i {
        border: 1px solid #eaedef;
        padding: 3px 3px;
        border-radius: 5px;
        color: #333;
        margin-right: 12px;
    }

    .view-msg {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .view-msg:hover .hid-msg {
        display: block;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .hide-box {
        display: none;
    }

    .hide-box label {
        left: 18px;
        top: 12px;
    }

    .tz-revi-star {
    }

    .tz-revi-star i {
        font-size: 12px;
        color: #64addb;
        margin-right: 2px;
    }

    .switch label {
        cursor: pointer;
        color: #636363;
        font-weight: 500;
    }

    .tz-2-main-1 p {
        color: #969595;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .bi.list-mig-lc-img {
        border-bottom: 1px solid #eaedef;
        margin-bottom: 20px;
    }

    .row .col {
        float: left;
        box-sizing: border-box;
        padding: 0 0.75rem;
        min-height: 1px;
    }

    .row .col.s12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }


    /* Text inputs */

    input:not([type]),
    input[type=text],
    input[type=password],
    input[type=email],
    input[type=url],
    input[type=time],
    input[type=date],
    input[type=datetime],
    input[type=datetime-local],
    input[type=tel],
    input[type=number],
    input[type=search],
    textarea.materialize-textarea {
        background-color: transparent;
        border-radius: 0;
        outline: none;
        width: 100%;
        box-shadow: none;
        transition: all 0.3s;
    }

    .input-field label:not(.label-icon).active {
        font-size: 0.8rem;
        -webkit-transform: translateY(-140%);
        transform: translateY(-140%);
        opacity: 0;
    }

    form textarea,
    textarea.materialize-textarea {
        height: 120px;
        background-color: #fff;
        padding: 15px 24px;
        border: 0;
    }

    /* Initially show the "chevron-down" and hide the "chevron-up" */

    .mobile-menu-toggle .fa-chevron-up {
        display: none;
    }

    /* When checkbox is checked (menu open), switch icons */

    #menu-toggle:checked + .mobile-menu-toggle .fa-chevron-down {
        display: none;
    }

    #menu-toggle:checked + .mobile-menu-toggle .fa-chevron-up {
        display: inline;
    }

    .of.tz-2 {
        width: 75%;

        .ck-editor {
            background: #fff;
        }
    }

    .dir-pa-sp-top {
        margin-top: 100px;


        .of.container.com-padd.dir-hom-pre-tit {
            .bi.hi.list-mig-lc-img {
                img {
                    object-fit: cover;
                    width: 100%;
                }
            }
        }
    }
    .com-title {
        text-align: center;
        position: relative;
        overflow: hidden;
    }

    .hom-cre-acc-right form {
        border: 1px solid #ededed;
        background-color: #f9f9f9;
        padding: 30px;
        box-sizing: border-box;
        padding: 35px 50px 35px 50px;
        background: #eaedef;
    }

    .hom-cre-acc-right form input {
        height: 45px;
        position: relative;
        padding: 5px 24px;
        box-sizing: border-box;
        box-shadow: none;
        border: 1px solid #e8e8e8;
        text-indent: 0;
        line-height: 12px;
        -webkit-transition: border-color .4s, color .4s;
        transition: border-color .4s, color .4s;
        /* -webkit-appearance: none; */
        width: 100%;
        font-size: 14px;
        background: #fff;
    }

    .row.span-none {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        padding: 10px;
    }

    /* Base styles for all cards */

    .list-mig-like-com {
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        padding: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: transform 0.2s ease, box-shadow 0.3s ease;
    }

    /* First item (Imagine Profil): full width */

    .list-mig-like-com:nth-child(1),
    .list-mig-like-com:nth-child(2),
    .list-mig-like-com:nth-child(3) {
        flex: 1 1 calc(50% - 10px); /* Two items per row with gap */
    }
}

@media screen and (max-width: 767px) {
    .tz {
        padding: 10px 0;

        .dir-pa-sp-top {
            margin-top: 50px;
        }

        .tz-l-1 ul {
            padding: 0px;
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            margin: 0;
            gap: 5rem;

            img {
                max-width: 150px;
                margin-right: 10px;
            }
        }

        .tz-l-2 {
            label.mobile-menu-toggle {
                display: block;
                margin: 0;
            }

            padding: 0;
        }

        .cbb3-mob-app {
            margin: 0 auto;
            width: 80%;
        }

        .dir-mob-app-size {
            width: 80% !important;
        }

        .dir-get-app ul {
            width: 100%;
            padding-left: 0px;
        }

        .dir-get-app ul li:nth-child(2) {
            width: 80%;
        }

        .dir-get-app ul li:nth-child(3) {
            width: 100%;
        }

        .dir-get-app ul li:nth-child(1) {
            width: 20%;
        }

        .dir-ho-t-tit h1 {
            font-size: 28px;
        }

        .dir-ho-tr ul li a {
            font-size: 14px;
        }

        .dir-ho-t2l form ul li:nth-child(2) {
            display: none;
        }

        .dir-ho-t2l form ul li:nth-child(1) {
            width: 75%;
        }

        .dir-ho-t2l form ul li:nth-child(3) {
            width: 25%;
        }

        .dir-v2-ho-t2l form ul li:nth-child(1) {
            width: 80%;
        }

        .dir-v2-ho-t2l form ul li:nth-child(2) {
            width: 20%;
            display: block;
        }

        .dir-ho-t-sp {
            padding: 50px 0px 100px 0px;
        }

        .dir-hr1 {
            text-align: center;
            width: 90%;
        }

        .dir-pr-p1-rev {
            float: left;
            margin-top: 25px;
        }

        .dir-pr-p1 ul li {
            width: 100% !important;
        }

        .dir-pr-p1 ul {
            padding-bottom: 20px;
        }

        .dir-pr-p2 ul li {
            padding: 10px 10px 10px 35px;
        }

        .dir-pr-ri-pro {
            margin-bottom: 25px;
        }

        .dir-ho-tr {
            display: none;
        }

        .dir-ho-tl ul {
            display: table;
            margin: 0 auto;
        }

        .dir-ho-tl {
            padding-top: 35px;
        }

        .hom-pro {
            margin-bottom: 30px;
        }

        .sea-drop-1 {
            width: 96%;
        }

        .ts-menu-5 span i {
            margin: 11px;
        }

        .top-search form ul li:nth-child(1) {
            width: 80%;
        }

        .top-search form ul li:nth-child(2) {
            width: 20%;
        }

        .ts-menu-1 a img {
            width: 40px;
            margin: 10px;
            /* margin-left: 20px; */

            display: table;
            /* margin: 0 auto; */

            margin-left: auto;
        }

        .lpe-com-main {
            width: 90%;
            padding: 50px 0px;
        }

        .list-enqu-btn ul li {
            width: 50%;
        }

        .list-number ul li {
            width: 100%;
        }

        .carousel {
            height: auto;
        }

        .lp-ur-all-left {
            width: 100%;
            border-right: 0px solid #6b7f8a;
            padding-right: 0px;
        }

        .lp-ur-all-right {
            float: left;
            width: 100%;
            padding: 25px 20px 2px 0px;
        }

        .lp-ur-all-right p span {
            font-size: 20px;
            margin-right: 10px;
        }

        .page-about-count {
            border-bottom: 1px solid #3e5263;
            border-right: 0px solid #3e5263;
            padding-bottom: 20px;
            padding-top: 12px;
        }

        .page-about-count-no-bor {
            border-bottom: 0px solid #3e5263;
            padding-bottom: 10px;
        }

        .con-page-ri {
            width: 100%;
            padding: 50px;
            padding-top: 100px;
        }

        .pricing {
            margin-top: 30px;
        }

        footer h4 {
            margin-top: 24px;
        }

        .foot-sec2 {
            padding-top: 0px;
        }

        .dir-pop-body form {
            padding: 30px 30px 25px 30px;
        }

        .dir-pop-body {
            padding: 35px 30px 20px 30px !important;
            border-bottom: 10px solid #263b57;
        }

        .tz-l {
            width: 100%;
        }

        .tz-2 {
            width: 100%;
            margin-right: 0px;
            margin-left: 0px;
            margin-top: 20px;
            margin-bottom: 20px;


            h4 {
                font-size: 16px;
            }

            .tz-2-main-2 {
                padding: 10px;
            }

            .tz-2-main-com h2 {
                font-size: 36px;
            }

            .tz-2-main-com span {
                font-size: 16px;
            }

            .tz-2-main-1 p {
                font-size: 14px;
            }

        }

        .tz-3 {
            width: 100%;
            margin-top: 20px;

            label.mobile-menu-toggle {
                display: block;
                margin: 0;
            }

        }

        .mob-hide {
            display: none;
        }

        .sb1-1 {
            padding: 10px 15px;
        }

        .hom-cre-acc-right form {
            padding: 12px 25px;
        }

        .tz-regi-form {
            width: 85%;
            padding: 40px;
            margin-bottom: 50px;
            margin-top: 50px;
        }

        .tz-invo-full {
            padding: 0px;
        }

        .tz-invo-full1 {
            width: 100%;
            margin: 0px;
        }

        .cat-v2-hom-list ul li {
            width: 50%;
        }

        .v3-mob-m-2 ul li:nth-child(1) {
            display: none;
        }

        .v3-mob-m-2 ul li:nth-child(2) {
            display: none;
        }

        .tourz-search-form div:nth-child(1) {
            width: 100%;
        }

        .tourz-search-form div:nth-child(2) {
            width: 100%;
        }

        .tourz-search-form div:nth-child(3) {
            width: 100%;
        }

        .tourz-search-form div {
            margin-bottom: 15px;
        }

        .tourz-top-search-form div:nth-child(1) {
            display: none;
        }

        .tourz-top-search-form div:nth-child(2) {
            width: 100%;
        }

        .tourz-top-search-form div:nth-child(3) {
            display: none;
        }

        .log-in-pop-left {
            display: none;
        }

        .log-in-pop-right {
            width: 100%;
        }

        .tz-db-table table tr td {
            padding: 10px;
        }

        .of.tz-2 {
            width: 100%;
        }

        .btn_add {
            display: block;
        }

        .hasimg {
        }

        .hasimg img {
            width: 100%;
        }

        .tz-l {
            .menu-toggle, .mobile-menu-toggle {
                display: none;
            }

        }

        /*.tz-3 {*/
        /*    .menu-toggle, .fa-chevron-down {*/
        /*        display: none;*/
        /*    }*/
        /*}*/

        .tz-l {
            .mobile-menu {
                display: none;
                padding-left: 0;
                list-style-type: none;
            }

            /* Style the menu toggle button */

            .mobile-menu-toggle {
                background-color: #004dda;
                color: white;
                padding: 10px;
                border: none;
                cursor: pointer;
                font-size: 16px;
                display: block;
                text-align: center;
            }
        }

        .tz-l {
            .menu-toggle {
                display: none;
            }

            /* Show the menu when the checkbox is checked */

            .menu-toggle:checked + .mobile-menu-toggle + .mobile-menu {
                display: block;
            }

            /* Style each list item */

            .mobile-menu li {
                margin-bottom: 10px;
            }

            .mobile-menu li a {
                display: block;
                padding: 10px;
                text-decoration: none;
                color: #333;
                font-size: 14px;
            }

            .mobile-menu li a:hover {
                background-color: #f0f0f0;
            }

            /* Hide the menu by default */

            .mobile-menu {
                display: none;
            }
        }


        .list-mig-like-com {
            flex: 1 1 100%;
        }

        .tz-2 {
            .db-list-com.tz-db-table:nth-of-child(2) {
                .responsive-table thead {
                    display: block;
                    float: left;
                }

                .responsive-table tbody {
                    display: block;
                    width: auto;
                    position: relative;
                    overflow-x: auto;
                    white-space: nowrap;
                }

                .responsive-table td {
                    display: block;
                    min-height: 1.25em;
                    text-align: left;
                }

                .responsive-table th {
                    display: block;
                    text-align: right;

                }
            }
        }

        & .tz-3 {
            .mobile-menu {
                display: none;
                padding-left: 0;
                list-style-type: none;
            }
        }

        .tz-3 small {
            font-size: 13px;

        }
        .tz2-form-com form{
            padding: 0;
        }
        .tz-2 .db-list-com{
            padding: 10px;
        }
    }
}