/* ============== cg-menu ===============
 * author : Jiwon Han (iamjiwon@hotmail.com) 
 * copyright (c) under cybergolf.com
 * =================================== */
@media all and (max-width: 767px) {
    #cg-menu, #cg-menu.vertical {
        width: 100%;
        cursor: pointer
        }
    #cg-menu > ul {
        display: none;
        text-align: left
        }
    #cg-menu > ul.mobile-menu {
        display: block;
        cursor: pointer;
        text-align: left
        }
    #cg-menu > ul.mobile-menu > li::before {
        content: "";
        position: absolute;
        height: 3px;
        width: 22px;
        border-top: 2px solid #fff;
        right: 25px;
        top: 29px;
        opacity: 0.8;
        z-index: 1
        }
    #cg-menu > ul.mobile-menu > li::after {
        content: "";
        position: absolute;
        height: 3px;
        width: 22px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        right: 25px;
        top: 19px;
        opacity: 0.8;
        z-index: 1
        }
    #cg-menu > ul > li {
        display: block;
        margin: 0
        }
    #cg-menu > ul > li > a {
        display: inline-block;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgba(170, 170, 170, 0.25);
        padding: 1.4em;
        letter-spacing: 1px;
        font-size: 14px
        }
    #cg-menu > ul > li.has-child > a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }
    #cg-menu > ul > li.has-child > a::after {
        right: 32px
        }
    #cg-menu > ul > li:hover > a {
        background: none
        }
    #cg-menu > ul > li {
        background: rgba(255, 255, 255, 0.15)
        }
    #cg-menu > ul.mobile-menu > li {
        background: none
        }
    #cg-menu > ul > li > ul {
        display: none
        }
    /* child menus */
    #cg-menu ul li ul {
        position: relative;
        visibility: visible;
        opacity: 1;
        box-shadow: none;
        border-radius: 0;
        margin: 0;
        padding: 0;
        background: #fff
        }
    #cg-menu ul li ul li a {
        width: 100%;
        font-size: 14px
        }
    #cg-menu ul ul ul {
        padding-left: 30px
        }
    #cg-menu > ul > li > ul li:hover > ul {
        margin: 0
        }
    #cg-menu > ul > li > ul li.has-child > a::after, #cg-menu > ul > li > ul li.has-child:hover > a::after {
        border-left-color: transparent
        }
    /* table-cell mode */
    #cg-menu.table-cell > ul {
        display: none;
        text-align: left
        }
    #cg-menu.table-cell > ul.mobile-menu {
        display: block
        }
    #cg-menu.table-cell > ul > li {
        display: block
        }
    #cg-menu.table-cell ul li ul {
        left: 0
        }
    /* vertical mode */
    #cg-menu.vertical > ul > li > ul {
        left: 0;
        top: 0;
        margin: 0
        }
    #cg-menu.vertical > ul > li.has-child > a::after {
        border-left-color: transparent;
        border-top-color: #fff;
        border-top-color: rgba(255, 255, 255, 0.6)
        }
    #cg-menu.vertical > ul > li.has-child:hover > a::after {
        border-left-color: transparent;
        border-top-color: #fff
        }
    }
@media not all and (max-width: 767px) {
    #cg-menu > ul {
        display: block !important;
        overflow: visible !important
        }
    #cg-menu.table-cell > ul {
        display: table !important
        }
    #cg-menu > ul.mobile-menu {
        display: none !important
        }
    #cg-menu:not(.slide-down) > ul > li > ul {
        display: block !important;
        overflow: visible !important
        }
    }