@-ms-viewport {
  width: device-width;
}

.responsive_img {
  max-width: 100%;
}


/*** listing ***/

@media (max-width: 767px) {
  .block_product {
    margin: 0;
    text-align: center;
  }

  #category #center_column {
    margin: 0;
  }

  img.cat_img {
    width: 100%;
    padding: 0;
  }
}

/*@media (min-width: 1712px) {
  .block_product {
    width: 23%;
    margin: 0 1% 0 1%;
    text-align: center;
  }
}*/

@media (min-width: 992px) and (max-width: 1199px) {
    .header_whislist { margin-left: 8px; }
    #top.flexmenu > li > a, #top.flexmenu > li > span {
        padding: 0 10px;
    }
    #stores #map { height: 440px; }

    .marque1 { background-size:  100%; height: 625px;}
    .marque2 { height: 510px; }
    .marque3 { background-size:  100%; height: 510px; }
    .marque4, .marque5, .marque7 {
        background-size:  485px 510px;
        max-height: 510px;
    }

    .marque4 > div, .marque5 > div, .marque7 > div {
        max-width: 450px;
    }

    .instagram-block { width: 220px; height: 220px; }
    .instagram-block-left, .instagram-block-right {width: 470px; height: 470px; }

    .cms-presse .rte li {
        width: 25%;
    }

}

@media (max-width: 991px) {
    #index #logo { background: none; }
    #page #logo a, #index #logo a { font-size: 18px; width: 107px !important; background-size: 107px 12px !important; }
    #top.flexmenu > li > a, #top.flexmenu > li > span {
        padding: 0 5px;
    }

    #page header #search_block_relative,
    #index header #search_block_relative {
      float: none;
      position: static;
    }

    header .shopping_cart {
      position: static;
    }
    #page header .col-sm-3.static,
    #index header .col-sm-3.static {
        position: relative !important;
        height: 0;
    }

    #page header .header_user_info a,
    #index header .header_user_info a,
    header .shopping_cart > a,
    .header_whislist,
    #page header #search_block_top,
    #index header #search_block_top {
      position: absolute;
      right: 15px;
      width: 40px;
      text-align: right;
      border: none;
      top:0;
      background:none;
      margin: 0;
      line-height: 72px;
      height: 72px;
      overflow: hidden;
    }

     #page header #search_block_top,
    #index header #search_block_top {
        overflow: visible;
    }

    #page header .header_user_info a,
    #index header .header_user_info a {
      right: 135px;
    }

    header .shopping_cart > a {
      right: 95px;
    }

    .header_whislist {
      right: 55px;
    }

    #page .shopping_cart > a,
    #index .shopping_cart > a,
    #page .header_whislist a,
    #index .header_whislist a {
      font-size: 22px;
      line-height: 72px;
      margin: 0;
    }

    #page .shopping_cart > a span,
    #idnex .shopping_cart > a span,
    #page header .header_user_info a span,
    #index header .header_user_info a span {
      display: none;
    }

    #page header .header_user_info a,
    #index header .header_user_info a {
      vertical-align: baseline;
      font-size: 22px;
      z-index: 2000;
    }
    #page header .header_user_info a:before,
    #index header .header_user_info a:before {
      content: "\f213";
      font-family: "ionicons";
      color: white;
      font-size: 22px;
      line-height: 1em;
    }

    #page header #search_block_top i,
    #index header #search_block_top i {
      color: white;
      line-height: 72px;
      padding: 0;
      float: none;
      font-size: 22px;
    }

    #page header #search_block_top #search_query_top,
    #index header #search_block_top #search_query_top {
      background: #041c2c;
      float: none;
      width: 100%;
    }

    /** Detail product **/
    #thumbs_list li {
        width: 70px;
    }

    .idTabs ul li a {
        padding: 0;
    }
    
    #guide .idTabs ul li {
        display: block;
    }
    #guide .idTabs ul li a {
        width:100%;
    }
    #guide .idTabs ul li a.selected {
        border-width: 0 0 1px 0;
    }
        
    #guide .flex {
        display: block;
    }
    #guide .flex .guide_img { display: none; }
    #guide .flex .guide_content {
        width: auto;
        padding: 0;
        min-width: auto;
    }
    #guide .flex .guide_content table thead {
        display: table-header-group;
    }
    #guide .flex .guide_content table tr {
        display: table-row;
    }
    #guide .flex .guide_content table th {
        display: table-cell;
    }
    #guide .flex .guide_content table td {
        max-width: auto !important;
        width: auto !important;
        display: table-cell;
    }

    /** boutiques **/
    #stores #map { width: 210px; height: 350px; }
    #stores .store { width: calc(100% - 210px); }
    #stores .store_infos h2 { font-size: 20px; }
    #stores .store_infos address, #stores .store_infos h3 { font-size: 14px; }

    /** connexion **/
    #authentication h3 { font-size: 20px; }
    #authentication .auth_block { padding-left: 20px; padding-right: 20px; }
    #authentication .auth_block.exist { padding-left: 0px; padding-right: 0px;}
    #address .box, #identity .box, #account-creation_form .box, #new_account_form .box, #opc_account_form .box, #authentication .box {
        padding: 0;
    }

    /** Mon compte **/
    #addresses .addresses { padding: 20px; }
    .address li.address_update a { margin-bottom: 10px; }
    #addresses .addresses .address { min-height: auto; }

    /* Catégories */
    .available_sizes { opacity: 1; }

    /** slider **/
    #homepage-slider .homeslider-description p:first-child { font-size: 20px; }
    #homepage-slider .homeslider-description p { font-size: 14px; }

    /** block home **/
    #main .content p {font-size: 20px; }

    /** footer */
    #footer-home #social_block { }
    #footer-home #languages-block-top { float:right; }
    #footer-home #social_block li { 
    }
    .footer-container { line-height: 1.5em; padding: 15px 0; }
    .prefooter #social_block li { padding-left: 6px; }

    .marque1 { background-size:  100%; height: 483px;}
    .marque2 { height: 394px; }
    .marque3 { background-size:  100%; height: 394px; }
    .marque4, .marque5, .marque7 {
        background-size:  375px 394px;
        max-height: 394px;
    }

    .marque7 {
        max-height: 510px;
    }

    .marque1 > div, .marque2 > div, .marque3 > div, .marque6 > div {
        max-width: 600px;
        margin-bottom: 0;
    }

    .marque4 > div, .marque5 > div, .marque7 > div {
        max-width: 350px;
    }

    .instagram-block { width: 165px; height: 165px; }
    .instagram-block-left, .instagram-block-right {width: 360px; height: 360px; }

    .cms-presse .rte li {
        width: 25%;
    }

    #footer-home .flexmenu { }

    #page header #search_block_top #search_query_top,
    #index header #search_block_top #search_query_top {
      top: 9px;
      right: 0;
      position: absolute;
      width: 140px;
      z-index: 5000;
      display: none;
      border:1px solid #bababa !important;
    }

    #copyright { padding: 15px 0 0 0; }


  .footer-container #languages-block-top ul li a,
  .footer-container #languages-block-top ul li > span,
  .footer-container footer #footer.flexmenu a, .footer-container footer #footer.flexmenu span {
      padding: 0;
      line-height: 1.5em;
  }

  .footer-container footer #footer.flexmenu { margin-right: 50px; }
}

