body.overflow_hidden {
  overflow: hidden;
}
.sn-grid-pop-img .heading-box {
  max-width: 834px;
  margin: 0 auto;
  margin-bottom:  43px;
}

.sn-grid-pop-img .heading-box h2 {
  margin-bottom: 2px;
}
.sn-grid-pop-img .grid-main-box.top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sn-grid-pop-img .bg-image {
  -ms-flex-preferred-size: 23.8%;
  flex-basis: 23.8%;
  min-height: 230px;
  margin-bottom: 17px;
  cursor: pointer;
  position:relative;
  z-index:1;
}
.sn-grid-pop-img .bg-image::before,
.sn-grid-pop-img .bg-image::after{
  -o-transition:.3s all ease-in-out 0s;
  transition:.3s all ease-in-out 0s;
  -webkit-transition:.3s all ease-in-out 0s;
  -moz-transition:.3s all ease-in-out 0s;
}
.sn-grid-pop-img .bg-image::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:-1;
  opacity:0;
}
.sn-grid-pop-img .bg-image::after {
  content: attr(data-title);
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:-20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:Center;
  -ms-flex-align:Center;
  align-items:Center;
  color:#fff;
  opacity:0;
}
.sn-grid-pop-img .bg-image:hover::before,
.sn-grid-pop-img .bg-image:hover::after {
  opacity:1;
}
.sn-grid-pop-img .bg-image:hover::after {
  bottom:0px;
}

.sn-grid-pop-img .bg-image:not(:nth-child(4n+4)) {
  margin-right: 12px;
}
.popup_gallery_fix .grid-main-box{
  display: block;
}

.popu_up_content ul.slick-dots{
  display:none !important;
}

/*=====pop---------*/
.popup_gallery_main {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 9999999999;
  -webkit-transition: opacity .3s 0s,visibility 0s .3s;
  -o-transition: opacity .3s 0s,visibility 0s .3s;
  transition: opacity .3s 0s,visibility 0s .3s;
  padding-top: 17px;
  padding-bottom: 50px;
}
.bts-popup-close {
  max-width: 880px;
  margin: 0 auto 20px;
  padding: 0 20px;
}
.bts-popup-close-fix{
  border: 1px solid var(--tertiary_color);
  color: var(--tertiary_color);
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  max-width: 22px;
  min-height: 22px;
  width: 100%;
  height: 100%;
  margin: 0;
  text-align: center;
  line-height: 0;
  z-index: 9;
  margin-right: 0;
  margin-left: auto;
}
.sn-grid-pop-img .popup_gallery_main.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s 0s,visibility 0s 0s;
  -o-transition: opacity .3s 0s,visibility 0s 0s;
  transition: opacity .3s 0s,visibility 0s 0s;
}

.sn-grid-pop-img .img-pp.section-bg {
  min-height: 350px;
  position: relative;
}

.sn-grid-pop-img .popup_gallery_fix {
  position: relative;
  z-index:1;
  width: 100%;
  /*   max-width: 1003px; */
  margin: 0 auto;
}
.sn-grid-pop-img .slider-box {
  max-width: 1083px;
  margin: 0 auto;
  padding: 0px 40px;
}
.sn-grid-pop-img .popup_gallery_main.is-visible .popu_up_content {
  display: block;
  position: relative;
}
.sn-grid-pop-img .popup_gallery_main .main-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.sn-grid-pop-img .m-box {
  max-width: 655px;
  margin: 0 auto;
}

.sn-grid-pop-img .popup_gallery_main .col-left {
  -ms-flex-preferred-size: 49.7%;
  flex-basis: 49.7%;
  margin-right: 3.4%;
}

.sn-grid-pop-img .popup_gallery_main .col-right {
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
}

.sn-grid-pop-img .popup_gallery_main .img-pp.section-bg {
  min-height: 330px;
  /*   max-width: 324px; */
}
.popup_gallery_main .profile-box h5 {
  margin-bottom: 0;
  color: var(--primary_color);
}
.popup_gallery_main i.fa.fa-close {
  font-size: 22px;
}

.popup_gallery_main .profile-box p {
  margin-bottom: 0;
  color: var(--secondary_color);
  font-weight: 700;
}
.popup_gallery_main .place-box p {
  font-style: italic;
}
.popup_gallery_main .social-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 124px;
}

.popup_gallery_main .icons {
  position: relative;
  width: 24.85px;
  height: 24.85px;
}

