/**/
/*
.sec-hmgallery .box-wrap {
  margin-bottom: 40px;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 40px;
}
*/
.more {
  display: none;
}
.gallery-page .resp-tabs-list {
  justify-content: center;
}
ul.gallery-ul.slick-initialized {
  display: block;
}
ul.gallery-ul.slick-initialized .slick-slide {
  opacity: 0.5;
}
ul.gallery-ul.slick-initialized .slick-slide.slick-active {
  opacity: 1;
}
ul.gallery-ul .slick-list {
  overflow: visible;
}
ul.gallery-ul .slick-track {
  display: flex;
  margin-left:0;    
}
ul.gallery-ul .slick-slide {
  height: auto;
}
ul.gallery-ul .slick-slide > div {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
ul.gallery-ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7px;
}
ul.gallery-ul li {
  width: 25%;
  padding: 0 7px;
}
ul.gallery-ul li .gallery-li {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  align-items: flex-start;
  flex-direction: column;
}
/*
ul.gallery-ul.slick-initialized li .gallery-content {
  max-height: 135px;
}
*/
ul.gallery-ul li .gallery-content {
  background-color:#d8c9b2;
  padding: 12px 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 30px;
  width: calc(100% - 172px);
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  flex: 1;
  align-content: center;
}
ul.gallery-ul li .g-label {
  font-size: 15px;
  color:#5f4a2b;
  font-weight:bold;
  line-height: 20px;
  margin-bottom: 5px;
    width:100%;
     text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
ul.gallery-ul li .g-text {
  font-size: 15px;
  font-weight:normal;
  line-height: 20px;
  color:#5f4a2b;
    width:100%;
        text-overflow: ellipsis;
    -webkit-line-clamp:1;
    -moz-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
.gallery-popup-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #52555b;
}
.gallery-popup-wrap .gallery-left {
  width: calc(100% - 530px);
  position: sticky;
  top: 0px;
  /*align-self: flex-start;*/
}
.gallery-popup-wrap .gallery-right {
  width: 530px;
  padding: 30px 70px 30px 40px;
  text-align: left;
  background: #ffffff;
}

.gallery-popup-wrap img {
  margin: auto;
}

.g-label {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: var(--themecolor);
  margin-bottom: 10px;
}
.g-title {
  font-size: 18px;
  font-weight: bold;
  color: var(--primary);
  margin-bottom: 15px;
}
.form-wrap {
  border-top: 1px solid #e8e8e8;
  padding-top:20px;
  margin-top:20px;
}
#gallerytab .resp-tabs-list li {
  background-color: #f3f3f3;
  font-size: 15px;
  color: #52555b;
  font-weight: bold;
  line-height: 20px;
  padding: 14px 30px;
  border-radius: 4px;
  position: relative;
}
#gallerytab .resp-tabs-list li:after {
  position: absolute;
  content: "";
  width: 16px;
  height: 8px;
  background-color: var(--themecolor);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  bottom: 0;
  margin-bottom: -7px;
  left: 50%;
  margin-left: -8px;
  opacity: 0;
}
#gallerytab .resp-tabs-list li:not(:last-child) {
  margin-right: 14px;
}
#gallerytab .resp-tabs-list li.resp-tab-active,
#gallerytab .resp-tabs-list li:hover {
  border: 0 !important;
  background: var(--themecolor);
  color: var(--white);
}
#gallerytab .resp-tabs-list li.resp-tab-active:after,
#gallerytab .resp-tabs-list li:hover:after {
  opacity: 1;
}
#gallerytab ul.resp-tabs-list {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;

}
.sec-hmgallery #gallerytab ul.resp-tabs-list{
    position:absolute;
    max-width:570px;
    left:0;
    right:0;
    margin:0 auto;
    top:0; 
}
.gallery-page .gallery-ul li {
  width: 33.33%;
  margin-top:70px;
}
ul.gallery-ul li .gallery-content {
/*
  height: auto;
  min-height: 134px;
  padding: 22px 30px;
*/
    height: auto;
    min-height: 70px;
    padding: 10px 10px;
    width: calc(100% - 80px);
    margin: -35px auto 0px;
    bottom: auto;
    top: 0;
    right: 0;
    border-radius: 100px;
    text-align: center;
}
.gallery-page .resp-tabs-container .gallery-ul {
  margin-bottom: 50px;
}
.gallery-page .container + .divider {
  margin: 80px 0 0 0;
}
.html5lightbox-div img {
  width: auto !important;
  max-height: 690px;
}
.gallery-section{overflow-x:hidden;}
.gallery-popup-wrap .gallery-right .form-wrap .form-group, 
.gallery-popup-wrap .gallery-right .form-wrap .form-group50{
    margin-bottom:16px;
}
.gallery-popup-wrap .gallery-left .slick-prev{margin-left:15px;}
.gallery-popup-wrap .gallery-left .slick-next{margin-right:15px;}
.urban-form.slick-initialized.slick-slider .slick-slide>div {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.urban-form.slick-initialized.slick-slider .slick-slide{height:auto;}
.urban-form.slick-initialized.slick-slider .slick-track{
    display:flex;
}
.secgallery ul.gallery-ul.slick-initialized {
    margin-top:70px;
}

.resp-tabs-container #gallery1 ul.gallery-ul li .gallery-content
{
    background-color: #d8c9b2;
}
.resp-tabs-container #gallery1 ul.gallery-ul li .g-label,.resp-tabs-container #gallery1 ul.gallery-ul li .g-text
{
   color: #5f4a2b;  
}


.resp-tabs-container #gallery2 ul.gallery-ul li .gallery-content
{
      background-color:#f37021;  
}
.resp-tabs-container #gallery2 ul.gallery-ul li .g-label,.resp-tabs-container #gallery2 ul.gallery-ul li .g-text
{
      color: #ffffff;  
}

.resp-tabs-container #gallery3 ul.gallery-ul li .gallery-content
{
      background-color: #958a78;  
}
.resp-tabs-container #gallery3 ul.gallery-ul li .g-label,.resp-tabs-container #gallery3  ul.gallery-ul li .g-text
{
      color: #f8f4e9;  
}

.resp-tabs-container #gallery4 ul.gallery-ul li .gallery-content
{   
    background-color: #929294;
}
.resp-tabs-container #gallery4 ul.gallery-ul li .g-label,.resp-tabs-container #gallery4 ul.gallery-ul li .g-text
{
     color: var(--white);   
}
.gallery-ul li:hover .gallery-content
{
      background-color:var(--primary) !important;  
}
.gallery-ul li:hover .g-text,
.gallery-ul li:hover .g-label{
   color:var(--white) !important; 
}
@media(min-width:1920px){
    .gallery-section {
    overflow-x: hidden;
    max-width: 1920px;
    margin: 0 auto;
}
}

@media (max-width: 1439.98px) {

}
@media (max-width: 1199.98px) {
  .gallery-page .gallery-ul li {
    width: 50%;
  }
  .gallery-page .container + .divider {
    margin: 60px 0 0 0;
  }
    #gallerytab .resp-tabs-list li:not(:last-child) {
    margin-right: 10px;
    }
    .sec-hmgallery #gallerytab ul.resp-tabs-list{
        position:relative;
        max-width:100%;
    }
    
}
@media (max-width: 991.98px) {
  .gallery-page .container + .divider {
    margin: 40px 0 0 0;
  }
  .gallery-popup-wrap .gallery-left,
  .gallery-popup-wrap .gallery-right {
    width: 100%;
    position: relative;
  }
  .gallery-popup-wrap .gallery-right {
    padding: 40px 15px;
  }
  .gallery-page .resp-tabs-container .gallery-ul {
    margin-bottom: 40px;
  }
    
/*
        ul.gallery-ul.slick-initialized {
        margin-bottom: 80px;
    }
*/
}
@media (max-width: 767.98px) {
   ul.gallery-ul li .gallery-content {
    padding: 15px;
    width: 100%;
/*
    position: relative;
    border: 1px solid #e8e8e8;
*/
    align-content: center;
/*    min-height: auto;*/
  }
  ul.gallery-ul li .gallery-content {
    margin-bottom: 0;
    width: calc(100% - 40px);
      padding:10px;
  }
  .gallery-page .gallery-ul li {
   margin-bottom:0px;
      margin-top:60px;
  }
  .gallery-page .gallery-ul li {
    padding: 0 5px;
  }
  ul.gallery-ul li .g-text {
    font-size: 16px;
  }
  .gallery-page .container + .divider {
    margin: 30px 0 0 0;
  }
  .gallery-popup-wrap .gallery-right {
    padding: 20px 15px;
  }
  #gallerytab ul.resp-tabs-list {
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    justify-content: flex-start;
  }
  #gallerytab .resp-tabs-list li {
    min-width: 120px;
    padding: 10px 15px;
    text-align: center;
  }
  #gallerytab .gallery-tab .gallery-li,
  .gallery-img,
  .gallery-img img {
    width: 100%;
  }
  .gallery-page .resp-tabs-container .gallery-ul {
    margin-bottom: 30px;
  }
    ul.gallery-ul li .g-text{
        font-size:14px;
        line-height:16px;
    }
    .gallery-page #gallerytab ul.resp-tabs-list{
        margin-bottom:0;
    }
