@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1400px) {}

@media screen and (max-width: 1300px) {
    section.home-sec1 a.orange-btn {
        gap: 14px;
    }
    div#qrCodesTable_wrapper div#qrCodesTable_filter {
        margin-right: 445px;
    }
    div#qrCodesTable_wrapper div#qrCodesTable_length {
        margin-top: 24px;
    }
}

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

@media screen and (max-width: 1024px) {
    .left-part {
        max-width: 230px;
        padding: 15px;

    }
    .main-content {
        margin-inline-start: 230px;
    }
    footer {
        padding-inline-start: 230px;
    }
    section.home-sec2 .table-wrap table {
        width: 1900px;
    }
    section.home-sec2 .table-wrap {
        overflow: auto;
    }
    section.home-sec1 a.orange-btn {
        gap: 9px;
        padding: 11px 10px;
        font-size: 12px;
    }
    section.details-sec1 .tablecontainer .scroller {
        overflow: auto;
    }
    section.details-sec1 .tablecontainer table {
        width: 1000px;
    }
    section.login .form-wrap .wraper {
        padding: 0 30px;
    }
    section.login .bg-orange {
        width: 50%;
    }
    section.login .form-wrap {
        width: 50%;
    }
    .informationbx .appendbx .inputbx.w652 {
        width: 450px;
    }
    .informationbx .appendbx .inputbx.w193 {
        width: 170px;
    }
    .informationbx .appendbx .remove-btn {
        right: -10px;
    }
    .gWrp .qr_wrp .qr_gp {
        grid-template-columns: 120px 1fr;
        gap: 1rem;
    }
    .gWrp .qr_wrp .qr_gp .qr_dt input:not([type=submit]) + input[type=submit] {
        margin-top: 1rem;
    }
    .gWrp .qr_wrp h2 {
        margin-bottom: 1rem;
    }

    div#qrCodesTable_wrapper div#qrCodesTable_filter {
        margin-right: 200px;
        margin-top: 10px;
    }
    section.home-sec1 input {
        padding: 6px !important;
    }
    div#qrCodesTable_wrapper div#qrCodesTable_length {
        margin-top: 15px;
    }
    div#qrCodesTable_wrapper div#qrCodesTable_filter label input {
        padding: 7px !important;
    }
    .dt-buttons {
        float: unset !important;
        justify-content: center;
    }
    div#qrCodesTable_wrapper div#qrCodesTable_filter {

        float: right !important;
        width: 95%;
        margin: 0 18px 20px !important;
    }
    .page-id-7 div#qrCodesTable_wrapper div#qrCodesTable_filter {
        width: 92%;
        margin: 30px !important;
    }
    .page-id-7 div#qrCodesTable_wrapper div#qrCodesTable_length {
        margin-top: 21px;
    }
    section.home-sec2 .table-wrap a.codegen2 {
        right: 190px;
    }

}

@media screen and (max-width: 991px) {
    html{
        margin: 0 i8 !important;
    }
    h2 {
        font-size: 22px;
    }
    .menu.btn2 {
        display: block;
    }

    .heading-wrap {
        padding: 0 0 0 40px;
    }

    .btn2.open .icon {
        transition-duration: 0.5s;
        background: transparent;
    }

    .btn2.open .icon:before {
        transform: rotateZ(45deg) scaleX(1.25) translate(13px, 13px);
    }

    .btn2.open .icon:after {
        transform: rotateZ(-45deg) scaleX(1.25) translate(12px, -12px);
    }

    .left-part {
        left: -288px;
        transition: all 0.3s ease-in-out;
    }

    .main-content {
        margin-inline-start: 0;
        transition: all 0.3s ease-in-out;
        min-height: auto;
    }

    header {
        padding-inline-start: 0;
    }
    footer {
        padding-inline-start: 0;
    }

    .menu-open header {
        padding-inline-start: 0;

    }

    .menu-open .left-part {
        left: 0;
    }

    .menu-open .menu.btn2 {
        z-index: 9999;
        left: 170px;
        position: fixed;
        top: 1px;
    }
    section.home-sec1 a.orange-btn {
        padding: 10px;
    }
    section.home-sec1 {
        padding: 25px 0;
    }
    
    .left-part .side-btn-wrap .manu-wrap ul li a {
        gap: 12px;
        padding: 7px 8px;
    }
    .gWrp .row.mb_72 {
        margin-bottom: 3rem;
    }
    .informationbx {
        padding: 30px;
        margin-bottom: 20px;
    }
    .informationbx form {
        margin-top: 30px;
       
    }
    .historybx .headbx {
        margin-bottom: 20px;
    }
    .informationbx .appendbx .inputbx.w652 {
        width: 400px;
    }
    .informationbx .appendbx .inputbx.w652 {
        width: 400px;
    }
    .informationbx .appendbx .remove-btn {
        right: -5px;
    }
    .historybx .tablecontainer .scroller{
        overflow: auto;
    }
    .historybx .tablecontainer table {
        width: 1000px;
    }
    .historybx {
        padding-bottom: 50px;
    }
    .informationbx .addrow {
        margin-bottom: 25px;
    }
    section.details-sec1 h3 {
        margin: 30px 0 18px;
    }
    .gWrp .qr_wrp .qr_gp {
        grid-template-columns: 180px 1fr;
        gap: 2rem;
    }
    .left-part .side-btn-wrap {
        padding-bottom: 150px;
    }
    body.menu-open .main-content {
        opacity: 0.2;
    }
    body.menu-open footer {
        opacity: 0.2;
    }
    body.menu-open header .profile-wrap {
        opacity: 0.2;
    }
    div#qrCodesTable_wrapper div#qrCodesTable_filter label input {
        padding: 5px !important;
    }
    .page-id-7 div#qrCodesTable_wrapper div#qrCodesTable_length {
        margin-top: 14px;
    }




}

