@media only screen and (max-width: 1300px) {
	.guarantee_title .inner_title.pages_title {
		position: relative;
		top: 0;
	}

	.category_zoompopup.modal .modal-dialog {
		max-width: 1300px !important;
	}
}

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

	.view_ptop {
		display: inline-block;
		width: 100%;
	}

	.view_ptop .view_ptop_left {
		width: 100%;
		padding-bottom: 20px;
	}

	.view_ptop .view_ptop_right {
		width: 100%;
		padding: 0;
	}

	.proposal_info li {
		padding: 0 10px;
		width: 25%;
	}

	.proposal_info li b {
		font-size: 14px;
		width: 100%;
	}

	.proposal_info {
		padding: 22px 0 18px;
	}

	.proposal_info ul {
		display: flex;
		width: 100%;
	}

	.proposal_info li:not(:last-child) {
		border-right: 1px solid #ffffff;
	}

	.viewtable_header.desktop {
		display: none;
	}

	.viewtable_header.mobile {}

	.proposal_table .mobile_stikydiv {
		display: flex;
	}

	.viewtable_header img {
		max-width: 120px;
		margin-left: 50px;
	}

	.parts_labor .parts_right {
		width: 370px;
		padding: 0 0 0 30px;
	}

	.parts_labor .parts_left {
		width: calc(100% - 370px);
	}

	.cypers_list::before {
		left: -12px;
		width: 186px;
		height: 48px;
	}

	.cypers_list {
		padding-top: 48px;
	}

	.hangout_box {
		padding: 15px 15px 20px 44px;
	}

	.mission_row .mission_left {
		padding-right: 30px;
	}

	.gogle_review {
		padding: 25px 0 0;
	}

	.gogle_review .hangout_colmn {
		padding: 0 20px;
	}

	.process_row {
		flex-flow: column;
	}

	.second_row .process_row:nth-child(1),
	.third_row .process_row:nth-child(1) {
		flex-flow: column-reverse;
	}

	.process_box .process_colmn {
		width: 100%;
		padding: 30px 22px;
		min-height: 10px;
		min-width: 10px;
	}

	.process_box .process_colmn::before {
		right: 0 !important;
		top: initial !important;
		transform: rotate(90deg) !important;
		width: 11px !important;
		height: 166px !important;
		z-index: 1 !important;
		bottom: -86px !important;
		left: 0 !important;
		margin: 0 auto !important;
	}

	.process_box .process_colmn br {
		display: none;
	}

	.process_top {
		max-width: 635px;
		margin: 0 auto;
	}

	.process_top .process_label {
		font-size: 14px;
		width: 33.33%;
		padding: 20px 12px;
	}

	.process_top .process_label::before {
		background-size: contain;
	}

	.process_top .second::before {
		left: -15px;
		background-size: contain;
		height: 62px;
		width: 240px;
	}

	.third_row .process_row:nth-child(2) .last_colmn::before {
		content: none;
	}

	.third_row .process_row:nth-child(2) .first_colmn::before {
		content: "";
	}

	.guarantee_title .client_close {
		position: absolute;
		left: 10px;
		top: 10px;
		z-index: 1;
	}

	.prev_next_link {
		right: 0;
		text-align: center;
	}

	.guarantee_title {
		padding: 11px 15px 0;
	}

	.recoom_check_span {
		top: -3px;
	}

	.pro_trow>div {
		min-width: 210px;
	}

	.proposal_table .propsal_next {
		display: inline-block;
	}

	.container_sticky {
		bottom: 400px;
	}

	.system_row .unit_div:nth-child(2) div {
		padding: 15px 50px;
	}

	.system_row .unit_div div {
		padding: 15px 10px;
	}

	.page_17.proposals_view .view_inner {
		padding: 20px 15px;
	}

	.invitation_card .info_box h4 b {
		font-size: 12px;
	}

	.invitation_li b {
		font-size: 12px;
	}

	.invitation_li {
		padding: 15px 10px;
	}

	.invitation_card .info_box h4 b {
		display: inline-block;
		width: 100%;
	}

	.customers_love_main {
		padding: 34px 15px 0;
	}

	.payment-schedule-box {
		padding-left: 0;
		flex-wrap: wrap;
	}

	.payment-input {
		min-width: inherit;
	}

	.payment-label {
		min-width: inherit;
	}

	.payment-input input {
		width: 90px;
	}

	.payment-input .ndolar_input {
		width: 150px;
	}

	.addrow_system {
		display: inline-block;
		width: 100%;
	}

	.addrow_system .add_column:first-child,
	.addrow_system .remove_system+.add_column {
		width: 100%;
		border-left: 0;
	}

	.addrow_system .add_column {
		width: 100%;
		border-bottom: 1px solid #ddd;
		border-left: 0;
	}

	.addrow_system .add_column .package_select {
		max-width: 100%;
	}

	.addrow_system .add_column:last-child {
		width: 100%;
	}

	.addrow_warrenty .add_column:first-child,
	.addrow_warrenty .remove_system+.add_column {
		width: 100%;
		border-left: 0;
	}

	.proposal_table.system_custom .viewtable_header {
		display: none;
	}

	.sitebanner {
		transform: inherit;
		left: 210px;
	}

	.maint_amunt {
		font-size: 30px;
	}

	.maint_amunt b {
		font-size: 50px;
	}

	.maint_amunt span {
		font-size: 30px;
	}

	.maint_box li {
		padding: 0 10px;
	}

	.resetbtn {
		top: 0;
		margin: 0 0 20px;
	}
}

