드롭다운메뉴 css 어떤부분때문에 펼쳐져 있는걸까요?

드롭다운메뉴때문에 요즘 고생중입니다ㅠㅠ

pc사이트에서는 제대로 나오는데 모바일에서 밑에 이미지 보면 메뉴아이콘을 누르면

메뉴들이 나오는데 메인메뉴만 보이고

메인메뉴 클릭 > 서브메뉴가 펼쳐져야 하는데

메인이랑 서브 상관없이 다 펼쳐져서 나오네요ㅠㅠ

css소스중에 뭐때문에 몽땅 펼쳐져서 나오는걸까요 ㅠㅠ

.navbar-default .navbar-nav li{
 background-color: #fff;

}

.navbar-default .navbar-nav>li> a{
 color:#333;
 font-size: 18px;
 background: #f0f0f0;
    background:#eee; 
}

.navbar-default .navbar-nav .dropdown-menu>li{
 color: #CCC;
 font-size: 16px;

}

.navbar-default .navbar-nav>li> a:hover .dropdown-menu {
 display:block;
 width: 100%;
 position: absolute;
 top: 30px;
}

.navbar-default .navbar-nav .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .dropdown-menu>li>a:hover {
 font-weight:500;
    background-color:#fff;

}

.navbar-default .navbar-nav .dropdown-menu>.active>a, .navbar-default .navbar-nav .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .dropdown-menu>.active>a:hover {
color:#555;
background-color:#e7e7e7
}
.navbar-default .navbar-nav .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .dropdown-menu>.disabled>a:hover {
color:#ccc;
background-color:transparent

}