nav ul {
    list-style: none;
    padding: 0px;
}

   nav.menu-main li a {
            display: block;
            padding: 12px 30px;
            color: #484f53;
            font-size: 16px;
            text-decoration: none;
            /*box-shadow: 0 -1px rgba(192, 192, 192, 0.5) inset;*/
            transition: background .3s;
            white-space: nowrap;
        }

            nav.menu-main li a:hover {
               /* background: rgba(192, 192, 192, 0.5);*/
            }

#check_acmenu{display:none}

.section-acmenu .hold_acmenu {
    font-size: 20px;
    font-weight: lighter;
    background: #80614c;
}
.section-acmenu label {
    position: relative;
    display: block;
    padding: 0 18px 0 12px;
    line-height: 3em;
    transition: background 0.3s;
    cursor: pointer;
    margin-bottom: 0px;
}

.nav_accordion a, .nav_accordion label {
    display: block;
    /*padding: 5px 5px 5px 20px;*/
    color: #80614c;
    /*background-color: #e6e6e6;*/
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

.nav_accordion li.nav_accordion_third-group {
    padding: 0px;
    height:30px;
}

.nav_accordion a:focus, .nav_accordion a:hover, .nav_accordion label:focus, .nav_accordion label:hover {
  color: rgba(0, 39, 42, 0.50);
  /*background: rgba(192, 192, 192, 0.5);*/
}

.nav_accordion label {
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
/**
 * Styling first level lists items
 */

.nav_accordion_sub-group {
    background: #f4f4f4b2;
    margin: 10px;
}

.nav_accordion_sub-group-list label{
    line-height:2em;
}

.nav_accordion_sub-group-list a, .nav_accordion_sub-group-list label {
    padding-left: 2rem;
    height: 30px;
    font-size: 14px;
    /* background: rgba(192, 192, 192, 0.5);*/
    /* box-shadow: inset 0 -1px #373737;*/
}

.nav_accordion_sub-group-list a:focus, .nav_accordion_sub-group-list a:hover, .nav_accordion_sub-group-list label:focus, .nav_accordion_sub-group-list label:hover { 
    /*background: #373737; */
}

/**
 * Styling second level list items
 */

.nav_accordion_third-group-list a, .nav_accordion_third-group-list label {
    padding-left: 4rem;
    font-size: 12px;
    font-weight: unset;
 /* background: rgba(192, 192, 192, 0.5);*/
 /* box-shadow: inset 0 -1px #474747;*/
}

.nav_accordion_third-group-list a:focus, .nav_accordion_third-group-list a:hover, .nav_accordion_third-group-list label:focus, .nav_accordion_third-group-list label:hover { 
    background: rgb(226 226 226 / 0.57);
}

/**
 * Styling third level list items
 */

.nav_accordion_forth-group-list a, .nav_accordion_forth-group-list label {
  padding-left: 6rem;
  background: #454545;
  box-shadow: inset 0 -1px #575757;
}

.nav_accordion_forth-group-list a:focus, .nav_accordion_forth-group-list a:hover, .nav_accordion_forth-group-list label:focus, .nav_accordion_forth-group-list label:hover { background: #333333; }

/**
 * Hide nested lists
 */
.nav_accordion_sub-group-list.current, .nav_accordion_third-group-list.current, .nav_accordion_forth-group-list.current {
  /*max-height: 100%;*/
}

.nav_accordion_sub-group-list, .nav_accordion_third-group-list, .nav_accordion_forth-group-list {
    height: 100%;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out;
}

.nav_accordion_group_list {
    background: #e9e4e0;
    /*border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border: 1px solid #ccc;*/
}

.nav_accordion_group_list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 1000px; }

/*.nav_accordion_sub-group-list input[type=checkbox]:checked + label + ul {*/ /* reset the height when checkbox is checked */
    /*max-height: 1000px;
}*/


/**
*menu align middle
*/
.col-sm-12 nav.menu-main{
    margin-bottom:20px;
}

.col-sm-12 .nav_accordion_group_list {
    position: absolute;
    text-align: center;
    width: 100%;
    display: contents;
}

.col-sm-12 .nav_accordion_group_list li{
    list-style-type: none;
    position: relative;
    width: 150px;
    height:25px;
    display: inline-table;
    z-index: 100;
    overflow: hidden;

    margin: 5px 3px;
    border-left: dashed 1px #ccc;
    padding-left: 6px;
}


/**
 * Rotating chevron icon
 */

.section-acmenu label > span {
    float: right;
    -webkit-transition: -webkit-transform .65s ease;
    transition: transform .65s ease;
    padding: 15px 8px;
    color: #fff;
}

.nav_accordion_group_list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*.nav_accordion_sub-group-list input[type=checkbox]:checked + label > span {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}*/

@media (max-width: 800px) {
    /*Style for the first level menu bar*/
    .nav_accordion .fa-angle-down{
        display:none;
    }
    .section-acmenu .hold_acmenu {
        width: 100%;
        font-size: 18px;
        color: #333333;
        letter-spacing: 3px;
        line-height: 40px;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-radius: 0;
        background-color: #ffffff;
        border: 1px dotted #ccc;
        /*background-image: url('../images/products/ic_sizeselect.png');*/
        background-size: 25px 6px;
        background-repeat: no-repeat;
        background-position: right 5px center;
        -moz-appearance: none;
        -webkit-appearance: none;
        overflow: hidden;
        cursor: pointer;
        padding: 0 10px 0 20px;
        margin: 0;
        display: none;
    }

      .section-acmenu label:after {
            content: "";
            position: absolute;
            display: block;
            top: 50%;
            right: 15px;
            width: 0;
            height: 0;
            border-top: 4px solid #373737;
            border-bottom: 0 solid #373737;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            transition: border-bottom .1s, border-top .1s .1s;
        }



   .section-acmenu label:hover,
.section-acmenu input:checked ~ label{
       /*background:rgba(0,0,0,.3);*/
   }

.section-acmenu input:checked ~ label:after{
  border-top:0 solid rgba(255,255,255,.5);
  border-bottom:4px solid rgba(255,255,255,.5);
  transition:border-top .1s, border-bottom .1s .1s;
}

       .section-acmenu label:hover,
       .section-acmenu input:checked ~ .section-acmenu label {
            /*background: #ccc;*/
        }

           .section-acmenu input:checked ~ .section-acmenu label:after {
                border-top: 0 solid rgba(255,255,255,.5);
                border-bottom: 4px solid rgba(255,255,255,.5);
                transition: border-top .1s, border-bottom .1s .1s;
            }

    /*show the second levele menu of the selected voice*/
    .section-acmenu input:checked ~ nav.menu-main {
        max-height: 100%;
        transition: max-height 0.5s ease-in;
    }

    /*style for the second level menu*/
    nav.menu-main {
        max-height: 0;
        padding: 0;
        overflow: hidden;
        list-style-type: none;
        background: #e6e6e6;
        box-shadow: 0 0 1px rgba(0,0,0,.3);
        transition: max-height 0.5s ease-out;
        position: relative;
        min-width: 100%;
        z-index: 1;
        border: 1px solid;
        display:none;
    }
    .col-sm-12 nav.menu-main {
    margin-bottom: unset;
}
    .col-sm-12 .nav_accordion_group_list {
    position: inherit;
    text-align: unset;
    width: 100%;
}
    .col-sm-12 .nav_accordion_group_list li {
    list-style-type: none;
    position: relative;
    width: auto;
    height: auto;
    display: block;
    z-index: 100;
    overflow: hidden;
    margin: 5px 3px;
    border-left: unset;
    padding-left: 0;
}
}