@media(max-width:767px) {
    .btn-outline-secondary:active {background-color: var(--color-primary)}
    .btn-outline-secondary:hover {background-color: var(--color-primary); border-color: var(--color-primary)}

    .dyui-header .logo {height: 50px}
    .dyui-header .logo img {height: 100%}
    .dyui-header .navbar-collapse {background-color: #fff; height: auto}
    .dyui-header .navbar-collapse .navbar-nav {margin: 0; padding: 0 15px 10px}
    .dyui-header .dyui-nav {height: auto; padding: 0}
    .dyui-header .dyui-nav li a.c1 {color: #333; padding: 0; height: 40px; line-height: 40px; font-size: 16px; border-bottom: solid 1px #f0f0f0}
    .dyui-header .dyui-nav li.active a.c1 {color: var(--color-primary)}
    .dyui-header .dyui-nav li a.c1:hover {color: var(--color-primary-hover)}
    .dyui-header .dyui-nav li.active a.c1 i {color: var(--color-primary)}
    .dyui-header .dyui-nav li .dropdown-toggle::after {right: 5px; top: 16px; border-color: #333}
    .dyui-header .dyui-nav li.active .dropdown-toggle::after {border-color: #333}

    .dyui-header .btn-language .dropdown-menu {width: 100%}
    .dyui-header .btn-language .dropdown-menu .dropdown-item {padding: 10px}

    .dyui-header .btn-outline-secondary:focus {box-shadow: none}

    .dyui-nav>li>.dropdown-menu {opacity: 1; display: none; margin: 0; border-radius: 0; border-color: #fff}
    .dyui-nav li.open .dropdown-menu {display: block; background-color: #fff; border-color: #fff}

    .dyui-header .dyui-nav li.li-2 {position: relative}
    .dyui-header .dyui-nav li.li-2 a.c2 {padding: 10px 0; color: #333; text-align: center; border-bottom: solid 1px #f0f0f0}
    .dyui-header .dyui-nav li.li-2 a.c2:hover {background-color: #f0f0f0}
    .dyui-header .dyui-nav li .ul-3 {position: initial}
    .dyui-header .dyui-nav li.li-2.open .ul-3 {display: block}
    .dyui-header .dyui-nav li.li-2.open a.c2 {background-color: #f0f0f0}

    .dyui-header-line {height: 0}

    .dyui-main-header h3 {font-size: 20px; padding: 0 0 15px 0}
    .dyui-main-header h3:before {height: 20px; width: 3px}

    .dyui-about .dyui-main-header h3:after {width: 60%; height: 3px}

    .cat-banner {height: 150px}
    .cat-banner .t {font-size: 20px}

    .dyui-znav ul li a {padding: 10px 0; font-size: 14px}

    .show-title {font-size: 18px}
    .show-info {font-size: 12px}

    .baoming-form .form-group {flex: 0 0 100%; margin-bottom: 20px}
    .baoming-form .form-group .control-label {width: 30%}
    .baoming-form .form-group .col-md-10 {width: 70%}
    .baoming-form .form-group.col-lg-12 .control-label {width: 30%}
    .baoming-form .form-group.col-lg-12 .col-md-10 {width: 70%}

    .baoming-form .form-confirm .form-group .control-label {width: 120px}
    .baoming-form .form-confirm .form-group .col-md-10 {width: 100%}

    .contact-list li .thumb i {width: 40px; height: 40px; line-height: 40px; font-size: 24px}

    .dyui-footer .foot {padding: 30px 0}
    .dyui-footer .f-logo {max-width: 200px}
    .dyui-footer .logo {height: 40px}

    .dyui-footer-nav {height: 50px}
    .dyui-footer-nav ul li a.c1 {height: 50px; line-height: 40px; padding-top: 5px}
    .dyui-footer-nav ul li a.c1 i {font-size: 18px}
    .dyui-footer-nav ul li a.c1 span {font-size: 12px}
    .dyui-footer-nav ul li.add a.c1 i {font-size: 40px; margin-top: -12px}
    .dyui-footer-line {height: 50px}
}