/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
    [HEADER FOOTER PANEL GROUPS]

    [MEDIA QUERIES]
*/


/* [HEADER FOOTER PANEL GROUPS] --------------------------------------------------- */
#main-menu .panel-group,
#footer .panel-group {
    margin: 0;
}
#main-menu .panel-group{
    padding: 0 0.99rem;
}

    #main-menu .panel-group .panel,
    #footer .panel-group .panel,
    #footer .panel-group .panel .panel-heading,
    #footer .panel-group .panel .panel-heading,
    #footer .panel-group .panel .panel-body,
    #footer .panel-group .panel .panel-body {
        border-radius: 0;
        background: none;
        border: 0;
        padding-left: 0;
        padding-right: 0;
        color: inherit;
    }


#footer .panel-body ul {
    margin-bottom: 0;
}
/* [HEADER FOOTER PANEL GROUPS] END --------------------------------------------------- */



/* [MEDIA QUERIES] --------------------------------------------------- */


@media screen and (min-width:992px) {
    #main-menu .panel-group .panel {
        width: 20%;
    }
   
  
}



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

    #main-menu .panel-group
    {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        #main-menu .panel-group .panel,
        #footer .panel-group .panel {
            overflow: hidden;
            box-shadow: none;
            vertical-align: top;
            padding-right: 0.31rem;
        }

    #main-menu .panel,
    #footer .panel {
        margin: 0;
    }

        #main-menu .panel:nth-of-type(5n + 1),
        #footer .panel:nth-of-type(5n + 1) {
            margin-left: 0;
        }

}

@media screen and (max-width:991.98px)
{
    #main-menu .panel-group .panel{
        width:100%;
    }
    #main-menu .panel + .panel .panel-heading,  #main-menu .panel .panel-body
    {
        border-top:0 !important;
    }
    #main-menu .panel-group .panel
    {
        box-shadow:none;
    }
    
}
@media screen and (max-width: 767.98px) {
    #main-menu li.full-width-dropdown ul li .panel-heading,
    #footer .panel-heading {
        padding: 0.63rem 0;
    }


      #main-menu .panel + .panel .panel-heading,
    #main-menu .panel .panel-body
     {
        border-top: 0.06rem solid;
    }

    #main-menu .panel-group .panel
    {
        WIDTH:100%;
    }
}
/* [MEDIA QUERIES] END --------------------------------------------------- */