/*
  This is for the main frames around the design.
  Default is centered. This file is loaded through app/design/frontend/polar/default/polarcore.xml
  (change polar/default for themename if applicable).
*/
.top-line,
.wrapper {
  width: 100%;
  max-width: 100%;
}

.top-line {
  z-index: 100;
}
.top-line-content {
  position: relative;
}
.top-line .top-line-content,
.footer-container,
.nav-container,
.header-container,
.main-container {
  max-width: 1420px;
  margin: 0 auto;
}
.main-container {
  max-width: 1600px;
  padding-left: 0;
  padding-right: 0;
}

/* Media queries */
.mobile {
  display: none;
}

.tablet {
  display: none;
}
.desktop.tablet {
  display: block;
}
@media handheld,
only screen and (max-width:900px) {
  .col-main .product-view {
    padding: 120px 30px 22px;
  }
  .col-main .product-nav {
    display: none;
  }
  /* Category */
  body.catalog-category-view .category-info h1 {
    font-size: 44px;
  }
  body.catalog-category-view .category-info {
    left: 5%;
  }

  body.catalog-category-view .category-info .category-description {
    font-size: 16px;
    line-height: 22px;
    width: 80%;
  }
}
@media handheld,
only screen and (max-width:767px) {
  .mobile,
  .desktop {
    display: none;
  }
  .desktop.tablet,
  .tablet.mobile,
  .tablet {
    display: block;
  }

  .nav-container {
    padding: 0 10px;
  }

  .main-container {
    padding: 0;
  }

  .footer-container {
    padding: 20px 10px;
  }

  .footer-container .footer {
    width: 100%;
    padding: 20px 0;
  }

  .row,
  .container {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    min-width: 0;
  }
  .col-main .product-view .button.btn-cart {
    width: 100%;
  }
  .glc div.gcheckout-right-col .methods.checkout-step > div,
  .glc div.gcheckout-right-col .methods.checkout-step,
  .glc div.gcheckout-right-col .review.checkout-step,
  .glc div.gcheckout-right-col,
  .glc .address.checkout-step,
  .glc .checkout-step,
  .glc-col,
  .col-main .product-view .product-shop,
  .col-main .product-view .product-img-box,
  .row .onecol,
  .row .twocol,
  .row .threecol,
  .row .fourcol,
  .row .fivecol,
  .row .sixcol,
  .row .sevencol,
  .row .eightcol,
  .row .ninecol,
  .row .tencol,
  .row .elevencol,
  .row .twelvecol {
    float: left;
    width: 100%;
    margin: 0 0 1em 0;
  }

  .col2-left-layout .col-main,
  .col2-right-layout .col-main,
  .col3-layout .col-wrapper .col-main,
  .col3-layout .col-wrapper,
  .col3-layout .col-main {
    width: 100%;
  }

  .col3-layout .col-wrapper .col-left,
  .col3-layout .col-left,
  .col3-layout .col-right,
  .col2-left-layout .col-left,
  .col2-right-layout .col-right {
    width: 100%;
  }

  .col2-set .col-1,
  .col2-set .col-2,
  .col2-set .col-3,
  .col2-set .col-narrow,
  .col2-set .col-wide,
  .col3-set .col-1,
  .col3-set .col-2,
  .col3-set .col-3,
  .col4-set .col-1,
  .col4-set .col-2,
  .col4-set .col-3,
  .col4-set .col-4 {
    width: 100%;
    margin: 0;
  }

  /** Cart - Hide rows **/

.cart .cart-table thead th:nth-child(3),
  .cart .cart-table thead th:nth-child(4),
  .cart .cart-table tbody td:nth-child(3),
  .cart .cart-table tbody td:nth-child(4) {
    display: none;
    width: 0;
    color: transparent;
  }
  .cart .btn-continue {
    margin-bottom: 10px;
  }
  table.cart-table td, table.cart-table th, table.data-table td, table.data-table th {
    padding: 8px;
  }
  .col-main .product-view {
    padding: 120px 30px 22px;
  }
}

