@mixin padding($top: 0, $right: 0, $bottom: 0, $left: 0) {
    @if $top == $right and $right == $bottom and $bottom == $left and $left == $top {
        padding: $top;
    } @else if $top == $bottom and $right == $left {
        padding: $top $right;
    } @else {
        padding: $top $right $bottom $left;
    }
}

@mixin border-radius($topleft: 0, $topright: 0, $bottomright: 0, $bottomleft: 0) {
    @if $topleft == $topright and $topright == $bottomright and $bottomright == $bottomleft and $bottomleft == $topleft {
        border-radius: $topleft;
    } @else {
        border-radius: $topleft $topright $bottomright $bottomleft;
    }
}

@mixin box-shadow($value) {
    box-shadow: $value;
}

@mixin background($from, $to) {
    @if $to == $from {
        background: $to;
    } @else {
        background: linear-gradient(to bottom, $from, $to);
    }
}

@mixin border($top, $left, $right, $bottom, $color) {
    @if $top == 0px and $left == 0px and $right == 0px and $bottom == 0px {
        border: 0;
    } @else {
        border-top: $top solid $color;
        border-left: $left solid $color;
        border-right: $right solid $color;
        border-bottom: $bottom solid $color;
    }
}

@mixin mobile {
    @media only screen and (max-width : $responsive_breakpoint) {
        @content;
    }
}

@mixin desktop {
    @media only screen and (min-width : $responsive_breakpoint + 1) {
        @content;
    }
}

@mixin resets {
    #{$wrap},
    #{$wrap} #{$menu},
    #{$wrap} #{$menu} ul.mega-sub-menu,
    #{$wrap} #{$menu} li.mega-menu-item,
    #{$wrap} #{$menu} li.mega-menu-row,
    #{$wrap} #{$menu} li.mega-menu-column,
    #{$wrap} #{$menu} a.mega-menu-link,
    #{$wrap} #{$menu} span.mega-menu-badge,
    #{$wrap} button.mega-close {
        transition: none;
        @include border-radius(0, 0, 0, 0);
        @include box-shadow(none);
        background: none;
        border: 0;
        bottom: auto;
        box-sizing: border-box;
        clip: auto;
        color: $panel_font_color;
        display: block;
        float: none;
        font-family: unquote($panel_font_family);
        font-size: $panel_font_size;
        height: auto;
        left: auto;
        line-height: $line_height;
        list-style-type: none;
        margin: 0;
        min-height: auto;
        max-height: none;
        min-width: auto;
        max-width: none;
        opacity: 1;
        outline: none;
        overflow: visible;
        padding: 0;
        position: relative;
        pointer-events: auto;
        right: auto;
        text-align: left;
        text-decoration: none;
        text-indent: 0;
        text-transform: none;
        transform: none;
        top: auto;
        vertical-align: baseline;
        visibility: inherit;
        width: auto;
        word-wrap: break-word;
        white-space: normal;
        -webkit-tap-highlight-color: transparent;

        &:before,
        &:after {
            display: none;
        }
    }
}