@media only screen and (max-width: 700px) {
	.proposal_info  {
        padding: 5px 15px;
    }
	.proposal_info ul {
		display: inline-block;
	}
		.proposal_info li {
			padding: 10px 0;
			width: 100%;
			text-align: center;	
	}
	.proposal_info li:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid #9dbdce;
    }
	.proposal_info li b {
        font-size: 14px;
        width: auto;
    }
}

@media only screen and (max-width: 991px) {
	.compose_tabs .nav-tabs>li>a {
		padding: 7px 20px 4px 6px;
		min-width: 10px;
		letter-spacing: 0;
	}

	.col-lg-6:first-child .system_box {
		margin-bottom: 30px;
	}

	.proposal_profile {
		display: inline-block;
		width: 100%;
	}

	.proposal_profile .pro_profile_sidebar {
		margin: 0 auto 20px;
		max-width: 350px;
		width: 100%;
	}

	.proposal_profile .pro_profile_info {
		width: 100%;
		padding-right: 0;
	}

	.proposals_view {
		padding: 30px 15px;
	}

	.parts_lheader .parts_ltitle b {
		font-size: 18px;
	}

	.parts_lheader .parts_ltitle {
		font-size: 26px;
	}

	.parts_lheader .parts_ltitle.plus_title {
		font-size: 40px;
		top: -6px;
	}

	.cypers_list li {
		padding: 15px 10px;
	}

	.recomme_header {
		display: inline-block !important;
		width: 100%;
		text-align: center;
	}

	.recomme_profile {
		justify-content: center;
	}

	.recomme_header .recomme_desc {
		max-width: 500px;
		margin: 20px auto;
	}

	.options_ldiv .options_label:nth-child(3n + 1) {
		clear: inherit;
	}

	.options_ldiv .options_label:nth-child(2n + 1) {
		clear: both;
	}

	.options_ldiv .options_label {
		width: 50%;
	}

	.guarantee_row .guarantee_box,
	.guarantee_row .grid-sizer {
		width: calc(50% - 13px);
	}

	.mis_hangout .hangout_colmn,
	.mis_hangout .grid-sizer {
		width: calc(50% - 13px);
	}

	.mission_row .mission_right {
		max-width: 370px;
		width: 100%;
		margin: 0 auto 30px auto;
	}

	.mission_row .mission_left {
		padding-right: 0;
		width: 100%;
	}

	.mission_div {
		padding: 32px 0 0 0;
	}

	.diffrent_box h3 {
		font-size: 18px;
	}

	.gogle_review {
		display: inline-block;
	}

	.email_contact a {
		font-size: 16px;
		padding: 10px 10px 11px 55px;
		min-width: 270px;
	}

	.email_contact a i {
		left: 5px;
		top: 3px;
	}

	.forward_box .forward_img {
		width: 200px;
	}

	.forward_box .forward_left {
		width: calc(100% - 200px);
		padding: 0 15px;
	}

	.login_right {
		max-width: 550px;
		margin: 0 auto;
	}

	.payment_credit .agreement_detail {
		width: 300px;
	}

	.payment_credit .card_informationn {
		width: calc(100% - 300px);
	}

	.grand_total .grand_label {
		padding: 12px 10px;
	}

	.colmn_count_two {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}

	.agreement_logo img {
		max-width: 200px;
	}

	.system_grid {
		flex-flow: column;
	}

	.system_grid .system_div {
		width: 100%;
	}

	.options_box {
		height: auto;
	}

	.payment_flex .payment-schedule-box {
		flex-wrap: wrap;
		align-items: flex-start;
		padding: 0 0 20px;
	}

	.payment-schedule-box {
		padding-left: 0;
	}

	.agreement_logo.pt-3 {
		left: 0;
	}

	.signatures_box {
		padding: 14px 0 0;
	}

	.container_sticky {
		bottom: 42%;
	}

	.invitation_grid {
		flex-flow: column;
	}

	.invitation_li .package_select {
		margin: 0 auto;
	}

	.invitation_li {
		width: 100%;
	}

	.invitation_li::before {
		width: 100px;
		height: 1px;
		top: inherit;
		bottom: 0;
		left: 0;
		margin: 0 auto;
	}

	.invitation_card .info_box {
		width: 100%;
		padding: 0 0 30px;
	}

	.invitation_card .invitation_info {
		padding: 15px 15px 0;
		flex-flow: column;
	}

	.options_content .unit_div {
		font-size: 14px;
		padding: 10px 5px;
	}

	.d_theader .header_table {
		display: none;
	}

	.system_mspan {
		display: inline-block;
	}

	.system_table.d_theader .unit_div {
		width: auto;
		min-width: 200px;
	}

	.d_theader .system_row .unit_div div {
		padding: 10px;
	}

	.d_theader .system_row .system_title {
		top: -1px;
		bottom: inherit;
		left: 0;
		right: 0;
		width: 100%;
		padding: 5px 0;
	}

	.d_theader .system_row .system_title span {
		transform: inherit;
		position: initial;
		padding: 0;
	}

	.d_theader .system_row {
		overflow-y: auto;
		padding-top: 35px;
	}

	.proposal_table {
		padding: 39px 0 0;
	}

	.proposal_table .table_title {
		top: 0px;
		bottom: inherit;
		left: 0;
		right: 0;
		width: 100%;
		border-radius: 8px 0 0 0;
		font-size: 15px;
		padding: 10px;
	}

	.proposal_table .table_title span {
		transform: inherit;
		position: initial;
		width: 100%;
	}

	.pro_trow .first_div {
		padding-left: 0;
	}

	.process_box .table_title {
		display: none !important;
	}

	.process_box {
		margin-left: 0;
	}

	.customers_love.verify_div>h4 {
		flex-flow: column;
		min-height: 10px;
		text-align: center;
	}

	.customers_love.verify_div .verify_left {
		flex-flow: column;
		padding: 10px 10px 65px;
	}

	.star_top .rating_span {
		width: 100%;
		text-align: center;
		padding-bottom: 10px;
	}

	.customers_love_main .col-md-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.all_table .table_top.d-sm-flex {
		width: 100%;
	}

	.next_btn .blue_btn,
	.next_btn .dark_btn {
		padding: 13px 40px;
	}

	.modal .modal-dialog {
		align-items: flex-start;
	}

	.picker_modal.modal .modal-body {
		max-height: 78vh;
	}

	.customer_agreement p {
		display: inline-block;
		width: 100%;
		padding-left: 0;
	}

	.payment-schedule-box-main .payment-schedule-box {
		width: 100%;
	}

	.payment-schedule-box-main {
		margin-top: 20px;
	}

	.payment-schedule-box p {
		font-size: 13px;
	}

	.sitebanner h4 {
		font-size: 14px;
		font-family: "KumbhSans-Regular";
	}

	.notes_row .otherOptions {
		float: none;
		width: 100%;
		padding: 0 0 10px;
	}

	.notes_row .otherOptions2 {
		float: none;
		width: 100%;
		padding: 0;
	}

	.sitebanner h4 {
		padding: 3px 10px;
		border-radius: 0;
		text-align: center;
	}

	.sitebanner {
		top: 0;
		left: 0;
		right: 0;
		z-index: 2;
	}

	.invitation_card .invitation_info,
	.invitation_card .invitation_grid {
		padding: 15px;
		display: flex;
		flex-flow: initial;
		flex-wrap: wrap;
		text-align: center;
	}

	.invitation_card .invitation_li {
		max-width: 33.33%;
		flex: 0 0 33.33%;
		width: 33.33%;
	}

	.invitation_card .info_box {
		max-width: 50%;
		flex: 0 0 50%;
		width: 50%;
	}

	.invitation_card .info_box,
	.invitation_card .invitation_li {
		padding: 15px;
	}

	.invitation_card .invitation_li::before {
		display: none;
	}

	.package_select .custom_input,
	.package_select .custom_select {
		padding: 0;
		width: 100%;
	}

	.package_select .custom_select {
		margin-bottom: 10px;
	}

	.package_select {
		flex-wrap: wrap;
	}

	.d_theader.d_theader_cust_agmt_dv .system_row .system_title {
		min-width: 800px;
	}

	.sign_write_box .signbtn button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
}

