#main-container {
    margin-bottom: 1rem;
}

.pl-addressCard {
    padding-bottom: 15px
}

.pl-addressCard label {
    font-weight: 600;
}

.flex {
    display: flex;
}

#cscSection .row {
    align-items: center;
    padding: 10px 0px 5px 15px;
}

.plSubEdit {
    padding-left: 5px;
    font-size: 12px;
}

#cscSection p {
    margin: 0;
    font-weight: 600;
}

#CSC {
    width: 5rem;
    margin-left: 5px
}

#CSC input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.pl-addressCard p {
    margin-bottom: 0;
}

.radio {
    align-items: baseline;
}

.tbl-qty {
    width: 60px;
}

.radio label {
    margin-left: 5px;
}

.tbl-action button {
    background: none;
    border: none;
}

.tbl-action button {
    width: 100%;
}

.info-banner {
    color: white;
    border-radius: 0 0 5px 5px;
    background-color: #dedede;
    margin-bottom: 1rem;
    padding: 0;
    height: 14rem;
    overflow: hidden;
}

.info-details {
    z-index: 1;
    position: absolute;
    top 0;
    padding: 1rem 2rem;
}

.info-banner h1 {
    font-family: 'oswald', sans-serif;
    font-size: 3rem;
}

.info-banner a {
    color: #ffffff;
    font-size: 1rem;
    font-family: 'oswald', sans-serif;
}

.info-banner img {
    width: 100%;
    filter: brightness(60%);
    -webkit-filter: brightness(60%);
}

#info-header h2,
#info-header h3 {
    font-family: 'Oswald', sans-serif;
}

#filter-form ul {
    list-style: none;
    padding: 0;
}

#sort-form .card-header a,
#filter-form .card-header a {
    padding: 0;
    font-weight: 500;
    color: black !important;
    text-decoration: none;
}

#filter-form .card-body .col-12 {
    padding-bottom: .4rem;
}

#account-section p {
    font-size: 14px;
}

.info-container {
    background-color: white;
    border-radius: 5px;
    padding: 1.5rem;
}

.info-container ul {
    list-style: none;
    padding: 0 15px;
}

.info-container li {
    padding: 5px 0px;
}

.info-section h3 {
    margin: 1rem 0;
}

.info-section a {
    color: #026CD0;
}

.disclaimer p {
    color: #5a5a5a;
}

.info-section button {
    color: #026CD0 !important;
    cursor: pointer;
    background-color: inherit;
    border: 0;
    padding: 1rem 0;
    font-weight: 500;
    text-align: left;
}

.info-container button label {
    margin-bottom: 0;
    padding: 2px;
}

.info-section button:hover {
    color: #026CD0 !important;
    cursor: pointer;
    background-color: inherit !important;
    text-decoration: underline;
    border: 0;
}

.info-section p,
.info-link ul li {
    font-family: 'Open Sans', sans-serif;
    color: #6c6c6c;
    font-size: 1rem;
}

.info-section p a {
    color: #026CD0;
}

.default a {
    color: #026CD0;
    font-weight: 600;
    font-size: 12px;
}

.info-link {
    border-bottom: 1px solid #e0e0e0;
}

.info-link ul li {
    padding: .5rem 0;
    color: #6c6c6c;
}

.show-info {
    max-height: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 100ms cubic-bezier(0.355, 0.005, 1.000, 0.515);
    -moz-transition: all 100ms cubic-bezier(0.355, 0.005, 1.000, 0.515);
    -o-transition: all 100ms cubic-bezier(0.355, 0.005, 1.000, 0.515);
    transition: all 100ms cubic-bezier(0.355, 0.005, 1.000, 0.515);
}

.show-more {
    height: auto;
    max-height: 100%;
    -webkit-transition: all 100ms cubic-bezier(0.355, 0.005, 1.000, 0.515);
    -moz-transition: all 100ms cubic-bezier(0.355, 0.005, 1.000, 0.515);
    -o-transition: all 100ms cubic-bezier(0.355, 0.005, 1.000, 0.515);
    transition: all 100ms cubic-bezier(0.355, 0.005, 1.000, 0.515);
}

.line-tight {
    line-height: 10px;
}

.line-tight p {
    margin-bottom: 0.5rem;
}

