@mixin tet30-button {
  border: none;
  box-shadow: none;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  background: #6fb70f;
  padding: 0px 35px;
  border-radius: 0;
  font-size: 14px;
  line-height: 47px;
  height: 47px;
  color: #fff;
  border-radius: 30px;
  letter-spacing: 1px;
  .c4d-theme-effect & {
    transition: all 0.4s;
  }
  &:hover {
    border-color: $colorHover;
    background: $colorHover;
    color: #fff;
  }
  i {
    margin-left: 15px;
  }
}
@mixin tet30-button-1 {
  @include tet30-button;
  background: none;
  border: 2px solid #ddd;
  color: #7a7a7a;
}
@mixin tet30-input {
  border: 2px solid #ccc;
  border-radius: 45px;
  width: 100%;
  padding: 0px 22px;
  line-height: 46px !important;
  color: #7a7a7a;
  .c4d-theme-effect & {
    transition: all 0.4s;
  }
}
@mixin tet30-textarea {
  @include tet30-input;
  padding: 10px 22px;
  border-radius: 10px;
  line-height: 1.6em !important;
  min-height: 5em;
}
@mixin breakpoint($point, $size: max-width) {
    @if $point == 1920 {
        @media ($size: 1920px) { @content ; }
    }
    @else if $point == 1280 {
        @media ($size: 1280px) { @content ; }
    }
    @else if $point == 1200 {
        @media ($size: 1199px) { @content ; }
    }
    @else if $point == 1024 {
        @media ($size: 1024px) { @content ; }
    }
    @else if $point == 768 {
        @media ($size: 768px)  { @content ; }
    }
    @else if $point == 767 {
        @media ($size: 767px)  { @content ; }
    }
    @else if $point == 736 {
        @media ($size: 736px)  { @content ; }
    }
    @else if $point == 480 {
        @media ($size: 480px)  { @content ; }
    }
    @else if $point == 640 {
        @media ($size: 640px)  { @content ; }
    }
    @else if $point == 320 {
        @media ($size: 320px)  { @content ; }
    }
}