.pac-container {
    z-index: 9999999;
}

    .pac-container:after {
        background-image: none !important;
        height: 0px;
    }

/*----- checkout-popup --------*/
.modal-body {
    display: flex;
}


.select2-container .select2-selection--single {
    height: 48px;
}
span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    background-color: #f4f4f4;
    border: 0px;
}
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 48px;
    }

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 12px;
}
    .formElementStyle .modal-body {
        margin: 0 -15px;
        max-height: 1000px;
        overflow-x: hidden;
    }

.modal-dialog {
    width: 62%;
}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 26px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

    .stepwizard-step .btn-circle {
        /*width: 30px;
        height: 30px;*/
        text-align: center;
        padding: 3px 20px;
        font-size: 13px;
        line-height: 1.428571429;
        /*border-radius: 15px;*/
        font-weight: 600;
        text-transform: uppercase;
        opacity: 1;
        color: #656565;
        border: 0;
    }

    .stepwizard-step .btn-default:hover {
        color: #e18519;
        background: transparent;
    }

    .stepwizard-step .btn-circle.btn-primary {
        /* background-color: #f89522;
            border-color: #f89522;
            color: #fff;*/
        background: transparent;
        border-radius: 0;
        border-color: transparent;
        border-bottom: 3px solid #ed1b24;
        color: #ed1b24;
        font-weight: bold;
    }

    .stepwizard-step a.btn-circle.btn-primary:hover, .stepwizard-step a.btn-circle.btn-primary:active {
        /*background-color: #f19b35;
        border-color: #e18519;*/
        color: #116dbd;
        border-bottom: 3px solid #116dbd;
    }

#changeAddModalCenter .modal-header {
    background: #f4f4f4
}

div#addressListDiv > div {
    margin-bottom: 15px;
}

.card {
    width: 100%;
    height: 100%;
}

.card-header h2 {
    margin-bottom: 10px;
    color: #000;
    font-weight: 600;
}

.card-body {
    padding: 1rem;
    background: #fcfcfc;
    border: 1px solid #ececec;
    border-radius: 4PX;
    width: 100%;
    height: 100%;
}

p.card-text {
    line-height: 22px;
}

.card-title {
    margin-bottom: 10px;
    color: #000;
    font-weight: 600;
    display: block;
}

.card-link {
    display: block;
    margin-top: 15px;
}
.card-link a.useThisAddress {
    color: #f79622;
    font-weight: 600;
    display: block;
    margin: 0 0 3px;
}

.card-header h2.btn-link {
    color: #000;
    font-weight: 600;
}

button.btn.btn-red {
    background-color: #ed1b24;
    border-color: #ed1b24;
    color: #fff;
    font-weight: 600;
    padding: 10px 24px;
    font-size: 13px;
    line-height: 19px;
    float: right;
    margin-top: 10px;
    text-transform: uppercase;
    border-radius: unset;
}

.auto-clear .col-sm-4:nth-child(3n+1) {
    clear: left;
}

#changeAddModalCenter .btn-close {
    padding-top: 20px;
}

.payto {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
}

    .payto .paypal-text {
        padding: 0;
    }

    .payto .check-pay-btn {
        display: block;
        margin: 1rem auto;
        text-align: center;
    }
   
        .payto .check-pay-btn .cnt-paypal {
            background-color: #f19b35;
            border-color: #e18519;
            float: none;
        }

            .payto .check-pay-btn .cnt-paypal:hover {
                background-color: #f19b35;
                border-color: #e18519;
            }

#checkoutcart-sidebar {
    display: block;
    max-height: 200px;
    overflow-y: auto;
    background: #f7f7f7;
    padding: 15px 15px 0;
}

    #checkoutcart-sidebar li {
        display: block;
        margin-bottom: 10px;
        border-bottom: 1px solid #fff;
        padding-bottom: 10px;
    }

.formElementStyle.modal {
    padding-left: 0 !important;
}

.formElementStyle .deskLogo {
     width: 180px;
    margin-bottom: 0px;
}

div.Addnewaddressdropdown {
    line-height: 30px;
    margin: auto;
    font-size: 16px;
    padding: 5px;
    text-align: center;
    background: #f4f4f4;
    border: solid 1px #ccc;
    color: #000;
    border-radius: 3px;
    user-select: none;
    display: none;
    margin-bottom: 15px;
}

