/*--------------------------------------------------------------------
    ADAPT THE ORIGINAL MAIN TEMPLATES/INDEX.TPL TO A RESPONSIVE ONE
 --------------------------------------------------------------------*/

/*
    when all pages will be adapted to responsive, we should then change definitely the index.tpl
    with a proper use of mainGrid.css
    + dispatch media queries on appropriate stylesheets.
*/

/*--------------------------------------------------------------------
    MAIN OUTER WRAPPERS
 --------------------------------------------------------------------*/
html,
body.responsivePage {
    min-width: 0;
    max-width: 100%;
    height: auto;
}

body.responsivePage {
    overflow: hidden;
}

.responsivePage #websiteBody {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.responsivePage #container, .responsivePage #listing-form-container {
    position: relative;
    width: auto;
    height: auto;
    max-width: 980px;
}

.responsivePage .site-width {
    width: 100%;
    max-width: 980px;
}

@media only screen and (max-width: 979px) {
    body.responsivePage {
        margin: 0 !important;
    }

    .responsivePage:not(.vc__redesign2017) #websiteBody {
        margin: 50px auto 0 auto;
    }

    .responsivePage #container, .responsivePage #listing-form-container{
        padding: 0;
    }

    .responsivePage.webView #websiteBody {
        padding: 0;
        margin: 0;
    }

    .responsivePage .col,
    .responsivePage .col.size-980 {
        width : auto;
        float: none
    }
}

/*--------------------------------------------------------------------
    HEADER
 --------------------------------------------------------------------*/
