/*added by rahul on 13 Fab 2019 for stores checkout*/
body {
    font-family: 'Lato', sans-serif;
    color: #586261;
}

.item {
    font-family: 'Lato', sans-serif;
    color: #586261;
    font-size: 15px;
}

.redtext {
    color: #d10b0b !important;
    font-size: 13px;
    font-weight: normal;
    font-family: 'Lato', sans-serif;
}

#freeshipping-section .redtext {
    font-weight: bold;
    font-size: 13px;
}

.fontsizet {
    font-size: 15px;
}

.fontsize10 {
    font-size: 10px;
}

.fontsize12 {
    font-size: 12px !important;
}

.fontboldt {
    font-weight: bold;
}

.fontsize14 {
    font-size: 14px !important;
}

.strong {
    font-weight: 700;
}



.container-fluidStorecheckout {
    padding-left: 10px;
    padding-right: 10px;
}

.btn.btn-success {
    background-color: #4f8324;
    border-color: #4f8324;
}

.container-fluid .row {
    margin-left: 0;
    margin-right: 0;
}

.gap-vertical {
    margin: 8px 0;
}


/*added by ra on 10  mar 2021 for issue no 5545*/


.thirdbforcouponbtn {
    border: 1px solid #dbdbdb;
    background-color: #f9f8f5;
    min-height: 60px;
    border-radius: 3px;
}

div #qualifytaxexemptorders {
    /*min-width:220px;*/
    min-width: 70px;
}

.rxdivsty {
    color: #025685;
    padding-top: 5px;
}

.mart5 {
    margin-top: 5px !important;
}

.rxoptionsty {
    padding-top: 5px;
    padding-left: 25px;
    color: #950909;
    font-weight: bold;
}

.has-error .form-control {
    border-color: #Eb0400 !important;
}

#checkoutsection .error {
    color: #Eb0400;
    min-height: 20px;
    font-weight: bold;
}

#checkoutsection .has-error .control-label {
    color: #Eb0400;
}

.rx-back-color {
    background-color: #FEE8E8;
}

#Cartrxvalcheckedfirst-error, #Cartrxvalcheckedsecond-error {
    padding-left: 0px;
}

.chkwidth {
    transform: scale(1.5);
}

#checkoutsection .has-error.checkbox label, label.checkbox {
    color: #Eb0400;
}

/*ended*/


/*add by rahul  for checkout on 29-march-2017 dec 2016  */
#shopping-cart-table table {
    width: 100% !important;
}

.social-btn {
    float: left;
    /*padding-right: 5px;*/
    padding-right: 12px;
}

.rightheader {
    float: right;
    text-align: right;
    width: 50%;
    padding: 15px 10px 0 0;
}

.earnrewarddiv {
    margin-bottom: 10px;
    font-family: Myriad Pro;
    font-size: 20px;
    color: #267206;
    font-style: 'Roboto';
}

#MenuBarHome {
    background: url(../Images/MenuBarBackground.png) repeat-x;
    width: 100%;
    margin-top: 5px;
    height: 30px;
    border-bottom: 1px solid #cdccc7;
}

.shiptextdynamic {
    width: 80px;
    text-align: right;
    border-style: solid;
    border-width: 0px;
    font-weight: bold;
    padding: 1px;
}

.padgap {
    padding-top: 40px;
    padding-right: 5px;
}

.firstb {
    border: 1px solid #dbdbdb;
    background-color: #f9f8f5;
    /*min-height: 290px;*/
    min-height: 170px;
    border-radius: 3px;
    padding : 10px;
}

.pageHeadhpfy {
    color: #555d5c;
    font-size: 19px;
    /*font-size: 20px;*/
    margin-left: 15px;
    padding-bottom: 10px;
}

.divtextcolor {
    color: #267206;
}

.displaynone {
    display: none;
}

/*statrt added by rahul on 02 aug 2018*/
.logintoyouracc {
    padding-top: 35px;
    padding-bottom: 35px;
}

.secondbAccountbenefits {
    border: 1px solid #dbdbdb;
    background-color: #f9f8f5;
    min-height: 210px;
    border-radius: 3px;
}
/*added by rahul on 10 july 2018 for guest chckout*/
.pad0 {
    padding: 0px;
}

.margt {
    margin-top: 5px;
}

.guestulbold li {
    font-weight: bold;
}

.exclusivefontsize {
    font-size: 10px;
}

