:root {
    --tb_preset_yellow:#fff576;
    --theme_accent:#f7be17;
    --theme_accent-hover:#ffb651;
}

body { font-family: 'Poppins', sans-serif; font-weight: 400; font-size:16px; background-color:#fff; color: #333;  }
h1, h2, h3, h4, h5, h6 { color:#000; font-family: 'Poppins', sans-serif; }

h3 { font-size: 24px; line-height: 1.1; }
a { outline: none; color: var(--theme_accent); }
a:hover { color: var(--theme_accent); }
img { max-width: 100%; }

input[type="reset"],
input[type="submit"],
button,
.btn-primary,
.search-course-button { box-shadow: none; background: var(--theme_accent); outline: none; color: #fff; border: 0; }

.btn-check:focus + .btn-primary,
.btn-primary:focus,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:hover,
.btn-primary:hover,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.search-course-button:hover { background: #f8a129; box-shadow: none; outline: none;  border: 0; }

.btn-outline-secondary:hover { border: 1px solid; }
.btn-outline-success:hover { border: 1px solid; }

.main-content .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box { background: var(--theme_accent); box-shadow: 0 3px 6px 0 rgba(251,167,0,0.3);  }
.main-content .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title { color: var(--theme_accent); }
.main-content .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box { color: #000; background-color: rgba(186, 191, 199, 0.3); }
.main-content .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-box { background-color: #eee; color: #000 !important; }

.form-control { height: 44px; }
select.form-control:not([size]):not([multiple]) { height: 44px; }
.form-control:focus { box-shadow: none; }
textarea.form-control { height: 120px; }
.form-check-input:checked { background-color: var(--theme_accent); border-color: var(--theme_accent); box-shadow: 0 0 0 0.25rem rgba(247, 190, 23, 0.10); }
.container { padding-left: 15px; padding-right: 15px; max-width: 1260px; }
.main-content { padding: 60px 0; min-height: 450px; }
.logo { max-width: 140px; margin: 0; }
.header { box-shadow: 0 0px 10px rgba(0,0,0,0.1); background: rgba(255,255,255,0.9); padding: 20px 0; position: relative; }
.header .container { display: flex; align-items: center; justify-content: space-between; }
.header .navbar-nav .nav-link { font-weight: 700; font-size: 18px; padding: .6em .94em; }
.header .navbar-nav .nav-link:hover { color: var(--theme_accent); }

.header .navbar { padding: 0; }
.footer { background-color: #f7f2c7; padding: 60px 0 0px; color: #000; }
.footer-logo { max-width: 180px; margin-bottom: 20px; }
.footertxt p { font-size: 11px; line-height: 16px; margin: 0; }
.footer-top { grid-template-columns: 1fr 1fr 1fr 1fr; display: grid; gap:30px; }
.footertxt a { text-decoration: underline; text-underline-offset: 2px; color: #000; }
.footer-top h4 { text-transform: none; font-weight: 600; font-size: 1.25em; letter-spacing: normal;
    color: #000; margin: 0 0 .65em; }
.footer-block { margin: 0 0 2em; }
.footer-block ul { margin: 0; padding: 0; list-style: none; }
.footer-block ul li { padding: 0 0 .4em; }
.footer-block ul li a { color: #000; text-decoration: none;  }
.footer-block ul li a:hover { color: var(--theme_accent); }
.footer-bottom { padding: 1.9em 0; border-top: 1px solid rgba(247,185,0,0.5); font-size: 14px;
    text-align: center; }

.bs-stepper .bs-stepper-header .line { display: none; }
.bs-stepper .bs-stepper-header { grid-template-columns: 1fr 1fr 1fr; display: grid; gap:10px; }
.prev-next-btnset { padding-top: 20px; }
.prev-next-btnset .fa { vertical-align: middle; font-size: 20px; margin-right: 4px; }
.prev-next-btnset .fa-angle-right { margin-right: 0; margin-left: 4px	; }
.prev-next-btnset .btn-success { border: 0; }
.form-check-label { padding-left: 10px; }
#contact_method-error{ position: absolute; margin-top: 7%; margin-left: -2%;}
#terms_and_condition-error{ position: absolute; margin-top: 4%; margin-left: -4%;}
.type-property-tab {  }
.type-property-tab .btn.btn-outline-secondary { padding: 8px 15px;  box-shadow: none !important; border-color: #ccc; }
.type-property-tab .btn.btn-outline-secondary:hover,
.type-property-tab .btn.btn-outline-secondary.active { background: var(--theme_accent); border-color: var(--theme_accent); }
.upload-allowed-text { font-size: 14px; color: #777; }
.pace .pace-progress { background: #fff576; }

/* menu */
#main-nav li > .sub-menu {
    padding: .6em 0;
    margin: 0;
    position: absolute;
    z-index: 100;
    opacity: 0;
    left: -.3em;
    top: 100%;
    transform: scale(1,0);
    transform-origin: top;
    box-sizing: border-box;
    transition: transform .3s ease-in-out,opacity .3s ease-in-out;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 3px 12px rgba(0,0,0,.12);
    border-radius: 8px;
    background: #fff;
    width: 210px;
    min-width: 300px;
}

#main-nav li { margin: 0; padding: 0; list-style: none; position: relative; display: inline-block; }
#main-nav a {
    font-weight: 600;
    font-size: 15px;
    padding: 10px 10px;
    color: #4b567d;
    display: block;
    position: relative;
    margin: 0;
    text-decoration: none;
    transition: color .2s ease-in-out;

}
.tf_hide { display: none; }
.header .main-nav { margin: 0; padding: 0; }
.menu-item .child-arrow {
    display: none;
    cursor: pointer;
    z-index: 12;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    position: absolute;
    right: 0;
    top: 4px;
    transition: transform .3s;
}
.header .nav-icon::before,
.header .nav-icon::after,
.child-arrow::before,
.child-arrow::after {
    top: 50%;
    left: 12px;
    content: '';
    position: absolute;
    transition: transform .3s ease-in-out;
    height: 1px;
    width: 8px;
    transform: rotate(45deg);
    background: currentColor;
    z-index: 9999;
    border-radius: 10px;
}
.header .nav-icon::after,
.child-arrow::after {
    left: 17px;
    transform: rotate(-45deg);
}

#main-nav .sub-menu li { display: block; }
#main-nav .sub-menu li a { font-weight: normal; font-size: 16px; padding: .4em 1.4em; padding-left: 32px; }
#main-nav .sub-menu li a.active { color: var(--theme_accent); }
#main-nav .sub-menu .current_page_item > a:before,
#main-nav .sub-menu .current-menu-item > a:before,
#main-nav .sub-menu li a:hover:before { content: ""; background: url(../images/menu-icon.png) 0 0px no-repeat;
    width: 16px; height: 16px; position: absolute; left: 12px; background-size: 14px auto; top: 12px; }

#main-nav .highlight-link > a { background: var(--theme_accent) !important; color: #fff !important; padding: 10px 25px;
    margin-left: 15px; border-radius: 30px; line-height: 26px; }

#main-nav li.myaccount .sub-menu { min-width: 200px; width: 200px; }

#main-nav a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a,
#main-nav ul a:hover { color: var(--theme_accent); }

.main-content .horizontal-wizard { margin-bottom: 0; }
.btn-link { color: var(--theme_accent); text-decoration: none;  }
.btn-link:hover { color: var(--theme_accent); }
.btn-check:focus + .btn, .btn:focus { box-shadow: none; }

.listTableView div.dataTables_wrapper div.dataTables_length select { padding-right: 24px; }
.dataTables_wrapper .listTable-pagination div.dataTables_info { padding-top: 8px; padding-bottom: 8px; }
div.dataTables_wrapper .listTable-pagination div.dataTables_paginate { padding-top: 6px; padding-bottom: 6px; }
.card-datatable table.dataTable { max-width: 100% !important; }
.main-content .page-item.active .page-link { background: var(--theme_accent); border-color: var(--theme_accent); }
.main-content .page-link:focus { box-shadow: 0 0 0 0.25rem rgba(247, 190, 23, 0.10); }
.bg-dark h2 { color: #fff; }

.nav.nav-pills .nav-link.active,
.nav.nav-pills .show > .nav-link { background-color: var(--theme_accent); border-color: var(--theme_accent); }
.nav .nav-link { color: var(--theme_accent); }

.card-header { padding: 14px 20px; font-size: 18px; font-weight: 600; }
.card-body { padding: 25px; }

.pace .pace-progress { display: none; }
.image_gallery .owl-carousel .owl-stage { display: flex; align-items: center; }

.image_gallery .owl-carousel .owl-nav button.owl-next,
.image_gallery .owl-carousel .owl-nav button.owl-prev { position: absolute;
    top: 50%; transform: translateY(-50%);
    font-size: 40px; left: 20px;background: var(--theme_accent); height: 40px;
    line-height: 40px; width: 40px; border-radius: 100%; }
.image_gallery .owl-carousel .owl-nav button.owl-next { left: auto; right: 20px; }
.image_gallery .owl-carousel .owl-nav button span { top: -2px; position: relative; color: #fff; }
.image_gallery .owl-carousel .owl-nav button.disabled { opacity: 0.9; cursor: default; }
.image_gallery { margin-top: 30px; }

body #toast-container > div { max-width: 96%; width: 450px; margin: 0 auto; background-color: #fff;
    padding: 20px 20px 20px 60px; font-size: 16px; line-height: 1.3; }
body #toast-container .toast:before { top: 21px; }
body #toast-container { left: 0;  right: 0; top: 0; bottom: 0;display: flex; align-items: center; justify-content: center;
    background: rgba(0,0,0,0.7); }
.toast .toast-close-button { font-size: 16px; opacity: 1; }
.toast .toast-close-button:focus,
.toast .toast-close-button:hover { opacity: 0.9; }

.user-business-box { display: flex; justify-content: center; list-style: none;
    gap: 30px; margin: 0 0 20px; padding: 0; }
.table .thead-light th { font-size: 14px; }
table.dataTable td,
table.dataTable th { font-size: 14px; }
.card-datatable .dt-action-buttons { line-height: 1.2; font-size: 14px; }
.btn-outline-info:hover { color: #fff; }

.report-gallery-img { display: flex; list-style: none; padding: 0; margin: 0 0 10px; flex-wrap: wrap; }
.report-gallery-img li { width: 60px; position: relative; height: 60px; }
.report-gallery-img li img { object-fit: cover; height: 60px; }
.report-gallery-img li .icon-delete { position: absolute;
    bottom: 5px; right: 5px; padding: 4px !important; line-height: 1; }
.report-gallery-img li .icon-delete svg { width: 13px; height: 14px; }

.reports-header-left .btn.btn-outline-danger { float: none !important; margin-top: 4px !important; }

.profile-buttom-btns .btn-outline-secondary:hover { border: 1px solid #6c757d; }
#social_list .btn-outline-danger:hover { border: 1px solid #dc3545; }

.dashboard-block { margin-bottom: 30px; border: 1px solid rgba(0, 0, 0, 0.125); }
.dashboard-block ul { padding: 0; margin: 0; }
.dashboard-block ul li { list-style: none; border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding: 8px 14px; }
.dashboard-block ul li:last-child { border-bottom: 0; }
.dashboard-block ul li a { color: #4b567d; text-decoration: none; }
.dashboard-block ul li a.active,
.dashboard-block ul li a:hover { color: var(--theme_accent); }

.inquiry-list .listTableView th,
.inquiry-list .listTableView td { line-height: 1.2; border-right: 1px solid #ddd; }
.inquiry-list .listTableView th:last-child,
.inquiry-list .listTableView td:last-child { border-right: 0; }
.header-actions select.form-control:not([size]):not([multiple]) { height: 36px; }
.dataTables_paginate .page-link { color: #333; }
.col-form-label { line-height: 1; }

.nav-profile-grid .nav-link { border: 1px solid var(--theme_accent); }
.nav-profile-grid .nav-item { margin-bottom: 10px; }

.commercial-box { border: 1px solid #ddd; border-radius: 5px; margin-bottom: 20px; }
.align-items-md-stretch p { word-break: break-word; }
.listTableView .table-responsive { padding-bottom: 10px; }

.location_div .dropdown-wrapper:after { font: normal normal normal 14px/1 FontAwesome;
    content: "\f107"; position: absolute; right: 12px;
    top: 50%; transform: translateY(-50%); font-size: 18px; }
.location_div .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-right: 30px; }
.location_div .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: transparent; border: 0; border-radius: 0; padding: 0 3px; font-size: 15px; }
.tc_user .custom-checkbox,
.tc_provider .custom-checkbox { display: flex; align-items: flex-start; gap: 10px;
    font-size: 14px; }
.tc_user .custom-checkbox input[type="checkbox"],
.tc_provider .custom-checkbox input[type="checkbox"] { margin-top: 6px; }
.nav-profile-grid .nav-link i { display: none; }

.profile-page .dropdown-wrapper:after { font: normal normal normal 14px/1 FontAwesome;
    content: "\f107"; position: absolute; right: 12px;
    top: 50%; transform: translateY(-50%); font-size: 18px; }
.profile-page .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-right: 30px; }
.profile-page .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: transparent; border: 0; border-radius: 0; padding: 0 3px; font-size: 15px; }

ul.property-grid { list-style: none; padding: 5px 0 22px; margin: 0; display: grid;
    grid-template-columns: 1fr 1fr; gap:10px; }
.inquiry_view-page hr { margin: 25px 0 15px; }

.customer .main-content .container,
.provider .main-content .container { /*max-width: 1700px; padding-left: 40px; padding-right: 40px;*/ }
.provider .main-content .container .container { padding-left: 0; padding-right: 0; }

.step_quotation .nav-item { width: 10%; text-align: center; counter-increment: my-awesome-counter; }
.step_quotation .nav-item .nav-link { border: 0; border-top: 3px solid #dbdbde; background: transparent; display: block;
    border-radius: 0;  position: relative; padding: 15px 4px; margin-bottom: 20px; color: #2b3542; font-size: 14px; }
.step_quotation .nav-item .nav-link:before { content: counter(my-awesome-counter);
    width: 26px; height: 26px; position: absolute;
    border-radius: 100%; top: -14px;
    left: 0; right: 0; margin: 0 auto; display: flex;
    justify-content: center; align-items: center; font-size: 12px; color: #000;
    border: 2px solid #dbdbde; background: #ffff; box-shadow: 0 0 0 5px #fff;
}
.step_quotation .nav-item .nav-link.active { border-color: var(--theme_accent); }
.step_quotation .nav-item .nav-link.active:before {  border-color:var(--theme_accent); color: #fff; background: var(--theme_accent); }

.step_quotation .nav-item .nav-link.nab-tab-success { border-color: #4cb71a; }
.step_quotation .nav-item .nav-link.nab-tab-success:before { content: "\f00c"; background: #4cb71a;
    font-family: 'FontAwesome'; color: #fff; border: 0; }
.edit_quotation_page .card-body { padding: 0px; }

.card-body .select2-container--default .select2-selection--single { background-color: #f8fafc;
    background-clip: padding-box; border: 1px solid #ced4da; height: 44px;
    padding: 7px 10px; font-size: 0.9rem; }
.card-body .select2-container--default .select2-selection--single .select2-selection__arrow { width: 30px; height: 44px; }
.step_quotation .nav-link.active,
.step_quotation .nav-item.show .nav-link {  }
.card-body .custom-switch .custom-control-label::after { top: calc(0.225rem + 0px); }
.card-body .custom-switch .custom-control-input:checked ~ .custom-control-label::after { border: 1px solid #83BD75; }
.skylight_specifications .add-skylight-row,
.pricing-structure-repeater .add-pricing-row { background: #333; padding: 6px 14px; display: inline-block;
    border-radius: 4px; color: #fff; }
.skylight_specifications .add-skylight-row:hover,
.pricing-structure-repeater .add-pricing-row:hover { text-decoration:none; background: #111; }
.edit_quotation_page .btn-primary { padding: 8px 20px; }
.edit_quotation_page .tab-pane { padding-bottom:20px; }

.edit_quotation_page .card-header { padding: 0 0 35px; border: 0; background: transparent; }
.edit_quotation_page .card-header h2 { margin: 0; }
.step_quotation .nav-item .nav-link span { display: block; max-width: 110px;
    margin: 0 auto; line-height: 1.2; padding-top: 5px; }
.edit_quotation_page { padding: 0 0 0 20px; border: 0; }
.saveNext-row { display: flex; justify-content: space-between; gap:10px; flex-wrap: wrap;
    padding: 24px 0 0; border-top:1px solid #dee2e6;  }
.saveNext-row .save-btn { background: #4cb71a; border-color: #4cb71a; }
.edit_quotation_page .skylight_data_raw { border-color: #dee2e6; }
.edit_quotation_page .skylight_data_raw + .skylight_data_raw { padding-top: 15px; }
.edit_quotation_page .skylight_data_raw .control-label { padding-bottom:8px; }
.skylight_data_raw .delete-skylight-btn { top: -40px; margin-top: -15px; }
#main-nav a.menu-item.active { color: var(--theme_accent); }

.visual_aids .media-item-actions { margin-bottom: 8px; }
.visual_aids .change-photo-btn span { padding: 0px 0px 8px; display: block; }

.pricing_structure .custom-label label,
.pricing_structure .control-label label { font-size: 14px; }

.new-user-modal .modal-header .close { background: transparent; padding: 10px 15px; }
.invoice_desc_table .table { margin: 0; }
.invoice_desc_table .invoice-total-item { display: flex; justify-content: space-between; gap: 15px; }
.invoice_desc_table .invoice-total-title { font-weight: 500; }
.invoice_desc_table .table thead th { font-size: 14px; }
.invoice_desc_table .table .card-text { font-size: 14px; }

.popup_roofCeiling_img ul { display: flex; flex-wrap: wrap; padding: 0 !important; margin: 0; gap:15px; }
.popup_roofCeiling_img li { list-style: none; width: 50px; }
.popup_roofCeiling_img h5 { font-size: 18px; margin-bottom: 12px; }
.w-full { width: 100%; }
.table-border { border: 1px solid #e9ecef; }
.invoice-preview-wrapper ul { padding-left: 0px; list-style: none; }
.invoice-preview-wrapper .card-body.invoice-padding { padding: 15px; }
.visit-nav-profile .nav-profile-grid { gap:12px; }

.savings-calculator { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 9; }
.savings-calculator a { background: var(--theme_accent); display: block;
    color: #fff !important;  padding: 7px 16px; font-size: 16px; font-weight: 700; border-radius: 4px 0 0 4px;
    line-height: 1.3; }
.savings-calculator a:hover { background:#ff9600; text-decoration: none; }
.savings-calculator a span { display: block; }

.card-statistics .card-header .d-flex { flex-wrap: wrap; row-gap: 8px; }
.filter-region-head button { height: 44px; padding-left: 24px; padding-right: 24px; }
.filter-region-head .form-inline { row-gap:8px; }
.listTableView table.dataTable td,
.listTableView table.dataTable th { border-right: 1px solid #ddd; }
.listTableView table.dataTable td:last-child,
.listTableView table.dataTable th:last-child { border-right: 0; }
.order-history-tbl tr th,
.order-history-tbl tr td { border-bottom: 1px solid #ddd; }
.cart-header .cart-icon { display: inline-block; position: relative; }
.cart-header .cart-icon .count { background: #f8a129;
    width: 18px; height: 18px; position: absolute;
    right: -16px; border-radius: 100%; display: flex; align-items: center;
    justify-content: center; font-size: 10px; color: #fff; top: -3px;
}

.dataTables_wrapper { overflow: auto; }

select.form-control {
    appearance: none;
    background-image: url("../img/down-arrow.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: calc(100% - 15px) 50%;
}
.orderProducts-btn .btn.btn-primary { padding: 11px 24px;
    display: inline-flex; align-items: center; gap: 12px; }

.minicart-wrapper {
    text-align:left;
    position:fixed;
    top:0;
    background-color:#fff;
    right:0;
    bottom:0;
    width:350px;
    z-index:103;
    padding:20px;
    transition:all .4s;
    transform:translateX(100%);
    display:block !important;
    max-width:100%
}
.header .minicart-wrapper.active {
    transform:translateX(0);
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -o-transform:translateX(0)
}
.header .cart-icon.active:after {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    content:"";
    z-index:102;
    transition:all .4s;
    background-color:rgba(0,0,0,.6);
    transition-delay:.25s;
    -webkit-transition-delay:.25s;
    -moz-transition-delay:.25s;
    -o-transition-delay:.25s
}
.header .minicart-wrapper .block-title { display: flex; justify-content: space-between; align-items: center; font-weight: 600; }

.jobDetails-section .row { border-bottom: 1px solid #ddd; padding: 15px 0; align-items: flex-start; }
.jobDetails-section .row:last-child { border-bottom: 0; padding-bottom: 0; }
.jobDetails-section .image_gallery { border: 1px solid #ddd; padding: 6px; border-radius: 4px; }
.photo-upload-box { border: 1px solid #ddd; padding: 6px; border-radius: 4px; margin-top: 5px; }
.photo-upload-box img { border-radius: 4px; object-fit: cover; }
.jobDetails-section .image_gallery img { border-radius: 4px; height: 124px; object-fit: cover; }
.main-content .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title { color: #333; }
.main-content .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle { color: #666; }

/*********** responsive *************/

@media (min-width: 1280px) {
    .main-content .container .col-md-3 { width: 20%; }
    .main-content .container .col-md-9 { width: 80%; }
}
@media (min-width: 1440px) {
    /*.container { max-width: 1330px; }*/
}
@media(min-width: 1280px) and (max-width: 1440px) {
    #main-nav a { padding: .6em 11px; font-size: 15px; }

    .customer .main-content .container,
    .provider .main-content .container { /*padding-left: 30px; padding-right: 30px;*/ }
    .edit_quotation_page { padding-left: 10px; }
    .step_quotation .nav-item .nav-link { font-size: 12px; }
}
@media(min-width: 1024px) and (max-width: 1279px) {
    #main-nav a { padding: .6em 11px; font-size: 15px; }
    .main-nav .menu-item .child-arrow { top: 3px; }
    #main-nav .highlight-link > a { padding: 6px 15px; }
    .logo { max-width: 120px; }

    .step_quotation .nav-item { width: 20%; }

    /*.customer .main-content .container,
    .provider .main-content .container { padding-left: 30px; padding-right: 30px; }*/
    .edit_quotation_page { padding-left: 10px; }
    .step_quotation .nav-item .nav-link { }

}

@media (min-width: 901px) {
    .menu-item .child-arrow {
        display: block;
        right: 0;
        top: 4px;
        width: 20px;
    }
    #main-nav li:hover > .sub-menu,
    #main-nav li > a:focus + .sub-menu,
    #main-nav li > .sub-menu:focus-within {
        opacity: 1;
        transform: scale(1,1);
    }
    #main-nav li .nav-icon { display: none !important; }
}

@media(min-width: 1024px) and (max-width: 1140px) {
    #main-nav a { font-size: 13px; padding: .6em 9px .6em 4px; }
    .logo { max-width: 100px; }
    .col-form-label  { font-size: 15px; }


    .pricing_structure .row { margin-right: -5px; margin-left: -5px; }
    .pricing_structure .col-sm-2,
    .pricing_structure .col-sm-1 { padding-left: 5px; padding-right: 5px; }
    .pricing_structure .col-sm-12 { padding-left: 5px; padding-right: 5px; }

}

@media(min-width: 902px) {
    #quote-preview-sidebar .modal-lg { max-width: 1000px; }
}
@media(min-width: 901px) and (max-width: 1023px) {
    #main-nav > li > a { padding: 5px 15px 5px 0px; font-size: 13px; }
    #main-nav .highlight-link > a { padding: 5px 15px; margin-left: 6px; }
    #site-logo  { max-width: 120px; }
    .menu-item .child-arrow { right: 6px; top: -2px; }

    #main-nav a { font-size: 14px; padding: .6em 9px .6em 8px; }
    .logo { max-width: 100px; }
    #main-nav > li > a { font-size: 13px; }
}
@media(min-width: 901px) and (max-width: 950px) {
    .logo { max-width: 100px; }
    #main-nav > li > a { font-size: 12px; }
}

@media(max-width: 1023px) {
    #quote-preview-sidebar .modal-lg { max-width: 100%; padding: 0 20px; margin-left: 0; }
}
@media(max-width: 900px) {
    .header-icons { top: 50%; position: absolute; display: block;  right: 4%;
        z-index: 999; transform: translateY(-50%); }
    #menu-icon { margin: 0 0 0 10px; padding: 10px 9px 11px; line-height: 1em; border-radius: 100%; color: #333; display: block; }
    .menu-icon-inner { border-bottom: 2px solid; box-sizing: border-box; position: relative; width: 22px;
        height: 18px; display: block; }
    .menu-icon-inner::before,
    .menu-icon-inner::after {
        content: ''; display: block; border-top: 2px solid;
        position: absolute; left: 0; top: 0; width: 100%; transition: border .7s ease;
        transition-property: border; transition-property: transform;
    }
    .menu-icon-inner::after { top: 50%; }
    .screen-reader-text { display: none; }

    #main-nav .highlight-link > a { padding: 9px 25px !important; display: inline-block !important;  }
    #main-nav .sub-menu li a { padding-left: 32px !important; }
    #main-nav li > .sub-menu { margin-left: 0; position: static; transform: scale(1); opacity: 1; box-shadow: none; display: none; min-width: 270px; }
    .header #main-nav .sub-menu a { padding: 5px 0; font-size: 15px; }
    #main-nav li.toggle-on > .sub-menu { margin-bottom: 10px; }
    #main-nav .sub-menu .current_page_item > a::before,
    #main-nav .sub-menu .current-menu-item > a::before,
    #main-nav .sub-menu li a:hover::before { top: 9px; }

    .sidemenu {
        transition-property: left,right,top,bottom,width,transform,opacity;
        transition-duration: .2s;
        transition-timing-function: ease-in-out;
        height: 100%; width: 300px; padding: 60px 25px 25px;
        background-color: #fff;
        color: #000;
        display: block;
        overflow-y: auto;
        position: fixed;
        top: 0;
        z-index: 11111;
        text-align: left;
        background-color: #fff;
        color: #4b567d;
        transition: all .4s;
        transform: translateX(100%);
        right: 0;
    }
    #mobile-menu.sidemenu-on {
        right: 0;
        box-shadow: -6px 0 20px 5px rgba(0,0,0,.1);
        display: block;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
    }
    .header #menu-icon-close {
        display: block;
        position: absolute;
        text-decoration: none;
        top: 10px;
        right: 10px;
        min-width: 38px;
        min-height: 38px;
        transform-origin: center;
        transition-property: transform;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        font-size: 20px;
        color: inherit;
        padding: 9px;
        border-radius: 100%;
    }
    .tf_close::after,
    .tf_close::before {
        content: '';
        width: 1px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) rotate(45deg);
        background-color: currentColor;
        transition: transform .25s;
        height: 56%;
    }
    .tf_close::after {
        transform: translate(-50%,-50%) rotate(-45deg);
    }
    /*body {
       transition: left .2s ease-in-out;
       position: relative;
    }*/
    .sidemenu-right { /*left: -300px;*/ overflow-y: hidden; }
    .sidemenu-right::before {
        content: "";
        background-color: rgba(206,206,206,.8);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        z-index: 11;
    }
    #main-nav li { display: block; }
    .header #main-nav a {
        width: auto;
        display: block;
        border: 0;
        padding: .6em 0;
        margin: 0;
        color: inherit;
        line-height: 1.5em;
        background: 0;
        font-weight: 400;
        text-decoration: none;
        box-shadow: none;
    }
    #main-nav li.menu-item.highlight-link { margin-top: 5px; }
    #main-nav li .nav-icon {
        position: absolute;
        right: 0;
        top: 5px;
        width: 36px;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: transform .3s;
        border-radius: 100%;
    }
    .header .nav-icon::before,
    .header .nav-icon::after { width: 10px; left: 8px; }
    .header .nav-icon::after { left: 15px; }
    .header .nav-icon.close::before,
    .header .nav-icon.close::after { width: 18px; left: 9px; }
    .header .nav-icon:hover { background: rgba(200,200,200,.25); }
    .header .nav-icon.close { transform: rotateZ(180deg); }

    /*.header .container { max-width: 90%; padding: 0; }
    .footer .container { max-width: 90%; padding: 0; }*/
    .container { max-width: 94%; padding-left: 0; padding-right: 0; }

}
@media(min-width: 992px) {
    .dashboard-container #inquiry-statistics { height: 100%; }
    .dashboard-container #quote-statistics { height: 100%; }
    .dashboard-container .card { min-height: 100%; }

}
@media(min-width: 768px) and (max-width: 1023px) {
    .step_quotation .nav-item { width: 20%; }

    .customer .main-content .container,
    .provider .main-content .container { /*padding-left: 20px; padding-right: 20px;*/ }
    .edit_quotation_page { padding-left: 0px; }
    .step_quotation .nav-item .nav-link { font-size: 13px; }
    .main-content  { padding: 50px 0; }

    .popup_roofCeiling_img h5 { font-size: 16px; }
    .invoice_desc_table .table thead th { font-size: 13px; }
    .invoice_desc_table .table .card-text { font-size: 13px; }
    .card-body.invoice_desc_table { padding: 15px; }
}
@media(min-width: 768px) and (max-width: 991px) {
    .nav-profile-grid { display: grid; grid-template-columns: 1fr 1fr; gap:15px; }
    .nav-profile-grid .nav-item { margin-bottom: 0px; text-align: center; }
    .footer-block ul li { font-size: 14px; }

}
@media(min-width: 768px) and (max-width: 1024px) {
    body { font-size: 15px; }
}
@media(max-width: 991px) {
    .visit-nav-profile .tab-content { padding-top: 15px; }
    .dashboard-container .card { margin-bottom: 20px; }
    #quote-statistics .card { margin-bottom: 0px; }
    #basic-statistics .card { margin-bottom: 0px; }
}
@media(max-width: 767px) {
    body { font-size: 14px; }
    .bs-stepper .bs-stepper-header { grid-template-columns: 1fr 1fr; }
    .footer-block ul li { font-size: 14px; }
    .footer-top { gap:20px; }
    .footer-top h4 { font-size: 18px; }
    .footer-logo { max-width: 140px; }
    .main-content { padding:40px 0;  }

    #toast-container { align-items: flex-start; }
    #toast-container > div { margin-top: 50px; }

    .card-datatable .dt-action-buttons .modals-slide-in { flex: inherit; margin: 8px 0 0; }

    .nav-profile-grid { display: grid; grid-template-columns: 1fr 1fr; gap:15px; }
    .nav-profile-grid .nav-item { margin-bottom: 0px; text-align: center; }

    .table .thead-light th { font-size: 13px; }

    .main-content { padding: 40px 0; }
    .customer .main-content .container,
    .provider .main-content .container { /*padding-left: 20px; padding-right: 20px;*/ }
    .step_quotation .nav-item { width: 33.33%; }
    .step_quotation .nav-item .nav-link span { max-width: 100%; }
    .edit_quotation_page { padding-left: 0px; }
    .step_quotation .nav-item .nav-link {  }

    .popup_roofCeiling_img h5 { font-size: 16px; }
    .invoice_desc_table .table thead th { font-size: 13px; }
    .invoice_desc_table .table .card-text { font-size: 13px; }
    .card-body.invoice_desc_table { padding: 15px; }

    .savings-calculator a { padding: 5px 12px; font-size: 14px; font-weight: 600; }
    .container { max-width: 90%; }
}

@media(min-width: 576px) and (max-width: 1023px) {
    .skylight_specifications .skylight_data_raw .col-sm-3 { width: 34%; }
    .skylight_specifications .skylight_data_raw .col-sm-2 { width: 33%; }

    .pricing_structure .col-sm-2.custom-label { width: 100%; }
    .pricing_structure .col-sm-2,
    .pricing_structure .col-sm-1 { width: 33.33%; }

}
@media(min-width: 680px) and (max-width: 767px) {
    .footer-block ul li { font-size: 13px; }
}
@media(max-width: 680px) {
    .footer-top { grid-template-columns: 1fr; gap:0; }
    ul.property-grid { grid-template-columns: 1fr; }
}
@media(max-width: 575px) {
    .prev-next-btnset .btn-primary { line-height: 1; height: 36px; }
    .card-body #save_btn { margin-top: 10px; }
    .add_more_stage_item { margin-bottom: 15px; }
    .step_quotation .nav-item .nav-link span { max-width: 110px; }

    .pricing_structure .custom-label label,
    .pricing_structure .control-label label { min-height: 10px; }
    .card-body .preview_next #save_btn { margin-top: 0; }

}
@media(max-width: 550px) {
    .bs-stepper .bs-stepper-header { grid-template-columns: 1fr; gap:0; text-align: left; }
    #basic-statistics .card-statistics .card-header .form-control { width: 100% !important;
        margin-right: 0 !important; }
}
@media(max-width: 479px) {
    .step_quotation .nav-item { width: 50%; }
    .step_quotation .nav-item .nav-link span { max-width: 100%; }
    .quote-page .card .form-control { width: calc(100% - 1rem) !important; margin-left: .5rem !important; }
}
@media(max-width: 450px) {
    .nav-profile-grid { display: grid; grid-template-columns: 1fr; gap:12px; }
}
@media(max-width: 400px) {
    .step_quotation .nav-item .nav-link span { max-width: 110px; }
}
@media(max-width: 399px) {
    .type-property-tab .btn.btn-outline-secondary { padding: 8px 10px; }
}