/*
  Responsive points are calculated based on base/body font size , e.g. 768px/16px
*/
@media screen {
  .container { width:98%; }
}

@media screen and (max-width: 60em) { /* 960px */
  .content .main { width:64%; }
  .content .side { width:33%; }

  .settings_section fieldset input,
  .settings_section fieldset textarea { margin:0; width:70%; }
  .settings_section fieldset div input[type=radio],
  .settings_section fieldset div input[type=checkbox] { width:auto !important; }

  .fb-login { width:70%; }
  
  .alert_content .wrapper { width:100%; }
}

@media screen and (max-width: 48em) {
  .content .main, .content .side { float:none; width:100%; }
  .static .side { margin-top: 2em; }
  .mobile_topbar { display:block; }

  .category_title .open_menu_link { display:inline-block; }
  .menu_categories, .menu_static,
  #basket_holder, .shop_info_holder { display:none; position:absolute !important; left:0; top:0; z-index:1010 !important; }
  .banners { display:none; }

  .menu_categories, .menu_static,
  .basket_holder, .shop_info_holder { width:100%; }

  .basket_holder, .shop_info_holder { margin:0; padding:.3em 0; background-color: #fff; }
  .basket_content, .info_block { margin:0 auto; max-width:28.125em; }

  .basket_items .repeat_link { margin-top: .5em; }

  .menu_static { display:none; }
  .menu .order_button { display:none; }
  .menu_categories .wrapper, .menu_static .wrapper { width:100%; }
  .menu .order_button ~ ul { float:none; }
  .menu_categories li, .menu_static li { display:block; margin:0; }
  .menu_categories a, .menu_static a { display:block; }

  .products_list .category_title { display:none; }

  .popup_holder { width:100%; }
  .basket_popup .item_options ul li { margin-left:2%; width:48%; }

  .step_nav { display:none; }
  .side section { margin-bottom:0; }

  .page_account .menu,
  .page_account_edit .menu,
  .page_orders .menu { display:none; }

  .page_account .main_wrapper .settings_section:first-child > header ,
  .page_account_edit .main_wrapper .settings_section:first-child > header,
  .page_orders .main_wrapper .settings_section:first-child > header { display:block; }

  .settings_section fieldset .inline_fields label { display:block; margin:1em 0 .3em; width:100%; }
  .inline_fields label { display:inline !important; margin:0 !important; width:auto; }

  .settings_section fieldset div > label:first-child { margin:0 0 .3em; width:100%; text-align:left; }
  .settings_section fieldset .empty_col { margin-top:0; margin-left:0; width:100%; }
  .settings_section fieldset .empty_col > label:first-child { margin:0; }

  .settings_section fieldset .forgot_password { margin-left: 0; padding-left: 0;}
  .settings_section fieldset .form_label_hint { display:block; margin-left:0; }

  .order_list .order_content { padding:0; }
  .order_list .order_item { margin:0; }

  .page_orders .settings_section footer { display:block; }
  .settings_section footer .menu_link { display:inline-block; }

  .fb-login { margin-left: 0; width:70%; }
  
  .flash-message { top:auto; bottom:0; }
  .flash-message__wrapper { width:100%; max-width:none; }
  .flash-message__content { padding: .5em 1em; font-size: 2.5rem; border:none; border-radius:0; box-shadow:none; }

  .footer .copyright,
  .footer .footer_links,
  .footer .footer_text { float:none; max-width:none; text-align:center; }
  .footer .footer_text ~ .footer_links { margin-top: .5em; max-width:none; }
  .footer .footer_links li { margin-left:.3em; margin-right:.3em; }
  .footer .footer_links .shop_info { display:inline-block; }
}

@media screen and (max-width: 30em) {
  .prod_details .form_skus { clear:left; }

  .basket_popup .item_options ul li { float:none; margin-left:0; width:100%; }
  .basket_popup .deal_item_details { margin-left:0; }

  .settings_section fieldset div input,
  .settings_section fieldset textarea { width:96%; }

  .settings_section fieldset > .empty_col > label:first-child { margin-left:0; }

  .form_content_layout div span { margin-right:0; width:100%; text-align:left; }

  .fb-login { width:100%; }
  
  .kiosk_reset_popup { top:10%; left:0; margin:0; padding:1em 0 2em; }
}

@media screen and (max-width: 20em) {
  .mobile_topbar .basket_view { min-width: 0; }
  .prod_block .prod_icon { float:none; margin:0 0 .7em; max-width:100%; }
  .prod_block .prod_icon img { display:none; }
  .prod_details .form_skus li { margin-bottom:.3em; }
}