#filters img {
    width: 100%;
    border-radius: 5px;
}

.Newletter-details p {
    font-size: .9rem;
}

.edit {
    color: #026CD0;
    background: 0;
    border: 0;
}

.edit:hover {
    cursor: pointer;
    color: #0b56ab;
    background: 0 !important;
}

.cancel {
    color: #f20d0d;
    background: 0;
    border: 0;
}

.cancel:hover {
    cursor: pointer;
    color: #b50d0d;
    background: 0 !important;
}

.account-details p {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 600;
}

.account-details p span {
    font-weight: 500;
}

.info-container table {
    width: 100%;
}

.info-container table a {
    color: #026CD0;
}

.order-listings {
    margin-bottom: 10px;
}

.order-listings p {
    margin-bottom: 2px;
}

.data-table th {
    background-color: #ececec;
}

.data-table td {
    background-color: #fffcfc;
}

.info-container select {
    width: 100%;
    padding: 5px;
}

.select-table .select-header {
    align-items: center;
    display: flex;
}

.select-table .select-header p {
    margin-bottom: 0;
}

.modal-body input {
    padding: 5px;
}

.info-container input[type="radio"] {
    display: flex;
    align-items: center;
}

#pull-list-status {
    border-radius: 5px;
    border: 2px solid #e3e3e3;
    margin: auto;
}

#pull-list-status p {
    margin-bottom: 5px;
}

.select-table table td {
    padding: 10px;
}

.select-table table tr:nth-child(even) {
    background-color: #ececec;
}

.fa-question-circle {
    padding: 0 5px;
    transition: .2s ease-out;
}

.fa-question-circle:hover {
    opacity: .5;
}

.stripe thead th {
    background-color: #e3e3e3;
}

.stripe tbody tr:nth-child(odd) {
    background-color: #eaeaea;
}

#upcoming-items th {
    background-color: #cecece;
}

#upcoming-items tr:nth-child(odd) {
    background-color: #f0f0f0;
}

.tbl-type,
.tbl-qty,
.tbl-price,
.tbl-total {
    text-align: center;
}

.tbl-action {
    text-align: right;
}

.more-info i {
    color: black;
}

.actions button {
    color: #484848;
    border: 0;
    background: 0;
}

.actions button:hover {
    border: 0;
    transform: scale(1.2);
    background: 0 !important;
}

.modal-dialog .close {
    width: 50px !important;
}

.modal-dialog .close:hover {
    background-color: inherit !important;
}

#editProfile p {
    font-size: 14px;
}

#editProfile table tr td:nth-child(odd) {
    padding-right: 15px;
}

.alert-container {
    border-radius: 5px;
    border: 2px solid #f7f7f7;
}

#alert-center {
    max-height: 8rem;
    overflow-x: hidden;
    overflow-y: scroll;
}

#alert-center>div {
    padding: 5px 10px;
}

#alert-center div:nth-child(odd) {
    background-color: #ececec;
}

#alert-center button {
    float: right;
}


/*
table tr:hover{
    background-color: #e3e3e3 !important;
}
*/

#my-orders table td,
#my-previews table td {
    text-align: center;
}

#my-orders table th,
#my-previews table th {
    background-color: #e5e5e5;
}

#my-orders table tr td,
#my-previews table tr td {
    padding: 5px;
}

#my-orders table tr:nth-child(even),
#my-previews table tr:nth-child(even) {
    background-color: #f7f7f7;
}

.modal-footer button {
    font-weight: 700;
}

.address-card {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin: 1% 1%;
}

.address {
    margin-top: 10px;
}

.delete-address {
    top: 5px;
    right: 5px;
    position: absolute;
}

.delete-address i {
    font-size: 22px;
}

.delete-address:hover {
    color: #6c6c6c !important;
}

.address p {
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* number of lines to show */
    -webkit-line-clamp: 1;
    max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
}

.address-button button {
    margin-top: 5px;
    width: 100%;
}

.address-card h4 {
    width: 95%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 16px;
    max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
}

#editModal .modal-header {
    padding: 5px;
}

#address-nickname {
    font-size: 20px;
    padding: 5px 10px;
    margin: 0;
    color: #026CD0;
    font-weight: 700;
    width: 100%;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #c4c4c4;
}

