.auditor_information {
    width: 100%;
}


@media only screen and (min-width: 600px) {
    .claim_details_inner .claim-imgs {
        flex-direction: column;
        gap: 10px;
    }
    
    .claim_details_inner .file-show {
        width: 100% !important;
    }
    
   .claim_details_inner  .file-show img {
        width: 60px;
        height: 60px;
    }
    
   .claim_details_inner  .file-show {
        flex-wrap: wrap;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }
    
   .claim_details_inner  .file-show a {
        width: 50%;
        display: flex;
        align-items: center;
        gap: 20px;
    }
    
   .claim_details_inner  .file_show_date {
        width: 25%;
        text-align: center;
    }
    
   .claim_details_inner  .file_show_author {
        width: 25%;
        text-align: center;
    }
}
@media only screen and (max-width: 600px) {
    .claim_details_inner  .file_show_date,.claim_details_inner .file_show_author {
        display:none;
    }
	.claim_details_inner .file-img-sec .file-show {
        width: 108px !important;
    }
    
}
@media only screen and (max-width: 1599px) {

	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		max-width: 1280px !important;
	}
	.ehf-header #masthead .elementor-container.elementor-column-gap-default {
	    max-width: 1500px !important;
	}
	.home-hero-sec > .elementor-container {
		min-height: 750px !important;
	}
	h1 {
		font-size: 90px;
	}
	h2 {
		font-size: 46px !important;
	}
	.pd-180 {
		padding-block: 150px !important;
	}
	.pd-b-180 {
		padding-bottom: 150px !important;
	}
	.pd-top-180{
		padding-top:150px !important;
	}
	.etimstors-points-sec  .elementor-container {
		gap: 38px 55px;
	}
	.estimators-img-2 img{
		max-width:300px !important;
	}
	.services-name-sec .sevice-img {
		height: 225px !important;
	}
	.services-name-sec .services-name-col:hover .sevice-img {
		height: 260px !important;
	}
	.platformwork-text-col {
		top: 120px;
	}
	.plateform-work-sec .step-one-sec {
		top: 100px;
	}
	.plateform-work-sec .step-two-sec {
		top: 120px;
	}
	.plateform-work-sec .step-sec .elementor-container {
		gap: 50px;
	}
	.step-text h2 {
		font-size: 70px !important;
	}
	.step-icon  .elementor-icon {
		font-size:100px !important;
	}
	.step-icon h5 {
		margin-top: 20px;
	}
	/* 	login page */
	.login-col {
		padding: 33px 70px 10px 70px !important;
		background: #F6F1D9 !important;
		overflow: hidden;
	}
	/* 	dashboard */
	.dashboard_part {
		max-width: 260px;
	}
	.claim-detail-container {
		gap: 20px; 
	}
	.claim-tab-detail {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(4, auto);
		gap: 30px 45px;
	}
	.dashboard-fild {
		padding: 35px 25px;
	}
	.process-claim .accordion {
		font-size: 18px;
	}
	button.accordion:after {
		content: "";
		width: 20px;
		height:20px;
	}
	.claim-tabs .tablinks {
		border-radius: 64px;
		border: 1px solid #F5F5F5;
		background: #FFF;
		padding: 10px 18px;
		font-size: 16px;
	}
	.claim-detail-container .claim-detail-sec {
		width: 70%;
		max-width: 100%;
		padding-right: 0px;
	}
	.claim-detail-container .process-claim {
		width: 30%;
	}
	.file-show {
		width: 160px;
	}
	.claim-imgs {
		gap: 30px 23px;
	}
	.dashboard-list ul li a:before{
		top: -1px;
	}
	.claim-imgs {
		justify-content:space-evenly;
	}
	.file-img-sec .file-show {
		width: 140px;
	}
	.claim-btn-div {
		gap: 20px;
		flex-wrap: wrap;
	}
	.file-upload-status p {
		font-size: 14px;
	}
	.claim-history-table th, .claim-history-table td {
		padding: 16px 20px !important;
	}
	.progress-list li span {
		margin-left: 15px;
		color: #666;
		font-size: 17px;
		width: calc(100% - 24px);
	}
	.progress-list li {
		margin-bottom: 30px;
	}
	.progress-list li .circle {
		width: 20px;
		height: 20px;
	}
	.progress-list li.completed .circle:before {
		width: 8px;
		height: 8px;
	}
	.progress-list li:not(:last-child) .circle::after {
		height: 35px;
		left: 8px;
	}
	.uploaded-file .upload_file_type > div {
		padding: 20px 10px;
	}
	.filter_date .datepicker-input {
    width: 220px;
    padding-inline: 16px;
	}
	.payment_upper {
		flex-direction: column;
	}
	.payment-claim {
		width: 100%;
		display: inline-block;
		max-width: 250px;
	}
	.payment_cliam_inner {
		padding: 20px 15px;
		gap: 10px;
	}
	.upgrade_plan_right {
		max-width: 143px;
		width: 100%;
	}
	.upgrade_plan {
		align-items: flex-start;
		flex-direction: column;
	}
	/* Check 1367px and add css here */
}