.continue-checkout.nextBtn {
    text-align: center;
    width: 80%;
    display: block;
    float: none;
    position: relative;
    border-radius: 4px;
    margin: 20px auto;
}

button.exit, .exit {
    color: #656565;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.prevBtn {
    color: #656565;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.payto .accordion {
    display: block;
    margin-bottom: 20px;
}

h2.label-head {
    display: block;
    /* margin: 20px 0;*/
    float: left;
    width: 100%;
    padding: 9px 30px 10px 0px;
    /* background: #6c6c6c;*/
    color: #626669;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 13px;
}

.check-billing-addbox {
    display: block;
    margin: 20px 0 0;
    float: left;
    /*max-height: 200px;
    overflow: scroll;*/
}

#frmBill {
    padding: 0 9px;
}

.formElementStyle #frmBill .form-group {
    padding: 0 5px;
}

.check-contact-info {
    display: block;
    margin: 10px 0;
}

    .check-contact-info label.form-check-label {
        display: inline-block;
        width: 95%;
        margin-bottom: 10px;
        margin-left: 15px;
    }

btn {
    outline: none
}

.formElementStyle form .form-group.card-input {
    border: 1px solid #999;
}

    .formElementStyle form .form-group.card-input input {
        border: 0;
        display: inline-block;
        width: 30%;
    }
/*.formElementStyle span.field-validation-error, #changeAddModalCenter span.field-validation-error {
    position: absolute;
    bottom: -13px;
    left: 15px;
}*/
/* ## new form css ## */
.formElementStyle form.my-custom {
    overflow: hidden;
    position: relative;
}
    .formElementStyle form.my-custom .form-row{
        clear: left;
        width: 100%;
    }

    .formElementStyle form.my-custom .form-group {
        margin-bottom: 10px;
        position: relative;
    }

.formElementStyle form#frmCart.my-custom .form-group.form-input {
    margin-bottom: 10px;
    display: flex;
}

.formElementStyle form#frmUser.my-custom span.field-validation-error,
.formElementStyle form#frmUser1.my-custom span.field-validation-error {
    left: 13px;
}

.formElementStyle form.my-custom .form-label {
    position: absolute;
    transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -webkit-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    -ms-transition: 0.25s ease;
    color: #707070;
    left: 14px;
    top: 14px;
    line-height: 22px;
    padding-left: 4px;
}

.formElementStyle form.my-custom input {
    box-sizing: border-box;
    height: 48px;
    width: 100%;
    display: block;
    color: #000;
    background: #f4f4f4;
    border: 2px solid #f4f4f4;
    box-shadow:  none;
    border-radius: 4px;
    padding: 18px 12px 6px 12px;
    transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -webkit-appearance: none;
    font-weight: 600;
}
/*.formElementStyle form#apply-coupon a {
    padding: 14px 25px 14px;
}*/
.formElementStyle form.my-custom select {
    box-sizing: border-box;
    height: 48px;
    font-size: 14px;
    width: 100%;
    display: block;
    color: #000;
    background: #f4f4f4;
    border: 2px solid #f4f4f4;
    border-radius: 4px;
    padding: 6px 12px 6px 5px;
    font-weight: 600;
}

.formElementStyle form.my-custom input:focus {
    background: #fff;
    border: 2px solid #116dbd;
}

    .formElementStyle form.my-custom input:focus + .form-label, .formElementStyle form.my-custom input.valid + .form-label,
    .formElementStyle form.my-custom select:focus + .form-label, .formElementStyle form.my-custom select.valid + .form-label,
    .formElementStyle form.my-custom input.inputhasvalue + .form-label {
        top: 1px;
        opacity: 1;
        color: #116dbd;
        overflow: hidden;
        font-weight: 600;
        font-size: 10px;
    }

.formElementStyle form#frmUser.my-custom input:focus + .form-label,
.formElementStyle form#frmUser1.my-custom input:focus + .form-label {
    top: 5px;
}

form#frmCreditCard input {
    height:46px;
}

    form#frmCreditCard input:-webkit-autofill,
    form#frmCreditCard input:-webkit-autofill:hover,
    form#frmCreditCard input:-webkit-autofill:focus,
    form#frmCreditCard input:-webkit-autofill:active {
        background: transparent;
    }


