/* Mobile media */
@media only screen and (max-width: 1112px) {

    /* Tabs */
    .tab {
        flex-direction: column;
    }
    .tab .tab-item{
        border-bottom: none;
        border-left: 2px solid var(--color-text-primary2);
    }
    .tab .tab-item.active {
        border-bottom: none;
        border-left: 2px solid var(--color-text-primary1);
    }

    /* Header */
    .header {
        padding: 1rem 2rem;
    }

    .header .left-side {
        width: 30%;
    }

    .header .left-side .logo {
        width: 80px;
        height: 60px;
    }

    .header .left-side .menu {
        display: none;
    }

    .header .right-side .auth {
        display: none;
    }

    .header .right-side {
        width: 70%;
    }

    .header .right-side .menu-bar {
        display: flex;
    }

    /* Banner */
    .banner {
        height: 300px;
    }

    /* Benefit */
    .benefit .benefit-2 .counter {
        flex-direction: column;
    }

    .benefit .benefit-2 .counter .counter-item {
        margin-left: 0px;
        width: 100%;
        margin-top: 20px;
    }
    .benefit .benefit-2 .counter .counter-item:first-of-type {
        margin-top: 0px;
    }

    .benefit .benefit-4 {
        flex-direction: column;
    }

    .benefit .benefit-4 .left-side {
        width: 100%;
    }

    .benefit .benefit-4 .right-side {
        width: 100%;
        margin-top: 20px;
    }

    /* How to start */
    .how-to-start .how-to-start-1 {
        flex-direction: column;
    }

    .how-to-start .how-to-start-1 div:last-of-type {
        margin-top: 20px;
    }

    .how-to-start .how-to-start-2 {
        flex-direction: column;
    }

    .how-to-start .how-to-start-2 .box {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }
    .how-to-start .how-to-start-2 .box:first-of-type {
        margin-top: 0px;
    }

    /* Footer */
    .footer .footer-1 {
        flex-direction: column;
        padding: 1rem 2rem;
    }

    .footer .footer-1 p {
        margin-top: 20px;
        width: 100%;
        text-align: center;
    }
    .footer .footer-1 p:first-of-type {
        margin-top: 0px;
        width: 100%;
    }

    .footer .footer-2 {
        padding: 1rem 2rem;
        padding-top: 40px;
        flex-direction: column;
        text-align: center;
    }

    .footer .footer-2 .footer-2-block {
        width: 100%;
        margin-top: 40px;
    }
    .footer .footer-2 .footer-2-block:first-of-type {
        margin-top: 0px;
    }

    /* Online Market */
    .online-market-banner {
        padding: 1rem 2rem;
        padding-bottom: 100px;
    }

    .online-market-banner .img-1 {
        bottom: -58%;
        height: 250px;
    }

    .online-market-banner .img-2 {
        bottom: -35%;
        height: 100px;
    }

    .online-market-info {
        margin-top: 100px;
    }

    .online-market-info .group {
        flex-direction: column;
    }

    .online-market-info .group .list {
        width: 100%;
    }

    /* Market */
    .market-products {
        height: 1500px;
    }
    .market-products .content {
        min-width: 80%;
    }
    .market-products .list {
        flex-direction: column;
    }

    .market-products .list .box {
        max-width: 100%;
    }

    /* Shares */
    .shares-products .products .list {
        flex-direction: column;
        align-items: center;
    }

    .shares-products .products .list .box {
        max-width: 90%;
        min-width: 90%
    }
}