section{
 .export-boxes{
  .col-md-4{
@media (min-width:767px){
  
    &:nth-child(4){
      margin-left:16.6667%;
    }
}
  }
 }
 .ex-image{
  &:before{
        position: absolute;
    top: 50%;
    right: 15px;
    left: auto;
    width: 0;
    height: 0;
    margin-top: -38px;
    border: 38px solid transparent;
    border-right: 38px solid #fff;
    content: "";
    z-index: 10;
  }
 }
  .in-image{
  &:before{
        position: absolute;
    top: 50%;
    right: 0;
    left: 15px;    right: auto;
    width: 0;
    height: 0;
    margin-top: -38px;
    border: 38px solid transparent;
    border-left: 38px solid #fff;
    content: "";
    z-index: 10;
  }
 }
 .gallery-section{

.gallery-block {
@include size(25%, 250px);
@media (max-width: 767px){
@include size(50%, 200px);
}
@media (max-width: 577px){
@include size(50%, 150px);
}
float: left;
overflow: hidden;
padding: 6px;

.thumb{
@include size(100%, 100%);
padding: 10px; 
background-size: cover;
background-position: center;
margin-bottom: 30px;
position: relative;
&:before{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
content: '';
background: rgba(0,0,0,0.7);
display: none;
transition: 0.6s;
}
&:after{

position: absolute;
// width: 30px;
// height: 30px;
left: 0;
top: 10%;
bottom: 0;
right: 0;
margin: auto;
content: "\f065";
font-family: $icon-font-family;
color: $theme-white;
font-size: 100px;
// border: 2px solid $theme-white;
// border-radius: 50%;
padding: 12px;
text-align: center;
display: none;
}

&.video-thumb{
&:after{
content: "\f04b";
}
}

&:hover{
transition: 0.6s;

&:after,
&:before{
display: block;
transition: 0.2s;

}
}

}

}


.gallery-block:nth-child(3n){
padding-right: 0px
}

.gallery-block:nth-child(3n+1){
padding-left: 0px
}



}
&.main-toggle{
  position:relative;
  .content{

  max-height: 200px;
  margin-bottom:80px;
  position:relative;
  overflow: hidden;
  position:relative;
  &:before{
    position:absolute;
    bottom:0px;
    content: '';  
    width: 100%;
    height: 50%;
    background:linear-gradient(to top, rgba(255,255,255,0.99), transparent);

  }
  }
  a.more,a.less{
    position:absolute;
    bottom:40px;
  }
  a.less{
    display: none;
    bottom:20px !important;

  }
  }
  &.show{
    .content{

    height: auto !important;
    max-height: 100% !important;
    &:before{
      display: none;
    }

    }
    a{
      &.more{
        display: none !important;
      }
      &.less{
        display: initial !important ;
      }
    }
  }
 &.table-section{
    table{
      width: 100%;
      border-collapse:collapse;
      text-align: center;
      th{
        font-size: 18px;
        background:transparent;
          padding:.75rem;
          &:nth-child(even){
                border-left:3px solid white;
                border-right:3px solid white;
              }

      }
      tbody{
        tr{
           &:nth-child(even){
            background-color:#e3dfdf;}
          &:nth-child(odd){
            background-color:white;
            td{
              &:nth-child(even){
                border-left:3px solid #f4f4f4;
                // border-right:3px solid #f4f4f4;
              }
            }
          }
           &:nth-child(even){
           
            td{
              &:nth-child(even){
                border-left:3px solid white;
                // border-right:3px solid white;
              }
            }
          }
          td{
            padding:.75rem;
            font-size: 16px;
            vertical-align: middle;
          }
        }
      }
    }
  }
}
html{
	scroll-behavior: smooth;
}