﻿/*Custom Grid Styles Start*/
.plp-grid{
    clear:left;
}
.plp-grid:after {
  content: "";
  display: table;
  clear: both;
}

.plp-grid1,.plp-grid2,.plp-grid3,.plp-grid4,.plp-grid5,.plp-grid6,.plp-grid7,.plp-grid8,.plp-grid9,.plp-grid10,.plp-grid11,.plp-grid12{
    display:inline-block;
    float:left;
    box-sizing:border-box;
    padding:0em 1em 0.8em 0;
    
}
.plp-grid-no-padding .plp-grid1,.plp-grid-no-padding .plp-grid2,.plp-grid-no-padding .plp-grid3,.plp-grid-no-padding .plp-grid4,.plp-grid-no-padding .plp-grid5,.plp-grid-no-padding .plp-grid6,.plp-grid-no-padding .plp-grid7,.plp-grid-no-padding .plp-grid8,.plp-grid-no-padding .plp-grid9,.plp-grid-no-padding .plp-grid10,.plp-grid-no-padding .plp-grid11,.plp-grid-no-padding .plp-grid12{
    padding:0;
}

/*Full Width (12 Columms)*/
.plp-grid1{
    width:8.333333%;
}
.plp-grid2{
    width:16.666667%;
}
.plp-grid3{
    width:25%;
}
.plp-grid4{
    width:33.333333%;
}
.plp-grid5{
    width:41.666667%;
}
.plp-grid6{
    width:50%;
}
.plp-grid7{
    width:58.333333%;
}
.plp-grid8{
    width:66.666666%;
}
.plp-grid9{
    width:75%;
}
.plp-grid10{
    width:83.333333%;
}
.plp-grid11{
    width:91.666666%;
}
.plp-grid12{
    width:100%;
    padding-right:0;
}

.plp-grid-break12{
    padding-right:0;
}
@media(max-width:40em){
    /*Half Width (6 Columns)*/
    .plp-grid1{
        width:16.666667%;
    }
    .plp-grid2{
        width:33.333333%;
    }
    .plp-grid3{
        width:50%;
    }
    .plp-grid4{
        width:66.666666%;
    }
    .plp-grid5{
        width:83.333333%;
    }
    .plp-grid6,.plp-grid7,.plp-grid8,.plp-grid9,.plp-grid10,.plp-grid11,.plp-grid12{
        width:100%;
        padding-right:0;
    }
    .plp-grid-break12{
        padding-right:0;
    }
    .plp-grid-break12{
        padding-right:0;
    }
    .plp-grid-break6{
        padding-right:0;
    }
}
@media(max-width:20em){
    /*Twelveth Width (1 Column)*/
    .plp-grid1,.plp-grid2,.plp-grid3,.plp-grid4,.plp-grid5,.plp-grid6,.plp-grid7,.plp-grid8,.plp-grid9,.plp-grid10,.plp-grid11,.plp-grid12{
        width:100%;
        padding-right:0;
    }
}
/*Custom Grid Styles End*/

/*Responsive Styles*/

@media(max-width:40em){
    /*My Account- Saved Carts start*/
	#reg-buttonset{
		margin-right:0;
	}
	#reg-buttonset .reg-button{
		margin-right:0;
	}
	.reg-button .ui-button-text{
		font-size:0.7em;
		padding:1.6em 0.6em;
	}	
    /*Address Book Page Styles*/
    #plp-address-list, #plp-add-address {
        float: none;
        clear: both;
        width: 100%;
    }
}
@media(max-width:30em){
    /*My Account- Saved Carts start*/
	#reg-buttonset{
		margin-right:0;
	}
	#reg-buttonset .reg-button{
		width:33.3333%;
		box-sizing: border-box;
		margin-right:0;
	}
	.reg-button .ui-button-text{
		font-size:0.8em;
		padding: 0.4em 1em;

	}
    /*New User Registration*/
    .ecomm-required-header{
        float:none;
        display:block;
        font-size:0.8em;
    }
    
    /*Pagination*/
    #plp-page-pagination {
        font-size: 0.8em;
    }
    #plp-page-pagination select{
        padding:0;
        margin:0;
        height:1.5em;
        vertical-align:initial;
    }

    /*Filters*/
    .filter-list{
        max-width:14em;
    }
    .filter-list *{
        max-width:100%;
        box-sizing:border-box;
        border:0;
        margin:0;
        padding:0;
    }
    .filter-list option{
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .filter-list input[type="text"]{
        margin-bottom:0;
    }
    /*Card Styles*/
    .pcat-card{
        min-width:unset;
        max-width:100%;
    }
}