@media only screen and (max-width: 1800px) {
    .recent-order-sec .table td:first-child {
        min-width: 80px;
    }

    .recent-order-sec .table td.emply_dash_order:first-child {
        min-width: 200px;
    }

    .recent-order-sec #keytable.table td.order_dash_orderid:first-child {
        min-width: 60px;
    }


    body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-user {
        margin-bottom: 30px;
    }

    body .select2-container--default .select2-selection--single .select2-selection__rendered, 
    .page-template .select2-container--default .select2-selection--single .select2-selection__rendered, 
    .filter-row select.select_date_range,
    .page-main-header .main-header-right .nav-right>ul>li span,
    body .page-main-header .main-header-right select.change_blog {
        font-size: 12px;
        letter-spacing: normal;
    }

    button.user-deactivate {
        font-size: 13px;
    }

    .login-form h4.form-heading { 
        font-size: 28px; 
    }

    body.page-template-employee-login-select-site .top-amp-logo {
        width: 300px;
        height: 68px;
    }
}

@media screen and (max-width: 1700px) {
    body {
        font-size: 13px;
    }

    .employee-data .card .list-persons tbody tr td,
    .employee-data .card .list-persons tbody tr td a,
    .property-list .card .list-persons tbody tr td,
    .property-list .card .list-persons tbody tr td a,
    .page-template-page-dashboard .employee-data .card .card-body tbody tr td a,
    .page-template-page-dashboard .employee-data .card .card-body tbody tr td p,
    button.user-deactivate,
    button.user-activate,
    .dataTables_wrapper table.dataTable tbody td, 
    .dataTables_wrapper table.dataTable tbody th,
    .dataTables_wrapper table.dataTable tbody td span bdi,
    .card-body .table td {
        font-size: 12px;
    }

    .employee-data .card .list-persons thead tr th,
    .property-list .card .list-persons thead tr th,
    .page-template-page-dashboard .employee-data .card .card-body thead tr th {
        font-size: 12px;
    }

    .woocommerce table.shop_table td.product-total,
    .woocommerce table.shop_table td.product-quantity {
        font-size: 16px;
    }

    body.dark-sidebar .page-wrapper.compact-wrapper .page-main-header .main-header-left,
    body.dark-sidebar .page-main-header .main-header-right,
    body.dark-sidebar .page-wrapper .page-main-header {
        height: 82px;
    }

    body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav {
        top: 80px !important;
    }

    /* .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu {
        height: calc(100vh - 100px);
    } */

    body .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav {
        width: 250px;
    }

    body .page-main-header .main-header-right .main-header-left {
        width: 250px;
    }

    body .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        margin-left: 245px;
    }

    .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu>li {
        padding: 2px 15px;
    }

    .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu>li .nav-link {
        font-size: 12px;
        padding: 10px 8px;
    }

    .tab-content h6 {
        font-size: 14px;
    }

    .bookmark-tabcontent .tab-content .card .card-header h5,
    .card .card-header h5 {
        font-size: 18px;
    }

    .page-template .select2-container--default .select2-selection--single .select2-selection__rendered,
    .form-control,
    .form-select,
    .page-main-header .main-header-right .nav-right>ul>li span, 
    body .page-main-header .main-header-right select.change_blog, 
    #header-main select.change_blog, 
    #header-main select.shop_menu, 
    #header-main form#propertySelectForm span.select2-selection,
    #header-main .shop_menu_dropdown span.select2-selection,
    #header-main .change_blog_dropdown span.select2-selection,
    body .select2-container--default .select2-selection--single .select2-selection__rendered, 
    .page-template .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 13px;
    }

    form.navbar-form .input-group-btn button.btn-default {
        padding: 7px 1.75rem;
    }

    .page-main-header .main-header-right .left-menu-header {
        padding: 24px 30px;
    }

    .page-template-page-wocoomerce-template .woocommerce-checkout-review-order tr td {
        font-size: 13px !important;
    }

    .report-result table tr a {
        color: #242934;
        font-size: 13px;
    }

    body.tax-product_cat ul.products li.product .wc-img-wrapper {
        height: 18vw;
    }

    .bookmark-tabcontent .tab-content .card .card-header h5,
    .card .card-header h5,
    .page-template-page-dashboard .employee-data .card .card-body h5 {
        font-size: 16px;
    }

    .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        padding-top: 0px;
    }

    select,
    .package-info .package-employee-info span.select2 span.selection .select2-selection {
        min-width: 195px;
    }

    .select-site-dropdown .selected-option {
        font-size: 25px;
    }

    .select-site-dropdown .dropdown-options .option a {
        font-size: 23px;
    }

    .emp-filter.filter-in-prop {
        font-size: 12px;
        margin-top: 42px;
    }

    .login-form h4.form-heading { 
        font-size: 27px; 
    }

    body.tax-product_cat.woocommerce ul.products li.product .product-col, 
    body.single-product ul.products li.product .product-col, 
    body.post-type-archive .product-feature-wrap .product-container .products li a{
        border-radius: 16px;
    }

    .page-main-header .main-header-right .nav-right.right-menu ul li button.btn {
        padding: 0.282rem 1.75rem;
    }

    .jconfirm .jconfirm-holder .jc-bs3-row .jconfirm-box-container .jconfirm-content{
        font-size: 28px;
        line-height: normal;
    }
    #header-main form#propertySelectForm span.select2-selection,
    #header-main .shop_menu_dropdown span.select2-selection,
    #header-main .change_blog_dropdown span.select2-selection {
        min-width: 205px;
        max-width: 210px;
        height: 32px !important;
    }
    .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input, .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
        height: 32px;
    }
    .navbar-right li a.btn.login{
        padding: 3px 30px;
    }
    .employee-header .employee-search-form-wrap .employee-search-form .input-group-btn .btn-search{
        padding: 4px 12px;
    }
    body .select2-container .select2-selection--single{
        height: 34px !important;
    }
}

