DIV.HomePageThumbNailsContainer {
  width:                                calc(100% - 40);
  padding-top:                          20px;
  padding-left:                         20px;
  padding-right:                        20px;
  padding-bottom:                       0px}

DIV.HomePageThumbNails {
  width:                                100%}

DIV.HomePageThumbNail1 {
  float:                                left}

DIV.HomePageThumbNail2 {
  float:                                left}

DIV.HomePageThumbNail3 {
  float:                                left}

DIV.HomePageThumbNail4 {
  float:                                left}
  
IMG.HomePageThumbNail {
  width:                                100%}


DIV.HomeServicesList {
  clear:                                both;
  float:                                left}

DIV.HomeHETASMessage {
  float:                                right}


/* >= 800 */
@media all and (min-width: 800px) {

  DIV.HomePageThumbNail1 {
    width:                                23.5%;
    padding-right:                        2%}

  DIV.HomePageThumbNail2 {
    width:                                23.5%;
    padding-right:                        2%}

  DIV.HomePageThumbNail3 {
    width:                                23.5%;
    padding-right:                        2%}

  DIV.HomePageThumbNail4 {
    width:                                23.5%}

}


/* >= 400 and < 799 */
@media all and (min-width: 400px) and (max-width: 799px) {

  DIV.HomePageThumbNail1 {
    width:                                48%;
    padding-right:                        4%}

  DIV.HomePageThumbNail2 {
    width:                                48%}

  DIV.HomePageThumbNail3 {
    width:                                48%;
    padding-top:                          10px;
    padding-right:                        4%}

  DIV.HomePageThumbNail4 {
    width:                                48%;
    padding-top:                          10px}

}


/* < 399 */
@media all and (max-width: 399px) {

  DIV.HomePageThumbNail1 {
    width:                                100%}

  DIV.HomePageThumbNail2 {
    width:                                100%;
    padding-top:                          10px}

  DIV.HomePageThumbNail3 {
    width:                                100%;
    padding-top:                          10px}

  DIV.HomePageThumbNail4 {
    width:                                100%;
    padding-top:                          10px}

}


/* >= 1000 */
@media all and (min-width: 1000px) {
  
  DIV.HomeHETASMessage {
    clear:                                none;
    float:                                right;
    padding-top:                          40px}

}


/* < 1000 */
@media all and (max-width: 999px) {

  DIV.HomeHETASMessage {
    clear:                                both;
    float:                                none;
    padding-top:                          0px}

}