.padl10 {
    padding-left: 10px;
}
/*end by rahul on 02 aug 2018*/
.contentsection {
    margin-left: 15px;
    padding-bottom: 10px;
}

.secondb {
    border: 1px solid #dbdbdb;
    background-color: #f9f8f5;
    min-height: 250px;
    border-radius: 3px;
}

.thirdb {
    border: 1px solid #dbdbdb;
    background-color: #f9f8f5;
    min-height: 200px;
    border-radius: 3px;
}

.forthb {
    border: 1px solid #dbdbdb;
    background-color: #f9f8f5;
    min-height: 180px;
    border-radius: 3px;
}

.formbordertext {
    border-radius: 0px;
    width: 60%;
    border: 1px solid #999;
}

.formborder {
    border-radius: 0px;
    width: 100%;
    border: 1px solid #999;
}

.formborderddl {
    border-radius: 0px;
    width: 100%;
    border: 1px solid #999;
    margin-bottom: 10px;
}

.formbordertexterea {
    border-radius: 0px;
    height: 50px;
    width: 95%;
    border: 1px solid #999;
}

.btnbootstrap {
    font-size: 25px !important;
    border-radius: 0px;
}

.btnbootstrapfrom {
    font-size: 15px !important;
    border-radius: 0px;
}

.btnbootstrapshop {
    border-radius: 0px;
}

.padr75 {
    padding-right: 75px;
}

.acolor {
    color: #d10b0b;
}


.border-2 {
    border: 2px solid red;
}

.padding-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding: 0px !important;
}

input, select, textarea {
    font-weight: bold;
}

.btnmeloging {
    height: 35px;
    margin-left: 20px;
}

.tnctext {
    font-size: 12px;
    padding: 0px;
}

.middlegap-2 {
    margin-top: 35px;
}

.borderbottomall {
    border-bottom: 1px solid #d8d8d8;
}

.tableheading {
    background-color: #3e454c;
    color: #fff;
    font-size: 14px;
}

    .tableheading td {
        padding: 5px 0;
    }

#contentsection .tr1 td {
    padding: 5px 0;
}

.ordertotal {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    padding: 5px;
}

.fed-checkout-section {
    opacity: 0.6;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100;
    height: 100%;
    top: 0;
    background-color: #ffffff;
    width: 100%;
}

#Checkout-section-details {
    position: relative;
}



.ship-border {
    border: 1px solid #829E4D;
}

.btn-face-book {
    max-height: 28px;
    text-align: center;
    padding-top: 1px;
    border-radius: 0px;
    font-size: 15px;
    width: 130px; /*added by rahul on 02 aug*/
    border-radius: 2px;
}

.pad-left {
    padding: 5px;
}

.message-div {
    text-align: left;
    color: #d10b0b;
    font-size: 15px;
}

.display-none {
    display: none;
}

.w100p {
    width: 100%;
}

.w80p {
    width: 80%
}

.radionone {
    margin-right: 83px;
}

.form-group {
    margin-bottom: 0px;
}

.order_details ul {
    padding-left: 0;
}

.order_details li {
    list-style: none;
}

.padb5 {
    padding-bottom: 5px;
}
/*.padt5{padding-top:5px;}*/
.order_info {
    font-size: 16px;
}

.linkcolor {
    color: #d10b0b;
}

.tr2 td {
    padding-top: 5px;
}

.details_check {
    font-size: 10px;
}

.floatleft {
    float: left;
    text-align: left;
}

#btnreddemcancel {
    display: none;
}

.pad-0 {
    padding: 0px;
}

.cattitlenew {
    text-transform: uppercase;
}
/*.padb10 {padding-bottom:10px;}*/
.padt15 {
    padding-top: 15px;
}

.redlnk {
    color: Red;
}

.padl5 {
    padding-left: 5px;
}

.loginbtn, .loginbtn:hover {
    text-decoration: none;
    font-family: Tahoma !important;
    font-size: 15px !important;
    color: #ffffff !important;
    background-color: #4f8324 !important;
    padding: 3px 12px;
    border: none;
}

.marl5 {
    margin-left: 5px;
}

.mar10 {
    margin: 10px;
}

.marl30 {
    margin-left: 30px;
}

.marb5 {
    margin-bottom: 5px;
}

.marr15 {
    margin-right: 15px;
}

.frommargin {
    margin-bottom: 10px;
}

.padt10 {
    padding-top: 10px;
}

.padb15 {
    padding-bottom: 15px;
}