@media only screen and (max-width: 979px) {
    #menu,
    #menu.new2015,
    #logo-vc {
        display: none;
    }

    #headerMobile {
        position: fixed;
        width: 100%;
        background-color: #FFF;
        top: 0;
        height: 50px;
        z-index: 3000;
        border-bottom: 1px solid #d8d8d8;
        box-sizing: border-box;
        text-align: center;
    }

    /* LOGO */
    #headerMobile .logoVCMobile {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        padding: 0 10px;
        position: relative;
    }

    #headerMobile .logoVCMobile img {
        width: 213px;
        vertical-align: middle;
    }

    #headerMobile .logoVCMobile--old img {
        display: block;
        margin-top: 13px;
        width: 110px;
    }

    /* ICON NOTIF */
    #header_links {
        width: 100%;
    }

    #header_links #global-nav > li:before {
        display: none;
    }

    #header_links #my_account_id, #header_links [rel="internal-header-mywishlist"] {
        display: none;
    }

    #header_links .notifications {
        position: fixed;
        width: 35px;
        height: 50px;
        z-index: 7000;
        right: 43px;
        top: 0;
    }

    .notification-box .btn {
        display: block;
        font-size: 0;
        width: 17px;
        height: 50px;
        line-height: 50px;
        padding: 0 9px;
        overflow: visible;
        box-sizing: content-box;
    }

    .notifications .svg_notification {
        display: block;
        position: absolute;
        bottom: 15px;
        left: 9px;
        width: 17px;
        fill: #000;
        pointer-events: none;
    }

    .notification-box.open .svg_notification {
        fill: #fff;
    }

    .notification-box .btn:before {
        display: none;
    }

    .notification-box .content {
        top: 50px;
        right: -34px;
    }

    /* ICON PANIER */
    #cart-nav {
        margin: 0;
        position: fixed
    }

    #cart-nav #cart_li {
        position: fixed;
        z-index: 7000;
        right: 9px;
        top: 0;
        width: 34px;
        height: 50px;
        overflow: visible;
        padding: 0;
    }

    #cart-nav #cart_li > a {
        display: block;
        font-size: 0;
        width: 16px;
        height: 50px;
        line-height: 50px;
        padding: 0 9px;
        overflow: visible;
        box-sizing: content-box;
    }

    #cart_li #cart_link:before {
        display: none;
    }

    #cart_li .svg_shoppingBag {
        display: block;
        position: absolute;
        bottom: 15px;
        left: 9px;
        width: 16px;
        fill: #000;
        pointer-events: none;
    }

    #cart_li.active .svg_shoppingBag {
        fill: #fff;
    }

    #cart-nav .submenu {
        top: 50px;
    }

    #cart_li.active #cart_link:after, #cart_li.active #cart_link:hover:after {
        display: none;
    }

    /* COUNTERS PANIER + NOTIFICATION */
    .notification-box .counter,
    #cart-nav li mark#cart-nb {
        position: absolute;
        top: 10px;
        right: 3px;
        font-family: 'Montserrat', Arial, sans-serif;
        font-size: 9px;
        color: #fff;
        background: #bf9f56;
        border: none;
        border-radius: 7px;
        min-width: 14px;
        width: auto;
        height: 14px;
        line-height: 14px;
        text-align: center;
        padding: 0 2px;
        box-sizing: border-box;
        pointer-events: none;
    }
    .vc__redesign2017 .notification-box .counter,
    .vc__redesign2017 #cart-nav li mark#cart-nb {
        background: #CC815E;
    }

    /* BURGER */
    .burgerIcon {
        width: 19px;
        height: 15px;
        position: absolute;
        z-index: 100;
        cursor: pointer;
        top: 50%;
        left: 15px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: .5s ease-in-out;
    }

    .burgerIcon span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #000;
        border-radius: 4px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: .25s ease-in-out;
    }

    .burgerIcon span:nth-child(1) {
        top: 0px;
    }

    .burgerIcon span:nth-child(2), .burgerIcon span:nth-child(3) {
        top: 6px;
    }

    .burgerIcon span:nth-child(4) {
        top: 12px;
    }

    .burgerIcon.open span:nth-child(1) {
        top: 6px;
        width: 0%;
        left: 50%;
    }

    .burgerIcon.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .burgerIcon.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .burgerIcon.open span:nth-child(4) {
        top: 6px;
        width: 0%;
        left: 50%;
    }
    /* SEARCH */
    .headerMobile__searchBtn {
        position: absolute;
        top: 50%;
        left: 55px;
        width: 24px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 24px;
        box-sizing: border-box;
        margin: 0;
        padding:2px;
    }
    #search {
        position: absolute;
        top: -60px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background-color: #fff;
        opacity: 0;
        transition: top 0.3s ease;
    }
    header {
        position: relative;
        transition: padding 0.3s ease;
    }
    header.search--open {
        padding-top: 60px;
    }
    .search--open #search {
        top: 0;
        opacity: 1;
    }
    .svgIcon--search {
        transition: fill 0.3s ease;
    }
    .headerMobile__searchBtn--active .svgIcon--search {
        fill: #7C7C7C;
    }
    /* NAV */
    .menuMobile {
        display: block;
        width: 80%;
        overflow-y: scroll;
        position: fixed;
        top: 50px;
        left: 0;
        bottom: 0;
        z-index: 3000;
        background-color: #FFF;
        color: #000;
        font-family: 'Montserrat', Arial, sans-serif;
        font-size: 14px;
        line-height: 18px;
        border-right: 1px solid #acacac;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform .4s;
        transition: transform .4s;
        background: #f2f2f2;
    }

    .menuMobile__catalog {
        border-bottom: 1px solid #acacac;
        padding: 20px 0;
        background: #fff;
    }

    .menuMobile.active {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .menuMobile .child {
        display: none;
    }

    .menuMobile .universTitle {
        display: block;
        position: relative;
        padding: 13px 20px;
        min-height: 44px;
        box-sizing: border-box;
        text-transform: uppercase;
    }

    .menuMobile .categoryTitle {
        display: block;
        padding: 13px 20px 13px 45px;
    }

    .thirdlevelButon a {
        display: block;
        padding: 13px 20px 13px 70px;
        color: #7c7c7c;
    }

    .menuMobile .menuMobile__entry--hasChild {
        position: relative;
        cursor: pointer;
    }

    .menuMobile .menuMobile__entry--btnSell {
        color: #bf9f56;
    }

    .vc__redesign2017 .menuMobile .menuMobile__entry--btnSell {
        color: #DE8962;
    }

    .menuMobile .menuMobile__entry--hasChild.active span {
        border-bottom: 2px solid #000;
    }

    .menuMobile .menuMobile__entry--hasChild.active.menuMobile__entry--btnSell span {
        border-bottom: 2px solid #BF9F56;
    }
    .vc__redesign2017 .menuMobile .menuMobile__entry--hasChild.active.menuMobile__entry--btnSell span {
        border-bottom: 2px solid #DE8962;
    }

    .menuMobile .menuMobile__entry--hasChild:after {
        display: block;
        content: '';
        position: absolute;
        right: 20px;
        top: 12px;
        width: 9px;
        height: 9px;
        border-bottom: 2px solid #7c7c7c;
        border-right: 2px solid #7c7c7c;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all .3s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .menuMobile .menuMobile__entry--hasChild.active:after {
        -ms-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        top: 18px;
    }

    .menuMobile__otherLinks {
        padding: 20px 0;
    }

    .menuMobile__otherLinks a {
        display: block;
        padding: 13px 20px;
        line-height: 18px;
        color: #7c7c7c;
    }

    .menuMobile__otherLinks a .svg-wrapper {
        display: inline-block;
        min-width: 40px;
    }

    .menuMobile__otherLinks a svg {
        fill: #7c7c7c;
        max-width: 20px;
        max-height: 20px;
        padding: 0 17px 0 0;
        vertical-align: middle;
    }

    .menuMobile__otherLinks__profilImg {
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%;
    }

    .menuMobile__otherLinks a .svg_user--line {
        width: 20px;
        stroke: #7c7c7c;
    }
    .menuMobile__otherLinks a .svg_star__polygon,
    .menuMobile__otherLinks a .svg_user__path {
        stroke-width: 1;
    }

    .menuMobile__otherLinks a .svg_folder {
        width: 20px;
    }

    .menuMobile__otherLinks a .svg_star--line {
        width: 18px;
        stroke: #7c7c7c;
    }

    .menuMobile__otherLinks a .svg_power {
        width: 15px;
    }

    .menuMobile__otherLinks__name {
        display: inline-block;
        max-width: 39%;
        overflow: hidden;
        vertical-align: text-bottom;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #global-nav > li > button#vdcConnect {
        display: none;
    }

    /*  SEARCH
    ----------------- */

    form#search {
        margin: 9px auto;
        float: none;
        width: calc(100% - 20px);
        padding: 0;
        box-sizing: border-box;
        border-radius: 20px;
        border: 1px solid #d6d6d6;
        height: 40px;
    }

    form#search.open {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    #search .text {
        background: none;
        width: calc(100% - 40px);
        box-sizing: border-box;
        float: none;
        line-height: 20px;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        text-transform: none;
        padding-left: 0;
        margin: 0;
        color: #000;
    }

    #search .action {
        float: left;
        width: 40px;
        height: 40px;
        box-sizing: border-box;
    }

    .ui-autocomplete {
        width: calc(100% - 20px) !important;
        z-index: 10000 !important;
    }

    #search-input::-webkit-input-placeholder {
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        color: #cecece;
        font-style: normal;
    }

    #search-input::-moz-placeholder {
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        color: #cecece;
        font-style: normal;
    }

    #search-input:-ms-input-placeholder {
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        color: #cecece;
        font-style: normal;
    }

    #search-input:-moz-placeholder {
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        color: #cecece;
        font-style: normal;
    }

}
@media only screen and (max-width: 360px) {
    #headerMobile .logoVCMobile:not(.logoVCMobile--old) img {
        width: 164px;
        height: auto;
    }
}