/* add by designer 12-11-2020 */
@media (max-width: 767px) and (max-height: 480px) {
    .login-body-wrap .formElementStyle .modal-dialog, .login-body-wrap .formElementStyle .modal-dialog .modal-content {
        height: auto !important;
    }
}
@media only screen and (max-width: 767px) {

    .login-body-wrap .formElementStyle .modal-dialog {
        width: 100%;
        height: 100vh;
        margin: 0 auto;
        overflow-x: hidden;
    }
    .login-body-wrap .formElementStyle .modal-dialog .modal-content {
        height: 100%;
    }

}

#addressModal {
    margin-bottom: 16px;
}
/* add by designer 12-11-2020 */

.card-focus {
   display: flex;
}

.formElementStyle form.my-custom .card-no #CreditCardExpiryMonth,
.formElementStyle form.my-custom .card-no #CreditCardExpiryYear,
.formElementStyle form.my-custom .card-no #CreditCardCCV {
    width: 34px;
    padding: 0 0 0 5px !important;
}

.card-focus {
    overflow: hidden;
}
input#CreditCardNumber.hide-card {
    text-indent: -103px;
}

#CreditCardCCV {
    transform: translateX(83px);
}
    #CreditCardCCV.show-cvv {
        transform: translateX(83px);
    }

