﻿@media all and (min-width: 1920px) {
/* GLOBAL STYLING */
.master-wrapper-page {
    margin: 0 auto;
}
.header.normal .header-menu-parent {
    /*max-width: 57%;*/
}    
.page-title h1 {
    padding: 40px 0;
    font-size: 40px;
}
.page-title h1, 
.forums-main-page .topic-block h2, 
.forum-name h1, 
.topic-name h1 {
    font-size: 40px;
}
.title-breadcrumb-wrapper {
    padding-top: 45px;
}
.breadcrumb {
    margin-bottom: 5px;
}


/* CATEGORY PAGE & GRIDS */

/* home page */

    .home-page-category-grid > .title, 
    .product-grid > .title {
        margin-bottom: 50px;
    }
    .home-page-category-grid .item-grid .title {
        top: 40px;
        left: 30px;
        margin: 0;
        padding: 0;
    }
    .item-box .title span.view-all {
        font-size: 13px;
    }
    
    .product-grid .item-box .details {
        padding: 40px 15px 0;
    }
    .product-grid .item-box .product-title {
        margin-bottom: 5px;
    }
    .product-grid .item-box .details .product-rating-box {
        /*display: block;*/
        display: none;
    }
    .product-grid  .item-box .description {
        max-height: 75px;
    }

/* category page */

.category-grid.sub-category-grid {
    margin-bottom: 130px;
}
.title-breadcrumb-wrapper .page-title h1,
.breadcrumb-name-wrapper .product-name h1,
.forum-page .title-breadcrumb-wrapper .forum-name h1, 
.topic-name h1 {
    padding: 0 180px 25px;
}
.twocolumns .product-selectors {
    left: 20.8%;
}
.center-2 {
    /*width: 78.4%;*/
    width: 82%;
}
.side-2 {
    max-width: 300px;
}
.category-page .item-box,
.manufacturer-page .item-box,
.vendor-page .item-box,
.twocolumns .product-grid .item-box {
    width: 33%;
    margin: 0 0 0.5% 0.5%;
}
.category-page .item-box:nth-child(2n+1),
.manufacturer-page .item-box:nth-child(2n+1),
.vendor-page .item-box:nth-child(2n+1),
.twocolumns .product-grid .item-box:nth-child(2n+1) {
    clear: none;
    margin: 0 0 0.5% 0.5%;
}
.category-page .item-box:nth-child(3n+1),
.manufacturer-page .item-box:nth-child(3n+1),
.vendor-page .item-box:nth-child(3n+1),
.twocolumns .product-grid .item-box:nth-child(3n+1) {
    clear: both;
    margin: 0 0 0.5%;
}
.category-page .item-box .product-title {
    font-size: 22px;
}
.hover-effect-1 .onecolumn .item-box .buttons div {
    margin: 0 !important;
    text-align: left;
}
.hover-effect-1 .onecolumn .item-box .buttons div a, 
.hover-effect-1 .onecolumn .item-box .buttons div .button-2 {
    height: 60px;
    margin: 0;
    line-height: 60px;
}
.hover-effect-1 .twocolumns .product-grid .item-box .details .buttons div {
    text-align: left;
}
.hover-effect-2 .onecolumn .tooltip-text {
    bottom: 25%;
}

/* products in list */

.category-page .product-list .item-box {
    margin-bottom: 0.7%;
    background-color: #fff;
}
.product-list .item-box .picture + .details:before, 
.product-list .item-box .ribbon-wrapper + .details:before {
    content: '';
    position: absolute;
}
.product-list .item-box .picture + .details, 
.product-list .item-box .ribbon-wrapper + .details {
    margin: 0 260px;
}
.product-list .item-box .description {
    max-height: 75px;
}

.hover-effect-1 .onecolumn .product-list .item-box .buttons div {
    text-align: center;
}


/* manufacturer and vendors */

.page-title h1,
.manufacturer-list-page .page-title h1,
.vendor-list-page .page-title h1 {
    padding-left: 180px;
    padding-right: 180px;
}
.manufacturer-grid .item-box,
.vendor-list-page .item-box {
    width: 19.5%;
    margin: 0 0 0.625% 0.625%;
}
.manufacturer-grid .item-box:nth-child(2n+1),
.manufacturer-grid .item-box:nth-child(3n+1),
.manufacturer-grid .item-box:nth-child(4n+1),
.vendor-list-page .item-box:nth-child(2n+1),
.vendor-list-page .item-box:nth-child(3n+1),
.vendor-list-page .item-box:nth-child(4n+1) {
    clear: none;
    margin: 0 0 0.625% 0.625%;
}
.manufacturer-grid .item-box:nth-child(5n+1),
.vendor-list-page .item-box:nth-child(5n+1) {
    clear: both;
    margin: 0 0 0.625%;
}

.onecolumn .pager {
	margin-left: 0.625%;
    margin-right: 0.625%;
}
/* PRODUCT PAGE */

.breadcrumb-name-wrapper {
    padding-top: 45px;
}
.product-name h1 {
    font-size: 40px;
}
.product-details-page .item-box .details .buttons,
.product-grid.cross-sells .item-box .buttons {
    display: block;
    right: 0;
    height: 320px;
}
.product-details-page .product-grid .tooltip-text {
    display: inline-block;
}

/* BLOG & NEWS */
    .blog-page .post, 
    .news-items .news-item {
        max-width: none;
    }


/* ACCOUNT PAGES */

.customer-pages-body .side-2 {
    max-width: none;
}
.customer-pages-body .center-side-wrapper {
    padding-top: 135px;
}


/* SHOPPING CART & CHECKOUT */

.shopping-cart-page .cart-total td.cart-total-left {
    padding-left: 115px;
}
.shopping-cart-page .cart-total td.cart-total-right {
    padding-right: 115px;
}

/* FORUM AND PROFILE */

.forum-group-page .forum-breadcrumb::before,
.active-discussions-page .forum-breadcrumb::before {
    top: 110px;
}
.forum-group-page .forum-breadcrumb,
.active-discussions-page .forum-breadcrumb {
    padding: 45px 0 90px;
}
.active-discussions-page > .topic-block-title {
    top: 75px;
}
.active-discussions-page > .topic-block-title h2 {
    padding: 0 180px;
    font-size: 40px;
}
.forums-table-section-title {
    top: 80px;
}
/*.forums-table-section-title a,
.forums-table-section-title strong {
    font-size: 40px;
    padding: 0 180px;
}*/


}

@media all and (min-width: 1501px) {
    /*styles for item-box list in one column*/
    .onecolumn .product-list .item-box {
        margin: 0 0 0.625% 0.625% !important;
        max-width: none !important;
        width: 32.5% !important;
    }
    .onecolumn .product-list .item-box:nth-child(2n+1) {
        clear: none !important;
    }
    .onecolumn .product-list .item-box:nth-child(3n+1) {
        clear: both !important;
    }
    .onecolumn .product-list .item-box .picture + .details {
        margin: 0 0 0 260px;
    }
    .hover-effect-2 .onecolumn .product-grid .item-box .buttons input {
        margin: 0 0 4px 4px;
    }
    .hover-effect-1 .product-grid .item-box .details .buttons .square-buttons-wrapper {
        padding-left: 80px;
    }


    /*styles for item-box grid in two column*/

    .hover-effect-1 .twocolumns .product-grid .item-box .details .buttons > div {
        padding: 0 0 0 70px;
    }



}