@media only screen and (max-width: 979px), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #search .text {
        font-size: 16px;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .ui-autocomplete {
        width: 355px !important;
    }
}

/*--------------------------------------------------------------------
    FOOTER
 --------------------------------------------------------------------*/
@media only screen and (max-width: 979px) {
    #footer {
        margin-top: 25px;
    }

    #footer .news {
        display: block;
    }

    #footer .news > li {
        width: 100%;
        float: none;
        display: block;
        border-bottom: 1px solid #ccc;
        border-right: 0;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    #footer .news > li:last-child {
        margin-bottom: 0;
    }

    #footer .news li.premium-block {
        display: none;
    }

    #footer .facebook-like {
        position: static;
        text-align: center;
        padding-top: 10px;
    }

    #footer .toolbar {
        margin-top: 0;
    }

    #footer .toolbar .nav {
        float: none;
    }

    #footer .toolbar .nav li {
        float: none;
        width: 100%;

    }

    #footer .toolbar .nav li div.content-footer-toolbar {
        position: relative;
        bottom: 0;
    }

    #footer .toolbar .nav li div.content-footer-toolbar .in {
        text-align: center;
    }

    #footer .toolbar .nav li div.content-footer-toolbar .in .number .post-number {
        background: url(https://assets-images.vestiairecollective.com/assets/images/ui/sprite-vdc.png) no-repeat -353px -224px;
        width: 17px;
        height: 25px;
        min-height: 25px;
        display: inline-block;
    }

    #footer .toolbar .nav .phone .number::before {
        display: none;
    }

    #footer .toolbar .nav li div.content-footer-toolbar .in .number strong {
        display: inline-block;
    }

    #footer .toolbar .nav li div.content-footer-toolbar .in .number span {
        float: none;
        width: 90px;
        display: inline;
    }

    #footer .toolbar .nav li div.content-footer-toolbar .in .time {
        clear: both;
    }

    #footer .toolbar .nav li:before,
    #footer .toolbar .nav li:after {
        display: none;
    }

    #footer .toolbar .social {
        float: none;
        text-align: center;
    }

    #footer .toolbar .social .share-icons,
    #footer .toolbar .social .share-icons > li,
    #footer .toolbar .social .apps {
        float: none;
        display: inline-block;
    }
}

/*--------------------------------------------------------------------
    COMMON CONTENTS
 --------------------------------------------------------------------*/
@media only screen and (max-width: 979px) {
    #breadcrumb {
        position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
    }

    #tagline_logout {
        display: none;
    }

    #main-tagline {
        display: none;
    }
}

/*--------------------------------------------------------------------
    GERMANY CONTENTS
 --------------------------------------------------------------------*/
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 667px), (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 736px), only screen and (max-width: 648px), only screen and (max-width: 979px) {
    .responsivePage *[id^="tsbadgeResponsiveTop"],
    .responsivePage #tsbadgeResponsiveTop_db8d3657bdbe440c985ae127463eaad4node,
    body #tsbadgeResponsiveTop_db8d3657bdbe440c985ae127463eaad4 {
        display: none !important;
    }
}
/*--------------------------------------------------------------------
    COMMON PRODUCT ITEM
 --------------------------------------------------------------------*/
@media only screen and (max-width: 979px) {
    .product-small {
        width: auto;
        min-height: 0;
        margin: 16px 0 12px 0;
    }

    .product-small .image img {
        max-width: 100%;
        height: auto;
    }

    .product-small .stickers {
        top: 0;
    }

    .product-small .infos {
        height: 110px;
    }

    .product-small .brand,
    .product-small .name,
    .product-small .size,
    .product-small .price-infos {
        font-size: 12px;
        line-height: 15px;
    }

    .product-small .sticker-like-small {
        display: none;
    }
}

/*--------------------------------------------------------------------
    HOME
 --------------------------------------------------------------------*/
@media only screen and (max-width: 979px) {
    .home-subtitle {
        font-size: 24px;
        line-height: 23px;
        padding-bottom: 9px;
        margin-top: 30px;
        border-bottom: solid 1px #acacac;
    }

    .home-subtitle:first-child {
        margin-top: 30px;
    }

    /* catalog : said home-treasure */
    .homeTreasure {
        padding: 0 10px;
    }

    .homeTreasure .home-subtitle {
        margin-top: 19px;
    }

    .homeTreasure .box-counter {
        width: 100%;
        box-sizing: border-box;
    }

    .homeTreasure .box-counter > div {
        min-height: 0;
        border: 0;
        padding: 0;
    }

    .homeTreasure .box-counter p:last-child {
        margin: 0;
    }

    .homeTreasure .box-counter .btnShowNews {
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: 13px;
        line-height: 44px;
        margin-bottom: 20px;
        margin-top: -12px;
    }

    /* members */
    .home-subtitle.members,
    #home_members {
        display: none;
    }

    /* seo */
    .homeSEO {
        padding: 0 10px;
        margin-top: 0;
    }

    #seoHomePage a {
        overflow: hidden;
        position: relative;
        display: block;
        height: 72px;
        min-height: 72px;
        width: 132px;
        margin: 0 auto;
        padding: 11px 19px 177px;
        line-height: 18px;
        font-size: 14px;
        font-family: Georgia, Arial, sans-serif;
        text-align: center;
        text-transform: uppercase;
        white-space: normal;
        color: #000;
        background: #f4f4f4 no-repeat center 100%;
        -moz-transition: .2s;
        -webkit-transition: .2s;
        -o-transition: .2s;
        -ms-transition: .2s;
        transition: .2s;
    }
}

/*--------------------------------------------------------------------
    PAGE CATALOG
 --------------------------------------------------------------------*/
/* volontairement global */
.catalogPage #products-container {
    padding-top: 38px;
}

#products-list .navigate-category-bottom {
    top: -31px;
    position: relative;
    z-index: 2000;
}

