.lp-comparison{ 
  margin:0; 
  position:relative;
  h2{ 
    text-align:center; 
    margin-bottom:4rem;
    margin-top:0; 
  } 
  .lp-comparison-table{
    padding:0 64px;
    max-width:100%;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    line-height:18px; 

    .colh{
      height:auto !important;
      *{
        text-align:left;
      }
      span{
        img{
          max-width:100%;
          display:block;
          border-radius:12px;
        }
      }
      h3{
        color: black;
        font-size: 28px;
        font-weight: 500;
        line-height: 34px;
        margin:15px 0 0 0;
      }
      .price{
        color: #DD4C03;
        font-size: 16px;
        font-weight: 500;
        line-height: 36.40px;
        letter-spacing:0px;
        display:block;
        margin-bottom:20px;
      }
      .button{
        margin-bottom:24px;
      }
    }
    
    .col1, .col2, .col3, .col4{
      width:26%;
      min-width:26%;
      div{
        display:flex;
        align-items:center;
        height:88px;
        border-bottom:1px solid #302B25;
        padding:10px;
        width:100%;
        min-width:100%;
        ul{
          margin:0;
          padding-inline-start:16px;
          li{
            padding:1px 0;
          }
        }
      }
      .blk1{
        min-height:372px;
        align-items:flex-start;
        padding-top:20px;
      }
      .blk5{
        min-height:128px;
      }

      .colh{
        border-top: none;
        text-align: center;
        margin:0;
      }
    }
    .col1{
      width:22%;
      min-width:22%;
      *{
        color: black;
        font-size: 18px;
        font-weight: 500;
        line-height: 25.20px;
      }
    }
  }

  .dt-body{
    padding-left:0 !important;
  }
  .scroll-table{
    display: none;
  }
}

.mbl-only{
  display:none;
}

@media screen and (max-width: 860px) {
  .mbl-only.bold{
    display:block;
      *{
        font-weight: 600 !important;
    }
  }
  .lp-comparison{
    padding-top:28px !important;
    position: relative;

    .lp-comparison-table{
      padding: 0 0 20px 16px;
      overflow-x:scroll;
      align-items:flex-end;
    }
    .col1{
      display:none;
    }
    .col2, .col3, .col4{
      width:92%;
      flex: 0 0 92%;
      div{
        padding-left:0 !important;
        display: flex !important;
    flex-direction: column;       /* stack content vertically */
    justify-content: center;      /* vertical centering */
    align-items: flex-start;
        text-align:left;
        height:auto !important;
        min-height:75px;
        padding-right:16px !important;
        p, ul, li, span{
          margin:0;
          font-size:13px;
          width:100%;
          text-align:left;
        }
      }
      .blk1{
        min-height:340px !important;
        padding-top:16px !important;
        align-items:flex-start !important;
      }
      .blk5{
        min-height:112px !important;
      }
    }
    .col2 div, .col3 div{
      padding-right:16px !important; 
    }
  }
}