.footer{
    display:flex;
    flex-wrap: wrap;
}

.footer .left{
    width:50%;
    margin-right: 10%;
}

.footer .right{
    width: 40%;
}

.footer .left h3,
.footer .right h3{
    font-size: 16px; 
    color: #fff;
}

.footer .left ul,
.footer .right ul{
    list-style:none;
}

.footer .left li span:first-child{
     display: inline-block;
}

.footer .right ul{
    display: flex;
    flex-wrap: wrap;
}

.footer .right ul li{
    width: 50%;
}

.footer .right ul li a{
    color: #fff;
    transition: 0.1s;
}

.footer .right ul li a:hover{
    color: #fff;
}

.powerby {
    margin-top: 40px;
text-align: center;
}

@media screen and (max-width: 767px) {
   .footer .left{
         width:100%;
    }

    .footer .right{
        width: 100%;
    }
}