#address-nickname:focus {
    border-bottom: 2px solid #026CD0;
    animation-name: colorwipe;
    animation-duration: 2s;
    background-color: white !important;
    outline: 0;
}

@keyframes colorwipe {
    from {
        background-color: #c4c4c4;
    }
    to {
        background-color: #c4c4c4;
    }
}

.add-address {
    padding: 10px;
}

.add-address button {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    border: 2px dashed #a5cfff;
    border-radius: 5px;
}

.add-address i {
    padding: 0 5px;
}

.add-address span {
    width: 100%;
}

.modal {
    z-index: 999999;
}

.trash {
    font-size: 1.5rem;
}

#comicModal .modal-dialog {
    max-width: 700px;
}

#comicModal .modal-dialog img {
    width: 100%;
}

#comicModal .modal-dialog h4 {
    padding-top: 10px;
}

#comicModal .modal-dialog p {
    padding-top: 15px;
    font-size: 14px;
}

.modal-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.pl-title-section h4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#newGiftCards p {
    font-size: 14px;
}

#gc-delivery {
    padding-left: 30px;
}

#gc-delivery button {
    border-radius: 5px;
    border: 2px solid white;
    padding: 5px 10px;
    font-weight: 500;
}

#gc-delivery button:hover {
    color: white;
    background-color: #026CD0;
}

#gc-delivery .active {
    background-color: #026CD0;
    padding: 12px;
    color: white;
}

#gc-design {
    padding-left: 30px;
}

.giftcard-container {
    padding: 10px;
}

.giftcard-container .active {
    border-color: #ec2100;
    border-radius: 12px;
}

.giftcard-container img {
    width: 100%;
    border-radius: 4px;
    border: 4px solid white;
}

#banner-header {
    margin-top: 1px;
    margin-bottom: 15px;
    z-index: -1;
}

#banner-header img {
    width: 100%;
    margin: auto;
    border-radius: 0 0 4px 4px;
}

.delivery-form h3,
.delivery-form p{
    font-size: 16px;
    font-weight: 600;
}

.delivery-form td {
    padding: 5px 10px;
}

.delivery-form td:nth-child(odd) {
    display: flex;
}

.delivery-form .qty {
    width: 30%;
}

.delivery-form td .col-2 {
    padding-right: 0;
}

.delivery-form input[type="radio"] {
    height: 0px;
}

.delivery-form .checkbox label {
    border: 0;
    width: auto;
    height: auto;
    padding: 2px 10px;
    border-radius: 5px;
    margin: 0;
    font-weight: 600;
}

.delivery-form .checkbox label:hover {
    cursor: pointer;
}

.delivery-form .checkbox input + label {
    background-color: #e3e3e3;
    margin-left: 15px;
}

.delivery-form .checkbox input:checked + label {
    background-color: #026CD0;
    color: white;
}

.delivery-form .col-3,
.delivery-form .col-9 {
    margin-bottom: 10px;
}

.delivery-form textarea {
    width: 100%;
}

#city-fld {
    width: 100%;
}

#add-gc-cart {
    width: 100%;
}

#gift-pin {
    width: 74px;
}

#add-new-address {
    margin: 20px;
    margin-left: 0;
    padding: 20px;
    border-radius: 4px;
    background-color: #f0f8ff;
}

#add-new-address h3 {
    padding-top: 10px;
}

.order-payment-details p {
    font-size: 14px;
}

.order-payment-details td {
    text-align: left !important;
}

.order-payment-details th {
    background-color: white!important;
}

.order-payment-details td {
    padding: 5px;
}

.order-payment-details tr:nth-child(even) {
    background-color: #ededed;
}

.order-item h3 {
    font-size: 16px;
}

.order-item {
    width: 100%;
    margin: 10px 0 10px 0;
}

.order-item p {
    font-size: 14px;
    margin-bottom: 4px;
}

.order-item img {
    width: 100%;
    border-radius: 2px;
}

.grand-total {
    border-top: 1px solid #d1d1d1;
}

.process-details {
    width: 100%;
}

.process-details h4 {
    float: right;
    color: #2a2a2a;
}

.item-status p {
    padding-right: 10px;
}

.st-ship {
    color: #026CD0;
}

.st-bo {
    color: #c14300;
}

