@media all {
    footer { background-color:var(--color-black); color:var(--color-gray); font-size:var(--font-size-2S); }
    footer .container_row_content { padding:var(--spacing-4L) 0px; }

    #other_information { width:50%; }
    #other_information a { color:var(--color-gray); border-right:1px var(--color-gray) solid; padding:0px 10px; }
    #other_information a:hover,
    #other_information a:focus { color:var(--color-white); }

    #other_information p { margin:0px; padding:0px; }

    #other_information ul { margin:0px 0px 5px 0px; padding:0px; list-style:none; }
    #other_information li { margin:0px; padding:0px; display:inline-block; }
    #other_information li:first-child a { padding-left:0px; }
    #other_information li:last-child a { border:0px; }

    #other_information a.selected { text-decoration:underline; }

    #social_media { width:50%; }
    #social_media .box_content { text-align:right; }
    #social_media .customer_service { font-weight:600; }

    #social_media a { color:var(--color-white); }
    #social_media a:hover, 
    #social_media a:focus { color:var(--color-cyan); }

    #social_media ul { display:flex; gap:var(--spacing-1S); justify-content: flex-end; margin:0px; padding:10px 0px 0px 0px; list-style:none; }
    #social_media li { margin:0px; padding:0px; display:inline-block; vertical-align:middle; }

    #social_media li a { display:block; }
    #social_media li a:hover img,
    #social_media li a:focus img { border:1px var(--color-white) solid; }

    #social_media img { height:20px; display:block; border:1px #191a1c solid; }

    #server_is { margin-top:var(--spacing-3S); font-size:10px; color:#838383; letter-spacing:1px; text-transform:uppercase; }
}

@media (max-width:1600) {
    footer .box_content { padding:var(--spacing-3L) 0px; }
}

@media (max-width:1100px) {
    /* footer */
    footer {flex:none !important; }
    footer .flex_row { flex-wrap:wrap; }

    footer .box_content {text-align:center !important;}
    
    #other_information {width:100%; }
    
    #social_media { margin-top:var(--spacing-2L); width:100%;}
    #social_media ul { justify-content: center; }
}

@media (max-width:700px) {
    footer .container_row_content { padding-bottom:var(--spacing-5L); }
    #social_media .customer_service { margin-bottom:20px; }
}