/*presale global*/
.catalogProductsContainer--presale #products-list .navigate-category-bottom {
    top: 0;
}

.product-small.premium {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 244px;
    box-sizing: border-box;
}

.product-small .image img,
.product-small.premium .image:before {
    max-width: 100%;
    height: auto;
    max-height: 224px;
}

@media only screen and (max-width: 979px) {
    .catalogPage #catalogue.campaignOnly #containerSocialShareFixed,
    .catalogPage #catalogue .toTop {
        display: none !important;
    }

    .catalogPage #catalogue .edito img {
        width: 100%;
        height: auto;
    }

    .catalogPage #catalogue .campaign-head p,
    .catalogPage #catalogue .campaign-head h1 {
        padding: 0 10px !important;
    }

    .catalogPage #catalogue .recommand__description {
        width: 100%;
    }

    .catalogPage #catalogue .recomandation.fixed {
        position: static;
    }

    .catalogPage #catalogue .recomandation img {
        width: 99%;
        height: auto;
    }

    .catalogPage #catalogue #products-container {
        padding-top: 20px;
    }

    .catalogPage #catalogue.campaignOnly .respond textarea {
        width: 74%;
    }

    .catalogPage #catalogue #comment_list {
        width: 100% !important;
    }

    #catalogue h1.campaign-title,
    #catalogue div.campaign-title {
        width: 100%;
        margin: 0;
    }

    #catalogue .primary {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 0 10px;
    }

    #products-list .navigate-category-bottom {
        margin-top: -13px;
    }

    .navigate .dropdown ul {
        width: 100%;
    }

    /* FILTER AND SORT BUTTONS */
    .profile-block-filterbar .box-custom-filter,
    .profile-block-header .box-custom-filter,
    .navigate.navigate-top,
    .showFilters--mobile {
        float: right;
        width: 50%;
        box-sizing: border-box;
        margin: 0 0 12px 0;
        border-bottom: 1px solid #d8d8d8;
        border-top: 1px solid #d8d8d8;
    }

    .showFilters--mobileCampaing {
        width: 100%;
        border: 1px solid #d8d8d8;
    }

    .webView .showFilters--mobileCampaing.visible-xs {
        display: none !important;
    }

    .showFilters--mobileCampaing .showFilters__toggler{
        border-right: none;
    }


    .box-custom-filter {
        width: 100%;
    }

    .showFilters__toggler,
    .box-custom-filter .controller {
        display: block;
        font-family: 'Montserrat', arial, sans-serif;
        font-size: 11px;
        line-height: 30px;
        height: 30px;
        padding: 0;
        margin: 8px 0;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
        font-weight: normal;
        box-sizing: border-box;
        cursor: pointer;
    }

    .showFilters__toggler:first-letter,
    .box-custom-filter .controller:first-letter {
        text-transform: uppercase;
    }

    .box-custom-filter .controller:before {
        display: none;
    }

    .showFilters__toggler {
        border-right: 1px solid #d8d8d8;
    }

    /* edito campaign on catalog page */
    .edito-campaign .inspirations > div {
        margin: 0 auto !important;
        float: none !important;
        padding: 0;
    }

    /* -----  FILTRES ------- */
    #catalogue .secondary,
    .profile-filters .secondary {
        width: 100%;
        box-sizing: border-box;
        margin-left: -100%;
        position: absolute;
        top: -50px;
        left: 0;
        z-index: 7001;
        background: #fff;
        min-height: 100%;
    }

    #catalogue .secondary--openedOnMobile,
    .profile-filters .secondary--openedOnMobile {
        margin-left: 0;
    }

    .apllyFilters__applyBtn {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 2000;
        line-height: 45px;
        background: #bf9f56;
        color: #fff;
        font-family: 'Montserrat';
        font-size: 13px;
        text-transform: uppercase;
        cursor: pointer;
        text-align: center;
    }
    .vc__redesign2017 .apllyFilters__applyBtn {
        background: #CC815E;
    }

    #catalogue .secondary--openedOnMobile .apllyFilters__wrapper,
    .profile-filters .secondary--openedOnMobile {
        display: block;
    }

    /* RECAP APPLIED FILTERS */
    .appliedFilters__title {
        font-size: 13px;
        line-height: 24px;
        text-transform: uppercase;
        color: #000;
        font-weight: bold;
    }

    #selection {
        margin-bottom: 0;
    }

    #selection .in-1 {
        background: none;
    }

    #selection .in-1 .catalog-selected-tags {
        margin-top: 15px;
        margin-bottom: 5px;
    }

    #selection .in-1 .catalog-selected-tags .filter,
    #applyFilters .in-1 .catalog-selected-tags .filter {
        font-size: 13px;
        line-height: 25px;
        border-radius: 12px;
        padding: 0 20px 0 10px;
        background: #7c7c7c;
    }

    #applyFilters .in-1 .catalog-selected-tags {
        margin-bottom: 30px;
    }

    #selection .in-1 .catalog-selected-tags .filter .close,
    #applyFilters .in-1 .catalog-selected-tags .filter .close {
        top: 9px;
        right: 9px;
    }

    /*#selection .box-alert {display: none;}*/
    #selection .box-alert .create-alert {
        line-height: 44px;
        padding: 0;
    }

    #selection .selection-close {
        display: none;
    }

    /* reset des styles desktop pour les block filtres _ _'
        sorry for this mess.
        Filters HAS to be refactored,
        and/or redesigned from scratch
    */
    /* COMMONS */
    #refine .block {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #b2b2b2 !important;
    }

    /* title */
    #refine .block .block_title {
        width: auto;
        font-family: 'Montserrat', Arial, sans-serif;
        font-size: 13px;
        line-height: 16px;
        padding: 22px 25px;
        text-transform: uppercase;
        font-weight: normal;
    }

    #refine .block .block_title:before {
        top: 27px !important;
        left: 10px;
    }

    /* content */
    #refine .block .content {
        margin: 0;
        padding: 0 35px;
        background: #f2f2f2;
    }

    /* CHECKBOX LIST */
    #refine .checkbox-list .results {
        background: none;
        width: auto !important;
        max-height: 250px !important;
    }

    #refine .checkbox-list label,
    #refine .checkbox-list .label-like {
        line-height: 44px !important;
        padding-top: 0 !important;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    #refine .checkbox-list label:before,
    #refine .checkbox-list .label-like:before {
        top: 15px;
        left: 0;
        margin: 0;
        width: 11px;
        height: 11px;
        /*background-color: transparent;*/
    }

    #refine .checkbox-list input:checked + label:before,
    #refine .checkbox-list input:checked + .label-like:before,
    #refine .checkbox-list input:checked + label.hover:before,
    #refine .checkbox-list input:checked + .label-like.hover:before,
    #refine .checkbox-list input:checked + label.focus:before,
    #refine .checkbox-list input:checked + .label-like.focus:before {
        /*background-color: #000;*/
    }

    #refine .custom-scrollbar .viewport {
        width: calc(100% - 9px);
    }

    #refine .custom-scrollbar .overview {
        background: #f2f2f2;
    }

    /* CHECKBOX LIST WITH SEARCH */
    #refine .block.checkbox-list-filtered .content {
        padding: 0;
    }

    .checkbox-list-filtered .results {
        padding: 0;
        border: 0;
    }

    .checkbox-list-filtered .custom-checkbox label,
    .checkbox-list-filtered .custom-checkbox .label-like {
        margin-left: 20px;
        font-size: 11px;
        padding: 0 0 0 20px;
    }

    .checkbox-list-filtered .checkbox-list-search {
        background: none;
        margin: 0 0 0 20px;
        width: auto;
        height: auto;
        display: block;
        border: none;
        border-bottom: 1px solid #acacac;
        box-sizing: border-box;
    }

    .checkbox-list-filtered .checkbox-list-search .text {
        display: block;
        background: none;
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        line-height: 40px;
        font-size: 12px;
        font-family: 'Montserrat', Arial, sans-serif;
        font-weight: normal;
        color: #000;
        padding: 0;
    }

    .checkbox-list-filtered .checkbox-list-search .text::-webkit-input-placeholder {
        color: #acacac;
        font-style: normal;
    }

    .checkbox-list-filtered .checkbox-list-search .text:-moz-placeholder {
        color: #acacac;
        font-style: normal;
    }

    .checkbox-list-filtered .checkbox-list-search .text::-moz-placeholder {
        color: #acacac;
        font-style: normal;
    }

    .checkbox-list-filtered .checkbox-list-search .text:-ms-input-placeholder {
        color: #acacac;
        font-style: normal;
    }

    .checkbox-list-filtered .checkbox-list-search .action {
        display: none;
    }

    .checkbox-list-separator {
        background: #cecece;
    }

    .checkbox-list-filtered .checkbox-list-separator.custom-checkbox label {
        font-size: 13px;
    }

    /* LINK PANEL */
    #refine .link-panel label,
    #refine .link-panel .label-like {
        width: 50px;
        height: 30px;
        line-height: 30px !important;
        font-size: 13px;
        border-radius: 15px;
        background-color: transparent;
        box-sizing: border-box;
        margin: 0 15px 15px 0;
    }

    #refine .link-panel input:checked + label,
    #refine .link-panel input:checked + .label-like {
        background-color: #000 !important;
    }

    #refine .link-panel .content {
        padding-right: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #refine .link-panel .filter-help {
        font-family: 'Montserrat', Arial, sans-serif;
        text-align: center;
        margin-right: 15px;
        font-size: 11px;
    }

    #refine .link-panel .filter-help .size-guide {
        padding: 0;
    }

    /* FILTER PRICE */
    #refine #filter_price.block .content {
        padding: 20px 35px 10px 35px;
    }

    .filters__inputPrice::-webkit-input-placeholder {
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        color: #cecece;
        font-style: normal;
    }

    .filters__inputPrice::-moz-placeholder {
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        color: #cecece;
        font-style: normal;
    }

    .filters__inputPrice:-ms-input-placeholder {
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        color: #cecece;
        font-style: normal;
    }

    .filters__inputPrice:-moz-placeholder {
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        color: #cecece;
        font-style: normal;
    }

    /* FILTER COLORS */
    #filter_color .custom-checkbox {
        float: none;
    }

    #filter_color .custom-checkbox input:checked + label:before,
    #filter_color .custom-checkbox input:checked + .label-like:before,
    #filter_color .custom-checkbox label.hover:before,
    #filter_color .custom-checkbox .label-like.hover:before {
        margin-top: 2px;
    }

    /* FILTER WITH SCROLLBAR ONLY ON MOBILE */
    #filter_id_page .content,
    #filter_color .content,
    #filter_material .content,
    #filter_id_condition .content,
    #filter_substate .content,
    #filter_pattern .content {
        max-height: 217px !important;
        overflow-y: scroll !important;
        padding: 0 20px !important;
    }

    #filter_id_page .content::-webkit-scrollbar,
    #filter_color .content::-webkit-scrollbar,
    #filter_material .content::-webkit-scrollbar,
    #filter_id_condition .content::-webkit-scrollbar,
    #filter_substate .content::-webkit-scrollbar,
    #filter_pattern .content::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 4px;
    }

    #filter_id_page .content::-webkit-scrollbar-thumb,
    #filter_color .content::-webkit-scrollbar-thumb,
    #filter_material .content::-webkit-scrollbar-thumb,
    #filter_id_condition .content::-webkit-scrollbar-thumb,
    #filter_substate .content::-webkit-scrollbar-thumb,
    #filter_pattern .content::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    }

    /* -----  TRIS ------- */
    .box-custom-filter .options {
        box-sizing: border-box;
        width: 200%;
        padding: 0;
        margin: 0;
        border: none;
        border-top: 1px solid #acacac;
    }

    .box-custom-filter .option {
        margin: 0;
        /*border-bottom: 1px solid #acacac;*/
    }
    .box-custom-filter .option:last-child {
        border-bottom: 1px solid #acacac;
    }
    .box-custom-filter .option label,
    .box-custom-filter .option span {
        width: 100%;
        line-height: 50px;
        margin: 0 19px;
        padding-left: 28px;
        font-size: 13px;
        font-family: 'Montserrat', Arial, sans-serif;
    }

    .box-custom-filter .option label:before {
        top: 21px;
    }


    .box-custom-filter hr {
        margin: 0;
        height: 0;
        border-top: 1px solid #acacac;
    }
    .box-custom-filter .option label:before,
    .box-custom-filter .option span:before{
        top: 50%;
        transform: translateY(-50%);
        width: 15px;
        height: 15px;

    }

    /* PRESALE */
    .premium_header {
        margin-top: 70px;
        clear: both;
        border-bottom: 1px solid #d8d8d8;
    }

    .premium_header .premium_intro {
        padding: 12px;
        font-size: 20px;
        border: 0;
    }

    .catalogProductsContainer--presale .catalog-head-instock {
        padding: 12px;
        border-bottom-color: #cecece
    }

    .presale__img {
        display: none;
    }

    .catalogProductsContainer--presale #products-list .navigate-category-bottom {
        margin-top: 10px;
    }

    #catalogue h1.campaign-title {
        margin-top: 26px;
    }

    .campaign .premium_img {
        margin-top: 70px;
        margin-bottom: 10px;
        margin-top: 16px;
    }

    .campaign span {
        text-transform: uppercase;
        text-align: center;
        border-bottom: 1px solid #d8d8d8;
        padding-bottom: 15px;
        margin-bottom: 23px;
        border: 0;
        margin-top: 32px;
        clear: both;
    }

    .campaign span + span {
        text-transform: uppercase;
        border: 0;
        font-size: 20px;
    }

    .catalog-push-alert, .catalog-push-alert .in-1, .catalog-push-alert .in-1 .in-2, .catalog-push-alert .in-1 .in-2 .in-3 {
        display: none !important;
    }
}