.st-ofs {
    color: #1d711d;
}

.st-ret {
    color: #cc2020;
}

.order-total {
    width: 100%;
}

.order-total table {
    /*
    float: right;
    width: 350px;
*/
}

.order-total .order-price {
    text-align: right;
}

.order-total p {
    font-size: 16px;
}

.order-total .shipping-method {
    font-size: 12px;
    margin-top: -5px;
    color: #6d6d6d;
}

#news-letter-panel input[type="email"] {
    width: 50%;
    margin: 0 0 15px 0;
    padding: 5px;
}

#news-letter-panel .checkbox {
    margin: 10px 0
}

#news-letter-panel .primary-btn {
    width: 100%;
    margin: 20px 0;
}

@media only screen and (max-width: 1500px) {}

@media only screen and (max-width: 1440px) {
    #social {
        width: 20%;
    }
    .container-fluid,
    #news-letter-container {
        width: 80%;
    }
	.address-card {
		-ms-flex: 0 0 33%;
		flex: 0 0 33%;
		max-width: 33%;
	}
}

@media only screen and (max-width: 1080px) {
    .container-fluid,
    #news-letter-container {
        width: 90%;
    }
    .card-header {
        padding: 5px 10px;
    }
    .card-header a {
        padding: .5rem;
    }
}

@media only screen and (max-width: 980px) {
    .container-fluid,
    #news-letter-container {
        width: 95%;
        padding: 0;
    }
    #news-letter-panel input[type="email"] {
        width: 100%;
        margin: 0 0 15px 0;
    }
}

@media only screen and (max-width: 768px) {
    #social {
        width: 30%;
    }
    .info-details h1 {
        font-family: 'Roboto', sans-serif;
        font-size: 2rem;
    }
    #main-container > .col-3 {
        padding-left: 0;
        margin-left: 0;
    }
    .info-section p {
        font-size: 2vw;
    }
	
	#divPullPre{
		margin: 0;
	}
	
    #news-letter-panel h3 {
        width: 70%;
    }
    #main-container .col-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 10vw;
    }
    #main-container .col-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
    .info-container .col-md-6 {
        margin-bottom: 5vw
    }
    #info-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        width: 100%;
        padding: 0 4vw;
    }
    #info-header button {
        right: 0;
        top: -15px;
        position: absolute;
        font-size: 5vw;
    }
    .tbl-title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    #claim-gift {
        width: 100%;
    }
    #gc-delivery {
        padding-left: 0px;
    }
    #giftcards form button {
        width: 25%;
    }
    .scroll-table {
        width: 100%;
        overflow-x: scroll;
    }
    .address-card {
        flex: 0 0 90% !important;
        max-width: 90% !important;
        width: 90%;
        margin: 2vw auto;
        padding: 2vw;
        padding-bottom: 2vw !important;
    }
    .add-address {
        padding: 0 !important;
    }
    .add-address button {
        border-radius: 5px;
        border: 2px solid #026CD0;
        padding-top: 2vw;
        font-weight: 700;
    }
    /*
    .giftcard-container{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; 
    }
*/
    .delivery-form .col-3 {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
        padding-bottom: 20px !important;
    }
    .delivery-form .col-9 {
        -ms-flex: 0 0 70% !important;
        flex: 0 0 70% !important;
        max-width: 70% !important;
    }
    .delivery-form .checkbox {
        width: 50%;
        padding: 5px;
    }
    .delivery-form .checkbox input + label {
        margin: auto;
        width: 100%;
    }
    #gc-design-container {
        margin: auto;
    }
    #add-gc-cart {
        width: 100%;
    }
    #sort-form .card-header a,
    #filter-form .card-header a {
        color: black;
    }
}

