@media(min-width: 641px) and (max-width: 1024px) {
    .facebook, .instagram {
        margin: 10px !important;
    }
    .footer-logo-collection {
        width: 100%;
    }
    .footer-logo-wrapper {
        margin: 0 5px;
    }
    .hybrain-logo {
        width: 31%;
    }
    .dti-logo {
        width: 38%;
    }
    .otop-logo {
        width: 25%;
    }
}

@media(min-width: 769px) and (max-width:1024px) {
    .social-media-collection {
        width: 26%;
    }
}

@media(min-width: 641px) and (max-width:768px) {
    .social-media-collection {
        width: 32%;
    }
}


@media(max-width: 640px) {
    .footer-logo-collection {
        width: 100%;
    }
    .footer-logo-wrapper {
        margin: 0 1px;
    }
    .hybrain-logo {
        width:31%;
    }
    .dti-logo {
        width: 37%;
    }
    .otop-logo {
        width: 25%;
    }
    .social-media-collection {
        width: 65%;
    }
    .facebook, .instagram {
        margin: 10px !important;
    }
}

@media(max-width: 460px) {
    .social-media-collection {
        width: 75%;
        margin: 0 auto;
    }
}