/*--------------------------------------------------------------------
    COMMON POPINS
 --------------------------------------------------------------------*/
@media only screen and (max-width: 979px) {

    body.hasOpenedPopin #websiteBody {
        display: none;
    }

    #superbox-wrapper {
        min-width: 0;
        max-width: none;
        overflow: auto;
    }

    #superbox-overlay {
        opacity: 0.4 !important;
    }

    #superbox-container {
        top: 0;
        height: auto;
        min-height: 100%;
    }

    #superbox {
        width: auto !important;
        max-width: none;
    }

    #superbox-innerbox {
        min-height: 100vh;
        padding: 10px 10px 110px 10px;
        box-sizing: border-box;
    }

    .popin-box .popin-title,
    .superbox-content .popin-title,
    .superbox-content .title {
        font-family: 'MontserratBold', Arial, sans-serif;
        font-size: 19px;
        line-height: 23px;
        margin-top: 25px;
        font-weight: normal;
        text-align: left;
        border-bottom: 1px solid #000;
        background: none;
    }

    .popin-box .popin-content {
        margin-top: 20px;
        font-family: 'Montserrat', Arial, sans-serif;
        font-size: 13px;
        line-height: 20px;
    }

    #superbox .bt {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        text-align: center;
    }

    /* close btn */
    #superbox p.close a,
    .popin__closeBtn,
    #facebox .close {
        display: block;
        width: 23px;
        height: 23px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 7002;
        margin: 10px 0 0 0;
        padding: 10px 10px 20px 20px; /* for touch size */
        cursor: pointer;
        background: none;
    }

    #superbox p.close a:after,
    #superbox p.close a:before,
    .popin__closeBtn:after,
    .popin__closeBtn:before,
    #facebox .close:after,
    #facebox .close:before {
        display: block;
        position: absolute;
        top: 12px;
        content: '';
        width: 25px;
        height: 1px;
        background: #000;
        left: auto;
        margin: 0;
    }

    #superbox p.close a:after,
    .popin__closeBtn:after,
    #facebox .close:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #superbox p.close a:before,
    .popin__closeBtn:before,
    #facebox .close:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    /*  grey variant */
    #superbox.grey .title {
        background: none;
        border-bottom: 1px solid #fff;
    }

    #superbox.grey p.close a:after,
    #superbox.grey p.close a:before {
        background: none;
        border-bottom: 1px solid #fff;
    }
}
@media only screen and (max-width: 767px) {

    .popin-box .popin-title,
    .superbox-content .popin-title,
    .superbox-content .title {
        margin-top: 5px;
    }

    .popin-box .popin-title .popin-title__text {
        display:block;
    }

    .popin-title__text--marginRight {
        margin-right: 85px;
    }
}
/*--------------------------------------------------------------------
    POPIN ADD TO CART
 --------------------------------------------------------------------*/