@media handheld,
only screen and (max-width:686px) {
  .blind {
    display: none;
  }
  div.top-line {
    float: right;
    position: fixed;
    height: 68px;
    padding-top: 12px;
  }
  .top-line-content.mobile .menu {
    background-color: #666;
    color: #fff;
    border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-right: 25px;
  width: auto;
  float: right;
  text-align: center;
  padding: 0 15px;
  margin-top: 10px;
  }
  .top-line-content.mobile .menu:hover {
    cursor: pointer;
  }
  .top-line-content.mobile .dropdown-menu {
    position: absolute;
    top: 39px;
    left: 0;
    width: 100%;
    background-color: #eaebe8;
  }
  .top-line-content.mobile .dropdown-menu ul#nav,
  .top-line-content.mobile .dropdown-menu ul {
    width: 100%;
    padding: 0 10px;
  }
  .top-line-content.mobile .dropdown-menu ul.store {
    width: auto;
    position: absolute;
    right: 0px;
    top: -1px;
  }
  .top-line-content.mobile .dropdown-menu ul.store li {
    float: right;
    width: auto;
    clear: none;
    font-size: 12px;
  }
  .top-line-content.mobile .dropdown-menu ul.store li a {
    padding: 0;
  }
  .top-line-content.mobile .dropdown-menu .nav-container {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .top-line-content.mobile .dropdown-menu #nav li,
  .top-line-content.mobile .dropdown-menu ul li {
    float: left;
    padding: 0;
    clear: both;
    width: 100%;
    font-size: 14px;
    text-align: left;
  }
  .top-line-content.mobile .dropdown-menu ul#nav li a,
  .top-line-content.mobile .dropdown-menu ul li a {
    line-height: 45px;
    display: block;
    width: 100%;
    padding: 0 13px;
  }
    .cms-find-retailer .top-line-content.mobile #nav li a[href*="find-retailer"],
  .cms-the-wallet .top-line-content.mobile #nav li a[href*="the-wallet"],
  .catalog-category-view .top-line-content.mobile #nav li a[href*="store"],
  .top-line-content.mobile .dropdown-menu ul#nav li a:hover,
  .top-line-content.mobile .dropdown-menu ul li a:hover,
  .top-line-content.mobile .dropdown-menu ul#nav li a:active,
  .top-line-content.mobile .dropdown-menu ul li a:active,
  .top-line-content.mobile .dropdown-menu ul#nav li a:focus,
  .top-line-content.mobile .dropdown-menu ul li a:focus {
    border: 0;
    color: #000;
  }
  .header a.logo {
    width: 112px;
    height: 23px;
  }
  .header-container {
    width: auto;
    float: left;
    margin-top: 68px;
    padding-top: 0;
  }
  .header-container .header {
    padding-top: 10px;
    margin-top: -59px;
    margin-bottom: 10px;
    z-index: 100;
    width: auto;
  }
  .header-container .header .nav-container {
    display: none;
  }
  .header-container .header:after {
    display: none;
  }
  .logo {
    background-size: 80%;
    position: fixed;
  }
  .mobile .links {
  }
  .mobile a.account-icon {
    position: relative;
    font-size: 14px;
    background-color: #a0a0a0;
    color: #fff;
    line-height: 35px;
    margin-top: -1px;
    padding: 3px 12px 2px;
    margin-right: 15px;
    border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  }
  .top-line #search_mini_form .form-search {
        margin-top: 8px;
        margin-left: 15px;
  }
  .top-line #search_mini_form .form-search input[type=text] {
    width: 120px;
    height: 28px;
    margin-top: 0;
  }
  .form-search #search_mini_form .form-search input[type="text"]:focus {
    width: 140px;
  }
  .desktop.tablet,
  .desktop,
  .tablet {
    display: none;
  }
  .desktop.mobile,
  .tablet.mobile,
  .mobile {
    display: block;
  }

  .top-cart.mobile,
  .top-cart.mobile a {
    display: block;
  }


  .top-cart.mobile p {
    margin: 0;
  }
.top-cart.mobile {
  z-index: 10000;
  float: right;
  font-size: 1.8em;
}

