/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

 /* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

  .home-card-img img{
    width: 60%;
    height: auto;
    margin-left: 20%;
  }
  .ess-row-wrapper{

    padding: 15px 30px;
  }

  .table-cell tr td:nth-child(3){
    display: table-cell;
  }
  .table-cell tr th:nth-child(3){
    display: table-cell;
  }

  .document-table td:nth-child(1){
    display: table-cell;
  }
  .document-table th:nth-child(1){
    display: table-cell;
  }





}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #myfooter{
    display: block;
  }
  #home-products{
    padding-bottom: 100px;
  }

  .home-card-title{
    font-size: 1.3rem;
  }
  .home-card-content{
      font-size: 0.9rem;
  }
  #products-bms{
    padding-bottom: 30px;
  }
  #ess-section{
    padding-bottom: 30px;
  }
  .services-container-wrapper{
    min-height: 400px;
  }
  .services-wrapper{
    padding-bottom: 50px;
  }

  .document-table td:nth-child(3){
    display: table-cell;
  }
  .document-table th:nth-child(3){
    display: table-cell;
  }

  #reference{
    display: block;
  }

  .bms-image-wrapper{
    width: 100%;
    /* margin-top: 50px; */
  }

}

 /* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .home-card-img img{
    width: 60%;
    height: auto;
    margin-left: 20%;
  }
  .table-batteries tr td:nth-child(3){
      display: table-cell;
  }
  .table-batteries tr th:nth-child(3){
      display: table-cell;
  }
  .table-batteries tr td:nth-child(4){
      display: table-cell;
  }
  .table-batteries tr th:nth-child(4){
      display: table-cell;
  }
  .table-batteries tr td:nth-child(5){
      display: table-cell;
  }
  .table-batteries tr th:nth-child(5){
      display: table-cell;
  }


  .services-container-wrapper p{

      max-width: 100%;
      font-size: 1.0rem;
  }

  .company-profile-details{
     position: absolute;
     top:70%;
     left:70%;
     color: white;
     text-align: justify;
     z-index: 2;
     width: 45%;

  }
  .about-address{
    margin-top:0px;
  }


  .document-table td:nth-child(4){
    display: table-cell;
  }
  .document-table th:nth-child(4){
    display: table-cell;
  }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  .home-card-img img{
    width: 40%;
    height: auto;;
    margin-left: 30%;
  }
  .home-card-title{
    font-size: 1.3rem;
  }
  .home-card-content{
    font-size: 1.1rem;
  }
  .home-wrapper h1{
      font-size: 3.0rem;
  }
  .home-wrapper p{
      font-size: 1.5rem;
      text-align: center;
  }
  /*  bms */

  .bms-container-wrapper{
    margin-bottom: 40px;
  }

  .bms-image-wrapper{
    /* background-color: red; */
  }
  .bms-text-wrapper h2{
    font-size:1.6rem;
    font-weight: bold;
  }
  .bms-text-wrapper p{
    font-size:1rem;
    line-height: 1.6rem;
  }

  /*  bms */

  .bms-feature-content p{
    font-size:1rem;
    line-height: 1.6rem;
  }

  .table-batteries tr td:nth-child(6){
      display: table-cell;
  }
  .table-batteries tr th:nth-child(6){
      display: table-cell;
  }

  .table-batteries tr td:nth-child(7){
      display: table-cell;
  }
  .table-batteries tr th:nth-child(7){
      display: table-cell;
  }


  .document-table td:nth-child(5){
    display: table-cell;
  }
  .document-table th:nth-child(5){
    display: table-cell;
  }

 }