@media only screen and (max-width: 979px) {
    #cart_fbx {
        width: auto;
        text-align: center;
        font-size: 14px;
        line-height: 20px;
    }

    #cart_fbx span {
        font-size: 14px;
        line-height: 20px;
        display: inline-block;
    }

    #cart_fbx .cart_fbx__title {
        display: inline-block;
        text-align: center;
        font-size: 14px;
        line-height: 20px;
        font-family: 'Montserrat', arial, sans-serif;
        text-transform: none;
        font-weight: normal !important;
        padding: 30px 40px 0 40px;
    }

    #cart_fbx #cart_fbx_pict {
        float: none;
        display: block;
        margin: 10px auto 20px auto;
        width: 90px;
        height: 90px;
    }

    #cart_fbx .product-price {
        margin-top: 25px;
    }

    #cart_fbx #cart_fbx_continue,
    #cart_fbx #cart_fbx_finalize {
        width: 100%;
        line-height: 40px;
        height: 40px;
        font-size: 13px;
        padding: 0;
        margin: 0 0 10px 0;
        box-sizing: border-box;
    }

    #cart_fbx .premium-resa-info {
        color: #000;
        margin-top: 25px;
    }

    #cart_fbx .premium-resa-info strong {
        font-weight: normal;
        text-decoration: none;
    }

    /* inverse buttons order */
    #cart_fbx #cart_fbx_finalize {
        position: relative;
        top: -50px;
    }

    #cart_fbx #cart_fbx_continue {
        position: relative;
        top: 50px;
    }
}