@media only screen and (max-width: 1366px) {

	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		max-width: 1121px !important;
	}
	.ehf-header #masthead .elementor-container.elementor-column-gap-default {
	    max-width: 1280px !important;
	}
	.header-wrapper .hfe-nav-menu ul li {
		padding-left: 20px;
	}

	h1 {
		font-size: 80px;
	}
	h2 {
		font-size: 42px !important;
	}
	h4{
		font-size:24px !important;
	}
	.home-hero-sec > .elementor-container {
		min-height: 750px !important;
	}
	.home-hero-sec .btn-wrap .elementor-widget-container{
		margin-top:28px !important;
	}
	.pd-180 {
		padding-block: 120px !important;
	}
	.pd-b-180 {
		padding-bottom: 120px !important;
	}
	.pd-top-180{
		padding-top:120px !important;
	}
	.estimator-left-col > .elementor-widget-wrap{
		padding-right:40px !important;
	}
	.estimator-left-col {
		width:60% !important;
		position:sticky;
		top:120px;
		height:100%;
	}
	.estimstors-detail{
		width:40% !important;
	}
	.estimators-img-1 img{
		max-width:200px !important;
	}
	.etimstors-points-sec  .elementor-container {
		display: grid;
		grid-template-columns: auto;
		gap: 30px ;
	}
	.services-name-sec .sevice-img {
		margin-top: 10%;
	}
	.border h5:after {
		width: 105px;
	}
	.step-icon  .elementor-icon {
		font-size: 80px !important;
	}
	.step-text h2 {
		font-size: 60px !important;
	}
	.step-icon  .elementor-icon {
		font-size: 80px !important;
	}
	.plateform-work-sec .step-sec .elementor-container {
		gap: 30px;
	}
	.step-icon h5 {
		margin-top: 10px;
	}
	.copyright-sec{
		margin-top:80px !important;
	}
	/* 	dashboard */
	.dashboard-list a {
		font-size: 16px;
	}
	.dashboard-list ul li:nth-child(1) a {
		font-size: 24px;
	}
	.dashboard_col {
		padding: 15px;
	}
	.mt {
		margin-top: 30px;
	}
	.dashboard-fild {
		padding: 25px;
	}
	.input-text {
		padding: 15px 20px;
	}
	.edit-acount-detail {
		gap: 20px;
	}
	.user_password {
		padding-right: 0px;
	}
	.right-bg {
		padding: 22px 22px 22px 22px;
	}
	.claim-image-inner.right-bg{
		padding-bottom:30px;
	}
	.user_password h5{
		font-size:18px;
	}
	.notification_info {
		color: #8E8E8E !important;
		font-size: 14px;
	}
	.notification-name {
		margin-bottom: 10px;
		font-size: 17px;
	}
	.button {
		padding: 16px 30px !important;
	}
	.dashboard_col {
		min-height: 680px;
	}
	.claim-detail .form-inner-name {
		margin-block: 30px 15px;
	}
	.form_fild label {
		width: 30%;
		font-size: 17px;
	}
	body .form_fild input[type=text],
	body .form_fild input[type=email],
	body .form_fild input[type=date],
	body .form_fild input[type=tel],
	body .form_fild input[type=number],
	body .new_claim select, 
	body .form_fild textarea {
		width: 100% !important;
		max-width: 70%;
		border: 1px solid #DDD !important;
		border-radius: 64px !important;
		font-size:16px !important;
		padding: 14px 25px !important;
	}
	.claim-detail .radio-group {
		width: 67% !important;
	}
	body .form_fild textarea {
		border-radius: 22px !important;
	}
	.upload-container {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.file-box {
		width: 100%;
		height: 75px;
	}
	.claim-tabs {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.claim-tab-detail,
	div#claim-Vehicle-inspection-location{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, auto);
		gap: 30px 35px;
	}
	.new-claim-submit input[type="submit"], .add_files{
		font-size:18px !important;
	}
	.process-claim .upload-container {
		grid-template-columns: repeat(2,1fr);
	}
	.claim-tabs .tablinks {
		width: 46%;
	}
	.footer-logo img{
		width:200px;
	}
	.notes_row {
		grid-template-columns: 0.7fr 0.3fr 0.7fr 1.3fr;
		padding-inline: 30px;
	}
	.file-padding {
		padding-inline: 24px;
	}
	.file-heading {
		gap: 28px;
		padding-block: 22px;
	}
	p.date {
		padding-right: 10px;
	}
	.claim-history-table th, .claim-history-table td {
		padding: 10px 15px !important;
	}
	.claim-history-head {
		padding: 24px 20px;
		row-gap: 20px;
	}
	div.dataTables_paginate {
		padding-inline: 20px;
	}
	.file-img-sec .img-overlay {
		height: 132px;
	}
	.drop-file {
		padding: 20px 12px;
		padding-left: 0px;
	}
	.estimator-allclaim p.claim_date {
		display: flex;
		gap: 0px;
		flex-direction:column;
	}
	.claim-btn-div a,
	.claim-btn-div a.submit,
	.note-btn-outer a{
		padding: 13px 22px;
		font-size: 18px;
	}
	.vehical-img img {
		width: 80px;
		height: auto !important;
	}
	.pdf-name img {
		width: 30px;
	}
	.upload_row_2 {
		width: 130px;
	}
	.drop-file-label {
		padding: 14px 23px;
		max-width: 250px;
	}
	.progress-list li {
		margin-bottom: 20px;
	}
	button.delete-btn.delete_document {
		width: 20px;
	}
	.uploaded-file {
		width: 650px;
	}
	.filter_date form {
		flex-wrap: wrap;
	}

	.payment_history_type {
		text-align: center;
	}
	.payment_history_tabel {
		display: grid;
		grid-template-columns: 1.2fr 1.5fr 1fr 0.6fr;
	}
	/*.img-td {
		flex-wrap: wrap;
	}*/
	/* Check 1200px and add css here */
}

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

	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		max-width: 940px !important;
	}
	.ehf-header #masthead .elementor-container.elementor-column-gap-default {
	    max-width: 1121px !important;
	}
	.header-wrapper .logo-box img {
		max-width: 220px;
		width: 100%;
	}
	.right-side-btn a.elementor-button, .left-side-btn a.elementor-button {
		height: 52px;
		line-height: 52px !important;
	}
	.right-side-btn a.elementor-button,
	.footer .left-side-btn a.elementor-button,
	.left-side-btn a.elementor-button {
		height: 52px;
		line-height: 52px !important;
		padding: 0 20px;
	}
	.header-wrapper .hfe-nav-menu ul li a {
		font-size: 16px;
	}

	.home-hero-sec > .elementor-container {
		min-height: 700px !important;
	}
	h1 {
		font-size: 65px;
	}
	h2 {
		font-size: 34px !important;
	}
	p {
		font-size: 16px;
	}
	.pd-180 {
		padding-block: 90px !important;
	}
	.pd-b-180 {
		padding-bottom: 90px !important;
	}
	.pd-top-180{
		padding-top:90px !important;
	}
	.services-name-sec {
		margin-top: 30px;
	}
	.services-name-col .border {
		padding: 25px;
		z-index: 99 !important;
	}
	.services-name-sec > .elementor-container {
		justify-content: space-between !important;
		gap: 25px;
	}
	.question-box h5 {
		margin-top: 22px;
	}
	.question-box p {
		padding-block: 12px;
	}
	.copyright-sec {
		margin-top: 50px !important;
	}
	.footer-menu-col ul.hfe-nav-menu {
		display: grid;
		grid-template-columns: auto auto auto;
		gap: 32px 68px;
	}
	.elementor-price-table__ribbon  div {
		margin-bottom: 12px !important;
	}
	.plan {
		padding: 32px;
	}
	.header-wrapper .hfe-nav-menu ul li:last-child a {
		color: #fff !important;
		padding: 0 20px !important;
		height:50px;
		line-height:50px !important;
	}
	.header-wrapper .right-side-btn a.elementor-button{
		padding: 0 20px !important;
	}
	.input-text {
		padding: 15px 20px;
		font-size:16px;
	}
	.already_account {
		font-size: 16px;
	}
	.radio-group label {
		font-size: 17px;
		padding-inline: 30px 5px !important;
		margin-right:20px !important;
	}
	.radio-group input[type="radio"]:checked + label::after {
    left: 5px;
    width: 8px;
    height: 8px;
	}
	.register_form_footer , .login-sign-tittle , .login_form{
		margin-top: 38px !important;
	}
	.login-col {
		padding: 33px 70px 50px 70px !important;
	}
	#customer_login .show-password-input {
		right: 16px !important;
	}
	.logged-in .woocommerce {
		padding: 20px 20px 30px;
	}
	.dashboard_col {
		padding: 10px;
	}
	.dashboard-list .woocommerce-MyAccount-navigation-link {
		padding: 12px;
	}
	.account_head .site_logo img {
		max-width: 219px;
	}
	.file-box {
		width: 100%;
		height: 70px;
	}
	.upload-container {
		gap: 15px;
	}
	
	.claim-tabs {
		padding-bottom: 10px;
		margin-block: 30px;
		gap: 15px;
	}
	.claim-detail-container .process-claim {
		width: 40%;
	}
	.vehical-info-div {
		display: flex;
		max-width: 304px;
	}
	.vehical-model-type{
		font-size:18px;
	}
	.new-claim-submit input[type="submit"], .add_files {
		padding: 14px 14px;
	}

	.file-heading  div p:first-child {
		padding-right: 15px;
		width: 100% !important;
	}
	.file-heading  div.status-text p{
	width:auto !important;
	}
	.file-detail {
		display: flex;
		flex-wrap: wrap;
	}
	.img-overlay {
		position: relative;
		height: 140px;
	}
	.file-show {
		width: 140px;
	}
	p.claim_date {
		display: flex;
		gap: 4px;
		flex-wrap: wrap;
	}
	p.claim_date span{
		width:100%;
	}
	.img-td > img{
		width:20px;
	}
	table.dataTable thead th {
    font-size: 15px !important;
	}
	.help-type {
    gap: 80px;
	}
	.note-btn-div a {
    padding: 12px  20px!important;
	}
	.drop-file-design {
		width: 100%;
		flex-direction: column-reverse;
		gap:20px;
	}
	.drop-file {
		border-right: none;
		border-top:1px solid #ddd;
		padding: 20px;
		width: 100%;
	}
	.upload-file-detail {
		visibility: hidden;
		width: 100%;
		padding-left: 0px;
	}
	.process-claim .accordion {
		font-size: 16px;
	}
	input#custom-search:focus {
		border: 1px solid rgba(16, 16, 16, 1) !important;
		width: 240px;
	}
	.upload_estimator_document {
		margin-top: 40px;
		margin-inline:auto;
		width: 400px;
	}
	.select_date_heading {
   	 width: 100%;
	}
	.upgrade_list ul {
		display: grid;
		grid-template-columns: auto;
		gap: 10px;
		width:100%;
	}
	.upgrade_plan_right a.note {
		padding-block: 15px;
	}
	.payment_history_tabel {
		display: grid;
/* 		grid-template-columns: 100px 150px 100px 40px; */
		width: 440px;
	}
	.payment-detail-sec {
		width: 100%;
		max-width: 422px;
	}
	.continue_payment {
		padding-block: 13px !important;
		font-size: 14px !important;
	}
	.payment-claim {
		width: 100%;
		max-width: 100%;
	}
	.claim-image-inner .add_files {
    font-size: 15px !important;
	}
	.add_files:before, .drop-file-label:before {
		width: 20px;
		height: 20px;
	}
	.claim-image .add_file {
		display: inline-block;
		margin-top: 20px;
	}
	.subscription_details .button {
		padding: 12px 20px !important;
	}
	.dashboard_col {
		min-height: 600px;
	}
	.auditor_information {
		margin-bottom: 50px;
		display: inline-block;
	}
	input.choose_report_date.note {
		padding-inline: 54px;
		font-size: 18px;
	}
	/* Check 1025px and add css here */
}

