@media (max-width:352px) {
    .layout-content {
        padding-left: 1.5em !important;
        padding-right: 1.5em !important;
    }
}

@media (max-width:767px) {
    .brand-view .contents {
        width: 100% !important;
    }

    .brand-view .image {
        width: 100% !important;
    }

    .layout-content {
        padding-left: 2em !important;
        padding-right: 2em !important;
    }

    .field-content .brand-view .views-row {
        padding: 0 !important;
    }

    .brand-view h1#page-title {
        font-size: 28px;
        margin: 10px 0;
    }

    .brand-view .details {
        padding: 20px 0 !important;
    }

    .menu-padding {
        margin: 0;
    }

    .details p {
        word-break: break-all;
    }
}