/*  #Mobile (Portrait) width of 320px 
================================================== */
@media only screen and (max-width: 650px) {

    /* ************************************************************************************************
     GENERAL STYLE
    ************************************************************************************************ */
    #wrapp {
        width: 100%;
    }

    #wrapp_bg_bottom {
        padding-top: 0;
    }

    #white-box {
        width: auto;
    }

    body {
        padding: 0;
    }
    
    #header {
        padding: 0 0 6px;
    }

    .breadcrumb .breadcrumb-home {
        margin: 8px 0 -5px 0px;
        display: inline-block;
    }
    
    .breadcrumb a {
        font-size: 12px;
    }

    select {
        height: 35px;
        line-height: 35px;
    }

    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }

    /* .bloc-title .back-title {
        line-height: 150px;
    }

    .bloc-title .front-title {
        font-size: 14px
    }

    .bloc-title .back-title {
        font-size: 50px;
    } */

    a.link {
        font-size: 16px
    }

    .row_category img {
        height: 145px;
    }

    /* ************************************************************************************************
    FORM
    ************************************************************************************************ */
    form.std .text input, form.std .password input, form.std .select select, form.std .textarea textarea {
        width: 100%;
    }

    #add_address label {
        display: block;
    }

    #multishipping_mode_box, .address-form-multishipping {
        display: none;
    }

    #order #loyalty {
        margin: 0 0 15px;
        padding: 10px 0;
    }

    #contact_form p {
        margin-bottom: 6px;
    }

    /* ************************************************************************************************
    HEADER
    ************************************************************************************************ */
    .main-mobile-menu {
        display: block;
        margin: 0px 0px 0px 0px
    }

    #header_user #shopping_cart .ajax_cart_product_txt, #header_user #shopping_cart .ajax_cart_product_txt_s {
        display: none !important;
    }

    .header-menu {
        right: 0.7rem;
        gap: 3rem;
    }

    /* #header_user .ajax_cart_quantity,
    #header_user .ajax_cart_no_product {
        right: 8rem;
    } */


    .alert_cart {
        background: #000;
        width: 310px;
        position: fixed;
        left: 50%;
        top: 0;
        margin-left: -155px;
        z-index: 9998;
    }

    .alert_cart a {
        display: block;
        padding: 21px 40px 22px 50px;
        height: 42px;
        font-size: 12px;
        color: #fff;
        font-weight: bold;
        position: relative;
        z-index: 9997;
    }

    .alert_cart span {
        background: url(../img/delete_top.png) center 10px no-repeat;
        width: 35px;
        height: 35px;
        position: absolute;
        right: 5px;
        top: 23px;
        cursor: pointer;
        z-index: 9999;
    }

    .alert_cart span:hover {
        background-position: center -50px;
    }

    .alert_cart img {
        position: absolute;
        left: 10px !important;
        top: 10px !important;
        width: 40px !important;
        height: 61px !important;
        z-index: 9995
    }

    .alert_cart a:hover {
        color: #a9a9a9;
    }

    .alert_cart img {
        border: 2px solid #999;
        position: relative;
        background: #fff;
    }

    .nbrItemPage.nbr_page .b-core-ui-select {
        margin-left: 5px;
    }

    footer .modules {
        border: none;
    }

    /* ************************************************************************************************
    MOBILE MENU TOP
    ************************************************************************************************ */
    .mobile-link-top {
        display: block;
        background: #fff;
    }

    .mobile-link-top h4.act {
        background: #333;
    }

    .mobile-link-top p.act {
        background: #333;
    }

    .mobile-link-top h4 {
        margin: 0;
        display: block;
        height: 30px;
        padding: 11px 0 9px 0;
    }

    .mobile-link-top p {
        margin: 0;
        display: block;
        height: 30px;
        padding: 11px 0 9px 0;
    }

    .mobile-link-top h4 .arrow_header_top_menu.arrow_header_top {
        position: static;
        margin: 0px auto 0 auto;
        font-size: 25px;
        text-align: center;
        display: block;
        color: #6E6E6E;
    }

    .mobile-link-top p .arrow_header_top_menu.arrow_header_top {
        position: static;
        margin: 0px auto 0 auto;
        font-size: 25px;
        text-align: center;
        display: block;
        color: #6E6E6E;
    }

    .mobile-link-top h4.active {
        color: #747474;
    }

    .mobile-link-top p.active {
        color: #747474;
    }

    body#index a.header_links_home, #sitemap a.header_links_sitemap, #contact a.header_links_contact, #cms a.header_links_delivery, #stores a.header_links_store {
        color: #000;
    }

    #mobilelink {
        list-style: none;
        width: 140px;
        position: absolute;
        top: 51px;
        left: 0px;
        display: none;
        z-index: 101;
    }

    #mobilelink a {
        text-transform: capitalize;
    }

    #mobilelink a.blog_menu {
        background-image: none;
        color: #6e6e6e;
        background-color: transparent;
        width: 100%;
    }

    #mobilelink a.blog_menu:hover {
        color: #000;

    }

    .blog {
        display: none;
    }

    /* ************************************************************************************************
            LANGUAGES CURRENCIES
    ************************************************************************************************ */
   /* #languages_block_top.mobile-open, #currencies_block_top.mobile-open {
        background: #333;
    }

    /* #languages_block_top, #currencies_block_top {
        top: 0px;
        text-align: center;
        width: 25%;
        height: 50px;
        background: #000;
        border: none;
    } 

    #languages_block_top p, #currencies_block_top p.inner-carrencies {
        padding: 15px 0 15px 0;
        border-right: 1px solid #444;
    }

    #countries_2 .countries_ul, #setCurrency .currencies_ul {
        left: -1px;
        top: 51px;
        width: 140px;
        text-align: left;
    }*/

    /* languages */
   /* #languages_block_top {
        right: 50%;
    }

    #languages_block_top p {
        font-size: 15px;
    }

    #languages_block_top p .arrow_header_top {
        margin: 0px 0px 0px 0px;
        background: none;
        position: absolute;
        right: 20%;
        padding: 6px 5px 5px 5px;
        font-size: 12px;
        color: #6E6E6E;
    }*/

    /* currencies */
   /* #currencies_block_top {
        right: 25%;
    }

    #currencies_block_top p.inner-carrencies {
        font-size: 15px;
    }

    #currencies_block_top p .arrow_header_top {
        margin: 0px 0px 0px 0px;
        background: none;
        position: absolute;
        right: 20%;
        padding: 6px 5px 5px 5px;
        font-size: 12px;
        color: #6E6E6E;
    }


    #currencies_block_top p.inner-carrencies,
    #languages_block_top p,
    .mobile-link-top h4 {
        background: white;
    }*/

    /* ************************************************************************************************
            BLOCK SHARE LINKS
    ************************************************************************************************ */
    .share-fb__link {
        padding: 10px;
    }

    .share-fb__link svg {
        transform: scale(0.8);
    }

    .share-fb__text {
        font-size: 14px;
    }

    /* ************************************************************************************************
            BLOCK HEADER USER INFO LOGIN/LOGOUT
    ************************************************************************************************ */
    /* ************************************************************************************************
    PAGE CONTACT
    ************************************************************************************************ */
    #contact_form p.submit {
        padding-top: 20px;
    }

    #contact_form p {
        padding-top: 7px;
        padding-left: 0;
    }

    #contact_form label {
        float: none;
        display: block;
        text-align: left;
        margin-bottom: 7px;
    }

    #contact_form input {
        float: none;
    }

    #contact_form .text input {
        width: 100%;
    }

    #contact_form select {
        width: 100%;
    }

    #contact_form .select select {
        width: 100%;
    }

    #contact_form textarea#message {
        width: 100%;
    }

    /* ************************************************************************************************
    PAGE MANUFACTURE ADN SUPLIER
    ************************************************************************************************ */
    .mnf_sup_list li {
        height: auto;
        overflow: hidden;
        padding: 0px 0 20px 0;
    }

    .mnf_sup_list li .right_side {
        float: left;
        border: none;
        padding-left: 0;
        width: 100%;
        padding-top: 2px;
    }

    .mnf_sup_list li .left_side {
        float: none;
        padding: 0 0 0 0px;
        width: 100%;
        border: none;
    }

    .mnf_sup_list li .left_side div a em.des-small {
        display: block;
        font-style: normal;
    }

    .mnf_sup_list li .left_side div a span {
        display: none;
    }

    .mnf_sup_list li .logo {
        margin-right: 24px;
    }

    .mnf_sup_list li .logo img {
        margin-top: -3px;
    }

    .mnf_sup_list li .left_side div {
        float: left;
    }

    .mnf_sup_list li .right_side p {
        float: left;
    }

    .mnf_sup_list li .right_side p {
        padding-top: 20px;
        padding-right: 20px;
    }

    /* ************************************************************************************************
    PAGE STORES AND SITEMAP
    ************************************************************************************************ */
    div#stores_block p.text input {
        width: 286px;
        height: 35px;
        line-height: 35px;
        padding: 1px 1px 1px 10px;
    }

    div#stores_block p.select select {
        height: 35px;
        line-height: 35px;
    }

    div#center_column ul.tree a {
        font-size: 14px;
    }

    #center_column .nbresult {
        margin-bottom: 10px;
        padding-top: 0;
    }

    #center_column {
        background: none;
    }

    /* ************************************************************************************************
    BOX COL
    ************************************************************************************************ */
    .column .block {
        margin: 0 0 0px 0;
    }

    .column .block h4 .column_icon_toggle {
        padding: 0;
        display: block;
        float: right;
        margin: 2px 0px 0 0;
    }

    .column .block h4.active .column_icon_toggle {
    }

    .column .block h4:hover {
        cursor: pointer;
    }

    #layered_form .b-core-ui-select {
        width: 284px;
    }

    #layered_form div div ul {
        position: relative;
    }

    #layered_form .select {
        width: 306px;
        height: 32px;
        left: 0 !important;
        top: 15px !important;
    }

    #layered_form > div > div select {
        width: 40px;
    }

    .products_block ul li > div {
        width: 190px;
    }

    .products_block ul li a.products_block_img {
        width: 60px;
    }

    #cart_block .products .price {
        width: 128px;
    }

    .des-main {
        display: none;
    }

    .des-mob {
        display: block;
    }

    .column .block .store_list {
        margin: 0 0 0 0;
    }

    #stores_block_left p {
        text-align: center;
    }

    /* ************************************************************************************************
    PAGINATION AND SORT AND SUBCATEGORY BLOCK
    ************************************************************************************************ */
    .product_view {
        display: none;
    }

    .form_compare {
        display: none;
    }

    .product_sort {
        margin-right: 0px;
        float: none;
    }

    #itempage {
        float: none;
        margin: 20px 0 0 0;
    }

    .product_sort #productsSortForm label {
        margin-bottom: 7px;
        padding: 0;
        float: none;
    }

    .product_sort #productsSortForm select {
        float: none;
        margin: 0 0 10px 0;
        width: 300px;
    }

    #subcategories {
        margin-bottom: 5px;
    }

    #subcategories ul {
        margin-left: -10px;
    }

    #subcategories ul li {
        width: 145px;
        margin-right: 0;
        margin-left: 10px;
    }

    .lnk_more, #subcategories ul li .lnk_more {
        letter-spacing: 0.01em;
    }

    .bottom_pagination {
        margin-top: 10px;
        padding: 10px 0 1px 0;
    }

    #subcategories ul li .lnk_more {
        min-height: 28px
    }

    .bottom_pagination > form {
        float: right;
        margin: 3px 0 10px 0;
    }

    .product_sort form {
        margin: 0;
    }

    #pagination {
        margin-bottom: 10px;
    }

    #productsSortForm {
        margin-bottom: 10px;
    }

    #product_comments_block_extra .comments_advices a.read_rew {
        margin-bottom: 10px;
        border: none;
        padding-right: 0;
        margin-right: 0;
    }

    .row_compare_mobile {
        width: 300px;
        overflow: auto;
    }

    #categories_block_left h4 {
        padding: 10px;
    }

    /* ************************************************************************************************
    PRODUCT LIST
    ************************************************************************************************ */
    .column .block h4 {
        padding: 10px 10px;
        margin-bottom: 0;
    }

    .column .block_content {
        padding-bottom: 21px;
    }

    #right_column.column .toggle_content, #left_column.column .toggle_content {
        padding-bottom: 10px;
        padding-top: 20px;
    }

    #right_column.column ul.toggle_content, #left_column.column ul.toggle_content {
        padding-top: 0px;
    }

    #tags_block_left p {
        margin-bottom: 0;
    }

    /* ************************************************************************************************
     PAGE NOTFOUND
    ************************************************************************************************ */
    .pagenotfound form label {
        display: block;
        padding-bottom: 4px;
        font-weight: bold;
        color: #333;
    }

    .pagenotfound form input {
        line-height: 35px;
        height: 35px;
    }

    .pagenotfound h1 {
        margin-top: 10px;
    }

    /**********************************************************************************************
    ORDER STEP
    ***********************************************************************************************/
    p.cart_navigation .exclusive, p.cart_navigation .exclusive_large {
        float: right;
        margin-bottom: 0px;
        padding-left: 9px;
        padding-right: 9px;
    }

    #order_steps {
        width: 280px;
        overflow: hidden;
        margin: 20px auto 20px auto;
        list-style: none;
        height: 200px !important;
    }

    #order_steps li.even:first-child {
        background: #9c9c9c;
    }

    #order_steps li.even.step_current:first-child {
        background: #202020;
    }

    #order_steps li.even {
        background: url(../img/marker-order2.png) center 0px no-repeat #9c9c9c;
    }

    #order_steps li.odd {
        background: url(../img/marker-order2.png) center 0px no-repeat #777777;
    }

    #order_steps li {
        width: 280px;
        height: 40px;
        float: none;
        text-align: center;
    }

    #order_steps li a, #order_steps li span {
        display: inline-block;
        padding: 6px 0 0 5px;
        font: bold 14px "Arial";
    }

    #order_steps li span {
        color: #ffffff;
        font-weight: bold;
    }

    #order_steps li span span {
        color: #ffffff;
        font-weight: bold;
        font-size: 14px;
        line-height: 14px;
        float: none;
        text-align: center;
    }

    #order_steps li.even.step_current {
        background: #202020;
    }

    #order_steps li.odd.step_current {
        background: #202020;
    }

    #order_steps li a {
        font-weight: bold;
        color: #ccc;
        text-decoration: none;
        padding: 0;
    }

    #order_steps li a:hover {
        color: #fff;
    }

    .list-order-step .img-order img {
        width: 71px;
        height: 71px;
    }

    ul#address_delivery, ul#address_invoice {
        width: 86%;
        margin-bottom: 10px;
        display: block;
        padding-bottom: 10px;
    }

    #availableCarriers_table th {
        font-size: 12px;
        word-wrap: break-word;
        white-space: normal;
    }

    /**********************************************************************************************
    SHOPPING CART PAGE
    ***********************************************************************************************/
    #compare_shipping #availableCarriers_table {
        margin: 0;
    }

    #order #right_column {
        padding-top: 20px;
    }

    table#cart_summary td.cart_product {
        padding-right: 20px;
        width: 100px;
    }

    #order-detail-content #cart_summary td.cart .div_cart_quantity_delete a {
        margin-left: 9px;
    }

    #order-detail-content .title-th.cart_quantity_title {
        display: none;
    }

    form#voucher fieldset p input.discount_name {
        width: 258px;
    }

    #compare_shipping_form p select {
        width: 100%;
    }

    #compare_shipping_form p select option {
        padding: 7px;
    }

    #compare_shipping_form #compare_shipping .SE_SubmitRefreshCard {
        padding-left: 0px;
        padding-top: 20px;
        text-align: center;
    }

    .list-order-step .cart_quantity_input.text {
        width: 32px;
    }

    .list-order-step #cart_quantity_button span {
        margin-right: 6px;
    }

    #compare_shipping_form #compare_shipping .SE_SubmitRefreshCard input {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    #order #HOOK_SHOPPING_CART {
        margin-bottom: 20px;
    }

    #compare_shipping_form p input {
        width: 100%;
    }

    #account-creation_form h3 {
        margin: 10px 0 15px 0;
        padding: 3px 8px 10px 10px;
    }

    table#order-list td.history_detail {
        border-bottom: 1px solid #ccc !important;
    }

    #order-detail-content table td strong {
        font-weight: bold;
        color: #333;
        margin-right: 7px;
    }

    #order-detail-content table .totalprice td {
        border-bottom: 1px solid #E5E5E5 !important;
    }

    #shipping-table .tds-5 {
        border-bottom: 1px solid #E5E5E5 !important;
    }

    #shipping-table thead {
        display: none;
    }

    #sendOrderMessage select option {
        padding: 5px;
        width: 268px;
    }

    .addresses #id_address_delivery {
        width: 100%;
    }

    .addresses .address_delivery select option {
        padding: 5px;
    }

    #order-detail-content table td {
    }

    #order-detail-content table#cart_summary td {
        border-bottom: 0;
        display: table-cell;
        font-size: 12px;
    }

    #order-detail-content table#cart_summary input.cart_quantity_input {
        width: 35px;
    }

    #order-detail-content table#cart_summary td {
        padding-right: 0px;
    }

    #order-detail.bilan_nut {
        display: none;
    }

    -content table#cart_summary td.cart_product {
        padding-right: 10px;
    }

    #order-detail-content table.multishipping-cart td strong {
        font-weight: bold;
        color: #333;
        margin-right: 7px;
        clear: both;
        color: #333333;
        display: block;
        float: none;
        font-weight: bold;
        margin-right: 7px;
        padding-bottom: 7px;
        width: 100%;
    }

    #order-detail-content table.multishipping-cart td {
        display: block !important;
        border-bottom: 0 !important;
    }

    #order-detail-content table.multishipping-cart thead {
        display: none;
    }

    .multishipping-cart .cart_quantity {
        width: auto;
        overflow: hidden;
    }

    #order-detail-content table.multishipping-cart td select option {
        padding: 5px;
    }

    .order_delivery {
        padding-top: 7px;
    }

    #module-cheque-payment form {
        margin-bottom: 0;
    }

    form#voucher fieldset h4 {
        float: none;
        padding: 0 0 10px 0
    }

    p.payment_module {
        padding-top: 0px;
    }

    p.payment_module + p {
        padding-top: 20px;
    }

    .ordercart-title {
        padding: 0px 0 14px 0;
    }

    #block-order-detail .address.alternate_item {
        margin-right: 0;
    }

    #block-order-detail .adresses_bloc ul {
        margin-left: 0px;
        padding: 6px 5%;
        width: 100%;
    }

    #module-cheque-payment #columns p.cart_navigation a, #module-bankwire-payment #columns p.cart_navigation a {
        display: block;
        float: none;
        text-align: center;
    }

    #module-cheque-payment #columns p.cart_navigation input, #module-bankwire-payment #columns p.cart_navigation input {
        width: 100%;
        float: none;
    }

    #module-bankwire-payment #columns p.cart_navigation input {
        margin-bottom: 20px;
    }

    .order_delivery .address.first_item, ul#address_delivery, .order_delivery .address.alternate_item, ul#address_invoice {
        width: 100%;
        margin-right: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    #module-referralprogram-program #idTab3 table th {
        font-size: 11px;
    }

    #module-referralprogram-program #idTab3 table th, #module-referralprogram-program #idTab3 table td {
        padding-left: 2px;
        word-wrap: break-word;
        padding-right: 2px;
    }

    #module-referralprogram-program #idTab3 {
        overflow: auto;
    }


    a.exclusive.ajax_add_to_cart_button.btn_add_cart {
        float: right;
    }

    .main_page_products ul li .button {
        display: inline-block;
        margin: 20px 15px 0px 0;
        float: righ !important
        t;
    }

    p.userinfo {
        opacity: 1;

    }

    .bilan_nut {
        display: none;
    }

    .product_image {
        left: 55px;
    }

    .main_page_products h1 {
        font-size: 12px;
    }

    /* .span_customcontent { */
    /* width: 97px !important; */
    /* display: inline  !important;; */
    /* margin-right: 10px  !important;; */
    /* } */
    .span_customcontent img {
        width: 42%;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    .customcontent-home {
        width: 100%;
        margin-top: 27px;
    }

    #addhomefeatured {
        width: 100%;
    }

    .main_page_products ul li.alpha {
        clear: none;
        margin-left: 0px !important;
    }

    .ajax_block_product {
        width: 100%;
    }


    #editorial_block_center {
        width: 96%;
    }
    
    #menu-wrap {
        top: 82px;
    }

    .block_contact {
        display: none !important;
    }

    #header-inner {

    }

    .block_phrase {
        display: none !important;
    }

    /* #header_logo {
        top: 140px;
        left: 15%;
    } */

    .navbar {
        left: 0px;
        position: relative;
        width: 279px;
        /* min-height: 50px; */
        margin-bottom: 20px;
        border: 1px solid transparent;
        background-color: #282828;
        color: white;
    }


    #pb-left-column {
        /* position: absolute !important; */
        /* top: 605px !important; */
        /* width: 88% !important; */
        /* margin-left: 5% !important; */
        /* left: 0 !important; */
        margin: 0;
        overflow: hidden;
        width: 100%;
    }

    div#ui-id-6 img {
        margin-left: -17px !important;
        width: 238px;
        height: 100%;
    }

    .breadcrumb_inset a {
        font-size: 10px !important;
    }

    .breadcrumb_inset {
        font-size: 10px !important;
    }

    #ui-id-8 th {
        display: list-item;
    }

    #ui-id-8 td {
        display: list-item;
    }

    #usefull_link_block {
        display: none;
    }

    /* #header-inner .logo {
        position: absolute;
         top: -57px; 
        top: -80px;
        margin-left: -37px;
    } */

    #primary_block #pb-right-column {
        margin: 0 !important;
        float: left !important;
    }

    .extra-box-product {
        /*display: none;*/
    }

    .row, .thumbnails {
        margin-left: 0;
        width: 100%;
    }

    #white-box {
        margin: 0px 0px 0px 0px;
    }


    /* #header_user #shopping_cart span { */
    /* margin-right: -8px; */
    /* width: 40px; */
    /* top: -11px; */
    /* height: 40px; */
    /* padding: 11px 0px 0px 6px; */
    /* text-shadow: 2px 0 0 #4A4A4A, -2px 0 0 #4A4A4A, 0 2px 0 #4A4A4A, 0 -2px 0 #4A4A4A, 1px 1px #4A4A4A, -1px -1px 0 #4A4A4A, 1px -1px 0 #4A4A4A, -1px 1px 0 #4A4A4A; */
    /* } */
    .shop_box_row {
        border-bottom: 1px solid #cccccc;
        margin-top: 67px;
    }

    #pagination {

        margin-left: 0% !important;
    }

    #header_user #shopping_cart i {
        left: 90px !important;
        width: 60px !important;
    }

    .quisommenous {
        display: none;
    }

    .contactnous {
        display: none;
    }
}

@media only screen and (max-width: 650px) {
    /*logo size */
    #white-box {
        width: 100%;
    }

    .center_column .locationbutton {
        padding-bottom: 15px;
    }


    /* .shopping_cart_title { */
    /* display:none !important; */
    /* } */
    /* #header_user { */
    /* width: 149px; */
    /* height: 66px; */
    /* float: right; */
    /* position: absolute; */
    /* right: 0; */
    /* top: 10px; */
    /* margin-top: 0px; */
    /* z-index: 99; */
    /* border: 0px solid #eee; */
    /* } */
    .enstock {
        color: green;
        font-size: 20px;
        float: left;
        margin-left: 5%;
        margin-right: 29px;
    }


}

@media only screen and (max-width: 480px) {
    .bloc-title .back-title {
        font-size: 40px;
        /* line-height: 125px; */
    }
}