.formElementStyle form.my-custom .card-no #CreditCardCCV {
    width: 49px;
}

    #CreditCardCCV {
        width: 35px;
        padding: 0 0 0 15px !important;
    }
    @media only screen and (min-width: 768px) {
        .formElementStyle .modal-dialog {
            width: 100%;
            max-width: 730px;
            top: 50%;
            transform: translateY(-50%) !important;
            margin: 0 auto;
        }

        .row.setup-content {
            margin-left: 0px;
        }

        .formElementStyle form#frmCart.my-custom .form-group.form-input {
            padding: 0 5px;
        }

        .formElementStyle form.my-custom .fixed-phone img {
            left: 18px;
        }

    }

    #frmUser .form-group,
    #frmUser1 .form-group {
        width: 49%;
    }

    #frmUser .form-group:first-of-type,
    #frmUser1 .form-group:first-of-type {
        float: left;
    }

    #frmUser .form-group:last-of-type,
    #frmUser1 .form-group:last-of-type {
        float: right;
    }

    .formElementStyle span.field-validation-error, #changeAddModalCenter span.field-validation-error {
        left: 18px;
        top: 5px;
        font-size: 11px;
        color: #f04050;
        opacity: 1;
        position: absolute;
        font-weight: 600;
        max-height: 15px;
        pointer-events: auto;
    }

    .formElementStyle #frmCreditCard span.field-validation-error {
        left: 28px;
    }

    .formElementStyle #frmCreditCard span.field-validation-error {
        position: static;
        display: block;
        clear: both;
    }

    .formElementStyle form.my-custom input.input-validation-error + .form-label {
        font-size: 0
    }

    .formElementStyle form.my-custom .form-label, .formElementStyle form.my-custom select:focus {
        /* border: 1px solid #e0851c;*/
        color: #000;
    }

    .formElementStyle form.my-custom input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 30px transparent inset;
    }

    .formElementStyle form.my-custom input::-webkit-input-placeholder {
        color: #bebebe;
    }

    .formElementStyle form.my-custom input::-moz-placeholder {
        color: #bebebe;
    }

    .formElementStyle form.my-custom input:-ms-input-placeholder {
        color: #bebebe;
    }

    .formElementStyle form.my-custom input:-moz-placeholder {
        color: #bebebe;
    }

    .formElementStyle form.my-custom .select-list {
        position: relative;
        color: #707070;
        display: inline-block;
        width: 100%;
        /*  margin-bottom: 47px;*/
    }

    .formElementStyle form.my-custom .list-item {
        position: absolute;
        width: 100%;
    }

    /* payment method*/

    .grey-border {
        background: #f7f7f7;
        border: 2px solid #f4f4f4;
        border-radius: 4px;
        /*margin-left: 15px;*/
        height: 50px;
        /* overflow: hidden !important;*/
    }

        .grey-border.atborder {
            background: #fff;
            border: 2px solid #116dbd;
        }

    .grey-border input {
        background: transparent !important;
        position: relative;
    }

    .grey-border input + label {
        position: absolute
    }

    .card-no {
        width: 100%;
        float: left;
        margin-bottom: 0;
        padding-left: 51px;
        background: transparent;
        transition: transform 0.2s ease 0s;
        padding-right: 0px;
    }
    .formElementStyle form.my-custom .card-no input {
        border-color: transparent;
        padding: 0 0 0 3px !important;
        width: 100%;
    }
    .card-icons {
        position: absolute;
        left: 5px;
        top: 12px;
        width: 40px;
        height: auto;
        display: inline-block;
    }
    .exp-my {
        width: 143px;
        float: right;
        margin-bottom: 0;
    }
    span.slash-separator {
        line-height: 48px;
        margin: 0 0 0 5px;
    }
    .exp-my input {
        width: 43px !important;
        float: left;
        padding: 0 6px !important;
        border-color: transparent !important;
    }
    .exp-my input#CreditCardCCV {
        width: 50px !important;
    }
    #CreditCardExpiryMonth {
        text-align: right;
    }

    /* ## Change Address Popup css ##*/
    #changeAddModalCenter .modal-body {
        display: block;
    }
    #changeAddModalCenter .modal-title {
        display: inline-block
    }
    #changeAddModalCenter button.close {
        border-radius: 50%;
        padding: 2px 6px;
        text-align: center;
    }
    .no-border {
        border: 0;
    }

    /*## mobile checkout dropdown ##*/
    #mb-cart-view {
        display: none;
    }

    div#sameBillingAddress {
        /*  display: block !important;
    margin: 10px 15px !important;
    padding: 8px !important;*/
        line-height: 22px;
        color: #000;
        font-weight: 600;
        text-transform: capitalize;
        padding-left: 7px;
    }

    button#placeOrder[disabled], button#placeOrder[disabled] i {
        background-color: grey;
    }

    .formElementStyle .bs-example form input {
        height: auto;
    }

    .express-checkout {
        border-top: 1px solid #e6e6e6;
        padding: 12px 0 0 0;
        /*border-radius: 4px;*/
        margin: 1em 0 0 0;
        position: relative;
        display: flex;
    }

    .express-checkout-title {
        position: absolute;
        top: 0;
        margin: 0 auto;
        text-align: center;
        display: block;
        left: 50%;
        transform: translate(-50%,-50%);
        background: #fff;
        padding: 0 15px;
    }

    .box-seprator {
        display: block
    }

    .box-separator {
        height: 1px;
        position: relative;
        border-top: 1px solid #e6e6e6;
        margin: 2em 0;
        text-align: center;
    }

        .box-separator span {
            position: absolute;
            font-size: 20px;
            background: #f4f4f4;
            /*padding: 0 1em;*/
            top: 50%;
            text-align: center;
            left: 50%;
            margin: 0;
            transform: translate(-50%,-50%);
            border-radius: 50%;
            padding: 2px 4px 4px;
            font-weight: 600;
            border: 2px solid #ccc;
            line-height: 22px;
        }

    .my-mbview {
        display: none;
    }

    #checkoutcart-sidebar.mini-products-list .prod-name {
        display: inline-block;
        overflow: hidden;
        width: 85%;
    }

    #checkoutcart-sidebar.mini-products-list a.remove-cart {
        display: inline-block;
        text-align: right;
        float: right;
        background: #fff;
        padding: 2px 6px;
        border-radius: 50%;
    }

    .check-billing-info {
        display: block;
        margin: 0.5em auto;
    }

    .check-billing-info .custom-control-label {
        margin-left: 15px;
    }
    /* custom checkbox css */
    .custom-control {
        position: relative;
        z-index: 1;
        display: block;
        min-height: 1.5rem;
    }

    .custom-control-input, .form-check-input {
        position: absolute;
        left: 0;
        z-index: -1;
        width: 2rem;
        height: 2rem;
        opacity: 0;
        margin: 0;
    }

    .custom-control-label, .form-check-label {
        position: relative;
        margin-bottom: 0;
        vertical-align: top;
        padding-left: 7px;
    }

        .custom-control-label::before, .form-check-label::before {
            position: absolute;
            top: .25rem;
            left: -1.5rem;
            display: block;
            width: 1.5rem;
            height: 1.5rem;
            pointer-events: none;
            content: "";
            background-color: #fff;
            border: #adb5bd solid 1px;
        }

        .custom-control-label::before, .custom-file-label, .custom-select, .form-check-label::before {
            transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }

    .custom-checkbox .custom-control-label::before, .custom-checkbox .form-check-label::before {
        /*border-radius: .25rem;*/
    }

