/** * 2017-10-18 18:38:40 */     body {  background-color: #ffffff;   color: #333333;  font-size: 12px; } a {  color: #333333;  } a:hover, .sideacco li.current > a, h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover {  color: #3ec2df;  }   .action.primary { background-color: #eeeeee; color: #333333; } .action.primary:hover, .action.primary:focus { background-color: #3ec2df; color: #ffffff; }  .product-view .action.primary, .action.primary.checkout { background-color: #333333; color: #ffffff; } .product-view .action.primary:hover, .action.primary.checkout:hover { background-color: #3ec2df; color: #ffffff; }  .links > li > a:hover {  background-color: #de2666;   color: #ffffff !important;  }  .sticker.new { background-color: #3ec2df; color: #ffffff; } .sticker.sale { background-color: #f12b63; color: #ffffff; }  .opc-progress-bar-item._active:before, .opc-progress-bar-item._active > span:before, .opc-wrapper .shipping-address-item.selected-item:after, /* .minicart-wrapper .action.showcart .counter.qty, .mini-cart .dropdown-heading.action .counter.qty, .mini-compare .dropdown-heading.action .counter.qty, */ .filter-title strong[data-count]:after, .main-color--bg { background-color: #5bd2ec; } .opc-wrapper .shipping-address-item.selected-item, .main-color--border { border-color: #5bd2ec; } .fotorama__thumb-border { border-color: #333; } .swatch-option.selected, .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected, .swatch-option:not(.disabled):hover, .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover { outline-color: #333; }      .price-box .price { color: #00a9c7; }  .special-price .price, .special-price .price-label { color: #F70046; }  .old-price .price, .old-price .price-label, .old-price,  .old.price { color: #ccc; }  .rating-summary .rating-result > span:before, .review-control-vote label:before { color: #333333; }  .additional-bg-color, .cart-summary, .opc-block-summary, .opc-estimated-wrapper, .bundle-options-container .block-bundle-summary, .block-collapsible-nav .content,  /* Legacy styles selectors, may be deprecated (review it later): */ .checkout-agreements li { background-color: #f5f5f5; }  .minicart-wrapper .action.showcart .counter.qty,  .mini-cart .dropdown-heading.action .counter.qty, .mini-compare .dropdown-heading.action .counter.qty, .dropdown-heading.action .counter.qty, .skip-link .counter  { background-color: #5bd2ec; }  /* Custom content class */ .main-font, /* Headings */ h1, h2, h3, h4, h5, .section-title, .products-list .product-name,  .filter .block-subtitle, /* Generic */ .feature .heading, .uaccordion .heading, /* Main menu */ /* Regular mode */ .nav-regular .nav-item.level0 > a, /* level 1 */ /* Mega dropdown */ .nav-regular .nav-submenu--mega > li > a, /* First level of mega dropdown */ /* Mobile mode */ .menu-trigger, .nav-mobile .nav-item.level0 > a, .nav-mobile .nav-item.level1 > a, .nav-mobile .nav-item.level2 > a, /* Holder for additional elements inside the menu bar */ .nav-holder .dropdown-block .dropdown-heading, /* Block headings */ .block .block-title, /* Checkout headings */ #opc-login h3, /* Multiple checkout */ /*.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend,*/ /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* TODO: Product page */ .gen-tabs .tabs a,  .product-view .product.data.items > .item.title > .switch, /* Footer headings */ .footer .heading, #subscribe-form label, /* Captions */ .caption .heading {  font-family: "Bitter", georgia, serif;    }       /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages a, .pager .pages .current, /* Add-to links */ .addto-links .ic, /* Slider arrows */ .slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page span, .slider-pagination2 .owl-controls .owl-page span, /* Lightbox */ #cboxPrevious, #cboxNext, #cboxClose, /* Accordion and collapsible: opener */ .uaccordion-style1 .opener, .collapsible .opener, /* Quantity button */ .qty-button, /* Scroll to top */ #scroll-to-top { background-color: #f5f5f5; color: #333333; }  /* Toolbar */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover, /* Add-to links */ .addto-links .ic:hover, .addto-links .feature-icon-hover:hover .ic, /* Slider arrows */ .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Accordion and collapsible: opener */ .uaccordion-style1 .opener:hover, .collapsible .opener:hover, /* Quantity button */ .qty-button:hover, /* Scroll to top */ #scroll-to-top:hover { background-color: #333333; color: #ffffff; }  /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page.active span, .slider-pagination1 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .slider-pagination2 .owl-controls .owl-page.active span, .slider-pagination2 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .sorter .view-mode span.grid, .sorter .view-mode span.list, .pager .pages .current { background-color: #e5e5e5; color: #333333; }  .ib, /* For backward compatibility: */ .feature > span.icon { background-color: #de2666; color: #ffffff; } .ib-hover:hover, .feature-icon-hover:hover .ib, /* For backward compatibility: */ .icon-hover:hover, .feature-icon-hover:hover > span.icon { background-color: #5bd2ec !important; color: #ffffff !important; }  .ib.icon-color-productview, span.icon.icon-color-productview  { background-color: #eeeeee;  } .ib-hover.icon-color-productview:hover, .feature-icon-hover:hover .ib.icon-color-productview, .feature-icon-hover:hover span.icon.icon-color-productview  { background-color: #5bd2ec !important;  }               .footer-container2 { background-image: url(http://appcodeshop.com/pub/static/frontend/Infortis/ultimo/en_US/images/tex/1.png); }    .page-wrapper {  border-top-color: #FFFFFF; border-top-style: solid; border-top-width: 5px;  }   .inner-container { padding-left: 12px; padding-right: 12px; }                  .header-container {  } .header.container {   } .header a {  } .header a:hover {  }  .header-container3 {   }    .header-regular .block-search .input-text { background-color: #ffffff; border-color: #dddddd; } .header-regular .block-search .input-text:hover,  { background-color: #ffffff; border-color: #eeeeee; } .header-regular .block-search .input-text, .header-regular .block-search .action.search:before {  color: #bbbbbb;  } .header-regular .block-search .input-text:hover,  .header-regular .block-search .action.search:hover, .header-regular .block-search .action.search:focus, .header-regular .block-search .action.search:hover:before, .header-regular .block-search .action.search:focus:before {  color: #333333;  }     .header-container .dropdown-block .dropdown-content, .header-container .dropdown-block.open > .dropdown-heading.cover > *, .header-container .truncated .truncated_full_value .item-options,  .header-container .form-search .search-autocomplete {  background-color: #ffffff;   color: #333333;   }  .header-container .dropdown-block .dropdown-content a, .header-container .dropdown-block .dropdown-content .action:before, .header-container .dropdown-block.open > .dropdown-heading.cover a, .header-container .form-search .search-autocomplete li {  color: #333333;  } .header-container .dropdown-block .dropdown-content a:hover, .header-container .dropdown-block .dropdown-content .action:hover:before, .header-container .dropdown-block.open > .dropdown-heading.cover a:hover, .header-container .form-search .search-autocomplete li:hover {  color: #aaaaaa;  }  .header-top-container {    } .header-top {     } .header-top a {  } .header-top a:hover {  }    .header-top, .header-top .dropdown-block .dropdown-heading, .header-top .links > li > * { line-height: 36px; } .header-top .central-column, .header-top .dropdown-block .dropdown-heading { max-height: 36px; }   .header-primary-container {    } .header-primary {    padding-top: 5px;   padding-bottom: 5px;  }    .header-primary .dropdown-block .dropdown-heading, .header-primary .links > li > * {   line-height: 36px;  }  .header-primary .dropdown-block .dropdown-heading { max-height: 36px; }     .cat-label-label1 {  background-color: #5bd2ec;   color: #ffffff;  } .cat-label-label2 {  background-color: #d52462;   color: #ffffff;  }  li.level0 > a > span > .cat-label-label1.pin-bottom:before {  border-top-color: #5bd2ec;  } li.level0 > a > span > .cat-label-label2.pin-bottom:before {  border-top-color: #d52462;  }  li > a:hover > span > .cat-label, .nav-regular li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */ {  background-color: #ff7214;   color: #ffffff;  } li.level0 > a:hover > span > .pin-bottom:before, .nav-regular li.level0:hover > a > span > .pin-bottom:before {  border-top-color: #ff7214;  }  .navi .nav-panel--dropdown {  background-color: #ffffff;   color: #333333;  }   .nav-regular .nav-panel--dropdown .nav-item > a:hover { background-color: #f0f8ff; }   .navi .nav-panel--dropdown a {  color: #333333;  } .navi .nav-panel--dropdown a:hover {  color: #00a9c7;  }      .nav-regular .nav-panel--dropdown,  .navi.nav-vert-triggerable { -moz-box-shadow:0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow:0 3px 10px rgba(0,0,0, 0.15); box-shadow:0 3px 10px rgba(0,0,0, 0.15); }    .nav-mobile div.nav-panel--dropdown { -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15);  z-index: 1; position: relative; }  .nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }     .nav-container {    }  .nav.container {     }          .sticky-header .nav-container,  .sticky-header .navi-wrapper,  .sticky-header .nav-regular:not(.nav-vert)  { background-color: #ffffff; }    .sticky-header .nav-regular:not(.nav-vert) .nav-item.level0 > a, .sticky-header .nav-regular .nav-item--homeicon a,  .sticky-header .nav-regular .nav-item--homeicon.active a,  .sticky-header .nav-holder .dropdown-block .dropdown-heading { color: #333333; }    .sticky-header .nav-border-bottom { border-bottom: none; }       .navi-wrapper, .nav-regular { background-color: #f8f8f8; } .nav-regular:not(.nav-vert) .nav-item.level0 > a,  .nav-holder .dropdown-block .dropdown-heading,  .nav-regular .nav-holder a.dropdown-heading:hover { color: #333333; }  .navi .nav-item--homeicon a { color: #333333 !important; }   .nav-mobile .nav-item.level0 > a { background-color: #f8f8f8; color: #333333; } .nav-mobile .nav-item.level0 > .opener { color: #333333; }   .navi.nav-mobile ul.level0 .nav-item > a { background-color: #f8f8f8; color: #333333; } .nav-mobile ul.level0 .nav-item > .opener { color: #333333; }    .nav-regular:not(.nav-vert) .nav-item.level0.active > a { background-color: #333333; color: #ffffff; }   .nav-mobile .nav-item.level0.current > a { background-color: #333333; color: #ffffff; } .nav-mobile .nav-item.level0.current > .opener { color: #ffffff; }   .navi.nav-mobile ul.level0 .nav-item.current > a { background-color: #333333; color: #ffffff; } .nav-mobile ul.level0 .nav-item.current > .opener { color: #ffffff; }    .nav-regular:not(.nav-vert) .nav-item.level0:hover > a { background-color: #5bd2ec; color: #ffffff; }   .nav-mobile .nav-item.level0 > a:hover { background-color: #5bd2ec; color: #ffffff; } .nav-mobile .nav-item.level0 > a:hover + .opener { color: #ffffff; }   .navi.nav-mobile ul.level0 .nav-item > a:hover { background-color: #5bd2ec; color: #ffffff; } .nav-mobile ul.level0 .nav-item > a:hover + .opener { color: #ffffff; }    .nav-vert .nav-item.level0 > a { background-color: #f8f8f8; color: #333333; }  .sideacco .nav-item > a { background-color: #f8f8f8; color: #333333; } .sideacco .nav-item > .opener { color: #333333; }  .nav-vert .nav-item.level0.active > a { background-color: #333333; color: #f5f5f5; }  .sideacco .nav-item.current > a { background-color: #333333; color: #f5f5f5; } .sideacco .nav-item.current > .opener { color: #f5f5f5; }  .nav-vert .nav-item.level0:hover > a { background-color: #5bd2ec; color: #ffffff; }   .sideacco .nav-item > a:hover { background-color: #5bd2ec; color: #ffffff; } .sideacco .nav-item > a:hover + .opener { color: #ffffff; }     .menu-trigger, .nav-regular .nav-item.level0 > a { line-height: 50px; }  .navi.nav-vert-triggerable { top: 50px; }  .nav-holder > * { line-height: 50px; max-height: 50px; } .nav-holder .dropdown-block .dropdown-heading { line-height: 50px; max-height: 50px; }    .nav-vert .nav-item.level0 > a { line-height: 36px; }  .sideacco .nav-item > a { line-height: 36px; } .sideacco .nav-item.parent > a {  padding-right: 36px; } .sideacco .nav-item > .opener { width: 36px; height: 36px; line-height: 36px; }      .nav-mobile .nav-item { margin-top: 1px !important; } .nav-mobile { background-color: #eeeeee; }     .menu-trigger .menu-trigger-inner { background-color: #f8f8f8; color: #333333; }  .menu-trigger .menu-trigger-inner:hover { background-color: #5bd2ec; color: #ffffff; }  .menu-trigger.active .menu-trigger-inner { background-color: #5bd2ec; color: #ffffff; }  .menu-trigger .menu-trigger-inner .trigger-icon .line { background-color: #333333; } .menu-trigger .menu-trigger-inner:hover .trigger-icon .line { background-color: #ffffff; } .menu-trigger.active .menu-trigger-inner .trigger-icon .line { background-color: #ffffff; }   .vertnav-trigger .menu-trigger-inner { background-color: #f7f7f7; color: #333333; }  .vertnav-trigger .menu-trigger-inner .trigger-icon .line { background-color: #333333; }    .nav-border-bottom { border-bottom:5px solid #333333; }       .vertnav-trigger, .nav-regular .nav-item.level0 > a,  .nav-holder .dropdown-block .dropdown-heading {  font-size:16px;   text-transform:uppercase;  }   .nav-regular .nav-item > a { font-size:16px; }     .nav-regular .nav-submenu--mega .nav-item > a { font-size:14px; }   .nav-regular .nav-submenu--mega > .nav-item > a {  font-size:16px;   text-transform:uppercase;  }    .nav-mobile li.nav-item > a { font-size:16px; }   .mobnav-trigger, .nav-mobile .nav-item.level0 > a {  font-size:18px;   text-transform: uppercase;  }  .nav-mobile .nav-item.level1 > a {  font-size:18px;   text-transform: none;  }   @media only screen and (min-width: 1024px) and (max-width: 1279px) { /* Menu */ .nav-regular:not(.nav-vert) .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading {  font-size: 14px;  } .nav-regular:not(.nav-vert) .nav-item.level0 > a { padding: 0 6px; } } @media only screen and (min-width: 960px) and (max-width: 1023px) { /* Menu */ .nav-regular:not(.nav-vert) .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading {  font-size: 14px;  } .nav-regular:not(.nav-vert) .nav-item.level0 > a { padding: 0 4px; } } @media only screen and (max-width: 959px) { /* Menu */ .nav-regular:not(.nav-vert) .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading {  font-size: 13px;  } .nav-regular:not(.nav-vert) .nav-item.level0 > a { padding: 0 3px; } }   .header-container-micro { background-color: rgba(0,0,0, 0.02); }     .header-mobile.header-container,  .header-mobile .header-m-container, .header-mobile .nav-container {  padding-top: 0; padding-bottom: 0; }   .header-mobile .header-m-top, .header-mobile .header-m-primary, .header-mobile .nav {  }  .header-mobile .header-container3 {   }    .header-mobile .skip-link {  background-color: #fafafa;   color: #333333;  } .header-mobile .skip-link.skip-active {  background-color: #f5f5f5;   color: #3ec2df;  } .header-mobile .skip-link:hover {  background-color: #5bd2ec;   color: #ffffff;  }  .header-mobile .skip-content--style {  background-color: #f5f5f5;   color: #333333;  } .header-mobile .skip-content--style a {  color: #333333;  } .header-mobile .skip-content--style a:hover {  color: #3ec2df;  }  .main-container {    } .main.container {  background-color: #ffffff;   padding-top: 20px;   padding-bottom: 20px;  }  .truncated .item-options { background-color: #ffffff; }    .category-products-grid .item, .products-list .item {  } .category-products-grid .item:hover, .products-list .item:hover {  }        /* Slider arrows */ .the-slideshow .owl-controls .owl-buttons div, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls .owl-page span, /* For pagination2 default color overrides color of active state and hover state */ .the-slideshow.slider-pagination2 .owl-controls .owl-page span, .the-slideshow.slider-pagination2 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span { background-color: #ffffff; color: #333333; }  /* Slider arrows */ .the-slideshow .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page:hover span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page:hover span { background-color: #000000; color: #ffffff; }  .the-slideshow.slider-pagination1 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span /* Active state overrides hover state */ { background-color: #de2666;   }  .footer-container {  background-color: #f5f5f5;  } .footer {   }  .footer a {  } .footer a:hover {  }  .footer .button { background-color: #e5e5e5; color: #555555; } .footer .button:hover, .footer .button:focus { background-color: #a5db00; color: #ffffff; }  .footer .ib, .footer span.icon /* For backward compatibility */ { background-color: #de2666; color: #ffffff; } .footer .ib-hover:hover, .footer span.icon-hover:hover, /* For backward compatibility */ .footer .feature-icon-hover:hover .ib, .footer .feature-icon-hover:hover span.icon /* For backward compatibility */ { background-color: #444444 !important; color: #ffffff !important; }   /* Slider arrows */ .footer .slider-arrows1 .owl-controls .owl-buttons div, .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .footer .slider-arrows2 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls .owl-page span, .footer .slider-pagination2 .owl-controls .owl-page span, /* Accordion and collapsible: opener */ .footer .uaccordion-style1 .opener, .footer .collapsible .opener { background-color: #f5f5f5; color: #333333; }  /* Slider arrows */ .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Accordion and collapsible: opener */ .footer .uaccordion-style1 .opener:hover, .footer .collapsible .opener:hover { background-color: #5bd2ec; color: #ffffff; }  .footer-top-container {  background-color: #ffffff;    } .footer-top {     } .footer-top a {  } .footer-top a:hover {  }  .footer-primary-container {   padding-top: 10px;   padding-bottom: 10px;  } .footer-primary {    padding-top: 20px;   padding-bottom: 20px;  } .footer-primary a {  } .footer-primary a:hover {  }  .footer-bottom-container {  background-color: #000000;  } .footer-bottom {   color: #888888;   padding-top: 20px;   padding-bottom: 20px;  } .footer-bottom a {  color: #555555;  } .footer-bottom a:hover {  color: #de2666;  }   .social-links .ib, .social-links a > span.icon /* For backward compatibility */ { background-color: #bbbbbb; color: #ffffff; } .social-links .ib-hover:hover, .social-links a > span.icon-hover:hover /* For backward compatibility */ { background-color: #ff7214 !important; color: #ffffff !important; }    .drop-shadow { -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }  /* Shadows: for pop-ups, drop-downs etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sticky header */ .sticky-header .sticky-container, /* Dropdowns */ .dropdown-block.open > .dropdown-heading.cover, .dropdown-block.open .dropdown-content, /* Search autocomplete */ .search-autocomplete { -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); } /** * 2017-10-18 18:38:40 */ /* w:1200, b:1200*/      .lte-ie8 .container { max-width:1170px; }              @media only screen and (min-width: 1200px)  {   .container { max-width: 1170px; }    /* Hide */ .hide-below-1280 { display:inherit !important; } /* Item grid -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear:left !important; } }  @media only screen and (max-width: 1199px) { }   @media only screen and (min-width: 992px) and (max-width: 1199px)  {   .container { max-width: 970px; }   }  @media only screen and (max-width: 991px) { }   @media only screen and (min-width: 768px) and (max-width: 991px)  {   .container { max-width: 750px; }   /* 2 columns - left -------------------------------------------------------------- */ .page-layout-2columns-left .column.main { width: 75%; } .page-layout-2columns-left .sidebar-main { width: 25%; } .page-layout-2columns-left .sidebar-additional { width: 25%; } /* 2 columns - right -------------------------------------------------------------- */ .page-layout-2columns-right .column.main { width: 75%; } .page-layout-2columns-right .sidebar-main { width: 25%; } .page-layout-2columns-right .sidebar-additional { width: 25%; } /* 3 columns -------------------------------------------------------------- */ .page-layout-3columns .column.main { width: 75%; float: right; } .page-layout-3columns .sidebar-main { width: 25%; float: left; } .page-layout-3columns .sidebar-additional { width: 25%; padding-right: 2%; padding-left: 0; clear: left; float: left; } }  @media only screen and (max-width: 767px) {  .container { max-width: none !important; width: 100%; }  .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full { width:100% !important;  margin-left:0; margin-right:0; }  .columns .column.main, .columns .sidebar-main, .columns .sidebar-additional { width: 100%; margin-left: 0; margin-right: 0; padding-right: 0; padding-left: 0; }  .v-grid-container { display:block; } .v-grid { float:inherit; display:block; width:100%; } } @media only screen and (min-width: 480px) and (max-width: 767px) {  /* Mobile grid (for browser viewport between 480px and 768px): Below 768px all grid units are stretched (full width) and stack vertically. The "mobile-grid" class forces narrow grid units to stay narrow, but the width is increased to avoid too small columns. -------------------------------------------------------------- */ .mobile-grid.grid12-1 { width:14.66% !important; margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */ .mobile-grid.grid12-2 { width:31.33% !important; margin-left:1%; margin-right:1%; } /* 1/6 turns into 1/3 */ .mobile-grid.grid12-3 { width:48% !important; margin-left:1%; margin-right:1%; } /* 1/4 turns into 1/2 */ /* Force other grid units to take half of the available width */ .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; } } @media only screen and (min-width: 640px) and (max-width: 767px) { 
.itemgrid.itemgrid-adaptive .item { width:31.3333%; clear:none !important; }
.itemgrid.itemgrid-adaptive > li:nth-of-type(3n+1) { clear:left !important; }
 } @media only screen and (max-width: 639px) {   } @media only screen and (min-width: 480px) and (max-width: 639px) { 
.itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; }
.itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; }
 } @media only screen and (max-width: 479px) {   
		.category-products-grid.hover-effect .item .addto-links,
		.category-products-grid .item .addto-links {
			display: none !important;
		}
		  } @media only screen and (min-width: 320px) and (max-width: 479px) { 
.itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; }
.itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; }
 } @media only screen and (max-width: 319px) {  
		/* Disable hover effect */
		.category-products-grid.hover-effect .item:hover {
			margin-left:0;
			margin-right:0;
			padding-left:1%;
			padding-right:1%;
			box-shadow: none !important;
			border-color: #f5f5f5;
		}
		.category-products-grid.hover-effect .item .display-onhover { display:block !important; }
		.category-products-grid.hover-effect.single-line-name .item .product-name { overflow: visible; white-space: normal; }
		   /* Item grid -------------------------------------------------------------- */ /* Always show 1 column */ /* Important: added ".itemgrid" class to override other styles */ .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; } }  @media only screen and (max-width: 1023px) { .hide-below-1024 { display:none !important; } } @media only screen and (max-width: 959px) { .hide-below-960 { display:none !important; } } @media only screen and (max-width: 767px) { .hide-below-768 { display:none !important; } } @media only screen and (max-width: 479px) { .hide-below-480 { display:none !important; } } @media only screen and (max-width: 319px) { .hide-below-320 { display:none !important; } }