.main-wrapper{
  padding: 20px 32px;
  margin: 0 auto;

}

* { box-sizing: border-box; }

.grid {
  background: #EEE;
  max-width: 1300px;
  width: 1300px;
  margin: 0 auto 0 auto;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-item {
  width: 372px;
  height: 200px;
  margin-bottom: 20px;
  float: left;
 /*  background: #D26;
  border: 2px solid #333;
 border-color: hsla(0, 0%, 0%, 0.5);
 border-radius: 5px; */
}
.grid-item img{
    display: block;
    max-width: 100%;
}
.grid-item--height1 { height: 210px; }
.grid-item--height2 { height: 372px; }
.grid-item--height3 { height: 338px; }

.grid-item {
  position: relative;
}

.grid-item a:hover .eletitle,
.thumbListing li a:hover .eletitle{
  bottom: 0;
  opacity: 1;
  transition: all .3s ease-out;
}
.eletitle {
  position: absolute;
  left: 0;
  bottom: -20px;
  opacity: 0;
  width: 100%;
  color: #000;
  font-size: 14px;
  background: rgba(255, 255, 255, .6);
  padding: 9px 20px;
  transition: all .3s ease-in;
}


.tabs-content{
  width: 100%;
}
.static {
  width: 100%;
  padding-bottom: 50px;
}
.static1 {
  float: left;
  width: 60%;
  padding-left: 6%;
}
.static1 iframe{
  width: 100%;
}
.static2 {
  float: left;
  width: 40%;
  position: relative;
}
.contentBox{
  border: solid 6px #000;
  top: 40px;
  position: absolute;
  left: -68px;
  padding: 22px 40px 25px 85px;
  margin-bottom: 50px;
  width: 100%;
}
.contentBox p{
  font-size: 17px;
  line-height: 24px;
  color: #000;
  margin: 10px 0 20px 0;
}

.Contact .contentBox{
  top: 150px;
}

/* .content.Aboutus .static1{
  width: 55%; 
}
.content.Aboutus .static2{
  width: 45%; 
} */
.content.Aboutus .contentBox{
  left: -30px;
  padding: 22px 24px 25px 55px;
}


.content.grid{
  display: block;
}
.content{
  display: none;
}

.html5-elem-data-box,
.html5-elem-wrap,
.html5-elem-box{
  background-color: transparent !important;
}
.html5-title{
  color: #fff;
  font-family: 'Helvetica Neue Condensed';
  font-size: 20px;
}
address{
  font-size: 32px;
  font-family: 'Helvetica Neue Condensed';
  font-style: inherit;
  font-weight: bold;
  line-height: normal;
  color: #000;
}

.thumbListing {
  padding: 0;
  margin: 0;
  /* overflow: hidden; */
  max-width: 1300px;
  margin: 0 auto;
}
.thumbListing li{
  display: inline-block;
  width: 33.3333%;
  float: left;
  padding: 0 1.5%;;
  margin-top: 20px;
  margin-bottom: 20px;
}
.thumbListing li img{
  width: 100%;
  min-height: 219px;
  max-height: 219px;
}
.thumbListing li a {
  position: relative;
  display: block;
}
#html5-watermark{
  display: none !important;
}
#html5-close{
  margin-top: 5px !important;
  margin-right: -30px !important;
}
#html5-lightbox-box{
  max-width: 90% !important;
}
.nav.pin .logo.logo-mobile{
  display: none;
}

@media screen and (max-width: 768px){
  .content.Aboutus .contentBox{
    padding-left: 20px;
    padding-right: 20px;
  }
  .nav.pin .logo{
    display: none;
  }
  .nav.pin .logo.logo-mobile{
    display: block;
  }
  #html5-close {
    margin-top: -25px !important;
    margin-right: -5px !important;
  }
  #html5-lightbox-box{
    max-width: 98% !important;
  }
  .main-wrapper {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
  }
  .static {
    width: 100%;
  } 
  .static1 {
    width: 100%;
    padding-left: 0;
  }
  .static2 {
    width: 100%;
  }
  .contentBox {
    position: initial;
    padding: 10px 15px 25px 20px;
  }
  .contentBox p {
    font-size: 14px;
    line-height: 20px;
  }
  .thumbListing li{
    width: 50%;
  }
  .grid-item a > .eletitle,
  .thumbListing li a > .eletitle{
    bottom: 0;
    opacity: 1;
    transition: all .3s ease-out;
  }

}

@media screen and (max-width: 450px){
  .thumbListing li{
    width: 100%;
  }
}