@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
      display: inherit !important;
  }

  .visible-desktop {
      display: none !important;
  }

  .visible-tablet {
      display: inherit !important;
  }

  .hidden-tablet {
      display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-desktop {
      display: inherit !important;
  }

  .visible-desktop {
      display: none !important;
  }

  .visible-phone {
      display: inherit !important;
  }

  .hidden-phone {
      display: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .row {
      margin-left: -20px;
      *zoom: 1;
  }

  .row:before,
  .row:after {
      display: table;
      line-height: 0;
      content: "";
  }

  .row:after {
      clear: both;
  }

  [class*="span"] {
      float: left;
      min-height: 1px;
      margin-left: 20px;
  }

  #page_wrapper,
  .wide_container {
      max-width: 768px;
  }

  .container {
      width: 724px;
  }

  #center_column.span12 #home_secondary_left,
  .span12 {
      width: 724px;
  }

  .span11 {
      width: 662px;
  }

  .span10 {
      width: 600px;
  }

  .span9 {
      width: 538px;
  }

  .span8 {
      width: 476px;
  }

  .span7 {
      width: 414px;
  }

  .span6 {
      width: 352px;
  }

  .span5 {
      width: 290px;
  }

  .span4 {
      width: 228px;
  }

  .span3 {
      width: 166px;
  }

  .span2 {
      width: 104px;
  }

  .span1 {
      width: 42px;
  }
}


@media (min-width: 640px) and (max-width: 767px) {
  #search_block_top form {
      max-width: 560px;
  }

  .container {
      width: 580px;
  }
}

@media (min-width: 480px) and (max-width: 639px) {
  #search_block_top form {
      max-width: 420px;
  }

  .container {
      width: 440px;
  }
}

@media (max-width: 479px) {
  .container {
      width: 100%;
  }
}

/* 980px <= width */
@media (max-width: 980px) {
  .hover_fly.hover_fly_static {
      position: absolute;
  }

  .hover_fly {
      width: auto;
      border-top: none !important;
      left: auto;
      right: 0;
  }
  .hover_fly > button,
  .hover_fly > a {
      border-top: none !important;
  }

  .hover_fly > button:first-child .c-btn__label,
  .hover_fly > a:first-child .c-btn__label {
      display: none;
  }
  .hover_fly > button:first-child .c-btn__ico,
  .hover_fly > a:first-child .c-btn__ico {
      margin-right: 0;
  }
  .hover_fly > button,
  .hover_fly > a {
      color: #fff;
  }

  .hover_fly.fly_3 > a:hover,
  .hover_fly.fly_3 > a,
  .hover_fly.fly_1 > a,
  .hover_fly.fly_2 > a:hover,
  .hover_fly.fly_2 > a,
  .hover_fly.fly_2 > button:hover,
  .hover_fly.fly_2 > button,
  .hover_fly.fly_3 > a,
  .hover_fly.fly_4 > a {
      display: block;
      width: 39px !important;
      position: relative;
      border-radius: 50%;
      margin-left: 4px;
  }

  .hover_fly .o-ico--basket.has-animate,
  .hover_fly .o-ico--heart.has-animate {
      margin-top: -7px;
      margin-right: 0;
  }

  #order .delivery_option label>table.resume,
  #order-opc .delivery_option label>table.resume {
      width: auto !important;
  }
}

/* Tablet (Portrait)
* 768px <= width < 979px */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .ac_results {
      display: none !important;
  }

  .logo_center #header_logo {
      max-width: 352px;
  }
}