.custom-control-input:checked ~ .custom-control-label::before,
.form-check-input:checked ~ .form-check-label::before {
    color: #fff;
    border-color: #116dbd;
    background-color: #116dbd;
}

    .custom-control-label::after, .form-check-label::after {
        position: absolute;
        top: 0rem;
        left: -1.85rem;
        display: block;
        width: 2rem;
        height: 2rem;
        content: "";
        background: no-repeat 50%/50% 50%;
    }

    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
    .custom-checkbox .form-check-input:checked ~ .form-check-label::after {
        background-image: url('../images/white-checked.png');
    }

    #mb-apply-coupon .form-group {
        position: relative;
        margin: 0;
    }

    #mb-apply-coupon input {
        background: #fff;
        border: 1px solid #999;
        font-size: 12px;
        height: 33px;
        padding: 0 9px;
        width: 100%;
    }

    #mb-apply-coupon a {
        position: absolute;
        right: 0;
        top: 0;
        padding: 7px 25px 8px;
        color: #333;
        text-transform: uppercase;
        background-color: #f1f1f1;
        border: 1px solid #000;
        cursor: pointer;
        float: left;
        font-size: 12px;
        font-weight: 600;
    }

    #changeAddModalCenter .myAddressbook {
        display: flex;
        max-height: 380px;
        overflow: auto;
        flex-wrap: wrap;
    }

    .formElementStyle form.my-custom .fixed-phone label, .formElementStyle form.my-custom .fixed-phone .form-label {
        top: 1px;
    }

    .formElementStyle form.my-custom .fixed-phone img {
        height: 14px;
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
        margin-top: 6px;
    }

    .formElementStyle form.my-custom .fixed-phone input {
        padding-left: 48px
    }

        .formElementStyle form.my-custom .fixed-phone input.valid + .form-label {
            color: #000;
        }

.formElementStyle #frmCreditCard span.error-mm.field-validation-error,
.formElementStyle #frmCreditCard span.error-yy.field-validation-error,
.formElementStyle #frmCreditCard span.error-cvv.field-validation-error {
    position: absolute;
    top: -1px;
    left: 60px;
}