.padr15 {
    padding-right: 15px;
}

.padt20 {
    padding-top: 20px;
}

.marl20 {
    margin-left: 20px;
}

.fontbold {
    font-weight: bold;
}

.marr5 {
    margin-right: 5px !important;
}

.padl15 {
    padding-left: 15px;
}
/*.padr10{
    padding-right: 10px;
}*/

.padr10N {
    padding-right: 10px;
}

.rewarddollar {
    font-size: 10px;
    padding-bottom: 10px;
    /*margin-left: 16px;*/
}

.marb {
    margin-bottom: 15px;
}

.mart {
    margin-top: 30px;
}

.marleft0 {
    margin-left: 0px !important
}
/*.reordercontent a, .reordercontent a:hover, .orderdetcontent a, .orderdetcontent a:hover
{
    color: #d10b0b;
    font-family: Tahoma;
    font-size: 13px;
}*/

.footerulinline {
    list-style: none;
    padding: 15px 0 15px 0;
    margin: 0px;
}

.textaligncenter {
    text-align: center;
}

.footerlink {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 3px;
    padding-left: 3px;
}

#FooterBottomPart a:hover {
    text-decoration: underline;
}

#FooterBottomPart a {
    font-family: Arial;
    font-size: 14px;
    color: White;
    text-decoration: none;
}

.bottomfooter {
    text-align: center;
    margin: -10px auto;
}

.reordercontent {
    font-family: Tahoma;
    font-size: 13px;
    color: #010000;
}


#FooterBottomPart {
    background-color: #3e454c;
}

#menubar, #Header, #maincontentbox, .loginform, #maincontentbox, #FooterBottomPart, #thankyoupage, .thankdiv, .logindiv, .custdiv {
    display: block;
    content: ".";
    clear: both;
    overflow: hidden;
}

.footerbottom {
    width: 100%;
    margin-top: 20px;
    font-family: Arial;
    font-size: 14px;
    color: White;
}

.h82 {
    height: 110px;
}

/*.footerulinline{list-style: none; padding: 15px 0 15px 0; margin: 0px;}*/
.footerulinline li {
    display: inline;
}

.bottomfooterlogo {
    background: #fff;
    display: block;
    content: ".";
    clear: both;
    overflow: hidden;
    position: relative;
}

.bottomlogos {
    text-align: center;
    width: 100%;
}

.footerconnecters {
    position: absolute;
    right: 5px;
    top: 4px;
    color: #000000;
}


.grecaptcha-badge {
    visibility: hidden;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn #place_order_btn {
    cursor: pointer;
    pointer-events: inherit !important; /*ADDAD by ra on 18 fab 2019*/
}

.gap-verticalaboutus {
    margin: 15px 0;
}

.Disclaimer-checkouttext {
    margin: 20px 0;
}

/*added by ra on 13 may 2020*/
.rxsty {
    display: flex;
    padding-bottom: 8px;
}

.margin2 {
    margin: 2px;
}



[data-tooltip] {
    display: inline-block;
    position: relative;
    cursor: help;
    padding: 4px;
}
    /* Tooltip styling */
    [data-tooltip]:before {
        content: attr(data-tooltip);
        display: none;
        position: absolute;
        background: #353434d1;
        color: #d6d1d1;
        padding: 15px;
        font-size: 14px;
        line-height: 1.4;
        min-width: 220px;
        text-align: left;
        border-radius: 4px;
        font-weight: normal;
    }
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}

[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}

[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}

[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}

[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}

[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 6px 6px 6px 0;
    border-right-color: #000;
}

[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #000;
}

[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}

[data-tooltip] {
    display: inline-block;
    position: relative;
    cursor: help;
    padding: 4px;
}
    /* Tooltip styling */
    [data-tooltip]:before {
        content: attr(data-tooltip);
        display: none;
        position: absolute;
        background: #353434d1;
        color: #d6d1d1;
        padding: 15px;
        font-size: 14px;
        line-height: 1.4;
        min-width: 220px;
        text-align: left;
        border-radius: 4px;
        font-weight: normal;
    }
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}

[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}

[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}

[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}

[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}

[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 6px 6px 6px 0;
    border-right-color: #000;
}

[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #000;
}

[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}



@media (min-width :767px) {
    .mothpaddr0 {
        padding-right: 0px;
    }
}


/*added by rahul on 02 aug guest checkout*/

