.product-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #003087;
    margin-top: 2rem;
    margin-bottom: 30px;
  }

  .product-wrapper{
    width: 90%;
  }

  .img-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid black;
  }

  .img-box{
    padding: 0 !important;
  }
  
  .description-box p {
    font-size: 18px;
    color: #333;
    font-family: 'Roboto', sans-serif;
    text-align: justify;
  }

  .description-box {
     align-items: start;
  }

  .table th, .table td {
    text-align: center;
    vertical-align: middle;
  }

  .table-haead{

    background-color: #06347C;
    
  }

  .table-container{
    padding-bottom: 40px;
  }

  .product-container{
    padding-bottom: 50px;
  }

  
  .product-description-wrapper{
    font-size: 1.2em;
    font-family: sans-serif;
    padding-left: 40px !important;
    line-height: 1.9;
    text-align: justify;
    
  }

  .application-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    margin-bottom: 100px;

  }

  .application-list li{
    margin-bottom: 20px;
    font-size: 1.2em !important;
  }

  .section-title1 {
    font-size: 25px;
    color: #003087;
    margin-bottom: 30px;
  
    font-family: 'Montserrat', 'Open Sans', 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
  }

  .table-bordered{
    border: 2px !important;
  }

  .section-title2 {
    font-size: 25px;
    color: #003087;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: 90px;
    font-family: 'Montserrat', 'Open Sans', 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
  }
  .list-container{
    padding-left: 90px;
  }

  .table-bordered td, .table-bordered th {
    border: 5px solid #dee2e6;
  }
  .table .table-header{
    background-color: #06347C;
  }


 #table-header{
    background-color: #003087;
 }

 #table-title th{
    color: rgb(241, 238, 238);
 }

 #table-header td{
    color: rgb(241, 238, 238);
 }
  

 .ultra-large-header th{
    color: rgb(241, 238, 238);
 }


 @media (max-width: 1202px){

    
    .product-description-wrapper{
      font-size: 1em !important;
    }
  
    .application-list li{
      font-size: 1em !important;
    }
   }
  
   @media (max-width: 1066px){
  
      .product-description-wrapper{
          font-size: 0.9em !important;
        }
  
        .application-list li{
          font-size: 0.9em !important;
        }
  
   }
  
   @media (max-width: 1000px){
  
      .product-description-wrapper{
          font-size: 0.8em !important;
        }
  
        .application-list li{
          font-size: 0.8em !important;
        }
  
   }
  
   @media (max-width: 890px){
  
      .product-description-wrapper{
          font-size: 0.9em !important;
        }
  
        .application-list li{
          font-size: 0.9em !important;
        }
  
   }
  
  
   @media (max-width: 768px){
  
      .product-description-wrapper{
          font-size: 1em !important;
  
        }
  
        .application-list li{
          font-size: 1em !important;
        }
   }
  
   @media (max-width:767px){
  
    .product-description-wrapper{
      padding: 0px !important;
  
    }
  
   }
  
  
  @media (min-width:2000px){
  
    .product-description-wrapper{
      padding-left: 100px !important;
      font-size: 2em;
    }
  
    .application-list li{
      font-size: 2em !important;
    }
  }
  
  @media (min-width:3000px) {
    
    .product-description-wrapper{
  
      font-size: 2.5em;
    }
  
    .application-list li{
      font-size: 2.5em !important;
    }
  
  }
  


  @media (max-width: 286px){

    .application-list li {
     
        font-size: 12px !important;
        margin-right: 0px !important;
        columns: 1;
      }

      .product-description-wrapper p{
        font-size: 12px !important;
      }

      .list-container{
        padding: 0px !important;
      }

      .product-title{
         margin-left: 0 !important;
         font-size: 15px;
         text-align: center;
      }


      .section-title1{
        font-size: 18px !important;
      }

      .section-title2{
        padding: 0px !important;
        margin-left: 0px !important;
      }

      
      .application-list {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        margin-bottom: 80px !important;
        padding-left: 0px !important;
        padding: 0 !important;
      }

      .section-title2 span{
        padding-left: 10px;
        font-size: 18px !important;
      }
    
      .application-list ul{
        padding-left: 30px !important;
      }
  }

  @media (min-width: 250px) and (max-width: 300px){

    .list-container {
        padding-left : 10px !important;
      }

    .product-title{

        font-size: 15px;
    }

    .application-list li {
     
        font-size: 12px !important;
        margin-right: 0px !important;
        columns: 1;
      }

      .product-description-wrapper p{
        font-size: 12px !important;
      }

      .description-box p{
        font-size: 12px !important;
      }

      .section-title1{
        font-size: 18px !important;
        word-wrap: break-word;
      }

      .section-title2{
        font-size: 18px !important;
        word-wrap: break-word;
        margin-left: 35px !important;
      }

      .application-list li{
        font-size: 13px !important;
      }
  
      
      .application-list {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        margin-bottom: 80px !important;
        padding-left: 0px !important;
        padding: 0 !important;
      }
    
      .application-list ul{
        padding-left: 30px !important; 
      }
    

  }

  @media (min-width: 301px) and (max-width: 320px){

    .list-container {
        padding-left : 10px !important;
      }

    .product-title{
        font-size: 18px;
    }

    .application-list li {
     
        font-size: 13px !important;
        margin-right: 0px !important;
        columns: 1;
      }

      .product-description-wrapper p{
        font-size: 13px !important;
      }
    
      .section-title2{
        font-size: 20px !important;
        padding-left: 5px !important;  
    }
    
    .section-title1{
      font-size: 20px;
      padding: 10px;
    }

    .application-list {
      columns: 1;
      -webkit-columns: 1;
      -moz-columns: 1;
      margin-bottom: 80px !important;
      padding-left: 0px !important;
      padding: 0 !important;
    }
  
    .application-list ul{
      padding-left: 30px !important;
    }

  }


  @media (min-width: 320px) and (max-width: 375px) {
   

  .product-title{
    font-size: 20px;
  }
    .section-title2{
        font-size: 20px !important;
        margin: 0px !important;
    
    }

    .section-title2 span{
        padding-left: 20px !important;
    }

    .section-title1{
        font-size: 20px;
    }
    .list-container {
      padding: 10px !important;
    }
  
    .application-list li {
      font-size: 14px !important;
      font-family: 'Roboto', sans-serif;
      margin-bottom: 20px;
      margin-right: 0px !important;
      columns: 1;
    }
    
    .product-description-wrapper p{
        font-size: 14px !important;
      }
  
    .description-box p {
      font-size: 14px !important;
    }

    .application-list {
      columns: 1;
      -webkit-columns: 1;
      -moz-columns: 1;
      margin-bottom: 80px !important;
      padding-left: 0px !important;
      padding: 0 !important;
    }
  
    .application-list ul{
      padding-left: 30px !important;
    }
  }

  @media (min-width: 374px) and (max-width: 425px) {
  

    .product-title{
        margin-left: 0px !important;
        text-align: center;
        font-size: 20px;
    }
  
    .section-title2{
        font-size: 18px;
        margin: 0px !important;
    }
    .list-container {
      padding-left: 20px !important;
    }
  
    .application-list li {
      font-size: 14px !important;
      font-family: 'Roboto', sans-serif;
      margin-bottom: 20px;
      margin-right: 0px !important;
      columns: 1;
    }

    .product-description-wrapper p{
        font-size: 14px !important;
      }
  
    .description-box p {
      font-size: 14px !important;
    }

    .section-title1{
      font-size: 18px;
      padding: 20px;
    }

    
    .application-list {
      columns: 1;
      -webkit-columns: 1;
      -moz-columns: 1;
      margin-bottom: 80px !important;
      padding-left: 0px !important;
      padding: 0 !important;
    }
  
    .application-list ul{
      padding-left: 30px !important;
    }
  }
  @media(min-width: 426px) and (max-width: 650px){


      .application-list li{
        font-size: 16px !important;
        font-family: 'Roboto', sans-serif;
        margin-bottom: 20px;
        margin-right: 0px !important;
        columns: 1;
      }

    .description-box p{
        font-size: 15px !important;
    }

    .section-title2{
        margin-left: 0px !important;
        padding: 0;
        font-size:  18px !important;
        
    }

    .section-title1{
      font-size: 18px;
    }
    .list-container{
          padding-left: 20px !important;
    }

    .product-title{
      font-size: 20px;
    }
    
    .application-list {
      columns: 1;
      -webkit-columns: 1;
      -moz-columns: 1;
      margin-bottom: 80px !important;
      padding-left: 0px !important;
      padding: 0 !important;
    }
  
    .application-list ul{
      padding-left: 30px !important;
    }

    
   
  }

  @media (min-width: 460px) and (max-width: 549px){

    .section-title2{
        margin-left: 0px !important;
        padding-left: 0px !important;
        font-size: 18px !important;
        
    }

    .list-container{
        padding-left: 40px !important;
}

  .section-title2{
      margin-left: 0px !important;
      padding-left: 10px !important;
  }


  .application-list {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    margin-bottom: 80px !important;
    padding-left: 0px !important;
    padding: 0 !important;
  }

  .application-list ul{
    padding-left: 30px !important;
  }
}


  @media (min-width: 549px) and (max-width: 575px){

        .list-container{
            padding-left: 60px !important;
    }

    .section-title2{  
        padding-left: 10px !important; 
        font-size: 18px !important;
    }

    .application-list {
      columns: 1;
      -webkit-columns: 1;
      -moz-columns: 1;
      margin-bottom: 80px !important;
      padding-left: 0px !important;
      padding: 0px !important;
    }

    .application-list ul{
      padding-left: 30px !important;
    }
  }


  @media (min-width: 576px) and (max-width: 650px){
    .product-wrapper{
        width: 95% !important;
      }
    
      .section-title2{
        margin-left: 0px !important;
        font-size: 20px !important;
      }

    .section-title1{
        font-size: 20px !important;
    }

      .product-title{
        margin-left: 0px !important;
      }

      .description-box p{
        font-size: 11.5px !important;
        
      }
       
      .application-list li{
       
        font-family: 'Roboto', sans-serif;
        margin-bottom: 20px;
        margin-right: 0px !important;
        columns: 1;
      }

      .list-container{
        padding-left: 50px !important;
      }

      .application-list {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        margin-bottom: 80px !important;
        padding-left: 0px !important;
        padding: 0px !important;
      }


      .application-list ul{
        padding-left: 30px !important;
      }

      
      .img-box img {
        width: 100%;
        height: 240px; /* Set a fixed height */
        object-fit: contain; /* Keeps aspect ratio and fits inside box */
      }
      

      .section-title2 span{
        padding-left: 10px !important;
      }
      

      

  }

  @media (min-width: 768px) and (max-width: 769px){

    .product-wrapper{
        width: 90%;
    }

      .product-title{
        margin-left: 0px !important;
      }
      .application-list li{
        font-family: 'Roboto', sans-serif;
        margin-bottom: 20px;
        margin-right: 0px !important;
        columns: 1;
      }


      .product-description-wrapper{
           
        padding-left: 40px !important;
      }
      .application-list{
        padding-left: 0px;
        padding: 0 !important;
      }

      .application-list ul{
        padding-left: 25px !important;
      }

      .section-title2 span{
        padding-left: 5px !important;
      }

      .img-box img {
        width: 100%;
        height: 250px; /* Set a fixed height */
        object-fit: contain; /* Keeps aspect ratio and fits inside box */
      }
      
      .img-box {
        display: flex;
        align-items: flex-start; /* Align image to top */
        justify-content: center;
        height: auto; /* Allow image box height to adjust based on image height */
      }
      
      .description-box p {
        font-size: 12px !important;
        line-height: 1.6;
      }
     
  }



  @media (min-width: 651px) and (max-width: 800px){

    .product-wrapper{
        width: 90%;
    }

      .product-title{
        margin-left: 0px !important;
      }
      .application-list li{
       
        font-family: 'Roboto', sans-serif;
        margin-bottom: 20px;
        margin-right: 0px !important;
        columns: 1;
      }

      .application-list{
        padding-left: 0px;
        padding: 0 !important;
      }

      .application-list ul{
        padding-left: 30px !important;
      }

      .section-title2 span{
        padding-left: 5px !important;
      }

      .img-box img {
        width: 100%;
        height: 250px; /* Set a fixed height */
        object-fit: contain; /* Keeps aspect ratio and fits inside box */
      }
      
      .img-box {
        display: flex;
        align-items: flex-start; /* Align image to top */
        justify-content: center;
        height: auto; /* Allow image box height to adjust based on image height */
      }
      
      .description-box p {
        font-size: 12px !important;
        line-height: 1.6;
      }
     
  }

  @media(max-width:900px){

    .section-title2 span{
        padding-left: 0px !important;
    }

    .section-title2{
        padding-left: 0 !important;
    }

    .application-list ul{
        padding-left: 20px !important;
    }
  }


  @media(min-width:800px) and (max-width: 1024px){ 

    .product-wrapper{
        width: 90%;
        
      }

      .description-box p{
        font-size: 13px !important;
        font-family: 'Roboto', sans-serif;
      }


      .product-title{
        margin-left: 0px;
      }

     .application-list{
      padding-left: 0px;
      padding: 0 !important;
    }

    .application-list ul{
      padding-left: 25px !important;
    }
     
    .section-title2 span{
        padding-left: 0px !important;
    }
    
  }




  @media (min-width: 900px) and (max-width: 1599px){

    .product-wrapper{
        width: 90%;
      }

      .application-list li{
     
        font-family: 'Roboto', sans-serif;
        margin-bottom: 20px;
     }

      .description-box p{
        margin-left: 50px;
        font-size: 15px;
        line-height: 1.6;
      }

      .product-title{
        margin-bottom: 50px;
      }

      .list-container{
        padding-left: 90px !important;
      }

      .application-list{
        padding-left: 0px;
        padding: 0 !important;
      }

      .application-list ul{
        padding-left: 20px !important;
      }
      
      .section-title2 span{
        padding-left: 0px;
      }


      .section-title2{
        padding:  0 !important;
      }
  }

  
  @media (min-width: 1600px){

    .product-wrapper{
        width: 90%;
      }

      .description-box p {
      
        font-size: 22px; 
        font-family: 'Roboto', sans-serif;
        margin-left: 60px;
      }

      .application-list li{
       
        font-family: 'Roboto', sans-serif;
        margin-bottom: 30px;
        margin-right: 120px;
      }

      .section-title{
        font-size: 30px;
      }

      .section-title1{
        margin-bottom: 30px;
      }

      .table{
        font-size: 20px;
      }

      .product-title {
       
        margin-bottom: 50px;

      }

      .list-container{
        padding-left: 95px !important;
      }

      .application-list{
        padding-left: 0px;
        padding: 0 !important;
      }

      .application-list ul{
        padding-left: 30px !important;
      }

      .section-title2 span{
        padding-left: 10px;
      }

      .section-title2{
        padding: 0 !important;
      }
    
  }

  @media (min-width: 1699px){

    .product-wrapper{
        width: 90%;
      }


      .description-box p {
      
        font-size: 25px; 
        font-family: 'Roboto', sans-serif;
        margin-left: 70px;
      }

      .application-list li{
       
        font-family: 'Roboto', sans-serif;
        margin-bottom: 30px;
        margin-left: 10px;
      }


      .section-title1{
        font-size: 35px;
      }

      .section-title2{
        font-size: 35px;
        padding: 0 !important;
      }



      .table{
        font-size: 25px;
      }
      .product-title {
       
        margin-top: 50px;
        margin-bottom: 60px;
        font-size: 40px;
      }
      

      .application-list{
        padding-left: 0px;
        padding: 0 !important;
      }

      .application-list ul{
        padding-left: 30px;
      }

    .list-container{
        padding-left: 105px !important;
      }


  
     
    
  }

  @media (min-width: 2500px){

    .product-wrapper{
        width: 90%;

      }

      .description-box p {
      
        font-size: 35px; 
        font-family: 'Roboto', sans-serif;
        margin-left: 110px;
      }

      .application-list li{
     
        font-family: 'Roboto', sans-serif;
        margin-bottom: 30px;
        margin-left: 20px;
      }

      .section-title1{
        font-size: 45px;
        margin-bottom: 30px;
      }

      .section-title2{
        font-size: 45px;
        padding: 0 !important;
        
      }

      
      .table{
        font-size: 35px;
      }

      .product-title {
       
        margin-top: 150px;
        margin-bottom: 100px;
        font-size: 50px;
      }

      .application-list{
        padding-left: 0px;
        padding: 0 !important;
      }
      

      .application-list ul{
        padding-left: 20px !important;
       
      }

      
  }

  @media (min-width: 3000px){

    .product-wrapper{
        width: 90%;
      }

      .description-box p {
      
        font-size: 50px; 
        font-family: 'Roboto', sans-serif;
        margin-left: 150px;
      }

      .application-list li{
       
        font-family: 'Roboto', sans-serif;
        margin-bottom: 50px;
      }

      .section-title1{
        font-size: 60px;
        margin-bottom: 30px;
      }

      .section-title2{
        font-size: 60px;
        padding: 0 !important;
        padding-top: 50px;
      }
        

      .table{
        font-size: 45px;
      }

      .product-title {
       
        margin-top: 160px;
        margin-bottom: 100px;
        font-size: 70px;
      }
      
  
      .application-list{
        padding-left: 0px;
        padding: 0 !important;
    
      }

      .application-list ul{
        padding-left: 30px !important;
       
      }

      

      
  }

  @media (min-width: 3500px){

    .product-wrapper{
        width: 90%;

      }

      .description-box p {
      
        font-size: 50px; 
        font-family: 'Roboto', sans-serif;
        padding-left: 30px;
      }

      .application-list li{
      
        font-family: 'Roboto', sans-serif;
        margin-bottom: 50px;
        margin-right: 120px;
      }

      .section-title1{
        font-size: 75px;
      }

      .table{
        font-size: 45px;
      }
      .section-title2{
        font-size: 75px;
        padding: 0 !important;
        padding-top: 100px;
        padding-bottom: 50px;
      }
  
      .product-title {
       
        margin-top: 200px;
        margin-bottom: 100px;
        font-size: 80px;
      }
      
  
      .product-description-wrapper p{
        font-size: 40px !important;
      }

      .application-list li{
        font-size: 40px !important;
      }

      .application-list{
        padding-left: 0px;
        padding: 0 !important;

      }

      .application-list ul{
        padding-left: 30px !important;
      }

      
  }


  @media (min-width: 4500px){

    
    .description-box p {
      
        font-size: 60px;    
        font-family: 'Roboto', sans-serif;
        padding-left: 30px;
      }

      .table{
        font-size: 55px;
      }
      .application-list{
        padding-left: 0px;
        padding: 0 !important;
      }
        
      .application-list ul{
        padding-left: 20px;
      }
  }