.search-block {
    position: relative;
}
.email-product-details {
    width: 100%;
    max-width: 600px;
    height: calc(100vh - 225px);
    border: none;
    margin-bottom: -6px;
}
.view-left-block {
    flex: 1;
}
.email-product-wrap {
    flex: 1;
    max-width: 600px;
}
@media screen and (max-width: 767px) {
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.footer-link:focus {
    outline: none !important;
}
.view-left-block {
    padding-bottom: 40px;
}
@media (max-width: 1200px) {
    .view-left-block {
        padding-bottom: 100px;
        display: flex;
        flex-direction: column;
    }
    .email-product-wrap {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
        order: 2;
    }
    .about-email-content {
        order: 1;
    }
    .email-product-details {
        max-width: 100%;
        width: 100%;
    }
    .email-details-block {
        margin-bottom: 0;
    }
    .back-button.small.w-inline-block {
        right: 0;
        top: 0;
    }
}
@media (min-width: 1201px) {
    .email-view-wrap .back-button {
        position: sticky;
        top: 20px;
    }
}
@media screen and (max-width: 575px) {
    .header-top {
        grid-column-gap: 24px;
        grid-row-gap: 10px;
        padding-bottom: 14px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: stretch;
    }
    .top-left,
    .top-center,
    .search-block {
        width: 100%;
    }
    .back-button.small.w-inline-block {
        display: flex;
        position: fixed;
        top: 20px;
        right: 30px;
        padding: 0px 11px 0px 9px;
    }
    .back-button.small.w-inline-block div:not(.arrow-left-icon) {
        display: none;
    }
    .search-block+.brand-button {
        display: flex;
        white-space: nowrap;
    }
    .top-center {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
}
#email-frame {
    display: block;
}
.breadcrumb-item {
    white-space: nowrap;
}
.breadcrumb-item:last-child {
    text-overflow: ellipsis;
    overflow: hidden;
}
@media(max-width: 768px) {
    #email-frame {
        width: 100% !important;
        max-width: 100% !important;
    }
}
.bgi-link {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-button:focus {
    border: 1px solid #e6e6e6;
}
.menu-items-block {
    justify-content: flex-start;
    position: relative;
}
.menu-items-block.brands,
.menu-items-block.top {
    gap: 10px;
}
.menu-button.all {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 110px;
}
@media (max-width: 575px) {
    .menu-items-block.brands, .menu-items-block.top {
        
    }
    .logo-text {
        display: block;
        border-top: none;
    }
    .top-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .brand-logo {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menu-items-block .menu-button {
        display: inline-flex !important;
    }
    .menu-items-block .menu-button.all {
        position: relative;
    }
    .search-block+.brand-button {
        margin: 0 auto;
    }
    .logo-image-text {
        width: 210px;
        margin-left: 15px;
        margin-top: 4px;x;
    }
    .logo-block {
        width: 54px;
        height: 54px;
    }
    .logo-block img {
        width: 100%;
    }
}
@media (max-width: 479px) {
    .logo-image-text {
        width: 210px;
        margin-left: 15px;
        margin-top: 4px;x;
    }
    .logo-block {
        width: 54px;
        height: 54px;
    }
    .logo-block img {
        width: 100%;
    }
}
@media screen and (max-width: 991px) {
    .footer.is-mobile {
        display: none;
    }
}

.logo-block {
    background-color: #fff;
}
.header-text-h1 {
    color: #000;
    font-size: 33px;
    line-height: 38px;
    letter-spacing: -0.03em;
    font-weight: 800;
    padding-bottom: 30px;
}
@media (max-width: 991px) {
    .header-text-h1{
        font-size: 24px;
        line-height: 1.4em;
    }
}
@media (max-width: 479px) {
    .header-text-h1{
        font-size: 18px;
        text-align: center
    }
}