/*--------------------------------------------------------------------
    POPIN MMAO
 --------------------------------------------------------------------*/
@media only screen and (max-width: 979px) {
    .popin-negotiation {
        text-align: center;
        font-family: 'Montserrat', arial, sans-serif;
        font-size: 14px;
        overflow-y: scroll;
    }

    .popin-negotiation .popin-title .infolink {
        display: none;
    }

    .popin-negotiation .intro {
        font-size: 14px;
        line-height: 21px;
    }

    .popin-negotiation .product {
        margin: 0;
    }

    .popin-negotiation .product-picture {
        display: block;
        margin: 10px auto 15px auto;
        float: none;
        border: none;
        width: 92px;
        height: 92px;
        overflow: hidden;
    }

    .popin-negotiation .product-picture img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .popin-negotiation .product-infos {
        float: none;
        width: auto;
        padding: 0 10px;
        line-height: 17px;
    }

    .popin-negotiation .product-resume {
        margin: 0 0 30px 0;
    }

    .popin-negotiation .field input {
        float: none;
        margin: 0 auto;
        display: block;
    }

    .popin-negotiation .field button {
        float: none;
        width: 100%;
        margin: 34px 0 0 0 !important;
    }

    .popin-negotiation .first-offer .field input {
        border-color: #cecece;
    }

    .popin-negotiation .field .error-msg {
        font-size: 12px;
        line-height: 17px;
    }

    .popin-negotiation .offer-confirm .info {
        font-size: 14px;
        line-height: 17px;
        font-weight: bold;
    }

    .popin-negotiation .offer-confirm .time {
        font-size: 13px;
        line-height: 20px;
    }

    .popin-negotiation .historical {
        border-top: 1px solid #acacac;
    }

    .popin-negotiation .historical-list {
        width: 100% !important;
        max-height: none;
    }

    .popin-negotiation .historical-item {
        width: 100% !important;
        box-sizing: border-box;
        padding: 0;
    }

    .popin-negotiation .historical-list .jspContainer {
        width: 100% !important;
        height: auto !important;
        min-height: 287px;
    }

    .popin-negotiation .historical-list .jspPane {
        width: 100% !important;
    }

    .popin-negotiation .historical-infos {
        width: calc(100% - 53px);
        box-sizing: border-box;
        padding: 13px 10px;
    }

    .popin-negotiation .historical-infos .date,
    .popin-negotiation .historical-infos .type,
    .popin-negotiation .historical-infos .price {
        padding: 0;
        margin: 0;
        width: auto;
        display: block;
        float: none;
        text-align: left;
        font-size: 13px;
        line-height: 20px;
    }

    .popin-negotiation .historical-user {
        width: 35px;
        margin-right: 18px;
        box-sizing: border-box;
    }

    .popin-negotiation .is-user .historical-user {
        margin-left: 18px;
        margin-right: 0;
    }

    .popin-negotiation .historical-user .picture {
        width: 35px;
        height: 35px;
    }

    .popin-negotiation .historical-user .name {
        margin: 0;
        text-align: left;
        font-size: 13px;
        line-height: 20px;
        color: #000;
        font-family: 'MontserratBold', Arial, sans-serif;
    }

    .popin-negotiation .is-user {
        padding: 0;
        width: 100%;
    }

    .popin-negotiation .new-offer .choice .bt {
        width: calc(50% - 5px);
    }

    .popin-negotiation .new-offer .choice .bt.accept {
        margin-right: 10px;
    }

    .popin-negotiation .new-offer .pvp,
    .popin-negotiation .new-offer .pvn {
        width: calc(50% - 5px);
        margin: 0;
    }

    .popin-negotiation .new-offer .pvn {
        margin-left: 10px;
    }

    .popin-negotiation .new-offer .label {
        text-align: left;

    }

    .popin-negotiation .new-offer .field input {
        line-height: 40px;
        height: 40px;
        font-size: 13px;
        padding: 0 5px;
        background-position: 100% 7px;
    }

    .popin-negotiation .new-offer .validate,
    .popin-negotiation .new-offer .no-pvn .validate {
        padding-top: 10px;
        width: 100%;
    }

    .popin-negotiation .new-offer .no-pvn .pvp {
        width: 50%;
        margin: 0 auto;
        float: none;
    }

    .popin-negotiation .new-offer .validate .bt {
        width: 100%;
        font-size: 13px;
        line-height: 40px;
        padding: 0;
    }

    .popin-negotiation .new-offer .alert-red {
        padding-bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .popin-negotiation .field button {
        margin-top: 20px !important;
    }
}
/*--------------------------------------------------------------------
    POPIN GUIDE DES TAILLES
 --------------------------------------------------------------------*/
@media only screen and (max-width: 979px) {
    body #facebox {
        z-index: 8000;
        width: 100%;
        height: 100%;
        top: 0 !important;
        left: 0 !important;
        background: #fff;
    }

    #facebox .ploc {
        width: 100%;
    }

    #facebox .tl,
    #facebox .tr,
    #facebox .bl,
    #facebox .br,
    #facebox .b {
        display: none;
    }

    #facebox .body {
        border: none;
        padding: 10px !important;
    }

    #facebox h1 {
        padding-top: 25px !important;
        margin-bottom: 0;
        font-size: 19px !important;
        border-bottom: 1px solid #000000;
        background: none !important;
    }

    #size_guide_page h1 {
        margin-bottom: 0;
    }

    #size_guide_page p {
        font-size: 14px;
        line-height: 20px;
        font-family: 'Montserrat', arial, sans-serif;
        color: #000;
        margin: 0 0 10px 0 !important;
    }

    #size_guide_page td,
    #size_guide_page th {
        font-size: 10px;
        color: #555555;
    }

    #size_guide_page table.clickable td,
    #size_guide_page table.clickable th {
        border-color: #e5e5e5;
        min-width: 0;
    }
}