@media only screen and (max-width: 640px) {
    .info-banner {
        height: 30vw;
    }
    .order-item .col-2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }
    .order-item img {
        width: 50%;
    }
    .order-item .col-10 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .container-fluid {
        width: 95%;
        padding: 0;
    }
    #news-letter-container {
        width: 100%;
    }
    #info-header {
        padding-left: 6vw;
    }
    .info-details h1 {
        font-size: 5.5vw;
    }
    .info-section p,
    .info-link ul li {
        font-size: 3vw;
    }
    .store-section .store-img {
        max-height: 200px;
    }
    #comicModal .modal-header {
        padding: .1rem .5rem;
    }
    #comicModal .modal-dialog {
        max-width: 280px;
        margin: auto;
    }
    #comicModal .modal-dialog h4 {
        padding: 0;
    }
    #comicModal .modal-dialog img {
        width: 75%;
        display: flex;
        margin: auto;
    }
    .pl-title-section .col-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .pl-title-section .col-8 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
    .delivery-form {
        max-width: 85%;
        -ms-flex: 0 0 85%;
        flex: 0 0 85%;
        margin: auto !important;
    }
    .delivery-form .checkbox input + label {
        font-size: 20px;
    }
    .delivery-form .col-3 {
        -ms-flex: 0 0 95% !important;
        flex: 0 0 95% !important;
        max-width: 95% !important;
        padding-bottom: 0px !important;
        margin: 0;
        padding: 0;
    }
    #gc-delivery button {
        width: 100%;
    }
    h4.col-12 {
        padding: 0;
        font-size: 20px;
    }
    .delivery-form .col-9 {
        -ms-flex: 0 0 95% !important;
        flex: 0 0 95% !important;
        max-width: 95% !important;
    }
    .delivery-form .col-9 input[type="text"] {
        width: 100%;
    }
    .delivery-form .checkbox label {
        border: 0;
        width: 75px;
        height: auto;
        padding: 2px 15px;
        border-radius: 5px;
        font-weight: 600;
        text-align: center;
        margin: 2px;
    }
}

@media only screen and (max-width: 380px) {
    #news-letter-panel h3 {
        font-size: 5vw;
    }
    .tbl-type {
        max-width: 3vw;
        overflow: hidden;
        word-wrap: normal;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .tbl-title {
        overflow: hidden;
        word-wrap: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    #upcoming-items {
        overflow-x: auto;
        font-size: 4vw;
    }
    #info-header button {
        right: 15px;
        top: 5px;
    }
}


/**
    mobile filters css
**/

