.services-body {
  margin: 0px 0px 20px 0px; 
  width: auto;
  display: flex;
}

.services-flex {
    flex: 1;
}

.services-left {
  float: left;
  width: 240px;
  height: 600px;
  padding-top: 1.3%;
}

.services-left-box {
  width: 240px;
}

.services-right {
  float: right;
  height: auto;
  width: auto;
 }

.services-box-inner {
  margin: 0% 0% 3% 0%;
  width: 240px;
  color: black;
/**
border-style: solid;
border-color: red;
border-width: 1px;
**/
}

.services-box-inner-right {
  width: auto; 
  color: black;
  margin-top: 0px;
}

.services-right-box {
  width: 77%;
}


.h2 {
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 3%;
}


.services-menu-button {
  width: 235px;  
  height:   55px;
  margin-bottom: 0px;
  text-align: left;
  color: black;
  font-weight: bold;
  background-color: white;
  border-color: lightgray;
}

.services-menu-button-hover:hover {
  background: url('../images/services-menu-button-hover.jpg') no-repeat; 
  color: black;
}

.serviceimages-flex {
    flex: 1;
    margin-bottom: 40px;
}

.serviceimages-box1 {
  height: 215px;
  float: left;
  width: 285px;
  clear: left;
}

.serviceimages-box2 {
  height: 215px;
  float: left;
  width: 285px;
}

.serviceimages-box3 {
  height: 215px;
  float: left;
  width: 285px;
}

.serviceimages-box4 {
  height: 215px;
  float: left;
  width: 285px;
}


 


/********** Medium devices **********/

@media (max-width: 1199px) {

  .services-right-box {
    width: 72%;
  }

  #ServiceImg4 {
    width: 0px;
    height: 0px;
    border: none;
  }

  .serviceimages-box4 {
    height: 0px;
    width: 0px;
  }
}


/********** Small only **********/

@media (max-width: 992px) {

  .services-right-box {
    width: 63%;
  }
  #ServiceImg3 {
    width: 0px;
    height: 0px;
    border: none;
  }

  .serviceimages-box3 {
    height: 0px;
    width: 0px;
  }

  #ServiceImg4 {
    width: 0px;
    height: 0px;
    border: none;
  }

  .serviceimages-box4 {
    height: 0px;
    width: 0px;
  }

}


/********** Extra Small devices only **********/

@media (max-width: 733px) {


   .services-right-box {
    width: 58%;
    float: right;
  }
  
#ServiceImg3 {
    width: 0px;
    height: 0px;
    border: none;
  }

  .serviceimages-box3 {
    height: 0px;
    width: 0px;
  }

  #ServiceImg4 {
    width: 0px;
    height: 0px;
    border: none;
  }

  .serviceimages-box4 {
    height: 0px;
    width: 0px;
  }


}

/********** Tiny devices only **********/

@media (max-width: 616px) {

  .services-left {
    height: 275px;
/**
border-style: solid;
border-color: red;
border-width: 1px;
**/
}

  .services-menu-button {
    height:   25px;
  }
  
  .services-box-inner {
    margin: 0% 0% 1% 0%;
  }

  .services-right-box {
    width: 100%;
    float: left;
    margin-top: 0px;
/**  
border-style: solid;
border-color: red;
border-width: 1px;
**/
  }

#ServiceImg2 {
    width: 0px;
    height: 0px;
    border: none;
  }

  .serviceimages-box2 {
    height: 0px;
    width: 0px;
  }

#ServiceImg3 {
    width: 0px;
    height: 0px;
    border: none;
  }

  .serviceimages-box3 {
    height: 0px;
    width: 0px;
  }

  #ServiceImg4 {
    width: 0px;
    height: 0px;
    border: none;
  }

  .serviceimages-box4 {
    height: 0px;
    width: 0px;
  }

}