.mainNav ul li a, .mainNav ul ul li a {
    line-height: normal;
    color: #fff;
    display: block
}

.mainNav ul ul li, .mainNav ul ul ul {
    border-top: 1px solid #222
}

    .mainNav ul ul ul li, .openbtn {
        border: none
    }

.mainNav {
    background: #222;
    width: 25%
}

    .mainNav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        border-bottom: 1px solid #444
    }

        .mainNav ul li {
            border-top: 1px solid #444
        }

            .mainNav ul li a {
                font-size: 18px;
                padding: 20px;
                text-decoration: none
            }

                .mainNav ul li a:hover {
                    background: #333;
                    text-decoration: none
                }

        .mainNav ul ul {
            border-bottom: none
        }

            .mainNav ul ul li {
                background: #111
            }

                .mainNav ul ul li a {
                    font-size: 16px;
                    padding: 15px 42px
                }

                    .mainNav ul ul li a:hover {
                        background: #333
                    }

            .mainNav ul ul ul li a {
                padding-left: 3.5em;
                padding-top: .25em;
                padding-bottom: .25em
            }

ul li.has-subnav .accordion-btn {
    color: #fff;
    background: rgb(255 255 255 / .15);
    font-size: 16px
}

@media screen and (max-width:1024px) {
    .mainNav {
        width: 40%
    }
}

.imgcontainer .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .9;
    position: absolute;
    right: 20px;
    z-index: 9999
}

.modal.modal1 {
    top: 60px !important
}

.sidepanel {
    width: 0;
    position: fixed;
    z-index: 1;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: .5s;
    padding-top: 60px
}

    .sidepanel a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: .3s
    }

        .sidepanel a:hover {
            color: #f1f1f1
        }

    .sidepanel .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px
    }

.openbtn {
    font-size: 41px;
    cursor: pointer;
    background-color: #fff0;
    line-height: 11px;
    color: #fff;
    padding: 0
}

    .openbtn:hover {
        background-color: #444
    }

.show-menu {
    display: block;
    font-size: 25px
}

.hide-menu, .openbtn {
    display: none
}

#cross-menu.show-menu {
    font-size: 35px;
    background: #010101
}

@media screen and (max-width:700px) {
    .mainNav {
        width: 100%
    }

    .openbtn {
        display: block
    }
}