@media screen and (max-width: 1536px) {
    body {
        font-size: 13px;
    }
    

    .employee-data .card .list-persons tbody tr td,
    .employee-data .card .list-persons tbody tr td a,
    .property-list .card .list-persons tbody tr td,
    .property-list .card .list-persons tbody tr td a,
    .page-template-page-dashboard .employee-data .card .card-body tbody tr td a,
    .page-template-page-dashboard .employee-data .card .card-body tbody tr td p,
    button.user-deactivate,
    button.user-activate {
        font-size: 12px;
        line-height: 24px;
    }

    body table.dataTable thead tr th {
        font-size: 12px;
    }

    .woocommerce table.shop_table td.product-total,
    .woocommerce table.shop_table td.product-quantity {
        font-size: 12px;
    }

    .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu>li .nav-link {
        font-size: 12px;
    }

    .tab-content h6 {
        font-size: 12px;
    }

    .bookmark-tabcontent .tab-content .card .card-header h5,
    .card .card-header h5 {
        font-size: 16px;
    }

    .page-template .select2-container--default .select2-selection--single .select2-selection__rendered,
    .form-control,
    .form-select,
    .page-main-header .main-header-right .nav-right>ul>li span, 
    body .page-main-header .main-header-right select.change_blog, 
    #header-main select.change_blog, 
    #header-main select.shop_menu, 
    #header-main form#propertySelectForm span.select2-selection,
    #header-main .shop_menu_dropdown span.select2-selection,
    #header-main .change_blog_dropdown span.select2-selection,
    body .select2-container--default .select2-selection--single .select2-selection__rendered, 
    .card form select, .card form input[type="text"],
    .acf-field textarea 
    .card form input[type="email"], 
    .card form input[type="number"], 
    .card form input[type="date"], 
    .select2-container .select2-selection--single .select2-selection__rendered  {
        font-size: 12px;
    }

    #header-main form#propertySelectForm span.select2-selection,
    #header-main .shop_menu_dropdown span.select2-selection,
    #header-main .change_blog_dropdown span.select2-selection,
    body .select2-container .select2-selection--single,
    .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input, 
    .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
    .card form select, .card form input[type="text"], 
    .card form input[type="email"], 
    .card form input[type="number"], 
    .card form input[type="date"] {
        height: 32px !important;
    }

    body .select2-container .select2-selection--single{
        height: 32px !important;
    }

    .main-header-right .select2-container .select2-selection--single .select2-selection__rendered {
        height: auto !important;
    }
    
    #header-main select.change_blog, #header-main select.shop_menu{
        padding: 5px 26px 5px 12px !important;
    }

    .page-main-header .main-header-right .nav-right.right-menu ul li button.btn {
        padding: 0.322rem 1.75rem;
    }

    select,
    .package-info .package-employee-info span.select2 span.selection .select2-selection {
        padding: 5px 10px;
    }

    .dataTables_wrapper table.dataTable th {
        padding: 5px 10px;
    }

    .dataTables_wrapper table.dataTable td {
        padding: 4px 10px;
    }

    .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu>li .nav-link {
        padding: 7px 8px;
    }

    .filter-bg h6,
    .report-wrap .clear-filter,  
    .employee-data .clear-filter {
        font-size: 12px;
    }

    body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-user h6 {
        font-size: 13px;
    }

    .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-user p {
        font-size: 12px;
    }


    .page-template-amp_reports_page_template .page-body .card {
        margin-top: 10px;
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content,
    .shop-page-title h3 {
        font-size: 40px;
    }

    body.tax-product_cat.woocommerce ul.products li.product .product-col,
    body.single-product ul.products li.product .product-col,
    body.post-type-archive .product-feature-wrap .product-container .products li a {
        font-size: 16px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow{
        top: 2px !important;
    }

    .emp-filter.filter-in-prop{
        margin-top: 32px;
    }

    .login-screen-logo {
        padding-bottom: 4vw;
    }

    .login-screen-logo img {
        width: auto;
        height: 100px;
    }

    .login-form h4.form-heading { 
        font-size: 26px; 
    }

    .login-form{
        padding: 30px 100px;
    }

    body.page-template-employee-login-select-site .top-amp-logo {
        width: 260px;
        height: 60px;
    }

    table.cart .product-quantity{
        font-size: 16px !important;
    }

    .jconfirm .jconfirm-holder .jc-bs3-row .jconfirm-box-container{
        max-width: 700px;
    }

    .jconfirm.jconfirm-white .jconfirm-box, 
    .jconfirm.jconfirm-light .jconfirm-box{
        padding: 30px 70px;
    }

    .navbar-right li a.btn.login{
        padding: 4px 30px;
    }
    .jconfirm .jconfirm-holder .jc-bs3-row .jconfirm-box-container {
        max-width: 600px;
    }
    .jconfirm .jconfirm-holder .jc-bs3-row .jconfirm-box-container .jconfirm-content {
        font-size: 24px;
        line-height: normal;
    }
    .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content,
    .shop-page-title h3 {
        font-size: 28px;
    }
    .select-site-dropdown .dropdown-options{
        top: 62px;
        padding-bottom: 50px;
    }
    body .order-filetrs .select2-container .select2-selection--single {
        height: 28px !important;
    }
    .order-filetrs span.select2-container{
        height: 32px !important;
    }

    .property-list .card .list-persons tbody tr td a img[title="Edit"] {
        width: 12px !important;
    }
}

@media screen and (max-width: 1440px) {
    :root {
        --body-font-size: 14px;
    }

    html {
        font-size: 14px;
    }

    .product-list-wrap,
    .shopping-cart {
        padding-right: 7vw;
    }

    .product-feature p {
        font-size: 1.5rem;
    }

    .select-site-dropdown .selected-option {
        font-size: 22px;
    }

    .select-site-dropdown .dropdown-options .option a {
        font-size: 20px;
    }

    .page-main-header .main-header-right .nav-right .nav-menus {
        padding: 20px 27px;
    }

    .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu>li a.nav-link {
        padding: 6px 15px;
    }

    body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-logo {
        bottom: 100px;
    }

    body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-logo img {
        width: 162px;
        height: 42px;
    }

    body.post-type-archive-product .product-feature-wrap .custom-prod-box .product-col,
    body.tax-product_cat.woocommerce .product-feature-wrap .custom-prod-box .product-col,
    body.single-product div#primary .container .cstm_set_above_related_prod,
    body.single-product div#primary .container .related,
    .single-product .woocommerce-message div#amp_woo_notice_add_to_cart {
        border-radius: 10px;
    }

    .login-form h4.form-heading { 
        font-size: 25px; 
    }

    body.page-template-employee-login-select-site .top-amp-logo {
        width: 260px;
        height: 60px;
    }

    .select-site-dropdown .dropdown-options{
        max-height: 230px;
        border-radius: 0 0 5px 5px;
    }

    .page-main-header .main-header-right .nav-right.right-menu ul li button.btn {
        padding: 0.28rem 1.75rem;
    }

    body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper nav{
        height: calc(100vh - 384px);
    }
    body.post-type-archive-product div#primary,
    body.woocommerce-cart div#primary {
        min-height: calc(100vh - 208px);
    }
}