@media (min-width: 768px) and (max-width: 979px) {

}

@media (max-width: 767px) {

    .container {
      padding: 0 15px;
    }

    h1 { font-size: 20px !important; margin: 15px 0 !important; }
    .form-control { height: 35px; }

    #columns .row { position: relative; }

    #left_column {
      display: none;
      float: none;
      width: 100%;
      position: absolute !important;
      background: #1e1b1b;
      padding: 10px 0 2px 0;
      z-index: 1000;
    }

    #left_column a {
      color: white !important;
      margin-left: 10px;
    }

    #homepage-slider {
      width: 100% !important;
      margin: 0 !important;
    }

    #categories_block_left {
        width: auto;
    }

    #categories_block_left li li {
        float: left;
        width: 50%;
    }
   
    #page #header,
    #index #header {
      height: 56px;
    }
    .columns-container {
      padding-top: 153px;
    }
    .footer-container {
      clear: both;
    }

    #center_column, #top_column {
      margin-left:0;
    }
    #category #center_column {
      margin: 0;
    }

    #htmlcontent_home ul {
      margin: 10px -10px 0 0;
    }
    #htmlcontent_home ul li {
      padding: 0 0 0 10px;
    }
    #htmlcontent_home ul li:first-child {
      margin-left: -10px;

    }

    #index .rte {
      margin-left: 0;
    }
    #editorial_block_center table {
      table-layout:fixed
    }

    /*#editorial_block_center td {
      display: block;
      width: 100%;
      padding: 0;
      margin: 0 0 10px 0;
      text-align: center !important;
    }*/

    #block_various_links_footer ul, #block_various_links_footer li {
      float: none;
    }

    #block_various_links_footer {
      margin-top: 10px;
      position: relative !important;
      bottom: 0;
      width: 100%;
      background: #e5e5e5;
      clear: both;
    }

    #block_various_links_footer a {
      display: block;
      float: left;
      width: 50%;
      text-align: center;
      margin: 5px 0;
      padding: 0;
    }

    #authentication #center_column .row,  .account_creation {
      padding: 10px;
    }

    #cms #center_column img {
      margin: 0;
    }

    .cms-faq tr td:first-child {
      display: none;
    }

    .cms-faq tr td {
      padding: 0;
    }

    #cms.cms-la-marque .rte li {
      width: 100% !important;
      margin-bottom: 9px !important;
    }

    #product .pb-right-column {
      width: 100%;
      
    }

    .pb-right-column > div {
      position: static;
      margin-top: 0 !important;
    }

    #layer_cart {
        margin-left: 2%;
        margin-right: 2%;
        width: 96%;
    }

    .cart_block { display: none !important; }

  .delivery_options img {
    width: 50px;
  }

    body {
      background-color: white; 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
    }
    
    /** new design */

    #sidebar .fixed > * {
        padding: 10px;
    }

    /** header **/
    #page #logo,
    #index #logo {
        top:0;
        left: 50px;
        padding: 0;
        margin: 0;
        background: none;
        position: absolute;
    }

    #page #logo a,
    #index #logo a {
        font-size: 18px;
        line-height: 56px;
        height: 56px !important;
    }


    #page header #search_block_relative,
    #index header #search_block_relative {
        float: none;
        position: static;
    }

    header .shopping_cart {
        position: static;
    }

    #page header .header_user_info a,
    #index header .header_user_info a,
    header .shopping_cart > a,
    .header_whislist,
    #page header #search_block_top,
    #index header #search_block_top {
        line-height: 56px;
        height: 56px;
    }

    #page .shopping_cart > a,
    #index .shopping_cart > a,
    #page .header_whislist a,
    #index .header_whislist a {
        line-height: 56px;
    }

    #page header #search_block_top i,
    #index header #search_block_top i {
        line-height: 56px;
    }

    /* Display menu and sub menu */
    nav ul.flexmenu#top,
    nav ul.flexmenu#top ul,
    nav ul.flexmenu#top ul.fullwidth,
    nav ul.flexmenu#top ul.fullwidth ul ul {
        position: fixed !important;
        width: 70%;
        display: block !important;
        clear: both;
        /*display: none;*/
        float: none;
        background: #041c2c;
        height: 100%;
        transition: 0.5s;
        top: 56px;
        left: -200%;
        margin: 0 !important;
        padding: 0 !important;
        padding-bottom: 50px;
        z-index: 100000;
        -moz-column-count: auto !important;
        -webkit-column-count: auto !important;
         column-count: auto !important;
    }

    /** Menu columns **/
    nav ul.flexmenu#top ul.fullwidth > li.menu-columns > ul > .arrow_back,
    nav ul.flexmenu#top ul.fullwidth > li.menu-columns > .arrow_menu { 
        display: none; 
    }

    nav ul.flexmenu.open#top,
    nav ul.flexmenu#top ul.open,
    nav ul.flexmenu#top ul.fullwidth ul.open {
        width: 70%;
        left:0;
        transition: 0.5s;
        margin: 0;
        overflow: auto;
    }

    nav ul.flexmenu#top ul.fullwidth.open > li > ul {
        width: 100%;
    }

    ul.flexmenu#top > li {
        margin: 0;
    }

    ul.flexmenu#top li,
    ul.flexmenu#top li li {
        width: 100% !important;
        position: relative  !important;
        height: auto;
        display: block !important;
        float: none !important;
        top:0;
        padding: 0 !important;
        background: none;
        margin-bottom: 0; 
        margin-top: 0;
        text-align: left;
        background: #041c2c;
        -webkit-box-flex: 0 !important;
        -webkit-flex: none !important;
            -ms-flex: none !important;
                flex: none !important;
                clear: both;
    }

    ul.flexmenu#top li li {
        padding-left: 10px;
    }

    /** All links are the same */
    ul.flexmenu#top li a,
    ul.flexmenu#top li li a,
    ul.flexmenu#top li a.current,
    ul.flexmenu#top li li a.current,
    ul.flexmenu#top li span,
    ul.flexmenu#top li li span,
    ul.flexmenu#top li span.curent,
    ul.flexmenu#top li li span.curent{
        padding: 0 16px !important;
        text-transform: uppercase;
        background: none !important;
        text-decoration: none;
        display: block;
        cursor: pointer;
        text-align: left;
        display: block;
        line-height: 3.5em;
        color: #d4d4d4 !important;
        font-size: 12px;
    }

    ul.flexmenu#top li a:hover,
    ul.flexmenu#top li span:hover { 

    }

    #header .ion-navicon-round {
        font-size: 24px;
        color: white;
        position: absolute;
        top:0;
        left: 0;
        padding: 16px;
        cursor: pointer;
        font-weight: 400;
        z-index: 4000;
    }

     #top.flexmenu .arrow_menu {
        display: block !important;
        color: white;
        font-size: 16px;
        position: absolute;
        right: 0;
        width: 50px;
        text-align: center;
        top: 0;
        line-height: 42px;
        background-color: #061726;
    }

    #top.flexmenu .arrow_back {
        color: white;
        line-height: 42px;
        display: block !important;
        width: 100%;
        padding: 0;
        font-style: normal;
        text-transform: uppercase;
        margin-left: 16px;
    }

    #top.flexmenu .arrow_back:after {
        clear: both;
    }

    /** Content **/
    .button.exclusive-medium { font-size: 14px; font-weight: 400; }
    input.button_mini, input.button_small, input.button, button.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled, .button.button-medium {
        line-height: 35px;
        height: 35px;
        padding: 0 10px;
    }
    #page #main { padding-top: 71px; }
    #index #main { padding-top: 56px; }
    .breadcrumb { margin:0 0 15px 0 !important; text-align: left !important; }
    table {
        width: 100%;
        max-width: 100%;
    }

    table thead { display: none; }
    table th { display: none; }

    table tr {
        display: block;
        width: 100%;
        text-align: center !important;
        border-bottom: 1px solid #aaa; 
    }

    table td {
        max-width: 100% !important;
        width: 100% !important;
        display: block;
        text-align: center !important;
        border:none !important;
        padding: 5px 0 !important;
    }

    /** Produit **/
    .pb-left-column #views_block { position: static; }
    #thumbs_list li { display: inline-block; margin-right: 10px; margin-top: 10px; }
    .pb-center-column { clear: both;}

    /** Lookbook **/
    .lookbook_title h2 { font-size: 20px; }
    .lookbook_content { height: auto; }
    .lookbook_content h3 { font-size: 16px; }

    /** Boutiques **/
    #stores #map { width: 100%; }
    #stores .store { clear:both; float: none; width: 100%;}
    #stores .store_infos { position: static; width: 100%; display: block; padding: 15px; }
    #stores .store_infos h2 { font-size: 20px; }
    #stores .store_infos address, #stores .store_infos h3 { font-size: 14px; }

    /** Contact **/
    .contact-box { padding:15px; }

    /** Connexion **/
    #authentication .auth_block { height: auto; padding: 15px; }
    #authentication h3 { margin-bottom: 15px; }
    .account_creation { padding: 0; margin: 0; }

    /** Mon compte **/
    #account-title { font-size: 20px; }

    /** Cart **/
    #layer_cart .layer_cart_cart .button-container { position:static; padding: 0; }
    #layer_cart .layer_cart_cart, #layer_cart .layer_cart_product { min-height: auto; padding: 15px; }
    #layer_cart .layer_cart_product .product-image-container { float: none; }
    /*#layer_cart .layer_cart_cart .button-container .btn { float: right;}*/
    .table tbody > tr > td.cart_quantity .cart_quantity_button,
    a.cart_quantity .cart_quantity_input {
        float: none;
        display: inline-block;
    }

    .cart_voucher fieldset #discount_name { float: none; display: inline-block; }

    #order-opc #opc_account, #carrier_area { padding: 0 15px; }
    .order_carrier_content .carrier_title { font-size: 14px; text-align: center; }
    .delivery_option { border: none; }

    /** footer **/
    #prefooter #newsletter_block_left .block_content { margin-left: 0; }
    #prefooter #newsletter_block_left .block_content input[type=text] { width: 200px; }
    .prefooter #social_block li { padding-left: 15px;}
    /*.footer-container, .footer-container #languages-block-top ul li a, .footer-container #languages-block-top ul li > span { line-height: 35px; }*/
    #footer-home .flexmenu { }

    /** marque **/
    .marque1, .marque2, .marque3, .marque4, .marque5, .marque6, .marque7 { 
        color: #898989;
        font-size: 13px;
        background:none;
        height: auto; 
    }

    .marque1 > div, .marque2 > div, .marque3 > div,.marque4 > div,.marque5 > div, .marque6 > div, .marque7 > div {
        max-width: 100%;
        margin-bottom: 0;
    }

    /** Faq **/
    .cms-faq table tbody tr td {
        text-align: left !important;
    }

    .instagram-block { width: auto; height: auto; float: none; }

    .cms-presse .rte li {
        width: 50%;
    }
}