@media only screen and (min-width:1200px) and (max-width:1920px) {
.clntovr-lstng [class^=col-] { -webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%; max-width: 20%; }
}

@media only screen and (min-width:1700px) and (max-width:1799px) {

.itmant-ttl{font-size: 16px;}
.itmamttxt{font-size: 24px;}
}

@media only screen and (min-width:1600px) and (max-width:1699px) {
.tpbtlft-infobx{padding: 10px;}
.secheading h3{font-size: 26px;}
.curmenusec li{margin-right: 6px;}
.curmenusec li a{padding: 8px 8px;}
.itmant-ttl{font-size: 16px;}
.itmamttxt{font-size: 24px;}

.step9wapper .regrightmiddsec{padding:40px 0px}
.step9wapper .gethelpsec{padding-right: 75px;}

}

@media only screen and (min-width:1500px) and (max-width:1599px) {
.whtbx{padding: 18px;}
.tpbtlft-infobx{padding: 10px;}
.secheading h3{font-size: 24px;}
.curmenusec li{margin-right: 6px;}
.curmenusec li a{padding: 8px 6px;}
.cmsnamntlst{margin: 0 -15px;}
.cmsnamnlstitm{padding: 0 15px;}
.cmsnamnlstitm::after{right: 10px;}
.itmant-ttl{font-size: 16px;}
.itmamttxt{font-size: 24px;}
.noteslsiting, .btmviowallbtn{margin-left: -20px; margin-right: -20px;}
.cstmbxmain .col-xl-5{flex: 0 0 38.666667%; max-width: 38.666667%;}
.cstmbxmain .col-xl-3{flex: 0 0 28%; max-width: 28%;}
.amontlarge{font-size: 42px;}

/*--------step section 28-04-2021------------*/

.leftbigicon {position: absolute; left: 50px; bottom:15px;}
.logoMB {margin-bottom: 40px;}
.refleftnavsec {padding-top: 30px; padding-bottom: 30px;}
.gethelpsec {margin-bottom: 50px;}
.regbluebg .logoMB {margin-bottom: 46px;}

.step9wapper .regrightmiddsec{padding:40px 0px}
.step9wapper .gethelpsec{padding-right: 75px;}

}

@media only screen and (min-width:1300px) and (max-width:1499px) {
.whtbx{padding: 18px;}
.tpbtlft-infobx{padding: 10px;}
.secheading h3{font-size: 22px;}
.curmenusec li{margin-right: 6px;}
.curmenusec li a{padding: 8px 5px; font-size: 13px;}
.cmsnamntlst{margin: 0 -10px;}
.cmsnamnlstitm{padding: 0 10px;}
.itmant-ttl{font-size: 13px}
.itmamttxt{font-size: 20px;}
.cmsnamnlstitm::after{right: 5px;}
.smlcstmtble{font-size: 13px;}
.smlcstmtble th, .smlcstmtble td{padding: 10px 5px;}
.ctmtbl-wrap{min-height: 300px;}
.cstmbxmain .col-xl-5{flex: 0 0 37.666667%; max-width: 38.666667%;}
.cstmbxmain .col-xl-3{flex: 0 0 28%; max-width: 28%;}
.cstmbxmain .col-xl-4{flex: 0 0 34.333333%; max-width: 36.333333%;}
.notesmsgbx{max-width: 80%;}
.noteslsiting,.btmviowallbtn{margin-left: -20px; margin-right: -20px;}
.cstmbxmain h4{font-size: 16px;}
.amontlarge{font-size: 42px;}

/*--------step section 28-04-2021------------*/

.leftbigicon {position: absolute; left: 50px; bottom:15px;}
.logoMB {margin-bottom: 40px;}
.refleftnavsec {padding-top: 30px; padding-bottom: 30px;}
.gethelpsec {margin-bottom: 50px;}
.regbluebg .logoMB {margin-bottom: 46px;}

.step9wapper .regrightmiddsec{padding: 40px 0px}
.step9wapper .gethelpsec{padding-right: 75px;}
}

