/* @media (max-width:360px) {
} */

@media (max-width:480px) {}

@media (min-width:480px) and (max-width:640px) {}

@media (min-width:640px) and (max-width:768px) {}

@media (min-width:768px) and (max-width:1024px) {}

@media (min-width:1025px) and (max-width:1280px) {}


@media (max-width:640px) {

    #branches .set-a,
    #unit .set-a {
        grid-template-columns: 100%;
    }

    .branch-details {
        justify-self: center;
    }

    .branch-name {
        text-align: center;
        font-size: 5vw;
    }

    .branch-details .details,
    #unit-details .details {
        font-size: 3vw;
    }

    #branches .inner-container {
        height: 130vw;
    }

    #unit .inner-container {
        height: 75vw;
        grid-template-columns: 100%;
        padding: 2.5vw 2vw;
    }

    #unit-logo {
        width: 22vw !important;
    }

    #unitname {
        font-size: 4.4vw !important;
    }

    #unit #unit-name-logo {
        grid-column: 1/1;
    }

    .location {
        padding-bottom: 45%;
        width: 90%;
        justify-self: center;
    }
}