@media screen and (max-width:980px) {

    .page-header__branding img {
        max-width: 1000px !important
    }

    .hidden-mobile,
    .list--desktop {
        display: none !important
    }

    .hidden-desktop,
    .list--mobile {
        display: block !important
    }

    .buffer {
        margin-top: 0
    }

    .hidden-mobile {
        display: none !important
    }

    body {
        font-size: 15px;
        overflow-x: hidden
    }

    .hexagon__nav {
        display: none !important
    }

    .world-map__area-label {
        padding-right: 30px
    }

    .roi__advisor .avis-widget-lg {
        -webkit-transform: scale(.5) translate(-80px, -80px);
        transform: scale(.5) translate(-80px, -80px)
    }

    .news-grid--full .col {
        float: left;
        box-sizing: border-box;
        width: 100%
    }

    .news-grid--full .news-item__title {
        font-size: 24px
    }

    .news-grid--full .news-item__desc {
        height: auto;
        font-size: 13px
    }

    .news-grid--full .news-item__text {
        left: 10px;
        right: 5px;
        bottom: 10px;
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important
    }

    .news-grid--full .news-item__subtitle,
    .news-grid--full .news-item__meta {
        margin: 0;
        font-size: 11px
    }

    .contact-form .tooltip-help--right .tooltip-help__message {
        right: 0;
        left: -100px;
        margin: 0 auto;
        top: 160%;
        min-width: 160px;
        max-width: 210px
    }

    .contact-form .tooltip-help--right .tooltip-help__message:after {
        left: 60px;
        right: 0;
        top: auto;
        bottom: 100%;
        margin: 0 auto;
        border-color: transparent;
        border-bottom-color: #28253d;
        border-right-color: transparent
    }

    .video--center {
        height: 0;
        overflow: hidden;
        position: relative;
        margin: 20px 0;
        padding: 55% 0 0 0
    }

    .video--center iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .iframe-wrap {
        height: 0;
        overflow: hidden;
        position: relative;
        margin: 20px 0;
        padding: 55% 0 0 0
    }

    .iframe-wrap iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .loader {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .frm-holder .subBtnR {
        margin-left: 0 !important
    }

    .table-responsive table {
        margin-top: 30px
    }

    .table-responsive table p,
    .table-responsive table h1,
    .table-responsive table h2,
    .table-responsive table h3,
    .table-responsive table h4,
    .table-responsive table h5,
    .table-responsive table span {
        text-align: center
    }

    .table-responsive table tr,
    .table-responsive table td {
        display: block;
        padding: 0;
        margin: 0 auto;
        text-align: center;
        clear: both;
        width: 100% !important
    }

    .table-responsive table tr .col,
    .table-responsive table td .col {
        float: none;
        margin: 0;
        padding: 0
    }

    .table-responsive table img {
        display: block;
        margin: 0 auto 15px
    }

    .step-list__step .button {
        width: 100%;
        margin: 15px 0 0
    }

    .tosa__push-text {
        padding: 20px 0
    }

    .tosa__push-text .col-xs-12 {
        margin-top: 30px
    }

    .modal-compare {
        display: none
    }

    .compare__checkbox,
    .compare__select-all {
        display: none
    }

    .checkout__total {
        -webkit-transform: scale(.75);
        transform: scale(.75);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .checkout .content-block .flex-container {
        padding: 0
    }

    .checkout__last-submit a,
    .checkout__last-submit button {
        padding: 5px 8px !important
    }

    .checkout__last-submit a>*,
    .checkout__last-submit button>* {
        font-size: 15px !important;
        line-height: 1 !important
    }

    .checkout__summary .buttons {
        flex-wrap: wrap;
        margin-top: 0
    }

    .checkout__summary .button {
        width: 100%
    }

    .checkout__summary .button button {
        display: block;
        width: 100%
    }

    .checkout__summary .button:not(:last-child) {
        margin-bottom: 10px
    }

    .card__add.is-active {
        opacity: .5;
        position: relative
    }

    .card__add.is-active span {
        display: block !important;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        top: 100%;
        font-size: 10px;
        color: rgba(210, 0, 0, 0.5);
        width: 60px;
        margin-top: -15px
    }

    body>div.integrata .page-header--sticky .page-header__branding,
    body.integrata .page-header--sticky .page-header__branding {
        width: 131px;
        padding: 0;
        margin: 5px 0 0 5px
    }

    body>div.integrata .page-section__blocks .block,
    body.integrata .page-section__blocks .block {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%
    }

    .historiqueTable {
        display: block !important;
        box-sizing: border-box
    }

    .historiqueTable__mobile-header {
        display: block;
        background: #f4f4f4;
        padding: 5px 0
    }

    .historiqueTable__mobile-header:after {
        clear: both;
        content: "";
        display: table
    }

    .historiqueTable__mobile-header a {
        text-align: right;
        position: absolute;
        right: 4px;
        top: 5px;
        text-decoration: underline
    }

    .historiqueTable thead {
        display: none
    }

    .historiqueTable tbody {
        box-sizing: border-box;
        display: block;
        max-width: 100%
    }

    .historiqueTable tbody:after {
        content: '';
        display: table;
        clear: both
    }

    .historiqueTable tbody td {
        width: 100%;
        max-width: 100%;
        display: block;
        float: left;
        box-sizing: border-box;
        border-bottom: 0;
        padding: 0 10px 20px 10px
    }

    .historiqueTable tbody tr {
        display: block
    }

    .historiqueTable tbody .btnCaddie {
        border-bottom: 15px solid #f4f4f4
    }

    .historiqueTable tbody .caddieLine td:nth-of-type(1) {
        padding: 10px 40px 20px 10px
    }

    .historiqueTable tbody .caddieLine td:nth-of-type(2),
    .historiqueTable tbody .caddieLine td:nth-of-type(3) {
        width: 50%;
        font-weight: 600;
        padding: 15px 10px 20px 10px
    }

    .historiqueTable tbody .caddieLine td:nth-of-type(2):before,
    .historiqueTable tbody .caddieLine td:nth-of-type(3):before {
        content: attr(data-label);
        font-weight: 400;
        padding: 0 5px 0 0
    }

    .historiqueTable tbody .caddieLine td:nth-of-type(2) {
        text-align: left
    }

    .historiqueTable tbody .caddieLine td:nth-of-type(3) {
        text-align: right
    }

    .historiqueTable tbody .caddieLine .select-styled {
        width: 100% !important
    }

    .historiqueTable tbody .caddieLine .select-wrapper--inline {
        display: block
    }

    .historiqueTable tbody .caddieLine .subBtnR {
        display: inline-block;
        float: none
    }

    .historiqueTable tbody .caddieLine .small {
        display: block;
        float: left;
        color: #b94a48;
        font-size: 80%;
        line-height: 1.3em;
        margin: 0;
        text-align: center;
        position: relative;
        padding: 0 0 0 0;
        top: 8px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%
    }

    .historiqueTable tbody .caddieLine .trash-icon {
        top: -129px;
        right: 8px
    }

    body.switzerland .page-header--sticky .page-header__content,
    body>div.switzerland .page-header--sticky .page-header__content,
    body.switzerland-en .page-header--sticky .page-header__content,
    body>div.switzerland-en .page-header--sticky .page-header__content {
        z-index: 10
    }

    body.switzerland .page-header--sticky .page-header__content li.contact a>span,
    body>div.switzerland .page-header--sticky .page-header__content li.contact a>span,
    body.switzerland-en .page-header--sticky .page-header__content li.contact a>span,
    body>div.switzerland-en .page-header--sticky .page-header__content li.contact a>span,
    body.switzerland .page-header--sticky .page-header__content li.search a>span,
    body>div.switzerland .page-header--sticky .page-header__content li.search a>span,
    body.switzerland-en .page-header--sticky .page-header__content li.search a>span,
    body>div.switzerland-en .page-header--sticky .page-header__content li.search a>span,
    body.switzerland .page-header--sticky .page-header__content li.selection a>span,
    body>div.switzerland .page-header--sticky .page-header__content li.selection a>span,
    body.switzerland-en .page-header--sticky .page-header__content li.selection a>span,
    body>div.switzerland-en .page-header--sticky .page-header__content li.selection a>span {
        display: none
    }

    .u-txt-center-mobile {
        text-align: center
    }

    .u-bdb-mobile {
        border-bottom: 1px solid var(--main-2nd-background-color)
    }

    ul.has-col-last>div[data-col-last] {
        background: var(--menu-2nd-background-color);
    }
}