@media(max-width: 992px) {
    header ul li {
        display        : inline-flex;
        justify-content: flex-start;
        margin-bottom  : 10px;
    }

    header ul li a {
        border-bottom: 2px solid transparent;
    }
}

@media(max-width: 768px) {
    .topnav {
        text-align: center;
    }

    .contact .contact-item {
        margin-bottom: 30px;
    }

    .main-slider .caption {
        padding: 0 20%;
    }

    .main-slider .caption h1 {
        font-size: 40px;
    }

    #no-more-tables td {
        border          : none;
        /* border-bottom: 1px solid #eee; */
        position        : relative;
        padding-right   : 50%;
        white-space     : normal;
        text-align      : right;
    }

    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    #no-more-tables thead tr {
        /* position: absolute;
        top     : -9999px;
        right   : -9999px; */
        display: none;
    }

    #no-more-tables td:before {
        content     : attr(data-title);
        position    : absolute;
        top         : 6px;
        right       : 6px;
        width       : 45%;
        padding-left: 10px;
        white-space : nowrap;
        text-align  : right;
        font-weight : bold;
    }

    .video-container {
        min-height: 200px;
    }
}