@media only screen and (max-width: 1024px) {

	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		max-width: 100% !important;
		padding: 0 30px;
	}
	.header-wrapper .hfe-nav-menu ul li:last-child a {
		background: black !important;
	}
	.header-wrapper .hfe-layout-horizontal .hfe-nav-menu__toggle,
	.header-wrapper .hfe-layout-vertical .hfe-nav-menu__toggle {
		visibility: visible !important;
		opacity: 1 !important;
		display: block !important;
	}

	.header-wrapper .hfe-nav-menu {
		display: block;
	}

	.header-wrapper .hfe-nav-menu .hfe-active-menu.hfe-active-menu-full-width+.hfe-nav-menu__layout-horizontal {
		left: 0 !important;
		top: 120px;
	}

	.header-wrapper .hfe-nav-menu .hfe-dropdown {
		position: fixed !important;
		bottom: 0 !important;
		top: initial;
		left: -100% !important;
		width: 100% !important;
		height: calc(100vh - 72px) !important;
		padding: 0 30px;
		transition: all 0.3s;
		top:72px !important;
	}

	.header-wrapper .hfe-nav-menu ul {
		width: 100%;
		padding: 30px 0;
		height: fit-content;
	}

	.header-wrapper .hfe-nav-menu ul li {
		width: 100%;
		padding: 0px;
		border: none !important;
		padding-bottom: 10px;
	}

	.header-wrapper .hfe-nav-menu ul li:last-child {
		padding-bottom: 0px;
	}

	.header-wrapper .hfe-nav-menu ul li a {
		font-weight: 400 !important;
		font-size: 18px;
		padding: 10px 0 !important;
	}
	.header-wrapper .hfe-submenu-icon-arrow{
		order:10;
		margin-left:5px;
	}
	.pd-180 {
		padding-block: 60px !important;
	}
	.pd-b-180 {
		padding-bottom: 60px !important;
	}
	.pd-top-180{
		padding-top:60px !important;
	}
	.footer-menu a.hfe-menu-item {
		font-size: 16px !important;
	}
	.footer-menu-col ul.hfe-nav-menu {
		gap: 22px 45px;
	}
	.copyright-sec{
		padding-block:28px !important;
	}
	.copyright-sec .hfe-copyright-wrapper {
		font-size: 16px !important;
	}
	h1 {
		font-size: 45px;
	}
	h2 {
		font-size: 28px !important;
	}
	h4{
		font-size:24px !important;
	}
	h5 {
		font-size: 17px;
	}
	.plan .elementor-price-table__price span {
		font-size: 18px;
	}
	.btn-wrap a.elementor-button, .gform_footer input[type=submit],
	.footer .left-side-btn a.elementor-button,
	.anwp-pg-wrap .btn {
		height: 50px;
		line-height: 50px !important;
		font-size: 16px !important;
	}
	.btn-wrap a.elementor-button:hover .elementor-button-text:after {
		width: 17px;
	}
	.home-hero-sec > .elementor-container {
		min-height: 500px !important;
	}
	.estimators-img-1 img {
		max-width: 140px !important;
	}
	.estimators-img-2 img {
		max-width: 200px !important;
	}
	.partnersimg-box  #gallery-1 {
		row-gap: 30px;
		column-gap: 54px;
	}
	.partnersimg-box {
		margin-top: 30px;
	}
	.services-name-col {
		max-width: 220px !important;
	}
	.services-name-col .border {
		padding: 20px 15px;
	}
	.services-name-sec .sevice-img {
		height: 135px !important;
	}
	.services-name-sec .services-name-col:hover .sevice-img {
		height: 160px !important;
	}
	.services-name-sec > .elementor-container {
		gap: 15px;
	}
	.services-name-sec .sevice-img {
		margin-top: 30px;
	}
	.plan-inner > .elementor-container {
		gap: 12px;
		flex-wrap: nowrap !important;
	}
	.plan {
		padding: 22px 15px;
	}
	.plan .elementor-price-table__features-list svg{
		width:20px !important;
		height:20px !important
	}
	.plan .elementor-price-table__feature-inner span{
		width:calc(100% - 20px) !important;
		font-size:15px;
	}
	.elementor-price-table__ribbon  div {
		padding: 5px 14px !important;
		font-size: 12px;
	}
	.plan-col .elementor-price-table__features-list {
		padding-block: 22px 22px!important;
	}
	.premier-plan .elementor-price-table__price {
		padding-block: 12px 14px !important;
	}
	.plan a.elementor-button {
		font-size: 16px;
		padding-block: 15px !important;
	}
	.question-box h5 {
		margin-top: 12px;
	}
	.question-box p {
		padding-block: 8px;
	}
	.header-wrapper .right-side-btn{
		margin-right:10px;
	}
	.header-wrapper .right-side-btn a.elementor-button{
		height:42px;
		line-height:42px !important;
	}
	.login-side-img, .login-side-img * {
		height: 450px !important;
		object-fit: cover !important;
		width:100% !important;
	}
	.login-col {
		padding: 43px 60px 50px 60px !important;
	}
	.already_account {
		max-width: 280px !important;
	}
	.register_form_fields label ,.login_form label , h2 .as{
		font-size:17px;
	}
	.radio-group input[type="radio"]:checked + label::after {
		left: 4px;
	}
	/* 	dashboard */
	.edit-acount-detail {
		display: flex;
		flex-direction: column;
	}
	.user_information,
	.user_password,
	.claim-detail,
	.claim-image,
	.claim-detail-container .claim-detail-sec,
	.claim-detail-container .process-claim{
		width:100%;
		max-width:100%;
	}
	.dashboard-fild {
		padding:25px !important;
	}
	.user_password {
		padding-right: 0px;
	}
	.dashboard-list ul li:nth-child(1) a {
		font-size: 20px;
		padding-left: 35px;
	}
	.dashboard-list ul li:nth-child(1) a:before {
		width: 22px;
		height: 22px;
	}
	.account_head .site_logo img {
		max-width: 189px;
	}
	.mt {
		margin-top: 20px;
	}
	.photoupload_sec img {
		width: 80px;
		max-width: 100% !important;
		height: 80px;
	}
	.edit-acount-detail {
		gap: 40px;
	}
	.email_notification  label:first-child {
		width: calc(100% - 50px);
		display: inline-block;
	}
	.switch {
		width: 40px;
		height: 25px;
	}
	.slider:before {
		height: 19px;
		width: 19px;
	}
	input:checked + .slider:before {
		-webkit-transform: translateX(14px);
		-ms-transform: translateX(14px);
		transform: translateX(14px);
	}
	.dashboard_col {
		min-height: 500px;
	}
	.user_password h5 {
		font-size: 17px;
	}
	.password_opction a{
		font-size:15px;
	}
	.edit-acount-detail label{
		font-size:16px;
	}
	.new_claim,
	.dashboard-fild{
		gap: 35px;
		flex-wrap: wrap;
	}

	.file-box,
	{
		width: 100%;
		height: 100px;
	}
	.radio-group label::before {
		width: 16px;
		height: 16px;
	}
	.new-claim-submit {
		margin-top: 20px;
	}
	.vehical-claim-info {
		flex-wrap: wrap;
		gap: 20px;
		flex-direction: column-reverse;
		align-items: flex-end;
	}
	.estimator-claim .vehical-claim-info {
    flex-direction: column;
}
	.vehical-claim-info .claim-btn-div {
    max-width: 100%;
    justify-content: flex-end;
    gap: 10px;
    flex-direction: row;
    width: 100%;
	}
	.vehical-info-div {
		display: flex;
		width:100%;
		max-width: 100%;
		align-items: center;
	}
	.vehical-img {
		margin-inline: 6px 30px;
		width: 60px;
	}
	.process-claim .right-bg{
		padding: 15px;
	}
	.progress-list li {
		margin-bottom: 20px;
	}
	.vh-info {
		gap: 8px;
	}
	.process-claim .upload-container {
		grid-template-columns: repeat(5,1fr);
	}
	.claim-history-head {
    padding: 30px 10px;
	}
	.claim-history-tabs {
		padding: 5px;
		gap: 0px;
		width: 100%;
		max-width: 100%;
	}
	.claim-history-tab {
		padding: 10px 9px;
	}
	.claim-history-tab {
		font-size: 15px;
	}
	.notes_1 {
		width: 100px;
	}
	.notes_2 {
		width: 80px;
	}
	.notes_3 {
		width: 120px;
	}
	.claim_notes_list{
		min-width: 600px;
	}
	
	.claim-notes-container{
		overflow:scroll;
	}
	.account_content {
    overflow: hidden;
	}
	.notes_row {
		padding-block: 22px;
		grid-template-columns: 0.7fr 0.3fr 0.7fr 1.3fr;
		padding-inline: 20px;
	}
	.note_list_body div {
    color: #101010 !important;
    font-size: 16px;
	}
	.note_list_body .notes_3::after {
    width: 18px;
    height: 16px;
    margin-bottom: -3px;
    margin-left: 7px;
	}
	.note-btn {
    padding: 12px 16px;
    font-size: 16px;
	}
	a.note-btn:before {
    width: 21px;
    height: 14px;
	}
	a.back-arrow{
		padding:10px;
	}
	a.back-arrow:after {
    width: 17px;
    height: 15px;
    background-position: center;
	}
	.notes-top-title, .add_note_section_title {
    padding: 20px 22px;
	}
	.file-heading {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
	}
	.dashboard_part {
    max-width: 200px;
	}
	/*.dataTables_wrapper table{
		width:730px !important;
	}*/ 
	.dataTables_wrapper {
		overflow: scroll;
		scrollbar-width: none;
	}
	table#notification_table.notification-table {
		width:100% !important;
	}

	.help-type a {
		font-size: 16px;
		line-height: 140%;
	}
	.help-type {
		gap: 60px;
	}
	.help-side-btn {
		position: unset;
		display: flex;
		width: 100%;
		flex-direction: row;
		gap: 20px;
		align-items: center;
		flex-wrap: nowrap;
		justify-content: flex-end;
	}
	.file-img-sec .file-show {
		width: 130px;
	}
	a.red-btn {
		padding: 12px 20px;
		font-size: 16px;
	}
	.note-btn-outer a {
		max-width: 115px;
	}
	.process-claim .completed-div {
		margin-top: 0px;
	}
	.estimator-claim-head {
    padding: 24px;
	}
	.estimator-claim{
		flex-direction:column-reverse;
	}
	input#custom-search:focus {
		border: 1px solid rgba(16, 16, 16, 1) !important;
		margin-block: auto;
		width: 160px;
		top: 50%;
		height:35px !important;
		transform: translateY(-50%);
		font-size:16px !important;
	}
	.upload_estimator_document {
		margin-top: 30px;
		width: 100%;
	}
	.uploaded-file > div {
		min-width: 650px;
	}
	.uploaded-file{
		overflow: scroll;
				width: 100%;
		scrollbar-width: none;
	}
	.filter_date .datepicker-input {
		width: 170px;
		padding-inline: 10px;
	}
	.filter_date span.datepicker-toggle {
		padding-left: 10px;
	}
	.report_tab_content {
		gap: 15px;
	}
	.report_tabs_inner {
		border-radius: 14px;
		background: #F8E075;
		padding: 20px;
	}
	.toatl_number {
		font-size: 25px;
	}
	.payment-detail-sec {
		width: 100%;
		max-width: 100%;
	}
	.payment-detail-container {
		gap: 30px;
		padding-top: 15px;
		flex-direction: column;
	}
	.payment_history_tabel {
		grid-template-columns: 1.3fr 1.7fr 1fr 0.6fr;
		width:auto;
	}
	.upgrade_list ul li {
		font-size: 16px;
	}
	.payment_history_header div,
	.payment_history_body div{
		font-size: 14px;
	}
	.continue_payment {
		max-width: 220px;
	}
	.register_page .img-col, .login_page .img-col {
		position: sticky;
		top: -500px;
	}
	.auditor_information {
		width: 100%;
	}
	/* Check 768px and add css here */
}

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

	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0 20px;
	}
	.header-wrapper .hfe-nav-menu .hfe-dropdown {
		height: calc(100vh - 59px) !important;
		top: 59px !important;
	}
	.header-wrapper {
		padding: 12px 0;
	}

	.notfound-content {
		padding: 12vw 0;
	}
	.pd-180 {
		padding-block: 50px !important;
	}
	.pd-b-180 {
		padding-bottom: 50px !important;
	}
	.pd-top-180{
		padding-top:50px !important;
	}
	.home-hero-sec > .elementor-container {
		min-height: auto !important;
	}
	h1 {
		font-size: 32px;
	}
	h4 {
		font-size: 20px !important;
	}
	.home-hero-sec .btn-wrap .elementor-widget-container {
		margin-top: 10px !important;
	}
	.estimator-left-col {
		width: 100% !important;
		position: unset;
		top: 120px;
		height: auto;
	}
	.estimstors-detail {
		width: 100% !important;
		margin-top: 40px;
	}
	.etimstors-points-sec  .elementor-container {
		gap: 15px;
	}
	.partnersimg-box  #gallery-1 {
		row-gap: 30px;
		column-gap: 34px;
		grid-template-columns: repeat(3, auto);
	}
	.partnersimg-box  #gallery-1 dl:nth-last-child(3) {
		grid-column-start: unset;
	}
	.services-name-col {
		max-width: 420px !important;
		margin-inline: auto;
	}
	.services-name-sec .sevice-img {
		height: 235px !important;
	}
	.services-name-sec .services-name-col:hover .sevice-img {
		height: 260px !important;
	}
	.platformwork-text-col , .plateform-work-sec .step-sec{
		position: unset;
		height: auto;
	}
	.step-icon  .elementor-icon {
		font-size: 70px !important;
	}
	.step-text h2 {
		font-size: 45px !important;
	}
	.step-sec .step-text {
		width: 18% !important;
	}
	.plan-inner > .elementor-container {
		gap: 35px;
		flex-wrap: wrap !important;
	}
	.footer-menu-col ul.hfe-nav-menu {
		margin-top: 30px;
		justify-content:center;
	}
	.copyright-sec {
		padding-block: 20px !important;
		margin-top: 30px !important;
	}
	.login-col {
		padding: 40px 40px 50px 40px !important;
		overflow:auto;
	}
	.login-col  .hfe-site-logo img{
		max-width:220px !important;	
	}
	.register_form_footer, .login-sign-tittle  {
		margin-top: 28px !important;
	}
	.login_form {
		margin-top:10px !important;
	}
	.register_form_fields label ,.login_form label{
		font-size:16px;
	}
	h2 .as {
		font-size: 14px !important;
	}
	.header-wrapper .menu-box {
		width: 70px !important;
		float:right;
		max-width:100%;
	}
	.header-wrapper .logo-box {
		width: 200px !important;
		float: left;
	}
	.estimator-left-col > .elementor-widget-wrap {
		padding-right: 0px !important;
	}
	.estimator-imgs-sec{
		background-size: contain;
		background-position: 0px 80px !important;
	}
	.side-vector:after , .side-vector:before{
		content:none !important;
	}
	/* 	dashboard */
	.account_head, .dashboard {
		width: 100% !important;
		gap: 32px;
		flex-wrap: wrap;
	}
	.account_head{
		gap:20px;
	}
	.dashboard_part,
	.account_content, 
	.user_title_bar{
		width: 100% !important;
		max-width: 100%;
	}
	.account_head .site_logo {
		justify-content: center;
	}
	.account_head .site_logo img {
		max-width: 170px;
		margin-top: 0px;
	}
	.password_opction {
		gap: 10px;
		flex-direction: column;
	}
	.title_left_icon {
		gap: 15px;
	}
	.profile_small_img {
		margin-left: 5px;
		width: 44px;
		height: 44px;
	}
	.edit-acount-detail {
		gap: 30px;
	}
	.radio-group label::before {
		width: 16px;
		height: 16px;
	}
	.openbtn,
	.dashboard  .in-menu-name{
		display:block !important;
	}
	.user_name,
	.dashboard .dashboard_part{
		display:none;
	}
	.dashboard .dashboard_part {
		position: sticky;
		height: 100%;
		top: 155px;
		z-index: 90;
		background: #fff;
	}
	h5.in-menu-name {
		text-align: center;
		font-size: 20px;
		margin-bottom: 10px;
	}
	.dashboard-list ul li:nth-child(2) {
		margin-block: 0px;
	}
	.confirm_popup_inner a {
		min-width: 160px;
		padding: 15px 50px;
	}
	.confirm_popup_inner a.confirm_yes, 
	.confirm_popup_inner a.confirm_cancel_claim{
		margin-bottom: 20px;
		margin-right: 0px;
	}
	.claim-tabs {
		padding-bottom: 20px;
		margin-block: 20px;
		gap: 15px;
	}
	.progress-list li .circle {
		width: 16px;
		height: 16px;
	}
	.progress-list li.completed .circle:before {
		width: 8px;
		height: 8px;
	}
	.process-claim .upload-container {
		grid-template-columns: repeat(3,1fr);
	}
	.progress-list li:not(:last-child) .circle::after {
		content: "";
		position: absolute;
		width: 2px;
		height: 22px;
		left:6px;
	}
	
	.vehical-claim-info {
		gap: 30px;
	}
	.claim-tabs {
		padding-bottom: 20px;
		margin-block: 20px;
		gap: 8px;
	}
	.claim-tab-detail, 
	div#claim-Vehicle-inspection-location {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(2, auto);
		gap: 20px 25px;
	}
	.process-claim .right-bg {
		padding: 10px;
	}
	
	.claim-history-tabs {
    flex-wrap: wrap;
    justify-content: flex-start;
	}
	a.claim-history-tab {
    width: 45%;
    text-align: center;
	}
	.claim-history-tabs {
		flex-wrap: wrap;
		justify-content: flex-start;
		padding: 20px 0px;
		border-radius: 20px;
	}
	.claim-history-head {
    justify-content: center;
	}
	.claim-history-head h4{
		text-align:center;
	}
	.footer-logo img{
		width:170px;
	}
	.form_btn .button {
		padding: 15px 26px !important;
		font-size: 16px !important;
	}
	.file-show {
		width: 170px;
	}
	form.send_notes {
		padding: 20px;
		padding-top: 0px !important;
	}
	.note_add_container .form_fild {
		gap: 10px;
		flex-wrap: wrap;
		margin-top: 0px;
	}
	.note_add_container .form_fild select {
		width: 180px !important;
		padding: 10px 20px !important;
	}
	.new-claim-submit input[type="submit"], .add_files {
		font-size: 16px !important;
	}
	.write_note input[type="submit"] {
		right: 10px;
		bottom: 20px;
	}
	a.cancle-claim {
		font-size: 16px !important;
	}
	.vehical-img img {
		width: 70px;
	}
	.help-seaech-box {
		margin-block: 22px 30px;
	}
	.file-img-sec .file-show {
		width: 108px;
	}
	.file-img-sec .img-overlay {
		height: 105px;
	}
	.file-show.file_box img {
		padding: 10px;
		object-fit: contain;
	}
	.dataTable td * ,
	.estimator-allclaim * {
		font-size:14px !important;
	}

	.status {
		padding: 8px 9px;
		width: 100px;
	}
	.file-heading .status{
		width: auto !important;
	}
	a.claim-id-icon {
		width: 80px;
		display: inline-block;
	}
	.dashboard_col {
		min-height: auto;
	}
	.dashboard-fild {
    gap: 15px;
    flex-wrap: wrap;
	}
	/* Check 480px and add css here */
}

