.mynavclass {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background-color: transparent;
    transition: background-color 0.4s ease, box-shadow 0.4s ease;
}

.mainlogo {
    max-height: 70px;
    width: auto;
    transition: height 0.4s ease, max-height 0.4s ease;
}

.mynavclass.scrolled {
    background-color: #000;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.25);
}

    .mynavclass.scrolled .mainlogo {
        max-height: 50px;
        width: auto;
    }

.menuflexbox1 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/*Common Css For Menu*/
.cmmenu .logo {
    display: none;
}

.cmmenu {
    display: block;
}

    .cmmenu ul {
        padding-left: 0;
    }

    .cmmenu > ul {
        height: 100%;
        float: right;
    }

    .cmmenu ul,
    .cmmenu ul li,
    .cmmenu ul li a,
    .cmmenu #head-mobile {
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .cmmenu:after,
    .cmmenu > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    .cmmenu #head-mobile {
        display: none
    }














.headermenu1 > ul > li {
    float: left;
    position: relative;
    height: 100%;
    display: inline-flex;
    align-items: center;
}

    .headermenu1 > ul > li > a {
        padding: 18px 22px;
    }

.headermenu1 ul li a {
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    transition: all 0.4s ease-in-out;
}

.headermenu1 > ul > li::before {
    background: #c7af71;
    bottom: 0;
    content: '';
    position: absolute;
    left: 0%;
    height: 2px;
    width: 0;
    transition: all 0.4s ease-in-out;
}

.headermenu1 > ul > li:hover::before {
    width: 100%;
}

/*.headermenu1 > ul > li::after {
    background: #c7af71;
    bottom: 67%;
    transition: height 0.4s;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 0;
}

.headermenu1 > ul > li:hover::after {
    height: 33%;
    transition: 0s;
    background: transparent;
}*/

.headermenu1 ul li a:hover {
    color: #fff;
}

.headermenu1 ul ul {
    z-index: 9;
    position: absolute;
    left: auto;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    text-align: left;
    background: rgba(0,0,0,0.8);
    margin-left: 0px;
    padding: 10px 0;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.13);
    transform-origin: 0 0;
    transform: scaleY(0.001);
    transition: all 0.4s ease-in-out;
    transition-delay: 0.1s;
}