@media only screen and (min-width: 576px) and (max-width:911px) {
	.sales-central-div .tab-center-list {
		margin: 0 auto;
		padding: 0;
	}

	.sales-central-div .tab-center-list li {
		margin: 0 10px 0 0;
		flex: 1;
		width: auto;
	}

	.sales-central-div .tab-center-list a {
		width: 100%;
		font-size: 12px;
		padding: 5px 10px;
		min-width: 132px;
	}

	.sales-central-div {
		margin: 0;
		padding: 0 15px;
		text-align: center;
	}

	.sales-central-div+.add_new_div {
		min-width: 193px;
	}

	.sales-central-div+.add_new_div .new_btn {
		font-size: 12px;
	}
}

@media only screen and (min-width: 694px) and (max-width:911px) {
	.sales-central-div .tab-center-list a br {
		display: block;
	}

	.sales-central-div .tab-center-list a {
		min-width: auto;
	}
}

@media only screen and (min-width: 576px) and (max-width:694px) {
	.sales-central-div .tab-center-list li {
		margin-bottom: 5px;
		margin-right: 0;
		width: 100%;
		flex: auto;
	}

	.sales-central-div .tab-center-list li:last-child {
		margin-bottom: 0;
		margin-right: 0;
	}

	.sales-central-div {
		margin: 0;
	}
}

@media screen and (orientation:landscape) and (max-width: 479px) {
	.container_sticky {
		bottom: 50%;
	}
}

@media screen and (orientation:landscape) and (max-width: 767px) {
	.container_sticky {
		bottom: 62%;
	}
}