@media (min-width:300px) and (max-width:970px) {
    .container {
        width: inherit;
        /*padding:10px;*/
        box-shadow: none !important;
    }
}

@media (min-width:767px) and (max-width: 1100px) {
    .yearmonthpadd0 {
        padding: 0px;
    }

    .yearmothpaddr0 {
        padding-right: 0px;
    }

    .mothpaddr0 {
        padding: 0px;
    }

    .mothpaddr0 {
        padding-right: 0px;
    }
}

@media (min-width:1200px) {
    .logbtntextval {
        padding: 0px;
    }
}


@media (min-width:767px) {
    .paddingsm {
        padding-top: 35px;
    }
}

@media (max-width: 767px) {


    .rightheader {
        text-align: center;
        width: 100%;
    }

    .marb5p {
        margin-bottom: 5px;
    }

    .rewardimgdisplay {
        display: inline !important;
        float: none !important;
    }

    .paymentmargin {
        margin-top: 35px;
    }
    /*added by rahul on 02 aug guest checkout*/

    .ui-dialog {
        width: 290px !important;
    }
}


@media (max-width:767px) {
    .btnmeloging1 {
        margin-top: 5px;
        margin-left: 0px;
    }

    .firstb {
        margin-bottom: 35px;
    }

    .ui-dialog {
        width: 290px !important;
    }
}

@media (max-width:853px) {
    .Mw100p {
        width: 100% !important;
    }
}

@media (max-width:1312px) {
    .btn-social-pad {
        padding-bottom: 10px;
    }
}

@media (min-width:767px) and (max-width:930px) {
    .btnbootstrap {
        font-size: 20px !important;
    }
}

@media (min-width:767px) and (max-width:1199px) {
}

@media (max-width:767px) {
    .btnbootstrap {
        font-size: 16px;
    }

    .btnbootstrapfrom {
        width: 100%;
    }

    .formbordertext {
        width: 100%;
    }

    .btnmeloging1 {
        width: 100%;
    }

    .mar5 {
        margin: 5px !important;
    }

    #allinfo {
        padding-top: 0px;
    }

    #hiddenpad {
        padding-top: 0px;
    }
}

@media (max-width:1000px)
{
    .autotextleft
    {
        text-align: left;
    }
}


@media (max-width:1330px) {
    .thirdb {
        min-height: 210px;
    }
}

@media ( min-width:767px) and (max-width:991px) {
    .middlegap {
        margin-top: 35px;
    }
}




/* Cart Items Section */

.items {
    margin: 0;
    padding: 0;
    list-style: none none;
}

.cart.table-wrapper .cart > .item {
    border-bottom: 1px solid #ccc;
    position: relative;
    color: #586261 !important;
    font-weight: normal;
}

.cart.table-wrapper .product-item-photomain {
    display: block;
    left: 15px;
    max-width: 65px;
    padding: 0;
    position: absolute;
    top: 15px;
    width: 100%;
}

.cart.table-wrapper .product-item-photo {
    display: block;
    max-width: 90px;
    width: 100%;
}

.cart.table-wrapper .actions-toolbar {
    min-height: 20px;
    padding-bottom: 15px;
    position: relative;
    text-align: right;
}


    .cart.table-wrapper .actions-toolbar:before {
        content: '';
        display: table;
    }

.product-image-container {
    display: inline-block;
    max-width: 100%;
}

.cart.table-wrapper .cart thead tr th.col {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #fff;
    font-size: 15px;
}

.cart.table-wrapper .product-image-wrapper {
    height: auto;
    padding: 0 !important;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    min-width: 100px;
    min-height: 100px;
}

.product-image-photo {
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    margin: auto;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.cart.table-wrapper .product-item-name + .item-options {
    margin-top: 20px;
}

.cart.table-wrapper .item-options {
    margin-bottom: 0;
}

    .cart.table-wrapper .item-options ul li {
        clear: left;
        float: left;
        margin: 0 10px 5px 0;
    }

    .cart.table-wrapper.item-options ul li {
        display: inline-block;
        float: left;
        margin: 0 0 5px;
    }

.rewarddollartxt {
    display: table-cell;
    width: calc(100% - 140px);
    text-align: right;
    padding-right: 20px;
}

.table-item-totals .total-items .total-items-caption {
    display: table-cell;
    /*width: 167px;*/
    width: 125px;
    text-align: right;
    padding-right: 30px;
}

.table-item-totals .total-items .total-items-value {
    display: table-cell;
    padding-right: 5px;
    width: 110px;
    text-align: right;
    white-space: nowrap;
}

.cart.table-wrapper .product-item-photomain ul {
    text-align: center;
    list-style: none;
    padding: 0px;
}


.cart.table-wrapper .product-item-details ul {
    list-style: none;
    padding: 0px;
}

.cart.table-wrapper a {
    color: #d10b0b;
}

.thead-piker {
    background-color: #3e454c;
    color: #fff;
}

.cart.table-wrapper .table > tbody + tbody {
    border: none;
}

/*added by rahul on 28 dec 2017*/
#divlablechange label {
    font-weight: 100 !important;
}