@media only screen and (max-width: 768px) {
    #filters img {
        display: none;
    }
    #filters .header {
        position: sticky;
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        top: 0px;
        z-index: 99;
    }
    .container-fluid {
        padding-top: 0rem !important;
    }
    .middle {
        float: left;
        padding-left: 15vw;
    }
    .card {
        border-left: 0;
        border-right: 0;
    }
    .card-header {
        padding: .75rem 1.25rem;
        margin-bottom: 0;
        background-color: rgba(0, 0, 0, .03);
        border-bottom: 1px solid rgba(0, 0, 0, .125);
    }
    #reset-section {
        display: none;
    }
    .size-checkbox {
        margin: auto;
    }
    #search-main {
        margin-bottom: 10vw;
    }
    .card-body .customCheckBox {
        background-color: #dbdbdb;
        border: #a3a3a3;
        border-radius: 4px;
        height: 5vw !important;
        width: 5vw !important;
    }
    #show-ofs + label {
        border-radius: 5px;
        border: #a3a3a3;
        background-color: #dbdbdb;
    }
    .customCheckBox input:checked + label {
        background-color: white;
        border: white;
    }
    .checkbox input:checked + label i {
        font-size: 3.5vw !important;
        padding: .4vw !important;
    }
    .filter-chips-container {
        padding: 4vw 0;
    }
    #filters {
        position: fixed;
        overflow-y: scroll;
        top: 0;
        left: 0;
        padding: 0;
        box-shadow: none;
        display: block;
        transform: translateX(1000px);
        height: 100%;
        width: 100%;
        max-width: 100%;
        font-size: 5vw;
        background-color: white;
        color: white;
        z-index: 999999;
        -webkit-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        -moz-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        -o-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        /* ease-in-out */
        -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        /* ease-in-out */
    }
    #filters button {
        position: absolute;
        left: 0;
    }
    #filters button:hover {
        color: white;
    }
    #filters .header h2 {
        font-size: 5vw;
        padding: 1vw;
    }
    #filters .shadow {
        box-shadow: none !important;
    }
    .showFilters {
        transform: translateX(0) !important;
    }
    .card-header a {
        font-size: 1.5vw;
    }
    .card-body {
        padding: 1vw;
    }
    .card-body a {
        font-size: 4vw;
    }
    .mf-header {
        position: static;
        font-weight: 700;
        background-color: #0f79f2;
        padding: 2vw;
        text-align: center;
    }
    #m-discount-section {
        border-top: 2px solid #dbdbdb !important;
    }
    #ofs-section,
    #discount-section {
        font-weight: 600;
    }
    #discount-section {
        padding: 0 5vw;
    }
    #discount-slider {
        padding: 5vw 0;
    }
    #ofs-section {
        padding-top: 2vw;
    }
    #slider-value {
        top: 4.5vw !important;
        position: relative;
        min-width: 15vw;
        text-align: right;
        color: black;
        padding-right: 5vw;
        position: relative !important;
        min-width: inherit !important;
        text-align: left !important;
        float: left;
    }
    #discount-section input {
        color: white !important;
    }
    .filter-name {
        padding-left: 10vw;
    }
    #filters label {
        font-size: 4vw !important;
    }
    #filters .card-body label {
        font-size: 3.5vw !important;
    }
    #filters .card-body a {
        font-size: 12px;
    }
    #filters ul li i {
        color: white;
    }
    #filters .card-header i {
        color: black !important;
    }
    #clearance {
        color: black;
    }
    #filters .card-body i {
        display: none;
    }
    #filters .card-body .checkbox span {}
    .mf-header button {
        color: white;
        font-weight: 700;
        background: none;
        border: none;
        border-radius: 5px;
    }
    .mf-header i {
        -webkit-transition: all 500ms cubic-bezier(0.480, -0.005, 1.000, 0.470);
        -moz-transition: all 500ms cubic-bezier(0.480, -0.005, 1.000, 0.470);
        -o-transition: all 500ms cubic-bezier(0.480, -0.005, 1.000, 0.470);
        transition: all 500ms cubic-bezier(0.480, -0.005, 1.000, 0.470);
    }
    .mf-header i:hover {
        transform: scale(1.2) rotate(360deg);
    }
    .accordion .card-header {
        background-color: #f7f7f7;
    }
    .accordion .f-header {
        font-weight: 600;
        font-size: 5vw;
        color: black !important;
    }
    .accordion .card {
        text-align: center;
        background-color: white;
    }
    .card-header:hover i {
        transform: scale(1);
    }
    .accordion td {
        width: 50vw;
        text-align: left;
        padding: 1vw 1vw
    }
    .show-out-stock {
        padding: 4vw 0 0 0;
        color: black;
        background-color: white;
    }
    #discount-slider {
        width: 75% !important;
    }
    .card-header a {
        font-size: 5vw;
    }
    .card-body label {
        font-size: 4vw;
    }
    .card-body {
        padding: 5vw 8vw;
        text-align: left;
        margin: auto;
        background-color: white;
        color: black;
        font-weight: 500;
    }
    .card-body .checkbox {
        padding: 0;
        width: 50%;
    }
    .card-body .checkbox:nth-child(odd) {
        float: left;
    }
    .card-body .checkbox:nth-child(even) {
        float: right;
    }
    .limit-search .checkbox {
        float: none !important;
        width: 33%;
    }
    #f-size .card-body .checkbox {
        width: 20%;
        margin: auto;
    }
    #f-size .checkbox-text {
        position: relative;
        color: white;
        width: 14vw;
        text-align: center;
        left: 0vw;
        top: -11vw;
        font-weight: 700;
    }
    #f-size .customCheckBox {
        background-color: #717171;
        height: 10vw !important;
        width: 14vw !important;
    }
    #f-size .customCheckBox i {
        display: none !important;
    }
    #f-size input:checked + .customCheckBox {
        background-color: #026CD0 !important;
        color: #004b9f !important;
        border-radius: 5px;
        border-width: 0;
    }
    #f-size input:checked ~ label {
        color: white !important;
    }
}

@media only screen and (max-width: 420px) {
    #phys-address {
        width: 100% !important;
    }
    #add-new-address {
        margin: 5px 0;
        padding: 15px 5px;
    }
    #add-new-address .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #phone-fld {
        width: 100%;
    }
    #account-section p {
        font-size: 14px;
        line-height: 14px;
    }
    .modal-body input {
        width: 100%;
    }
}