.top-cart.mobile span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.5em;
}

.top-cart.mobile a {
  width: 100%;
}
.top-cart.mobile a:before {
  content: "\f07a";
  font-family: "FontAwesome";
  font-size: 1.33em;
  vertical-align: middle;
  padding-right: 0.5em;
}
.top-cart.mobile a:hover {
  text-decoration: none;
}

.top-cart.mobile a:active {
}

  /* Account links - Mobile*/

  .account-links {
    float: right;
    overflow: visible;
    background: transparent;
  }
  .account-links:before {
    display: none;
  }
  .account-links #account-wrapper {
    float: left;
  }

  .account-links #account-wrapper .links {
    position: absolute;
    top: 3em;
    right: 0;
    background-color: #a0a0a0;
    color: #fff;
    width: 100%;
    text-align: left;
    padding: 0;
  }
.account-links #account-wrapper .links a {
  color: #fff;
  display: block;
  font-size: 15px;
}
  .account-links #account-wrapper .links li {
    float: none;
    margin: 0;
  }
  .account-links #account-wrapper .links li a:visited,
  .account-links #account-wrapper .links li a {
    background-color: #a0a0a0;
    padding: 2px 22px;
  }
  .account-links #account-wrapper .links li a:hover {
    background-color: #757575;

  }
/* Main container */
div.main-container {
  padding: 45px 22px;
}
/* Navigation - Mobile */

.nav-container .parent-menu-item {
  padding: 10px;
  font-size: 1.5em;
  line-height: 1.33em;
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: 100%;
}
.nav-container .parent-menu-item:after {
  content: "\f0c9";
  font-family: "FontAwesome";
  font-size: 1.7em;
  line-height: 1em;
  position: absolute;
  right: 10px;
  float: right;
}
.nav-container #nav {
  margin-top: 0;
}
.mobile.nav-container #nav > li.active.over > a,
.mobile.nav-container #nav > li.active > a,
.mobile.nav-container #nav > li.over > a,
.mobile.nav-container #nav > li > a:hover {
  background: rgba(0,0,0,0.2);
}
.nav-container {
}

.nav-container {
  position: relative;
  float: left;
  width: 100%;
  clear: both;
}

.nav-container #navwrapper {
  left: 0;
}
.nav-container #nav {
  text-align: left;
}
.nav-container #nav li a,
.nav-container #nav li {
  float: none;
  clear: both;
  width: 100%;
}
.nav-container #nav li a {
  padding: 10px;
}


.nav-container #nav ul {
  display: none;
}
  .col-left,
  .col-right,
  .col-main {
    float: left;
    clear: both;
    width: 100%;
  }
  /* =Form search */
.form-search {
  display: none;
}

  ul.products-grid.columns-2 li.item,
#crosssell-products-list li.item,
.widget-products .products-grid li.item,
.category-products .products-grid li.item,
li.item {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
  }
  #crosssell-products-list li.item:nth-child(2n),
  .category-products .products-grid li.item:nth-child(2n),
  li.item:nth-child(2n) {
    float: right;
  }
  .products-grid li.item .product-name {
    margin-top: -50px;
  }
body.catalog-category-view .category-info {
  position: relative;
  top: 20px;
  color: #555;
  left: 5%;
  }

  /* Product view */
  .col-main .product-view {
    padding: 22px;
  }
div.product-view .product-shop-wrapper {
    width: 100%;
  }
div.product-view .button.btn-cart,
div.product-view .product-shop {
  max-width: 397px;
}
  .product-view .product-img-box {
    width: 100%;
  }

  .product-view .product-name {
    display: none;
  }

  .product-view .product-name-mobile {
    display: block;
  }

  /* Cart */

.cart .cart-table thead th:first-child,
  .cart .cart-table thead th:last-child,
  .cart .cart-table tbody td:first-child,
  .cart .cart-table tbody td:last-child {
    display: none;
    width: 0;
    color: transparent;
  }
  .footer-container .block-subscribe .block-title {
  }
  .footer .free-shipping {
    margin-top: 21px;
  }
}