/* NEW HEADER LAYOUT */
@media (min-width: 768px){
    .nav-sections-item-content div#switcher-language-nav, div#switcher-language-nav {
        display: none !important;
    }
    .page-header .panel.wrapper, .nav-sections .section-items.nav-sections-items {
        max-width: 1280px;
        width: 100%;
        margin: 0 auto;
    }
    a.logo, strong.logo {
        width: 20%;
        width: 200px;
        float: left;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .page-header .header.panel {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-right: 0 !important;
        width: 80% !important;
        width: calc(100% - 200px) !important;
        float: left;
    }
    ul.header.links {
        width: auto;
        text-align: right;
        margin-bottom: 5px !important;
    }
    .header.panel > .header.links > li {
        padding: 15px 0px;
    }
    .header.panel > .header.links > li {
        margin: 0 !important;
    }
    li.authorization-link, .header.panel > .header.links > li:first-child, .header.panel > .header.links > li:nth-child(3n) {
        padding: 15px 20px !important;
        background-color: #f5f5f5;
        border-right: 1px solid #fff;
        -webkit-transition: background-color .4s ease;
        transition: background-color .4s ease;
    }
    .header.panel > .header.links > li:first-child {
        border-left: 1px solid #fff;
    }
    .block-search .action.search {
        right: 0px !important;
        padding: 0 20px !important;
        height: 50px;
        background: #666 !important;
    }
    .block-search .action.search:before {
        color: #fff !important;
    }
    .block-search .action.search.disabled, .block-search .action.search[disabled], fieldset[disabled] .block-search .action.search {
        opacity: 1 !important;
    }
    .minicart-wrapper {
        margin-left: 20px !important;
        margin-right: 20px !important;
        padding-top: 9px !important;
    }
    .minicart-items-wrapper {
        max-height: 70vh !important;
    }
    .header.panel > .header.links > li a[href$="/index.php/customer/account/create/"], , .header.panel > .header.links > li a{
                                                                                             display: none;
                                                                                         }
    li.authorization-link a, .header.panel > .header.links > li a.My.Account, .header.panel > .header.links > li a.contact-link {
        overflow: hidden;
        visibility: visible;
        display: inline-block;
        float: left;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }
    li.authorization-link a, .header.panel > .header.links > li a.My.Account, .header.panel > .header.links > li a.contact-link {
        width: 75px !important;
    }
    li.authorization-link a, .header.panel > .header.links > li a.My.Account, .header.panel > .header.links > li a.contact-link {
        width: 93px !important;
    }
    li.authorization-link a, .header.panel > .header.links > li a.My.Account, .header.panel > .header.links > li a.contact-link {
        width: 122px !important;
    }
    li.authorization-link, .header.panel > .header.links > li:first-child, .header.panel > .header.links > li:nth-child(3n) {
        width: 10px;
        height: 20px;
        padding: 15px 30px 15px 20px !important;
        overflow: hidden;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
    li.authorization-link:hover {
        width: 64px;
        height: 20px;
    }
    .header.panel > .header.links > li:nth-child(3n):hover {
        width: 78px;
        height: 20px;
    }
    .header.panel > .header.links > li:first-child:hover {
        width: 98px;
        height: 20px;
    }
    li.authorization-link:hover a {
        width: 74px !important;
        visibility: visible;
    }
    .header.panel > .header.links > li:hover a.contact-link {
        width: 86px !important;
        visibility: visible;
    }
    .header.panel > .header.links > li:hover a.My.Account {
        width: 109px !important;
        visibility: visible;
    }
    .header.panel > .header.links > li.authorization-link a:before, .header.panel > .header.links > li a.My.Account:before, .header.panel > .header.links > li a.contact-link:before {
        visibility: visible;
        float: left;
    }
}

/* CATEGORY VIEW / CATALOG GRID AND LIST */
a.action.tocompare, .product-item-actions .actions-primary + .actions-secondary, li.item.link.compare {
    display: none !important;
}
ol.product-items, ol.products.list.items.product-items {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
}
a.product-item-link {
    font-weight: 700;
    text-decoration: none !important;
    hyphens: none;
}
.product-item .price-box .price {
    font-weight: 400;
}
.page-products .product-item-info {
    width: 100%;
}
.page-products li.product-item:hover .product-item-info, li.product-item .product-item-info {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.product-item-info {
    height: 100%;
}
.page-products li.product-item:hover .product-item-info, li.product-item:hover .product-item-info {
    opacity: 0.9;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.2);
    box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.2);
}
.products-grid .product-item {
    display: inline-block;
    display: list-item;
    text-align: -webkit-match-parent;
    border: 3px solid #f5f5f5;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    width: 50%;
    margin-left: 0 !important;
    margin-bottom: 0px;
}
.product-item-name {
    max-width: 200px;
    margin: 5px auto;
    min-height: 48px;
}
.product-item .price-box {
    margin: 10px 0 15px;
    min-height: 43px;
}
.column.main .product-item {
    padding-left: 0px;
}
.column.main .product-items {
    margin-left: 0;
}
.product.details.product-item-details {
    padding-left: 10px;
    padding-right: 10px;
}
.block.widget .pager {
    clear: both;
}
.toolbar-products {
    margin-bottom: 20px !important;
    padding: 0 !important;
    text-align: center;
    clear: both;
}
.product-item-actions {
    display: block;
}
.product-item button.action.tocart.primary span {
    display: none;
}
.pages .action {
    border: 0px solid #d1d1d1;
    color: #333;
}
.pages .action.next:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    color: #333;
    font-weight: bold;
}
.block-reorder .actions-toolbar {
    max-width: 190px;
}
@media (max-width: 767px){
    .product-item-actions .actions-primary {
        display: block;
    }
    .products-grid .product-item-actions {
        margin: 10px 0 0;
    }
    .products-grid .product-item,
    .block.widget .products-grid .product-item,
    .page-layout-1column .block.widget .products-grid .product-item,
    .page-layout-2columns-left .block.widget .products-grid .product-item,
    .page-layout-2columns-right .block.widget .products-grid .product-item,
    .page-layout-3columns .block.widget .products-grid .product-item {
        width: 50%;
        border-width: 3px;
    }
    .products-grid .product-item:nth-child(odd),
    .page-layout-1column .block.widget .products-grid .product-item:first-child,
    .page-layout-2columns-left .block.widget .products-grid .product-item:first-child,
    .page-layout-2columns-right .block.widget .products-grid .product-item:first-child,
    .page-layout-3columns .block.widget .products-grid .product-item:first-child,
    .page-layout-1column .block.widget .products-grid .product-item:nth-child(2n+1),
    .page-layout-2columns-left .block.widget .products-grid .product-item:nth-child(2n+1),
    .page-layout-2columns-right .block.widget .products-grid .product-item:nth-child(2n+1),
    .page-layout-3columns .block.widget .products-grid .product-item:nth-child(2n+1),
    .page-products.page-layout-1column .products-grid .product-item:first-child,
    .page-products.page-layout-2columns-left .products-grid .product-item:first-child,
    .page-products.page-layout-2columns-right .products-grid .product-item:first-child,
    .page-products.page-layout-3columns .products-grid .product-item:first-child,
    .page-products.page-layout-1column .products-grid .product-item:nth-child(2n+1),
    .page-products.page-layout-2columns-left .products-grid .product-item:nth-child(2n+1),
    .page-products.page-layout-2columns-right .products-grid .product-item:nth-child(2n+1),
    .page-products.page-layout-3columns .products-grid .product-item:nth-child(2n+1) {
        border-left-width: 0px;
    }
    .page-layout-1column .block.widget .products-grid .product-item:nth-child(2n+2),
    .page-layout-2columns-left .block.widget .products-grid .product-item:nth-child(2n+2),
    .page-layout-2columns-right .block.widget .products-grid .product-item:nth-child(2n+2),
    .page-layout-3columns .block.widget .products-grid .product-item:nth-child(2n+2),
    .page-products.page-layout-1column .products-grid .product-item:nth-child(2n+2),
    .page-products.page-layout-2columns-left .products-grid .product-item:nth-child(2n+2),
    .page-products.page-layout-2columns-right .products-grid .product-item:nth-child(2n+2),
    .page-products.page-layout-3columns .products-grid .product-item:nth-child(2n+2),
    .products-grid .product-item:nth-child(even),
    .products-grid .product-item:nth-child(even),
    .block.widget .products-grid .product-item,
    .page-layout-1column .block.widget .products-grid .product-item:nth-child(even),
    .page-layout-2columns-left .block.widget .products-grid .product-item:nth-child(even)
    .page-layout-2columns-right .block.widget .products-grid .product-item:nth-child(even)
    .page-layout-3columns .block.widget .products-grid .product-item:nth-child(even){
        border-right-width: 0px;
    }
    .products-grid .product-item {
        margin-bottom: 0px;
    }
}
@media (max-width: 320px){
    .products-grid .product-item,
    .block.widget .products-grid .product-item,
    .page-layout-1column .block.widget .products-grid .product-item,
    .page-layout-3columns .block.widget .products-grid .product-item,
    .products-grid .product-item {
        width: 100%;
        border-width: 3px 0;
    }
    .product-item button.action.tocart.primary span {
        display: inline-block;
    }
    button.action.tocart.primary:before, button#order-button:before {
        margin-right: 8px;
    }
}
@media (min-width: 321px) and (max-width: 639px){
    button.action.tocart.primary:before, button#order-button:before {
        margin-right: 0 !important;
    }
}
@media (min-width: 640px) and (max-width: 767px){
    .page-products .products-grid .product-item,
    .page-layout-1column .products-grid .product-item,
    .page-layout-3columns .products-grid .product-item,
    .page-products.page-layout-1column .products-grid .product-item,
    .page-products.page-layout-3columns .products-grid .product-item {
        width: 50%;
    }
}
@media (min-width: 768px) and (max-width: 1023px){
    .product-item-actions .actions-primary {
        display: block;
    }
    .products-grid .product-item-actions {
        margin: 10px 0 0;
    }
    .page-layout-1column .block.widget .products-grid .product-item,
    .page-layout-2columns-left .block.widget .products-grid .product-item,
    .page-layout-2columns-right .block.widget .products-grid .product-item,
    .page-layout-3columns .block.widget .products-grid .product-item,
    .page-products.page-layout-1column .products-grid .product-item,
    .page-products.page-layout-2columns-left .products-grid .product-item,
    .page-products.page-layout-2columns-right .products-grid .product-item,
    .page-products.page-layout-3columns .products-grid .product-item,
    .products-grid .product-item {
        width: 33.33% !important;
        border-top-width: 5.25px;
        border-bottom-width: 5.25px;
        border-left-width: 3.5px;
        border-right-width: 3.5px;
    }
    .page-layout-1column .block.widget .products-grid .product-item:first-child,
    .page-layout-2columns-left .block.widget .products-grid .product-item:first-child,
    .page-layout-2columns-right .block.widget .products-grid .product-item:first-child,
    .page-layout-3columns .block.widget .products-grid .product-item:first-child,
    .page-layout-1column .block.widget .products-grid .product-item:nth-child(3n+1),
    .page-layout-2columns-left .block.widget .products-grid .product-item:nth-child(3n+1),
    .page-layout-2columns-right .block.widget .products-grid .product-item:nth-child(3n+1),
    .page-layout-3columns .block.widget .products-grid .product-item:nth-child(3n+1),
    .page-products.page-layout-1column .products-grid .product-item:first-child,
    .page-products.page-layout-2columns-left .products-grid .product-item:first-child,
    .page-products.page-layout-2columns-right .products-grid .product-item:first-child,
    .page-products.page-layout-3columns .products-grid .product-item:first-child,
    .page-products.page-layout-1column .products-grid .product-item:nth-child(3n+1),
    .page-products.page-layout-2columns-left .products-grid .product-item:nth-child(3n+1),
    .page-products.page-layout-2columns-right .products-grid .product-item:nth-child(3n+1),
    .page-products.page-layout-3columns .products-grid .product-item:nth-child(3n+1) {
        border-left-width: 0px;
        border-right-width: 7px;
    }
    .page-layout-1column .block.widget .products-grid .product-item:nth-child(3n+3),
    .page-layout-2columns-left .block.widget .products-grid .product-item:nth-child(3n+3),
    .page-layout-2columns-right .block.widget .products-grid .product-item:nth-child(3n+3),
    .page-layout-3columns .block.widget .products-grid .product-item:nth-child(3n+3),
    .page-products.page-layout-1column .products-grid .product-item:nth-child(3n+3),
    .page-products.page-layout-2columns-left .products-grid .product-item:nth-child(3n+3),
    .page-products.page-layout-2columns-right .products-grid .product-item:nth-child(3n+3),
    .page-products.page-layout-3columns .products-grid .product-item:nth-child(3n+3) {
        border-left-width: 7px;
        border-right-width: 0px;
    }
    .modes-mode {
        border: 3px solid #f5f5f5 !important;
        border-right-width: 0 !important;
        background: #fff;
    }
    .modes-mode:last-child {
        border-right: 3px solid #f5f5f5 !important;
    }
    .modes-mode.active {
        background: #f5f5f5;
    }
    .product-item button.action.tocart.primary span {
        display: inline-block;
    }
    button.action.tocart.primary:before, button#order-button:before {
        margin-right: 8px;
    }
}
@media (min-width: 1024px){
    .product-item-actions .actions-primary {
        display: block;
    }
    .products-grid .product-item-actions {
        margin: 10px 0 0;
    }
    .product-item button.action.tocart.primary span {
        display: inline-block;
    }
    .page-layout-1column .block.widget .products-grid .product-item,
    .page-layout-2columns-left .block.widget .products-grid .product-item,
    .page-layout-2columns-right .block.widget .products-grid .product-item,
    .page-layout-3columns .block.widget .products-grid .product-item,
    .page-products.page-layout-1column .products-grid .product-item,
    .page-products.page-layout-2columns-left .products-grid .product-item,
    .page-products.page-layout-2columns-right .products-grid .product-item,
    .page-products.page-layout-3columns .products-grid .product-item,
    .products-grid .product-item {
        width: 25% !important;
        border-top-width: 5px;
        border-bottom-width: 5px;
        border-left-width: 2.5px;
        border-right-width: 5px;
    }
    .page-layout-1column .block.widget .products-grid .product-item:nth-child(3n+3),
    .page-layout-2columns-left .block.widget .products-grid .product-item:nth-child(3n+3),
    .page-layout-2columns-right .block.widget .products-grid .product-item:nth-child(3n+3),
    .page-layout-3columns .block.widget .products-grid .product-item:nth-child(3n+3),
    .page-products.page-layout-1column .products-grid .product-item:nth-child(3n+3),
    .page-products.page-layout-2columns-left .products-grid .product-item:nth-child(3n+3),
    .page-products.page-layout-2columns-right .products-grid .product-item:nth-child(3n+3),
    .page-products.page-layout-3columns .products-grid .product-item:nth-child(3n+3) {
        border-left-width: 2.5px;
        border-right-width: 5px;
    }
    .page-layout-1column .block.widget .products-grid .product-item:nth-child(2n+3),
    .page-layout-2columns-left .block.widget .products-grid .product-item:nth-child(2n+3),
    .page-layout-2columns-right .block.widget .products-grid .product-item:nth-child(2n+3),
    .page-layout-3columns .block.widget .products-grid .product-item:nth-child(2n+3),
    .page-products.page-layout-1column .products-grid .product-item:nth-child(2n+3),
    .page-products.page-layout-2columns-left .products-grid .product-item:nth-child(2n+3),
    .page-products.page-layout-2columns-right .products-grid .product-item:nth-child(2n+3),
    .page-products.page-layout-3columns .products-grid .product-item:nth-child(2n+3),
    .page-layout-1column .block.widget .products-grid .product-item:nth-child(3n+4),
    .page-layout-2columns-left .block.widget .products-grid .product-item:nth-child(3n+4),
    .page-layout-2columns-right .block.widget .products-grid .product-item:nth-child(3n+4),
    .page-layout-3columns .block.widget .products-grid .product-item:nth-child(3n+4),
    .page-products.page-layout-1column .products-grid .product-item:nth-child(3n+4),
    .page-products.page-layout-2columns-left .products-grid .product-item:nth-child(3n+4),
    .page-products.page-layout-2columns-right .products-grid .product-item:nth-child(3n+4),
    .page-products.page-layout-3columns .products-grid .product-item:nth-child(3n+4) {
        border-left-width: 5px;
        border-right-width: 2.5px;
    }
    .products-grid .product-item:nth-child(4n+3),
    .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n+3),
    .page-layout-2columns-left .block.widget .products-grid .product-item:nth-child(4n+3),
    .page-layout-2columns-right .block.widget .products-grid .product-item:nth-child(4n+3),
    .page-layout-3columns .block.widget .products-grid .product-item:nth-child(4n+3),
    .page-products.page-layout-1column .products-grid .product-item:nth-child(4n+3),
    .page-products.page-layout-2columns-left .products-grid .product-item:nth-child(4n+3),
    .page-products.page-layout-2columns-right .products-grid .product-item:nth-child(4n+3),
    .page-products.page-layout-3columns .products-grid .product-item:nth-child(4n+3) {
        border-left-width: 5px;
        border-right-width: 2.5px;
    }
    .products-grid .product-item:nth-child(4n+2),
    .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n+2),
    .page-layout-2columns-left .block.widget .products-grid .product-item:nth-child(4n+2),
    .page-layout-2columns-right .block.widget .products-grid .product-item:nth-child(4n+2),
    .page-layout-3columns .block.widget .products-grid .product-item:nth-child(4n+2),
    .page-products.page-layout-1column .products-grid .product-item:nth-child(4n+2),
    .page-products.page-layout-2columns-left .products-grid .product-item:nth-child(4n+2),
    .page-products.page-layout-2columns-right .products-grid .product-item:nth-child(4n+2),
    .page-products.page-layout-3columns .products-grid .product-item:nth-child(4n+2) {
        border-left-width: 2.5px;
        border-right-width: 5px;
    }
    .page-layout-1column .block.widget .products-grid .product-item:first-child,
    .page-layout-2columns-left .block.widget .products-grid .product-item:first-child,
    .page-layout-2columns-right .block.widget .products-grid .product-item:first-child,
    .page-layout-3columns .block.widget .products-grid .product-item:first-child,
    .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n+1),
    .page-layout-2columns-left .block.widget .products-grid .product-item:nth-child(4n+1),
    .page-layout-2columns-right .block.widget .products-grid .product-item:nth-child(4n+1),
    .page-layout-3columns .block.widget .products-grid .product-item:nth-child(4n+1),
    .page-products.page-layout-1column .products-grid .product-item:first-child,
    .page-products.page-layout-2columns-left .products-grid .product-item:first-child,
    .page-products.page-layout-2columns-right .products-grid .product-item:first-child,
    .page-products.page-layout-3columns .products-grid .product-item:first-child,
    .page-products.page-layout-1column .products-grid .product-item:nth-child(4n+1),
    .page-products.page-layout-2columns-left .products-grid .product-item:nth-child(4n+1),
    .page-products.page-layout-2columns-right .products-grid .product-item:nth-child(4n+1),
    .page-products.page-layout-3columns .products-grid .product-item:nth-child(4n+1) {
        border-left-width: 0px;
        border-right-width: 7.5px;
    }
    .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n+4),
    .page-layout-2columns-left .block.widget .products-grid .product-item:nth-child(4n+4),
    .page-layout-2columns-right .block.widget .products-grid .product-item:nth-child(4n+4),
    .page-layout-3columns .block.widget .products-grid .product-item:nth-child(4n+4),
    .page-products.page-layout-1column .products-grid .product-item:nth-child(4n+4),
    .page-products.page-layout-2columns-left .products-grid .product-item:nth-child(4n+4),
    .page-products.page-layout-2columns-right .products-grid .product-item:nth-child(4n+4),
    .page-products.page-layout-3columns .products-grid .product-item:nth-child(4n+4) {
        border-left-width: 7.5px;
        border-right-width: 0px;
    }
    .block.widget .product-item-info {
        width: auto;
    }
    .page-products .products-grid .product-item {
        width: 25% !important;
    }
    .modes-mode {
        border: 3px solid #f5f5f5 !important;
        border-right-width: 0 !important;
        background: #fff;
    }
    .modes-mode:last-child {
        border-right: 3px solid #f5f5f5 !important;
    }
    .modes-mode.active {
        background: #f5f5f5;
    }
}

