@media screen and (max-width:1700px){
	.dashboardRgt .appointment ul{max-height:40vw;}
	.maidActivity .activityContent .activityLog{max-height:38vw;}
	.payrollTable .responsiveTable{width:100%;overflow-x:auto;}
	.payrollTable .responsiveTable table{width:1700px;}
}
@media screen and (max-width:1640px){
	.mediaFolders ul li{width:calc(20% - 22px);}
	.mediaFiles ul li{width:calc(20% - 22px);}
	.formFields .radioFields li {margin-top:15px;}
	.purposeApp .formFields .radioFields li {margin-top:0;}
}
@media screen and (max-width:1600px){
	.activityContent .activitySearch .date{display:block;width:100%;margin-right:0;margin-bottom:10px;}
	.activityContent .activitySearch .date ul{width:100%;}
	.activityContent .activitySearch .activityType{display:block;width:100%;margin-right:0;}
	.activityContent .activitySearch .btn{display:block;width:82px;margin-top:10px;}
	.activityContent .activityLog{max-height:500px;}
	.customerActivity .activityContent .activitySearch .date{display:block;width:100%;margin-right:0;margin-bottom:10px;}
	.customerActivity .activityContent .activitySearch .date ul{width:100%;}
	.customerActivity .activityContent .activitySearch .activityType{display:block;width:100%;margin-right:0;}
	.customerActivity .activityContent .activitySearch .btn{display:block;width:82px;margin-top:10px;}
	.customerActivity .activityContent .activityLog{max-height:500px;}
	.maidView li{width:calc(33.3333% - 22px);}
	.TRANSPORT .hostelOverview .searchFilter{max-width:100%;margin-bottom:10px;}
	.TRANSPORT .hostelOverview .searchFilter span{width:100%;display:block;margin-right:0;margin-bottom:10px;}
	.TRANSPORT .hostelOverview .searchFilter .date{display:inline-block;vertical-align:middle;width:100%;text-align:center;}
	.TRANSPORT .hostelOverview .searchFilter .selectField{width:100%;}
	.TRANSPORT .hostelOverview .searchFilter .btn{margin:5px 0 20px 0;}
	.hostelRgt ul{max-height:970px;}
	.hostelLeft .responsiveTable{width:100%;overflow-x:auto;}
	.hostelLeft .responsiveTable table{width:1200px;}
	.hostelRgt ul li .container{background-image:url("../images/appointment-icon.png");background-position:10px 10px;}
	.hostelRgt ul li .title{width:100%;}
	.hostelRgt ul li .date{width:100%;text-align:left;}
}
@media screen and (max-width:1550px){
	.header .mainMenu .container ul li{margin-right:12.5px;}
	.question_answer li .question{width:300px;margin-right:50px;}
	.question_answer li .answer{width:calc(100% - 350px);}
	.dashboardRgt .appointment ul{max-height:50vw;}
}
@media screen and (max-width:1500px){
	.dashboardLeft .dashPending .responsiveTable{width:100%;overflow-x:auto;}
	.dashboardLeft .dashPending .responsiveTable table{width:1400px;}
	.dashboardRgt .appointment ul{max-height:42vw;}
	.maidActivity .activityContent .activityLog{max-height:41vw;}
	.leavesTable .responsiveTable{width:100%;overflow-x:auto;}
	.leavesTable .responsiveTable table{width:1500px;}
	.claimsTable .responsiveTable{width:100%;overflow-x:auto;}
	.claimsTable .responsiveTable table{width:1500px;}
}
@media screen and (max-width:1400px){
	.question_answer li .question{width:225px;margin-right:50px;}
	.question_answer li .answer{width:calc(100% - 275px);}	
	.question_answer li .answer .ansCol:nth-child(1){width:130px;margin-right:20px;}
	.question_answer li .answer .ansCol:nth-child(2){width:220px;margin-right:20px;}
	.question_answer li .answer .ansCol:nth-child(3){width:calc(100% - 390px);}
	.header{position:relative;}
	.header .topHeader{border-bottom:1px solid #e9edf3;}
	.header .mainMenu{display:none;}
	.header .topHeader .container .rgtNav .mobileMainMenu{display:inline-block;}
	.header .topHeader .container .rgtNav .searchBtn{display:none;}
	.header .topHeader .container .rgtNav .userAccountBtn{display:none;}
	.mainContents{padding-top:0;}
}
@media screen and (max-width:1380px){
	.mediaFolders ul li{width:calc(25% - 22px);}
	.mediaFiles ul li{width:calc(25% - 22px);}
	.formFields .yesNoQuestion li .left{width:125px;}
	.formFields .yesNoQuestion li .rgt{width:calc(100% - 125px);}
}
@media screen and (max-width:1360px){
	.leadProfile .leadDetail{width:300px;margin-right:20px;}
	.leadProfile .leadActivity{width:calc(100% - 692px);margin-right:20px;}
	.leadProfile .leadAction{width:350px;}
	.leadTypeField .formCol4{width:calc(33.3333% - 20px);}
	.maidProfile .maidDetail{width:300px;margin-right:20px;}
	.maidProfile .maidActivity{width:calc(100% - 692px);margin-right:20px;}
	.maidActivity .activityContent .activityLog{max-height:50vw;}
	.maidProfile .maidAction{width:350px;}
	.dashboardRgt .appointment ul{max-height:45vw;}
	.customerProfile .customerDetail{width:300px;margin-right:20px;}
	.customerProfile .customerActivity{width:calc(100% - 692px);margin-right:20px;}
	.customerProfile .customerOthers{width:350px;}
}
@media screen and (max-width:1260px){
	.question_answer li:nth-child(1) .question{vertical-align:top;}
	.question_answer li .answer .ansCol .ansHeader{display:block;}
	.question_answer li .answer .ansCol:nth-child(1){width:calc(50% - 25px);margin-right:25px;}
	.question_answer li .answer .ansCol:nth-child(2){width:calc(50% - 25px);margin-right:0;margin-left:25px;}
	.question_answer li .answer .ansCol:nth-child(3){width:100%;display:block;margin-top:10px;}
	.interview .formFields .checkList li{display:block;margin-right:0;margin-bottom:15px;}
	.maidLegend .legend{width:100%;display:block;margin-bottom:10px;} 
	.maidLegend .btn{width:100%;display:block;text-align:right;} 
	.maidView li{width:calc(50% - 22px);}
	.maidView.list li .container .detail{width:calc(50% - 10px);margin-right:10px;}
	.maidView.list li .container .experience{width:calc(50% - 10px);margin-right:0;margin-left:10px;}
	.maidView.list li .container .skill{width:calc(100% - 152px);display:inline-block;vertical-align:top;border-top:none;margin-top:0;padding:0;margin-right:0;}
	.TRANSPORT .searchFilter span{width:100%;display:block;margin-right:0;margin-bottom:10px;}
	.TRANSPORT .searchFilter .selectField{width:100%;}
	.TRANSPORT .searchFilter .btn{margin:5px 0 20px 0;}
	.contractDash .dashCol{width:calc(25% - 22px);}
	.rewardsContainer ul li {width:calc(25% - 22px);}
	.question_answer li:nth-child(1) .question{padding-top:0;}
}
@media screen and (max-width:1199px){
	.footer{text-align:center;}
	.groupFilter{margin-bottom:0;}
	.responsiveTable{margin-top:0;}
	.responsiveTable table{margin:0;border-radius:5px;}
	.responsiveTable table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
	.responsiveTable table tr{display:block;border-bottom:none;border-radius:5px;margin:10px 0 20px 0;background:#ffffff;}
	.responsiveTable table tbody tr td,.responsiveTable table tbody tr th{border-top:none;display:block;text-align:right !important;padding:5px 10px;}
	.responsiveTable table td::before,.responsiveTable table tbody th::before{content: attr(data-label);float:left;font-weight:600;text-transform:uppercase;}
	.responsiveTable table tbody tr td:last-child, .responsiveTable table tbody tr th:last-child{paddding-bottom:0;}
	.responsiveTable table tbody tr:last-child td, .responsiveTable table tbody tr:last-child th{border-bottom:none;}
	.responsiveTable table tbody tr:first-child td{border-top:none;}
	.responsiveTable table tr .snum{;padding:7.5px 10px 3.5px 10px;}
	.responsiveTable table tr .check{;padding:7.5px 10px 3.5px 10px;}
	.responsiveTable table tbody tr td span, .responsiveTable table tbody tr th span{display:inline-block;}
	.contractsTable .responsiveTable{overflow-y:hidden;}
	.contractsTable .responsiveTable table{width:100%;}
	.transportTable .responsiveTable{overflow-y:hidden;}
	.transportTable .responsiveTable table{width:100%;}
	.maidsOverview .rightResults .tableView .responsiveTable{overflow-x:hidden}
	.maidsOverview .rightResults .tableView .responsiveTable table{width:100%;}
	.leavesTable .responsiveTable{width:100%;overflow-x:hidden;}
	.leavesTable .responsiveTable table{width:100%;}
	.claimsTable .responsiveTable{width:100%;overflow-x:hidden;}
	.claimsTable .responsiveTable table{width:100%;}
	.payrollTable .responsiveTable{width:100%;overflow-x:hidden;}
	.payrollTable .responsiveTable table{width:100%;}
	.clone{display:none;}
	.dashboardLeft .dashPending .responsiveTable table tr .snum{padding:5px 10px;}
	.dashboardLeft .dashPending .responsiveTable table tr .priority{padding:5px 10px;}
	.hostelLeft .responsiveTable table tr .priority{padding:5px 10px;}
	.leadsContent .contentCol2{width:100%;margin-right:0;display:block;}
	.leadsContent .contentCol2.last{margin-left:0;}
	/*.activityContent .activityLog{max-height:45vw;}*/
	.leadProfile .leadDetail{width:250px;margin-right:20px;}
	.leadProfile .leadActivity{width:calc(100% - 592px);margin-right:20px;}
	.leadProfile .leadAction{width:300px;}
	.leadAction .actionBtns li a{padding:10px;}
	.footer{padding:15px 0;}
	.dashboardLeft .dashPending .responsiveTable{width:100%;overflow-x:hidden;}
	.dashboardLeft .dashPending .responsiveTable table{width:100%;}
	.dashboardContent .dashboardLeft{width:100%;margin-bottom:20px;display:block;}
	.dashboardLeft .dashCol3{width:calc(33.3333% - 15.5px);margin-right:20px;} 
	.dashboardLeft .dashCol3.last{width:calc(33.3333% - 15px);margin-right:0;}
	.dashboardLeft .dashCol2{width:calc(50% - 12px);margin-right:10px;}
	.dashboardLeft .dashCol2.last{margin-right:0;margin-left:10px;}
	.dashboardLeft .dashPending{width:calc(100% - 2px);margin-right:0;}
	.dashboardContent .dashboardRgt{display:block;width:100%;margin-bottom:50px;}
	.dashboardContent .dashboardRgt .calendar{width:100%;max-width:385px;margin:0 auto;}
	.dashboardRgt .appointment ul{max-height:500px;}
	.createNewMaid .uploadPhoto{width:200px;height:275px;margin-right:10px;}
	.createNewMaid .uploadPhoto .uploadFrame{height:190px;}
	.createNewMaid .personalInfo{width:calc(100% - 224px);}
	.formFields .radioFields li {margin-top: 0px;}
	.formFields .yesNoQuestion li{width:33.3333%;}
	.createNewMaid .historyCol2 .left{width:calc(100% - 2px);margin-right:0;display:block;}
	.createNewMaid .historyCol2 .rgt{width:calc(100% - 2px);margin-left:0;display:block;}
	.overseasHistory li span .fieldHeader{display:block;}
	.overseasHistory li .serialNo{width:100%;display:block;margin-bottom:10px;text-align:left;}
	.overseasHistory li:nth-child(1) .serialNo{margin-top:0;}
	.overseasHistory li .date{margin-right:10px;width:calc(33.3333% - 10px);margin-bottom:10px;}
	.overseasHistory li .country{margin-right:10px;width:calc(33.3333% - 10px);margin-bottom:10px;}
	.overseasHistory li .employer{margin-right:0;width:33.3333%;margin-bottom:10px;}
	.overseasHistory li .workDuties{margin-right:10px;width:calc(33.3333% - 10px);}
	.overseasHistory li .remarks{width:33.3333%;}
	.maidProfile .maidDetail{width:250px;margin-right:20px;}
	.maidProfile .maidActivity{width:calc(100% - 592px);margin-right:20px;}
	.maidDetail .maidContact ul li{display:block;width:100%;margin-right:0;}
	.maidDetail .maidContact ul li:nth-child(even){margin-left:0;}
	.maidProfile .maidAction{width:300px;}
	.maidActivity .activityContent .activityLog{max-height:85vw;}
	.customerProfile .customerDetail{width:250px;margin-right:20px;}
	.customerProfile .customerActivity{width:calc(100% - 592px);margin-right:20px;}
	.customerProfile .customerOthers{width:300px;}
	.LEADS .createLeadFilter .filterLeft{display:block;width:100%;margin-bottom:5px;}
	.LEADS .createLeadFilter .filterRgt{display:block;text-align:left;width:100%}
	.maidReserve li .left{border-bottom:1px solid #e9edf3;margin-bottom:10px;padding-bottom:10px;display:block;width:100%;border-right:none;margin-right:0;padding-right:0;}
	.maidReserve li .rgt{display:block;width:100%;}
	.maidReserve .action a{display:inline-block;margin:0 5px;}
	.contractsContent .contentCol2{width:100%;margin-right:0;display:block;}
	.contractsContent .contentCol2.last{margin-left:0;}
	.hostelOverview{width:100%;display:flex;flex-wrap:wrap;font-size:0;}
	.hostelOverview .hostelLeft{width:calc(100% - 2px);display:block;margin-bottom:20px;margin-right:0;}
	.hostelOverview .hostelRgt{display:block;width:calc(100% - 2px);margin-bottom:0;margin-right:0;}
	.hostelLeft .responsiveTable{width:100%;overflow-x:auto;}
	.hostelLeft .responsiveTable table{width:100%;}
	.hostelRgt ul{max-height:400px;}
	.hostelRgt ul li .title{width:50%;}
	.hostelRgt ul li .date{width:50%;text-align:right;}
	.HR .leavesTable .searchFilter span{width:100%;display:block;margin-right:0;margin-bottom:10px;}
	.HR .leavesTable .searchFilter .selectField{width:100%;}
	.HR .claimsTable .searchFilter span{width:100%;display:block;margin-right:0;margin-bottom:10px;}
	.HR .claimsTable .searchFilter .selectField{width:100%;}
	.HR .pollsTable .searchFilter span{width:100%;display:block;margin-right:0;margin-bottom:10px;}
	.HR .pollsTable .searchFilter .selectField{width:100%;}
	.HR .reward .searchFilter span{width:100%;display:block;margin-right:0;margin-bottom:10px;}
	.HR .reward .searchFilter .selectField{width:100%;}
	.HR .payrollSummary .searchFilter span{width:100%;display:block;margin-right:0;margin-bottom:10px;}
	.HR .payrollSummary .searchFilter .selectField{width:100%;}
	.HR .cpfSummary .searchFilter span{width:100%;display:block;margin-right:0;margin-bottom:10px;}
	.HR .cpfSummary .searchFilter .selectField{width:100%;}
	.HR .commissionSummary .searchFilter span{width:100%;display:block;margin-right:0;margin-bottom:10px;}
	.HR .commissionSummary .searchFilter .selectField{width:100%;}
	.supplierTable .responsiveTable{overflow-x:hidden;}
	.supplierTable .responsiveTable table{width:100% !important;}
	
	.serviceFeeRefund ul li .description{width:280px;}
	.serviceFeeRefund ul li .amountInvoice{width:calc(20% - 72px);}
	.serviceFeeRefund ul li .amountReceived{width:calc(20% - 72px);}
	.serviceFeeRefund ul li .amountBalance{width:calc(20% - 72px);}
	.serviceFeeRefund ul li .amountRefund{width:calc(20% - 72px);}
	.serviceFeeRefund ul li .amountRefunded{width:calc(20% - 72px);}
}
@media screen and (max-width:1100px){
	/*.activityContent .activityLog{max-height:50vw;}*/
	.activityLog .logStatus .accordion .logTitle{display:block;width:calc(100% - 30px);padding-right:30px;}
	.activityLog .logStatus .accordion .logTitle p{width:calc(100% - 30px);padding-right:30px;}
	.activityLog .logStatus .accordion .logDate{display:block;width:calc(100% - 74px);text-align:left;padding-right:0;padding-left:44px;padding-right:30px;margin-top:5px;}
	.mediaFolders ul li{width:calc(33.3333% - 22px);}
	.mediaFiles ul li{width:calc(33.3333% - 22px);}
	.maidsContent .formFields .formCol3{width:calc(50% - 20px);}
	.LEADS .searchFilter span{width:100%;display:block;margin-right:0;margin-bottom:10px;}
	.LEADS .searchFilter .selectField{width:100%;}
	.LEADS .searchFilter .btn{margin:5px 0 20px 0;}
	.LEADS .createLeadFilter span{display:inline-block;margin-right:5px;margin-bottom:12px;}
	.maidActivity .activityLog .logStatus .accordion .logDate{padding-left:0;width:100%;}
	.maidActivity .activityLog .logStatus .accordion .logTitle{width:100%;}
	.customerActivity .activityLog .logStatus .accordion .logTitle{display:block;width:calc(100% - 30px);padding-right:30px;}
	.customerActivity .activityLog .logStatus .accordion .logTitle p{width:calc(100% - 30px);padding-right:30px;}
	.customerActivity .activityLog .logStatus .accordion .logDate{display:block;width:calc(100% - 74px);text-align:left;padding-right:0;padding-left:44px;padding-right:30px;margin-top:5px;}
	.CONTRACTS .searchFilter span{width:100%;display:block;margin-right:0;margin-bottom:10px;}
	.CONTRACTS .searchFilter .selectField{width:100%;}
	.CONTRACTS .searchFilter .btn{margin:5px 0 20px 0;}
	.USERS .searchFilter span{width:100%;display:block;margin-right:0;margin-bottom:10px;}
	.USERS .searchFilter .selectField{width:100%;}
	.hostelDash .dashCol4{width:calc(50% - 22px);} 
	.leadDash .dashCol4{width:calc(50% - 22px);} 
	.rewardDash .dashCol{width:calc(50% - 22px);} 
	.RECEIPTS .searchFilter .date{width:100%;}
	.RECEIPTS .searchFilter span, .RECEIPTS .insuranceRefundTable .searchFilter span{width:100%;margin-bottom:10px;}
	.RECEIPTS .searchFilter .selectField, .RECEIPTS .insuranceRefundTable .searchFilter .selectField{width:100%;}
	.RECEIPTS .searchFilter .btn,.RECEIPTS .insuranceRefundTable .searchFilter .btn{margin:5px 0 20px 0;}
}
@media screen and (max-width:960px){
	.groupFilter .col2{width:100%;display:block;}
	.leadProfile .leadDetail{width:250px;margin-right:20px;}
	.leadProfile .leadActivity{width:calc(100% - 272px);margin-right:0;}
	.leadProfile .leadAction{width:100%;display:block;margin-top:30px;}
	/*.activityContent .activityLog{max-height:60vw;}*/
	.formFields .yesNoQuestion li{width:50%;}
	.maidsContent .formFields .formCol4{width:calc(50% - 20px);}
	.formFields .formCol4.merge{width:calc(100% - 20px);}
	.question_answer li .question{width:100%;margin-right:0;margin-bottom:15px;}
	.question_answer li .answer{width:calc(100% - 20px);margin-left:20px;}
	.overseasHistory li .date{width:100%;margin-right:0;}
	.overseasHistory li .country{width:calc(50% - 10px);margin-bottom:10px;}
	.overseasHistory li .employer{width:50%;margin-right:0;margin-bottom:10px;}
	.overseasHistory li .workDuties{width:calc(50% - 10px);margin-bottom:10px;}
	.overseasHistory li .remarks{width:50%;}
	.createMaidSteps ul li.step01{width:auto;}
	.createMaidSteps ul li.step02{width:auto;}
	.createMaidSteps ul li.step03{width:auto;}
	.createMaidSteps ul li.step04{width:auto;}
	.maidProfile .maidDetail{width:250px;margin-right:20px;}
	.maidProfile .maidActivity{width:calc(100% - 272px);margin-right:0;}
	.maidActivity .activityContent .activityLog{max-height:100vw;}
	.maidProfile .maidAction{width:100%;display:block;margin-top:30px;}
	.customerProfile .customerDetail{width:250px;margin-right:20px;}
	.customerProfile .customerActivity{width:calc(100% - 272px);margin-right:0;}
	.customerProfile .customerOthers{width:100%;display:block;margin-top:30px;}
	.maidsOverview .leftFilters{position:fixed;z-index:99;display:none;max-height:85vh;width:95%;overflow-y:auto;}
	.maidFilter .filterLeft .btn.filterBtnMobile{display:inline-block;}
	.filterCloseMobile{display:block;}
	.maidsOverview .rightResults{display:block;width:100%;}
	.maidFilter .filterLeft .container{max-width:500px;margin:0;font-size:0;}
	.maidFilter .filterLeft span{width:calc(100% - 169px);margin-right:5px;display:inline-block;vertical-align:middle;}
	.maidFilter .filterLeft .btn{width:82px;margin-right:0;}
	.maidReserve li .left{border-right:1px solid #e9edf3;margin-right:10px;padding-right:20px;font-size:0;display:inline-block;vertical-align:middle;width:calc(100% - 51px);border-bottom:none;margin-bottom:0;padding-bottom:0;}
	.maidReserve li .rgt{display:inline-block;vertical-align:middle;width:20px;}
	.maidReserve .action a{display:inline-block;margin:0 5px;}
	.CONTRACTS .searchFilter span{width:100%;display:block;margin-right:0;margin-bottom:10px;}
	.CONTRACTS .searchFilter .selectField{width:100%;}
	.CONTRACTS .searchFilter .btn{margin:5px 0 20px 0;}
	.createContractSteps ul li.step01{width:auto;}
	.createContractSteps ul li.step02{width:auto;}
	.createContractSteps ul li.step03{width:auto;}
	.rewardsContainer ul li {width:calc(33.3333% - 22px);}
	.serviceFeeRefund ul li span .fieldHeader{display:block;}
	.serviceFeeRefund ul li .serialNo{width:100%;display:block;margin-bottom:10px;text-align:left;}
	.serviceFeeRefund ul li:nth-child(1) .serialNo{margin-top:0;}
	.serviceFeeRefund ul li .description{margin-right:0;width:100%;margin-bottom:10px;}
	.serviceFeeRefund ul li .amountInvoice{margin-left:0;width:100%;margin-bottom:10px;}
	.serviceFeeRefund ul li .amountReceived{margin-left:0;width:100%;margin-bottom:10px;}
	.serviceFeeRefund ul li .amountBalance{margin-left:0;width:100%;margin-bottom:10px;}
	.serviceFeeRefund ul li .amountRefund{margin-left:0;width:100%;margin-bottom:10px;}
	.serviceFeeRefund ul li .description .field{margin-top:0;}
	.serviceFeeRefund ul li .amountInvoice .field{margin-top:0;}
	.serviceFeeRefund ul li .amountReceived .field{margin-top:0;}
	.serviceFeeRefund ul li .amountBalance .field{margin-top:0;}
	.serviceFeeRefund .totalServiceFeeRefund li:nth-child(1) span .fieldHeader{display:inline-block;width:50%;}
	.serviceFeeRefund .totalServiceFeeRefund li:nth-child(1) span .field{display:inline-block;width:50%;text-align:right;}
	.serviceFeeRefund ul li:first-child .serialNo{margin-top:0;}
	.serviceFeeRefund ul li:first-child .description .field{margin-top:0;}
	.serviceFeeRefund ul li:first-child .amountInvoice .field{margin-top:0;}
	.serviceFeeRefund ul li:first-child .amountReceived .field{margin-top:0;}
	.serviceFeeRefund ul li:first-child .amountBalance .field{margin-top:0;}
	.serviceFeeRefund ul li .amountRefunded{margin-left:0;width:100%;margin-bottom:10px;}
	.serviceFeeRefund ul li .amountRefunded .field{margin-top:0;}
	.serviceFeeRefund ul li:first-child .amountRefunded .field{margin-top:0;}
}
@media screen and (max-width:826px){
	.formFields .radioFields li {margin-top: 16px;}
}
@media screen and (max-width:800px){
	/*.activityContent .activityLog{max-height:70vw;}*/
	.maidActivity .activityContent .activityLog{max-height:125vw;}
	.maidsOverview .leftFilters{max-height:80vh;}
	.REPORTS .searchFilter{max-width:100%;margin-bottom:10px;}
	.REPORTS .searchFilter .selectField{width:calc(100% - 87px);display:inline-block;margin-right:5px;}
	.REPORTS .searchFilter .btn{width:82px;margin-right:0;display:inline-block;}
	.REPORTS .searchFilter .date{display:block;width:100%;margin-bottom:10px;}
	.contractDash .dashCol{width:calc(50% - 22px);} 
}
@media screen and (max-width:799px){
	.searchFilter span{display:block;margin-right:0;}
	.MEDIA .searchFilter span, .CUSTOMERS .searchFilter span{width:100%;margin-bottom:10px;}
	.MEDIA .searchFilter .selectField, .CUSTOMERS .searchFilter .selectField{width:100%;}
	.MEDIA .searchFilter .btn, .CUSTOMERS .searchFilter .btn{margin:5px 0 20px 0;}
	.pagination .page{display:block;text-align:center;width:100%;margin-bottom:20px;}
	.pagination ul{text-align:center;}
	.pagination .pageNum{display:block;text-align:center;width:100%;}
	.groupFilter .col2.last{text-align:left;}
	.dashboardLeft .dashCol3{width:calc(100% - 2px);margin-right:0;} 
	.dashboardLeft .dashCol3.last{width:calc(100% - 2px);margin-right:0;}
	.dashboardLeft .dashCol2{width:calc(100% - 2px);margin-right:0;}
	.dashboardLeft .dashCol2.last{margin-right:0;margin-left:0;}
	.mediaFolders ul li{width:calc(50% - 22px);}
	.mediaFiles ul li{width:calc(50% - 22px);}
	.formFields .formCol4{width:calc(50% - 20px);}
	.maidsContent .formFields .formCol3{width:calc(100% - 20px);}
	.addFamilyMember li .fieldName{display:block;}
	.formFields .uploadDocument table tr td{display:block;padding:5px 0;}
	.formFields .uploadDocument table tr td:nth-child(odd){width:100%;}
	.formFields .uploadDocument table tr td:nth-child(even){margin-bottom:10px;}
	.hostelDash .dashCol4{width:calc(100% - 22px);} 
	.leadDash .dashCol4{width:calc(100% - 22px);} 
	.contractDash{display:none;} 
	.rewardDash .dashCol{width:calc(100% - 22px);} 
}
@media screen and (max-width:699px){
	.mainContents .container .headerTitle .title{display:block;width:100%;}
	.mainContents .container .headerTitle .title h1{margin-bottom:10px;}
	.mainContents .container .headerTitle .breadcrumb{display:block;width:100%;text-align:left;margin-bottom:10px;}
	.leadProfile .leadDetail{width:100%;display:block;margin-right:0;}
	.leadProfile .leadActivity{width:100%;display:block;margin-right:0;margin-top:10px;}
	.leadProfile .leadAction{width:100%;display:block;margin-top:30px;}
	.activityContent{height:600px;}
	.leadProfile .leadActivity{height:auto;}
	.activityContent .activityLog{height:400px;max-height:none;}
	.CONTRACTS .leadProfile .leadActivity{height:auto;}
	.CONTRACTS .activityContent .activityLog{height:400px;max-height:none;}
	#fileDetails .detailCol2,#fileDetails_Doc .detailCol2{width:100%;display:block;margin-right:0;}
	#fileDetails .detailCol2.last, #fileDetails_Doc .detailCol2.last{margin-left:0;margin-top:20px;}
	.createNewMaid .uploadPhoto{margin:0 auto 20px auto;}
	.createNewMaid .personalInfo{display:block;width:calc(100% - 2px);margin-left:0;}
	.formFields{width:100%;}
	.formFields .fieldName.empty{display:none;}
	.formFields .formColFull{width:100%;}
	.formFields .formCol4{width:100%;padding-right:0;}
	.formFields .formCol3{width:100%;padding-right:0;}
	.formFields .formCol2{display:block;width:100%;padding-right:0;}
	.formFields .yesNoQuestion li{width:100%;}
	.maidsContent .formFields .formCol4{width:100%;padding-right:0;}
	.maidsContent .formFields .formCol3{width:100%;padding-right:0;}
	.formFields .formCol4.merge{width:100%;padding-right:0;}
	.question_answer li .answer .ansCol:nth-child(1){width:100%;margin-right:0;}
	.question_answer li .answer .ansCol:nth-child(2){width:100%;margin-left:0;margin-top:15px;}
	.question_answer li .answer .ansCol .ansHeader span{display:none;}
	.question_answer li .answer .ansCol .ansField span{display:block;margin-right:0;margin-bottom:15px;}
	.createNewMaid .historyCol2 .left .leftField{display:block;width:100%;margin-right:0;margin-bottom:15px;}
	.createNewMaid .historyCol2 .left .rightField{display:block;text-align:left;width:100%;}
	.createNewMaid .historyCol2 .rgt .leftField{display:block;width:100%;margin-bottom:5px;}
	.createNewMaid .historyCol2 .rgt .rightField{display:block;width:100%;margin-bottom:5px;}
	.overseasHistory li .country{width:100%;margin-right:0;}
	.overseasHistory li .employer{width:100%;}
	.overseasHistory li .workDuties{width:100%;margin-right:0;}
	.overseasHistory li .remarks{width:100%;}
	.maidProfile .maidDetail{width:100%;display:block;margin-right:0;}
	.maidProfile .maidActivity{width:100%;display:block;margin-right:0;margin-top:10px;}
	.maidProfile .maidAction{width:100%;display:block;margin-top:30px;}
	.maidActivity .activityContent{height:auto;}
	.maidActivity .activityContent .activityLog{max-height:400px;}
	.customerProfile .customerDetail{width:100%;display:block;margin-right:0;}
	.customerProfile .customerActivity{width:100%;display:block;margin-right:0;margin-top:10px;}
	.customerActivity .activityContent{height:600px;}
	.customerProfile .customerActivity{height:auto;}
	.customerActivity .activityContent .activityLog{height:400px;max-height:none;}
	.mainContents .container .headerTitle .backToBtn{display:block;width:100%;margin:30px 0;}
	.mainContents .container .headerTitle .triggerBtn{display:block;width:100%;text-align:left;margin-bottom:15px;}
	.maidFilter .filterLeft{width:100%;}
	.maidFilter .filterRgt{display:block;width:100%;margin-top:15px;text-align:left;}
	.maidsOverview .leftFilters{max-height:60vh;}
	.modal-body .others li{margin-bottom:20px;padding-bottom:20px;}
	.modal-body .others li:last-child{margin-bottom:10px;padding-bottom:0;}
	.modal-body .col4 li{width:100%;display:block;;margin-right:0;margin-bottom:10px;padding-bottom:0;}
	.modal-body .col4 li:last-child{margin-bottom:0;}
	.modal-body .col2 li{width:100%;display:block;margin-right:0;margin-bottom:10px;padding-bottom:0;}
	.modal-body .col2 li:last-child{margin-bottom:0;}
	.CONTRACTS .modal-body .col2 li{width:100%;margin-right:0;}
	.CONTRACTS .modal-body .col2 li:nth-child(even){margin-left:0;}
	.notificationLog .logStatus .accordion .logTitle{width:calc(100% - 107px);}
	.notificationLog .logStatus .accordion .logDate{display:block;width:calc(100% - 80px);text-align:left;padding-right:0;margin-left:80px;}
	.serviceFee li span .fieldHeader{display:block;}
	.serviceFee li .serialNo{width:100%;display:block;margin-bottom:10px;text-align:left;}
	.serviceFee li:nth-child(1) .serialNo{margin-top:0;}
	.serviceFee li .description{margin-right:0;width:100%;margin-bottom:10px;}
	.serviceFee li .amount{margin-left:0;width:100%;margin-bottom:10px;}
	.totalServiceFee li .description{margin-right:10px;width:calc(50% - 10px);}
	.totalServiceFee li .amount{margin-left:10px;width:calc(50% - 10px);text-align:right;}
	.rewardsContainer ul li {width:calc(50% - 22px);}
}
@media screen and (max-width:599px){
	.mediaFolders ul{width:100%;}
	.mediaFolders ul li{width:calc(100% - 2px);margin-right:0;}
	.mediaFiles ul{width:100%;}
	.mediaFiles ul li{width:calc(100% - 2px);margin-right:0;}
	.mediaFiles ul li .container .fileImg img{height:150px;width:auto;display:block;margin:0 auto;}
	.maidView{width:100%;}
	.maidView li{width:calc(100% - 2px);margin-right:0}
	.hostelRgt ul li .title{width:100%;}
	.hostelRgt ul li .date{width:100%;text-align:left;}
}
@media screen and (max-width:499px){
	.formFields .radioFields li{display:block;margin-right:0;margin-bottom:10px;}
	.purposeApp .formFields .radioFields li{margin-bottom:10px;}
	.pollResult .qna .result .left{width:170px;margin:0 0 20px 0;display:block;}
	.pollResult .qna .result .rgt{display:block;width:100%;}
}
@media screen and (max-width:479px){
	.emailBtn{background-position:45px center;text-align:left;padding-left:65px;}
	.whatsappBtn{background-position:25px center;text-align:left;padding-left:45px;}
}
@media screen and (max-width:429px){
	.rewardsContainer ul li {width:calc(100% - 22px);}
}
@media screen and (max-width:380px){
	.emailBtn{background-position:25px center;text-align:left;padding-left:45px;}
	.whatsappBtn{background-position:15px center;text-align:left;padding-left:35px;}
	.maidReserve li .left{border-bottom:1px solid #e9edf3;margin-bottom:10px;padding-bottom:10px;display:block;width:100%;border-right:none;margin-right:0;padding-right:0;}
	.maidReserve li .rgt{display:block;width:100%;}
	.maidReserve .action a{display:inline-block;margin:0 5px;}
	.header .topHeader .container .rgtNav .notificationBtn .notificationList{width:250px;right:-10px;}
}
@media screen and (max-height:648px){
	.login .wrapper{height:auto;}
	.loginContents{height:auto;margin:70px auto;}
	.login .footer{position:fixed;}
	.header{position:relative;}
	.mainContents{padding-top:0;}
}
/*FOR PRINT ONLY*/
@media print {
	*{ color-adjust: exact; -webkit-print-color-adjust: exact; print-color-adjust: exact; margin:0; padding:0; }
}

/**LATEST UPDATES - 24/12/2021**/
@media screen and (max-width:799px){
	.SUPPLIER .searchFilter span{width:100%;margin-bottom:10px;}
	.SUPPLIER .searchFilter .selectField{width:100%;}
	.SUPPLIER .searchFilter .btn{margin:5px 0 20px 0;}
}

/**LATEST UPDATES - 21/01/2022**/
@media screen and (max-width:1600px){
	.CONTRACTS .activityContent .activityLog{max-height:550px;}
	.CONTRACT_RECEIPTS .responsiveTable{overflow-x:auto;}
	.CONTRACT_RECEIPTS .responsiveTable table{width:700px;}
}
@media screen and (max-width:1199px){
	.CONTRACT_RECEIPTS{overflow-y:auto;}
	.CONTRACT_RECEIPTS .responsiveTable{overflow-x:hidden;max-height:625px;}
	.CONTRACT_RECEIPTS .responsiveTable table{width:100%;}
}
@media screen and (max-width:699px){
	.CONTRACT_RECEIPTS .responsiveTable{max-height:475px;}
}