@media (max-width: 768px) {


     /* Footer */
     footer {
         background-color: #FAFAFA;
         color: #333333 ;
     }

     .footer-container {
         display: flex;
         justify-content: space-between;
     }

     .footer-logo {
         margin-bottom: 20px;
     }

     .footer-logo img {
         height: 30px;
     }

     .footer-info {
        line-height: 0.14rem;
         margin-bottom: 0.20rem;
         font-size: 0.16rem;
         color: #333333;
     }
     .footer-info1 {
        font-weight: 400;
        line-height: 0.14rem;
         margin-bottom: 0.20rem;
         font-size: 0.16rem;
         color: #333333;
     }

     .footer-links {
         display: flex;
     }

     

     .footer-column h3 {
         font-size: 16px;
         margin-bottom: 15px;
         color: #fff;
     }

     .footer-column ul {
         list-style: none;
     }

     .footer-column li {
         margin-bottom: 8px;
         font-size: 14px;
     }

     .footer-column a:hover {
         color: #ff6600;
     }

     .footer-img {
         width: 128px;
         height: 128px;
         background: #D8D8D8;
         border-radius: 0px 0px 0px 0px;
     }

     
 }
 @media (min-width: 769px) {


    /* Footer */
    footer {
        background-color: #1a1a1a;
        color: #fff;
        padding: 100px 0;
    }

    .footer-container {
        display: flex;
        justify-content: space-between;
    }

    .footer-logo {
        margin-bottom: 50px;
    }

    .footer-logo img {
        height: 30px;
    }

    .footer-info {
        font-weight: 400;
        line-height: 14px;
        margin-bottom: 20px;
        font-size: 16px;
        color: #F3F6F8;
    }
    .footer-info1 {
        font-weight: 400;
        line-height: 14px;
        margin-bottom: 20px;
        font-size: 16px;
        color: #F3F6F8;
    }

    .footer-links {
        display: flex;
    }

    .footer-column {
        margin: 50px;
    }

    .footer-column h3 {
        font-size: 16px;
        margin-bottom: 15px;
        color: #fff;
    }

    .footer-column ul {
        list-style: none;
    }

    .footer-column li {
        margin-bottom: 8px;
        font-size: 14px;
    }

    .footer-column a:hover {
        color: #ff6600;
    }

    .footer-img {
        width: 128px;
        height: 128px;
        background: #D8D8D8;
        border-radius: 0px 0px 0px 0px;
    }

    .footer-in {
        margin: 10px 22px;
    }
}