.main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list {
    padding: 0;
    line-height: 1.5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 60px;
    margin-bottom: 0;
    list-style: none;
    text-align: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 720px) {
    .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list {
        width:100%;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0
    }
}

.add-contact-block{
    padding: 50px 75px 60px;
}
@media only screen and (max-width: 720px) {
    .add-contact-block{
        padding-top: 40px;
        padding-bottom: 50px;
        padding-left: 35px;
        padding-right: 35px;
    }
}

.main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li {
    box-sizing: border-box;
    width: 25%;
    padding: 0 4.25%
}

@media only screen and (max-width: 720px) {
    .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li {
        width:50%;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 720px) {
}

@media only screen and (max-width: 720px) {
    .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li.livechat.m-show {
        display:block
    }
}

.main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a {
    display: block;
    text-decoration: none;
    color: #000
}

.main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a:active,.main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a:visited {
    color: #000
}

.main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a:hover .help-contact-title:after {
    opacity: 1
}

@media only screen and (max-width: 720px) {
    .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a:hover .help-contact-title:after {
        display:none
    }
}

.main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 70px;
    height: 70px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 720px) {
    .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img {
        margin-bottom:14px
    }
}

.main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.email {
    background-image: url(../../../img/support/email.svg)
}

.no-svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.email {
    background-image: url(../../../img/support/email.png)
}

.svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.livechat {
    background-image: url(../../../img/support/live-chat.svg)
}

.no-svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.livechat {
    background-image: url(../../../img/support/live-chat.png)
}

.svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.call {
    background-image: url(../../../img/support/call-us.svg)
}

.no-svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.call {
    background-image: url(../../../img/support/call-us.png)
}

.svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.reservation {
    background-image: url(../../../img/support/schedule-a-call.svg)
}

.no-svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.reservation {
    background-image: url(../../../img/support/schedule-a-call.png)
}

.svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.store-locator {
    background-image: url(../../../img/support/bring-in-for-repair.svg)
}

.no-svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.store-locator {
    background-image: url(../../../img/support/bring-in-for-repair.png)
}

@media only screen and (max-width: 720px) {
    .svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.email {
        background-image:url(../../../img/support/email.svg)
    }

    .no-svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.email {
        background-image: url(../../../img/support/mobile/drawable-mdpi/email.png)
    }

    .svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.livechat {
        background-image: url(../../../img/support/live-chat.svg)
    }

    .no-svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.livechat {
        background-image: url(../../../img/support/mobile/drawable-mdpi/live_chat.png)
    }

    .svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.call {
        background-image: url(../../../img/support/call_us.svg)
    }

    .no-svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.call {
        background-image: url(../../../img/support/call_us.png)
    }

    .svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.reservation {
        background-image: url(../../../img/support/schedule_a_call.svg)
    }

    .no-svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.reservation {
        background-image: url(../../../img/support/schedule_a_call.png)
    }

    .svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.store-locator {
        background-image: url(../../../img/support/mobile/drawable-mdpi/mobile_bring_in_for_repair.svg)
    }

    .no-svg .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-img .image-block.store-locator {
        background-image: url(../../../img/support/mobile/drawable-mdpi/bring_in_for_repair.png)
    }
}

.main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-title {
    line-height: 1;
    padding-bottom: 7px;
    font-size: 17px;
    position: relative
}

@media (min-width: 992px) and (max-width:1320px) {
    .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-title {
        font-size:calc(17px + (19 - 17) * ((100vw - 992px)/ (1320 - 992)))
    }
}

@media (min-width: 1320px) {
    .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-title {
        font-size:19px
    }
}

.main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-title:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 32px;
    height: 3px;
    content: '';
    background-color: #040404
}

@media only screen and (max-width: 720px) {
    .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-title:after {
        display:none
    }
}

@media only screen and (max-width: 720px) {
    .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-title {
        font-size:16px;
        font-weight: 300
    }
}

@media only screen and (max-width: 720px) and (min-width:360px) and (max-width:720px) {
    .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-title {
        font-size:calc(16px + (18 - 16) * ((100vw - 360px)/ (720 - 360)))
    }
}

@media only screen and (max-width: 720px) and (min-width:720px) {
    .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-title {
        font-size:18px
    }
}

.main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-desc {
    margin-top: 5px;
    font-size: 15px;
    font-weight: 300
}

@media (min-width: 992px) and (max-width:1320px) {
    .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-desc {
        font-size:calc(15px + (17 - 15) * ((100vw - 992px)/ (1320 - 992)))
    }
}

@media (min-width: 1320px) {
    .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-desc {
        font-size:17px
    }
}

@media only screen and (max-width: 720px) {
    .main.digital-first-main .section-wrapper section.help-and-content-container .box-layout .help-contact-list li a .help-contact-desc {
        display:none
    }
}