/* All mobile
* width < 768px */
@media only screen and (max-width: 767px) {
  .row {
      margin-left: 0;
  }

  [class*="span"],
  .row-fluid [class*="span"] {
      display: block;
      float: none;
      width: 100%;
      margin-left: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }

  .span12 .row-fluid .span12 {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }

  /*footer*/
  #copyright_text,
  #paymants_logos {
      float: none;
      text-align: center;
      padding: 5px 0;
  }

  #footer-top .row .span3,
  #footer-primary .row .span3,
  #footer-secondary .row .span3,
  #footer-top .row .span6,
  #footer-primary .row .span6,
  #footer-secondary .row .span6,
  #footer-top .row .span9,
  #footer-primary .row .span9,
  #footer-secondary .row .span9,
  #footer-top .row .span12,
  #footer-primary .row .span12,
  #footer-secondary .row .span12 {
      float: none;
      padding: 0 10px 6px;
      margin-top: 0;
      margin-bottom: 6px;
      border-bottom: 1px solid #e5e5e5;
      position: relative;
  }

  #footer .row .span3:last-child {
      margin-bottom: 0;
      border-bottom: none;
  }

  #footer .title_block {
      margin: 0;
      padding: 10px 35px 10px 0;
  }

  .footer_block_content.keep_open {
      display: block;
  }

  .footer_block_content {
      display: none;
  }

  .open .footer_block_content {
      display: block;
  }

  #center_column #add_address p,
  #center_column #new_account_form p,
  #center_column #account-creation_form p,
  #contact fieldset p.textarea,
  #contact fieldset p.submit,
  #contact fieldset p.select,
  #contact fieldset p.text,
  #form_forgotpassword p,
  #contact #center_column p.desc_contact {
      width: 90% !important;
      padding-left: 5% !important;
      padding-right: 5% !important;
  }

  #add_address span.form_info,
  #add_address span.inline-infos,
  #contact #center_column p.desc_contact {
      margin-left: 0 !important;
  }

  #address p.inline-infos,
  #account-creation_form span.form_info,
  #account-creation_form p.inline-infos,
  #new_account_form p.inline-infos,
  #new_account_form span.form_info,
  #new_account_form span.inline-infos,
  #new_account_form p.checkbox input {
      margin: 0 !important;
  }

  #new_account_form p.radio span,
  #new_account_form p.password label,
  #new_account_form p.textarea label,
  #new_account_form p.select label,
  #new_account_form p.select span,
  #new_account_form p.text label,
  #identity .std p.radio span,
  #account-creation_form p.text label,
  #account-creation_form p.password label,
  #account-creation_form p.select span,
  #account-creation_form p.select label,
  #account-creation_form p.textarea label,
  #account-creation_form p.radio span,
  #contact p.text label,
  #contact p.textarea label,
  #contact p.select span,
  #contact p.select label,
  #add_address p.password label,
  #add_address p.select span,
  #add_address p.select label,
  #add_address p.textarea label,
  #add_address p.text label,
  #form_forgotpassword p.text label,
  #identity .std p.password label,
  #identity .std p.select label,
  #identity .std p.text label,
  #send_friend_form .form_container .text label {
      width: auto !important;
      padding: 0 0 5px 0 !important;
      display: block !important;
      float: none !important;
      text-align: left !important;
  }

  #new_account_form p.text input,
  #new_account_form p.password input,
  #new_account_form p.select input,
  #new_account_form p.textarea textarea,
  #account-creation_form p.text input,
  #account-creation_form p.password input,
  #account-creation_form p.select input,
  #contact p.text input,
  #contact p.select input,
  #contact p.select select,
  #contact p.textarea textarea,
  #add_address p.text input,
  #add_address p.password input,
  #add_address p.select input,
  #add_address p.textarea textarea,
  .wrapper_block .input-box,
  .wrapper_block input.input-text,
  .wrapper_block textarea,
  .wrapper_block select,
  #form_forgotpassword p.text input[type="text"],
  #identity .std p.text input,
  #identity .std p.password input,
  #order-opc #opc_delivery_methods textarea,
  #send_friend_form .form_container .text input,
  #module-blockwishlist-mywishlist #mywishlist p.text input,
  #gift_div #gift_message {
      width: 90% !important
  }

  #identity .std p.checkbox input,
  #account-creation_form p.checkbox input,
  #contact p.submit input,
  .address_select,
  #order-opc #new_account_form p.opc-required,
  #order-opc #new_account_form p.submit {
      margin-left: 0;
  }

  #identity .std #security_informations,
  #identity .std p.submit,
  #new_account_form #opc_account_choice .opc_float p {
      padding-left: 0 !important;
  }

  ul.step li {
      float: none !important;
      margin: 0 auto;
      width: 80%;
  }

  ul.step li a,
  ul.step li span {
      display: block;
      border: 1px solid #ccc;
      border-bottom-width: 0;
  }

  ul.step li:last-child a,
  ul.step li:last-child span {
      border-bottom-width: 1px;
  }

  #order-opc #opc_delivery_methods textarea {
      width: 100% !important;
  }

  .delivery_option_carrier {
      width: auto !important;
  }

  .addresses ul.address {
      width: 100% !important;
      float: none !important;
      margin-right: 0 !important;
  }

  .addresses ul.address:last-child {
      margin-top: 10px !important
  }

  #ordermsg .textarea textarea {
      width: 90% !important;
  }

  #userinfo_mod {
      clear: both;
      float: none;
  }

  #footer_info .span6,
  #footer_info_r {
      text-align: center;
  }

  span.view_scroll_spacer,
  #view_scroll_right,
  #view_scroll_left,
  .zoomdiv {
      display: none !important;
  }

  table#cart_summary,
  table#order-list,
  #shipping-detail-content table,
  #order-detail-content table,
  #order-detail-content table {
      border-top: none;
  }

  table#cart_summary tr,
  table#order-list tr,
  #shipping-detail-content table tr,
  #order-detail-content table tr,
  table#my_vouchers_list tr {
      display: block;
      border-bottom: 3px solid #ddd;
  }

  table#cart_summary td,
  table#order-list td,
  #shipping-detail-content table td,
  #order-detail-content table td,
  table#my_vouchers_list td {
      display: block;
      overflow: hidden;
      width: auto !important;
  }

  table#cart_summary td .mobile_table_title,
  table#order-list td .mobile_table_title,
  #shipping-detail-content table td .mobile_table_title,
  #order-detail-content table td .mobile_table_title,
  table#my_vouchers_list td .mobile_table_title {
      float: left;
      font-weight: bold;
  }

  table#cart_summary td .mobile_table_content,
  table#order-list td .mobile_table_content,
  #shipping-detail-content table td .mobile_table_content,
  #order-detail-content table td .mobile_table_content,
  table#my_vouchers_list td .mobile_table_content {
      margin-left: 130px;
      text-align: left;
  }

  #cart_voucher {
      width: 100% !important;
      float: none;
  }

  #cart_summary_total {
      width: 100% !important;
      float: none;
  }

  #columns {
      position: relative;
  }

  #left_column,
  #right_column {
      position: absolute;
      top: -50000px;
      padding: 0 1em;
      background: #ffffff;
      -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
      box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
      z-index: 105;
  }

  #left_column {
      left: 0;
  }

  #right_column {
      right: 0;
  }

  #left_column.span3,
  #right_column.span3 {
      width: 270px;
  }

  #left_column.opened,
  #right_column.opened {
      top: 0;
  }

  #to_top_wrap {
      float: left;
  }

  #to_top_wrap {
      display: block !important;
      opacity: 1 !important;
      filter: alpha(opacity=100) !important;
  }

  #to_top_wrap a.icon_wrap {
      border: none;
  }

  #footer_info {
      margin-bottom: 48px;
  }

  .ac_results {
      display: none !important;
  }

  #cart_block {
      display: none !important;
  }

  .icon_wrap .amount_circle {
      right: auto;
      left: 50%;
  }

  .logo_center #header_right #search_query_top {
      display: inline-block;
      position: static;
  }

  .logo_center #shopping_cart,
  .logo_center #shopping_cart .ajax_cart_right,
  .logo_center #submit_searchbox {
      border-color: #E5E5E5;
  }

  .logo_center #header_left,
  .logo_center #logo_wrapper,
  .logo_center #header_right {
      height: auto !important;
      display: block !important;
  }

  .logo_center #header_logo_inner,
  .logo_center #header_left_inner,
  .logo_center #header_right_inner {
      display: block !important;
  }

  .inline_list li .cat_name {
      display: block;
      clear: left;
  }

  #version_switching .span12 {
      text-align: center;
  }

  .order_delivery ul.address {
      width: 100%;
  }

  .order_delivery ul.address.first_item {
      margin-right: 0;
      margin-bottom: 1em;
  }
}

/* All small mobile
* width < 480px */
@media only screen and (max-width: 479px) {

  .nbrItemPage {
      display: none;
  }

  .dialog_message {
      width: 210px;
      padding: 0px;
  }

  .dialog_pro_img {
      display: none;
  }

  .dialog_pro_info {
      width: 210px;
  }

  #cart_block {
      display: none !important;
  }

  .dialog_action {
      text-align: center;
  }

  .dialog_action .button:first-child {
      margin-bottom: 10px;
  }

  .dialog_action .button,
  .dialog_action #button_order_cart {
      float: none !important;
  }

  #opc_account_choice .opc_float {
      float: none;
      width: auto;
  }
}