@media(min-width: 768px){
    .transition_scale_down li .prmn_columns_ul {
        height: 0;
        overflow: hidden;
        top: 80px;
        transform: perspective(600px) rotateX(-90deg);
        -webkit-transform: perspective(600px) rotateX(-90deg);
        -moz-transform: perspective(600px) rotateX(-90deg);
        -o-transform: perspective(600px) rotateX(-90deg);
        -ms-transform: perspective(600px) rotateX(-90deg);
        transform-origin: 100% 0 0;
        -ms-transform-origin: 100% 0 0;
        -o-transform-origin: 100% 0 0;
        -webkit-transform-origin: 100% 0 0;
        visibility: hidden;
        width: 0;
    }

    .transition_scale_down:not(.click_open_submenu) li:hover .prmn_columns_ul,
    .transition_scale_down.click_open_submenu li .prmn_columns_ul.open {
        height: auto;
        opacity: 1;
        overflow: visible;
        top: 100%;
        transform: perspective(600px) rotateX(0deg);
        -webkit-transform: perspective(600px) rotateX(0deg);
        -moz-transform: perspective(600px) rotateX(0deg);
        -o-transform: perspective(600px) rotateX(0deg);
        -ms-transform: perspective(600px) rotateX(0deg);
        transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        -webkit-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        -moz-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        -o-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        -ms-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        visibility: visible;
        width: auto;
        display: block;
    }

    .ets_transition_scale_down .prmn_menus_li.hover:hover .prmn_columns_ul,.ets_transition_scale_down .prmn_menus_li.click_open_submenu .prmn_columns_ul.open{
        transform-origin: top center;
        animation: scaleDown 300ms ease-in both;
        animation-iteration-count: 1;
        animation-timing-function: linear;
        display: block;
    }
    @-webkit-keyframes scaleDown{
        0%{
            opacity:0;
            transform: perspective(600px) rotateX(-90deg);
            -webkit-transform: perspective(600px) rotateX(-90deg);
            -moz-transform: perspective(600px) rotateX(-90deg);
            -o-transform: perspective(600px) rotateX(-90deg);
            -ms-transform: perspective(600px) rotateX(-90deg);
            transform-origin: 100% 0 0;
            -ms-transform-origin: 100% 0 0;
            -o-transform-origin: 100% 0 0;
            -webkit-transform-origin: 100% 0 0;
        }
        50%{
            opacity:1
        }
        100%{
            transform: perspective(600px) rotateX(0deg);
            -webkit-transform: perspective(600px) rotateX(0deg);
            -moz-transform: perspective(600px) rotateX(0deg);
            -o-transform: perspective(600px) rotateX(0deg);
            -ms-transform: perspective(600px) rotateX(0deg);
            transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
            -webkit-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
            -moz-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
            -o-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        }
    }
    @keyframes scaleDown{
        0%{
            opacity:0;
            transform: perspective(600px) rotateX(-90deg);
            -webkit-transform: perspective(600px) rotateX(-90deg);
            -moz-transform: perspective(600px) rotateX(-90deg);
            -o-transform: perspective(600px) rotateX(-90deg);
            -ms-transform: perspective(600px) rotateX(-90deg);
            transform-origin: 100% 0 0;
            -ms-transform-origin: 100% 0 0;
            -o-transform-origin: 100% 0 0;
            -webkit-transform-origin: 100% 0 0;
        }
        50%{
            opacity:1
        }
        100%{
            transform: perspective(600px) rotateX(0deg);
            -webkit-transform: perspective(600px) rotateX(0deg);
            -moz-transform: perspective(600px) rotateX(0deg);
            -o-transform: perspective(600px) rotateX(0deg);
            -ms-transform: perspective(600px) rotateX(0deg);
            transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
            -webkit-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
            -moz-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
            -o-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        }
    }
}