@media screen and (max-width: 1380px) {
    body.home {
        font-size: 11px;
    }

    .home.page-template-page-dashboard .employee-data .card .card-body h5 {
        font-size: 17px;
    }

    .home .order-filetrs h6 {
        font-size: 13px;
    }

    .home .latest-update-sec .media .media-body,
    .home .recent-order-sec .media .media-body {
        margin-left: 0px;
    }

    .home .latest-update-sec span,
    .home .recent-order-sec span {
        font-size: 12px;
    }

    .home .bookmark-tabcontent .tab-content .card .card-header h5 {
        font-size: 17px;
    }

    .home .page-main-header .main-header-right .main-header-left {
        width: 220px;
    }

    .home .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav {
        width: 220px;
    }

    .home .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        margin-left: 210px;
    }

    .home button.btn.btn-color-cyan {
        font-size: 11px;
    }

    .home .employee-data .card .list-persons tbody tr td a,
    .home .property-list .card .list-persons tbody tr td a,
    .home.page-template-page-dashboard .employee-data .card .card-body tbody tr td a,
    .home.page-template-page-dashboard .employee-data .card .card-body tbody tr td p,
    .dataTables_wrapper table.dataTable tbody td, 
    .dataTables_wrapper table.dataTable tbody th,
    .dataTables_wrapper table.dataTable tbody td span bdi {
        font-size: 12px;
        line-height: 1.2;
    }

    .home .card {
        padding: 20px;
    }

    .home .latest-update-sec .media .media-body,
    .home .recent-order-sec .media .media-body {
        font-size: 12px;
    }

    .home .dataTables_wrapper table.dataTable th,
    .home .dataTables_wrapper table.dataTable td {
        padding: 8px 8px;
        /* text-align: center; */
    }


    body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-user {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1366px) {
    body {
        font-size: 12px;
    }

    .logo-wrapper img,
    .dark-logo-wrapper img {
        max-width: 144px;
    }

    body.dark-sidebar .page-main-header .main-header-right .nav-right {
        width: 50%;
    }

    .page-main-header .main-header-right .nav-right .nav-menus {
        padding: 5px 27px;
    }

    body.dark-sidebar .page-main-header .main-header-right .nav-right {
        width: 50%;
        padding: 5px !important;
        margin: 0;
        flex-basis: 300px;
        /* margin-top: -70px; */
    }

    body.dark-sidebar .page-main-header .main-header-right .left-menu-header {
        flex-basis: 300px;
        /* margin-top: -50px; */
        padding: 5px 20px;
    }

    body.dark-sidebar .page-main-header .main-header-right .left-menu-header ul li:first-child {
        max-width: 350px;
    }

    /* body.dark-sidebar .page-main-header .main-header-right .left-menu-header ul li{
          width: 100% !important;
          float: right;
          max-width: 622px;
      } */
    /* .navbar-header a.navbar-brand img.logo {
        max-width: 74px;
    } */

    .navbar .navbar-brand {
        padding: 5px 0px 5px 10px;
    }

    div#header-main {
        padding: 0 10px;
    }

    body .page-body .card h5.page-title, body .page-body .card .card-header h5.page-title{
        font-size: 16px;
    }
    
    .login-form h4.form-heading { 
        font-size: 23px; 
    }

    body.page-template-employee-login-select-site .top-amp-logo {
        width: 240px;
        height: 56px;
    }

    body .dataTables_wrapper table.dataTable tbody td p.status-done.status-ordered a{
        padding: 3px 8px;
    }

    body .acf-form .acf-fields.acf-form-fields .acf-field-text {
        width: calc(48% - 1px) !important;
    }
}