@media only screen and (max-width: 600px) {

	/*.dataTables_wrapper table {
		width: 580px !important;
	}*/
	.process-claim .completed-div {
		margin-block: 10px;
	}
	.claim-btn-div {
		gap: 10px;
	}
	.uploaded-file-sec {
		margin-top: 20px;
		margin-bottom: 0px;
		text-align: center;
	}
	.drop-file {
		padding: 0;
		padding-top: 10px;
	}
	div.drop-file {
		gap: 10px;
	}
	.drop-file-label {
		padding: 12px 23px;
		max-width: 250px;
		font-size: 16px !important;
	}
	.drop-file-label:before{
		width: 20px;
		height: 20px;
	}
	.filter_date form {
		gap: 15px;
		margin-block: 25px;
	}
	input.choose_report_date.note {
		padding-inline: 44px;
		font-size: 16px;
	}
	.report_tab_content {
		flex-direction: column;
	}
	.payment_bottom {
		padding: 15px;
	}
	.payment_history_header {
		padding: 14px 5px;
	}
	.payment_history_body {
		padding: 13px 5px;
	}
	.payment_details_left span {
		font-size: 15px;
	}
	img.ach_img {
		width: 28px;
		height: 28px;
	}
	.auditor_checked {
		margin-top: 20px;
		display: block;
	}
	.auditor_information {
		margin-bottom: 30px;
		display: inline-block;
	}
	.claim_details_inner_info {
		height: auto;
		overflow: unset;
		margin-top: 10px;
		scrollbar-width: none;
	}
	/* Check 480px and add css here */
}

