@media (max-width:991px) {
    .ce-hoc-nav .navbar-collapse {
        background: #f2f2f2;
        position: relative;
        width: 100%;
    }

    .ce-hoc-nav .navbar-brand {
        margin: 0 10px !important
    }

    .ce-hoc-nav .navbar-nav {
        margin-top: 0;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        border: 1px solid rgba(0, 0, 0, .15);
        border-top: none;
        width: 100%;
    }

        .ce-hoc-nav .navbar-nav li.dropdown .dropdown-menu {
            max-height: 0;
            overflow: hidden;
        }

        .ce-hoc-nav .navbar-nav li.dropdown.show > a:after {
            border: none;
        }

        .ce-hoc-nav .navbar-nav li.dropdown.show .dropdown-menu {
            max-height: 1500px;
            border: none;
        }

        

       

    .ce-hoc-nav .ce-hoc-dropdown-menu-content a.ce-hoc-btn-landing.btn {
        box-shadow: none;
        border: none;
    }

    .ce-hoc-nav .ce-hoc-dropdown-menu-content a.ce-hoc-btn-landing.btn,
    .ce-hoc-nav .ce-hoc-list-group-item a,
    .ce-hoc-nav .ce-hoc-panel-title a,
    .ce-hoc-nav .nav .show > a,
    .ce-hoc-nav .nav .show > a:focus,
    .ce-hoc-nav .nav .show > a:hover,
    .ce-hoc-nav .navbar-nav > li > a {
        font-family: roboto, sans-serif;
        text-transform: none;
        font-weight: 400;
        border-bottom: 1px solid #fff;
        font-size: 1em;
        line-height: 1em;
        padding: 10px 15px;
        letter-spacing: normal;
        text-decoration: none;
    }

    .ce-hoc-nav .navbar-nav > .dropdown > a:focus,
    .ce-hoc-nav .navbar-nav > .show > a,
    .ce-hoc-nav .navbar-nav > .show > a:focus,
    .ce-hoc-nav .navbar-nav > .show > a:hover,
    .ce-hoc-nav .navbar-nav > li.dropdown.show > a,
    .ce-hoc-nav .navbar-nav > li.dropdown > a:hover,
    .ce-hoc-nav .navbar-nav > li > a {
        background-color: #d8d8d8;
        color: #333;
    }

    .ce-hoc-nav .ce-hoc-panel-title {
        font-size: 1em;
        line-height: 1em;
        position: relative;
    }

        .ce-hoc-nav .ce-hoc-panel-title a {
            pointer-events: all;
            cursor: pointer;
            background-color: #f0f0f0;
            padding-left: 30px;
            border-bottom: 1px solid #e2e2e2;
        }

    .ce-hoc-nav .ce-hoc-list-group-item a {
        background-color: #fff;
        color: #333;
        padding-left: 60px;
        border-bottom: 1px solid #e2e2e2;
    }

    .ce-hoc-nav .ce-hoc-groupbox {
        margin: 15px
    }

    .ce-hoc-nav .ce-hoc-dropdown-menu-content {
        padding: 0
    }

        .ce-hoc-nav .ce-hoc-dropdown-menu-content a.ce-hoc-btn-landing.btn {
            margin: 0;
            text-align: left;
            width: 100%;
            max-width: none;
            padding-left: 30px
        }

            .ce-hoc-nav .ce-hoc-dropdown-menu-content a.ce-hoc-btn-landing.btn,
            .ce-hoc-nav .ce-hoc-dropdown-menu-content a.ce-hoc-btn-landing.btn:hover {
                background-color: #f0f0f0;
                border-bottom: 1px solid #e2e2e2;
                color: #333
            }

                .ce-hoc-nav .ce-hoc-dropdown-menu-content a.ce-hoc-btn-landing.btn,
                .ce-hoc-nav .ce-hoc-dropdown-menu-content a.ce-hoc-btn-landing.btn:focus-visible {
                    outline: solid 2px black;
                }

                .ce-hoc-nav .ce-hoc-dropdown-menu-content a.ce-hoc-btn-landing.btn:after {
                    content: none
                }

        .ce-hoc-nav .ce-hoc-dropdown-menu-content .row {
            margin: 0
        }

        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-lg-1,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-lg-2,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-lg-3,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-lg-4,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-lg-5,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-lg-6,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-lg-7,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-lg-8,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-lg-9,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-lg-10,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-lg-11,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-lg-12,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-md-1,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-md-2,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-md-3,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-md-4,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-md-5,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-md-6,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-md-7,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-md-8,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-md-9,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-md-10,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-md-11,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-md-12,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-sm-1,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-sm-2,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-sm-3,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-sm-4,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-sm-5,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-sm-6,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-sm-7,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-sm-8,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-sm-9,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-sm-10,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-sm-11,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-sm-12,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-xs-1,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-xs-2,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-xs-3,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-xs-4,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-xs-5,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-xs-6,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-xs-7,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-xs-8,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-xs-9,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-xs-10,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-xs-11,
        .ce-hoc-nav .ce-hoc-dropdown-menu-content .col-xs-12 {
            padding: 0
        }

    .ce-hoc-nav .ce-hoc-lbl-search {
        position: static;
        left: auto;
        top: auto;
        width: auto;
        height: auto;
        overflow: visible;
        margin-left: 5px
    }

    .ce-hoc-nav .ce-hoc-search-group {
        padding: 20px;
        width: 100%;
        box-sizing: border-box
    }

        .ce-hoc-nav .ce-hoc-search-group .form-control.ce-hoc-inp-search {
        }

    .navbar-nav .show .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

        .navbar-nav .show .dropdown-menu > li > a {
            line-height: 20px
        }

        .navbar-nav .show .dropdown-menu .dropdown-header,
        .navbar-nav .show .dropdown-menu > li > a {
            padding: 5px 15px 5px 25px
        }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }

    .navbar-header {
        float: none
    }

    .navbar-toggle {
        display: block
    }

    /*.navbar-collapse.collapse {
        display: none !important
    }*/

    .navbar-nav {
        float: none !important;
        
    }

        .navbar-nav > li {
            float: none
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px
            }

    .navbar-text {
        float: none;
        margin: 15px 0
    }

    .navbar-collapse.collapse.in {
        display: block !important
    }

    .collapsing {
        overflow: hidden !important
    }

    /*.ce-hoc-footer .ce-hoc-footer-vc {
        display: block;
        align-items: normal
    }*/

    .ce-hoc-footer .ce-hoc-footer-social-links {
        float: none;
        text-align: center;
        margin-top: 20px
    }

    .ce-hoc-footer .ce-hoc-footer-bottom {
        padding-bottom: 42px
    }

    .ce-hoc-footer a.ce-hoc-footer-social-media {
        margin: 0 auto 20px;
        float: none
    }

        .ce-hoc-footer a.ce-hoc-footer-social-media .ce-hoc-footer-social-media-box {
            float: none
        }

    a.ce-hoc-bells {
        position: fixed;
        bottom: 0;
        display: table;
        width: 100%;
        background: #ffb500;
        vertical-align: middle;
        font-size: 1.15em;
        color: #000;
        text-decoration: none;
        padding: 0 0 0 10px;
        box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, .5);
        z-index: 100
    }

        a.ce-hoc-bells .hoc-icon {
            display: table-cell;
            vertical-align: middle
        }

        a.ce-hoc-bells .icon-bell {
            font-size: 30px
        }

        a.ce-hoc-bells .icon-right {
            font-size: 20px
        }

        a.ce-hoc-bells .ce-hoc-bell-txt {
            display: table-cell;
            padding: 10px 0 10px 10px;
            vertical-align: middle;
            width: 100%
        }
}