@media screen and (max-width: 1280px) {
    .navbar-collapse form.navbar-form {
        max-width: 250px;
    }

    nav.secondary-navbar .navbar-nav li.nav-item {
        padding: 10px 5px;
    }

    .recent-order-sec .table td {
        min-width: 80px;
    }

    .home .order-filetrs h6 {
        font-size: 11px;
    }

    form#propertySelectForm span.select2-selection {
        width: auto;
    }

    body div#header-main ul.nav.navbar-nav li.dropdown:first-child {
        min-width: 120px;
    }

    div#header-main ul.nav.navbar-nav li.dropdown select.change_blog,
    div#header-main ul.nav.navbar-nav li.dropdown select.shop_menu {
        max-width: 175px;
    }

    body.post-type-archive-product .product-feature-wrap .product-container,
    body.tax-product_cat .product-feature-wrap .product-container {
        width: 100%;
        max-width: 100%;
    }

    div#header-main ul.nav.navbar-nav li.dropdown {
        padding-right: 10px;
    }

    div#header-main ul.nav.navbar-nav {
        flex-flow: nowrap;
    }

    .navbar-header {
        margin-bottom: 5px;
    }

    body.page-template-employee-login-select-site .main .team-members-list {
        max-width: 100%;
        margin: 70px auto 0;
    }

    .woocommerce table.shop_table td.product-price span.amount,
    .woocommerce td.product-quantity,
    .shop_table tr td:last-of-type {
        font-size: 13px;
    }

    body div#header-main ul.nav.navbar-nav li.dropdown select {
        max-width: 150px;
    }

    body.dark-sidebar .page-main-header .main-header-right .left-menu-header ul li:first-child {
        max-width: 300px;
    }

    .login-form h4.form-heading { 
        font-size: 22px; 
    }

    body.page-template-employee-login-select-site .top-amp-logo {
        width: 200px;
        height: 48px;
    }
    .home .dataTables_wrapper table.dataTable th, .home .dataTables_wrapper table.dataTable td {
        padding: 3px 6px;
    }
    .home.page-template-page-dashboard .employee-data .card .card-body tbody tr td a,
    body .dataTables_wrapper table.dataTable tbody td p.status-done.status-ordered a {
        padding: 3px 4px;
        font-size: 11px !important;
    }

    body.tax-product_cat ul.products li.product .wc-img-wrapper{
        height: 20vw;
    }
    
}


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

    .dashboard-default-sec .card .card-header,
    .dashboard-default-sec .card .card-body,
    .dashboard-default-sec .card .card-footer {
        padding: 0px;
    }

    .select-site-dropdown .dropdown-options .option a {
        font-size: 20px;
    }
}