/*
         ul.gallery-ul li .gallery-content {
        min-height: auto;
        margin: 0px auto;
        padding: 10px;
        width: 100%;
        border-radius: 0;
        border: 0;
    }
*/
}
@media (max-width: 575.98px) {
/*
  .sec-hmgallery ul.gallery-ul {
    margin-bottom: 50px;
  }
*/
  ul.gallery-ul li .gallery-content {
    margin-bottom: 0;
/*    width: calc(100% - 10px);*/
  }
/*    ul.gallery-ul.slick-initialized{margin-bottom:80px;}*/
    ul.gallery-ul li .gallery-content{padding:10px;}
    ul.gallery-ul.slick-initialized li .gallery-content {
        max-height:100px;
    }
    ul.gallery-ul li .g-label{
        font-size:12px;line-height:14px;
    }
    ul.gallery-ul li .g-text {
        font-size: 12px;line-height:14px;
    }
/*
        ul.gallery-ul.slick-initialized {
        margin-bottom: 65px;
    }
*/
    ul.gallery-ul li .gallery-content{
      width: calc(100% - 10px);  
      padding:5px 10px;   
      min-height:54px;  
         margin: -27px auto 0px;    
    }
    .gallery-page .gallery-ul li {
        margin-bottom: 0px;
        margin-top: 45px;
    }
    .secgallery ul.gallery-ul.slick-initialized{
        margin-top: 50px;
    }
    #gallerytab .resp-tabs-list li{font-size:13px;}
}

/* .title-wrapper {
  min-width: 390px;
  padding: 30px 50px;
  position: relative;
  background: transparent;
  box-shadow: -1px -2px 2px rgba(0, 0, 0, 0.1);
}
.title-wrapper:after {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: #fff;
  transform-origin: bottom left;
  -ms-transform: skew(-30deg, 0deg);
  -webkit-transform: skew(-30deg, 0deg);
  transform: skew(-30deg, 0deg);
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5));
} */