@media only screen and (min-width:1200px) and (max-width:1299px) {
.whtbx{padding: 15px;}
.tpbtlft-infobx{padding: 10px;}
.secheading h3{font-size: 21px;}
.curmenusec ul{display: inherit;}
.curmenusec li{display: inline-block; margin-right: 8px;}
.curmenusec li a{padding: 8px 15px;}
.cstmbxmain .col-xl-5{flex: 0 0 60%; max-width: 60%;}
.cstmbxmain .col-xl-3{flex: 0 0 40%; max-width: 40%;}
.cstmbxmain .col-xl-4{flex: 0 0 100%; max-width: 100%;}
.cmsnamnlstitm{flex: 0 0  33.333%; max-width: 33.333%;}
.cmsnamnlstitm:nth-child(2n):after{content: "";}
.cmsnamnlstitm:nth-child(3n):after{content: none;}
.cmsnamnlstitm:last-child:after{content: none;}
.subtbnavlstn ul li a{padding: 14px 20px}
.notesmsgbx{max-width: 80%;}
.noteslsiting,.btmviowallbtn{margin-left: -15px; margin-right: -15px;}
.amontlarge{font-size: 42px;}

/*--------step section 28-04-2021------------*/

.regleft-nav {max-width: 400px;}
.refleftnavsec {padding: 30px;}
.reg-rightsec {margin-left: 400px;}
.regrightmiddsec {padding: 40px 50px;}
.leftbigicon {position: absolute; left: 30px; bottom:15px;}
.logoMB {margin-bottom: 40px;}
.gethelpsec {margin-bottom: 50px;}
.regbluebg .logoMB {margin-bottom: 46px;}

}



