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

.nav-tabs.nav-stacked > li > a { padding: 0px 4px 5px;}
.useradd-code { width: 34% !important;  float: left;}
.pre-quote-fields .halfform .controls .prele-phone {  width: 62% !important; float: right;}
.halfform .controls .useradd-phone {width: 60%;float: right;margin-right: 2%;}

}

@media only screen and (max-width:1180px) {
	.search-section ul.searchsection-jobsorder, .search-section ul.fourlayers {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width:1024px) {
.quote-termconditions { width: 390px;}
.finalpayseciton {height: 510px;}
.content-section .name {width:195px;}
.client-itemadd ul li label {width: 100%; padding-bottom:10px;}
p.imgpath-mainsecion {width: 100%; margin: 10px 0 0;}
.client-itemadd ul li span.client-itemname {width:100%;float: right;}

.thankyou-quote {width:100%; margin: 0 0 9% 0%;}
/*--.client-detailview h1.main_title {margin-bottom: 60px;text-align: left;}--*/
.client-detailview .item-describe {width:45% !important; float:left}
.client-detailview .itemdetailbox li.itemimg {margin: 15px 0 0; padding: 30px 0 30px 78px;}


/*----------------------Dasbboard------------*/

.container-dashboardnew { 
	width: 100%;margin: 0 auto;
	/* padding: 0 20px; */
}
.iconn-wrapper { padding: 12px;}
.totalorder-meter ul li { padding: 0 10px 0;}
.totalorder-meter ul li.order-quantity {font-size: 24px;}
.totalorder-meter ul li.order-name {font-size: 14px;color: #636363;}

.orderstraffic-table th {font-size: 16px;}

.repeat-orderschart .totalorder-cart { left: 50%; top: 42%; width: 140px; height: 140px; padding: 13px 0 0;}
.totalorder-cart p {margin: 11px 0 0;font-size: 33px;}
.totalorder-cart p span { font-size: 13px;margin: 8px 0 0;}

.repeat-orderschart {height: 370px;}
.numbers-orderchart { height: 370px; float: right;}
.repeat-orderschart .repeat-orderschart-legend ul li {margin: 0 4px;}
.notification-section {width: 60% !important;}
.button-separte { width:100%; height:auto; float:left;}
.numbers-orderchart figure {margin: 20px 0 0 0;}
.stage-chileprocess ul { width: 60%;}
.stage-chileprocess ul li label { width: 225px;}

.order_page_mid_container #jobs_view_scr .itemviewbox .subtet p.bg_red {float: left;width: 100%;}


.halfform .controls .useradd-phone {width:63%;}
.parentservice-ul { width:260px; float:left;}
.parentservice-ul label { width:90%;}
.prele-phone {width:57%!important;float: left;}
.logo_main { margin-left: 15px;}
.search-section-left ul { text-align: center;}
.search-section-right ul {text-align: center;}
.search-section-left ul li input { width:100%;}

.navbar .greeting-section .dropdown-toggle { max-width: 165px;}
.search-section-left { width: 100%; margin-bottom:10px;}
.search-section-right {  width: 100%; height: auto; float: right;}

.search-inputfields { width:88%; float: right;}

/*-------------------------------*/

.useradd-code { width: 28% !important; float: left;}
.pre-quote-fields .halfform .controls .prele-phone {width: 68% !important;    float: right;}

.addbutton { float:none!important; margin-bottom: 10px;}

.pre-quote-fields .halfform label { width:100%!important;}
.pre-quote-fields .halfform .controls {width: 100%!important;margin: 0!important;}

.titlebold.pre-quote-title {margin: 15px 0 30px!important;}
.pre-qoute-header img {  width: 40px;}

p.labelcontent { width:45%!important; float:left;}

.mean-dashboard {
    padding: 120px 20px 20px 162px;
}
.common-area {
    grid-template-columns: repeat(3, 1fr);
}
}




@media only screen and (max-width:1023px) {
.search-labels { width: 100%; float: left; clear: both; padding-top: 0px;padding-bottom: 10px;} 
.search-section ul.searchsection-jobsorder .search-labels .search-term { margin:0;}
.search-inputfields { width: 100%; float: right;}

.search-section ul.searchsection-jobsorder { text-align: center !important;}
.jobcost {width: 100% !important;}
.log_xero_div{ width:100%;}
}




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


.editquote-rowtop { padding: 0 16px; box-sizing: border-box;}
.editquote-rowtop ul li {width: 100%;}
.editquote-rowtop ul li label { width: 19%;text-align: left;}
.editquote-rowtop ul li p { width: 80%;}
.editquote-rowtop ul li.full {width: 100%;}
.editquote-rowtop ul li.full label {width: 19%;}
.editquote-rowtop ul li.full p {width: 80%;}
#cssmenu > ul > li > a.sixmenu {padding: 1.6em 1em 1.4em 0.9em;}
.editquote-rowservices {width: 80%;}
.editquote-rowservices-repeat { padding: 10px 0 0 10px;box-sizing: border-box;}

.editquote-rowservices-repeat ul li { float: left; margin-bottom: 5px; width: 100%;}
.editquote-rowservices-repeat ul li label {width: 30%; float: left;  text-align: left;}
.editquote-rowservices-repeat ul li p {width: 68%;}
.editquote-rowservices-repeat ul li.full label { width: 32%;}
.editquote-rowservices-repeat ul li.full p { width: 68%;}
.editquote-main { width: 100%;height: auto; float: left; margin-top: 15px;}

.pay-container { width: 80%;margin: 0 auto;}
.pay-row .right {width: 100%;float: left;}
.pay-row .card-section {width: 100%; margin-top: 15px;}
.paynew-form .cardno-form {width: 100%; height: auto; float: left;margin-bottom: 20px;}
.paynew-form .month-form { width: 33%;}
.paynew-form .year-form { width: 30%;}
.paynew-form .cvv-form { width: 33%;}

.repeat-service {height: auto; position: relative;right: 0; top: -3px; float: right; margin-right: 0px;overflow-x: auto;}
.alterservice { width: 100% !important;}
.riskservice {width: 100% !important;}
	
.modal-body .riskservice {width:100% !important;}
.modal-body .alterservice {width:100% !important;}
.repeat_section, .total_section {width: 100%;}
.quote-termconditions { width:100%;}
td.mobilehiddentd { display:none !important;}
.newcheckbox label { font-size: 0px;line-height: normal; margin: 0;}
.payhis-rightalign { text-align:left;}
.finalpayseciton {height: 820px;}
.qouteicon span .tooltip { word-break:normal;word-wrap: break-word;}

td.extrabuttons { padding: 0 !important; margin:0;}
a.quote-ok { float: none; margin-right: 0px !important; padding: 10px 19px !important; margin-top: 0px !important; text-align: center;}
a.quote-cancel {padding: 10px 19px !important; margin-top: 10px !important; margin-right: 0 !important;text-align: center;width: 45% !important;}

.content-section .name {width:260px;}
.clientquote-form input.clinet-parcelsize { width:30%;}

/*----------------------Menu Resonsive---------------*/
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}

.clientquote-form .halfform .controls input, .clientquote-form .halfform .controls select, .clientquote-form .halfform .controls textarea { width: 96%;}
a.clientadd-more {margin-right: 4% !important;}
a.clientadd-moreitems { margin-right: 2% !important;}
.footer-content {margin-left: 0px;margin-right: 0px;}

.clientquote-form .halfform .controls input#item_category_other, .clientquote-form .halfform .controls input#item_brand_other, .clientquote-form .halfform .controls input#item_color_other, .clientquote-form .halfform .controls input#item_condition_other, .clientquote-form .halfform .controls input#item_material_other, .clientquote-form .halfform .controls input#item_accents_other, .clientquote-form .halfform .controls input#item_texture_other, .clientquote-form .halfform .controls input#item_pattern_other {position: relative;left:0px;top: 10px;width:96% !important;}


.client-detailview h1.main_title {margin-bottom: 20px; text-align: center;}
.client-detailview-topbutton {width: 100%; height: auto; float: left;position: relative; right: 0; top: 0; margin-bottom: 30px; text-align: center;}
.client-detailview .jobdetailpage ul li { float: left; margin-bottom: 10px; width: 100%; color: #000; font-size: 14px; font-weight: normal;margin-left: 0%; box-sizing: border-box; margin-right: 0%; text-align: left;}
.client-detailview .jobdetailpage ul li label {width: 50%;text-align: right;}
.client-detailview .item-describe {margin: 0; width: 40% !important; float: left;}

.client-detailview .itemdetailbox li.itemimg {margin: 15px 0 0; background: none; padding: 20px 0 20px 0px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 100% !important; box-sizing: border-box;}

.client-detailview .itemdetailbox li.itemimg label {width: 50% !important; text-align: right;}
.client-detailview .itemdetailbox li.itemimg .itemimg-rowsection {width: 47%; float: right;}

.manageitembox ul li { width:100%;display: block;float: none;}
.manageitembox ul li .subtet {width: 100%; margin-top: 10px;}

.qd-tablesection td .small_img { float: none;margin-bottom: 10px;}

/*-----------------Dasboard-------------------*/

.search-section-left { width: 100%;}
.search-section-left ul {text-align: center;}
.search-section-right { width: 100%;margin-top:0px;}
.search-section-right ul {text-align: center;}
.search-section-right ul li.select-product a.downlaodcsv {top: -21px;}

.totalorder-meter .iconn-wrapper {padding: 12px;}
.totalorder-meter ul {    
	margin: 0 !important;
    padding: 0;
    border: none;
}
.common-area {
    grid-template-columns: repeat(2, 1fr);
}
.totalorder-meter ul li.borderright {border-right: none;}

.dashbaordchart {width: 100%;margin-bottom: 16px;}
.repeat-orderschart {height: auto;}
.numbers-orderchart {height: auto;}
.orderstraffic-chart { height: auto;}
.typeofproject-chart { height: 440px;}

.notification-section { width: 100% !important;}
.orderstraffic-table tr td {text-align: left !important;}
.orderstraffic-table table td .servicesbold {text-align: left !important; font-size: 18px;}

.repeat-orderschart .totalorder-cart { left: 50%; top: 47%; width: 320px; height: 320px;    padding: 13px 0 0;  display: flex;  justify-content: center;   align-items: center;}
.repeat-orderschart .repeat-orderschart-legend { width: 100%; height: 60px;}




.footer-info {
    text-align: center;
    width: 27.333% !important;
    margin-left: 2%;
}
.footer-form {padding: 0px 0px;}
.footer-form form { padding-left: 20px; padding-right: 0px;}	
.footer-form input { padding: 1em 0;}
.footer-content-col ul.footerlinks li {padding: 2px 0px;}
.footer-content-col ul.footerlinks li a { font-size: 14px;}
#section-footer strong {font-size: 14px;}


.client_voucher_section .halfform { width: 100% !important; height: auto;margin-right:0%;}
.mdn { display:none;}

.client-qt-signuprow label { width: 96% !important;}

.quote-iconindicator-mobie { width:100% !important; float:left;height: auto !important;}

.stage-chileprocess ul { width: 75%;}
.stagepage-checkboxgroup { width: 100%;float: left;}


.reports_downlaodsection ul li input { width:200px !important;}
.reports_downlaodsection ul li select { width:200px !important;}


.mergeuser-row .control-group label { width:80%; line-height:25px; padding:0;}
.permissiontable td { width:100%;}

.qstep_2_related .no-more-tables td {padding-left:28% !important; white-space:normal;}
.qstep_2_related table td.itemcol { white-space: normal;}
.qstep_2_related .no-more-tables table.table-condensed td { padding: 0px 8px;}
.qstep_2_related .table-bordered td {min-height: 30px;border-radius: 0 !important;}
.qstep_2_related .table-bordered td::before { width: 24%!important;}


.qstep_2_table .no-more-tables td {padding-left:25% !important; white-space:normal;}
.qstep_2_table .table-bordered td {min-height: 30px;}
.qstep_2_table table tr td {  padding: 0px !important;     padding-left: 0px; line-height: 16px;}

.prele-phone {width:81%!important;float: left;}
.logo_main { margin-left: 0px;}
/* .logo_main img { max-width: 50px;} */
.navbar-inner { padding: 15px 0px 10px; gap: 30px;}
.navbar .btn-navbar { margin-top: 12px;}
.pqi { padding:0 10px!important;}
.lb-data .lb-close {margin: -5px 15px;}
.jobcost{  width:100% !important; padding-top: 10px; word-break: break-all !important; clear:both !important;}


.sendreutrn .sendreturn-contnt {  width: 100%;  float: right; margin-right: 0;}
.sendreutrn .small_img {  width: 120px !important; height: auto !important;}
.sendreutrn .small_img img {  min-height: 70px !important;  max-height: 78px !important;}
.returndate {  width: 100%; float: left; margin-top: 6px;}

.new-qstep_2_scroll { padding:0;}

.sendreturnbutton { padding-bottom: 10px;}
.sendreutrnheading h2 { padding-top: 10px;}
.sendreutrn-table table.sendreutrn tr td { padding: 10px 4px;}
.sendreutrn-table table.sendreutrn { margin: 0;}

.fourlayers .search-input-wrapper input { width: 100%;}
.search-section ul.searchsection-jobsorder li select {  height: 42px;    width: 100%;}
.search-section ul li button { width: auto;padding: 0px 16px;font-family: 'Europa' !important;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;}
.search-section ul li a.clearsearch { margin: 0px 4px;}
.search-section ul li a.downlaodcsv {  padding: 10px 10px;}
li.drp_down_btn button {min-width: 469px !important;margin: 0;font-weight: normal;color: #545454 !important;font-size: 15px !important;text-transform: capitalize;}	

.mng-qt-itm { width:100%; float:left; padding:0px;}
.mng-qt-itm ul {padding:0 10px;}
.mng-qt-itm ul li.full-table-width-w-black-border { width:100%!important; margin:10px 0 0px!important; list-style:none;}


/*------------------*/

.pre-quote-fields .padding_equal { padding: 0 15px !important;}
.pre-quote-fields .halfform .controls { width: 100%;margin: 0;}
.pre-quote-fields .halfform label { width:100%;}
.pre-quote-fields .halfform .controls .prele-phone { width:70% !important;}
.search-section-left ul li { margin: 0 20px 10px 0;}
.parentservice-ul { width:490px; float:left;}
.client-qt-signuprow.padding_equal label {width: 96% !important;float: right !important;}
.jobs-pq-popup-itemnae { width:100%;}
.jobs-pq-popup-itemdes {width:100%;}
.modal-header h3 {font-size: 20px;}



/*------------QR--------------*/

.new-step1table {border-top: none; margin-bottom: 15px;}
.new-step1table .new-step1table-strong strong {font-family: 'Europa';color: #000;font-weight: 600;font-size: 16px;}
.qstep_2_select { padding: 0 0px;margin:18px 0 20px; text-align:left;}
.qstep_2_select label {font-family: 'Europa';color: #000;font-size: 16px;}
.relateditem-mobile {
	color: #536c52;
}
/* .qstep_2_select select { margin: 0; border: solid 1px #afafaf !important; border-radius: 2px;} */

.new-step1table ul li .new-step1table-shortdes { width: 100%; float: left;padding: 6px 0;}
.new-step1table ul li .new-step1table-shortdes a {  color: #000; font-size: 15px; text-decoration: none; padding: 10px 12px; display: block;}
.new-step1table ul li .work_btn, .new-step1table ul li .todo_btn, .new-step1table ul li .done_btn { width: 100%;  float: left;text-align: right; padding:3px 12px;}
.new-step1table ul li .todo_btn a, .new-step1table ul li .work_btn a, .new-step1table ul li .done_btn a {  width: 100%;  padding: 15px 0; text-transform: uppercase;border: 2px solid #566B50; color: #566B50; float: left; text-align: center;background: #fff; font-size: 15px !important; letter-spacing: 1px; text-shadow: none; font-family: 'Europa' !important; font-weight: bold; margin-bottom: 15px;border-radius: 0;}
.new-step1table ul li .todo_btn a:hover, .new-step1table ul li .work_btn a:hover, .new-step1table ul li .done_btn a:hover { text-decoration:none;}



.qstep_2_img {  text-align: left;}
.qstep_2 .qstep_2_img .job_rotate_itemname p span {  display: block; color: #979797; font-size: 13px;}

.relateditem-desk { display:none!important;}

.buttonabso {margin:0px !important;padding: 11px 15px 0;}
.qstep_2_related { width: 100%;  float: left; overflow: auto; margin-bottom: 7px; margin-top: 0px; position: fixed; top: 0; left: 0; z-index: 9999; height: 100%;background-color: rgba(0 , 0 , 0 , 0.5) !important;}
.qstep_2_related ul {  position: fixed; left: 0; bottom: 0;  width: 100%;    background: #fff;    height: 70%;}
.qstep_2_related .qstep_2_related_tables {width: 100%;height:100%;overflow: auto;position: absolute;bottom: 0px; padding-bottom: 20px; padding-top: 67px;}
.qstep_2_related .qstep_2_related_tables tr { border: none;}
.qstep_2_related .qstep_2_related_tables table {border-radius: 0;border: none !important;}
.qstep_2_related .qstep_2_related_tables table td {border-radius: 0;border: none !important; padding-top: 10px !important;padding-bottom: 10px !important;color: #000;font-size: 13px;}
.qstep_2_related .qstep_2_related_tables table td::before { color: #605f5f!important;font-size: 12px!important;letter-spacing: 1px!important;left: 12px!important;}
.qstep_2_related .qstep_2_related_tables table td.relateditem-viewlink { padding:5px 12px 18px !important;}
.qstep_2_related .qstep_2_related_tables table td.relateditem-viewlink a {width: 100%;padding: 15px 0;background: none;text-transform: uppercase;border: 2px solid #566B50;color: #566B50;display: block;letter-spacing: 1px;text-shadow: none;font-family: 'Europa' !important;font-weight: bold;font-size: 15px !important;text-align: center;background: #fff;}
.qstep_2_related .qstep_2_related_tables table td.relateditem-viewlink a:hover { text-decoration:none;}

.qstep_2_related strong.item-services-modal-view-heading { font-size: 18px; text-transform: uppercase; padding: 18px 0; display: block; margin: 0;text-align: center; letter-spacing: 2px;    background: #fff; position: relative; z-index: 99;}
.qstep_2_related a.related-cross-mobi { font-size:0;background:url(../img/crossitem.png) center center no-repeat;width: 15px;float: right;position: relative;top: -55px;right:20px;background-size: 13px;z-index: 99;}

h2.mobheading, h3.mobheading {font-size: 18px!important;margin: 0 0 15px!important;padding:15px 0 15px!important;display: block!important;border-bottom: solid 2px #ededed!important;text-align: center!important;text-transform: uppercase!important;font-weight: 600!important;line-height: 23px!important;font-family: 'Europa';letter-spacing:1px; color:#000;}

.qstep_2_buttun button, .qstep_2_buttun a {font-size: 15px!important;border-radius: 0; margin-bottom:15px!important;}

.update-service.qd-submit-section.qd-submit .buttonabso {margin-top: 26px !important;padding: 0; }

.relation-plus-icon.job-add-job.margin-btm-none { margin-bottom:0!important;}

.sidebar-menu {
	max-height: calc(100vh - 60px);
	transition: all ease-in-out 0.3s;
	position: fixed;
	top: 4px;
	border-right: 0px solid #BFBFBF;
	/* overflow-y: scroll !important; */
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	/* padding-bottom: 120px; */
}
.sidebar-menu .nav-tabs.nav-stacked>li>a>svg {
    width: auto;
}
.nav-tabs.nav-stacked>li {
    margin: 0;
}
.nav-tabs.nav-stacked>li>a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #d3c9c9;
    padding: 12px 20px !important;
	width: 100%;
    max-width: 100%;
}
.filter-btns {
    flex-wrap: wrap;
}
.search-section ul.fourlayers {
    display: inherit;
}
.pagination_div {
	flex-wrap: wrap;
}
.quote-table tbody tr td ul li .service-x.jsrbtn {
    right: -11px;
}
.totalorder-meter h2 {
	font-size: 24px;
	line-height: 30px;
}
.circulo-mean .modal {
    height: calc(100vh - 0px);
    min-height: calc(100vh - 0px);
    top: 0;
    padding: 15px;
	width: 100%;
    max-width: 100%;
    min-width: 100%;
	font-size: 30px;
}
.circulo-mean .modal-header .close {
    right: 15px;
    top: 15px;
    background: #fff;
    z-index: 9;
}
.circulo-mean .modal-header h3 {
    font-size: 24px;
}
.item-status-popup .thirdwidth li {
    padding: 12px !important;
	flex-basis: 100%;
    flex-wrap: nowrap;
    gap: 5px;
}
.item-status-popup .thirdwidth li label {
    font-size: 20px !important;
    width: auto !important;
}
.jobdetailpage ul {
	width: 100%;
}
.quote-table tbody tr td ul li .small_img a img {
    min-width: 60px;
    max-width: 60px;
    height: 76px;
}
.quote-table tbody tr td ul li .small_img .item-info {
	gap: 5px;
}
.scandetail.jobdetailpage ul.thirdwidth {
    gap: 12px;
    flex-wrap: wrap;
}
.circulo-mean .modal form {
	padding: 0;
}
.mobile-only a.btn.btn-navbar.collapsed-button {
	position: fixed;
	top: 9px;
	z-index: 2;
	right: 20px;
	margin: 0 !important;
	padding: 0px !important;
	line-height: 0;
	background: transparent !important;
	border: none;
}
.mobile-only a.btn.btn-navbar.collapsed-button svg path {
    fill: #536c52;
}
.mean-navbar .navbar-inner {
    width: 87%;
}
.mobile-only #sidenavi {
    height: calc(100vh - 60px);
    overflow: scroll;
    padding-bottom: 30px;
}
.sidebar-menu .nav-tabs.nav-stacked>li.active_left>a>.sidebar-nav {
    border-bottom: 0px;
    padding-bottom: 0;
    font-weight: bold;
    color: #536c52;
}
.navbar .greeting-section .dropdown-toggle img {
    margin-right: 2px;
    width: 28px;
    height: 28px;
}
.page-filter-form {
    gap: 12px;
    margin-bottom: 5px;
}
.no-more-tables table.table-condensed th, .no-more-tables table.table-condensed td {
	padding: 10px;
	font-size: 15px;
}
.search-section .add-btn a.relation-plus-icon.ng-scope {
	margin-bottom: 0px;
}
.quote-table tbody tr td ul li {
	padding: 0 10px 10px;
}
.quote-table tbody tr td ul li .border {
	margin: 5px 0;
}
.search-section .add-btn a.relation-plus-icon.ng-scope {
	padding: 6px 10px;
	margin-bottom: 5px !important;
}
.btn-toolbar .job-search-section form {
	margin: 0 0 5px;
}
}






@media only screen and (max-width:767px) {
.log_xero_div{ width:100%;}
.jobcost {width: 100% !important;}	
li.drp_down_btn button{min-width: 268px !important;font-weight: normal !important;color: #545454 !important;font-size: 15px !important;text-transform: capitalize;font-family: 'Merriweather', serif !important;}
.dropdown-menu-ul-stages {width: 269px !important;}

body { font-size: 12px;}

.footer-content-col{width: 100% !important;margin-bottom:1%;margin-left: 0; padding:0 15px !important;    box-sizing: border-box;}
.submenu-span1 { display: block;position: absolute;right: 0;top: 0;height:78px;width:100%;background:url(../img/collpase-plus.png) right center no-repeat; cursor:pointer;}
.submenu-span2 { display: block;position: absolute;right: 0;top: 0;height:78px;width:100%;background:url(../img/collpase-plus.png) right center no-repeat; cursor:pointer;}

li.different .submenu-span1 {background:url(../img/collpase-minus.png) right center no-repeat;}
li.different2 .submenu-span2 {background:url(../img/collpase-minus.png) right center no-repeat;}

.mainlinks { display:none;}
#cssmenu{width:100%}
#cssmenu ul.open {border-top: 1px solid #2c2c2c;}
#cssmenu ul{width:100%;display:none; padding: 0 0px;background: #212121;}
#cssmenu ul li{width:100%;border-bottom:1px solid #2c2c2c}
#cssmenu ul li:hover{background:#212121;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a, #cssmenu ul ul li a{width:100%;border-bottom:0;text-align: left;color: #fff;padding: 1.8em 2em;} 
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#212121;text-align: left;}
#cssmenu ul ul li:hover{background:#212121;}

#cssmenu > ul > li.different { background:#262626 !important;}
#cssmenu > ul > li.different ul li {background:#262626 !important;}
#cssmenu > ul > li.different ul li:hover a {background:#262626 !important;}
#cssmenu > ul > li.different a.droparrow {opacity: 0.4;}

#cssmenu > ul > li.different2 { background:#262626 !important;}
#cssmenu > ul > li.different2 ul li {background:#262626 !important;}
#cssmenu > ul > li.different2 ul li:hover a {background:#262626 !important;}


#cssmenu > ul > li > a.droparrow:before { display:none;}

#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#fff;background:none}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a{color:#fff;background:#212121!important;}
#cssmenu ul ul, #cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:0px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;left:0;top:-60px;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:12px;width:20px;border-top:4px solid #fff;border-bottom:4px solid #fff;content:''}

.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:14px;right:20px;display:block;height:4px;width:20px;background:#fff;content:''}

.button.menu-opened:after{position:absolute;top:22px;right:20px;display:block;height:12px;width:20px;border-top:4px solid #fff;border-bottom:4px solid #fff;content:''}
.button.menu-opened:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:14px;right:20px;display:block;height:4px;width:20px;background:#fff;content:''}

#cssmenu > ul > li.dropli > i.open1 {display:inline-block;position: absolute;left: 110px;top: 25px;cursor: pointer;}
#cssmenu > ul > li.dropli2 > i.open2 { display:inline-block;position: absolute;left: 117px;top: 25px;cursor: pointer;}


#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display: block;border-left:none;height:100%;width: 70px;cursor: pointer;}
#cssmenu .submenu-button.submenu-opened {opacity: 0.4;}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position: absolute;top: 33px;right: 36px;width:7px;height: 1px;display: block;background: #fff;content: '';}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px;}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position: absolute;top: 30px;right: 56%;display: block;width: 1px;height: 7px;background: #fff;content: '';}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top:none}
#cssmenu > ul > li > a.sixmenu {padding: 1.8em 2em;}
#cssmenu > ul > li > a.orangemenu {margin:0em;}
#cssmenu > ul > li.orangemobi {float: left !important;width: auto !important;padding: 1.8em 0em;line-height: 13px;}	
#cssmenu > ul > li.firstorangelink {padding-left: 20px !important;}
#cssmenu > ul > li a.orangecolour {/*--color:#566B50 !important;--*/}

.header-logo { width:100%; float:left; height:auto;text-align: center;margin:0px 0 10px; display:none;}
#section-header { background: #212121;border-bottom: none;padding-top: 10px;}
.headertop {padding: 0px 0 0;}
.header-menu {margin-bottom:0px;z-index: 9;}



	.reportbug-main {top: 50%;right: 50%;width: 300px;height: 300px;overflow: auto;transform: translate(50%,-50%);border-radius: 10px;}
	.reportbug-main label.control-label { width:100%;}
	.reportbug-main .controls {margin-left: 0;}

	.repeat-service {height: auto; position: relative;right: 0; top: -3px; float: right; margin-right: 0px;overflow-x: auto;}
	.alterservice { width: 100% !important;}
	.riskservice {width: 100% !important;}
	
	.modal-body .riskservice {width:100% !important;}
	.modal-body .alterservice {width:100% !important;}
	.notification-text { text-align:center;}
	.content-section {text-align:center;}
	.notification-text .notification {width: 100%;text-align: center;justify-content:center;padding: 0px 0px 15px 0px;}
	.qd-tablesection { width:100%; height:auto; float:left;}
	.qd-tablesection table { float:left; -webkit-overflow-scrolling:touch;}
	.finalpayseciton {height: 510px;}
	.update_payment_page .paynew-form .addcardbutton .add-now-btn { width: 100%;}
	.qouteicon span .tooltip { width:200px !important; word-break:normal;word-wrap: break-word; left:-165px !important;}
	.qouteicon span .tooltip .tooltip-arrow {bottom: 0;left:78% !important;}
	.qouteicon { margin: 6px 0 0px 0 !important; display:inline-block;}
	.qouteicon i { margin-right: 20px; margin-bottom: 8px;}
	a.quote-cancel {width:100% !important;}
	
	.settingemail-tabs ul li { display: block; border-right:none; border-bottom: solid 1px #dbdbdb;}

.notification-text .content-section .green-icon {float:none; display:inline-block;}
.notification-text .content-section .red-icon {float: none;display:inline-block;}
.notification-text .content-section .yellow-icon {float: none;display:inline-block;}

.notification-text .content-section .name {width: 100%; padding:3px !important;margin-left: 0;}
.notification-text .content-section .time {float:left; width:100% ;padding:0 !important;margin-left: 0;}
.notification-text .content-section .work {float:left;width:100%;padding:0 !important;margin: 0}

.clientquote-form input.clinet-parcelsize { width: 96% !important; margin-bottom: 10px;}
.client-itemadd ul li .imgpath-row { width: 100%; float: left;margin: 0 0 10px;}

.client-detailview .jobdetailpage ul li {margin-bottom: 20px;}
.client-detailview .jobdetailpage ul li label {width: 100%;text-align: left;}
.client-detailview .item-describe {margin: 0;width: 100% !important; float: left; text-align: left;}
.client-detailview .itemdetailbox li.itemimg label {width: 100%; text-align: left; margin-bottom:10px;}
.client-detailview .itemdetailbox li.itemimg .itemimg-rowsection {width: 100%; float: right; text-align: center;}

.search-section-left ul li { margin: 0 0px 10px 0;width: auto !important; display:block;}
.repeat-orderschart .totalorder-cart {left: 50%; top: 47%;width: 250px; height: 250px;}
.notification ul li p { text-align: center;}
.repeat-orderschart .repeat-orderschart-legend { width: 100%; height:70px;}
h1.heading-chart {text-align: left;}

.jobdetailpage .fullwidth .item-images img { width:140px !important; float:none!important;}
.partnerflow-shadowbox {padding: 0;width: 280px;border: none;}	
.partnew-halfcol {  width: 100%;}


.partner-container { width: 290px; margin: 0 auto;}
.partnerflow-steps {width:100%; height:auto; float:left; display:none;}
.partnerflow-steps-mobi { display:block;margin:0px 0 44px;}
.partnerflow-shadowbox .client-itemadd ul li .imgpath-right {  float: left !important; width: 70px !important;}
.partnerflow-shadowbox .client-itemadd ul li .imgpath-row {   width:190px;  float: left; text-align: left; float: left; text-align: left; min-width: auto;}
.partnerflow-shadowbox .upload-imgpath {width: 100%; margin:15px 0 0 !important;display: block;}


.collection_ordernumbers label {width: 200px;text-align: left;}
.partnerflow-shadowbox .collectionlabel label {text-align: left; width: 210px;}
.signaturecanvasmain { position:relative; overflow:hidden; width:100%;}
.signaturecanvasmain::before { content:''; position:absolute; right:0; width:1px; height: 150px;background: #000;bottom: 6px;}
.collecupate-ordernurm span {display: inline-block;float: left;width:230px;margin-bottom: 15px;}
.stagepage-checkboxgroup .halfform { width: 100%; float: left;}
.job_rotateimg_main {width: 80px; float: none; display: inline-block;}
.partner_formsetup .partner_formsetup_container { width: 95%;}
.partner_formsetup .partner_formsetup_left { width: 100%; height: auto; float: left;}
.partner_formsetup .partner_formsetup_center {width: 100%; height: auto;float: left;padding: 20px 0px;}
.partner_formsetup .partner_formsetup_right {  width: 100%; height: auto;}
.partner_formsetup ul {width: 100%;height: auto;}

.reports_downlaodsection ul li input { width:100%!important;}
.reports_downlaodsection ul li select { width:100% !important;}
.reports_downlaodsection ul li a.downlaodcsvreport { top:0; display:block;}

.formhalf .control-group {width:100%;float: left; margin-left:0%;}
.mergeuser-row .control-group { width: 100%;}
.mergeuser-row .control-group label { width:100%;}
.mergeuser-row .control-group .controls { margin:0;}
label.permision-label { margin-bottom:15px;}
.navbar-inner .container-fluid { padding:0 10px;}
.modal-footer .btn { margin-bottom:0!important;}

.permission-acess.item-order-section { overflow-y: auto;}
.permission-innertable {height: auto;overflow: auto;width: 100%;float: left;}


.permission-body .sidebar {width:100%!important;position: relative!important;box-shadow: none!important; margin-bottom:15px; z-index:0;}
.permission-body .item-order-section { width:100%!important;}

.qstep_1 { padding: 0 15px 15px;}

.qstep_1_left { width: 30%;}
.qstep_1_right { width: 65%; float: left;}

.qstep_2 {padding:0;}
.qstep_2_step li img { max-width: 25px;}
.qstep_2_step li label { font-size:12px; line-height:15px;}

.qstep_3 { padding: 0 8px 8px;}
.qstep_3 ul li .left a {  font-size: 12px;}

.qstep_3 ul li .rigth { font-size: 12px;}

.qstep_4 { padding: 0 8px 8px;}
.qstep_4 ul li .logstatus {padding: 6px 8px;}

.qstep_4 ul li { margin: 0px 0 2px;}
.qstep_4 ul li .logstatus .logstatus-left { width: 50%;font-size: 11px;line-height: 16px; text-align:right;}
.qstep_4 ul li .logstatus .logstatus-right { width: 48%; font-size: 11px; line-height:15px;}
.qstep_4 ul li p { padding: 7px 10px 4px;}
.qstep_4 ul li .logstatus-main { padding: 5px 8px;}
.qstep_3 h3 { font-size: 15px; line-height: 25px;margin: 6px 0;}
.qstep_4 h3 { font-size: 15px; line-height: 25px;margin: 6px 0;}


.qstep_3_button { padding:7px 0; font-size:16px;border-radius: 0;}

.step5-scroll .step5-form textarea {height: 180px;}
.qstep_2_table table tr td { padding:4px;} 
.qstep_2_img p { font-size: 16px;}

.item-servicess-modal-view-heading {font-size: 13px;}
h3.itemheading { font-size: 13px;}
.item-services-modal-view-heading { margin-top: 11px; font-size: 16px;}
.qstep_3 button { margin-top: 10px;padding: 10px 0; font-size:16px;border-radius: 0;}
.qstep_3_button {background-size: 9px;}

.qstep_2_step li { font-size: 12px; line-height: 15px;}


.qstep_4_scroll { padding-right: 0px;}

.qstep_3_scroll_heading li { font-size: 12px;font-weight: 600; padding: 5px;}
.qstep_3_scroll th {font-size: 14px;font-weight: 600;padding: 5px;}
.onetd-left { height:107px; overflow: hidden;}
.qstep_3_scroll table td .onetd-left a {font-size: 12px; letter-spacing: 0; line-height: 17px;display: block;}
.qstep_3_scroll table td .onetd-left p { font-size: 11px; margin: 0; line-height: 15px;}
.qstep_3_scroll table td .onetd-center {font-size: 10px;}
.qstep_3_scroll table td .onetd-right { font-size: 10px;}

.step5-form .control-group { margin-bottom:0!important;}
.buttonabso {}

.qstep_3_scroll th.one {  width: 40%; text-align: left;}
.qstep_3_scroll th.two { width: 25%;}
.qstep_3_scroll .onetd {width: 40%;}
.qstep_3_scroll .twotd { width: 30%;text-align: center;}

.search-section ul li {width: 100%;}
.search-section ul.searchsection-jobsorder li select { height: 42px;width: 100%;}
.search-section ul.searchsection-jobsorder .search-term { min-width: 100%;  margin: 0 !important;}
.search-section ul li a.downlaodcsv {margin-top: 5px;display: inline-block; font-size:13px;}
.greeting-section .dropdown-menu { top: 100%; left: -82%;}

.steps {margin-bottom: 25px;}
/* .steps span {margin-left: 21.8%!important;} */
.steps span:first-child {  margin-left: 0px !important;}


.halfform .controls select {background-size: 25px !important;padding-right: 35px;}
.parentservice-ul {width: 100%;float: left;padding-left: 2px;}

.jobdetailpage .item-status-form .main-custom-button {padding: 7px 5px; font-size:11px;}
.jobdetailpage .item-status-form .width-full {width: 100% !important;}

.popupfullli li.full-table-width-w-black-border { width: 100% !important; margin:10px 0 10px !important;}
.jobdetailpage ul {  margin: 0px;   padding: 10px; list-style: none;}
.prele-phone {width:77%!important;float: left;}

.full-input .halfform {width:100%;}

.update-service { padding: 0 0;}	
.update-service .halfform { width:100%; text-align: left;}
.update-service .buttonabso {width:100%;float: right;margin-top:0px; padding: 0 6px 4px !important;position: relative;right: 2px;}
.update-service.qd-submit-section.qd-submit .control-group {margin-bottom: 6px;}

.logo_main { margin-bottom: 0px; margin-left: 0;}
.navbar .btn-navbar {margin-top: 0px;}
.new-step1table ul li .new-step1table-shortdes a { line-height:15px;}
.new-step1table ul li .todo_btn a, .new-step1table ul li .work_btn a, .new-step1table ul li .done_btn a {}


.new-step2-content h3 {display: inline-block;font-size: 15px;line-height: 22px; margin:5px 0;}
.new-step2-content span {font-size:15px;line-height: 25px;}

.new-qstep_4_scroll .step5-form { margin-bottom:15px;}
.new-viewitem .new-viewitem-title p { font-size: 16px; padding-right: 15px;padding-left: 15px; line-height:1.3;}

.newligitbox-buttons { padding: 0 10px;}
.newligitbox ul li img { max-height:26%;}
.newligitbox-buttons .prevbtn {width:20px;height:32px;background-size:17px;}
.newligitbox-buttons .nextbtn {width:20px;height:32px;background-size:17px;}
.new-viewitem h3.itemheading { line-height: normal; padding-bottom: 7px;}
.newqstep_2_table .no-more-tables table { margin-top:2px;}
.new-viewitem .new-viewitem-title {}


.sendreutrnheading h2 {  text-transform: uppercase;  font-size: 21px; padding-top: 5px; line-height: 23px;padding-right: 20px;}
.sendreutrn .sendreturn-contnt p {  font-size: 14px; margin: 3px 0 10px; font-family: "LL Brown Bold Web"; line-height: 19px;}


.pre-quote-fields .padding_equal { padding: 0 0px !important;}
.pre-quote-fields .halfform { width: 100%;}
.client_voucher_section { margin-top: 15px;}

.btn { font-size: 14px !important;}
.halfform label { font-size: 13px;}
.clintabout label { font-size: 13px;}
.halfform .controls input, .halfform .controls textarea, .halfform .controls select { font-size:13px;}
.itemviewbox ul li .subtet a { font-size:14px; padding:0;}
.itemviewbox ul li .subtet { margin-top: 10px;}
.subtet .order-services {font-size: 14px;}
.jobdetailpage ul li label {font-size: 14px;width: 100%;text-align: left;} 
.jobdetailpage .itemdetailbox .item-describe {width:100%;float: right; text-align:left}	
.jobdetailpage ul li { font-size: 14px;}
.reports_downlaodsection ul li.search-term { font-size: 14px!important;}
.normaltitle {font-size: 22px;line-height: 27px;}
.totalorder-meter { padding: 0px;}
.search-section-left ul li label { width: 100%;}
.modal .modal-header h2 { font-size: 20px;line-height: 1.3;}
.navbar .greeting-section .dropdown-toggle { max-width: 205px;}


.partnerflow-shadowbox h2 { font-size: 11px;}
.partnerflow-shadowbox .partnerflow-signuprow label { font-size:13px;}
.partnerflow-shadowbox .mainblackbtnquote {padding: 6px 15px; width: 145px; min-width: fit-content;}
.partnerflow-shadowbox .control-group label.control-label { font-size: 16px !important;}
.partnerflow-shadowbox p { font-size: 13px;}
p.confirmationtage { width: 250px;}
.partnerflow-shadowbox .halfformpartner input, .partnerflow-shadowbox .halfformpartner select { font-size:13px; height:40px;}
.halfformpartner textarea { font-size:13px;}
.halfformpartner input.uploadimg { padding: 5px 10px 5px;}
.partnerflow-shadowbox .client-itemadd ul li span.client-itemname { font-size: 13px;}
p.addmoreitem { font-size: 13px;}
.relation-plus-icon.job-add-job { float: none}
form legend { font-size: 18px;}
.form-horizontal .control-label { line-height: 1.4;}

.partnerflow-logo img {width: 212px;}
.lockicon img { width:45px;}
ul.droplist .dp_ul_li { margin-top:0!important;}
.parcelForm .halfform { margin-bottom:10px!important;}
.partnerflow-shadowbox .cssdropdown.nolabel::before {top: 16px;}
.itemsfield .halfformpartner.cssdropdown::before {top:47px!important;}

.cssdropdown.nolabel ul.droplist {top: 40px;}
.halfformpartner ul.droplist { top: 40px;}
.partnew-halfcol.floatright { float:none!important;}

.search-section-left ul li input {  width: 100%; margin:0;}
.search-section-left ul li.select-product select {width: 100%;}
.passwordeye #eyebg { top: 12px;}
p.labelcontent { width:100%!important; float:left;}

.manageqoute-pop.jobdetailpage .thirdwidth li {width:100% !important;padding: 10px 1.5%!important;margin:3px 0!important; height:auto!important;}
.manageqoute-pop.jobdetailpage .thirdwidth { padding:0!important;}
.manageqoute-pop.jobdetailpage .thirdwidth ul { padding:0!important;}
.manageqoute-pop.jobdetailpage .thirdwidth li p.item-describe { height:auto!important;}

.qd-tablesection table tr td { font-size: 12px !important;}
.jobcost label { font-size:12px;}

.update-service.qd-submit-section.qd-submit .buttonabso {margin-top: 0px !important;padding: 0;}
.update-service.qd-submit-section.qd-submit .buttonabso .main-custom-button.step4_back { width: 100%!important;position: relative;right:0px;}

.chooseinput {box-sizing: border-box;width: 100% !important;}
.upload-input{float: left;  }
/*------------------QR---------------*/

.qstep_2_buttun button, .qstep_2_buttun a {margin-bottom:13px!important;}

.servicepop-basiccheck {float: left;display: block;width: auto;margin-right:4px;}
.servicepop-basiccheck-main {margin:0px 0 11px 0;}


.clear-mob { clear:both;}
.servicepop-basiccheck label { padding: 1px 0 0 3px;}
/*-------------*/

.preqoute-heading p { font-size: 13px;padding: 0 0px;}
.pre-quote-subtitle {  font-size: 11px; font-weight: bold;}
.preqoute-screen1 { margin-left: 0px; margin-right: 0px;}
.pre-quote-fields .halfform .controls input, .pre-quote-fields .halfform .controls select { border: none !important; border-bottom: solid 2px #dbdbdb !important;padding: 0 0 4px;height: 30px;}
.pre-quote-fields .halfform .controls input, .pre-quote-fields .halfform .controls select, .pre-quote-fields .halfform .controls textarea { font-size:13px!important;}
.edit-order-item-button.pre-quote-btnmain button.pre-quute-btn { margin:5px 0;}
.pre-quote-fields .halfform .controls select {background-size: 22px !important;}
.pre-quote-fields .halfform .controls .useradd-code { width: 21% !important; float: left;}
.pre-quote-fields .halfform .controls .prele-phone { width: 79% !important;}

.titlebold.pre-quote-title {margin: 10px 0 15px!important;font-size: 11px!important;letter-spacing:3px!important;line-height: 1.7;}
.pre-quote-fields .halfform label { font-size:13px!important; margin-bottom:2px!important;letter-spacing: 1px;}
.pre-quote-fields .halfform { margin-bottom:10px!important;}
button.pre-quute-btn {padding: 12px 10px;min-width: 100%;margin: 0;font-size: 13px !important;}
.pre-quote-fields input[type="file"] {padding:5px !important;}
.preqoute-main .steps span:first-child {  margin-left: 16px !important;}
p.stp {color: #566B50!important;font-size: 13px!important;}
.imgupload-heading { padding: 0 0px;}
.clientqoute-imgupload span.lableabso {font-size: 15px;}
.clientqoute-imgupload span.lableabso::before {background-size: 30px !important;}


.client-itemadd .imgpath-row.padding_equal.right {width: 100%;}
.client-itemadd .imgpath-row.padding_equal.right h2 {padding-right: 35px; font-size: 13px;margin: 0 0 4px; line-height:17px;}
.client-itemadd .imgpath-row.padding_equal.right p { font-size: 12px;}
.pre-quote-fields .add-item.padding_equal button.btn {  padding: 11px 30px;font-size: 13px !important;}
.pre-quote-fields .client-qt-signuprow.padding_equal { padding: 0 0 0 23px !important;}
.client-qt-signuprow input[type="checkbox"] + label {  line-height: 19px; font-size: 13px;}
.client-qt-signuprow input[type="checkbox"]+label:before {float:left;position: absolute;left: -41px;}

.maximumsize {padding: 0; margin-top: 0px;}
.client-itemadd ul li { min-height: 190px;}
.client-itemadd { width: 100%; height: 241px; margin-top: 20px; float: left; overflow-x: hidden; overflow-y: auto;}
.partnerflow-shadowbox .client-itemadd { float:none!important; margin:0!important; height:auto;}

.partnerflow-shadowbox .droplist.country_droplist{top:70px !important;}
.equitysetting .halfform {  width:100%!important; float: left; padding: 0px 1%;}
.partnerflow-shadowbox .droplist { top: 40px !important;}

div#ui-datepicker-div {
	padding: 10px;
  }

}







@media only screen and (max-width:640px) {
.jobcost {width: 100% !important;}	
.editquote-rowtop { padding: 0 16px; box-sizing: border-box;}
.editquote-rowtop ul li {width: 100%;margin-bottom: 8px;}
.editquote-rowtop ul li label { width:100%;text-align: left;}
.editquote-rowtop ul li p { width:100%;}
.editquote-rowtop ul li.full {width: 100%;}
.editquote-rowtop ul li.full label {width: 100%;}
.editquote-rowtop ul li.full p {width:100%;}

.editquote-rowservices {width:100%;border-left: none;}
.editquote-rowservices::before { display:none;}
.editquote-rowservices-repeat { padding: 10px 0 0 10px;box-sizing: border-box;}

.editquote-rowservices-repeat ul li { float: left; margin-bottom:8px; width: 100%;}
.editquote-rowservices-repeat ul li label {width:100%; float: left;  text-align: left;}
.editquote-rowservices-repeat ul li p {width:100%;}
.editquote-rowservices-repeat ul li.full label { width:100%;}
.editquote-rowservices-repeat ul li.full p { width:100%;}
.editquote-main { width: 100%;height: auto; float: left; margin-top: 15px;}

.paynew-form .cardno-form {width: 100%; height: auto; float: left;margin-bottom:10px;}
.paynew-form .month-form { width:100%;margin-bottom:10px;}
.paynew-form .year-form { width:100%;margin-bottom:10px;}
.paynew-form .cvv-form { width:100%;margin-bottom:0px;}
.editquote-rowservices h2 { padding-left: 5px;}
.tooltip-inner { max-width:100% !important;}
.comment_popup { max-width:100%; width:100%;}
.comment_popup_main { padding:8px;}
.comment_popup_main a.cross { right: 0px;top: 0px;}
	.header-logo img { max-width: 76%; height: auto;}
.comment_popup .btn.user_style_btn { margin-right:0;}	

.search-section-right ul li.select-product {display: inline-block;margin: 0 0 10px 0px;float: none;width: 100%;}
.search-section-right ul li.select-product select {float: none;}
.search-section-right ul li.select-product a.downlaodcsv { top: 0; display: inline-block;}
.totalorder-meter .iconn-wrapper {padding: 12px;}

.orderstraffic-table-section .no-more-tables td::before { font-weight:normal;}	
.orderstraffic-table tr td { font-size: 14px;}	

.repeat-orderschart .totalorder-cart {left: inherit;top: 0%; width: 50%; height: auto; padding: 13px 0 0; display: flex; justify-content: center; align-items: center; border-radius: 0; transform: translate(0%, -50%); right: 0;}
.orderstraffic-chart canvas { width: 100% !important; height: auto !important; display: inline-block !important;}
.typeofproject-chart {height: auto; text-align: center;}
.typeofproject-chart .typeofchart ul {width: 100%; float: left; list-style: none; margin: 10px 0 10px !important;}
.typeofproject-chart .typeofchart canvas { position: relative; left: 0; top: 0;}
.showing-traffice {position: absolute; left: 10%; top: inherit; background: #fff; border-radius: 820px 820px 0px 0px; text-align: center; transform: translate(-0%, -0%);
    width: 80%; height: 247px; padding: 20px 15px 0; box-sizing: border-box; bottom: 0;}

.notification ul li p { margin: 0px 0px 0px;}
.item-status-form td {min-height: 125px;}
 
.partnerflow-shadowbox .partnerflow-signuprow label { float: left !important; width:100%; margin-left:0px;}
.partnerflow-shadowbox  .client-qt-signuprow label { width: 90% !important; float: left !important; padding-left: 4px;}
.partnerflow-shadowbox .client-qt-signuprow label span{width:auto!important}
.updatestatusbtn { width:auto!Important;}
.update_status_btn{ min-height:114px !important; }
}



@media only screen and (max-width:568px) {
.jobcost {width: 100% !important;}	
.showing-traffice {height: 207px;}
.numbers-orderchart figure {margin: 11px 0 0 0;}
.client-qt-signuprow label {width: 90% !important;position: relative;top: -2px;}
.stage-chileprocess ul {width: 65%;}

.qstep_3 ul li .left {  float: left; width: 70%;}
.prele-phone {width:78%!important;}
/*.new-qstep_2_scroll {width: 100%;    height: 165px;} */
.new-qstep_2_scroll {width: 100%;    height: 370px;}
.new-qstep_4_scroll { width: 100%; height: 324px;}

}


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

.pay-row .right img {padding: 15px 0;max-width: 170px;display: inline-block;}
.pay-container { width: 100%; margin: 0 auto;}
.pay-row .card-section {padding: 0 0px 15px;}
.pay-carddiv label {font-size: 14px; padding: 0px 0 0 9px; margin: 0;}
.pay-now-button-wrapper a.pay-now-button { padding: 12px 15px; margin: 0px 5px;}
.paynew-form { padding: 10px 10px;}
.paynew-form .addform-buttons a.registered-card {padding: 10px;}
.paynew-form .addform-buttons input.pay-now-btn {padding: 5px 10px;}
.repeat_section .box ul li span, .total_section .box ul li span { float: none; font-weight: 700; display: block; margin-top: 5px;}
.manageservice-check label { padding: 0px 7px;margin: 0;}

.client-signuprow .post-ajax-opener {float: left;}
.client-signuprow label {width: 278px !important;}
.showing-traffice {height: 165px;}
.footer-info li, .footer-info li p {   color: #fff; white-space: pre-wrap;  font-family: 'Merriweather', serif;  letter-spacing: .92px; font-size: 14px;}
.partnerflow-shadowbox .client-itemadd ul li .imgpath-right { float: left !important; width: 70px !important; min-width: 80px; max-width: 80px;}
.stage-chileprocess ul {width:100%;}

.step4_submit { width: 100%;}
.step4_submit #item_admin_note {width: 65% !important;}
.step4_submit button { width: 35%;}

.new-qstep_2_scroll {width: 100%;    height: 410px;}
.qstep_2_scroll { width: 100%; height:430px;padding-right: 0;}
.client-qt-signuprow.padding_equal label {width: 94% !important;float: right !important;}
.bottom-dpntservices-ul { margin-left:0px !important;}
.hero-service { width: 100%; float: left !important; padding: 0 1%;}
.hero-service .control-group.halfform { width: 100%;}
.mainblackbtnquote-mobile { width:100%!important;}
.partnerflow-shadowbox .droplist.country_droplist{top:40px !important;}
}


@media only screen and (max-width:479px){
.condtionstag { float: right;width: 85%;}
.navbar-inner { padding: 0px 0px 0px;}
.quote-tabletop ul.detail-section li {width: 100%;font-size: 12px;margin-bottom: 5px;}

.greeting-section .dropdown-menu { top: 100%; left: 40%;}
.upload-input{ padding-left:0 !important;}
}



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

.greeting-section { float: none !important;}
.ui-datepicker-month, .ui-datepicker-year{font-size: 1.2em;}
}

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

.timeline-prgss-section {padding: 20px 20px 40px;}
.timeline-prgss-slider-data p span {font-size: 26px;}
.timeline-prgss-slider-data p {font-size: 16px;}
.orderstraffic-table {padding: 7px 7px;}
.dashbaordchart { padding: 10px;}
.repeat-orderschart .totalorder-cart {padding: 1px 0 0;}
.repeat-orderschart .totalorder-cart img {width: 32px;}
.totalorder-cart p {margin: 0px 0 0;font-size: 18px;}
.totalorder-cart p span { font-size: 11px;margin: 0px 0 0;}
#dash_board_class .main-section { width: 100%;}
.showing-traffice {height: 106px; overflow: auto;}

.repeat-orderschart .repeat-orderschart-legend {width: 100%;height:80px;}
.client-qt-signuprow label { width: 90% !important;}



.qstep_1_right {height: auto;min-height: 80px;}
ul.qstep_1_bottom { width: 90%;}
.prele-phone {width:63%!important;float: left;}
.new-qstep_2_scroll { height: 365px;}

.statausview-table td { height:auto!important;}

}