@media only screen and (max-width: 767px) {
	.table_top .search_left {
		max-width: 230px;
	}

	.compose_tabs .nav-tabs .nav-item {
		width: 100%;
		margin-bottom: 1px;
	}

	.compose_tabs .nav-tabs {
		border-radius: 10px;
	}

	.compose_tabs .nav-tabs>li>a {
		border-radius: 10px;
		padding: 7px 15px 4px 6px;
	}

	.compose_tabs .nav-tabs>li>a.active,
	.compose_tabs .nav-tabs>li>a:hover,
	.compose_tabs .nav-tabs>li>a.done {
		background-color: #399bcf !important;
	}

	.compose_tabs .nav-tabs>li>a::before {
		content: none !important;
	}

	.compose_tabs .nav-tabs>li>a span {
		width: 28px;
		height: 28px;
		margin-right: 5px;
		top: -2px;
		line-height: 31px;
	}

	.compose_tabs .nav-tabs>li>a.done span::after {
		width: 20px;
		height: 20px;
		left: 0;
		top: 4px;
	}

	.compose_tabs .nav-tabs>li>a.done span::before {
		font-size: 10px;
		line-height: 28px;
		left: 0px;
	}

	.system_collection .sub-title .custom_radio {
		padding-left: 24px;
		font-size: 13px;
		margin-right: 5px;
	}

	.custom_radio span::before {
		top: -2px;
		width: 18px;
		height: 18px;
		border-radius: 3px;
	}

	.custom_radio span::after {
		left: 4px;
		top: 1px;
		width: 12px;
		height: 12px;
		border-radius: 3px;
	}

	.view_ptop_right .first .view_li::before {
		content: none;
	}

	.parts_labor {
		display: inline-block;
	}

	.parts_labor .parts_left {
		width: 100%;
	}

	.parts_labor .parts_right {
		width: 100%;
		padding: 0;
		max-width: 370px;
		margin: 0 auto;
	}

	.cypers_list::before {
		left: -9px;
		width: 196px;
		height: 40px;
	}

	.options_ldiv .options_label {
		width: 100%;
		padding-right: 0;
	}

	.gua_box_inner h3 {
		font-size: 16px;
	}

	.verify_div {
		display: inline-block;
	}

	.verify_div .verify_left {
		border-radius: 8px 8px 0 0;
		width: 100%;
	}

	.verify_div .verify_left::before {
		border-radius: 8px 8px 0 0;
	}

	.verify_div .verfiy_right {
		width: 100%;
	}

	.verify_div .verfiy_right::before {
		border-radius: 0 0 8px 8px;
	}

	.customers_date {
		/*display: inline-block !important;*/
		width: 100%;
		text-align: center;
	}

	.right_gogle {
		width: 100%;
		margin-top: 0;
		display: flex;
		flex-flow: column;
		justify-content: center;
	}

	.right_gogle img {
		max-width: 99px;
		margin: 0 auto;
	}

	.star-rating {
		margin: 0 auto;
	}

	.forward_contect p br {
		display: none;
	}

	.process_top {
		display: none;
	}

	.guarantee_title .inner_title.pages_title {
		padding: 6px 25px 21px;
	}

	.forward_contect .red_white_btn {
		margin-right: 15px !important;
		font-size: 14px;
	}

	.forward_contect .red_radius_btn {
		font-size: 14px;
	}

	.table_top .search_left {
		max-width: 100%;
		padding-bottom: 10px;
	}

	.table_top .table_status {
		justify-content: end;
	}

	.payment_credit {
		display: inline-block;
	}

	.payment_credit .agreement_detail {
		border-radius: 8px 8px 0 0;
		width: 100%;
	}

	.agreement_title {
		border-radius: 8px 8px 0 0;
	}

	.payment_credit .card_informationn {
		width: 100%;
	}

	.agree_check .options_ldiv .options_label {
		width: 100%;
	}

	.printed_form {
		flex-flow: column;
	}

	.printed_form .printed_left {
		width: 100%;
		padding-right: 0;
	}

	.printed_form .printed_right {
		width: 100%;
	}

	.humburger_toggle {
		display: inline-block;
	}

	.main_dashbord {
		padding-left: 3px;
	}

	.main_dashbord .sidebar_menu {
		left: -78px;
		opacity: 0;
		visibility: hidden;
		transition: 0.4s all;
	}

	.sidebar_open.main_dashbord .sidebar_menu {
		left: 0px;
		opacity: 1;
		visibility: visible;
	}

	.red_white_btn.font_14,
	.red_radius_btn.font_14,
	.cont_viewbtn,
	.make_pbtn,
	.view_bluebtn {
		display: inline-block;
		text-align: center;
		margin: 0 10px 7px 0 !important;
		float: left;
	}

	.proposal_btn {
		width: 100%;
		display: inline-block;
	}

	/*.container_sticky {bottom: 50%;}*/
	.header_dancor {
		flex-flow: column;
		align-items: center;
	}

	.good_preview .cont_viewbtn.send_btn {
		float: none;
	}

	.addrow_warrenty {
		display: inline-block;
		width: 100%;
	}

	.addrow_warrenty .add_column {
		width: 100%;
		border-left: 0;
		border-bottom: 1px solid #ddd;
	}

	.tab-content.package_content {
		padding: 20px 15px;
	}

	.system_custom .dark_btn {
		font-size: 13px;
		letter-spacing: 0;
		padding: 12px 10px;
	}

	.not_found h1 {
		font-size: 100px;
	}

	.not_found p {
		font-size: 26px;
	}

	.not_button {
		font-size: 16px;
	}

	.split_amuinfo ul {
		display: inline-block;
		width: 100%;
	}

	.center_maint {
		border-left: 0;
		border-right: 0;
		border-top: 3px solid #33a0d9ad;
		border-bottom: 1px solid #33a0d9ad;
	}

	.maint_box li {
		min-height: 1px;
		padding: 10px;
	}

	.maintselect {
		padding-bottom: 0;
	}

	.maintselect .main_select .font-14 {
		padding-bottom: 20px;
	}

	.number_border {
		border-right: 0;
		border-bottom: 1px solid #33a0d9ad;
		padding-bottom: 30px;
	}

	.center_maint {
		border-left: 0;
		border-right: 0;
		border-bottom: 1px solid #33a0d9ad;
		border-top: 4px solid #33a0d9ad;
	}

	.invitation_li {
		max-width: 50%;
		flex: 0 0 50%;
		width: 50%;
	}


	/* Hasmat CSS 25-05-2022 */
	.proposal_btn_new_group.new_group01 a {
		margin: 8px 8px 0 0 !important;
	}

	.proposal_btn_new_group.new_group02 a {
		margin: 8px 8px 0 0 !important;
		top: -4px;
		position: relative;
	}


	/* End of Hasmat CSS 25-05-2022 */
}

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

	.guarantee_row .guarantee_box,
	.guarantee_row .grid-sizer {
		width: calc(100% - 13px);
	}

	.mis_hangout .hangout_colmn,
	.mis_hangout .grid-sizer {
		width: calc(100% - 13px);
	}

	.forward_box {
		display: inline-block;
		padding: 20px;
	}

	.forward_box .forward_left {
		width: 100%;
		padding: 0 0 30px;
	}

	.forward_box .forward_img {
		max-width: 300px;
		margin: 0 auto;
		width: 100%;
	}

	.forward_btn a,
	.forward_btn button {
		min-width: 10px;
		padding: 10px 20px;
		font-size: 14px;
		letter-spacing: 0;
		margin-bottom: 10px;
	}

	.forward_contect .red_white_btn,
	.forward_contect .red_radius_btn {
		width: 100%;
		margin-right: 0 !important;
		padding: 10px 15px;
	}

	.hangout_slider .slick-list {
		padding: 0;
	}

	.payment_rdiv .custom_radio img {
		max-width: 60px;
	}

	.payment_rdiv .custom_radio .radio_img {
		height: 50px;
	}

	.options_content .unit_div {
		font-size: 14px;
		padding: 10px 15px;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.system_table .system_row .unit_div div {
		min-width: 80px;
		padding: 10px;
	}

	.system_table .header_table .unit_div {
		min-width: 80px;
	}

	.system_table {
		display: flex;
		flex-flow: column;
		overflow-x: auto;
	}

	.system_row .unit_div {
		font-size: 14px;
		width: auto;
	}

	.system_row .system_title {
		font-size: 14px;
		width: 30px;
		padding: 12px 4px;
	}

	.zoom_btn_icon {
		right: 5px;
		bottom: 5px;
		font-size: 14px;
	}
}

