.containerContent {
    width: 100%;
    z-index: 1;
    position: relative;
    height: inherit;
}  
.col1{width: 100%; position: relative; float: left;}
.col2{width: 278px; position: relative; float: left;}
.col3{width: 350px; position: relative; float: left; margin-right: 20px;}
.col4{width: 171px; position: relative; float: left;}
.col5{width: 100px; position: relative; float: left; color: white; font-size: 24px; font-weight: bold; margin-left: 80px;}

.displayNo{
  display: none;
}

.bgStretchDiv, .bgStretchDiv1, .bgStretchDiv2, .bgStretchDiv3, .bgStretchDiv4, .bgStretchDiv5{
  position: absolute;
  z-index: -1;
  margin: 0px auto auto 0px;
  /* max-width: 1500px !important; */
  height: 100%;
  background-image: url(../images/bgPic4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.bgStretchDiv1{
  background-image: url(../images/bgPic1.jpg);
}

.bgStretchDiv2{
  background-image: url(../images/bgPic2.jpg);
}

.bgStretchDiv3{
  background-image: url(../images/bgPic3.jpg);
}

.bgStretchDiv4{
  background-image: url(../images/bgPic4.jpg);
}

.bgStretchDiv5{
  background-image: url(../images/bgPic5.jpg);
}

/*.bgStretchDiv img{
  background-color: #000;
}*/

.bgPic{
  width: 100%; height: 100%;
  position: absolute; z-index: -1; left: 0px; top: 0px;
  display: none;
}

.activClass{
  border: 1px solid #FFFFFF;
}

.marginLeftFoot{
  margin-left: 40px;
}

.galleryImgWidth{
  width: 417px;
}

@media screen and (max-width:1200px){
  .bgPic{
    width: 200% !important;
    /*height: auto !important;*/
  }
}