@media only screen and (max-width: 1199px){	
.dash-app {margin-left: 0px;}
.dash-toolbar {left: 0px;}
.dash-compact .dash-nav {display: block;}
.dash-compact .dash-app {margin-left: 238px;}
.dash-compact .dash-toolbar {left: 230px;}
.dash-nav header .menu-toggle {display: block; margin-right: auto; position: absolute; right: 10px; color: #000; top: 7px;}
.dash-nav {/*display: none;*/ left: -270px; position: fixed; top: 0; bottom: 0;  z-index: 1070; }
.dash-nav.mobile-show {display: block; width: 238px; left: 0px;}
.leftsecpos {padding-bottom: 0px;}
.leftftmenu {position: relative; left: inherit; bottom: inherit; margin-top: 15px;}
.dash-toolbar .menu-toggle.desk-none { display: block; }
.noteslsiting, .btmviowallbtn{margin-left: -20px; margin-right: -20px;}
.amontlarge{font-size: 42px;}

/*--------step section 28-04-2021------------*/

.regleft-nav {max-width: 350px;}
.refleftnavsec {padding: 20px;}
.reg-rightsec {margin-left: 350px;}
.regrightmiddsec {padding: 40px 40px;}
.respaytext br {display: none;}
.calegrayborderbox:before {display: none;}
.calegrayborderbox .col-xl-6:first-child {margin-bottom: 30px; border-bottom: 1px solid #ccc; padding-bottom: 20px;} 
.calenderPB {padding-left: 0px; padding-right: 0px;}
}	

/*--------step section 28-04-2021------------*/
@media only screen and (min-width:992px) and (max-width:1199px) {
/*--------step section 28-04-2021------------*/
.regplanlisting .col-md-4 {-ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%;}
.regtitle {font-size: 31px; line-height: 41px;}
.leftbigicon {position: absolute; left: 20px; bottom:15px;}
.logoMB {margin-bottom: 40px;}
.gethelpsec {margin-bottom: 40px;}
.regbluebg .logoMB {margin-bottom: 46px;}
}


@media only screen and (min-width:1025px) and (max-width:1199px) {
.clnovrtitle{font-size: 16px;}
.clntovrnmbr{font-size: 36px;}
.sbsechd-srch, .sbsechd-sort{margin-right: 15px;}
.billingdetailtable table td{font-size: 18px;}
.carddtl{font-size: 18px;}
.ctmrsmramount{font-size: 30px;}
#cssmenu > ul > li {margin-right: 18px;}
.gcspsamehieght {height:30px; font-size: 17px !important;}
.secheading h3{font-size: 24px;}
.whtbx{padding: 20px;}
.tpbtlft-infobx{padding: 10px;}
.curmenusec ul{display: inherit;}
.curmenusec li{display: inline-block; margin-right: 5px;}
.curmenusec li a{padding: 8px 14px;}
.cmsnamnlstitm{flex: 0 0  33.333%; max-width: 33.333%;}
.cmsnamnlstitm:nth-child(2n):after{content: "";}
.cmsnamnlstitm:nth-child(3n):after{content: none;}
.cmsnamnlstitm:last-child:after{content: none;}
.subtbnavlstn ul li a{padding: 14px 20px}
}

@media only screen and (max-width: 1024px){	
#cssmenu{position: inherit;}
#cssmenu ul{background: #000a39; position:fixed; z-index:12; top:0px; left:-260px; width:260px; height:100%; overflow:auto;  transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
#cssmenu ul.open{left:0;}
#cssmenu ul.open li a{color:#ffffff;}
#cssmenu ul ul, #cssmenu ul ul ul{padding:0; background:#3167a8; border:none; top:inherit; position:inherit; width:100%; height:auto;  overflow:inherit; left:inherit;
transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }
#cssmenu ul ul ul{background-color: #333333; }
#cssmenu ul.open li{padding-right:0px;}
#cssmenu ul.open li a{display:inherit; padding:14px 15px;}
#cssmenu ul ul li a{margin-top: 0px;}
#cssmenu ul.open ul li a{padding:14px 15px;}
#cssmenu ul.open li a:hover{background:#0091ce; color:#ffffff;}
#cssmenu ul.open ul ul li:hover > a, #cssmenu ul.open ul ul li a:hover, #cssmenu ul.open ul ul li.active a {color: #ffffff; background:#e3493f; }
#cssmenu::after, #cssmenu > ul::after{content:none;}
#cssmenu #menu-button.menu-opened::after{transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); top:25px;  width: 25px; left: 15px; background-color: #fff;}
#cssmenu #menu-button.menu-opened::before{left:12px; top:17px;  transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); border-top:none; border-color: #fff;}
#cssmenu > ul > li{margin:0px;}
#cssmenu > ul > li > a{border:none; border-radius:0px;}
#cssmenu > ul > li.active > a:before{content:none;}
#cssmenu ul li a:after{content: none;}
#cssmenu #menu-button{width: 48px; height: 48px; border-radius: 100%; background-color: transparent;  z-index: 12; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;}
#cssmenu ul ul li:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.20);}
#cssmenu #menu-button {top:-112px; right: 0px;}
#cssmenu ul ul { background-color: #555555; opacity: 1; border-radius:0px; box-shadow: none;}
#cssmenu li:hover > ul {left: auto; opacity: 1;}
#cssmenu > ul > li > a::before {display: none;}
#cssmenu ul.open ul li a {font-size: 16px; padding-left: 25px;}
#cssmenu ul ul li a {border-bottom: none;}
#cssmenu > ul > li::after{content: none;}
.brandlogo img{max-width: 180px;}
.shwicnmbl{display: inherit;}
.tprightnav ul li a{font-size: 0px;}
.tprightnav ul li .fa{font-size: 21px;}
.tprightnav{padding-right: 50px; padding-left: 0px;}
.tprightnav ul li{margin-left: 0px; margin-right: 8px;}
.hidembl{display: none;}
.shwmblmenu{display: inherit !important;}
li.custusrmblmenu a{background-color: #ffffff !important}
.custheader #cssmenu #menu-button {top:-90px; right: 0px;}
.acclogoutlink {font-size: 0px;}
.acclogoutlink .fa {font-size: 21px;}
.chartwrap{height:auto;}	
}

@media only screen and (min-width:992px) and (max-width:1024px) {	
#cssmenu #menu-button {top:-62px;}
.navigation{max-width: 100%; flex: 0 0 100%;}
.clnovrtitle{font-size: 16px;}
.clntovrnmbr{font-size: 36px;}
.sbsechd-srch, .sbsechd-sort{margin-right: 15px;}
.billingdetailtable table td{font-size: 18px;}
.carddtl{font-size: 18px;}
.ctmrsmramount{font-size: 30px;}
.gcspsamehieght {height:30px;}
.gcspcurrentplantext {font-size: 17px !important;}
.secheading h3{font-size: 24px;}
.whtbx{padding: 20px;}
.tpbtlft-infobx{padding: 10px;}
.curmenusec ul{display: inherit;}
.curmenusec li{display: inline-block; margin-right: 4px;}
.curmenusec li a{padding: 8px 12px;}
.cmsnamnlstitm{flex: 0 0  33.333%; max-width: 33.333%;}
.cmsnamnlstitm:nth-child(2n):after{content: "";}
.cmsnamnlstitm:nth-child(3n):after{content: none;}
.cmsnamnlstitm:last-child:after{content: none;}
.subtbnavlstn ul li a{padding: 14px 20px}
}

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


.act-td{text-align: left;}
.blnginv-acttd, .removetd, .crdadrstd, .notiact-td, .textcenter{width: inherit;}
.vwclntbtn{ margin: 3px 3px;}

.act-td .bt-content{text-overflow: inherit; overflow: inherit; white-space: inherit;}
.sts-td{text-align: left;}
.billingdetailtable table td{font-size: 14px;}
.carddtl{font-size: 14px;}
.crdadrstd{text-align: left;}
.billingdetail{margin-top: 30px;}
.notiitem{margin-bottom: 30px;}
.shwfltinmbl{display: flex; align-items: center; width: 240px;}
.tdflterslcr{width:110px;}
.fltrtd:before{content: 'Status' !important;}
.gcpagination .pagination {width: 100%;}
/*table.bt tbody td.sts-td .bt-content {border-bottom: none !important; }*/
.gcfootercnt {display: block; justify-content: inherit; align-items: inherit;}
.gcfootercnt .copyright {text-align: center;}
.gcfootercnt .ftrNav {width: auto; text-align: center;}
.footer .latloginfo {text-align: center;}
/*.toolbarleftrightsec {display: block;}*/
.MtB5 {margin-top: 5px !important;}
.toolrightsec {justify-content: space-between;}
.toolbarfilter {flex: 1; text-align: right;}
.dash-app {margin-top: 0px;}
.dash-toolbar {position: relative;}
/*.dash-toolbar .menu-toggle {margin-top: 12px;}*/
.tpbtlft-infobx{padding: 5px 5px;}
.curmenusec ul{display: inherit;}
.curmenusec li{display: inline-block; margin-right: 6px;}
.curmenusec li a{padding: 8px 12px;}
.actntxtright{text-align: left;}
.smlcstmtble td{font-size: 13px;}
.notesmsgbx{max-width: 85%;}

/*--------step section 28-04-2021------------*/

.plan-prices {font-size: 18px;}
.planpricebox a {padding: 20px 20px;}
.planpricebox label {padding: 20px 20px;}


}

@media only screen and (min-width: 768px) and (max-width: 991px) {	
#cssmenu #menu-button {top:-62px;}
.clntovr-lstng .col-lg-2{max-width: 33.333%; flex: 0 0 33.3333%; }
.clntovr-lstng .col-lg-4{max-width: 66.66666%; flex: 0 0 66.66666%; }
.clnt-sbnav ul{justify-content: unset;}
.clnt-sbnav ul li{margin: 5px 6px 5px 0;}
.clnt-sbnav ul li a, .clnt-sbnav .nav-tabs .nav-link{font-size: 12px; padding: 6px 10px;}
.clntsbmenu ul li a{font-size: 14px;}
.editclntbtn a{font-size: 14px;}
.sbsechd-srch, .sbsechd-sort{margin-right: 5px; max-width: 185px;}
.sbsechd-sort select{width: 68%; margin-left: 2px;}
.nwbtn a{padding: 10px 15px}
.sbsecheading h2{font-size: 24px;}
.formblockmain{padding: 0 0px;}
.ctmrsmramount{font-size: 21px;}
.ctmtbtmbtn{font-size: 14px;}
.helptel{font-size: 28px;}
.planrditem label{min-width: 56px;}
.signupsubmit p{font-size: 13px;}
.gcspsamehieght {height:42px; font-size: 17px !important;}
.tpbtlft-infobx{padding: 5px; font-size: 12px;}
.tlbrtoplft{margin: 0 -5px; max-width: 80%;}
.tpbtlftbx{padding: 0 5px;}
.tpuser-sec{padding-left: 15px; margin-left: 0px;}
.toprgtsrch{padding-right: 5px;}
.toolbarsearch{top: 2px; right: 15px;}
.heading-sec{flex-direction: column; align-items: flex-start; }
.hdngrgt{margin-top: 15px;}
.hdbgsrcbx:first-child{margin-left: 0px;}
.addnewbtn a{padding: 10px 15px;}
.subtbnavlstn ul li a{padding: 12px 20px;}
.cmsnamnlstitm{flex: 0 0  33.333%; max-width: 33.333%;}
.cmsnamnlstitm:nth-child(2n):after{content: "";}
.cmsnamnlstitm:nth-child(3n):after{content: none;}
.cmsnamnlstitm:last-child:after{content: none;}
.tpsubtb-wrap{padding: 0 45px;}
.largetbnav ul li.active a{border-bottom: 1px solid #C5D4E4;}
.noteslsiting, .btmviowallbtn{margin-left: -30px; margin-right: -30px;}

/*--------step section 28-04-2021------------*/

.regleft-nav {max-width: 300px;}
.refleftnavsec {padding: 20px;}
.reg-rightsec {margin-left: 300px;}
.regrightmiddsec {padding: 30px 30px;}
.regtitle {font-size: 26px; line-height: 38px;}
.planinfotext {font-size: 18px;}
.regplanlisting .col-md-4 {-ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%;}
.plan-prices {font-size: 18px;}
.leftbigicon {position: absolute; left: 20px; bottom:30px;}
.logoMB {margin-bottom: 40px;}
.formtabnav li {font-size: 20px;}
.paymentsecussbox h2 {font-size: 35px;}

.gethelpsec {margin-bottom: 40px;}
.formtabnav li .navsubtext a {font-size: 15px;}
.formtabnav li.active .navsubtext a.active::after {top: 3px;}
.regbluebg .logoMB {margin-bottom: 38px;}
.regwhitebg .logoMB {margin-bottom: 26px;}

}

@media only screen and (max-width: 767px) {	
.brandlogo {margin-bottom: 10px; text-align: left;}
.tpsearch{order:2;}
.tprightnav{order: 1;}
.tpsrcbx input{max-width: inherit;}
.clnovrtitle{font-size: 16px;}
.clntovrnmbr{font-size: 36px;}
.clntovr-lstng .col-lg-2{max-width: 33.333%; flex: 0 0 33.3333%; }
.clntovr-lstng .col-lg-4{max-width: 66.66666%; flex: 0 0 66.66666%; }
.clnt-sbnav ul{justify-content: unset;}
.clnt-sbnav ul li{margin: 5px 6px 5px 0;}
.clnt-sbnav ul li a, .clnt-sbnav .nav-tabs .nav-link{font-size: 12px; padding: 6px 7px;}
.clnt-sbnav{display: inherit;}
.clntsbmenu ul li a{font-size: 14px;}
.editclntbtn a{font-size: 14px;}
.noteschat{padding: 20px;}
.sbsecheading{display: inherit;}
.sbseched-rgt{ flex-wrap: wrap; justify-content: flex-start;}
.sbsechd-srch{margin-right: 15px; max-width: 48%; margin-top: 15px}
.sbsechd-sort{margin-right: 0px; max-width: 48%; margin-top: 15px}
.sbsechd-sort select{width: 68%; margin-left: 5px;}
.nwbtn{margin-top: 15px;}
.leadlikewrap{margin: 20px 0;}
.billingwrap .col-lg-4{margin-bottom: 30px;}
.billingwrap .col-lg-4:last-child{margin-bottom: 0px;}
.bilingbxamout{font-size: 30px;}
.creatinvoicebtn{margin-top: 15px;}
.vwclntbtn{margin: 3px 1px;}
.clntsvnav-rgt{justify-content: flex-start;}
.formblockmain{padding: 0 0px;}
.ctmrsmramount{font-size: 30px;}
.ctmr-smrwrap .col-lg-4{margin-bottom: 30px;}
.ctmr-smrwrap .col-lg-4:last-child{margin-bottom: 0px;}
.invitebtn{margin-top: 20px;}
/*.chartwrap{height:60vh;}	*/
.chartwrap{height:auto;}	
.snglitemchart{height: 14vh;}
.signupform{margin-top: 30px; padding: 15px;}
.planrditem{margin-bottom: 3px;}	
.signupsubmit p{font-size: 13px;}	
.gcspsamehieght {height:auto; font-size: 17px !important;}
.dash-content {padding-left:0px; padding-right: 0px;}
.middlesection {padding-left:0px; padding-right: 0px;}
.dash-toolbar {padding: 8px 20px 8px 20px;}
.toolbarpadd {padding-right: 0px;}
.secheading h3 {font-size: 25px;}
.tlbrtoplft{display: none;}
.toolbarleftrightsec{justify-content: flex-end;}
.heading-sec{flex-direction: column;}
.heading-sec{flex-direction: column; align-items: flex-start; }
.hdngrgt{margin-top: 15px;}
.hdbgsrcbx {margin-top: 8px; margin-left: 0; margin-right: 8px;}
.hdbgsrcbx:first-child{margin-left: 0px;}
.whtbx{padding:20px;}
.hdngrgt{flex-wrap: wrap; justify-content: flex-start;}
.btmviowallbtn{margin-left: -20px; margin-right: -20px;}
.tpsubtb-wrap{padding: 0 20px 20px; margin: 0 0 20px; align-items: center;}
.tpsubtb-wrap{flex-wrap: wrap;}
.subtbnavlstn ul li{font-size: 14px;}
.subtbnavlstn ul li a{padding: 10px 15px;}
.subtbnavlstn ul li.active a{border-bottom: 1px solid #C5D4E4;   }
.subbrgtwrp{margin-top: 15px}
.notesmsgbx{max-width: 90%;}
.noteslsiting{padding: 20px 20px;}

/*--------step section 28-04-2021------------*/

.regleft-nav {max-width: inherit; position: relative; left: inherit; width: 100%; bottom: inherit; top: inherit; box-shadow: none; overflow: inherit; background-color: transparent;}
.reg-rightsec {margin-left: 0px;}
.regrightmiddsec {padding:15px 20px 30px 20px;}
.regtitle {font-size: 26px; line-height: 38px;}
.planinfotext {font-size: 18px; margin-bottom: 30px;}
.regplanlisting .col-md-4 {-ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%;}
.plan-prices {font-size: 18px;}
.reg-desh {min-height: inherit; display: block;}
.logoMB {margin-bottom: 30px;}
.refleftnavsec {padding:20px 20px 10px 20px;}
.regleft-nav::before {display: none;}
.gethelpsec {margin-bottom: 30px;}
.regformsec input, .regformsec textarea, .regformsec select {padding: 10px;}
/*.regleft-nav.regwhitebg {border-bottom: 2px solid #ccc;}*/
.leftbigicon {display: none;}
.paymentsecussbox {height: 300px;}
.checksecussicon {width: 100px; height: 100px; font-size: 66px; line-height: 97px;}
.paymentsecussbox h2 {font-size: 35px;}
.bookpadd {padding: 30px 0px;}
.bookedtitle h2 {font-size: 40px;}
.welookforward {font-size: 18px;}

.formtabnav {margin-bottom: 10px; margin-top: 30px;} 
.formtabnav li a {font-size: 0px; margin-left: 5px; margin-right: 5px;}
.formtabnav li a span {font-size: 16px; margin-right: 0px; background-color: #fff; width: 35px; height: 35px; line-height: 29px;}
.formtabnav li.active a::after {display: none;}
.formtabnav li a:hover::after {display: none;}
.formtabnav li {margin-bottom: 0px; align-items: baseline;}
.formtabnav ul {display: flex; position: relative; justify-content: space-around; align-items: center;}
.formtabnav ul:before {position: absolute; left: 0px; top: 18px; width: 100%; height: 2px; background-color: #75757b; content: "";}
.formtabnav li.selectlink a span::before {left: 8px; top: 10px;}
.navsubtext {display: none;}
.formtabnav li.secusspayment a span::before {left: 8px; top: 10px;}

.regwhitebg .reg-logo {text-align: center;}
.regplanlisting .col-sm-6 {margin-bottom: 30px;}



.gethelpsec {display: none;}
.regleft-nav::after {display: none;}
.refleftnavsec .regtitle {display: none;}
.refleftnavsec .respaytext {display: none;}
.mobileblock {display: block;}
.logogethelp {display: flex; justify-content: space-between; align-items: center; }
.regbluebg .reg-logo {display: none;}
.regwhitebg .reg-logo {display: none;}
.regplandet h2 {color: #000;}
.moblogo {margin-right: 15px; flex: 1;}
.formtabnav li.active a:hover::after {display: none;}

.clsmorespace{margin-top: 0px;}

/*---- basic table ---*/
table.bt tfoot th, table.bt tfoot td, table.bt tbody td {border: none;  display: block; display: -webkit-box;  display: -webkit-flex;
	display: -ms-flexbox;  display: flex;  vertical-align: top;  /* IE 9 */  float: left\9;  width: 100%\9;}
table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before {  content: attr(data-th)"";  display: inline-block;  -webkit-flex-shrink: 0;  -ms-flex-shrink: 0;  flex-shrink: 0;
  font-size: 14px;  font-weight: bold; padding: 8px;  width: 45%; max-width: 140px; background-color: rgba(196,196,196,0.2);  color: #000;}
table.bt tfoot th.bt-hide,table.bt tfoot td.bt-hide,table.bt tbody td.bt-hide {  display: none;}
table.bt tfoot th .bt-content,table.bt tfoot td .bt-content,table.bt tbody td .bt-content {  vertical-align: top;padding: 8px; border-bottom: 1px solid #EBEBED; width: 100%;}
table.bt tbody td:last-child .bt-content{border-bottom: none;}
.bt-wrapper.active {  max-height: 310px;  overflow: auto;  -webkit-overflow-scrolling: touch;}
table.bt.bt--no-header tfoot td::before,table.bt.bt--no-header tbody td::before {  display: none;}
.cstmTable th, .cstmTable td{padding: 0px 0px; font-size: 14px; word-break: break-word;}
.cstmTable tr{border:1px solid #EBEBED; margin-bottom: 20px; display: block;}
td .bt-content{text-overflow: ellipsis; overflow: hidden; /*white-space: nowrap;*/}

}

@media only screen and (max-width: 639px) {	
.secheading h3{font-size: 21px;}
.explainervideo .modal-body{height: 300px;}
}

@media only screen and (max-width: 575px){	
.clntovr-lstng .col-lg-2{max-width: 50%; flex: 0 0 50%; }
.clntovr-lstng .col-lg-4{max-width: 100%; flex: 0 0 100%; }
.msdbtnwrap{flex-wrap: wrap;}
.txtareawrap{max-width: 100%; flex:0 0 100%;}
.addsubntn{margin-top: 15px;}
.pytmrditem strong{font-size: 12px;}
.cardimage{max-width: 100px;}
.cardinput{max-width: 65%;}
.clntovrbx {max-width: 200px;margin:0 auto;}
.clntovr-lstng .mtb-15 {margin-top:0;}
.gcpaymentoptmodal .modal-dialog {margin-left: 15px; margin-right: 15px; }
.paymentoptioncardinputs .pyiptintsng1 {width: 95px;}
.paymentoptioncardinputs {flex-wrap: wrap;}
.paymentoptioncardinputs .pyiptintsng {width: 100%; border-bottom: 1px solid #dcdcdc;}
.paymentoptioncardinputs .pyiptintsng1 {margin-left: 17px;}
.paymentoptioncardinputs .pyiptintsng::after {right: 7px;}
.toolbarselectbox .selct-dropdown {width: 150px;} 
.toolbarsearch input {width: 175px;}
.leadpieinfo{margin-top: 20px;}
.notesmsgbx{max-width: 90%;}
.msgnottop{flex-direction: column;}
.notesmsgbx .note-datetime{margin-left: 0px;}

/*--------step section 28-04-2021------------*/
.bookedtitle h2 {font-size: 35px;}
.booklogo {margin-bottom: 30px;}
.bookedtitle {margin-bottom: 40px;}
.bookinguserimg {float: none; margin: auto auto 30px auto;}
.bookinguserdetail {margin-left: 0px;}
.calegrayborderbox {padding: 15px;}

.explainervideo .modal-body{height: 260px;}
}

@media only screen and (max-width: 479px) {	
.clnt-sbnav ul li{margin: 5px 5px 5px 0;}
.clnt-sbnav ul li a, .clnt-sbnav .nav-tabs .nav-link{font-size: 11px; padding: 6px 8px;}
.clntsbmenu ul li a{font-size: 14px;}
.editclntbtn a{font-size: 14px;}
.sbseched-rgt{display: inherit; flex-wrap: wrap;}
.sbsechd-srch{margin-right: 0px; max-width: 100%; margin-top: 15px}
.sbsechd-sort{margin-right: 0px; max-width: 100%; margin-top: 15px; padding: 10px 10px 8px 10px;}
.billingdetailtable table td{font-size: 12px; line-height: 1.2;}
.carddtl{font-size: 12px;}
.sbsechd-sort select{width: 75%;}
.time-customradio label{padding: 6px 12px; font-size: 13px;}
/*.chartwrap{height:55vh;}*/
.chartwrap{height:auto;}	
.snglitemchart{height: 14vh;}
.signupform .form-group{display: inherit;}
.pytmrditem{max-width: 100%; flex:0 0 100%; margin-top: 20px}
.loginwrap{padding: 15px;}
.loginlogo{margin-bottom: 30px;}
.loginlogo img{max-width: 200px;}
.paymntwrap { display: block; }
.pytmrditem { max-width: 210px; margin: 0 auto 15px; }
.accountbilltab li {margin-left:7px; margin-right:7px;}
.gcnewtitle .creatinvoicebtn a {padding: 8px 10px; font-size: 14px;}
.gcspnewnotelayout .notetime span {display: block; padding-top: 3px;}
.gcspnewnotelayout .notetime {margin-bottom: 8px;}
.toolbarfilter {flex: inherit; text-align: left;}
.cmsnamnlstitm{flex: 0 0 100%; max-width: 100%; border-bottom: 1px solid #E1E8EF; padding-bottom: 20px;}  
.cmsnamnlstitm:last-child{border-bottom: none; padding-bottom: 0px;}
.cmsnamnlstitm::after{content: none;}
.ctmtbl-wrap{min-height: 260px;}
.smlcstmtble th, .smlcstmtble td{padding:10px 5px;}
.notesmsgbx{max-width: 95%;}
.gcpagination a.py-2 {padding: 5px 10px !important;}

/*--------step section 28-04-2021------------*/


a.nextbtn {padding: 14px 55px 14px 20px;}
a.nextbtn::after {right: 20px;}
.paymentsecussbox h2 {font-size: 25px;}
.bookedtitle h2 {font-size: 30px;}

.planpricebox label {padding: 15px 10px; font-size: 20px; border-radius: 15px; }
.planpricebox label i {font-size: 16px; padding-top: 3px;}

.logogethelp.mobileblock a.regbluebtn  {font-size: 15px;}
.gethelplinkmob a.regbluebtn:before {font-size: 19px top: 5px;}

.explainervideo .modal-body{height: 240px;}

}

@media only screen and (max-width: 399px) {	
.clntovr-lstng .col-lg-2, .clntovr-lstng .col-lg-4{max-width: 100%; flex: 0 0 100%; }
.footer{font-size: 14px;}
.crddtltd .bt-content{flex-wrap: wrap;}
.carddtl{margin-top: 5px;}
.sbsecheading h2{font-size: 24px;}
.time-customradio label{padding: 6px 8px; font-size: 11px;}
table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before {max-width: 100px; font-size: 12px;}
/*.chartwrap{height:50vh;}*/
.chartwrap{height:auto;}	
.snglitemchart{height: 18vh;}
.notesmsg:after{left: 15px;}
.notetime{padding-left: 10px;}	
.cardinput{max-width: 75%; flex:0 0 75%;}
.cardimage{margin-left: 20px; margin-top: 10px;}
.cardnmbrdtl{flex-wrap: wrap;}
.loginsubbtn { display: block; text-align: center; }
.loginsubbtn input[type="submit"] { margin-bottom: 15px; }
.registerbtn { text-align: center; margin-bottom: 15px; }
.frgpswrd { text-align: center; }
.accountbilltab li {margin-left:15px; margin-right:15px;}
.accountbilltab li:last-child {margin-left: 0px;}
.cardpos .formcardimg {right: 6px;}
.cstmTable th, .cstmTable td{font-size: 13px;     word-break: break-word;}
.cusinfotitle{font-size: 13px;}
.actionbtn a{margin-left: 5px; padding: 6px 10px;}
.logogethelp a.regbluebtn {font-size: 16px; padding: 5px 10px;}

.logogethelp.mobileblock a.regbluebtn  {font-size: 12px; padding-left: 25px !important;}
.gethelplinkmob a.regbluebtn:before {font-size: 17px; left: 14px; top: 4px; }

.explainervideo .modal-body{height: 200px;}

}

img {max-width: 100%; height: auto;}