@media screen and (max-width: 767px) {
    .container-fluid {
        padding-right: var(--bs-gutter-x, 20px);
        padding-left: var(--bs-gutter-x, 20px);
    }
    section.home-sec1 a.orange-btn {
        padding: 10px;
        margin-left: unset;
        margin: 0 auto;
    }
    section.home-sec1 input {
        max-width: 100%;
        margin-bottom: 25px;
    }
    section.details-sec1 h3 {
        font-size: 22px;
        margin: 10px 0 15px;
        text-align: center;
    }
    .back-wraper {
        justify-content: center;
    }
    section.details-sec1 h2 {
        margin: 22px 0 14px;
        text-align: center;
    }
    section.details-sec1 h2 + img{
        display: block;
        margin: 0 auto;
    }
    header .profile-wrap h6 {
        display: none;
    }
    section.details-sec1 .tablecontainer table {
        width: 1000px;
    }
    .gWrp .qr_wrp .qr_gp {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .gWrp .qr_wrp h2 {
        margin-bottom: 1rem;
        text-align: center;
    }
    .gWrp {
        padding: 2rem 0 1rem;
    }
    .gWrp .gn_head {
        flex-direction: column;
        gap: 10px;
        padding: 0;
    }
    .gWrp .gn_head .orange-btn.newbtn {
        position: static;
    }
    .gWrp .gn_head h2{
        text-align: center;
    }
    .gWrp .gn_head .orange-btn {
        padding: 10px;
        margin: 0 auto;
    }
    .gWrp .gn_table table {
        width: 600px;
    }
    .gWrp ul.pagination li span {
        font-size: 12px;
        gap: 3px;
        padding: 6px 7px;
    }
    .gWrp ul.pagination li a {
        font-size: 12px;
        padding: 6px 10px;
    }
    .gWrp ul.pagination {
        justify-content: center;
        flex-wrap: wrap;
    }
    section.home-sec2 ul.pagination li span {
        font-size: 12px;
        gap: 3px;
        padding: 6px 7px;
    }
    section.home-sec2 ul.pagination li:last-child a {
        gap: 3px;
    }
    section.home-sec2 ul.pagination li a {
        font-size: 12px;
        padding: 5px 10px;
    }
    section.home-sec2 ul.pagination {
        justify-content: center;
        flex-wrap: wrap;
    }
    .gWrp .row.mb_72 {
        margin-bottom: 2rem;
    }
    section.login .bg-orange {
        width: 100%;
        height: 40vh;
        margin-bottom: 30px;
    }
    section.login .form-wrap {
        width: 100%;
        height: auto;
    }
    section.login {
        height: auto;
        flex-direction: column;
    }
    .informationbx .appendbx {
        max-width: 100%;
        flex-direction: column;
    }
    .informationbx .appendbx .inputbx.w652 {
        width: 100%;
    }
    .informationbx .appendbx .remove-btn {
        right: 0;
    }
    div#qrCodesTable_wrapper div#qrCodesTable_filter {
        margin: 22px 10px;
    }
    section.home-sec1 input {
        margin-bottom: 0;
    }
    .gWrp .gn_table table tr th{
        background-image: none;
    }
    .dt-buttons {
        flex-wrap: wrap;
    }
    div#qrCodesTable_wrapper div#qrCodesTable_filter {
        width: 90%;
    }
    .page-id-7 div#qrCodesTable_wrapper div#qrCodesTable_filter {
        width: 92%;
        margin: 13px  18px 20px !important;
    }
    .page-id-7 div#qrCodesTable_wrapper div#qrCodesTable_length {
        margin-top: 61px;
    }
}

@media screen and (max-width: 639px) {}