@media only screen and (device-width: 375px) and (device-height: 667px) {
  /* CSS rules here */
  .howto {
    bottom: 11px;
    position: relative;
  }
}
@media only screen and (device-width: 320px) and (device-height: 568px) {
  /* CSS rules here */
  .howto {
    bottom: 11px;
    position: relative;
  }
  .loginDiv {
    padding: 10px 5px !important;
  }
  .conLinks > span > a {
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 10.5px !important;
  }
  .breadcrumb li a {
    padding: 5px 0 5px 30px !important;
  }
  .breadcrumb li a:before {
    border-left: 20px solid white;
  }

  .breadcrumb li a:after {
    border-left: 20px solid hsl(0, 0%, 92%);
  }
  #no-more-tables td {
    font-size: 13px;
  }
  .mobBreadcrumbMargin {
    margin-top: 11px !important;
  }
  .legalLogin {
    margin-top: -20px !important;
  }
  .topsection {
    margin-top: 50px !important;
  }
}
@media only screen and (device-width: 568px) and (device-height: 320px) {
  /* CSS rules here */
  .loginDiv {
    padding: 10px 5px !important;
  }
  .conLinks > span > a {
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 10.5px !important;
  }
  .mobBreadcrumbMargin {
    margin-top: 11px !important;
  }
  .legalLogin {
    margin-top: -30px !important;
  }
  .beforeLogin {
    margin-top: 10px !important;
  }
  .fixedhowToPanel {
    margin-top: -5px !important;
  }
  .topsection {
    margin-top: 50px !important;
  }
}
@media only screen and (device-width: 360px) and (device-height: 640px) {
  /* CSS rules here */
  .howto {
    bottom: 11px;
    position: relative;
  }
  .contactusMargin {
    margin-top: -16px !important;
  }
}

@media only screen and (device-width: 412px) and (device-height: 732px) {
  /* CSS rules here */
  .howto {
    bottom: 11px;
    position: relative;
  }
}
@media only screen and (device-width: 414px) and (device-height: 736px) {
  /* CSS rules here */
  .howto {
    position: relative;
    bottom: 11px;
  }
}

@media only screen and (device-width: 1024px) and (device-height: 768px) {
  /* CSS rules here */
  .titlePanel {
    margin-top: 25px !important;
    /*top:-25px !important;*/
  }
}
/*iPad CSS rules here*/
@media only screen and (device-width: 768px) and (device-height: 1024px) {
  .titlePanel {
    margin-top: -14px !important;
  }
  .fixedPanel {
    margin-top: -17px !important;
  }
  .fixedPanel + div {
    margin-top: 45px !important;
  }
  .howto {
    margin-top: -5px !important;
  }
  .mag-t-m-41px + ul.breadcrumb {
    margin-top: -40px !important;
  }
  /*.titleWithBtn{margin-top: -14px !important}*/

  .mrg-t-m-14px {
    margin-top: -14px !important;
  }
  .mrg-title-25px {
    margin-top: 25px !important;
  }
  .contactusMargin {
    margin-top: -16px !important;
  }
  .accordionIconPlacement {
    padding-right: 48px !important;
  }
  .editbillmsg {
    margin-left: 15px;
  }
  .legalLogin {
    margin-top: -20px !important;
  }
  a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
  }
  .preContact {
    margin-top: 50px !important;
  }
  .ipadadjust {
    margin-top: 0px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .howto {
    margin-top: -5px !important;
  }
  .titlePanel {
    margin-top: 25px !important;
  }
  .fixedPanel {
    position: fixed;
    display: block;
    z-index: 99999;
    max-width: 1024px;
  }
  .contactusPanel {
    max-width: 1024px;
  }
  /* .fixedPanel + div {
    margin-top: 87px !important;
  } */
  .howToMrgFix + div {
    margin-top: 77px !important;
  }
  .profileMrgFix + div {
    margin-top: 83px !important;
  }
  .fixedhowToPanel {
    max-width: 1024px !important;
  }
  /* .mag-t-m-41px  + ul.breadcrumb  {/*margin-top: 2px !important;} */
  .contactusMargin {
    margin-top: -16px !important;
  }
  .editbillmsg {
    margin-left: 15px;
  }
  a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
  } /*disable tel no in desktop view*/
  .preContact {
    margin-top: 50px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobPartiesHeading.statementView{
    display:block !important
  }
  .titlePanel {
    margin-top: -4px !important;
  }
  .titlePaneliPad {
    margin-top: 37px !important;
  }
  .fixedPanel {
    margin-top: -6px !important;
  }
  .policiesDashboard + div{margin-top:150px !important}
  .fixedPanel + div {
    margin-top: 60px !important;
  }
  .historyMobMrg + div {
    margin-top: 70px !important;
  }
  .table-responsive {
    border: none;
  }
  .contactusMargin {
    margin-top: -16px !important;
  }
  .navbar-brand {
    padding-left: 0 !important;
    margin-left: 10px !important;
  }
  .partiesAccordion {
    margin-left: 10px;
  }
  .mobPartiesHeading {
    margin-top: -3px !important;
    display: contents;
  } /* SROC-845. added display: contents to to allign accordion section according to the suspended message */
  .mob-pad-top10px {
    padding-top: 20px !important;
  }
  .mob-pad-t-10px {
    padding-top: 10px !important;
  }
  .mob-pad-bot5px {
    padding-bottom: 5px !important;
  }
  .mob-mar-top-25px {
    margin-top: -25px !important;
  }
  .info_margin {
    margin-top: 33px !important;
  }
  .accordionIconPlacement {
    padding-right: 21px !important;
  }
  .footerBottomPadding {
    padding-bottom: 0 !important;
  }
  .navbar-nav .open .userProfile {
    margin-top: -50px !important;
  } /*for aligning profile avatar in mobile sroc-907*/
}