@media only screen and (max-width: 575px) {
	footer .copyright_div {
		text-align: center;
	}

	.login_box {
		padding: 22px 15px 30px;
	}

	.login_box .login_form {
		padding: 30px 15px;
	}

	.login_box .login_form::before {
		width: 200px;
	}

	.login_box h3 {
		font-size: 22px;
	}

	.login_main {
		padding: 40px 0;
	}

	.login_main .blue_btn {
		font-size: 14px;
		padding: 10px 15px;
		letter-spacing: 0;
	}

	.login_main .blue_btn::before {
		margin: 2px;
	}

	.table_top .search_left {
		max-width: 100%;
		padding-bottom: 10px;
		margin-top: 10px;
	}

	.table_top .table_status {
		justify-content: end;
	}

	.inner_title {
		margin: 0 0 10px;
	}

	.add_new_div {
		text-align: right;
	}

	.add_new_div .new_btn {
		font-size: 13px;
		padding: 6px 13px;
	}

	.main_dashbord .sidebar_menu {
		width: 50px;
		padding: 9px 5px;
	}

	.main_dashbord .sidebar_menu li a {
		width: 38px;
		height: 38px;
		border-radius: 5px;
	}

	.main_dashbord .sidebar_menu img {
		max-width: 20px;
	}

	.main_dashbord {
		padding: 0 10px 30px 10px;
	}

	.dataTables_paginate .pagination li a {
		width: 28px;
		height: 34px;
		line-height: 34px;
	}

	.dataTables_paginate .pagination li.previous a,
	.dataTables_paginate .pagination li.next a {
		width: 32px;
		height: 32px;
		line-height: 31px;
	}

	.header_account .profile_title {
		display: none;
	}

	.msg_account {
		padding-right: 10px;
	}

	header .logo {
		padding: 4px 0 0;
	}

	header .logo img {
		max-width: 170px;
	}

	.my_profile {
		padding: 30px 15px;
	}

	.nav-tabs .nav-link {
		padding: 1px 15px 16px;
	}

	.system_box li {
		padding-left: 0;
	}

	.system_box li label {
		position: relative;
		display: inline-block;
		width: 100%;
	}

	.system_box select {
		width: 100%;
	}

	.system_box ul,
	.system_collection,
	.system_box .custmor_box {
		padding: 20px 15px;
	}

	.next_btn .blue_btn,
	.next_btn .dark_btn {
		padding: 10px 20px;
		font-size: 14px;
		width: 100%;
		text-align: center;
	}

	.next_btn .dark_btn {
		margin-bottom: 10px;
	}

	.proposals_view .inner {
		padding: 30px 15px;
	}

	.pro_profile_info ul li {
		font-size: 14px;
	}

	.view_ptop .view_ptop_left img {
		max-width: 210px;
	}

	.diffrance_ul li .left {
		font-size: 14px;
		padding-right: 5px;
	}

	.diffrance_ul li .right {
		font-size: 14px;
		padding-left: 5px;
	}

	.mission_div .desc.kumbh,
	.custmore_div .desc.kumbh {
		font-size: 14px;
	}

	.mission_div .desc,
	.custmore_div .desc {
		font-size: 14px;
		line-height: 20px;
	}

	.diffrent_box h3 .diffrent_count {
		width: 40px;
		height: 40px;
		line-height: 43px;
		font-size: 14px;
		top: inherit;
		bottom: -5px;
	}

	.diffrent_box h3 {
		font-size: 16px;
		margin: 0 0 15px 0px;
		padding: 0 0 8px 40px;
	}

	.optional_div .desc {
		font-size: 14px;
		line-height: 20px;
	}

	.forward_contect p {
		font-size: 14px;
		line-height: 20px;
	}

	.free_bigdiv {
		flex-flow: column;
		padding: 15px;
	}

	.free_bigdiv .free_divimg {
		padding: 0 0 20px;
	}

	.free_bigdiv .free_divcontent {
		width: 100%;
	}

	.system_box li label.error {
		position: initial;
		padding-left: 0;
	}

	.main_dashbord .sidebar_menu a .tooltip_hover {
		display: none;
	}

	.sales-central-div {
		margin: 0 0 15px;
	}
}

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

	/*.dtp_modal-content {
	height: calc(100% - 30px);
	transform: inherit;
	top: 0 !important;
	border-radius: 0;
	font-size: 14px;
	padding: 10px;
}
.dtp_modal-calendar {
	width: 210px;
}
.dtp_modal-cell-date{width: 250px;}
.dtp_modal-calendar-cell {
	width: 30px;
	padding: 0;
	height: 25px;
	line-height: 25px;
}*/
	.dtp_modal-cell-date {
		width: 100%;
	}

	.dtp_modal-cell-time {
		width: 100%;
		border-right: 0;
		text-align: center;
		padding-bottom: 15px;
	}

	.dtp_modal-time-block {
		width: 100%;
	}

	.dpt_modal-button {
		margin: 0 auto;
		float: none;
	}
}

