Александр Зубарев

img {
    max-width: 100%;
    height: auto;
}

<input type="checkbox" value="1440" class="chAccess" data-value="" id="check1">
<label for="check1"></label>

#check1{
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}
label{
    /* Твои стили */
}

ul>li:nth-child(2)>a>div:hover{
    ...
}

т.е, если пользователь убрал курсор мышки с элемента меню, то она не появилось.

.menu .submenu {
    opacity: 0; /* По умолчанию скрываем подменю */
    visibility: hidden;
    transition-property:  opacity, visibility;   /* Задаем какие свойства анимировать */
    transition-duration: .3s, .3s;               /* Задаем продолжительность анимации для каждого свойства */
    transition-delay: .15s, .15s;                /* Задаем задержку анимации для каждого свойства */
}
.menu .menu-item:hover .submenu {
    opacity: 1; /* Показываем подменю при ховере */
    visibility: visible;
}

window[name]
Returns the indicated element or collection of elements.