.active {
    display: block !important ;
    visibility: visible !important ;
    opacity: 1 !important ;
    pointer-events: inherit;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.arrow-new {
    display: none !important;
    margin-left: 0; /* Ok simgesini sola yasla */
    margin-right: 0; /* Ok simgesini sağa yasla */
    border: 1px solid #fff; /* Border etrafında */
    position: absolute;
    right: 10px; /* Mobilde sağa yaslamak */
    top: 10px;
}

@media (max-width: 768px) { 
    .sub-menu {
        left: 0 !important;
    }
        .before-add::before {
            display: none !important;
        }
        .arrow-new {
            display: flex !important;
            margin-left: 5px;
            cursor: pointer;
            padding: 5px;
            height: 30px;
            width: 30px;
            border: 1px solid #59BBA4;
            align-items: center;
            justify-content: center;
            position: absolute;
            z-index: 99;
            transition: all 500ms ease;
        }
        .mainMenu ul li .sub-menu li.current-menu-item > a, .mainMenu ul li .sub-menu li .arrow-new  {
            top: 5px !important;
        }
        .mainMenu ul li .sub-menu li.current-menu-item > a, .mainMenu ul li .sub-menu li:hover > .arrow-new {
            background-color: #fff;
            transition: all 500ms ease;
        }
    }

@media (min-width: 768px) { 
    .mainMenu ul li:hover .sub-menu{
        display: block;
        visibility: visible;
        opacity: 1;
        pointer-events: inherit;
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }
    .mainMenu ul li .sub-menu li:hover .sub-menu{
        visibility: visible;
        opacity: 1;
        left: calc(100% + 2px);
        pointer-events: inherit;
    }
    .mainMenu ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu {
    display: block;
    left: 100%;
    top: 0;
} 
}