/*added by rahul on independentoption css 22 june 2018*/
/* Independent optins Items Section */

.indep-items {
    margin: 0;
    padding: 0;
    list-style: none none;
}

.independent-cart.table-wrapper .cart > .item {
    border-bottom: 1px solid #ccc;
    position: relative;
}

.independent-cart.table-wrapper .actions-toolbar {
    min-height: 20px;
    padding-bottom: 15px;
    position: relative;
    text-align: right;
}

    .independent-cart.table-wrapper .actions-toolbar:before {
        content: '';
        display: table;
    }

.independent-cart.table-wrapper .cart thead tr th.col {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    padding-top: 5px;
}
/*end by rahul on independentoption css 22 june 2018*/


.width0px {
    width: 0px !important;
}

.pad0pximp {
    padding: 0px !important;
}


/*@media (max-width: 1399px)*/
@media (max-width: 1600px) {
    body, .btn, .product-addtocart {
        font-size: 15px;
    }
}

@media (min-width: 768px) {
    .loginp-padd0 {
        padding: 0px !important;
    }

    .cart.table-wrapper .items {
        min-width: 100%;
        width: auto;
    }

    .cart.table-wrapper .item .col.item {
        padding: 20px 8px 20px 0;
    }

    .cart.table-wrapper .product-item-photomain {
        display: table-cell;
        max-width: 100%;
        padding-right: 20px;
        position: static;
        vertical-align: top;
        width: 1%;
    }

    .actions-toolbar {
        text-align: left;
    }

    .cart.table-wrapper .product-item-details {
        display: table-cell;
        vertical-align: top;
        white-space: normal;
        width: 99%;
        padding-bottom: 35px;
    }

    .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal {
        text-align: right;
    }

    .cart.table-wrapper .col.qty, .cart.table-wrapper .col.uom {
        text-align: center;
    }

    .cart.table-wrapper .product-item-photomain img {
        padding-left: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .padding-remove {
        padding: 0px !important;
    }

    .product-item-photomain ul {
        display: none;
    }

    .cart.table-wrapper .item .col.item {
        display: block;
        min-height: 125px;
        padding: 15px 15px 10px 90px;
        position: relative;
        height: 100%;
        padding-bottom: 0;
    }

    .cart.table-wrapper .product-item-details {
        padding-left: 30px;
    }

    .cart.table-wrapper .col.qty, .cart.table-wrapper .col.price, .cart.table-wrapper .col.uom, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp {
        box-sizing: border-box;
        display: block;
        float: left;
        white-space: nowrap;
        width: 24%;
        border: none;
    }

    .cart.table-wrapper thead .col.item, .cart.table-wrapper thead .col.qty, .cart.table-wrapper thead .col.uom, .cart.table-wrapper thead .col.price, .cart.table-wrapper thead .col.subtotal, .cart.table-wrapper thead .col.msrp {
        display: none;
    }

    .cart.table-wrapper .col.qty:before, .cart.table-wrapper .col.price:before, .cart.table-wrapper .col.uom:before, .cart.table-wrapper .col.subtotal:before, .cart.table-wrapper .col.msrp:before {
        content: attr(data-th);
        display: block;
        font-weight: 600;
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 400px) {
    .cart.table-wrapper .col.qty, .cart.table-wrapper .col.price, .cart.table-wrapper .col.uom, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp {
        box-sizing: border-box;
        display: block;
        float: left;
        white-space: nowrap;
        width: 33%;
        border: none;
    }

    .cart.table-wrapper .cart .col.uom {
        display: none;
    }
}


/*end by rahul on 29-march-2017 dec 2016  */



/*start by rahul on independent options product responsive css on 22 june 2018*/

@media (min-width: 768px) {
    .independent-cart.table-wrapper .items {
        min-width: 100%;
        width: auto;
    }

    .independent-cart.table-wrapper .item .col.item1, .independent-cart.table-wrapper .item .col.item2 {
        padding: 8px 8px 20px 5px;
    }

    .independent-cart.table-wrapper .product-item-photomain {
        display: table-cell;
        max-width: 100%;
        padding-right: 20px;
        position: static;
        vertical-align: top;
        width: 1%;
        padding-left: 5px;
    }

    .actions-toolbar {
        text-align: left;
    }

    .independent-cart.table-wrapper .product-item-details {
        display: table-cell;
        vertical-align: top;
        white-space: normal;
        width: 99%;
        padding-bottom: 35px;
    }

    .independent-cart.table-wrapper .col.price, .independent-cart.table-wrapper .col.btnindep {
        text-align: right;
    }

    .independent-cart.table-wrapper .col.reward, .independent-cart.table-wrapper .col.pkg {
        text-align: center;
    }

    .independent-cart.table-wrapper .product-item-photomain img {
        padding-left: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .item-info {
        border-bottom: 1px solid #ddd;
    }

    .padding-remove {
        padding: 0px !important;
    }

    .product-item-photomain ul {
        display: none;
    }

    .independent-cart.table-wrapper .product-item-details {
        padding-left: 70px;
    }

    .independent-cart.table-wrapper .col.reward, .independent-cart.table-wrapper .col.price, .independent-cart.table-wrapper .col.pkg, .independent-cart.table-wrapper .col.btnindep, .independent-cart.table-wrapper .col.msrp {
        box-sizing: border-box;
        display: block;
        float: left;
        width: 24%;
        border: none;
        line-height: 14px;
        padding: 4px;
    }

    .independent-cart.table-wrapper .col.item1 {
        width: 100%;
        box-sizing: border-box;
        display: block;
        float: left;
        border: none;
        line-height: 14px;
        padding: 4px;
    }

    .independent-cart.table-wrapper .col.item2 {
        width: 100%;
        box-sizing: border-box;
        display: block;
        float: left;
        border: none;
        line-height: 20px;
        padding: 4px;
    }


    .independent-cart.table-wrapper thead .col.item1, .independent-cart.table-wrapper thead .col.item2, .independent-cart.table-wrapper thead .col.reward, .independent-cart.table-wrapper thead .col.pkg, .independent-cart.table-wrapper thead .col.price, .independent-cart.table-wrapper thead .col.btnindep, .independent-cart.table-wrapper thead .col.msrp {
        display: none;
    }

    .independent-cart.table-wrapper .col.reward:before, .independent-cart.table-wrapper .col.price:before, .independent-cart.table-wrapper .col.pkg:before, .independent-cart.table-wrapper .col.btnindep:before, .independent-cart.table-wrapper .col.msrp:before {
        content: attr(data-th);
        display: block;
        font-weight: 600;
        padding-bottom: 10px;
    }

    .independent-cart.table-wrapper .col.item1:before, .independent-cart.table-wrapper .col.item2:before {
        content: attr(data-th);
        font-weight: 600;
        display: inline-block;
    }
}

@media only screen and (max-width: 400px) {
    .independent-cart.table-wrapper thead .col.item, .independent-cart.table-wrapper .col.reward, .independent-cart.table-wrapper .col.price, .independent-cart.table-wrapper .col.pkg, .independent-cart.table-wrapper .col.btnindep, .independent-cart.table-wrapper .col.msrp {
        box-sizing: border-box;
        display: block;
        float: left;
        width: 33%;
    }

    .independent-cart.table-wrapper .independent-cart .col.reward {
        display: none;
    }
}

/*end by rahul on independent options product responsive css on 22 june 2018*/

/*ENDED  by rahul on 13 Fab 2019 for stores checkout*/


/*.all-login-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}*/

@media only screen and (max-width: 767px)
    {
   /* .all-login-buttons{
        display:block!important;
    }*/
    #expiration-month {
        width: 100%!important;
    }

    #expiration-year {
        width: 100%!important;
    }

    #cc-cvv {
        width: 100%!important;
    }

    #card-number {
        width: 100%!important;
    }

    .product-item-photomain strong {
        display: block;
        text-align: center;
    }
    .hideactiveCard .col-sm-8{
        float:left!important;
        width:100%!important;
    }
    .various {
        float: left !important;
    }
    .hideactiveCard label {
        padding-left: 0;
    }
    .mar-l{
        margin-left:15px!important;
    }
}


   p-10{
       padding:10px;
   }