.headermenu1 li:hover > ul {
    left: auto;
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.headermenu1 ul ul li {
    margin-bottom: 10px;
}

    .headermenu1 ul ul li a {
        font-size: 15px;
        min-width: 170px;
        padding: 10px 0px;
        margin: 5px 20px;
        border-bottom: 1px solid rgba(255,255,255,.4);
        position: relative;
        transition: all 0.4s ease-in-out;
    }

        .headermenu1 ul ul li a:before {
            content: "";
            display: block;
            position: absolute;
            height: 2px;
            bottom: -1px;
            left: 0px;
            width: 0;
            background: #c7af71;
            transition: all 0.4s ease-in-out;
        }

        .headermenu1 ul ul li a:hover:before {
            width: 100%;
        }

.headermenu1 ul ul ul {
    margin-left: 100%;
    top: 0;
    left: 4px;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.headermenu1 li li:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 0;
    left: 4px;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

    .headermenu1 .menuspecclass,
    .headermenu1 li li:hover > ul.menuspecclass {
        margin-right: auto !important;
        right: calc( 100% + 4px ) !important;
        margin-left: -100% !important;
        left: auto !important;
    }






















/*Common Css For Menu*/
@media screen and (max-width: 991px) {
    .cmmenu .logo {
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        padding: 0;
        float: none;
        position: relative;
        display: block;
        text-align: left;
    }

        .cmmenu .logo a {
            color: #333333;
            display: inline-block;
            font-size: 16px;
            font-weight: 500;
        }

    .mynavclass{
        background-color: #000;
    }

    .cmmenu {
        width: 100%;
        display: block !important;
    }

        .cmmenu ul {
            width: 100%;
            display: none;
        }

            .cmmenu ul li {
                width: 100%;
                border-top: 1px solid rgba(255,255,255,0.4);
            }

                .cmmenu ul li:before, .cmmenu ul li:after {
                    display: none;
                }

            .cmmenu ul ul li,
            .cmmenu li:hover > ul > li {
                height: auto;
                margin: 0;
            }

                .cmmenu ul li a,
                .cmmenu ul ul li a {
                    width: 100%;
                    border-bottom: 0;
                    padding: 14px 10px;
                    text-align: left;
                    color: #fff;
                    margin: 0;
                }

                    .cmmenu ul li a:before {
                        display: none;
                    }

        .cmmenu > ul > li {
            float: none;
            height: auto;
            display: block;
        }

        .cmmenu ul ul li a, .cmmenu ul ul li a:hover {
            padding-left: 25px;
        }

        .cmmenu ul ul ul li a, .cmmenu ul ul ul li a:hover {
            padding-left: 35px
        }

        .cmmenu ul ul,
        .cmmenu ul ul ul {
            position: relative;
            left: 0;
            bottom: 0px;
            top: 0;
            width: 100%;
            transform: translateY(0);
            margin: 0;
            text-align: left;
            opacity: 1;
            z-index: 1;
            visibility: visible;
            border: none;
            background: transparent;
            padding: 0;
            box-shadow: none;
            transition: all 0s ease-in-out;
            transition-delay: 0s;
        }

        .cmmenu li:hover ul {
            bottom: 0px;
            left: 0 !important;
            transform: translateY(0px);
            transition: all 0s ease-in-out;
            transition-delay: 0s !important;
        }

        .cmmenu > ul > li.has-sub > a:after,
        .cmmenu > ul > li.has-sub > a:before,
        .cmmenu ul ul > li.has-sub > a:after,
        .cmmenu ul ul > li.has-sub > a:before {
            display: none
        }

        .cmmenu #head-mobile {
            display: block;
            padding: 12px;
            color: #333333;
            cursor: pointer;
            font-size: 12px;
            font-weight: 400;
        }

        .cmmenu .ddmenu-button {
            width: 55px;
            height: 46px;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            z-index: 8;
        }

            .cmmenu .ddmenu-button:after {
                position: absolute;
                top: 22px;
                right: 20px;
                display: block;
                height: 8px;
                width: 20px;
                border-top: 2px solid #fff;
                border-bottom: 2px solid #fff;
                content: ''
            }

            .cmmenu .ddmenu-button:before {
                transition: all .4s ease;
                position: absolute;
                top: 16px;
                right: 20px;
                display: block;
                height: 2px;
                width: 20px;
                background: #fff;
                content: ''
            }

            .cmmenu .ddmenu-button.menu-opened:after {
                transition: all .4s ease;
                top: 23px;
                border: 0;
                height: 2px;
                width: 19px;
                background: #fff;
                transform: rotate(45deg)
            }

            .cmmenu .ddmenu-button.menu-opened:before {
                top: 23px;
                background: #fff;
                width: 19px;
                transform: rotate(-45deg)
            }

        .cmmenu .submenu-button {
            position: absolute;
            z-index: 99;
            right: 0;
            top: 0;
            display: block;
            border-left: 1px solid rgba(255,255,255,0.4);
            height: 44px;
            width: 44px;
            cursor: pointer;
        }

            .cmmenu .submenu-button:after {
                position: absolute;
                top: 18px;
                left: 50%;
                font-size: 18px;
                font-weight: 600;
                content: "";
                width: 7px;
                height: 7px;
                border-right: 2px solid #fff;
                border-bottom: 2px solid #fff;
                transform: rotate(45deg) translateX(-50%);
                transition: transform 0.25s ease;
                vertical-align: 3px;
            }

            .cmmenu .submenu-button.submenu-opened:after {
                transform: rotate(225deg);
            }

        .cmmenu > ul > li.has-sub > a {
            padding-right: 46px;
        }
}

@media (max-width: 500px){
    .mainlogo {
        max-height: 50px;
    }
}