body,
html {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size:18px;
    font-family: "Poppins", sans-serif;
}

.maincontent {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.maincontent_wrapper {
    padding-top: 0;
}


.reusable img{
    width:100%;
}
.r-container{
    max-width:1400px;
    padding:2%;
    margin:0 auto;
}
.r-header{
  text-align: center;
}

table.blueTable {
    font-family: Arial, Helvetica, sans-serif;
    /* border: 1px solid #1C6EA4; */
    /* background-color: #EEEEEE; */
    width: 100%;
    text-align: center;
    border-collapse: collapse;
  }
  table.blueTable td, table.blueTable th {
    border-block: 1px solid #AAAAAA;
    padding: 3px 2px;
  }
  table.blueTable tbody td {
    font-size: 13px;
    width:20%;
    padding:15px 8px 14px;
    min-height:50px;
  }
  table.blueTable tr:nth-child(even) {
    background: #F8F8F8;
  }
 
  table.blueTable thead th:first-child {
    /* border-left: none; */
  }
  table.blueTable tbody tr td:first-child {
    text-align: left;
  }
  table.blueTable tbody tr td:nth-child(2) {
    /* border-right: 2px solid #000; */
  }
  table.blueTable tfoot {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background: #D0E4F5;
    background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
    background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
    background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
    border-top: 2px solid #444444;
  }
  table.blueTable tfoot td {
    font-size: 14px;
    
  }
  table.blueTable tfoot .links {
    text-align: right;
  }
  table.blueTable tfoot .links a{
    display: inline-block;
    background: #F8F8F8;
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 5px;
  }
  .row2 td{
    text-align: center;
  }
  td img{
    max-width:200px;
  }
  .span-all{
    column-span:all;
  }
  #extended{
    border-right:0;
  }
  .row3 td{
    border-top:2px solid #000;
    border-bottom:2px solid #000;
    border-left:0;
    border-right:0;
    background-color:#E6E6E6 ;
  }
  /* ========== new code ============ */
  .shingle-image td img{
    max-width:125px
  }
  tr td:first-child{
    font-weight:700;
  }
  .check{
    max-width:33px;
    max-height:35px;
  }
  .check-m{
    max-width:25px;
    margin-left:10px;
    margin-bottom:10px;
    /* max-height:35px; */
  }
  .fineprint{
    font-size:.8rem;
  }
  .my-header{
    display:flex;
    flex-direction: row;
    align-items: center;
    margin-bottom:20px;
  }
  .shingle-image p{
    margin:0;
  }
 
  /* =============== Mobile ================ */
  .mobile-reusable{
    display:none;
  }
  .mobile-reusable p{
    margin:5px ;
  }
  .mobile-reusable .my-header{
    justify-content: center;
  }
  .warranty-type{
    text-align: center;
  }
  .my-hr{
    max-width:75%;
    margin:0 auto 20px;
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
  }
  .warranty-type-group{
    margin-block:10px;
    padding-block:8px;
    /* border-bottom:2px solid #000; */
  }
  @media screen and (max-width:1050px) {
    .reusable{
      display:none;
    }
    .mobile-reusable{
      display:block;
    }
  }
  @media (min-width: 768px) and (max-width: 1024px) {
    table, thead, tbody, th, td, tr {
        /* display: block; */
        height: auto;
        text-align: center;
        /* width: 100%; */
        margin: 0px auto;
    }
}