@media only screen and (min-width: 950px) {
    div .formElementStyle .modal-dialog {
            max-width: 950px;
    }
    #addressbookModelPopup .modal-dialog,
    #Deleteconfirmationpopup .modal-dialog {
        max-width: 730px;
    }
    #DeleteconfirmationpopupReg .modal-dialog {
        max-width: 730px;
    }
    #addressbookModelPopupReg .modal-dialog {
        width: 45%;
    }
}

    /*##  media query css  ##*/

    @media screen and (max-width:1281px) {
        .modal-dialog {
            width: 80%;
        }
    }

    @media screen and (max-width:1025px) {
        .modal-dialog {
            width: 90%;
            margin: 30px auto;
        }
    }

    @media only screen and (max-width: 950px) {
        .formElementStyle .close {
            right: -9px;
        }
        .exp-my input {
            width: 26px !important;
            padding: 0 2px !important;
            font-size: 12px !important;
        }

        .exp-my {
            width: 100px;
        }

        .check-billing-addbox {
            float: none;
        }

        .card-icons {
            width: 30px;
        }

        svg:not(:root) {
            width: 30px;
        }

        .exp-my input#CreditCardCCV {
            width: 37px !important;
        }
    }

    @media screen and (max-width:980px) {
        .mini-products-list .product-details {
            width: 76%;
        }
        .mini-products-list .prod-name {
            font-size: 12px;
        }
        .mini-products-list .product-price,
        .mini-products-list .quantity-part,
        .mini-products-list .org-cart,
        .mini-products-list .cat-item-code {
            font-size: 14px;
        } 
    }

    @media screen and (max-width:800px) {
        .mini-products-list .product-details {
            width: 68%;
        }

        #checkoutcart-sidebar {
            padding: 1rem;
        }
    }

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

        a#amazonPayBtn {
            padding-top: 5px;
            width: 48%;
        }

        .express-checkout-title, #bd h3.express-checkout-title {
            font-size: 112%;
        }
    }

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

    div#mb-cart-view .drop-parent-wrapper .btn-default {
        position: relative;
        margin-right: 0px;
        margin-bottom:10px;
    }
        div#mb-cart-view .drop-parent-wrapper .btn-default .cart-icon-qty {
            position: absolute;
            top: 0px;
            left: 21px;
            width: 18px;
            color: #000;
            font-size: 12px;
            font-weight: 600;
        }
    #mb-cart-view img {
        width: 30px;
    }

    #mb-cart-view {
        display: block
    }

    .full-width-mobile {
        width: 100% !important;
    }
    /* caret style */
    #mb-cart-view .caret {
        position: relative;
    }

    .formElementStyle form.my-custom select {
        font-size: 11px;
    }

    .drop-parent-wrapper .drop-menu.open:before,
    .drop-parent-wrapper .drop-menu.open:after {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-width: 7px 8px;
        border-style: solid;
        border-color: transparent;
        z-index: 1001;
    }

    .drop-parent-wrapper .drop-menu.open:before {
        top: -15px;
        right: -1px;
        border-bottom-color: #ccc;
    }

    .drop-parent-wrapper .drop-menu.open:after {
        top: -14px;
        right: -1px;
        border-bottom-color: #fff;
    }

    .formElementStyle .close {
        right: 8px;
        top: 6px;
    }

    .formElementStyle .modal-body {
        max-height: 99vh;
        height: 100%;
    }

    .formElementStyle span.field-validation-error, #changeAddModalCenter span.field-validation-error {
        left: 12px;
    }

    .formElementStyle form.my-custom .form-label {
        left: 8px;
    }

    .formElementStyle form.my-custom input {
        padding: 18px 12px 6px 7px;
    }

    .formElementStyle form.my-custom .fixed-phone img {
        left: 13px;
    }

    .formElementStyle .payto form.my-custom {
        padding: 0;
    }

    #frmBill {
        padding: 0;
    }

    .formElementStyle #frmBill .form-group {
        padding: 0 3px;
    }

    .formElementStyle form.my-custom {
        margin: 0 -3px;
        padding: 0 15px;
    }

    .formElementStyle form#frmCart.my-custom .form-group.form-input {
        padding: 0 3px;
    }

    .drop-parent-wrapper .btn-default {
        float: right;
        margin-right: 30px;
    }

    .drop-menu {
        display: none;
    }

    .drop-menu.open {
        display: block;
        width: 320px;
        position: absolute;
        right: 0px;
        top: 100%;
        z-index: 99;
        background: #fff;
        padding: 10px;
        border: 1px solid #dedede;
        margin-top: 40px;
    }

    #addressbookModelPopupReg .modal-dialog,
    #changeAddModalCenter .modal-dialog {
        width: 100%;
        height: 100%;
        background: #fff;
        margin: 0;
    }

    #addressbookModelPopupReg .modal-content,
    #changeAddModalCenter .modal-content {
        box-shadow: none;
    }

    .modal-dialog {
        width: 100%;
        margin: 0 auto;
    }

    .modal-body {
        display: block;
    }

    #tdOrderTotal {
        font-size: 16px !important;
    }

    .formElementStyle payto {
        padding: 0 15px;
    }

    .custom-control-label {
        font-size: 100%
    }


    #mb-cart-view .mini-products-list .product-details {
        width: 77%;
    }

    #bd h3.express-checkout-title {
        font-size: 12px;
        text-transform: uppercase;
    }

    .express-checkout-buttons > div > div {
        transform-origin: top left;
        margin-top: 2px;
    }
    .formElementStyle .close {
        right: 7px;
    }
    .formElementStyle .modal-dialog {
        height: 100%;
    }

    #addressbookModelPopupReg.formElementStyle form.my-custom {
        padding: 0;
    }

    .addEditReg.formElementStyle .modal-content {
        height: 109%;
    }

    .addEditReg.formElementStyle form.my-custom .form-label {
        left: 22px;
    }

    #addressbookModelPopupReg.formElementStyle form.my-custom input.inputhasvalue + .form-label,
    #addressbookModelPopupReg.formElementStyle form.my-custom select.valid + .form-label {
        left: 20px;
    }
}

    @media screen and (max-width:415px) {
        .formElementStyle .modal-body > div.col-xs-6 {
            padding: 0;
        }

        .full-width-mobile {
            padding-right: 15px;
        }

        .formElementStyle .modal-sidebar {
            display: none;
        }

        .formElementStyle .modal-dialog {
            /*width: 95%;*/
            margin: 0 auto;
        }

        .formElementStyle .modal-body {
            display: block;
        }

        .formElementStyle .modal-content {
            border-radius: 0;
            /*height: 100vh;*/ height: 100%;
        }

        .formElementStyle .stepwizard {
            margin-bottom: 10px;
        }

        .formElementStyle .continue-checkout.nextBtn {
            margin: 8px auto;
        }

        #changeAddModalCenter .modal-dialog {
            /* width: 85%;*/ width: 100%;
        }

        #changeAddModalCenter .modal {
            padding-left: 0px;
        }

        .card-link {
            font-size: 11px;
        }

        .card-body {
            min-height: 175px;
        }

        /*## mobile checkout dropdown ##*/
        .formElementStyle .logo {
            width: 50%;
            float: left;
        }

        #mb-cart-view {
            display: block
        }

            /* caret style */
            #mb-cart-view .caret {
                position: relative;
            }

            /* dropdown style */
            #mb-cart-view .mini-products-list .prod-name {
                margin-right: 0;
            }

            #mb-cart-view #checkoutcart-sidebar.mini-products-list .prod-name a,
            #mb-cart-view .mini-products-list .quantity-part {
                font-size: 14px;
            }

            #mb-cart-view .dropdown.open .caret:before,
            #mb-cart-view .dropdown.open .caret:after {
                content: "";
                position: absolute;
                display: block;
                width: 0;
                height: 0;
                border-width: 7px 8px;
                border-style: solid;
                border-color: transparent;
                z-index: 1001;
            }

            #mb-cart-view .dropdown.open .caret:before {
                bottom: -16px;
                right: -9px;
                border-bottom-color: #ccc;
            }

            #mb-cart-view .dropdown.open .caret:after {
                bottom: -17px;
                right: -9px;
                border-bottom-color: #fff;
            }


        button#addressModal {
            margin-right: 15px;
        }

        .formElementStyle .payto {
            padding: 0 15px;
        }

        h2.label-head {
            font-size: 15px;
        }

        .custom-control-label {
            font-size: 100%;
            padding-left: 10px;
        }
        .check-billing-addbox {
            float: none;
        }

        a#amazonPayBtn {
            padding-top: 2px;
        }
        .formElementStyle form#frmUser .form-group,
        .formElementStyle form#frmUser1 .form-group {
            width: 100% !important;
        }

        #paypal-button-sidebar, #paypal-button-container-popup {
           width: 49%;
        }

        .card-no {
            padding-left: 40px;
        }
        .formElementStyle #frmCreditCard span.error-mm.field-validation-error, 
        .formElementStyle #frmCreditCard span.error-yy.field-validation-error,
        .formElementStyle #frmCreditCard span.error-cvv.field-validation-error {
            left: 42px;
        }

        .formElementStyle form.my-custom .card-no #CreditCardCCV {
            width: 41px;
        }
    }

    
    @media screen and (max-width:360px) {
    
        .drop-menu.open {
            right: -11px;
        }
        .drop-parent-wrapper .drop-menu.open:before,
        .drop-parent-wrapper .drop-menu.open:after {
            right: 44px;
        }
        .drop-menu.open {
            width: 310px;
        }

        .formElementStyle #frmBill .form-group {
            width: 100% !important;
        }
    }


@media screen and (max-width:320px) {
    .card-no {
        padding-left: 30px;
    }
}
    @media screen and (max-width:320px) {

        #mb-cart-view > .dropdown-menu, #mb-cart-view .pull-right > .dropdown-menu {
            width: 285px;
        }

        #mb-cart-view .mini-products-list .product-details {
            width: 74%;
        }

        #mb-apply-coupon p.mb-promo-error {
            font-size: 11px;
        }

        .formElementStyle form#frmCreditCard.my-custom .card-no input {
            padding: 0 0 0 8px !important;
        }

        .exp-my {
            width: 42%;
        }

        .check-billing-addbox {
            float: none;
        }

        #bd h3.express-checkout-title {
            font-size: 11px;
        }

        svg:not(:root) {
            width: 22px;
        }

        .card-icons {
            width: 22px;
        }

        
        .formElementStyle form.my-custom .exp-my input {
            font-size: 11px;
        }
    }

@media (min-width: 1200px) {
    .adress-sec.full-width-address {
        width: 50%;
    }
}