.popup_gallery_main .icons svg {
  width: 24.85px;
  height: 24.85px;
  fill: var(--accent_color);
}
.popup_gallery_main .icons.loop-1 {
  margin-right: 6px;
}

.cta-box.tertiary_button :hover a.cta_button {
  color: var(--accent_color);
}
.cta-box.tertiary_button a {
  border-bottom: 3px solid var(--accent_color) !important;
}
.popup_gallery_main .cta-box {
  margin-top: 10px;
}
.popup_gallery_main .text-pp {
  max-width: 646px;
  margin-top: 45px;
}
.popup_gallery_main .slick-prev.slick-arrow,
.popup_gallery_main .slick-next.slick-arrow{
  top: 23%;
  position: absolute;
  font-size: 56px;
  width: 32px;
  height: 52px;
  color:var(--accent_color);
  z-index : 1;
  cursor : pointer;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.popup_gallery_main .slick-prev.slick-arrow{
  left : 24.6%;
}
.popup_gallery_main .slick-next.slick-arrow{
  right : 22.7%;
}
.sn-grid-pop-img .btn-opt {
  text-align: center;
  margin-top: 51px;
}
.sn-grid-pop-img .btn-opt a.cta_button {
  text-transform: capitalize;
  padding: 14px 51px;
  font-size: 15px;
  border-radius: 5px;
  font-weight: bold;
  line-height: 17px;
}

@media(min-width:768px){
  .sn-grid-pop-img .place-box{
    padding-top: 20px;
  }
}

/*======= ends Here-------*/

@media (min-width: 1025px) and (max-width: 1500px){
  .popup_gallery_main .slick-next.slick-arrow{
    right: 7%;
  }
  .popup_gallery_main .slick-prev.slick-arrow {
    left: 6%;
  }
  .bts-popup-close{
    top: 2%;
    right: 19%;
  }
}

@media (min-width: 768px) and (max-width:1024px){
  .sn-grid-pop-img .bg-image:not(:nth-child(4n+4)){
    margin-right: 11px;
  }
  .popup_gallery_main .slick-prev.slick-arrow {
    left: 21px;
  }
  .popup_gallery_main .slick-next.slick-arrow {
    right: 0%;
  }
  .bts-popup-close{
    top: 12%;
    right: 12.7%;
  }
}

@media (max-width: 767px){
  .sn-grid-pop-img .popup_gallery_main .col-left{
    margin-right:0%;
  }
  .sn-grid-pop-img .popup_gallery_main .main-box{
    justify-content: center;
  }
  .sn-grid-pop-img .bg-image{
    min-height: 320px;
  }
  .sn-grid-pop-img .popup_gallery_main .col-right {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
  }
  .sn-grid-pop-img .bg-image:not(:nth-child(2n+2)) {
    margin-right: 14px !important;
  }
  .sn-grid-pop-img .bg-image:not(:nth-child(4n+4)) {
    margin-right: 0px;
  }
  .popup_gallery_main .img-pp.section-bg {
    background-size: cover;
    margin-bottom: 20px;
  }
  .popup_gallery_main .text-pp {
    max-width: 663px;
    margin-top: 34px;
    text-align: center;
  }

  .popup_gallery_main .social-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 29px;
  }
  .sn-grid-pop-img .bg-image {
    -ms-flex-preferred-size: 48.3%;
    flex-basis: 48.3%;
  }
  .bts-popup-close{
    top: 8%;
    right: 12%;
  }
  .popup_gallery_main .slick-prev.slick-arrow{
    left: 8%;
  }
  .popup_gallery_main .slick-next.slick-arrow{
    right: 2.8%;
  }
  .sn-grid-pop-img .btn-opt{
    margin-top: 24px;
  }
  .sn-grid-pop-img .popup_gallery_main .img-pp.section-bg {
    min-height: 330px;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
  .sn-grid-pop-img .popup_gallery_main .col-left {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

@media  (max-width: 480px){
  .sn-grid-pop-img .bg-image{
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .sn-grid-pop-img .popup_gallery_main .col-right {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
  }
  .sn-grid-pop-img .bg-image:not(:nth-child(2n+2)){
    margin-right: 0px !important;
  }
  .popup_gallery_main .slick-next.slick-arrow {
    right: -4.2%;
  }
  .popup_gallery_main .slick-prev.slick-arrow {
    left: 6.7%;
  }
  .popup_gallery_main .slick-prev.slick-arrow, 
  .popup_gallery_main .slick-next.slick-arrow {
    top: 39.8%;
  }
  .bts-popup-close{
    right: 4%;
    /*     top:8%; */
  }
}