/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_blank
 * @copyright   Copyright (c) 2011 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Reset ================================================================================= */

.sf-menu-block {
		display: none;
	}
/* ======================================================================================= */


/* #Tablet (Portrait)
================================================== */

@media only screen and (max-width: 995px) {

.sf-menu-phone {display: none;}
  /* menu icon */
.sf-menu-phone > li.subcat {
  display: none;
}
 .sf-menu-block {display: block; position: relative; margin:0 -15px; }
	.nav-container { display:block; }
  #menu-icon {
    display: block;
    background:#191919;
    font-size: 17px;
    line-height: 21px;
    cursor: pointer;
    text-transform: uppercase;
    height: 50px;
    line-height: 50px;
				color:#fff;

  }
  #menu-icon:before {content: "\f055"; font-size: 25px; line-height: 50px; float: right; }
  #menu-icon.active:before { content: "\f056"; }

  .sf-menu-phone {
    background: #e89e23;
    position: absolute;
    z-index: 99999;
    width: 100%;
    list-style: outside none none;
    padding-left: 0;
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.2); 
    background: none repeat scroll 0 0 #fff;
    moz-box-sizing:border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
  }
  .sf-menu-phone ul {
    list-style: outside none none;
  }
  .sf-menu-phone li {  position: relative;  }
  .sf-menu-phone > li { border-top: 1px solid #e5e5e5; padding: 10px 20px; font-size: 18px; }
  .sf-menu-phone > li.last {border-bottom: 0;}
  .sf-menu-phone > li > a {
    color: #888;
    display: block;
    font: 700 15px/26px "PT Sans",sans-serif;
    padding: 0;
    text-transform: uppercase;
  }
  .sf-menu-phone > li > ul > li > a {
    color: #888;
    font: bold 14px/20px "PT Sans",sans-serif;
  }
  .f-menu-phone li li li a {
    color: #888;
    font-size: 13px;
    line-height: 16px;
  }
  .sf-menu-phone > li a:hover {color: #000;}
  .sf-menu-phone li a:hover {font-weight: bold;}
  .sf-menu-phone li li {font-size: 13px; padding: 4px 8px; }
  .sf-menu-phone li li.last {padding-bottom: 10px;}
  .sf-menu-phone li li:first-child {padding-top: 10px;}
  .sf-menu-phone li li:first-child strong {top:10px;}
  .sf-menu-phone li strong {
    position: absolute;
    display: block;
    top: 4px;
    right: 5px;
    width: 24px;
    font-size: 16px; 
    line-height: 16px;
    text-align: center;
  }
  .sf-menu-phone > li > strong {top: 9px; right: 18px; font-size: 20px; line-height: 20px; color:#888; }
  .sf-menu-phone li strong:hover { cursor: pointer; }
  .sf-menu-phone li strong:before {content: "\f067"; }
  .sf-menu-phone li strong.opened:before { content: "\f068"; }

  /* dropdown */
  .sf-menu-phone ul {  width: auto; border: 1px solid #e5e5e5; margin:10px 0 0 0 ;  display: none;  }
  .sf-menu-phone > li.active > a > span {color: inherit;}
  
  .sf-menu-phone > li.active > a,
  .sf-menu-phone > li > a:hover {  }

  .sf-menu-phone li li.active > a,
  .sf-menu-phone li li a:hover {}
}
.link_details:after, .banner .banner_holder h2:before, .sf-menu-phone2 li strong:before, .sf-menu-phone2 li strong.opened:before, .header .phone_wrap:before, .contacts_footer .f_phone:before, .block-cart-header:before, .header-button.currency-list > a:after, .header-button.lang-list > a:after, .sf-menu li a:before, .add-to-links li a:before, .row-product .email-friend:before, .btn-remove:before, .btn-remove2:before, .btn-edit:before, .sorter .view-mode .grid:before, .sorter .list:before, .block-layered-nav dd li:before, .product-view .box-tags .form-add .input-box:before, .row-product .no-rating:before, #menu-icon:before, .sf-menu-phone li strong:before, span.toggle:before, .checkout-progress li:before, .about-padd-2 ul li:before, .currency-switch .currency-title:before, .language-list .language-title:before, .swipe ul a:before, .switch-show > div:after, #back-top span:before, .map-popup-close:before, .block-slider-sidebar .slider-sidebar-pager a:before, .home-link:before, .custom-servis-ul li h3:before, button.button span:before, .header .form-search button.button span:before, .camera_wrap .camera_pag .camera_pag_ul li:before, .list-icon li a:before, .product-view .bx-controls-direction > a:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-indent: 0 !important;
}

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 767px */

@media only screen and (max-width: 767px) {
	

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.sf-menu-block {display: none; }
	
}