@media screen and (max-width: 1200px) {
    header .dgwt-wcas-search-wrapp {
        display: none;
    }

    div#header-main ul.nav.navbar-nav {
        margin-bottom: 0px;
    }
    .home .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav {
        width: 170px;
    }
    .home .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        margin-left: 160px;
    }
    .recent-order-sec .card .card-body{
        padding: 0;
    }
    .home .employee-data .card .list-persons tbody tr td a, 
    .home .property-list .card .list-persons tbody tr td a, 
    .home.page-template-page-dashboard .employee-data .card .card-body tbody tr td a, 
    .home.page-template-page-dashboard .employee-data .card .card-body tbody tr td p a {
        font-size: 11px !important;
        padding: 3px 4px;
    }
    body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-logo img{
        width: 142px;
        height: 42px;
    }
}

@media screen and (min-width: 1200px) {
    div#header-main ul.nav.navbar-nav li.dropdown {
        padding-right: 10px;
    }

    #header-main select.change_blog,
    #header-main select.shop_menu {
        padding: 4px 26px 4px 12px;
        min-width: 205px;
    }

    #header-main form#propertySelectForm span.select2-selection,
    #header-main .shop_menu_dropdown span.select2-selection,
    #header-main .change_blog_dropdown span.select2-selection {
        width: auto !important;
        min-width: 180px;
        max-width: 200px;
    }
    
    .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu>li a.nav-link {
        padding: 6px 8px;
    }

    /* .navbar-header a.navbar-brand img.logo {
        max-width: 120px;
    } */

    #header-main .dropdown a.nav-link {
        padding-top: 7px;
    }

    header .dgwt-wcas-search-wrapp {
        padding-right: 5px;
        padding-left: 0px;
    }

    div#header-main {
        padding: 0px 5px;
    }

    .dgwt-wcas-search-wrapp {
        min-width: 150px;
    }

    .navbar-right li {
        padding: 0px 0px 0px 5px !important;
    }
}

