@media screen and (min-width: 768px) {

    #hover-d {
        padding: 12px 0px;
    }

    #hover-e,#hover-f {
        padding:12px 0px;
    }

	#sub-menu-nav-card {
		margin-left: 0px;
	}

    #sup-menu-nav-collapse {
        padding-left: 0px;
        padding-right: 0px;
    }

    #sub-menu-nav-card, #sup-menu-nav-collapse {
        text-align: center;
    }

}

@media (max-width: 767px) {

	 #sup-menu-nav-collapse {
        display: block!important;
        padding: 0px;
        overflow: hidden;
    }

    #hover-d {
        padding: 22px 0px !important;
    }

    .second-ul li:nth-child(3) {
        border-bottom: none !important;
    }

    #sup-menu-nav-collapse ul>li,
    #sup-menu-nav-collapse ul {
        display: inline-block;
        margin: 0px auto !important;
    }
    #sup-menu-nav-collapse ul {
        width: 100%;
    }
    #sup-menu-nav-collapse ul li {
        display: inline-block;
        transition: background 0.2s;
        transform: skew(-20deg);
        /*width: 32.5%;*/
        /* SKEW */
    }
    #sup-menu-nav-collapse ul li a {
        display: block;
        text-decoration: none;
        transform: skew(20deg);
        text-align: center;
        padding: 12px 0px;
        /* INVERSE SKEW */
    }



}