@media screen and (max-width:1680px){
.sbtable table.clieHist tr td {   padding: 10px 3px;font-size:11px;}
.sbtable table.clieHist tr.chis_tit td {  padding: 15px 3px; font-size:11px;	}
aside.ryt { padding: 40px 30px;  width: 82%;}
.sbtable table.clieHist tr td { max-width: 110px;overflow:hidden}
.history .lft .hist_bx { width:33.3%;} 
.sbtable.sbtable1 table.clieHist tr td{ vertical-align: middle} 
.sbtable.sbtable1 table.clieHist tr td.txt13{color: #9ac23b;font-size: 14px;font-weight:500;}
 .sbtable.sbtable1 table.clieHist tr td.txt1a span{color: #9ac23b;font-weight:500;font-size: 14px; display:inline-block; padding-right: 5px }
.sbtable.sbtable1 table.clieHist tr td.txt1a{color: #000; font-size: 13px;}
.sbtable.sbtable1 table.clieHist tr td.txt14a{ line-height:20px;  font-size: 13px; padding:10px;font-weight:500;}
.redtext a.rowlinks{font-size: 13px; padding:10px 0px;font-weight:500;color: #9ac23b; text-decoration: underline; float: left  }
}
@media screen and (max-width:1280px){
aside.lft nav li{ background-size:18px auto;}
aside.lft nav li a{font-size:12px; color:#fff; font-weight:400; padding:13px 0px 13px 20px; background:url(../../images/v2/aero-rig.svg) no-repeat right center; background-size:5px auto; display:block}
aside.lft h2{ font-size:14px; padding:30px 10px 10px 20px}
}



@media screen and (max-width:1024px){
	.sbtable table.clieHist tr td { max-width: inherit; }
.mainArea{ width:100%; padding:0px 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}	
input, textarea, button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;  -o-appearance: none; appearance: none;   -webkit-border-radius: 0; }
input[type="radio"]{ -webkit-appearance:radio; -moz-appearance:radio; -ms-appearance:radio;  -o-appearance:radio;}
input[type="checkbox"]{ -webkit-appearance:checkbox; -moz-appearance:checkbox; -ms-appearance:checkbox;  -o-appearance:checkbox;}
article.full_fund .full_bg img {  width: 123%;}
.menu.fm-lg{ display:none}
.fixed.header #menu{ display:none}	
.flexmenu.fm-lg {display: none;}
aside.lft{ width:inherit; position:inherit; padding:0px; max-width:inherit}
aside.ryt{ width:100%; padding:20px 25px;}
header, header.stick{ padding:15px 25px;}
.flexmenu.fm-sm li { padding:0px 15px 0px 30px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
aside.lft h2{ font-size:13px;}
.history .ryt .hist_bx p{ width:70%;}
aside.lft nav li:hover, aside.lft nav li.active { background-color: #222222;	}
.calen_bx, .totRec{ padding:15px 0px; }
.calen_bx .calebox .f_wid { width:30%}
.sbtable{padding:0px;}
.calen_bx .calebox .f_wid{ padding-bottom:0px;}
.sbtable table.chis tr td, .sbtable table.chis tr.chis_tit td { padding:6px ;}
.calen_bx{padding:15px 0px 0px;}

.calen_bx .calebox .f_wid.f_widhe{width:126px;}
.sbtable  table.clieHist tr td, .sbtable table.clieHist tr.chis_tit td { padding:5px 0px; padding-left:50%}
/* Force table to not be like tables anymore */


/**/
.sbtable table.clieHist tr td {   padding: 10px 10px;font-size:12px; padding-left:50%;}
.sbtable table.clieHist tr.chis_tit td {  padding: 15px ; font-size:12px;	}
/* Force table to not be like tables anymore */
.sbtable table.clieHist, .sbtable table.clieHist thead, .sbtable table.clieHist  tbody, .sbtable table.clieHist th, .sbtable table.clieHist td, .sbtable table.clieHist tr {display: block;}
.sbtable table.clieHist thead tr { position: absolute;top: -9999px;left: -9999px;}
.sbtable table.clieHist tr{ border: 1px solid #ccc; }
.sbtable table.clieHist tr:nth-child(even){background-color:#fff}
.sbtable table.clieHist tr:nth-child(odd){background-color:#f6faee}	
.sbtable table.clieHist td { border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%; min-height:20px; 	}
.sbtable table.clieHist td:before {position: absolute;top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;	}


/*Label the data	*/table.clieHist tr:nth-of-type(1){ display:none}	
.sbtable table.clieHist td:nth-of-type(1):before { content: "Request No.";}
.sbtable table.clieHist td:nth-of-type(2):before { content: "Name"; }
.sbtable table.clieHist td:nth-of-type(3):before { content: "Visit Date Time"; }
.sbtable table.clieHist td:nth-of-type(4):before { content: "Email id"; }
.sbtable table.clieHist td:nth-of-type(5):before { content: "Contact No."; }
.sbtable table.clieHist td:nth-of-type(6):before { content: "No. of Guest"; }
.sbtable table.clieHist td:nth-of-type(7):before { content: "Purpose of Visit"; }
.sbtable table.clieHist td:nth-of-type(8):before { content: "OTP"; }
.sbtable table.clieHist td:nth-of-type(9):before { content: "Requested By"; }
.sbtable table.clieHist td:nth-of-type(10):before { content: "Date"; }
.sbtable table.clieHist td:nth-of-type(11):before { content: "BaseUnit" }
.sbtable table.clieHist td:nth-of-type(12):before { content: "Status"; }
.sbtable table.clieHist td:nth-of-type(13):before { content: "Source"; }
.sbtable table.clieHist td:nth-of-type(14):before { content: "OTP re-send"; }




.sbtable table.clieHist.gurdview td:nth-of-type(1):before { content: "Request No.";}
.sbtable table.clieHist.gurdview td:nth-of-type(2):before { content: "Name"; }
.sbtable table.clieHist.gurdview td:nth-of-type(3):before { content: "Visit Date Time"; }
.sbtable table.clieHist.gurdview td:nth-of-type(4):before { content: "Contact No."; }
.sbtable table.clieHist.gurdview td:nth-of-type(5):before { content: "No. of Guest"; }
.sbtable table.clieHist.gurdview td:nth-of-type(6):before { content: "Purpose of Visit"; }
.sbtable table.clieHist.gurdview td:nth-of-type(7):before { content: "OTP"; }
.sbtable table.clieHist.gurdview td:nth-of-type(8):before { content: "Requested By"; }
.sbtable table.clieHist.gurdview td:nth-of-type(9):before { content: "Date"; }
.sbtable table.clieHist.gurdview td:nth-of-type(10):before { content: "BaseUnit"; }
.sbtable table.clieHist.gurdview td:nth-of-type(11):before { content: "Status" }
.sbtable table.clieHist.gurdview td:nth-of-type(12):before { content: "Source"; }
.sbtable table.clieHist.gurdview td:nth-of-type(13):before { content: "OTP re-send"; }

.sbtable table.clieHist.vist td:nth-of-type(1):before { content: "Meter No.";}
.sbtable table.clieHist.vist td:nth-of-type(2):before { content: "Name"; }
.sbtable table.clieHist.vist td:nth-of-type(3):before { content: "Email id"; }
.sbtable table.clieHist.vist td:nth-of-type(4):before { content: "Contact No."; }
.sbtable table.clieHist.vist td:nth-of-type(5):before { content: "Address"; }

.sbtable.prodTab table td:nth-of-type(1):before { content: "S.NO";}
.sbtable.prodTab table td:nth-of-type(2):before { content: "PRODUCT";}
.sbtable.prodTab table td:nth-of-type(3):before { content: "QUANITITY";}
.sbtable.prodTab table td:nth-of-type(4):before { content: "UNIT PRICE(RS"; }
.sbtable.prodTab table td:nth-of-type(5):before { content: "TOTAL PRICE(RS)";}

		/**/
.fotText p{padding-left:0; text-align: center}

}

@media screen and (max-width:960px){	
.history .ryt .hist_bx span{ width:28%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-right:15px;} 
.history .ryt .hist_bx span img{ width:98%; height:auto;}
.history .ryt .hist_bx p{ width:72%;}	
.history .ryt .hist_bx p a { margin-top:13px;}	
.dashMain .dasAmoun .dasAm_bx .ryt{ width:60%; padding-right:0px;}
.dashMain .dasAmo_su .f_wid {  width: 50%;}
.logArea {  padding: 50px 50px 30px;}
.resid_Clie .residArea .form_resid{ width:100%; max-width:500px;}	
.main_cont{ width:100%; max-width:600px;}
select.input_type_slec { height: 44px;}
.dashMain .dasAmoun .dasAm_bx .lft { min-width: 280px;}
.dashMain .dasAmoun .dasAm_bx .ryt { padding-right: 0;  width:45%; padding-left:0px; float:right}
.dasAmoun_2{  padding-top:35%;   }
.dashMain .dasAmoun .dasAmoun_2 h2{font-size:20px;}
.dashMain .dasAmoun .dasAmoun_2 a{font-size:18px; color:#fff}
}



@media screen and (max-width:767px){
.history .lft, .history .ryt{   width:100%; float:left}	
.history .ryt{ margin-top:30px;}
.history .ryt .hist_bx span{ width:30%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-right:15px;} 
.history .ryt .hist_bx span img{ width:98%; height:auto;}
.history .ryt .hist_bx p{ width:40%; padding-top:30px;}	
.history .ryt .hist_bx p a { margin-top:30px;}
footer .subcln1 { display:none}	
.dashMain .dasTopu .dasTo_bx { width: 50%;}
.calen_bx .calebox .f_wid { width:35%; padding-bottom:15px;}
.products{padding:10px 15px}
.products .accorMin{padding:0px;}
.products .accorMin .accRow {padding:0px 10px;}
.payMin .payRow{ padding:30px 0px}


}

@media screen and (max-width:639px){
header .mainArea, header.stick .mainArea{ padding: 0 10px;}
.mainArea { padding:0px 15px;}
.dashMain .dasTopu, .dashMain .dasAmoun, .dashMain .dasAmo_su, .history .lft, .history .ryt, .account .dashMain .dasAmo_su {padding:15px;}
.dashMain .dasTopu h2, .dashMain .dasAmoun h2, aside.ryt h1 { font-size:18px;}
.history .lft .hist_bx{ width:33.3%;}
aside.ryt h6{ font-size:14px;}
.recharge .dashMain .dasAmo_su{ padding:15px;}
.dashMain .dasAmo_su .das_wid { padding-left: 15px;}
aside.ryt h1, aside.ryt h6{ padding-bottom:10px;} 
.account .dashMain .dasAmo_su .f_wid input.btnsub, .dashMain .dasAmo_su .f_widhe input.btnsub { margin-top:0px;}
.main_cont{ max-width:550px;}
.logArea { padding: 50px 0 30px;}
#cboxWrapper{ background-color:#fff;}
.module .form_ma .f_wid label { font-size: 13px;  left: 10px; top:19px;}
.logArea h5{ font-size:18px;}
.module{ padding-top:50px;}
.module .form_ma .f_wid{ width:100%;}
.module .form_ma .f_wid2 .sbmt_btn{ max-width:inherit; padding:8px;}
.resid_Clie .residArea h2{ font-size:18px;}
.main_cont .meter_bx{ padding:20px 10px;}
.main_cont h3{font-size:18px; font-weight: 500; padding:10px 20px;}
.main_cont .meter_bx p{ font-size: 12px; font-weight: 500; line-height: 18px;  padding-bottom: 15px;}
.main_cont .meter_bx {max-height: 400px; position:relative; top:0; overflow-y: scroll; min-height:400px; padding: 10px;}
.logArea{ padding:15px;}
.module .form_ma .f_wid { padding:10px 0px;}
.module .form_ma{ width:100%;}
.module .form_ma input{ padding:10px;}
.module .form_ma .f_wid label.focused {top: -10px; }
.logArea2 h2 {  font-size: 16px;}

.resid_Clie .residArea .form_resid .f_wid { margin-left:0px; margin-right:0px; width:48% }
.resid_Clie .residArea .form_resid .f_wid:nth-child(even){float:right}
.resid_Clie .residArea .form_resid .f_wid:nth-child(odd){ float:left	}
.dashMain .dasAmoun .dasAm_bx .ryt {  width:100%; }
.ex_icns {background-size: 26px auto; margin-top:10px;}
.dashMain .dasAmoun .dasAm_bx .lft {  min-width: 236px;}

.prodMin .row .prImg { width:100%; }
.prodMin .row .prImg img{ width:100%; max-width:400px; height:auto}
.prodMin .row.prodBox {  padding: 20px 0;}
.prodMin .row.prodBox p {  font-size: 16px;}
.payMin .payAmou, .payBox{ width:100%;}
.payMin .payRow hr{ position:relative; left:0px; float:left; width:100%; border-bottom:1px solid #ccc; clear:bothl; margin:20px 0px; }
.payBox .amouPay{ padding:10px 20px 10px 0px;}
.payBox .subPay{ padding-bottom:10px;}
.dashMain.manaTenant .dasAmo_su .inforFrom.inforFrom3 .f_wid{ width:100%;}
.f_wid1.sexMaFe{ width:100%; display:inline-block }

.fotText p{padding: 0 20px;}

}
@media screen and (max-width:480px){
.calen_bx .calebox .f_wid { width:100%;}
.totRec .ryt a { font-size: 15px;  padding:0px 0 6px 32px;}
.dasAmoun_2{  padding-top:40%;   }
.dashMain .dasAmoun .dasAmoun_2 h2{font-size:18px;}
.dashMain .dasAmoun .dasAmoun_2 a{font-size:16px; }

}
@media screen and (max-width:375px){
.logArea2 { padding: 15px 0;}
.calen_bx .calebox .f_wid { width: 100%; padding-bottom:10px; padding-right:0px;}
.dashMain .dasAmo_su .lft, .dashMain .dasAmo_su .lft input, .dashMain .dasTopu .ryt{ width:100%;}
.dashMain .dasTopu .ryt a{ display:block; text-align:center; padding:10px 22px;}
.calen_bx .calebox .f_widhe input{margin-top:0px;}
.totRec .ryt a, .totRec .lft p {  font-size: 14px;}
.history .ryt .hist_bx p a, .dashMain .dasAmo_su .f_widhe input.btnsub,  .account .dashMain .dasAmo_su .f_wid input.btnsub, .calen_bx .calebox .f_widhe input {max-width:inherit}
.dashMain .dasAmoun h2 { font-size:14px;}
.dashMain .dasAmo_su .f_wid{ padding-right:0px;} 
.dashMain .dasAmoun .dasAm_bx .lft, .dashMain .dasAmoun .dasAm_bx .ryt, .dashMain .dasAmo_su .f_wid{ width:100%; padding-left:0px;}
aside.ryt{ width:100%; padding:20px 15px;}
header, header.stick{ padding:5px 15px 0px;}
header .mainArea .ryt h5{ padding:10px 0px 5px 20px; background-position:0px 10px;}
header.stick .lft img, header .lft img {  width: 100px;}
header .ryt h6 {font-size:12px;}
.history .ryt .hist_bx { text-align:center}
.history .ryt .hist_bx span, .history .ryt .hist_bx p{ width:100%; display:inline-block;}
.history .ryt .hist_bx p{ padding:0px;}
.history .ryt .hist_bx span img{ width:auto;}
.history .lft h2, .history .ryt h2{ text-align:center}
.account .dashMain .dasAmo_su .lft{padding-right:0px!important; padding-bottom:20px;} 
.new_user .userArea{ text-align:center; padding-bottom:10px;}
.new_user .userArea a{ width:100%; max-width:260px; margin-bottom:20px; margin-right:0px; padding:13px; margin-bottom:10px;}
.resid_Clie .residArea .form_resid { width: 95%; padding:10px}
.resid_Clie .residArea .form_resid .f_wid{ width:100%;}
.logArea h5 {  font-size: 14px;}
.main_cont{ max-width:300px;}
#forget_frm{ max-width:270px; padding:20px;}
.new_user .log_hint { padding:10px 0px;}
.new_user .log_hint p{ padding-bottom:10px;} 
.new_user .log_hint h3 {font-size:16px; font-weight:500;}
.resid_Clie .residArea .form_resid .f_wid { padding:0px 0px 15px;}
.resid_Clie .residArea .form_resid .f_wid label { top:12px; left:10px;}
.resid_Clie .residArea .form_resid .f_wid label.focused {top: -17px; font-size:12px; color: #666; left:0px;  }
.resid_Clie .residArea h2 { font-size: 17px; padding-bottom:5px;}
.dashMain .dasAmo_su .f_wid{ padding-bottom:13px;}
.dashMain .dasAmo_su .f_wid label { font-weight: 400;}
#colorbox.meter_arw #cboxClose, #colorbox.forget_arw #cboxClose {  right: -5px;  top: -5px;}
.resid_Clie{ padding:15px 0px 0px;}
.resid_Clie .residArea .form_resid h6{ padding:0px;}
header.stick .ryt a { margin-bottom: 3px;}
header .ryt a{ margin-bottom:3px;}
aside.lft h2{padding:20px 20px 15px;}
.recharge .dashMain .dasAmo_su .f_wid {  padding-bottom:10px;}
.dashMain .dasTopu .dasTo_bx {  width:100%; margin-bottom:15px;}
.dashMain .dasTopu .dasTo_bx:nth-child(4) h3{ display:none}
.calen_bx .calebox .f_wid.f_widhe { width: 100%;}
.calen_bx .calebox .f_wid.selc {  max-width: 100%;}
.shopping .cartBut a{ padding-right:10px; padding-left:45px; font-size:14px;}
.shopRow{ margin-bottom:10px;}
.cartNow a{ font-size: 16px}
.products .accorMin .accRow ul {padding-left: 0px; padding-bottom: 10px;}
.carttable table tr td.prodAd span.prodImg{ position:relative; top:-40px; padding-left:0px}
.carttable table tr td.prodAd span.prodImg img{ max-width:65px; height:auto;}
}
@media screen and (max-width:320px){
.logArea2 h2 {font-size: 14px;}
.module .form_ma input, textarea, #forget_frm .forget_form .f_wid input{ font-size:13px}
.carttable table tr td.prodAd h2 { font-size: 18px;}
}
@media screen and (max-width:768px){
.sbtable table tr td{ padding:5px 0px;padding-left:50%}
.sbtable table tr td { padding:5px 0px; padding-left:50%}
.sbtable table.chis tr td, .sbtable table.chis tr.chis_tit td { padding:5px 0px; padding-left:50%}
.sbtable  table.clieHist tr td, .sbtable table.clieHist tr.chis_tit td { padding:5px 0px; padding-left:50%}
/* Force table to not be like tables anymore */
.sbtable table, .sbtable thead, .sbtable tbody, .sbtable th, .sbtable td, .sbtable tr {display: block;}
.sbtable thead tr { position: absolute;top: -9999px;left: -9999px;}
.sbtable tr{ border: 1px solid #ccc; }
.sbtable table tr:nth-child(even){background-color:#fff}
.sbtable table tr:nth-child(odd){background-color:#f6faee}	
.sbtable td { border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%; min-height:20px; 	}
.sbtable td:before {position: absolute;top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;	}

.sbtable table.tranHist tr:nth-of-type(1){ display:none}	
.sbtable table.tranHist td:nth-of-type(1):before { content: "Paid Amount"; }
.sbtable table.tranHist td:nth-of-type(2):before { content: "Payment Date"; }
.sbtable table.tranHist td:nth-of-type(3):before { content: "Coupon No."; }
.sbtablet able.tranHist td:nth-of-type(4):before { content: "Remarks"; }
.sbtable table.tranHist td:nth-of-type(5):before { content: "Status"; }
.sbtable table tr td h3 {font-size: 12px;  font-weight: 600; padding:2px 0px;}
	/*chis*/	
.sbtable table.chis tr:nth-of-type(1){ display:none}	
.sbtable table.chis td:nth-of-type(1):before { content: "S.No"; }
.sbtable table.chis td:nth-of-type(2):before { content: "Service Partner"; }
.sbtable table.chis td:nth-of-type(3):before { content: "Location."; }
.sbtable table.chis td:nth-of-type(4):before { content: "Person Name"; }
.sbtable table.chis td:nth-of-type(5):before { content: "Contact Number"; }
.sbtable table.chis td:nth-of-type(6):before { content: "Specialization"; }
/*shopping*/

  .sbtable.carttable table.chis tr td, .sbtable.carttable table.chis tr.chis_tit td { padding-right:10px}
  .sbtable.carttable table.chis tr:nth-of-type(1){ display:none}	
  .sbtable.carttable table.chis td:nth-of-type(1):before { content: "S.No"; }
  .sbtable.carttable table.chis td:nth-of-type(2):before { content: "Product"; }
  .sbtable.carttable table.chis td:nth-of-type(3):before { content: "Quanitity"; }
  .sbtable.carttable table.chis td:nth-of-type(4):before { content: "Unit Price(Rs)"; }
  .sbtable.carttable table.chis td:nth-of-type(5):before { content: "TOTAL PRICE(RS)"; }
    .sbtable.carttable table.chis td:nth-of-type(6):before { content: "REMOVE"; }
	.sbtable.carttable table.chis td.prodAd{ text-align:inherit}
.sbtable.carttable td::before{ width:auto}
  .sbtable.carttable table.chis td.totPri:before {  display:none }
.carttable table tr td.totPri h3 {  font-size: 24px;}
.carttable table tr td.totPri h5{ color:#2b2b2b; font-size:16px; padding-top:5px;font-weight:400; }
.sbtable.carttable table.chis tr#crt_tot tr{ padding-left:0px;}
.sbtable table.chis tr#crt_tot td{ padding-left:0px; }
.carttable table tr.valuTtlInline td.totPri h6{    width: 66%;    font-size: 95%;}
.sbtable table.chis tr td{ text-transform:uppercase}

}