@media (max-width:767px) {
    .ce-hoc-related-links-widget {
        padding: 0;
        margin: 20px 0 0
    }

        .ce-hoc-related-links-widget a.ce-hoc-related-link {
            max-width: 290px;
            max-height: 242px
        }

    .ce-hoc-related-links-accordion-panel-header {
        position: relative;
        background: #fafafa;
        border: 1px solid #dadada;
        color: #333;
        display: block;
        padding: 15px 30px 10px 15px;
        margin: 0 -15px
    }

        .ce-hoc-related-links-accordion-panel-header:focus,
        .ce-hoc-related-links-accordion-panel-header:hover {
            text-decoration: none
        }

        .ce-hoc-related-links-accordion-panel-header h2 {
            font-size: 1.2em;
            margin: 0
        }

        .ce-hoc-related-links-accordion-panel-header:after {
            font-family: hoc-icons !important;
            content: "\e923";
            position: absolute;
            right: 15px;
            width: auto;
            left: auto;
            border: none;
            top: calc(50% - 10px);
            font-size: 15px;
            font-weight: 400;
            color: #427a26
        }

        .ce-hoc-related-links-accordion-panel-header.collapsed:after {
            content: "\e925"
        }

    .ce-hoc-related-links-accordion-panel-body {
        background: #fff
    }
}