@media screen and (max-width: 1024px) {
    nav.secondary-navbar .container-fluid {
        max-width: 100%;
    }

    div#header-main ul.nav.navbar-nav li.dropdown select.change_blog,
    div#header-main ul.nav.navbar-nav li.dropdown select.shop_menu {
        max-width: 190px;
    }

    .home .bookmark-tabcontent .tab-content .card .card-header h5 {
        padding: 10px;
    }

    .page-wrapper .page-main-header .main-header-right .nav-right>ul.open {
        transform: translateY(90px) scaleY(1);
    }

    .navbar .navbar-brand {
        padding: 5px;
    }

    .navbar .container-fluid .navbar-header {
        width: 100%;
        margin: 0;
    }

    .navbar-header a.navbar-brand img.logo {
        max-width: 150px;
    }

    .navbar .container-fluid .navbar-collapse {
        flex: auto;
        width: 100%;
        max-width: 350px;
        position: absolute;
        background-color: #263766;
        right: 15px;
        top: 90px;
        z-index: 999;
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd;
        margin-right: 0;
        margin-top: 15px;
    }

    .navbar .container-fluid .navbar-collapse ul.navbar-nav,
    .navbar .container-fluid .navbar-collapse form.navbar-form {
        padding: 20px 0;
        margin: 0;
    }

    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle .icon-bar {
        border-color: #fff;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-default .navbar-nav>li>a small {
        margin-top: 0px;
    }

    .navbar-header {
        float: none;
    }

    .navbar-left,
    .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

    .cat-menu-wrap {
        height: 32px;
        text-align: right;
    }

    nav.secondary-navbar .cat-menu {
        border: 1px solid black;
        display: inline-block;
        padding: 0;
        border-radius: 4px;
        position: relative;
        width: auto;
        min-width: 150px;
        padding-right: 40px;
        margin-bottom: 0;
        background-color: #e3ecf8;
    }

    nav.secondary-navbar .cat-menu li {
        display: none;
        cursor: pointer;
        padding: 5px 10px;
    }

    nav.secondary-navbar .cat-menu li:first-child {
        display: block;
        border-top: 0px;
    }

    nav.secondary-navbar .cat-menu li:hover {
        background-color: #ddd;
    }

    nav.secondary-navbar .cat-menu li:first-child:hover {
        background-color: transparent;
    }

    nav.secondary-navbar .cat-menu.open li {
        display: block;
        text-align: left;
    }

    nav.secondary-navbar .cat-menu span {
        width: 20px;
        height: 20px;
        display: block;
        position: absolute;
        right: 3px;
        top: 15px;
        margin-top: -10px;
        cursor: pointer;
    }

    nav.secondary-navbar .cat-menu span:before {
        content: "";
        background: url(../images/category-arrow.svg) no-repeat;
        background-size: 8px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        transform: rotate(270deg);
        background-position: center;
    }

    .top-category-bg {
        display: none;
    }

    .login-form h4.form-heading { 
        font-size: 20px; 
    }

    body.page-template-employee-login-select-site .top-amp-logo {
        width: 180px;
        height: 44px;
    }
}


