/* CSS Document */
.productInfoImage
{
  margin-top : 20px;
  color: #1c248c;
}
.productInfoImage li 
{
  font-size: 23px;
}
.productInfoImage span
{
  font-size: 30px;
}
.productInfoImage span
{
  font-size: 40px;
} 
.productInfoImage p
{
  font-size: 20px;
}
.productInfoImage .description_mobile
{
   display: none;
}
.productInfo
{
 margin-top : 20px;
 margin-bottom: 60px;
 border-collapse: separate; 
 border-spacing: 0;
 color: #1c248c;
}
.productInfo th 
{
  border-right: 1px solid #dee2e6 ;
}
.productInfo td 
{
   border-right: 1px solid #dee2e6;
}
.productInfo th
{
   border-bottom: 0px solid #dee2e6 !important;
}
.productInfo th:first-child,.productInfo td:first-child 
{
    border-left: 1px solid #dee2e6;
}
.productInfo:last-child 
{
  border-bottom: 1px solid #dee2e6;
}
.productInfo tbody tr:nth-child(even)
{
    background-color: #ecf1f8;
}
.productInfo thead 
{
    background-color: #1c248c;
    color:white;
}
.productInfo  td, .productInfo th 
{
    width: 140px;
    min-width: 140px;
    max-width: 140px;
}
.carousel-inner img 
{
      width: 75%;  /*Set width to 100% */
      margin: auto;
}
@media screen and (max-width: 576px) 
{
  
  .productInfoImage li 
  {
    font-size: 23px;
  }
} 
@media screen and (max-width: 991.98px)
{
  .columnAvoid
  {
    display: none;
  }
  .productInfo 
  {
    display: block;
    width: 100%;
    overflow-x: auto;
  }
  .productInfo  td, .productInfo th 
  {
    width: 155px;
    min-width: 155px;
    max-width: 155px;
  }
  .productInfo th:first-child, .productInfo td:first-child
  {
    position: -webkit-sticky; /* Safari */
    position:sticky;
    left:0px;
  }
  table tr:nth-child(2n) td:nth-child(1) 
  {
     background-color: #ecf1f8;
  }
  table tr:nth-child(odd) td:nth-child(1) 
  {
     background-color: white;  
  }
  table th:nth-child(1) 
  {
     background-color: #1c248c;
  } 
}
@media screen and (max-width: 280px)
{
 .machinImage img 
  {
    margin-left: -25px;
    width:200px;

  }
}
@media screen and (max-width: 991px)
{
  .carousel-inner img 
  {
      width: 100%;  /*Set width to 100% */
      margin: auto;
  }
}



 