.container{     
    @media(min-width:1400px){ 
        max-width:1280px; 
    } 
    @media(min-width:1600px){ 
        max-width:1400px; 
        &-fullwidth{ 
          max-width:1450px;
        }
    } 
    @include media-breakpoint-down(sm) {  
        max-width: 100%;  
    } 
}



// Ripple Effect
.ripple-effect-dark,
.ripple-effect {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.ripple-effect span.ripple-overlay,
.ripple-effect-dark span.ripple-overlay {
  animation: ripple 0.9s;
  border-radius: 100%;
  background: #fff;
  height: 12px;
  position: absolute;
  width: 12px;
  line-height: 12px;
  opacity: 0.2;
  pointer-events: none;
  z-index: 0;
}

.ripple-effect-dark span.ripple-overlay {
  background: #000;
  opacity: 0.07;
}