@media only screen and (max-width: 479px) {
	.modal .modal-dialog .modal-body {
		padding: 20px 15px;
	}

	.modal .modal-header .modal-title {
		padding: 8px 40px 9px 40px;
	}

	.modal .modal-header .modal-title::before {
		width: 150px;
	}

	.modal .modal-header {
		padding: 0 10px;
	}

	.modal .modal-header .close {
		right: 20px;
		top: 11px;
	}

	.addclient_popup .blue_btn {
		padding: 10px 25px;
	}

	.nav-tabs .nav-item {
		width: 100%;
		text-align: center;
	}

	.nav-tabs .nav-link {
		padding: 10px 0;
	}

	.my_profile .form-group .form-control {
		font-size: 14px;
	}

	.save_changes_btn .blue_btn {
		padding: 10px 20px;
		font-size: 14px;
	}

	.system_collection .sub-title .custom_radio {
		display: block;
		min-height: 20px;
		margin-top: 10px;
	}

	.submited_info .dark_btn {
		padding: 12px 20px;
		font-size: 14px;
		letter-spacing: 0.2px;
	}

	.submited_info h3 {
		font-size: 14px;
		margin: 20px 0 30px;
		letter-spacing: 0;
	}

	.compose_main.proposal_submited {
		padding: 0 0 40px;
	}

	.pro_profile_info p {
		font-size: 14px;
		line-height: 22px;
	}

	.pro_profile_info ul li {
		padding: 0;
	}

	.pro_profile_info ul li b {
		position: relative;
		width: 100%;
		display: inline-block;
	}

	.pro_profile_sidebar ul {
		padding: 0 15px;
	}

	.pro_profile_info p a {
		font-size: 14px;
	}

	.pro_profile_sidebar li b {
		font-size: 14px;
	}

	.pro_profile_sidebar .profile_top .profile_img {
		width: 100px;
		height: 100px;
		border: 2px solid #ffffff;
		bottom: -50px;
	}

	.pro_profile_sidebar .profile_top {
		min-height: 120px;
		margin-bottom: 70px;
	}

	.pro_profile_info .top_title {
		display: inline-block;
		width: 100%;
	}

	.pro_profile_info .top_title h2 {
		margin: 0 0 8px;
	}

	.proposals_view,
	.page_17.proposals_view .view_inner {
		padding: 20px 15px 10px;
	}

	.proposal_table {
		padding: 37px 0 0;
	}

	.proposal_table .table_title {
		font-size: 14px;
		font-family: 'OpenSans-Semibold';
	}

	.pro_trow .first_div {
		padding-left: 0;
		min-width: 150px;
	}

	.proposal_table .listing_ancor {
		padding: 11px 10px 3px 40px;
	}

	.proposal_table .listing_ancor li {
		margin-bottom: 2px;
		padding: 0 5px;
	}

	.proposal_table .listing_ancor a {
		font-size: 13px;
	}

	.proposal_table .listing_ancor li::before {
		height: 10px;
	}

	.inner_title .cypers_air_logo {
		margin-right: 5px;
		max-width: 110px;
	}

	.desc_border {
		font-size: 14px;
		line-height: 22px;
	}

	.parts_labor .parts_right {
		max-width: 220px;
		flex-flow: column;
	}

	.parts_right .avrage_list {
		padding-right: 0;
	}

	.cypers_list::before {
		left: -9px;
		width: 236px;
		height: 48px;
	}

	.cypers_list {
		padding-top: 48px;
		margin-top: 20px;
	}

	.parts_labor .desc {
		font-size: 14px;
		line-height: 20px;
	}

	.parts_lheader .parts_ltitle {
		font-size: 20px;
	}

	.parts_lheader .parts_ltitle b {
		font-size: 15px;
	}

	.recomme_profile {
		display: inline-block !important;
	}

	.recomme_profile h4 {
		padding: 10px 0 0;
	}

	.options_ldiv {
		padding: 12px 15px 0;
	}

	.notes_ftop .notes_right {
		border-radius: 8px;
		font-size: 14px;
		padding: 4px 10px;
		width: 100%;
		border-left: 0;
		height: auto;
		line-height: normal;
	}

	.notes_ftop {
		min-height: 1px;
		padding: 35px 0 0;
	}

	.notes_left .custom_checkbox span {
		font-size: 14px;
	}

	.notes_form {
		padding: 0 15px 10px;
	}

	.hangout_box .hangout_icon {
		left: -17px;
		top: 17px;
		width: 34px;
		height: 34px;
		border-radius: 5px;
		font-size: 16px;
		line-height: 36px;
	}

	.hangout_box {
		padding: 15px 15px 15px 25px;
	}

	.mis_hangout .hangout_colmn {
		padding: 0;
	}

	.mis_hangout .mis_hangoutrow {
		margin: 0 -15px;
	}

	.gogle_review .hangout_colmn {
		padding: 0 5px 0 0;
	}

	.verfiy_right h4 {
		font-size: 14px;
	}

	.verfiy_right h4 .ml-2.pl-1 {
		max-width: 60px;
	}

	.forward_box h3 {
		font-size: 16px;
		line-height: 20px;
	}

	.forward_box .forward_img {
		height: 150px;
	}

	.email_contact a {
		font-size: 14px;
		padding: 40px 10px 10px 10px;
		min-width: 10px;
		width: 100%;
		text-align: center;
	}

	.email_contact a i {
		left: 50%;
		top: 3px;
		transform: translateX(-50%);
		height: 35px;
		width: 35px;
		font-size: 16px;
		line-height: 34px;
	}

	.process_box .process_colmn {
		padding: 23px 10px;
		font-size: 14px;
	}

	.second_row .process_row:nth-child(1) .top_bottom_arrow::after,
	.third_row .process_row:nth-child(1) .top_bottom_arrow::after {
		left: -39px;
	}

	.top_bottom_arrow::after {
		right: -39px;
		top: -7px;
		border-width: 20px;
	}

	.top_bottom_arrow {
		width: 85%;
	}

	.process_box h3 {
		font-size: 16px;
	}

	.process_box .table_title {
		font-size: 14px;
		left: -40px;
		padding: 15px 3px;
		width: 40px;
	}

	.process_box {
		margin-left: 40px;
	}

	.login_right .login_logo h3 {
		font-size: 20px;
	}

	.invitation_content {
		padding: 30px 15px 0;
	}

	.invitation_li {
		padding: 20px 15px;
	}

	.red_white_btn,
	.propasal_btn .red_radius_btn,
	.propasal_btn .red_radius_btn {
		font-size: 14px;
		padding: 10px 30px;
		letter-spacing: 0;
	}

	.cont_viewbtn.send_btn {
		font-size: 14px;
		padding: 10px 30px;
		letter-spacing: 0;
	}

	.invitation_div .desc {
		font-size: 14px;
		line-height: 22px;
	}

	.invitation_div h3 {
		font-size: 20px;
	}

	.custmor_invitation .custmor_inner {
		padding: 15px 15px 0;
	}

	.customer_all_propasal {
		padding: 20px 15px 0;
	}

	.customer_all_propasal .desc {
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0;
	}

	.view_inner.p-4 {
		padding: 21px 15px 20px !important;
	}

	.payment_popup {
		padding-top: 0;
	}

	.expire_cvv {
		display: inline-block;
	}

	.payment_credit .card_informationn,
	.agreement_detail .personal_info {
		padding: 25px 15px;
	}

	.agreement_title {
		padding: 15px 15px;
	}

	.expire_cvv_right {
		width: 100%;
		padding-left: 0;
	}

	.expire_cvv .expire_cvv_left {
		width: 100%;
		padding-right: 0;
	}

	.form-group .visa_card_input {
		background-position: right 10px center;
		background-size: 70px;
		padding-right: 90px;
	}

	.payment_credit .card_informationn .red_radius_btn {
		padding: 10px 30px;
		margin-top: 10px;
		font-size: 14px;
	}

	.customer_setting .red_radius_btn {
		padding: 8px 25px;
		margin-top: 0;
		font-size: 14px;
	}

	.header_table .unit_div {
		min-width: 110px;
		background-color: #0e71a5;
	}

	.limited_content .unit_div {
		min-width: 110px;
	}

	/*.limited_div{display: flex;flex-flow: column;overflow-x: auto;}*/
	.limited_div .limited_content {
		overflow-y: auto;
	}

	.header_table .unit_div {
		font-size: 14px;
	}

	.system_grid .system_div {
		flex-flow: column;
	}

	.system_grid .system_div .system_label {
		font-size: 14px;
		padding: 7px 15px;
		width: 100%;
	}

	.system_grid .system_div p {
		font-size: 14px;
		width: 100%;
		padding: 6px 10px;
	}

	.price_table .price_content .unit_div div {
		padding: 10px;
	}

	.expire_cvv .expir_month_input {
		flex-flow: column;
	}

	.expire_cvv .expir_month_input>div {
		width: 100%;
		margin: 0 !important;
	}

	.expire_cvv .expir_month_input>div:nth-child(1) {
		padding-bottom: 10px;
	}

	.signatures_box.sign_custom {
		padding: 15px 0;
	}

	.viewtable_header.mobile>div {
		min-width: 118px;
	}

	.viewtable_header img {
		max-width: 70px;
		margin-left: 33px;
	}

	.pro_trow>div {
		min-width: 120px;
	}

	.pro_trow label,
	.pro_trow>div>div {
		font-size: 11px;
		line-height: normal;
		padding: 5px;
	}

	.humburger_toggle {
		margin-right: 10px;
	}

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

	.action_btn.min_width {
		min-width: 10px;
	}

	li[data-dt-column="9"],
	li[data-dt-column="10"] {
		/*display: flex;flex-flow: column;*/
	}

	.action_btn.min_width ul {
		display: flex;
		flex-flow: column;
	}

	.action_btn.min_width ul .dropdown-menu {
		right: inherit !important;
		top: 30px !important;
	}

	.action_btn.min_width ul li {
		margin-bottom: 2px;
	}

	.action_btn.min_width ul .dropdown-menu::after {
		right: 51px;
	}

	.action_btn.min_width ul .dropdown-menu::before {
		right: 50px;
	}

	.proposals_view.p-0>.view_inner {
		padding: 21px 15px;
	}

	.add_cart_label .dark_btn {
		font-size: 12px;
		letter-spacing: 0;
		padding: 10px;
	}

	.maintenance_box .pro_trow label,
	.maintenance_box .pro_trow>div>div,
	.checkout-box .pro_trow label,
	.checkout-box .pro_trow>div>div {
		padding: 5px;
	}

	.payment-schedule-box .payment-label {
		width: auto;
		font-size: 14px;
	}

	.payment-schedule-box .payment-input {
		padding: 0 0 0 10px;
	}

	.payment-input input {
		width: 70px;
	}

	.payment-schedule-box p {
		padding: 0;
	}

	.container_sticky {
		bottom: 65%;
		margin-bottom: -2px;
	}

	.shape.guarantee_row1 .guarantee_box {
		padding: 0;
		max-width: 325px;
	}

	.guarantee_bkg h3 {
		font-size: 22px;
	}

	.guarantee_bkg .guarantee_content {
		font-size: 10px;
		padding: 0 36px;
	}

	.guarantee_bkg {
		min-height: 475px;
	}

	.split_box .split_row {
		flex-flow: column;
	}

	.split_row .split_right {
		width: 100%;
		padding-top: 10px;
	}

	.split_box,
	.split_paymentbox .split_pbody {
		padding: 20px 15px;
	}

	.highcharts-figure,
	.highcharts-data-table table {
		min-width: 250px;
	}

	.split_div .slider.ui-slider {
		width: 90%;
		margin: 0 0 10px;
	}

	.split_div {
		flex-flow: column;
	}

	.good_preview .cont_viewbtn.send_btn {
		float: none;
		font-size: 14px;
		padding: 10px 30px;
	}

	.package_table .ptable_th {
		padding: 15px 10px;
		font-size: 13px;
	}

	.package_table .ptable_td {
		padding: 15px 10px;
		font-size: 13px;
	}

	.package_select {
		display: inline-block;
	}

	.package_select .custom_select {
		width: 100%;
		padding: 0 0 10px;
	}

	.package_select .custom_input {
		width: 100%;
		padding: 0;
	}

	.msg_historycon h2 {
		font-size: 23px;
	}

	.sitebanner h4 {
		font-size: 10px;
	}

	.continue_btn {
		font-size: 14px;
		padding: 10px 30px;
	}

	.split_paymentbox .blue_radius_btn {
		font-size: 14px;
		padding: 10px 20px;
	}

	.ptable_row .addedsection .ptable_td {
		padding-left: 10px;
		padding-right: 35px;
	}

	.ptable_row .addedsection .edit::before,
	.ptable_row .addedsection .save::before {
		font-size: 16px;
	}

	.view_img_popup>img {
		height: 100px;
		width: 100px;
	}

	.invitation_card .info_box,
	.invitation_li {
		max-width: 100%;
		flex: 0 0 100%;
		width: 100%;
	}

	.invitation_card .invitation_info,
	.invitation_card .invitation_grid {
		text-align: center;
	}

	.sales-central-div .tab-center-list {
		margin: 0 auto 10px;
		padding: 0;
	}

	.sales-central-div .tab-center-list li {
		margin: 0 10px 5px 0;
		flex: 1;
		width: auto;
	}

	.sales-central-div .tab-center-list a {
		width: 100%;
		font-size: 12px;
		padding: 5px 10px;
	}

	.sales-central-div {
		margin: 0 0 10px;
	}
}

