/* RESPONSIVE.CSS */

#to-page #content #catDDList1 > ul > li:nth-child(6n+1),
#to-page #content ul.catDDThumbs li:nth-child(6n+1), 

#find-page .thumb ul li:nth-child(6n+1) {
    margin-left: 0;
}
#to-page #content #catDDList1 > ul > li:nth-child(6n),
#to-page #content ul.catDDThumbs li:nth-child(6n), 
#find-page .thumb ul li:nth-child(6n){
    margin-right: 0;
}
#topcategories ul li:nth-child(5n+1) {
    margin-left: 0;
}
#topcategories ul li:nth-child(5n){
    margin-right: 0;
}
.main-content > img {
    max-width: 100%;
}

@media screen and (min-width: 1261px) and (max-width: 1485px) {
    
    #find-page .thumb ul li, 
    #find-page .thumb ul li:nth-child(6n+1), 
    #find-page .thumb ul li:nth-child(6n) {
        width: 17.5%;
        margin: 2em 1.25%;
    }
    #find-page .thumb ul li:nth-child(5n+1) {
        margin-left: 0;
    }
   #find-page .thumb ul li:nth-child(5n){
        margin-right: 0;
   }
}

@media screen and (min-width: 1076px) and (max-width: 1260px) {
    
    #find-page .thumb ul li, 
    #find-page .thumb ul li:nth-child(6n+1), 
    #find-page .thumb ul li:nth-child(6n) {
        width: 22%;
        margin: 2em 1.75%;
    }
    #find-page .thumb ul li:nth-child(4n+1) {
        margin-left: 0;
    }
   #find-page .thumb ul li:nth-child(4n){
        margin-right: 0;
   }
}
@media screen and (min-width: 751px) and (max-width: 1070px) {
    #product-page #content .left-section {
        width: 90%;
        margin-bottom: 20px;
    }
    .nav a {font-size: 11px}
    .nav .drop-down-area li a.drop-down-btn:after {
        margin: 1em 0 0 .3em;
    }
}
@media screen and (min-width: 751px) and (max-width: 1125px) {
    
    #to-page #content #catDDList1 > ul > li,
    #to-page #content ul.catDDThumbs li, 
    #topcategories ul li {
        width: 30%;
        margin: 15px 2%;
    }
    #to-page #content #catDDList1 > ul > li:nth-child(3n+1),
    #to-page #content ul.catDDThumbs li:nth-child(3n+1),
    #topcategories ul li:nth-child(3n+1) {
        margin-left: 0;
    }
    #to-page #content #catDDList1 > ul > li:nth-child(3n),
    #to-page #content ul.catDDThumbs li:nth-child(3n), 
    #topcategories ul li:nth-child(3n) {
        margin-right: 0;
    }
    
}

@media screen and (max-width: 1075px) {
    .logo {
        float: none;
    }
    .nav {
        display: block;
        margin-left: 0;
        clear: left;
    }
    .search {
        margin-top: -7em;
    }
    
    #content .sidebar.left {
        width: 25%;
    }
    .main-content.has-sidebar {
        width: 73%;
    }
    #narrowByStr, #narrowByPrice, #narrowByAvail {
        left: 10em;
        top: 2.5em;
    }
    .sortby-div {
        margin-top: 2em;
    }
    #find-page .text ul li .prodDesc {
        max-width: 200px;
    }
    
    #find-page .thumb ul li, 
    #find-page .thumb ul li:nth-child(6n+1), 
    #find-page .thumb ul li:nth-child(6n) {
        width: 30%;
        margin: 2em 1.75%;
    }
    #find-page .thumb ul li:nth-child(3n+1) {
        margin-left: 0;
    }
   #find-page .thumb ul li:nth-child(3n){
        margin-right: 0;
   }
   #find-page .thumb ul li .prodQty .inputQtyBody {
       width: 1em;
   }
}

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

    .four-col .col {
        width: 47.5%;
        margin: 0 2% 2em 2%;
    }
    .four-col .col:nth-child(2n+1) {
        margin-left: 0;
    }
    .four-col .col:nth-child(2n+0) {
        margin-right: 0;
    }

    .three-col .col {
        width: 30%;
        margin: 0 2%;
    }
    .three-col .col:nth-child(3n+1) {
        margin-left: 0;
    }
    .three-col .col:nth-child(3n+0) {
        margin-right: 0;
    }

    .two-col .col {
        width: 47.5%;
        margin: 0 2%;
    }
    .two-col .col:nth-child(2n+1) {
        margin-left: 0;
    }
    .two-col .col:nth-child(2n+0) {
        margin-right: 0;
    }
    
    #find-page .text ul li .prodDesc {
        float: right;
        text-align: right;
        max-width: 325px;
        margin-top: -108px;
        height: 3em;
        overflow: hidden;
    }
    #find-page .text ul li .prodPrice {
        clear: right;
        margin-top: -55px;
    }
    #find-page .product-table-header ul li:nth-child(3n) {
        text-align: right;
        width: 60%;
        padding-right: 0.25em;
    }
    #find-page .product-table-header ul li:nth-child(3n):after {
        content: " / ";
    }
    
}

@media screen and (max-width: 750px) {
    #to-page #content #catDDList1 > ul > li,
    #to-page #content ul.catDDThumbs li, 
    #topcategories ul li {
        width: 46.25%;
        margin: 15px 3%;
    }
    
    #to-page #content #catDDList1 > ul > li:nth-child(2n+1),
    #to-page #content ul.catDDThumbs li:nth-child(2n+1), 
    #topcategories ul li:nth-child(2n+1) {
        margin-left: 0;
    }
    
    #to-page #content #catDDList1 > ul > li:nth-child(2n),
    #to-page #content ul.catDDThumbs li:nth-child(2n), 
    #topcategories ul li:nth-child(2n) {
        margin-right: 0;
    }
    
    #find-page .text ul li .prodDesc {
        max-width: 225px;
    }
    
    /*  // Un-comment if using productXLSI.jsp
    #product-page #content .left-section {
        width: 100%;
        float: none;
    }
    
    #product-page #content .price-box,
    #product-page #content .button-box,
    #product-page #content .product-tabs {
        float: none;
        clear: both;
        width: 100%;
        margin-bottom: 20px;
    }
    */
}