@media only screen and (max-width: 479px) {

	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0 15px;
	}
	.pd-180 {
		padding-block: 40px !important;
	}
	.pd-b-180 {
		padding-bottom: 40px !important;
	}
	.pd-top-180{
		padding-top:40px !important;
	}
	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 24px !important;
	}
	p {
		font-size: 15px;
	}
	.partnersimg-box  #gallery-1 {
		row-gap: 30px;
		column-gap: 44px;
		grid-template-columns: repeat(2, auto);
	}
	.plateform-work-sec .step-sec {
		padding: 20px 15px;
	}
	.step-icon  .elementor-icon {
		font-size: 50px !important;
	}
	.step-icon h5 {
		margin-top: 0px;
	}
	.border h5:after {
		width: 65px;
	}
	.plateform-work-sec .step-sec .elementor-container {
		gap: 10px;
	}
	.footer-menu-col ul.hfe-nav-menu {
		gap: 22px 25px;
	}
	.header-wrapper .logo-box img {
		max-width: 180px;
		width: 100%;
	}
	.services-name-sec .sevice-img {
		height: 195px !important;
	}
	.services-name-sec .services-name-col:hover .sevice-img {
		height: 210px !important;
	}
	.step-text h2 {
		font-size: 35px !important;
	}
	.radio-group input[type=radio] {
		height: 15px;
		width: 15px;
	}
	.radio-group label {
		font-size: 15px;
	}
	.radio-group div{
		width:45%;
	}
	.radio-group {
		display: flex;
		margin-top: 22px;
		width: 100%;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: space-between;
	}
	img#image_preview {
		width: 50px;
		height:50px;
	}
	.half_field .form_field,
	.form_fild label,
	.claim-detail .radio-group{
		width: 100% !important ;
	}
	.register_form_footer,
	.form_fild,
	.display_flex {
		flex-direction: column;
	}
	.form_btn .button {
		padding: 16px 22px !important;
		font-size: 16px !important;
	}
	.login-col {
		padding: 40px 30px 40px 30px !important;
	}
	.register_form_footer, .login-sign-tittle  {
		margin-top: 20px !important;
	}
	.login-col  .hfe-site-logo img {
		max-width: 170px !important;
	}
	.name_fild {
		width: 100%;
	}
	.edit-acount-detail .display_flex {
		gap: 0px;
	}
	.dashboard-fild {
		padding: 25px 15px !important;
	}
	.right-bg {
		padding: 20px 15px;
	}
	.edit-acount-detail .right-bg {
		padding-bottom: 20px;
	}
	body .form_fild input[type=text], 
	body .form_fild input[type=email], 
	body .form_fild input[type=date], 
	body .form_fild input[type=tel], 
	body .form_fild input[type=number],
	body .new_claim select, 
	body .form_fild textarea {
		width: 100% !important;
		max-width: 100%;
		padding: 10px 20px !important;
		font-size: 16px !important;
	}
	.claim-detail .radio-group label {
		width: auto !important;
		padding-inline: 30px 5px !important;
		margin-right: 10px !important;
	}
	.form_fild {
		margin-bottom: 10px;
	}
	.claim-detail .form-inner-name {
		margin-block: 10px 15px;
	}
	.claim-detail .radio-group {
		justify-content: flex-start;
	}
	.file-box {
		height: 80px;
	}
	a.claim-history-tab {
    width: 70%;
    text-align: center;
	}
	.claim-history-tabs {
		justify-content: center;
		padding: 15px 0px;
	}
	.register_form_footer .form_btn{
		margin-top:30px;
	}
		.file-show {
		width: 210px;
	}
	.note_add_container .form_fild  {
		align-items:flex-start;
	}
	.vehical-img img {
    width: 60px;
	}
	.help-side-btn {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
	}
	.help-type {
    gap: 30px;
    flex-wrap: wrap;
	}
	.most-common, .most-resent {
		gap: 5px;
	}
	input.claim-search {
		padding: 8px 20px  !important;
		font-size: 16px;
		width: 230px;
	}
	div.paging_simple_numbers {
		width: 540px !important;
		gap: 25px;
	}
	.estimator-claim-head {
		display: flex;
		align-items: flex-start;
		gap: 15px;
		padding: 15px;
		flex-direction: column;
	}
	.tabs-nav a {
		padding: 10px 14px;
		font-size: 15px;
	}
	.payment_history_tabel {
		width: 360px;
	}
	.payment_details_left, .payment_details_right {
		gap: 5px;
		padding: 23px 14px;
	}
	div#notification_table_wrapper div.paging_simple_numbers {
		width: 100% !important;
	}
	div.dataTables_paginate {
		width: 100% !important;
		flex-wrap: wrap;
		padding-inline: 7px;
	}
	div.dataTables_paginate span{
		order:-1;
		width:100%;
	}
	.write_note input[type="submit"] {
		right: 50%;
		transform: translateX(50%);
	}
	a.approve-claim.green-btn {
		margin-bottom: 15px !important;
		display: inline-block;
	}
	/* Check 375px and add css here */
}

@media only screen and (max-width: 374px) {
	.step-sec .elementor-icon-box-icon {
		margin-right: 5px !important;
	}
	.file-box {
		height: 60px;
	}
	.notes-top-title, .add_note_section_title {
		padding: 20px 12px;
	}
	.notes-title-arrow {
		gap: 5px;
	}
	a.cancle-claim {
		font-size: 15px !important;
	}
	.file-img-sec .file-show {
		width: 100%;
	}
	.file-img-sec .img-overlay {
		height: 125px;
	}
	.title_left_icon {
		gap: 5px;
	}

	/* Check 320px and add css here */
}