.dropdown {
    position: absolute;
    width: 150px;
    top: 41px;
    opacity: 0;
    visibility: hidden;
    transition: ease-out .35s;
    -moz-transition: ease-out .35s;
    -webkit-transition: ease-out .35s;
}
/* 
@media screen and (max-width: 420px) {
	.subs  {
		left: -20px !important;
	}
} */
.subs {
    left: -84px;
    position: relative;
    top: 50px;
    width: 210px;
    border-left: none !important;
    border-bottom: 1px dotted #fff !important;
}


.subs:last-child {
    border: none !important;
}

.hassubs:hover .dropdown,
.hassubs .hassubs:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transition: ease-in .35s;
    -moz-transition: ease-in .35s;
    -webkit-transition: ease-in .35s;
}

.hassubs .hassubs .dropdown .subs {
    left: 99px;
    position: relative;
    width: 225px;
    top: 25px;
}

.hassubs .hassubs .dropdown {
    position: absolute;
    width: 150px;
    left: 110px;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    transition: ease-out .35s;
    -moz-transition: ease-out .35s;
    -webkit-transition: ease-out .35s;
}