@media only screen and (max-width: 375px) {
	.container_sticky {
		bottom: 71%;
	}
}

@media only screen and (max-width: 374px) {
	/* .table_status select {
		width: 150px;
	} */
	.all_table .table_top .row .col-auto:nth-child(2) {
		width: 78%;
	}
	.all_table .table_top .row .col-auto:nth-child(2) .form-group label{
		white-space: break-spaces;
	}
	.hangout_slider .slick-slide {
		padding: 0 15px 0 30px;
	}

	.modal .modal-header .modal-title {
		font-size: 14px;
	}

	.payment_rdiv .red_radius_btn {
		padding: 13px 30px;
		font-size: 14px;
	}

	.form-group .visa_card_input {
		background-size: 50px;
		padding-right: 70px;
	}

	.grand_total .grand_amunt,
	.grand_total .grand_label {
		padding: 10px 10px;
		font-size: 14px;
	}

	/* Hasmat CSS 25-05-2022 */
	.proposal_btn_new_group.new_group01 a {
		margin: 5px 5px 0 0 !important;
		font-size: 12px;
	}

	/* End of Hasmat CSS 25-05-2022 */
}

@media only screen and (max-width: 350px) {
	.proposal_btn_new_group.new_group01 a {
		margin: 5px 5px 0 0 !important;
		font-size: 11px;
		padding: 4px 10px;
	}
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
	.container_sticky {
		bottom: 58%;
	}
}

@media(max-width: 640px) {
	.invitation_card .invitation_li {
		max-width: 50%;
		flex: 0 0 50%;
		width: 50%;
		padding: 10px;
	}

	.invitation_card .invitation_grid {
		padding: 10px 10px;
	}

	.compressorin_system .compre_system_box .compre_item .compre_field .edit_icon_button .edit_button {
		max-width: 20px;
		min-width: 20px;
		height: 20px;
		border: 0;
	}

	.compressorin_system .compre_system_box .compre_item .compre_field .edit_icon_button .edit_button i {
		font-size: 10px;
	}
}

@media(max-width:479px) {
	.compressorin_system .compre_system_box .compre_item .compre_field .edit_icon_button {
		flex-direction: column;
	}

	.invitation_card .invitation_li {
		max-width: 100%;
		flex: 0 0 100%;
		width: 100%;
		padding: 0 0 10px;
	}
}

@media(max-width: 1150px){
	.cypers_list {
		padding-top: 48px;
	}
}

@media(max-width: 767px){
	.cypers_list {
		padding-top: 38px;
	}
	.parts_labor .parts_right .cypers_list::before{
		width: 100%;
		height: 38px;
	}
	.cypers_list {
		max-width: 187px;
	}
}