/*--------------------------------------------------------------------
    POPIN and banner "HELLO WORLD" - language choice
 --------------------------------------------------------------------*/
@media only screen and (max-width: 979px) {
    .world-form fieldset span {
        min-height: 30px;
    }

    .world-submit {
        width: 100%;
        margin: 0 !important;
    }

    .world-banner .banner-content {
        width: 100%;
        padding: 3%;
        box-sizing: border-box;
    }

    .world-banner .info,
    .world-banner .change-language {
        font-size: 12px;
        line-height: 16px;
        margin: 0;
    }

    .world-banner .choice {
        width: 70%;
    }

    .world-banner .actions {
        width: 30%;
        margin: 0;
        text-align: right;
    }

    .world-banner .actions .btn {
        font-size: 12px;
        font-weight: normal;
    }

    .world-banner .actions .btn:first-child {
        margin-bottom: 5px;
    }
}

/*--------------------------------------------------------------------
    POPIN ADRESSE DE LIVRAISON / FACTURATION
 --------------------------------------------------------------------*/
@media only screen and (max-width: 979px) {
    .form-col-container .form-col {
        margin: 0 0 19px 0;
        padding: 0;
        float: none;
        width: 100%;
    }

    .form-box label {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 6px;
        padding: 0;
        color: #000;
    }

    .form-box .field-container:first-child,
    .form-box .field-container {
        margin: 19px 0 0 0;
    }

    .form-box input[type=text],
    .form-box input[type=password],
    .form-box input[type=email],
    .form-box input[type=url],
    .form-box input[type=tel],
    .form-box select {
        height: 29px !important;
        line-height: 29px;
        padding: 0 10px;
        margin: 0;
        border-color: #acacac;
        border-radius: 4px;
    }

    .popin-box .popin-validate.box-bt > .left {
        float: none;
        margin: 0;
    }

    .popin-box .popin-validate.box-bt > .bt.right {
        float: none;
        margin: 35px 0 30px 0;
        width: 100%;
    }

    .form-box .mandatory {
        color: #000;
    }

    .form-box input[type="checkbox"] {
        margin: 0 7px 0 0;
        width: 20px;
        height: 20px;
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        border: 1px solid #acacac;
        border-radius: 6px;
        display: inline-block;
        vertical-align: middle;
        transition: .3s all ease-in-out;
    }

    .form-box input[type="checkbox"]:checked {
        background: #000;
    }

    .form-box input[type=text]:disabled,
    .form-box input[type=password]:disabled,
    .form-box input[type=email]:disabled,
    .form-box input[type=url]:disabled,
    .form-box input[type=tel]:disabled,
    .form-box select:disabled,
    .form-box textarea:disabled {
        background: #f2f2f2;
        border-color: #cecece;
        color: #cecece;
    }

}
@media only screen and (max-width: 767px) {
    .popin-box .popin-validate {
        margin-top: 0;
    }
    .popin-box .popin-validate.box-bt > .bt.right {
        margin: 10px 0 30px 0;
    }
    .form-box .mandatory {
        margin-top: 5px;
    }
}
/*--------------------------------------------------------------------
    POPIN CREATE ALERT
--------------------------------------------------------------------*/
@media only screen and (max-width: 979px) {
    /* from product page */
    #popinCreateAlert .form-box label {
        padding-bottom: 0;
    }

    #popinCreateAlert .form-box .description {
        text-align: left;
        margin-top: 10px;
    }

    .superbox-alert .content p {
        font-family: 'Montserrat', Arial, sans-serif;
        font-size: 13px;
        line-height: 20px;
    }

    .superbox-alert .content .btn-classic {
        width: 100%;
    }

    .superbox-alert .content .btn-small span {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* from catalog page */
    #superbox-new-alert {
        font-family: 'Montserrat', Arial, sans-serif;
        font-size: 13px;
        line-height: 20px;
    }

    #superbox-new-alert.popin-box p.popin-title:first-child {
        margin-top: 25px;
    }

    #superbox-new-alert.popin-box .tagAlert {
        font-size: 13px;
        line-height: 25px;
        border-radius: 12px;
        padding: 0 10px;
        color: #fff;
        background: #a0a0a0;
    }

    #popinCreateAlert .form-box .frequency {
        margin-bottom: 10px;
    }
}

/*--------------------------------------------------------------------
    POPIN FRAIS DE PORTS
--------------------------------------------------------------------*/
@media only screen and (max-width: 979px) {
    #superbox-innerbox .changeProductLocation {
        margin-bottom: 10px;
    }
}


/*--------------------------------------------------------------------
    BANNIERE OPTINIZATION
--------------------------------------------------------------------*/
@media only screen and (max-width: 979px) {
    #optinization .leftImg, #optinization .rightImg {
        display: none;
    }

    #optinization .centerBloc,
    #optinization .containerBloc {
        width: 100%;
    }

    #optinization .centerBloc h3 {
        font-size: 16px;
        line-height: 23px;
        white-space: initial;
    }

    #optinization .centerBloc p {
        font-size: 13px;
        line-height: 18px;
    }
}