/*nexus 6p*/
@media only screen and (device-width: 732px) and (device-height: 412px) {
  /* landscape mode */
  .titlePanel {
    margin-top: -14px !important;
  }
  .accordionIconPlacement {
    padding-right: 45px !important;
  }
}

/*iphone 7P CSS rules here */
@media only screen and (device-width: 414px) and (device-height: 736px) {
  /* potrait mode */
  .adjustMob {
    margin-top: 0px !important;
  }
  .mobBreadcrumbMargin {
    margin-top: 11px !important;
  }
  .legalLogin {
    margin-top: -20px !important;
  }
  .mob-mrg-t-0px {
    margin-top: 0px !important;
  }
  .topsection {
    margin-top: 50px !important;
  }
}
@media only screen and (device-width: 736px) and (device-height: 414px) {
  /* landscape mode */
  .titlePanel {
    margin-top: -14px !important;
  }
  .fixedPanel {
    margin-top: -17px !important;
  }
  .fixedPanel + div {
    margin-top: 51px !important;
  }
  .mag-t-m-41px + ul.breadcrumb {
    margin-top: -51px !important;
  }
  .info_margin {
    margin-top: 10px !important;
  }
  .accordionIconPlacement {
    padding-right: 47px !important;
  }
  .adjustMob {
    margin-top: 8px !important;
  }
  .mobBreadcrumbMargin {
    margin-top: 8px !important;
  }
  .legalLogin {
    margin-top: -8px !important;
  }
  .beforeLogin {
    margin-top: 34px !important;
  }
  .mob-mrg-t-0px {
    margin-top: 0px !important;
  }
  .topsection {
    margin-top: 50px !important;
  }
}

/*iphone 8 CSS rules here*/
@media only screen and (device-width: 375px) and (device-height: 667px) {
  /*potrait mode*/
  .accordionIconPlacement {
    padding-right: 17px !important;
  }
  .adjustMob {
    margin-top: 0px !important;
  }
  .mobBreadcrumbMargin {
    margin-top: 11px !important;
  }
  .legalLogin {
    margin-top: -20px !important;
  }
  .mob-mrg-t-0px {
    margin-top: 0px !important;
  }
  .topsection {
    margin-top: 50px !important;
  }
}

@media only screen and (device-width: 667px) and (device-height: 375px) {
  /*landscape mode*/
  .info_margin {
    margin-top: 22px !important;
  }
  .accordionIconPlacement {
    padding-right: 43px !important;
  }
  .adjustMob {
    margin-top: 0px !important;
  }
  .mobBreadcrumbMargin {
    margin-top: 11px !important;
  }
  .legalLogin {
    margin-top: -20px !important;
  }
  .mob-mrg-t-0px {
    margin-top: 0px !important;
  }
  .topsection {
    margin-top: 50px !important;
  }
}

