@charset "UTF-8";

@media (max-width: 750px) {
    .socialmedias #groupLink .inner > ul {
        flex-direction: column;
        width: 100%;
        margin-top: 10px;
    }
    .socialmedias #groupLink .inner > ul > li {
        width: 100%;
    }
    .socialmedias #groupLink .col {
        padding: 3.2% 0 3.2% 6%;
    }
    .socialmedias #groupLink .col .icon {
        width: 10.4%;
        min-width: 44px;
    }
    .socialmedias #groupLink .col h4 {
        margin-left: 28px;
        font-size: 28px;
    }
    .socialmedias #groupLink .col .arrow {
        width: 10.5px;
        height: 18.5px;
    }
}

@media (max-width: 650px) {
    .socialmedias #groupLink .col h4 {
        font-size: 24px;  
    }
}

 @media (max-width: 560px) {
    .socialmedias #groupLink .col h4 {
        font-size: 20px;  
    }
    .socialmedias #groupLink .col {
        height: 100px;
    }
}

@media (max-width: 480px) {
    .socialmedias #groupLink .col h4 {
        margin-left: 20px;
        font-size: 18px;
    }
    .socialmedias #groupLink .col .arrow {
        left: 94%;
    }
}

@media (max-width: 430px) {
    .socialmedias #groupLink .col h4 {
        font-size: 16px;
        padding-right: 30px;
        margin-left: 25px;
        line-height: 1.3;
    }
}