@media screen and (min-width: 993px) {
    .wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .woocommerce-cart .jconfirm-box-container.jconfirm-animated.col-md-4.col-sm-6 {
        width: 50%;
    }
}

@media screen and (max-width: 992px) {
    body.dark-sidebar .page-wrapper.compact-wrapper .page-main-header .main-header-left {
        width: 100%;
    }

    .product-feature-wrap .col.products-filter {
        display: none;
        width: 100%;
    }

    .product-container.col {
        width: 100%;
    }

    .woocommerce ul.products[class*="columns-"] li.product,
    .woocommerce-page ul.products[class*="columns-"] li.product {
        width: 50%;
        flex: inherit;
    }

    .woocommerce ul.products li.product .woocommerce-loop-category__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        font-size: 14px;
    }

    .woocommerce div.product div.images.woocommerce-product-gallery {
        width: 100%;
    }

    .woocommerce div.product div.summary {
        width: 100%;
    }

    .products-details {
        padding-top: 0px;
    }

    .woocommerce .woocommerce-result-count,
    .woocommerce-page .woocommerce-result-count {
        font-size: 12px;
    }

    .dashboard-default-sec .card .card-header,
    .dashboard-default-sec .card .card-body,
    .dashboard-default-sec .card .card-footer {
        padding: 20px 0;
    }

    .page-wrapper .page-body-wrapper .card {
        padding: 20px;
    }

    .recent-order-sec .table td:first-child {
        min-width: 220px;
    }

    .page-wrapper .page-body-wrapper .page-body {
        padding-top: 90px !important;
    }

    .bookmark-tabcontent .tab-content .card .card-header {
        padding: 0;
        margin-bottom: 0;
    }

    .bookmark-tabcontent .tab-content .card .card-header h5 {
        text-align: center;
        width: 100%;
        margin-bottom: 0;
    }

    .woocommerce table.shop_attributes th {
        width: 120px;
    }

    .card:has(.card) {
        padding: 20px 0;
    }

    div#addcon {
        overflow-x: auto;
    }

    .container,
    .container-fluid,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 960px;
    }

    body.dark-sidebar .page-main-header .main-header-right .left-menu-header {
        display: none;
    }

    .tab-content h6 {
        font-size: 12px;
    }

    body.page-template-page-employee_details_template .dashboard-default-sec.employee-data,
    body.page-template-employee-tickets_list .employee-data.tickets-data {
        margin-top: 30px;
    }

    .login-form h4.form-heading { 
        font-size: 18px; 
    }

    body.page-template-employee-login-select-site .top-amp-logo {
        width: 160px;
        height: 40px;
    }
}


@media screen and (max-width: 767px) {
    .preview {
        margin-bottom: 20px;
    }

    form#acf-form .acf-fields>.acf-field {
        width: 100% !important;
    }

    .acf-field.acf-field-birth-month,
    .acf-field.acf-field-hire-year,
    .acf-field.acf-field-birth-day,
    .acf-field.acf-field-hire-day,
    .acf-field.acf-field-hire-month {
        margin-left: 0px !important;
        margin-right: 0px !important;
        clear: both;
    }

    .acf-field.acf-field-birth-month .acf-label label,
    .acf-field.acf-field-hire-year .acf-label label,
    .acf-field.acf-field-hire-month .acf-label label {
        display: none;
    }

    .login-screen-logo {
        width: 100%;
        padding-bottom: 10vw;
    }

    .login-screen-logo img {
        width: 100%;
    }

    .login-form {
        width: calc(100% - 40px);
        border-radius: 14px;
        padding: 30px 20px;
    }

    body.page-template-employee-login-select-site .top-amp-logo {
        width: 140px;
        height: 36px;
    }
}