/**
 * Mobile Responsive Styles
 * 
 * @package DucPhat
 * @version 1.0.0
 */

/* ==========================================================================
   Mobile Navigation
   ========================================================================== */

@media (max-width: 549px) {
    .off-canvas .sidebar-menu {
        padding-top: 0;
    }

    .breadcrumbs {
        font-weight: 400;
        list-style-type: decimal;
        white-space: nowrap;
        display: block;
        height: 35px;
        overflow-x: scroll;
        background: transparent;
        padding-top: 10px;
        padding: 0 17px;
    }

    .header .flex-row {
        display: flex;
        align-items: center;
    }

    .icon-menu:before {
        color: #000;
        opacity: 1;
    }

    .searchform-wrapper {
        font-size: 0.8rem;
    }

    .page-wrapper {
        padding-top: 10px;
    }

    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }

    .off-canvas .nav-vertical>li>a {
        color: #000;
    }

    .footer-3 p, 
    .footer-note .text {
        padding: 5px 15px;
    }

    .footer-3 {
        margin-bottom: 13%;
        padding: 10px;
    }

    table {
        width: 100% !important;
        overflow-x: auto;
        display: block;
    }

    td {
        padding: 5px;
    }
}

/* ==========================================================================
   Phone Contact Styles
   ========================================================================== */

@media (max-width: 768px) {

}