/*iphone X CSS rules here*/
@media only screen and (device-width: 375px) and (device-height: 812px) {
  /* potrait mode */
  .info_margin {
    margin-top: 22px !important;
  }
  .accordionIconPlacement {
    padding-right: 17px !important;
  }
  .adjustMob {
    margin-top: 0px !important;
  }
  .mobBreadcrumbMargin {
    margin-top: 11px !important;
  }
  .legalLogin {
    margin-top: -20px !important;
  }
  .mob-mrg-t-0px {
    margin-top: 0px !important;
  }
  .topsection {
    margin-top: 50px !important;
  }
}
@media only screen and (device-width: 812px) and (device-height: 375px) {
  /* landscape mode */
  .titlePanel {
    margin-top: -14px !important;
  }
  .fixedPanel {
    max-width: 768px !important;
    margin-top: -17px !important;
  }
  .contactusPanel {
    max-width: 768px !important;
    margin-top: -17px !important;
  }
  .fixedPanel + div {
    margin-top: 58px !important;
  }
  .suspendedFix {
    padding-top: 0px !important;
  }
  .mag-t-m-41px + ul.breadcrumb {
    margin-top: -41px !important;
  }
  .info_margin {
    margin-top: 10px !important;
  }
  .accordionIconPlacement {
    padding-right: 50px !important;
  }
  .editbillmsg {
    margin-left: 15px;
  }
  .adjustMob {
    margin-top: 0px !important;
  }
  .legalLogin {
    margin-top: -7px !important;
  }
  .beforeLogin {
    margin-top: 33px !important;
  }
  .mob-mrg-t-0px {
    margin-top: 0px !important;
  }
  .topsection {
    margin-top: 50px !important;
  }
  .ipadadjust {
    margin-top: 0px !important;
  }
  .iphoneXFix {
    margin-top: 50px !important;
  }
  /* .preContact{margin-top: 50px !important;} */
}

.howto {
  height: 42px;
  padding-left: 10px !important;
  font-size: 18px;
  line-height: 42px;
  color: #000;
  background-color: #dbe4f2;
  margin-top: 6px;
}

.fixedPanel {
  position: fixed;
  display: block;
  z-index: 999;
  width: 100%;
}
.fixedPanel + div {
  margin-top: 87px;
}
.fixedhowToPanel {
  position: fixed;
  display: block;
  z-index: 999;
  width: 100%;
}
.howtoMrg {
  margin-top: 32px !important;
}
.preloginhowTo {
  margin-top: 80px !important;
}
.preloginhowTo ~ div {
  margin-top: 15px !important;
}
.preloginContact {
  margin-top: 80px !important;
}
.contactusPanel {
  position: fixed;
  display: block;
  z-index: 999;
  width: 100%;
}
@media only screen and (max-width: 992px) {
.pull-left{
  float: none !important;
}
.loginDiv>span.LoginSpan>a{
  text-decoration: underline 2px;
  text-underline-offset: 5px;
  font-size: 11px !important;
}
.conLinks>span>a{
font-size: 11px !important;
}
.material-symbols-outlined.headerIcon{
font-size: 11px !important;
}
}
@media only screen and (max-width: 576px){
.titlePanel>h3.oc-modal-header{
  top: 0px;
}
.preContact.topsection {
  margin-top: 60px !important;
}
}

element.style {
}
.padding-none {
       padding-left: 0px !important;
       padding-right: 0px !important;
}
.preloginhowTo {
    margin-top: 85px !important;
}
.padding-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.preloginhowTo {
    margin-top: 80px !important;
}
.fixedPanel {
    position: fixed;
    display: block;
    z-index: 999;
    width: 100%;
}
@media only screen and (max-width: 767px){
.fixedPanel.titlePanel.preloginhowTo{
    max-width: 540px;
    padding-top: 10px;
}
/*.preloginhowTo {
  margin-top: 85px !important;
}*/
.preloginhowTo ~ div {
  margin-top: 25px !important;
}
.contactusPanel.preloginContact.contactusMargin{
  max-width: 540px;
  padding-top: 10px;
}
.mrg-t-103px.phone-view{
  margin-top: 160px !important;
}
}
@media only screen and (max-width: 767px){
.headerForgotUsernamePassword {
  margin-top: 53px !important;
}
.policiesDashboard.pad-lAr7px {
  margin-top: 70px !important;
}
.companiesServicedHeader {
  margin-top: 0px !important;
}
.custom-privacy{
  margin-top: 0px !important;
} 
.custom-notice{
  margin-top: 0px !important;
}
}
@media only screen and (max-width: 667px){
  .headerForgotUsernamePassword {
    margin-top: 65px !important;
  }
  }
@media only screen and (max-width: 575px){
.row {
display: contents !important;
}
.marketing .col-lg-4{
  text-align:left;
}
.cust-portal-info {
  font-size: 15px !important;
}
}
@media only screen and (min-width: 576px){
.custom-row-icon.col-sm-6 {
max-width: 100%;
}
}
@media only screen and (device-width: 375px) and (device-height: 667px){
.custom-companies {
bottom: -5px;
position: relative;
}
.custom-privacy{
  bottom: -5px;
  position: relative;
}
.custom-notice{
  bottom: -5px;
  position: relative;
}
.diform-text {
  top: 10px;
} 
}
@media only screen and (max-width: 1024px){
.titlePanel.policiesHome-page{
  margin-top: -45px!important;
}
.policiesDashboard.pad-lAr7px{
  margin-top: 65px !important;
}
}
@media only screen and (max-width: 736px){
  .custom-notice.howto{
    margin-top: 0px !important;
  }
  .custom-privacy.howto{
    margin-top: 0px !important;
  }
}