body {
    font-family: 'Roboto', sans-serif;
    background: #fff !important;
}

@media (min-width: 1200px) {
    .container {
        width: 1366px;
    }

    .lg-space-180 {
        margin-bottom: 180px;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    color: #333;
}

p {
    font-family: 'Roboto', sans-serif;
    color: #545454;
}

header {
    background: transparent !important;
}
/* navbar */
.customMargin {
    margin-top: 70px;
}

.c4u .c4u-navbar {
    background: linear-gradient( -135deg, #cc66ff 10%, #481deb 100%);
    color: #FFFFFF;
    height: 71px;
}

.c4u .largenav {
    margin-right: 4px;
    list-style: none;
    min-width: 380px;
}

.c4u .c4u-navbar-input {
    padding: 11px 15px;
    border: 0 none;
    outline: 0 none;
    font-size: 14px;
    width: 100%;
    border-radius: 0;
    /*margin-left: 13rem;*/
}

.c4u .c4u-navbar-button {
    background-color: #ffe11b;
    border: 1px solid #ffe11b;
    border-radius: 0 2px 2px 0;
    color: #565656;
    padding: 10px 0;
    height: 43px;
    cursor: pointer;
}

.c4u .cart-button {
    background-color: #2469d9;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 hsla(0, 0%, 100%, .2);
    padding: 10px 0;
    text-align: center;
    height: 41px;
    border-radius: 2px;
    font-weight: 500;
    width: 120px;
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
    color: inherit;
    border: none;
    outline: none;
}

    .c4u .cart-button:hover {
        text-decoration: none;
        color: #fff;
        cursor: pointer;
    }

.item-number {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .1);
    height: 20px;
    padding: 3px 6px;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    line-height: 12px;
    margin-left: 10px;
}

.upper-links {
    display: inline-block;
    padding: 0 11px;
    line-height: 23px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
    color: inherit;
    border: none;
    outline: none;
    font-size: 12px;
    float: right;
}

    .upper-links.dropdown {
        margin-left: 5rem;
        margin-top: .5rem;
    }

.c4u .c4u-navbar .logo {
    height: 45px !important;
    margin-top: -2px;
}

.nav-cat-list {
    margin-top: -22px;
}

.search-area {
    margin-top: -23px;
}

.dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 0px;
}

.c4u .c4u-navbar .dropdown:hover {
    background-color: transparent;
}

    .c4u .c4u-navbar .dropdown:hover .links {
        color: #fff;
    }

        .c4u .c4u-navbar .dropdown:hover .links::after {
            opacity: 0;
        }

    .c4u .c4u-navbar .dropdown:hover .dropdown-menu {
        display: block;
    }
/*.c4u .c4u-navbar .dropdown-menu.show{display:block !important;}*/
.c4u .c4u-navbar .dropdown .dropdown-menu {
    position: absolute;
    top: 102%;
    display: none;
    background-color: #fff;
    color: #333;
    left: 0px;
    border: 0;
    border-radius: 0;
    box-shadow: 0 4px 8px -3px #555454;
    margin: 0;
    padding: 0px;
}

.c4u .c4u-navbar .links {
    color: #fff;
    text-decoration: none;
}

    .c4u .c4u-navbar .links:hover {
        color: #fff;
        text-decoration: none;
    }

.c4u .c4u-navbar .nav-cat-link {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
    display: block;
    padding: 0 11px;
    line-height: 23px;
    color: #333;
}

.c4u .grouped-nav {
    margin-top: -10px;
}

.c4u .c4u-navbar .nav-cat-li {
    padding-top: 2px;
}

.largenav {
    display: none;
    padding-top: 6px;
    margin-bottom: 0;
    padding-bottom: 9px;
}

.smallnav {
    display: block;
}

.smallsearch {
    margin-left: 15px;
    margin-top: 15px;
}

.menu {
    cursor: pointer;
}

/*Sidenav*/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    box-shadow: 0 4px 10px -2px #555454;
    padding-top: 0px;
}

    .sidenav hr {
        margin-top: .5rem;
        margin-bottom: 0px;
    }

    .sidenav a {
        padding: 6px 8px 0px 14px;
        text-decoration: none;
        font-size: 13px;
        color: #818181;
        display: block;
        transition: 0.3s;
        line-height: 23px;
    }

    .sidenav .closebtn {
        position: absolute;
        top: 0px;
        right: 3px;
        font-size: 25px;
        color: #fff;
    }

.sidenav-heading {
    font-size: 16px;
    color: #fff;
}

    .sidenav-heading a {
        color: #fff;
        font-size: 16px;
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 10px;
    }

.nav-lft-link {
    font-size: 15px;
}

    .nav-lft-link::after {
        display: block;
        content: "\f107";
        font-family: FontAwesome;
        position: absolute;
        right: -18px;
        top: 0;
        font-size: 25px;
    }

.small-panel {
    list-style: none;
    padding-left: 0px;
    margin-top: 1px;
    float: right;
    margin-bottom: 0;
}

    .small-panel .badge {
        background: #d20505;
        font-size: 12px;
        position: absolute;
        width: 20px;
        height: 20px;
        text-align: center;
        border-radius: 15px;
        right: 32px;
        top: -8px;
        padding-top: 2px;
        box-shadow: -1px 2px 2px #00000047;
    }

    .small-panel li {
        float: left;
        margin-right: 15px;
    }

        .small-panel li:last-child {
            margin-right: 0px;
        }

        .small-panel li .icon {
            margin-right: 5px;
        }
/* navbar */
/* mega-menu */
.mega-menu-wrapper {
    border-bottom: 1px solid #cccccc4a;
    padding-bottom: 15px;
}

.mega-menu {
    list-style: none;
    padding-left: 0px;
}

    .mega-menu li {
        /*margin-right: 41px;*/
        margin-right: 28px;
        float: left;
        font-size: 13px;
    }

        .mega-menu li:last-child {
            margin-right: 0px;
        }

        .mega-menu li a {
            color: #282b32;
            text-transform: capitalize;
        }

            .mega-menu li a:hover {
                text-decoration: none;
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
                color: #9821e6;
            }

    .mega-menu .dropdown-toggle::after {
        display: none;
    }

.mega-menu-wrapper .dropdown-large {
    position: static !important;
}

.dropdown-large .dropdown-toggle:focus {
    color: #9821e6;
}

.mega-menu-wrapper .dropdown-menu-large {
    margin-left: 16px;
    margin-right: 16px;
    padding: 20px 0px;
    top: 144px;
    border-top: none;
    border-radius: 0;
    border: 1px solid #cccccc4a;
    min-width: 98.4%;
}

    .mega-menu-wrapper .dropdown-menu-large > li > ul {
        padding: 0;
        margin: 0;
    }

        .mega-menu-wrapper .dropdown-menu-large > li > ul > li {
            list-style: none;
            margin-right: 20px;
        }

            .mega-menu-wrapper .dropdown-menu-large > li > ul > li > a {
                display: block;
                padding: 3px 20px;
                clear: both;
                font-weight: normal;
                line-height: 1.428571429;
                color: #333333;
                white-space: normal;
                min-width: 125px;
                text-transform: capitalize;
            }

    .mega-menu-wrapper .dropdown-menu-large > li ul > li > a:hover,
    .mega-menu-wrapper .dropdown-menu-large > li ul > li > a:focus {
        text-decoration: none;
        color: #262626;
    }

    .mega-menu-wrapper .dropdown-menu-large .disabled > a,
    .mega-menu-wrapper .dropdown-menu-large .disabled > a:hover,
    .mega-menu-wrapper .dropdown-menu-large .disabled > a:focus {
        color: #999999;
    }

        .mega-menu-wrapper .dropdown-menu-large .disabled > a:hover,
        .mega-menu-wrapper .dropdown-menu-large .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

    .mega-menu-wrapper .dropdown-menu-large .dropdown-header {
        font-size: 13px;
        padding: 0;
    }

        .mega-menu-wrapper .dropdown-menu-large .dropdown-header a {
            font-weight: 500;
            text-transform: capitalize;
        }

/* mega-menu */
/* home */
.c4u .top-section {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 0px;
}

    .c4u .top-section .banner {
        height: 315px;
        overflow: hidden;
    }

.banner .carousel-caption h3 {
    color: #fff;
    font-size: 23px;
    padding-bottom: 6px;
}

.banner .carousel-caption p {
    color: #fff;
    font-size: 14px;
}

.banner .carousel-control-prev {
    position: absolute;
    top: 43%;
    background: #fff;
    padding: 5px;
    color: #333;
    box-shadow: 3px 1px 2px -1px rgba(0, 0, 0, 0.21176470588235294);
}

.banner .carousel-control-next {
    position: absolute;
    right: 0;
    top: 43%;
    background: #fff;
    padding: 5px;
    color: #333;
    box-shadow: -2px 1px 2px -1px rgba(0, 0, 0, 0.21176470588235294);
}

.c4u .top-section .flat-bar {
    list-style: none;
    padding-left: 15px;
    margin-top: 10px;
}

    .c4u .top-section .flat-bar p {
        margin-bottom: 10px;
    }

    .c4u .top-section .flat-bar span {
        display: inline-block;
        font-size: 13px;
        vertical-align: middle;
    }

    .c4u .top-section .flat-bar .fbar-content {
        width: 272px;
        /*width: 206px;*/
        margin-left: 9px;
        margin-right: 8px;
    }

.grey-bg {
    background: #f7f5f8;
}

.feat-product {
}

    .feat-product .card {
        border-radius: .5rem;
        overflow: hidden;
        margin-bottom: 0px;
        max-height: 274px;
        overflow: hidden;
    }

    .feat-product img:hover {
        opacity: .9;
    }

    .feat-product h1 {
        font-size: 1.2rem;
        margin-bottom: 0px;
    }

.white-wrapper {
    background: #fff;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.05);
    padding: 15px 25px;
}

.item-block h1 {
    font-size: 1.2rem;
    margin-bottom: 20px;
    margin-top: 5px;
    padding-left: 5px;
}

.item-block .col-lg-2 {
    padding-right: 5px;
    padding-left: 5px;
}

.item-block .card {
    border-radius: 0px;
    border: none;
    padding: 0;
    height: 210px;
    overflow: hidden;
}

.item-block img {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 100%;
}

    .item-block img:hover {
        opacity: .8;
    }

.item-block .card-footer {
    padding: .75rem 1.25rem;
    background-color: transparent;
    border-top: none;
}

.item-block .item-title {
}

.item-title h6 {
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    text-transform: capitalize;
}

.item-title a {
    color: #4a4a4a;
    text-decoration: none;
}

    .item-title a:hover {
        color: #000;
    }

.item-title .price {
    font-weight: 500;
}

del {
    color: #a6a6a6;
    font-size: 13px;
    padding-left: 5px;
}

best-buy {
}

.best-buy h1 {
    font-size: 1.3rem;
    margin-bottom: 0px;
}

.best-buy .row {
    margin-right: -5px;
    margin-left: -5px;
}

.best-buy .col-lg-3 {
    padding-left: 4px;
    padding-right: 4px;
}

.best-buy .card {
    max-height: 205px;
    overflow: hidden;
}

    .best-buy .card img {
        width: 100%;
    }

        .best-buy .card img:hover {
            opacity: .9;
        }
/* home */
footer {
    background: #282b32;
    padding: 30px 0px 0px;
}

    footer .col-lg-1 {
        width: 13%;
    }

    footer .col-lg-3 {
        width: 22%;
    }

    footer .footer-title {
        color: #fff;
        display: block;
        font-size: 13px;
        font-weight: 500;
    }

    footer ul {
        list-style: none;
        padding-top: 5px;
        padding-left: 0px;
    }

        footer ul li {
            line-height: 16px;
        }

            footer ul li a {
                color: #9f9f9f;
                font-size: 12px;
                line-height: 21px;
            }

                footer ul li a:hover {
                    color: #fff;
                    text-decoration: none;
                    -webkit-transition: all 0.3s ease-out;
                    -moz-transition: all 0.3s ease-out;
                    -o-transition: all 0.3s ease-out;
                    transition: all 0.3s ease-out;
                }

    footer a:focus {
        outline: none;
        text-decoration: none;
        color: #fff;
    }

    footer .accepted-payment {
        /*padding-left: 25px;*/
    }

    footer .payment-partners {
        list-style: none;
    }

        footer .payment-partners li {
            float: left;
            margin-right: 7px;
            margin-left: 2.5px;
        }

            footer .payment-partners li:last-child {
                margin-right: 0px;
            }

            footer .payment-partners li img {
                width: 35px;
                margin-top: 10px;
            }

    footer .secondary-footer {
        background: #1d1e21;
        color: #fff;
        font-size: 11px;
        padding: 10px;
    }

        footer .secondary-footer span:nth-child(2) {
            float: right;
        }

        footer .secondary-footer a {
            color: #fff;
            font-size: 11px;
        }

/* products */
.bread-crumbs {
}

    .bread-crumbs ul {
        list-style: none;
        padding-left: 0px;
        padding-top: 5px;
        margin-bottom: 6px;
    }

        .bread-crumbs ul li {
            display: inline-block;
            font-size: 12px;
            color: #909090;
        }

            .bread-crumbs ul li a {
                color: #909090;
            }

                .bread-crumbs ul li a:hover {
                    text-decoration: none;
                    color: #9228e6;
                }

.products {
}

    .products h3 {
        font-size: 1rem;
        padding: 17px;
        margin: 0px;
        text-transform: capitalize;
    }

    .products .side-bar {
    }

    .products .white-wrapper {
        padding: 0px;
    }

    .products .side-bar ul {
        padding: 10px 17px;
        list-style: none;
        margin: 0px;
    }

        .products .side-bar ul li {
            font-size: 13px;
            color: #1d1e21;
            line-height: 30px;
        }

            .products .side-bar ul li a {
                color: #1d1e21;
            }

                .products .side-bar ul li a:hover {
                    color: #8c43cf;
                    text-decoration: none;
                }

            .products .side-bar ul li.active a {
                color: #8c43cf;
            }

.count {
    font-size: 14px;
    font-weight: 300;
    padding-left: 5px;
}

.products hr {
    margin-bottom: 0rem;
    margin-top: 0rem;
}

.products .brand ul {
    padding-top: 1px;
    padding-bottom: 1px;
}

.products .brand h6 {
    font-size: 13px;
    font-weight: 400;
    padding-left: 10px;
}

.products .listing {
    padding: 20px 25px;
    min-height: 530px;
}

    .products .listing .col-lg-3 {
        padding-right: 8px;
        padding-left: 8px;
    }

    .products .listing .card {
        border-radius: 0px;
        border: none;
        padding: 0;
        height: 210px;
        overflow: hidden;
    }

        .products .listing .card img {
            position: absolute;
            height: 100%;
            width: 100%;
            left: 50%;
            top: 50%;
            -ms-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            max-width: 100%;
        }

            .products .listing .card img:hover {
                opacity: .8;
            }

    .products .listing .item-title {
        margin-bottom: 20px;
        min-height: 80px;
        max-height: 80px;
    }

.c-box {
    display: block;
    position: relative;
    padding-left: 15px;
    margin-bottom: 19px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    /* Hide the browser's default checkbox */
    .c-box input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.c-box {
    top: 0;
    left: 0;
    height: 15px;
    width: 0px;
    border: 1px solid #ccc;
}

    /* On mouse-over, add a grey background color */
    .c-box:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .c-box input:checked ~ .checkmark {
        background-color: #2196F3;
    }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkmark:after {
    left: 5px;
    top: 2px;
    width: 4px;
    height: 7px;
    border: solid #333;
    border-width: 0px 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sidebar-widget-body {
    margin: 5px 15px 17px;
    text-align: center;
    color: #878787;
}

    .sidebar-widget-body .min-range {
        float: left;
        color: #000;
        font-size: 13px;
        padding-top: 3px;
    }

    .sidebar-widget-body .max-range {
        float: right;
        color: #000;
        font-size: 13px;
        padding-top: 3px;
    }
/* products */

/* products details*/
.p-details {
    padding: 20px;
}

    .p-details .item {
        height: 470px;
        overflow: hidden;
    }

/*.p-details .item img {
            width: 100%;
        }*/

#image-gallery {
    margin-left: 7.13rem;
}

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

.lSPager {
    margin-left: 0px !important;
}

    .lSPager li {
        height: auto !important;
        margin-bottom: 15px !important;
    }

.p-details .p-info {
}

    .p-details .p-info h1 {
        font-size: 20px;
        width: 72%;
        line-height: 28px;
        padding-bottom: 5px;
        text-transform: capitalize;
    }
/* Rating Star Widgets Style */
.star-rating {
    display: inline-block;
    padding-bottom: 8px;
}

    .star-rating .fa {
        color: #d67b0d;
    }

.rating-info {
    display: inline-block;
    font-size: 13px;
    padding-left: 10px;
    color: #615e5e;
}

.p-details .p-info .amount {
    color: #8933e6;
    font-weight: 500;
    font-size: 24px;
}

.p-details .p-info del {
    color: #3e3d3e;
    font-size: 20px;
    padding-left: 15px;
}

.p-details .p-info .off {
    color: #3ca617;
    padding-left: 15px;
}

.p-details .p-info .free-delivery {
    padding-left: 15px;
    font-weight: 500;
}

.p-details .p-info .stock-info {
    color: #3ca617;
    display: block;
    padding-top: 10px;
}

.p-details .p-info .delivered-in {
    font-size: 14px;
    display: block;
}

.p-details .p-info p {
    font-size: 14px;
    line-height: 25px;
}

    .p-details .p-info p:first-letter {
        text-transform: uppercase;
    }

.p-details .p-info h6 {
    padding-top: 20px;
}

a:focus {
    outline: none !important;
}

.buy-btn {
    width: 190px;
    border-radius: 30px;
    cursor: pointer;
    padding: 10px;
    background: #1ebe92;
    text-align: center;
    font-size: 20px;
    display: inline-block;
    color: #fff !important;
    margin-top: 20px;
    margin-right: 15px;
    border: none;
}

    .buy-btn:hover {
        background: #0da47a;
        color: #fff;
        text-decoration: none;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .buy-btn:focus {
        outline: none;
        color: #fff;
        text-decoration: none;
    }

.to-cart-btn {
    width: 190px;
    /*width: 180px;*/
    border-radius: 30px;
    cursor: pointer;
    padding: 10px;
    background: #545454;
    text-align: center;
    font-size: 20px;
    display: inline-block;
    color: #fff !important;
    margin-top: 20px;
    border: none;
}

    .to-cart-btn:hover {
        background: #2e2e2e;
        color: #fff;
        text-decoration: none;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .to-cart-btn:focus {
        outline: none;
        color: #fff;
        text-decoration: none;
    }

.ticked {
    background-image: url(../img/checked.svg);
    display: inline-block;
    height: 23px;
    width: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.carted {
    background-image: url(../img/cart.svg);
    display: inline-block;
    height: 23px;
    width: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.p-details h5 {
    font-size: 18px;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    padding-top: 25px;
}

.rate-btn {
    float: right;
    border: 1px solid #ccc;
    padding: 5px 15px;
    border-radius: 15px;
    color: #494747;
    margin-top: 15px;
}

    .rate-btn:hover {
        color: #494747;
        text-decoration: none;
        background: rgba(238, 238, 238, 0.4196078431372549);
    }

.lg-rating {
    font-size: 41px;
    font-weight: 500;
    text-align: center;
    line-height: 16px;
    border: 1px solid #ccc;
    height: 125px;
    padding-top: 45px;
    width: 125px;
    border-radius: 50%;
    margin-left: 30px;
}
    /* products details*/
    .lg-rating .star-rating .fa {
        font-size: 11px;
        color: #373a3c;
    }

.p-details label {
    margin-bottom: 5px !important;
}

.p-details hr {
    margin-bottom: 0px;
}

.progress {
    margin-bottom: 0px;
    background: #f8f6f9;
    border-radius: 15px;
    border: 1px solid #e4e4e4;
    display: inline-block;
    width: 23.7rem;
    margin-left: 15px;
}

.progress-bar {
    width: 0;
    background: #f69e32;
    background: #f69e32;
    border-radius: 15px;
    height: 15px;
}

/*.br-1 {
    border-right: 1px solid #ccc;
}*/

.p-details .left-side {
    width: 48.8%;
    z-index: 3;
}

.p-details .right-side {
    padding-left: 0px;
    padding-right: 0;
    border-left: 1px solid rgba(0,0,0,.1);
}

    .p-details .right-side h5 {
        padding-left: 30px;
    }

.p-details .lSSlideWrapper {
    height: 400px !important;
}

.p-details .item-specification {
    list-style: none;
    padding-left: 0px;
    margin-top: 20px;
}

    .p-details .item-specification li {
        font-size: 14px;
        line-height: 30px;
    }

    .p-details .item-specification .spec-title {
        width: 40%;
        display: inline-block;
    }

.p-details .item-spec-link {
    color: #333333;
    font-weight: 500;
    text-decoration: underline;
    display: block;
}

.p-details .customer-rivew-block {
    padding: 20px 30px 5px;
}

    .p-details .customer-rivew-block p {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 0;
    }

        .p-details .customer-rivew-block p:first-letter {
            text-transform: uppercase;
        }

.customer-rivew-block .title {
    color: #444645;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
}

.customer-rivew-block small {
    color: #868787;
    padding-left: 15px;
}

.customer-rivew-block .user {
    display: block;
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 5px;
    text-transform: capitalize;
}

.user-icon {
    background-image: url(../img/user.svg);
    display: inline-block;
    height: 10px;
    width: 17px;
    background-repeat: no-repeat;
    background-size: contain;
}

.customer-rivew-block .varified {
    font-size: 14px;
    text-transform: capitalize;
}

.varified-icon {
    background-image: url(../img/success.svg);
    display: inline-block;
    height: 11px;
    width: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.view-all-dark {
    background: #545454;
    color: #fff;
    border-radius: 30px;
    padding: 10px;
    display: block;
    width: 120px;
    text-align: center;
    margin-left: 80px;
    margin-top: 15px;
}

    .view-all-dark:hover {
        background: #2e2e2e;
        color: #fff;
        text-decoration: none;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

.related h5 {
    padding-left: 15px;
    display: block;
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 10px;
}

.related .col-lg-3 {
    width: 20%;
}

.related .card {
    border-radius: 0px;
    border: none;
    padding: 0;
    height: 215px;
    overflow: hidden;
}

    .related .card img {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        max-width: 100%;
    }

        .related .card img:hover {
            opacity: .8;
        }
/*category page*/
.categories {
}

    .categories .main-banner {
    }

        .categories .main-banner .carousel-caption h3 {
            color: #fff;
            font-size: 23px;
            padding-bottom: 6px;
        }

        .categories .main-banner .carousel-caption p {
            color: #fff;
            font-size: 14px;
        }

        .categories .main-banner .carousel-control-prev {
            position: absolute;
            top: 43%;
            background: #fff;
            padding: 5px;
            color: #333;
            box-shadow: 3px 1px 2px -1px rgba(0, 0, 0, 0.21176470588235294);
        }

        .categories .main-banner .carousel-control-next {
            position: absolute;
            right: 0;
            top: 43%;
            background: #fff;
            padding: 5px;
            color: #333;
            box-shadow: -2px 1px 2px -1px rgba(0, 0, 0, 0.21176470588235294);
        }

/*cart*/
/*my cart*/
.cart .c-wrapper .items .input-group {
    width: 68%;
}

.cart .c-wrapper .items .input-group-btn .btn {
    font-size: 12px;
    background: none;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    text-align: center;
    cursor: pointer;
    padding-left: 12px;
    padding-top: 9px;
}

.cart .c-wrapper .items input {
    padding: 5px 9px;
    max-width: 40px;
    margin: 0px 10px;
    text-align: center;
}

.continue-btn {
    font-size: 14px;
    background: #fff;
    color: #333;
    border: 1px solid #989797;
    padding: 10px 18px;
    border-radius: 25px;
    margin-right: 15px;
}

    .continue-btn:focus {
        outline: none;
        text-decoration: none;
    }

    .continue-btn:hover {
        background: #fff;
        color: #333 !important;
        border: 1px solid #737272;
        text-decoration: none;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
/*my cart*/
.cart {
}

    .cart .c-wrapper {
        border: 1px solid #eee;
        box-shadow: 1px 1px 6px #eee;
    }

    .cart .c-title {
        font-size: 1rem;
        padding: 15px 10px 0px 15px;
    }

    .cart .checkout-address {
        padding: 10px 15px;
        font-size: 13px;
    }

        /*checkout*/
        .cart .checkout-address .address-box h6 {
            font-size: .95rem;
            text-transform: capitalize;
        }

        .cart .checkout-address .address-box ul {
            list-style: none;
            padding-left: 0px;
        }

        .cart .checkout-address .address-box .add-clr {
            border: 1px solid #7cb33c;
            padding: 4px 12px;
            border-radius: 15px;
            margin-right: 5px;
            color: #fff;
            background: #7cb33c;
            cursor: pointer;
        }

            .cart .checkout-address .address-box .add-clr:hover {
                box-shadow: 0px 2px 4px rgba(204, 204, 204, 0.56);
                text-decoration: none;
                background: #6da22e;
            }

        .cart .checkout-address .address-box .edit-clr .fa {
            background: #f0ad4e;
            color: #fff;
            height: 25px;
            width: 25px;
            text-align: center;
            border-radius: 50%;
            padding-top: 6px;
            cursor: pointer;
        }

            .cart .checkout-address .address-box .edit-clr .fa:focus, .cart .checkout-address .address-box .edit-clr:focus {
                outline: none;
            }

            .cart .checkout-address .address-box .edit-clr .fa:hover {
                background: #e09b3a;
            }

        .cart .checkout-address .address-box .remove-clr .fa {
            background: #F44336;
            color: #fff;
            height: 25px;
            width: 25px;
            text-align: center;
            border-radius: 50%;
            padding-top: 6px;
            cursor: pointer;
        }

            .cart .checkout-address .address-box .remove-clr .fa:hover {
                background: #e52b1d;
            }

    .cart .c-wrapper .price-details {
        padding: 10px 15px;
        font-size: 14px;
    }

        .cart .c-wrapper .price-details span {
            display: block;
            padding-bottom: 5px;
            padding-top: 5px;
        }

    .cart .total {
        font-size: 16px;
        color: #ed3f32;
    }

    .cart .c-wrapper .price-details .dashed {
        margin-top: 5px;
        border-top: 1px dashed #eee;
        margin-bottom: 5px;
    }

.safe {
    font-size: 13px;
    display: flex;
    padding-top: 10px;
    line-height: 20px;
    color: #888;
}

    .safe::before {
        content: "\f132";
        font-family: fontAwesome;
        padding-right: 5px;
    }

.checkout-address .form-control {
    border: 1px solid rgba(204, 204, 204, 0.5607843137254902) !important;
    font-size: 13px;
    color: #222;
    box-shadow: none;
    margin-bottom: 20px;
    border-radius: 0px;
}

.submit {
    background: #545454;
    color: #fff;
    border-radius: 24px;
    cursor: pointer;
    padding: 10px 30px;
}

    .submit:hover {
        background: #2e2e2e;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .submit:focus {
        outline: none;
    }

.cart .form-group {
    width: 100%;
    padding-top: 8px;
}

.new-address {
    color: #333;
}

    .new-address:hover, .new-address:focus {
        color: #000;
        text-decoration: none;
    }

.cart strong {
    font-weight: 500;
}

.checkout-address .form-control::placeholder {
    color: #222 !important;
    font-size: 13px;
}

.cart .checkout-address .address-box {
    padding: 15px;
    margin-bottom: 10px;
    margin-left: 13px;
    border: 1px dashed #eee;
    width: 31.2%;
}

    .cart .checkout-address .address-box:hover {
        background: #eeeeee24;
    }
/*.cart .checkout-address .address-box {
    padding: 15px;
    margin-bottom: 5px;
    margin-right: 0px;
}*/

.purple-header {
    background: linear-gradient( -135deg, #cc66ff 10%, #481deb 100%);
}

.modal-footer {
    border-top: none;
}

#editModal .form-control {
    border: 1px solid rgb(204, 204, 204) !important;
    font-size: 13px;
    font-weight: 300;
    color: #222;
    box-shadow: none;
    margin-bottom: 20px;
    border-radius: 0px;
}

#editModal .modal-title {
    font-size: 18px;
    color: #fff;
}

#editModal .modal-header .close {
    padding: 15px;
    position: absolute;
    right: -5px;
    top: -10px;
}

#editModal .modal-body {
    padding-bottom: 0px;
}

#editModal .form-control::placeholder {
    color: #222 !important;
    font-size: 13px;
}

#editModal .form-group {
    margin-top: 1rem;
}

.black-btn {
    background: #545454;
    color: #fff;
    border-radius: 25px;
}

    .black-btn:focus {
        outline: none;
    }

    .black-btn:hover {
        background: #2e2e2e;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

.green-btn:focus {
    outline: none;
}

.green-btn {
    background: #1ebe92;
    color: #fff;
    border-radius: 25px;
}

    .green-btn:hover {
        background: #0da47a;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

#editModal .black-btn {
    margin-right: 5px;
}

#deleteConformation .modal-title {
    font-size: 18px;
    color: #fff;
}

#deleteConformation .modal-header .close {
    padding: 15px;
    position: absolute;
    right: -5px;
    top: -10px;
}

#deleteConformation .modal-body {
    padding-bottom: 0px;
}

#deleteConformation .black-btn {
    margin-right: 5px;
}

#deleteConformation .modal-footer {
    padding-top: 0px;
}
/*checkout*/
/*order-summary*/
.cart .c-wrapper .items {
    border-bottom: 1px solid #eee;
    padding: 10px 15px;
}

    .cart .c-wrapper .items .p-title {
        font-size: 13px;
        font-weight: 500;
        line-height: 18px;
        color: #333;
        text-decoration: none;
        text-transform: capitalize;
    }

    .cart .c-wrapper .items .stock-info {
        color: #3ca617;
        font-size: 12px;
    }

    .cart .c-wrapper .items .move, .cart .c-wrapper .items .remove {
        font-size: 13px;
        padding-right: 15px;
        color: #333;
    }

        .cart .c-wrapper .items .move .fa, .cart .c-wrapper .items .remove .fa {
            margin-right: 5px;
        }

.c-spn-title {
    font-size: 14px;
    margin-bottom: 15px;
    display: block;
}

.cart .c-wrapper .static-holder {
    background: rgba(238, 238, 238, 0.59);
    padding: 15px;
}

    .cart .c-wrapper .static-holder .continue-btn {
        display: inline-block;
        margin-left: 0px;
    }

#OrderplacedSummary .static-holder .continue-btn {
    margin-left: 40px;
}

.purchaser-mail-info {
    font-size: 13px;
    vertical-align: -webkit-baseline-middle;
}

.place-ordr-btn {
    font-size: 14px;
    background: #545454;
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 25px;
}

    .place-ordr-btn:hover {
        background: #2e2e2e;
        color: #fff;
        text-decoration: none;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

.payu {
    width: 150px;
    cursor: pointer;
    height: 50px;
    background: url(../img/payu.png);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 15px 8px;
    border: 1px solid #ccc;
}

.paypal {
    width: 150px;
    cursor: pointer;
    height: 50px;
    background: url(../img/paypal.png);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 15px 8px;
    border: 1px solid #ccc;
}

.ccavenue {
    width: 150px;
    cursor: pointer;
    height: 50px;
    background: url(../img/cc-avenue.png);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 15px 8px;
    border: 1px solid #ccc;
}

.payment-options .buttons {
    padding: 15px;
    display: block;
}

.payment-options {
    display: none;
}

    .payment-options .buttons .btn {
        margin-right: 10px;
        font-weight: 500;
        color: #666;
    }

        .payment-options .buttons .btn:focus {
            outline: none;
        }

        .payment-options .buttons .btn:hover {
            box-shadow: 0px 0px 2px #00000038;
        }

#continue:focus {
    outline: none;
}

#continue[disabled] {
    display: none;
}
/*order-summary*/
/*order conformation*/
.confirmed {
    display: block;
    margin: auto;
    float: none;
}

    .confirmed .c-title {
        text-align: center;
        font-size: 1.4rem;
        padding-top: 0px;
    }

    .confirmed p {
        text-align: center;
        font-size: 14px;
        width: 80%;
        margin: auto;
        padding-bottom: 10px;
    }

    .confirmed .shipped-icon {
        margin: auto;
        display: block;
    }

    .confirmed .info {
    }

        .confirmed .info .card {
            border-radius: 0px;
            min-height: 205px;
        }

        .confirmed .info .c-title {
            font-size: 1rem;
            padding: 15px 10px 0px 15px;
            text-align: left;
        }

        .confirmed .info ul {
            list-style: none;
            padding-left: 15px;
            margin-top: .5rem;
            margin-bottom: .5rem;
            padding-right: 15px;
        }

            .confirmed .info ul li {
                font-size: 14px;
                line-height: 27px;
            }

.link {
    color: #8e2ce6;
}

    .link:hover {
        color: #7115c4;
        text-decoration: none;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

.no-radius {
    border-radius: 0px !important;
}

.track-message {
    padding: 15px;
}

.gps {
    background-image: url(../img/gps.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}

.order-item-deails {
}

    .order-item-deails .c-title {
        font-size: 1rem;
        padding: 15px 10px 0px 15px;
        text-align: left;
    }

    .order-item-deails .items {
        border-bottom: 1px solid #eee;
        padding: 10px 15px;
    }

        .order-item-deails .items:last-child {
            border-bottom: none;
        }

        .order-item-deails .items .p-title {
            font-size: 13px;
            font-weight: 500;
            line-height: 18px;
            color: #333;
            text-decoration: none;
        }

        .order-item-deails .items .stock-info {
            color: #3ca617;
            font-size: 12px;
        }

.grey {
    background: #dfdfdf;
}

    .grey p {
        color: #333;
        padding: 10px;
    }

    .grey a {
        color: #333;
        text-decoration: none;
    }

    .grey .card p {
        text-align: center;
    }

.br-0 {
    border-right: 0px;
}
/*order conformation*/
/*cart*/























/*responsive*/
@media screen and (max-height: 450px) {
    .sidenav a {
        font-size: 18px;
    }
}

@media screen and (min-width: 1024px) {
    .largenav {
        display: block;
    }

    .smallnav {
        display: none;
    }

    .smallsearch {
        margin: 0px;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
    }
}

@media (max-width: 767px) {
    .bread-crumbs ul {
        padding-top: 10px;
        margin-bottom: 10px;
    }

        .bread-crumbs ul li a {
            font-size: 12px;
            font-weight: 500;
        }

    #purpleNav {
        position: sticky;
    }

    .customMargin {
        margin-top: 0px;
    }

    .c4u .c4u-navbar {
        height: 110px;
    }

    .smallsearch {
        margin-left: 0px;
        margin-top: 15px;
    }

    .c4u .c4u-navbar .logo {
        left: 3.5rem;
        width: 105px;
        height: auto !important;
    }

    .c4u .top-section {
        padding-top: 18px;
        margin-top: 0px !important;
    }

    .mega-menu-wrapper .dropdown-menu-large {
        margin-left: 0;
        margin-right: 0;
    }

        .mega-menu-wrapper .dropdown-menu-large > li {
            margin-bottom: 30px;
        }

            .mega-menu-wrapper .dropdown-menu-large > li:last-child {
                margin-bottom: 0;
            }

        .mega-menu-wrapper .dropdown-menu-large .dropdown-header {
            padding: 3px 15px !important;
        }


    .c4u .top-section .banner {
        height: auto !important;
        margin-bottom: 25px;
        margin-top: 5px;
    }

    .xs-pl-15 {
        padding-left: 15px !important;
    }

    .item-block .card {
        /*height: 300px !important;*/
        height: 150px !important;
    }

    .best-buy img {
        width: 100%;
    }

    .c4u .top-section {
        padding-bottom: 25px;
    }

    .feat-product .card {
        margin-bottom: 25px !important;
    }

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

    .item-block .item-title {
        margin-bottom: 30px;
        min-height: 90px;
    }

    .deals .white-wrapper {
        padding-bottom: 0px;
    }

    footer .col-lg-1 {
        width: 33% !important;
        float: left;
    }

    footer .footer-title {
        font-size: 12px !important;
        font-weight: 500 !important;
        color: #fff;
    }

    footer .payment-partners li img {
        width: 25px !important;
    }

    footer .secondary-footer span:nth-child(2) {
        text-align: center;
        float: none !important;
        display: block;
    }

    footer .secondary-footer span {
        text-align: center;
        display: block;
    }

    .smallnav {
        display: block;
        width: 50px;
        color: #fff;
        position: absolute;
        top: -81px;
    }

    .c4u .grouped-nav {
        margin-top: 90px;
    }

    .logo {
        position: absolute;
        top: -79px;
        left: 7rem;
        margin-top: 0px !important;
    }

    .products .listing .card {
        /*height: 300px !important;*/
        height: 150px !important;
    }

    .lSPager {
        width: 50px !important;
        overflow: hidden;
    }

    #image-gallery {
        margin-left: 4rem !important;
    }

    .lSSlideWrapper {
        overflow: hidden !important;
        height: 255px !important;
    }

    .p-details .p-info h1 {
        padding-top: 15px;
    }

    .p-details .item {
        height: 100% !important;
    }

    .p-details .left-side {
        width: 100% !important;
    }

    .p-details .item-specification .spec-title {
        width: 50% !important;
    }

    .p-details .right-side h5 {
        padding-left: 15px !important;
        display: block !important;
    }

    .rate-btn {
        float: left !important;
        margin-left: 15px !important;
    }

    .lg-rating {
        margin-left: 15px !important;
        margin-top: 80px;
        margin-bottom: 20px;
    }

    .related .col-lg-3 {
        /*width: 100% !important;*/
        width: 50% !important;
    }

    .related .card {
        height: 150px !important;
    }

    .related .item-title {
        margin-bottom: 20px;
        min-height: 90px;
    }

    .p-details .right-side {
        border-left: none !important;
    }

    .progress {
        width: 14rem !important;
        margin-left: 30px !important;
    }
   .p-details .checkout label {
        padding-left: 0px !important;
    }
    .p-details label {
        padding-left: 30px !important;
    }

    .view-all-dark {
        margin: auto;
        margin-top: 15px !important;
        margin-left: auto !important;
    }

    .rating-info {
        padding-left: 0px;
    }

    footer ul {
        min-height: 220px;
    }

    footer .payment-partners {
        float: none;
        min-height: 0;
    }

    footer .accepted-payment {
        padding-left: 0px;
        margin-top: -50px;
    }

    .small-panel {
        margin-bottom: 10px;
        position: absolute;
        right: 15px;
        top: -92px;
    }

    .search-area {
        margin-top: -28px;
    }

    .small-panel .badge {
        /*top: 70px;*/
        top: 0px;
        width: 17px;
        height: 17px;
        padding-top: 1px;
        font-size: 10px;
    }
    /*cart*/
    .cart .checkout-address {
        padding: 10px 10px;
    }

        .cart .checkout-address .address-box {
            padding: 15px 17px;
            width: 95%;
            margin-left: 7px;
        }

    .cart .c-wrapper {
        margin-bottom: 20px;
    }

    .safe {
        padding-top: 0px;
    }
    /*summary*/
    .summary {
    }

        .summary .items {
        }

            .summary .items img {
                width: 100%;
                margin: 5px 0px 15px;
            }

            .summary .items .c-spn-title {
                display: initial;
                padding-right: 10px;
            }

    .place-ordr-btn {
        margin-top: 15px;
    }

    .payment-options .buttons .btn {
        margin: auto;
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .payu, .paypal, .ccavenue {
        background-size: 47%;
        background-position: 67px 9px;
    }

    ul.dropdown-cart {
        left: 0 !important;
        top: 35px !important;
    }

    .zoomContainer {
        display: none;
    }
    /*summary*/
    /*cart*/
    /*change password*/
    .pswd-form-wrapper h1 {
        width: 100% !important;
    }

    .pswd-form-wrapper form {
        width: 100% !important;
    }

    footer .col-lg-3 {
        width: unset;
    }

    .xs-float-none {
        float: none;
    }

    .tt-product-head__image-preview {
        margin-top: 30px;
        margin-bottom: 10px;
    }

        .tt-product-head__image-preview img {
            width: 65px !important;
            margin-right: 5px;
        }

    .banner-ad img {
        width: 100%;
    }

    .banner .carousel-control-prev, .banner .carousel-control-next {
        top: 38%;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .cart .c-wrapper .items input {
        padding: 5px 6px;
        max-width: 35px;
        margin: 0px 6px;
        text-align: center;
    }

    .md-100 {
        width: 100% !important;
    }

    .smallsearch {
        margin-top: 0px;
        margin-left: 0px;
    }

    #OrderplacedSummary .static-holder .continue-btn {
        margin-left: 0px;
    }

    .checkout-address .c-title {
        width: 71% !important;
    }

    .checkout-address .continue-btn {
        margin-top: 10px;
        display: inline-block;
    }

    #Custom-Contact-Form .boxed {
        width: 100% !important;
    }

    .small-panel #navPanel .dropdown-menu {
        min-width: 7.5rem !important;
        margin-top: 8px;
    }

    .banner .carousel-control-prev, .banner .carousel-control-next {
        top: 40%;
    }

    .c4u .c4u-navbar .logo {
        height: auto !important;
        margin-top: 6px;
        margin-left: 40px;
        width: 120px;
    }

    .upper-links.dropdown {
        margin-left: 0px;
        padding: 0px;
    }

    .nav-lft-link {
        font-size: 13px;
    }

    .small-panel li {
        font-size: 13px;
    }

    .nav-lft-link::after {
        right: -25px;
    }

    .mega-menu-wrapper .dropdown-menu-large {
        top: 180px;
    }

    .mega-menu li {
        line-height: 25px;
        margin-right: 25px;
    }

    .c4u .top-section {
        padding-bottom: 13px;
        margin-bottom: 20px;
    }

        .c4u .top-section .banner {
            height: 158.5px !important;
        }

        .c4u .top-section .flat-bar .fbar-content {
            margin-bottom: 20px;
            width: 170px;
        }

        .c4u .top-section .flat-bar span {
            vertical-align: top;
        }

        .c4u .top-section .flat-bar .fbar-content:last-child {
            margin-bottom: 0px;
        }

    .feat-product {
        margin-top: -20px;
    }

    .item-block .card {
        height: 200px;
    }

    .item-block .item-title {
        padding-bottom: 10px;
        min-height: 80px;
    }

    .item-block .white-wrapper {
        padding-bottom: 0px;
    }

    .best-buy img {
        width: 100%;
    }

    footer .col-lg-1 {
        width: 20%;
        float: left;
    }

    .products .listing .card {
        height: 150px;
    }

    .lSSlideWrapper img {
        width: 100%;
    }

    .p-details .p-info h1 {
        padding-top: 25px;
    }

    .p-details .left-side {
        width: 100% !important;
    }

    .p-details .right-side {
        border-left: none !important;
    }

        .p-details .right-side .progress {
            width: 27.3rem !important;
        }

        .p-details .right-side h5 {
            padding-left: 15px !important;
        }

    .lg-rating {
        margin-left: 15px !important;
    }

    .rate-btn {
        margin-right: 12px;
    }

    .related .col-lg-3 {
        width: 25% !important;
    }

    .related .item-title {
        margin-bottom: 20px;
        min-height: 90px;
    }

    .view-all-dark {
        margin-left: 0px !important;
    }

    footer .payment-partners {
        float: none;
    }

    footer .accepted-payment {
        padding-left: 0px;
    }

    .slider.slider-horizontal {
        /*width: 180px !important;*/
        width: 39rem !important;
    }

    .related .card {
        height: 150px;
    }
    /*cart*/
    .address-box:first-child {
        margin-bottom: 20px;
    }

    .address-box:nth-child(2) {
        margin-bottom: 20px;
    }

    .cart .c-wrapper {
        margin-bottom: 20px;
    }
    /*cart*/
    .c4u .c4u-navbar-input {
        font-size: 12px;
        padding: 13px 10px;
        margin-left: 0px;
        border-radius: 0px;
        width: 100% !important;
        /*width: 64% !important;
        margin-left: 11rem;*/
    }

    .small-panel {
        padding-left: 5px;
        margin-top: 10px;
    }

        .small-panel .badge {
            right: 37px;
            top: -8px;
            padding-top: 2px;
        }

    /*.zoomContainer {
        display: none;
    }*/

    .c4u-navbar .custom-select {
        width: 51% !important;
        height: 44px !important;
    }

    .c4u-navbar .select-items div, .select-selected {
        font-size: 12px !important;
    }

    .small-panel #navPanel a.dropdown-toggle {
        font-size: 13px;
        padding: 0 !important;
    }

    .search-btn {
        width: 25px !important;
        top: 9px !important;
        right: 7px !important;
        height: 32px !important;
        background-color: #fff !important;
        background-size: 70% !important;
        background-position: 6px 3px !important;
    }

    .c4u-navbar .select-selected {
        padding: 6px 5px;
    }

    .p-details .item {
        height: 100%;
        overflow: hidden;
    }

    .fotorama__wrap {
        float: left !important;
        width: 100% !important;
    }

    .slick-slider {
        margin-top: 0px;
    }

        .slick-slider .slick-track, .slick-slider .slick-list {
            height: 100%;
            overflow: hidden;
        }

            .slick-slider .slick-track img {
                margin-right: 5px;
                border: 1px solid #ccc !important;
            }

    .customMargin {
        margin-top: 86px;
    }

    .fotorama__wrap {
        margin-left: 12%;
    }
    /*filter*/
    .mobile-filters {
        top: 9% !important;
        left: 0;
    }

        .mobile-filters .sort-row {
            padding-left: 20px;
        }

    .category .toggle-down-btn {
        margin-right: 0px;
    }

    .category .main-cat-wrap {
        padding: 8px 15px;
        margin-bottom: 0px;
    }

    .category .child-cat-wrap {
        margin-bottom: 0px;
    }

    .category .child-cat {
        line-height: 25px;
    }

    .bread-crumbs {
        padding-top: 5px;
    }

    .seller-mob-nav {
    }

        .seller-mob-nav li {
            border-top: 1px solid #e0e0e0 !important;
            width: 100%;
            border-bottom: 1px solid #e0e0e0 !important;
            padding-bottom: 6px !important;
            background: #fff;
            margin-top: -1px !important;
        }

    .bhoechie-tab-content .usr-add-address-wrap {
    }

        .bhoechie-tab-content .usr-add-address-wrap form {
            width: 93%;
        }



    /*seller hub*/
    .seller-hub .hub-card {
        margin-bottom: 25px;
    }

    .loding_icon {
        top: 41px;
        left: 53px !important;
    }

    .sidenav .mob-nav-item {
        border-bottom: 1px dashed #eee;
        padding-bottom: 6px;
    }

    div.bhoechie-tab-menu div.list-group > a .glyphicon, div.bhoechie-tab-menu div.list-group > a .fa {
        font-size: 12px;
    }

    .accnt-sidebar .list-group h5 {
        padding-left: 5px !important;
        font-size: 11px !important;
    }

    .seller-mob-nav li a {
        color: #818181 !important;
        font-size: 13px !important;
        text-transform: capitalize;
    }

    #category-selector #category-msg {
        display: none !important;
    }

    .bhoechie-tab-content .plist-box h6 {
        font-size: 13px !important;
    }

    .bhoechie-tab-content .plist-box p {
        font-size: 11px !important;
        margin-bottom: 0px !important;
    }

    form .cod-label {
        margin-top: 5px;
        line-height: 16px !important;
    }

    #Portfoliostocklist .onoff.switch {
        margin-top: -12px;
    }

    #PortolioSeller-nav .common-defult-btn {
        margin-bottom: 5px;
        margin-top: 2px;
    }

    #category-selector .column {
        width: 50% !important;
    }

    #category-selector ul {
        max-height: 200px !important;
        margin-bottom: 5px !important;
        border: 1px solid #eee;
        background: #fff !important;
        box-shadow: 0px 0px 5px #00000021;
    }

    #CreatePortfolio .next {
        float: none !important;
    }

    #ProductPath {
        display: block !important;
    }

    .FB-Loading-Card {
        width: 93%;
    }

    .fearures .col-lg-3 .card {
        min-height: 168px;
    }

    .app-play {
        float: right;
        margin-top: -15px;
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {
    .products .listing .card {
        height: 155px;
    }

    .item-block .card {
        height: 145px;
    }

    .c4u .top-section .banner {
        height: 217px;
    }
}

@media only screen and (max-device-width: 1366px) and (min-device-width: 1024px) and (orientation : landscape) {
    .products .listing .card {
        height: 215px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .c4u .c4u-navbar {
        height: 75px !important;
    }

    .c4u .c4u-navbar-input {
        padding: 13px 15px;
    }

    .c4u-navbar .custom-select {
        width: 35% !important;
    }

    .customMargin {
        margin-top: 71px;
    }

    .c4u .grouped-nav {
        margin-top: 0px !important;
    }

    .small-panel {
        margin-top: 5px;
    }

    .grouped-nav .col-md-3 {
        float: right;
    }

    .c4u .c4u-navbar-input {
        margin-left: 3.5rem;
    }

    .search-btn {
        right: -45px !important;
    }

    .hidden-md-down {
        display: none !important;
    }

    .smallnav {
        display: block;
    }

    .related .card {
        height: 170px;
    }

    .slick-slider .slick-track img {
        height: 95px;
        padding: 10px;
    }

    .related .col-lg-3 {
        width: 20% !important;
    }

    .md-w-100 {
        width: 100%;
    }

    .mobile-filters {
        top: 9.5% !important;
        display: block !important;
    }

        .mobile-filters .sort-row {
            padding-left: 30px;
        }

    .p-details .left-side {
        width: 50% !important;
    }

    .p-details .right-side .progress {
        width: 14.6rem !important;
    }
}

@media only screen and (min-device-width : 1366px) and (max-device-width : 1366px) {
    .place-ordr-btn {
        padding: 10px 17px !important;
    }

    .mega-menu li {
        margin-right: 27px;
    }

    .small-panel #navPanel .dropdown-menu {
        min-width: 8rem !important;
    }

    .c4u .top-section .flat-bar .fbar-content {
        width: 267px;
        /*width: 202.6px;*/
    }

    .c4u .top-section .banner {
        height: 311px;
    }

    .item-block .card {
        height: 200px;
    }

    .search-area {
        margin-left: 30px;
    }

    .small-panel .badge {
        top: -7px;
        padding-top: 1px;
    }


    /*.small-panel{padding-left: 30px;}*/
}

/*responsive*/
.search-btn {
    background: url(../img/search.svg);
    border: none;
    width: 20px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 12px;
    cursor: pointer;
}

/*3/15/2018*/
.deliver-form {
    display: inline-block;
}

#navPanel a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

#navPanel .dropdown-menu {
    margin-left: 20px;
}

    #navPanel .dropdown-menu a {
        color: #333;
        font-size: 14px;
        text-align: left;
        display: block;
        padding: 5px 15px;
        border-bottom: 1px solid #eee;
    }

        #navPanel .dropdown-menu a:hover {
            color: #9228e6 !important;
            background: transparent;
        }

        #navPanel .dropdown-menu a:last-child {
            border-bottom: none;
        }

ul.dropdown-cart {
    min-width: 250px;
    left: -170px !important;
    top: 45px !important;
}

    ul.dropdown-cart li a {
        color: #333;
        font-size: 14px;
    }

    ul.dropdown-cart li {
        float: none;
        margin-right: 0px;
    }

        ul.dropdown-cart li .item {
            display: block;
            padding: 3px 7px 5px;
            margin: 3px 0;
            border-bottom: 1px solid #eee;
        }

            ul.dropdown-cart li .item:last-child {
                border-bottom: none;
            }

            ul.dropdown-cart li .item:hover {
                background-color: #f3f3f3;
            }

            ul.dropdown-cart li .item:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }

        ul.dropdown-cart li .item-left {
            float: left;
        }

            ul.dropdown-cart li .item-left img,
            ul.dropdown-cart li .item-left span.item-info {
                float: left;
            }

            ul.dropdown-cart li .item-left span.item-info {
                margin-left: 10px;
            }

                ul.dropdown-cart li .item-left span.item-info span {
                    display: block;
                }

        ul.dropdown-cart li .item-right {
            float: right;
        }

            ul.dropdown-cart li .item-right button {
                margin-top: 8px;
            }

.dropdown-cart .btn {
    color: #333;
    background: transparent;
    border: none;
}

.dropdown-cart .view-cart-btn {
    display: block;
    margin: auto;
    float: none;
    text-align: center;
    background: #9623e6;
    color: #fff;
    padding: 10px;
}

.empty-cart {
}

    .empty-cart span {
        text-align: center;
        font-size: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .empty-cart a {
        text-align: center;
        padding-bottom: 15px;
        color: #9722e6;
        text-decoration: none;
    }

.removed-alert {
    background: rgba(255, 235, 59, 0.21176470588235294);
    width: 100%;
    display: block;
    padding: 10px 15px;
    font-size: 14px;
}
/*profile*/
/*  bhoechie tab */
div.bhoechie-tab-container {
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 0px;
    margin-left: 0px;
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
}

div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

    div.bhoechie-tab-menu div.list-group {
        margin-bottom: 0;
    }

        div.bhoechie-tab-menu div.list-group > a {
            margin-bottom: 0;
        }

            div.bhoechie-tab-menu div.list-group > a .glyphicon,
            div.bhoechie-tab-menu div.list-group > a .fa {
                color: #333;
            }

            div.bhoechie-tab-menu div.list-group > a:first-child {
                border-top-right-radius: 0;
                -moz-border-top-right-radius: 0;
            }

            div.bhoechie-tab-menu div.list-group > a:last-child {
                border-bottom-right-radius: 0;
                -moz-border-bottom-right-radius: 0;
            }

            div.bhoechie-tab-menu div.list-group > a.active,
            div.bhoechie-tab-menu div.list-group > a.active .glyphicon,
            div.bhoechie-tab-menu div.list-group > a.active .fa {
                background-color: #f5f5f5;
                background-image: #5A55A3;
                color: #222;
            }


div.bhoechie-tab-content {
    background-color: #ffffff;
    /* border: 1px solid #eeeeee; */
    padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}

.shadow {
    box-shadow: 0px 0px 4px #ccc;
}

.accnt-sidebar .list-group h5 {
    display: inline-block;
    padding-left: 10px;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 0px;
    vertical-align: middle;
    padding-top: 0px;
}

.accnt-sidebar .list-group .list-group-item {
    border: none;
    border-bottom: 1px solid #eee !important;
    padding: 0px;
}

.bhoechie-tab-content h4 {
    font-size: 17px;
    line-height: 20px;
}

.small-content {
    font-size: 12px;
}

.bhoechie-tab {
    min-height: 500px;
    box-shadow: 0px 0px 4px #ccc;
    padding-top: 15px;
    margin-left: 7px;
}

.bhoechie-tab-content h3 {
    font-size: 13px;
    padding-bottom: 10px;
    display: inline-block;
}

.bhoechie-tab-content .form-control:disabled, .form-control[readonly] {
    background: #fff;
    opacity: .7;
    font-size: 13px;
    cursor: not-allowed;
}

.bhoechie-tab-content .fa {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    color: #333;
    text-align: center;
    font-size: 13px;
    padding-top: 6px;
    margin-left: 15px;
    vertical-align: middle;
    /*height: 20px;
    width: 20px;
    border-radius: 50%;
    color: #333;
    text-align: center;
    font-size: 11px;
    padding-top: 4px;
    margin-left: 15px;
    vertical-align: middle;*/
}

/*.bhoechie-tab-content .fa:hover {
        background: #ccc;
    }*/

.t-btn {
    display: none;
    font-size: 14px;
    background: #fff;
    border: none;
    cursor: pointer;
}

.bhoechie-tab-content .form-control {
    color: #222 !important;
    font-size: 13px;
    margin-bottom: 20px;
}

    .bhoechie-tab-content .form-control::placeholder {
        color: #222 !important;
        font-size: 13px;
    }

.bhoechie-tab-content .password {
    display: none;
}

.bhoechie-tab-content .order-box {
    border: 1px solid #ebe9e9;
}

    .bhoechie-tab-content .order-box .table thead th {
        font-weight: 500;
        font-size: 14px;
    }

    .bhoechie-tab-content .order-box .table td, .bhoechie-tab-content .order-box .table th {
        border: 1px solid #eceeef;
        font-size: 13px;
    }

    .bhoechie-tab-content .order-box .table-hover tbody tr:hover {
        background-color: transparent;
    }

    .bhoechie-tab-content .order-box .invoice {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px dashed #ccc;
    }

        .bhoechie-tab-content .order-box .invoice strong {
            font-weight: 500;
        }

    .bhoechie-tab-content .order-box .head {
        background: #ffffff;
        padding: 1px 10px 7px;
        font-size: 14px;
    }

    .bhoechie-tab-content .order-box .body {
        padding: 20px;
    }

    .bhoechie-tab-content .order-box h5 {
        font-size: 14px;
        padding-top: 10px;
    }

    .bhoechie-tab-content .order-box p {
        font-size: 14px;
        padding-top: 0px;
        margin-bottom: 0px;
        margin-top: 0;
    }

    .bhoechie-tab-content .order-box h3 {
        font-size: 14px;
        padding-top: 15px;
        background: #f5f5f5;
        width: 100%;
        margin-bottom: 0;
        padding-left: 13px;
        margin-top: 5px;
    }

    .bhoechie-tab-content .order-box ul {
        border: 1px solid #eceeef;
        min-height: 135px;
        list-style: none;
        padding-left: 15px;
        padding-top: 10px;
    }

.order-date {
    font-size: 12px;
    padding-top: 2px;
}

.bhoechie-tab-content .form-group {
    width: 100%;
    margin: 15px;
}

.bhoechie-tab-content .new {
    padding-left: 15px;
    font-size: 14px;
    font-weight: 500;
}

.address {
    border-left: 3px solid rgba(238, 238, 238, 0.67);
    margin: 15px 0px;
    padding: 10px 15px;
}

    .address h6 {
        font-size: 14px;
    }

    .address p {
        font-size: 13px;
    }

        .address p::first-letter {
            text-transform: uppercase;
        }
/*.bhoechie-tab-content .dropdown-toggle {
    background-image: url(../img/more.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    width: 5px;
    border: none;
    padding: 0.5rem;
    margin-top: 15px;
    cursor: pointer;
}*/

.bhoechie-tab-content .dropdown-toggle::after {
    display: none;
}

.bhoechie-tab-content .dropdown-item {
    font-size: 13px;
    padding: 0.1rem .5rem;
}

.bhoechie-tab-content .reset {
    font-size: 13px;
}

.checkout-address .c-title {
    width: 78%;
    display: inline-block;
}
/*profile*/
.small-panel #navPanel a.dropdown-toggle {
    color: #fff !important;
    font-weight: 400;
    padding-top: 4px;
    height: auto;
    text-transform: capitalize;
}

#navPanel .dropdown-toggle::before {
    margin-right: 5px;
}

.orderPanel .accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f078";
    float: right;
    color: grey;
    font-size: 9px;
    position: absolute;
    right: 42px;
}

bhoechie-tab-content .dropdown-toggle {
    background-image: url(/Templates/ThemeShopWithCart/Content/img/more.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    width: 5px;
    border: none;
    padding: 0.5rem;
    margin-top: 15px;
    cursor: pointer;
}

/*19-3-18*/
.search-area select {
    height: 44px;
    color: #757575;
    font-size: 14px;
    border: none;
}

    .search-area select:focus {
        outline: none;
    }

#navCart a {
    color: #fff;
    text-decoration: none;
}

.filter-row {
    padding-left: 17px;
}

    .filter-row ul {
        padding: 0px;
        margin: 0px;
        display: inline-block;
        list-style: none;
    }

        .filter-row ul li a {
            color: #333;
            text-decoration: none;
        }

            .filter-row ul li a:hover {
                color: #000;
            }

    .filter-row li {
        padding: 0px 5px 0px 5px;
        margin: 0px;
        vertical-align: text-bottom;
        border-right: 1px solid #CCC;
        font-size: 12px;
        color: #666;
        float: left;
        list-style: none;
    }

        .filter-row li:last-child {
            border-right: none;
        }

    .filter-row span {
        display: inline-block;
        font-weight: 500;
        font-size: 14px;
        vertical-align: super;
    }
/*19-3-18*/

/*navbar custom select*/
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;
}

.c4u-navbar.sticky + .grey-bg {
    margin-top: 70px;
}
/*.sticky + .grey-bg {
        margin-top: 70px;
    }*/
/*the container must be positioned relative:*/
.c4u-navbar .custom-select {
    position: relative;
    font-family: Arial;
    height: 43px;
    border-radius: 0px;
    position: absolute;
    z-index: 5;
    border: none;
    width: 28%;
}

    .c4u-navbar .custom-select select {
        display: none; /*hide original SELECT element:*/
    }

.c4u-navbar .select-selected {
    background-color: #fff;
    border-bottom: none !important;
}
    /*style the arrow inside the select element:*/
    .c4u-navbar .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 6px;
        width: 0;
        height: 0;
        /*border: 6px solid transparent;*/
        border-color: #fff transparent transparent transparent;
    }
/*point the arrow upwards when the select box is open (active):*/

/*style the items (options), including the selected item:*/
.c4u-navbar .select-items div, .select-selected {
    color: #888;
    font-size: 14px;
    padding: 5px 12px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    font-family: 'Roboto', sans-serif;
}
/*style items (options):*/
.c4u-navbar .select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0px 2px 5px -2px;
    max-height: 330px;
    overflow: scroll;
    overflow-x: hidden;
}

    .c4u-navbar .select-items::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.08);
        background-color: #f5f5f524;
    }

    .c4u-navbar .select-items::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    .c4u-navbar .select-items::-webkit-scrollbar-thumb {
        background-color: #0000000d;
        border: 2px solid #b2363600;
    }



/*hide the items when the select box is closed:*/
.c4u-navbar .select-hide {
    display: none;
}

.c4u-navbar .select-items div:hover {
    color: #9228e6 !important;
}
/*navbar custom select*/
/*products*/
.category .toggle-down-btn {
    float: right;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    margin-top: 3px;
}

    .category .toggle-down-btn .fa {
        font-size: 16px;
    }

    .category .toggle-down-btn:focus {
        outline: none;
    }

.category .main-cat-wrap {
    border-bottom: 1px solid #eee;
}

    .category .main-cat-wrap:last-child {
        border-bottom: none;
    }

.category .main-cat {
    font-size: 15px;
    text-transform: capitalize;
}

.category .child-cat-wrap {
    padding: 0px !important;
}

.category .child-cat {
    font-size: 13px;
    text-transform: capitalize;
    color: #666 !important;
}

.slider-handle {
    border-radius: 25px;
}
/*products*/

/*product-details*/
.p-details .p-info form {
    display: inline-block;
}

.zoomLens {
    height: 100px !important;
    width: 100px !important;
}

.zoomContainer {
    height: 200px !important;
}

.zoomWindowContainer div {
    border: 1px solid rgb(209, 209, 209) !important;
}
/*pagination*/
.pager {
    padding-left: 10px;
    border-top: 1px solid #eee;
    margin: 0px 15px;
}

    .pager .pagination {
        padding-left: 10px;
        margin-bottom: .5rem;
    }

        .pager .pagination .page-item.active .page-link {
            background-color: #8f2be6;
            border-color: #8f2be6;
            color: #fff;
            border-radius: 25px;
            height: 25px;
            width: 25px;
            text-align: center;
            padding: 3px 0px;
            margin-right: 20px;
        }

        .pager .pagination .page-link {
            padding: 3px 20px 0px 0px;
            font-size: 13px;
            color: #333;
            border-radius: 0px;
            background: transparent;
            border: none;
        }

            .pager .pagination .page-link:focus, .pager .pagination .page-link:hover {
                color: #8f2be6;
                text-decoration: none;
            }

.address-box ul li {
    word-break: break-all;
}
/*login-widget-mod*/
.m-t-10 {
    margin-top: 10px;
}

.login-widget-ui {
    padding: 0px !important;
}

    .login-widget-ui .modal-header {
        background: linear-gradient( -135deg, #cc66ff 10%, #481deb 100%);
        color: #fff;
    }

        .login-widget-ui .modal-header label {
            margin-bottom: 0px;
        }

        .login-widget-ui .modal-header .close {
            position: absolute;
            right: -2px;
            top: -5px;
            margin: 0px !important;
        }

/*user account*/
.bhoechie-tab-content hr {
    margin-bottom: 15px;
}

.alert-red {
    display: inline-block;
    margin-bottom: 15px;
}

    .alert-red p {
        display: inline-block;
        margin-left: 7px;
        font-size: 15px;
    }

    .alert-red .fa {
        background: #e95c52;
        color: #fff;
        font-size: 15px;
        border: none;
        height: 30px;
        width: 30px;
        padding-top: 8px;
        margin-left: 0;
    }

.add-addrs {
    color: #333;
    text-decoration: none;
}

    .add-addrs:hover {
        color: #9227e6;
        text-decoration: none;
    }

    .add-addrs:focus {
        color: #9227e6;
        text-decoration: none;
    }

.bhoechie-tab-content .address {
    margin: 15px 0px 10px;
    border: 1px solid #eee;
    padding: 10px 15px;
}

.bhoechie-tab-content .forma {
    background-image: url(../img/more.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 50%;
    width: 25px;
    height: 25px;
    padding: 0.5rem;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 25px;
    background-position: 6px;
    margin-left: 15px;
}

.bhoechie-tab-content .dropdown-menu {
    min-width: 60px;
    color: #333;
    top: 10px;
    left: -30px;
}

#editModal .form-group {
    margin-bottom: 0px;
}
/*set password*/
.pswd-form-wrapper {
    margin: 45px 0px;
    padding: 0px 0px 150px;
}

    .pswd-form-wrapper h1 {
        background: linear-gradient( -135deg, #cc66ff 10%, #481deb 100%) !important;
        font-size: 16px;
        font-weight: 500;
        margin-top: 0px;
        padding: 18px;
        text-align: center;
        margin-bottom: 0px;
        color: #fff;
        width: 450px;
        display: block;
        margin: auto;
    }

    .pswd-form-wrapper form {
        border: 1px solid #ccc;
        padding: 35px 35px 35px;
        display: block;
        margin: auto;
        float: none;
        width: 450px;
        background: #fff;
    }

    .pswd-form-wrapper .control-label {
        font-weight: 600;
        padding-bottom: 10px;
        padding-top: 0px;
    }

    .pswd-form-wrapper .form-group {
        padding-left: 28px;
        padding-top: 25px;
        margin-bottom: 0px;
    }

    .pswd-form-wrapper .retype {
        padding-top: 20px;
    }

    .pswd-form-wrapper .text-danger {
        color: #ef2415;
        padding-top: 5px;
    }

    .pswd-form-wrapper .black {
        margin-top: 0px;
        margin-bottom: 20px;
        padding: 10px 25px;
    }

    .pswd-form-wrapper .form-control {
        margin-bottom: 20px;
        font-size: 14px;
        height: 40px;
    }

    .pswd-form-wrapper .text-danger {
    }

        .pswd-form-wrapper .text-danger ul {
            padding-left: 0px;
            margin-bottom: 10px;
            margin-top: 5px;
        }

            .pswd-form-wrapper .text-danger ul li {
                list-style: none;
                font-size: 13px;
            }

    .pswd-form-wrapper .pas .form-control {
        margin-bottom: 0px;
    }

.spacer-100 {
    padding-top: 100px;
}
/*change password*/
.product-Reviews .progress {
    width: 31.5rem;
}

.product-Reviews .r-info {
    border-left: 1px solid #eee;
    padding-left: 0px;
}

.pt-0 {
    padding-top: 0px;
}

.product-Reviews .r-info h5 {
    padding-left: 30px;
}

.address-box ul li {
    word-break: break-all;
}
/*writereviews*/
.writereviews {
    margin-bottom: 40px;
    padding-bottom: 40px;
}

    .writereviews a:hover {
        color: #fff;
    }

    .writereviews h5 {
        padding-top: 0px;
        margin-right: 15px;
    }

    .writereviews h6 {
        padding-top: 15px;
    }

    .writereviews #rate {
        margin-left: -15px;
    }

    .writereviews label {
        font-size: 13px;
    }

    .writereviews form {
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 3px;
        padding: 10px 15px 55px;
        margin-top: 15px;
    }

        .writereviews form .form-control {
            border: none;
            border-bottom: 1px solid rgba(0,0,0,.15);
            border-radius: 0px;
            font-size: 15px;
            padding-left: 0px;
            margin-bottom: 20px;
        }

        .writereviews form textarea.form-control {
            min-height: 100px;
            margin-bottom: 0px;
        }

        .writereviews form .btn-info {
            width: 120px;
            border-radius: 30px;
            cursor: pointer;
            padding: 10px;
            background: #545454;
            text-align: center;
            font-size: 17px;
            display: inline-block;
            color: #fff !important;
            border: none;
        }

            .writereviews form .btn-info:hover {
                background: #000;
            }

            .writereviews form .btn-info:focus {
                outline: none;
            }

.address-alet {
    padding: 15px 0px;
}

.black-btn-smnt {
    width: 100%;
    border-radius: 30px;
    cursor: pointer;
    padding: 10px;
    background: #545454;
    text-align: center;
    font-size: 15px;
    display: inline-block;
    color: #fff !important;
    margin-top: 0px;
    border: none;
    height: 40px;
}

    .black-btn-smnt:hover {
        background: #000;
    }

    .black-btn-smnt:active:focus {
        background: #000;
        outline: none;
    }

    .black-btn-smnt:focus {
        background: #000;
        outline: none;
    }

    .black-btn-smnt:active {
        background: #000;
    }
/*confirm-mail*/
.confirm-mail {
    padding: 50px 0px 400px;
}

    .confirm-mail h1 {
        text-align: center;
        font-size: 22px;
    }

    .confirm-mail p {
        text-align: center;
    }

    .confirm-mail .fa {
        text-align: center;
        display: block;
        color: #4CAF50;
        font-size: 45px;
        padding-bottom: 20px;
    }
/*confirm-mail*/




@media only screen and (min-width: 1400px) {
    .tt-product-head__image-preview {
        min-width: 100px;
        width: 16%;
        margin-right: 52px;
    }
}

@media only screen and (min-width: 1400px) {
    .tt-product-head__image-main:not(.tt-product-head__image-main--single) {
        width: 84%;
        float: right;
    }
}

.fotorama__arr {
    display: none !important;
}

.fotorama__fullscreen-icon {
    display: none !important;
}

.fotorama__fullscreen-custom, .fotorama__btn-zoom, .fotorama__arrow-custom {
    display: block !important;
    cursor: pointer;
    z-index: 1;
}

@media all and (-ms-high-contrast: none) {
    .fotorama__fullscreen-custom, .fotorama__btn-zoom, .fotorama__arrow-custom {
        z-index: 1000;
    }
}

.fotorama__fullscreen-custom {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
}

    .fotorama__fullscreen-custom i {
        vertical-align: top;
    }

.fotorama__btn-zoom {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 20px;
}

@media only screen and (max-width: 1024px) {
    .fotorama__btn-zoom {
        display: none !important;
    }
}

.fotorama__btn-zoom i {
    vertical-align: top;
}

.fotorama__arrow-custom {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    font-size: 40px;
}

.fotorama__arrow-custom--disabled {
    pointer-events: none;
    -webkit-opacity: 0;
    -mox-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100);
    filter: alpha(opacity=0*100);
}

.fotorama__arrow-custom-prev {
    left: 22%;
    opacity: 0;
    height: 100%;
    top: 10%;
    width: 6%;
    text-align: center;
    z-index: 5555;
}

    .fotorama__arrow-custom-prev:hover {
        opacity: .5;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .fotorama__arrow-custom-prev::before {
        content: "\f104";
        font-family: FontAwesome;
        position: absolute;
        top: 40%;
    }

.fotorama__arrow-custom-next {
    right: 2%;
    opacity: 0;
    height: 100%;
    top: 10%;
    z-index: 5555;
    width: 5%;
}

    .fotorama__arrow-custom-next:hover {
        opacity: .5;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .fotorama__arrow-custom-next::after {
        content: "\f105";
        font-family: FontAwesome;
        position: absolute;
        top: 40%;
    }

    .fotorama__arrow-custom-next.fotorama__arr--disabled {
        opacity: 0;
    }

.fotorama .zoomContainer {
    display: block !important;
    position: relative !important;
    left: 53% !important;
    margin-top: 5% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

.fotorama--fullscreen .fotorama__btn-zoom {
    display: none !important;
}

@media only screen and (min-width: 1400px) {
    .tt-product-head__image-preview img {
        margin-bottom: 6px;
    }
}

.tt-product-head__image-preview img {
    height: auto;
    outline: none;
    border: none !important;
    cursor: pointer;
}

.fotorama__wrap {
    float: right;
}

.slick-vertical img.current {
    border: 1px solid rgba(0, 0, 0, 0.12156862745098039) !important;
}



@media only screen and (min-width: 1366px) and (max-width: 1366px) {
    .tt-product-head__image-preview {
        min-width: 100px;
        width: 16%;
        margin-right: 52px;
    }

    .tt-product-head__image-main {
        margin-left: 125px;
        position: absolute;
    }

    .slick-track img {
        width: 100px !important;
        margin-bottom: 10px;
    }

    .p-details .item {
        position: relative;
    }
}

/* click for product */
.click-for-product {
    max-width: 650px;
    margin: auto;
    padding-bottom: 20px;
}

    .click-for-product h2 {
        font-size: 1.5rem;
        text-align: center;
        padding-top: 30px;
    }

    .click-for-product P {
        font-size: 14px;
        text-align: center;
    }

    .click-for-product label {
        font-size: 14px;
    }

    .click-for-product .form-control {
        margin-bottom: 25px;
        color: #999;
        font-size: 14px;
        height: 40px;
    }

    .click-for-product textarea.form-control {
        height: 100px;
    }

    .click-for-product .p-range .form-control {
        display: inline-block;
        width: 46%;
    }

        .click-for-product .p-range .form-control:last-child {
            margin-left: 15px;
        }

    .click-for-product .btn {
        width: 135px;
        border-radius: 30px;
        cursor: pointer;
        padding: 10px;
        background: #545454;
        text-align: center;
        font-size: 20px;
        display: inline-block;
        color: #fff;
        margin-right: 14px;
    }

    .click-for-product label.error {
        color: #d9534f;
        position: absolute;
        margin-top: -18px;
        font-size: 11px;
    }

    .click-for-product .btn:hover {
        background: #000;
    }

    .click-for-product .btn:focus {
        outline: none;
    }

    .click-for-product form {
        border: 1px solid #e8e7e7;
        padding: 30px 35px 35px;
        border-radius: 5px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

@media (max-width: 767px) {
    .click-for-product .p-range .form-control {
        width: 43%;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .c4u .c4u-navbar {
        height: 95px;
    }

    .c4u .grouped-nav {
        margin-top: 20px;
    }

    .cart .c-wrapper .items .input-group {
        width: 85%;
    }

    .search-area {
        margin-top: 0px;
        margin-left: 15px;
    }

    .static-holder form {
        display: inline-block;
    }

    .cart .c-wrapper .static-holder .continue-btn {
        margin-left: 0px;
    }

    .cart .c-wrapper .static-holder .continue-btn {
        margin-right: 6px;
        font-size: 13px;
        padding: 10px 15px;
    }

    .cart .c-wrapper .static-holder .place-ordr-btn {
        font-size: 13px;
        padding: 10px 15px;
    }

    .cart .c-wrapper .items .input-group-btn .btn {
        width: 25px;
        height: 25px;
        padding-left: 7px;
        padding-top: 5px;
    }

        .cart .c-wrapper .items .input-group-btn .btn:focus {
            outline: none !important;
        }

    .click-for-product .p-range .form-control {
        width: 47%;
    }

    .largenav {
        display: block;
        min-width: 355px !important;
    }

    .c4u .c4u-navbar .links {
        font-size: 11px;
    }

    .menu {
        cursor: pointer;
        position: absolute;
        top: 7px;
        left: 10px;
        color: #fff;
    }

    .c4u .top-section {
        padding-top: 20px;
    }

    .cart .checkout-address .address-box {
        padding: 13px;
        width: 30.5%;
    }

        .cart .checkout-address .address-box .add-clr {
            margin-bottom: 10px;
        }
}



/* click for product */
#navPanel .dropdown-menu {
    min-width: 9.5rem !important;
}

/*.cd-secondary-dropdown {
    visibility: visible !important;
}*/

.p-details .left-side ul {
    list-style: none;
    padding-left: 0px;
}

    .p-details .left-side ul li {
        font-size: 14px;
        line-height: 30px;
    }

.nav-main-cat a {
    line-height: 29px !important;
    display: block !important;
    margin-bottom: 7px !important;
}

.nav-sub-child {
    color: #666 !important;
    font-size: .84rem !important;
}
/*Custom-Contact-Form*/
#Custom-Contact-Form .custom-text {
    text-align: center;
}

#Custom-Contact-Form .round-btn {
    width: 135px;
    border-radius: 30px;
    cursor: pointer;
    padding: 10px;
    background: #545454;
    text-align: center;
    font-size: 20px;
    display: inline-block;
    color: #fff;
}

    #Custom-Contact-Form .round-btn:focus {
        outline: none;
    }

    #Custom-Contact-Form .round-btn:hover {
        background: #000;
    }

#Custom-Contact-Form .boxed {
    width: 800px;
}

    #Custom-Contact-Form .boxed .white-wrapper {
        border: 1px solid rgba(204, 204, 204, 0.5019607843137255);
    }

        #Custom-Contact-Form .boxed .white-wrapper:hover {
            box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
        }

    #Custom-Contact-Form .boxed h6 {
        padding: 15px 15px 0px;
    }

    #Custom-Contact-Form .boxed .btn {
        background: #545454;
        color: #fff;
        border-radius: 20px;
        width: 180px;
    }

        #Custom-Contact-Form .boxed .btn:hover {
            background: #000;
        }

.bubble-btn {
    color: #333;
}

    .bubble-btn:hover {
        color: #9228e6;
        text-decoration: none;
    }

    .bubble-btn .fa {
        background: #9228e6;
        color: #fff;
        height: 25px;
        width: 25px;
        text-align: center;
        border-radius: 25px;
        padding-top: 4px;
    }

    .bubble-btn:focus {
        color: #9228e6;
        text-decoration: none;
    }

@media only screen and (max-device-width: 667px) and (min-device-width: 320px) {
    #navPanel .dropdown-toggle::before {
        border-right: .0em solid transparent !important;
        border-left: .0em solid transparent !important;
    }

    footer .secondary-footer {
        margin-top: 30px !important;
    }

    .fotorama__arrow-custom-next {
        z-index: 1;
        opacity: 1;
        right: 7%;
        height: 30px;
        width: 30px;
        background: #00000054;
        color: #fff;
        border-radius: 25px;
        top: 40%;
    }

        .fotorama__arrow-custom-next::after {
            top: -12%;
            font-size: 25px;
            right: 9px;
        }

    .fotorama__arrow-custom-prev {
        left: 8%;
        opacity: 1;
        z-index: 1;
        height: 30px;
        width: 30px;
        background: #00000054;
        color: #fff;
        border-radius: 25px;
        top: 40%;
    }

        .fotorama__arrow-custom-prev::before {
            top: -15%;
            font-size: 25px;
            left: 10px;
        }

    #navPanel .dropdown-menu {
        min-width: 7.5rem !important;
        top: 112%;
    }

    #Custom-Contact-Form .boxed {
        width: 100%;
    }

    .cart .c-wrapper .static-holder .continue-btn {
        display: block;
        margin-left: 0px;
        text-align: center;
        margin-right: 0;
    }

    .static-holder .place-ordr-btn {
        width: 100%;
    }

    .cart .items img {
        padding-bottom: 15px;
    }

    .cart .items .c-spn-title {
        margin-top: 10px;
        font-weight: 500;
        padding-top: 10px;
    }

    .cart .c-wrapper .items .input-group {
        width: 85%;
    }

    .checkout-address .continue-btn {
        margin-left: 15px;
        margin-bottom: 15px;
        display: block;
        width: 160px;
    }

    .checkout-address .c-title {
        padding-bottom: 15px;
    }

    #OrderplacedSummary .static-holder .continue-btn {
        width: 100%;
        margin-left: 0px !important;
        margin-top: 15px;
    }

    .p-details hr {
        display: none;
    }

    .writereviews .col-md-8 {
        text-align: left !important;
    }

    .writereviews h5 {
        margin-right: 4px;
        width: 80%;
    }

    .writereviews #WriteRating {
        height: 30px;
    }

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

    div.bhoechie-tab-container {
        margin-right: 15px;
        margin-left: 15px;
    }

    .bhoechie-tab-menu .list-group .list-group-item .row {
        padding: 10px 20px !important;
    }

    .bhoechie-tab {
        margin-left: 0px;
        margin-top: 15px;
        padding-left: 5px;
        padding-top: 5px;
        padding-right: 3px;
    }

    .address p {
        word-break: break-all;
    }

    .seller-mob-nav {
    }

        .seller-mob-nav li {
            border-top: 1px solid #e0e0e0 !important;
            width: 100%;
            border-bottom: 1px solid #e0e0e0 !important;
            padding-bottom: 6px !important;
            background: #fff;
            margin-top: -1px !important;
        }

            .seller-mob-nav li a {
                color: #818181 !important;
                text-transform: capitalize;
            }
    /*seller hub*/
    .seller-hub .hub-card {
        margin-bottom: 25px;
    }

        .seller-hub .hub-card small {
            min-height: 50px !important;
        }

    .bhoechie-tab-content #PortolioSeller-nav {
        border-top: 1px solid #eee;
        padding-top: 15px;
        padding-bottom: 5px;
        border-bottom: 1px solid #eee;
        margin-bottom: 15px;
    }

    .bhoechie-tab-content #editProduct #isShowinListing label {
        padding-left: 0px !important;
    }

    .ofr-create, .ofr-apply {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .FB-Loading-Card {
        width: 63%;
        margin-left: 18px !important;
        margin-top: 70px;
    }

    .writereviews {
        padding: 20px !important;
    }

    .ubislider-image-container.left {
        width: calc(100% - 84px) !important;
        height: 248px !important;
    }

    .ubislider.ecommerce.left {
        height: 16pc !important;
    }

    .login-widget-ui #PhoneNumberResult {
        bottom: 19% !important;
    }

    .login-widget-ui .resend-btn {
        margin-top: -8px !important;
        margin-bottom: 10px !important;
    }

    .accnt-sidebar .fa-truck {
        margin-left: -5px;
    }

    .login-widget-ui .btn-magic {
        position: relative;
        margin-top: -37px;
        padding: .599rem 1rem;
        float: right;
        margin-bottom: 10%;
    }

    .login-cred .newuser {
        position: absolute;
        bottom: -29px;
        left: 3px;
    }
}

@media only screen and (min-device-width : 360px) and (max-device-width : 640px) {
    .progress {
        width: 13rem !important;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 667px) and (orientation : landscape) {
    .c4u .top-section .banner {
        margin-bottom: 0px;
    }

    .banner-ad {
        display: none;
    }

    .feat-product .col-md-4 {
        width: 33.333333%;
        float: left;
    }

    .item-block .col-lg-2 {
        float: left;
        width: 33.333333%;
    }

    .item-block .card, .related .card {
        height: 145px !important;
    }

    .item-block .item-title {
        min-height: 90px;
        margin-bottom: 0px;
    }

    .best-buy .col-lg-3 {
        float: left;
        width: 25% !important;
    }

    .related .col-lg-3 {
        float: left;
        width: 33.333333% !important;
    }

    .related .item-title {
        margin-bottom: 0px;
        min-height: 95px;
    }

    .cart .c-wrapper .items .input-group {
        width: 55%;
    }

    .progress {
        width: 24rem !important;
    }

    .mobile-filters {
        top: 29.5% !important;
        left: 0;
    }

        .mobile-filters .sort-row {
            padding-left: 50px;
        }

        .mobile-filters .slider.slider-horizontal {
            width: 30rem !important;
        }

    .products .listing .card {
        height: 200px !important;
    }
}

.toggle-down-btn .fa::before {
    content: "\f107";
}

.toggle-down-btn.down .fa::before {
    content: "\f106";
}

.c4u .grouped-nav {
    padding-bottom: 0px !important;
}

.cms-content-wrapper {
    min-height: 400px;
}

    .cms-content-wrapper p {
        font-size: 15px;
    }

    .cms-content-wrapper ul li {
        font-size: 15px;
    }

@media only screen and (min-device-width : 720px) and (max-device-width : 1280px) {
    .c4u .c4u-navbar-input {
        width: 90%;
    }

    .search-btn {
        right: 65px;
    }

    .c4u .top-section .banner {
        height: 290px;
    }

    .c4u .top-section .flat-bar .fbar-content {
        width: 241px;
        /*width: 185px;*/
    }

    .item-block .card {
        height: 150px;
    }

    .slick-slider {
        position: absolute !important;
        top: 0;
        left: 1%;
    }

    .tt-product-head__image-preview img {
        float: none;
        width: 80px !important;
        margin-bottom: 15px;
    }

    .slick-track {
        width: 100px !important;
    }

    .fotorama .zoomContainer {
        left: 58% !important;
        margin-top: 23% !important;
    }

    .progress {
        width: 21.5rem;
    }

    .cart .c-wrapper .items .input-group {
        width: 76%;
    }

    .cart .c-wrapper .static-holder .continue-btn {
        margin-left: 0px;
    }

    .checkout-address .c-title {
        width: 77%;
    }

    #OrderplacedSummary .static-holder .continue-btn {
        margin-left: 20px;
    }

    .fotorama__arrow-custom-next {
        top: 7%;
        right: 4%;
    }

        .fotorama__arrow-custom-next::after, .fotorama__arrow-custom-prev::before {
            top: 45%;
        }

    .fotorama__arrow-custom-prev {
        left: 19%;
    }

    .cd-dropdown-trigger {
        padding: 0 34px 15px 20px !important;
    }

    .cart .checkout-address .address-box {
        padding: 10px;
    }

    .continue-btn {
        margin-right: 5px;
        padding: 10px 15px;
    }

    .place-ordr-btn {
        padding: 10px 15px;
    }
}

.payment-options .buttons form {
    display: inline-block;
}

.cod-btn {
    width: 150px;
    cursor: pointer;
    height: 50px;
    border: 1px solid #ccc;
    background: #fff;
}

.bottom-btn .continue-btn {
    text-align: center;
    width: 160px;
}
/*no-item-found*/
.no-item-found {
    text-align: center;
    padding: 80px 25px 100px;
}

    .no-item-found h5 {
        padding-top: 20px;
    }

    .no-item-found p {
        padding-bottom: 20px;
    }

    .no-item-found .black-btn {
        padding: 15px 20px;
    }

        .no-item-found .black-btn:hover {
            color: #fff;
            text-decoration: none;
        }
/*no-item-found*/
@media only screen and (min-device-width : 320px) and (max-device-width : 667px) {
    .address-box .deliver-form {
        width: 100%;
    }

    .cart .checkout-address .address-box .add-clr {
        display: block;
        margin-bottom: 15px;
        padding: 8px 12px;
        width: 100%;
        border-radius: 25px;
    }

    .pad-20 {
        padding: 20px 20px !important;
    }

    .p-details {
        padding: 20px 0px;
    }

    .view-cart, .d-address, .placed, .uaccount, .selaccount {
        padding: 20px 0px !important;
    }

    .payment-options .buttons form {
        width: 100% !important;
    }

    footer .col-xs-12 {
        position: inherit !important;
    }

    .products {
        margin-top: 10px;
    }

    .bread-crumbs {
        margin-top: 0px;
    }

    .slider.slider-horizontal {
        width: 15rem !important;
    }

    .category .main-cat-wrap {
        padding: 8px 15px;
        margin-bottom: 0px;
    }

    .category .child-cat {
        line-height: 25px;
    }

    .category .toggle-down-btn {
        margin-right: 0px;
    }

    .category .child-cat-wrap {
        margin-bottom: 0px;
    }

    .small-panel #navPanel a.dropdown-toggle {
        color: transparent !important;
        width: 65px;
        overflow: hidden;
    }

        .small-panel #navPanel a.dropdown-toggle::before {
            content: "\f007";
            font-family: FontAwesome;
            color: #fff;
            margin-left: 25px;
            display: block;
            margin-top: -3px;
        }

    .sidenav .mob-nav-item {
        border-bottom: 1px dashed #eee;
        padding-bottom: 6px;
    }

    .loding_icon {
        left: 36%;
        margin-top: 20px;
    }

    .seller-hub {
        padding: 20px !important;
    }

    .bhoechie-tab-content .forma {
        margin-left: -4px;
    }

    .bhoechie-tab-content .dropdown-menu {
        left: -50px;
    }

    #PortolioSeller-nav .common-defult-btn {
        margin-bottom: 10px !important;
        text-align: center;
        width: 48%;
        font-size: 12px !important;
        padding: 12px 10px !important;
    }

    .bhoechie-tab-content #PortolioSeller-nav .fa {
        display: none;
    }

    #category-selector {
        background: #fff !important;
    }

        #category-selector #category-msg {
            display: none !important;
        }

        #category-selector ul {
            max-height: 200px !important;
            margin-bottom: 20px !important;
            border: 1px solid #ccc;
        }

    #ProductPath {
        display: block !important;
    }

    #category-selector .column {
        width: 100% !important;
    }

    .next {
        float: none !important;
    }

    .p-details .p-info .free-delivery {
        padding-left: 5px;
        font-size: 14px;
    }

    .tooltip-info .tooltip-info-text {
        right: 0;
    }

    .bhoechie-tab-content .usr-add-address-wrap {
    }

        .bhoechie-tab-content .usr-add-address-wrap form {
            width: 90%;
        }

    .Data-Loading-content-Card {
        margin-left: 15px !important;
    }

        .Data-Loading-content-Card > div:nth-child(1) {
            width: 60% !important;
        }

        .Data-Loading-content-Card > div:nth-child(4) {
            width: 45% !important;
        }

    .fearures .card {
        border: 1px solid rgba(0,0,0,.125) !important;
    }

    .p-filter .main-attr {
        min-width: 20% !important;
    }

        .p-filter .main-attr label {
            padding-left: 0px !important;
        }
}


/*mobile filter*/
.mobile-filters {
    background: #fbfbfb;
    width: 100%;
    position: fixed;
    top: 17.5%;
    z-index: 4;
    padding: 12px 14px 0px;
    box-shadow: 0px 2px 5px #00000040;
    min-height: 44px;
}


    .mobile-filters #sorticon {
        position: fixed;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 50%;
        height: 35px;
        width: 35px;
        padding: 7px 9px;
        top: 18%;
        left: 4%;
    }

    .mobile-filters a {
        color: #373a3c;
        font-size: 15px;
    }

    .mobile-filters .fa-exchange {
        transform: rotate(90deg);
    }

    .mobile-filters a:focus, .mobile-filters a:hover {
        text-decoration: none;
        color: #9723e6;
    }

    .mobile-filters ul {
        list-style: none;
        padding-left: 14px;
        padding-top: 6px;
        font-size: 13px;
        line-height: 30px;
        margin-bottom: 7px;
    }

    .mobile-filters .fixed-btm-row {
        position: fixed;
        width: 100%;
        background: #fff;
        bottom: 0;
        box-shadow: -2px -4px 5px #00000042;
    }

    .mobile-filters .sort-title {
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: block;
        padding: 5px 14px;
    }

    .mobile-filters .mobile-cat-filter {
        border-top: 1px solid rgba(0,0,0,.1);
        margin-top: 7px;
        background: #fff;
        max-height: 345px;
        overflow: scroll;
    }

.xs-sort {
}

    .xs-sort li a::after {
        content: "\f1db";
        font-family: FontAwesome;
        float: right;
        padding-right: 10px;
    }

    .xs-sort li a.active::after {
        content: "\f111";
        font-family: FontAwesome;
        color: #9623e6;
    }

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
    .mobile-filters {
        top: 15%;
        padding: 11px 14px 0px;
    }

    .customMargin {
        margin-top: 0px;
    }

    .search-btn {
        top: 8px;
    }
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
    .mobile-filters {
        top: 13%;
    }

    .customMargin {
        margin-top: 41px;
    }
}

@media screen and (device-aspect-ratio: 40/71) {
    .mobile-filters {
        top: 19.5%;
    }

    .small-panel #navPanel a.dropdown-toggle {
        width: 60px;
    }

    .cart .c-wrapper .items .input-group {
        width: 100% !important;
    }
}
/*price save*/
.price-save {
    color: #a24545;
}

.f-13 {
    font-size: 13px;
}

button:focus {
    outline: none !important;
}

/*seller*/

/*Product category selector seller*/
#category-selector #category-msg {
    display: inline-block;
    float: right;
    margin-right: 32px;
    margin-top: 17%;
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
    padding: 5px 10px;
    box-shadow: 0px 0px 4px #0000004a;
}

#ProductPath {
    margin-bottom: 20px;
    display: inline-block;
}

#CreatePortfolio .black-btn {
    margin-right: 5px;
}

.next {
    width: 100px;
    margin-bottom: 15px;
}

    .next:focus {
        outline: none;
    }

    .next:active {
        outline: none;
    }
/*Product category selector seller*/
#PortolioSeller-nav .common-defult-btn {
    margin-bottom: 3px;
    transition: all 0.3s ease-out;
    border-radius: 6px;
    height: 42px !important;
    display: inline-block !important;
    border: 1px #d8d8d8 solid !important;
    font-family: "Open Sans",sans-serif !important;
    padding: 8px 15px;
    text-transform: capitalize !important;
    font-weight: bold !important;
    font-size: 13px;
    color: #616262 !important;
    text-decoration: none;
    border-radius: 25px;
    margin-right: 3px;
}

    #PortolioSeller-nav .common-defult-btn:hover {
        background: #eeeeee !important;
        cursor: pointer;
    }
/*seller*/
/*seller hub*/
.seller-hub {
    padding-bottom: 50px;
}

    .seller-hub h4 {
        text-align: center;
        padding-top: 25px;
        font-size: 17px;
    }

    .seller-hub .short-title {
        text-align: center;
        padding-bottom: 25px;
    }

    .seller-hub .hub-card {
        box-shadow: 0px 0px 4px #ccc;
        padding: 1.5rem 1.5rem !important;
    }

        .seller-hub .hub-card:hover {
            box-shadow: 0px 0px 10px #ccc;
        }

        .seller-hub .hub-card img {
            display: block;
            margin: auto;
            margin-bottom: 25px;
        }

        .seller-hub .hub-card .hub-info-head {
            text-align: center;
            display: block;
            font-weight: 500;
            padding-bottom: 10px;
        }

        .seller-hub .hub-card small {
            text-align: center;
            display: block;
            font-size: 14px;
            padding-bottom: 5px;
            min-height: 70px;
        }

.hub-card-status-complete {
    position: absolute;
    background: #45b95a;
    color: #fff;
    left: 15px;
    padding: 5px 15px;
    font-size: 13px;
    top: 9px;
    box-shadow: 2px 2px 1px 1px #00000014;
}

.hub-card-status-pending {
    position: absolute;
    background: #d9534f;
    color: #fff;
    left: 15px;
    padding: 5px 15px;
    font-size: 13px;
    top: 9px;
    box-shadow: 2px 2px 1px 1px #00000014;
}

/*seller hub*/
/*seller profile*/
.prof-name {
    color: #373a3c;
}

    .prof-name:hover {
        text-decoration: none;
        color: #373a3c;
    }

    .prof-name:focus {
        outline: none;
    }
/*business info*/
.bhoechie-tab-content .seller-box {
    margin: 0px 0px 10px;
    border: 1px solid #eee;
    padding: 20px;
}

    .bhoechie-tab-content .seller-box h6 {
        font-size: 15px;
    }

    .bhoechie-tab-content .seller-box p {
        font-size: 14px;
    }
/*bank details*/
.bhoechie-tab-content #BankDetail .address {
    padding: 20px 5px 5px;
}

.bhoechie-tab-content #BankDetail h3 {
    font-size: 14px;
    font-weight: 400;
    color: #373a3c;
}

#BankDetail input::-webkit-input-placeholder {
    color: #9d9d9d !important;
}

#BankDetail textarea::-webkit-input-placeholder {
    color: #9d9d9d !important;
}

#businessDetail textarea::-webkit-input-placeholder {
    color: #9d9d9d !important;
}

#businessDetail input::-webkit-input-placeholder {
    color: #9d9d9d !important;
}

.bhoechie-tab-content .fa-camera {
    height: 50px;
    width: 50px;
    padding-top: 20px;
    margin-left: 0px;
    background: #eee;
}

.bhoechie-tab-content .invoice h6 {
    display: inline-block;
    margin-right: 15px;
}

.bhoechie-tab-content .timeline-thumb #CoverFile {
    padding-left: 0px;
}

    .bhoechie-tab-content .timeline-thumb #CoverFile li {
        padding-left: 0px;
        display: inline-block;
        vertical-align: middle;
    }

        .bhoechie-tab-content .timeline-thumb #CoverFile li img {
            width: 50px;
            height: 50px;
            margin-top: 10px;
            margin-right: 10px;
        }

.bhoechie-tab-content .pager {
    padding-left: 0px !important;
    margin-left: 0px !important;
}

    .bhoechie-tab-content .pager .pagination {
        padding-left: 0px !important;
    }

.bhoechie-tab-content .timeline-thumb #CoverFile li .fa-pencil-square-o {
    background: transparent;
    font-size: 13px;
}

.del:after {
    padding: 0px;
    font-style: normal;
    font-size: 16px;
    font-family: FontAwesome;
    content: "\f014";
    color: #666;
    cursor: pointer;
    white-space: nowrap;
}

.small-content .fa-chevron-left {
    margin-left: 0px;
    border: 1px solid #c7c7c7;
    width: 30px;
    height: 30px;
    padding-top: 7px;
    font-size: 13px;
    padding-right: 1px;
    margin-right: 5px;
    cursor: pointer;
}

.bhoechie-tab-content #PortolioSeller-nav .fa {
    text-align: left;
    width: 15px;
}

.bhoechie-tab-content .users-note {
    padding: 5px 20px 20px 20px !important;
    background: #f3f3f3 !important;
    border-radius: 5px;
    display: block;
    margin: 10px 0px 10px -15px;
    width: 100%;
}

    .bhoechie-tab-content .users-note span {
        font-size: 13px;
        line-height: 40px;
        font-weight: 500;
    }

p::first-letter {
    text-transform: uppercase;
}

.bhoechie-tab-content #ProductDetail .black-btn {
    margin-right: 5px;
}

.bhoechie-tab-content #Specification .modal-btn-cancel, .bhoechie-tab-content #Portfoliostocklist .modal-btn-cancel {
    background: #545454;
    color: #fff;
    border-radius: 25px;
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    margin-right: 5px;
}

    .bhoechie-tab-content #Specification .modal-btn-cancel:hover, .bhoechie-tab-content #Portfoliostocklist .modal-btn-cancel:hover {
        background: #2e2e2e;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

.bhoechie-tab-content #Specification .modal-btn-submit, .bhoechie-tab-content #Portfoliostocklist .modal-btn-submit {
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    background: #1ebe92;
    color: #fff;
    border-radius: 25px;
}

    .bhoechie-tab-content #Specification .modal-btn-submit :hover, #Portfoliostocklist .modal-btn-submit:hover {
        background: #0da47a;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

.bhoechie-tab-content #PortolioSeller-nav .common-defult-btn.active {
    background: #f5f5f5;
    border-color: #cecdcd !important;
}

.bhoechie-tab-content input::-webkit-input-placeholder {
    color: #9d9d9d !important;
}

.bhoechie-tab-content textarea::-webkit-input-placeholder {
    color: #9d9d9d !important;
}

.bhoechie-tab-content #SetCategory .node-categoryTreeview {
    background: #f5f5f5;
    padding: 8px 10px;
    border-bottom: 1px solid #cccccc59 !important;
    margin-bottom: 1px;
}

    .bhoechie-tab-content #SetCategory .node-categoryTreeview:last-child {
        border-bottom: none;
    }

.bhoechie-tab-content #Offerslist .offer-none {
    text-align: center;
    padding: 15px;
    font-size: 12px !important;
    border: 1px solid #eee;
    border-radius: 4px;
    margin: 0px 15px;
}

.ofr-create {
    background: #45b95a;
    font-size: 14px;
    padding: 5px 15px;
    color: #fff;
    display: inline-block;
    border-radius: 25px;
}

.ofr-apply {
    background: #45b95a;
    font-size: 14px;
    padding: 5px 15px;
    color: #fff;
    display: inline-block;
    border-radius: 25px;
}

    .ofr-create .fa, .ofr-apply .fa {
        width: 15px;
        text-align: left;
        color: #fff;
        margin-left: 0;
    }

    .ofr-create:hover, .ofr-apply:hover {
        color: #fff;
        text-decoration: none;
        background: #34a749;
    }

.bhoechie-tab-content #ListedOffers {
    padding-bottom: 20px;
}

.bhoechie-tab-content .plist-box {
    margin: 0px 0px 10px;
    border: 1px solid #eee;
    padding: 10px 15px;
}

    .bhoechie-tab-content .plist-box img {
        width: 48px;
    }

    .bhoechie-tab-content .plist-box h6 {
        font-size: 14px;
        text-transform: capitalize;
    }

    .bhoechie-tab-content .plist-box p {
        font-size: 13px;
        margin-bottom: 3px;
    }

.bhoechie-tab-content #ProductDetail h3 {
    font-size: 16px;
    text-transform: capitalize;
}

.bhoechie-tab-content #ProductDetail p {
    font-size: 13px;
}

.bhoechie-tab-content #ProductDetail img {
    margin-bottom: 20px;
}
/*seller profile*/
/*stock-msg-hurry*/
.stock-msg-hurry {
    padding: 7px 0px;
    color: #d67b0d;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 15px;
    font-weight: 500;
}

.stock-msg-null {
    padding: 7px 0px;
    color: #f30808;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 15px;
    font-weight: 500;
}

#SwitchUserConformation .modal-title, #CancelConformation .modal-title, #RefundConformation .modal-title {
    color: #fff;
    font-size: 1rem;
}

#SwitchUserConformation .modal-header .close, #CancelConformation .modal-header .close, #RefundConformation .modal-header .close {
    position: absolute;
    right: 4px;
    top: 1px;
    margin: 0px !important;
}

.bhoechie-tab-content .orderPanel .invoice .btn {
    cursor: pointer;
    border-radius: 25px;
    width: 100px;
    margin-bottom: 5px;
}

    .bhoechie-tab-content .orderPanel .invoice .btn:focus {
        outline: none !important;
    }

.bhoechie-tab-content .orderPanel .invoice .black-bg {
    color: #fff;
    background: #222;
}

    .bhoechie-tab-content .orderPanel .invoice .black-bg:hover {
        background: #111;
    }

.tooltip-info {
    position: relative;
    display: inline-block;
}

    .tooltip-info .question {
        border-radius: 50%;
        background-color: #fff;
        color: #878787;
        font-weight: 500;
        width: 16px;
        height: 16px;
        font-size: 11px;
        line-height: 16px;
        text-align: center;
        display: inline-block;
        border: solid 1px #e0e0e0;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
        vertical-align: middle;
        margin: 0 2px 0 8px;
        cursor: pointer;
    }

    .tooltip-info .tooltip-info-text {
        visibility: hidden;
        width: 200px;
        background-color: #fff;
        color: #545454;
        text-align: left;
        border-radius: 3px;
        padding: 5px 10px;
        position: absolute;
        z-index: 1;
        font-size: 13px;
        box-shadow: 0px 0px 5px #0000004f;
    }

    .tooltip-info:hover .tooltip-info-text {
        visibility: visible;
    }

/*#region Loading-Card */


.Data-Loading-Card {
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    border-right-color: rgb(223, 224, 228) solid 1px;
    border-top-color: rgb(229, 230, 233) solid 1px;
    display: block;
    height: 155px;
    padding: 12px;
    margin-left: 34px;
}

    /* Data Loading - First Box */
    .Data-Loading-Card > div:nth-child(1) {
        width: 100%;
        height: 30px;
    }

    /* Data Loading - Image Box */
    .Data-Loading-Card > div > div:nth-child(1) {
        position: relative;
        top: 5px;
        left: 0;
        background-color: #cccccc42;
        height: 125px;
        width: 125px;
        border-radius: 50%;
        animation-name: shine;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    /* Data Loading - First Row */
    .Data-Loading-Card > div > div:nth-child(2),
    /* Data Loading - Second Row */
    .Data-Loading-Card > div > div:nth-child(3),
    /* Data Loading - Third Row */
    .Data-Loading-Card > div:nth-child(2),
    /* Data Loading - Fourth Row */
    .Data-Loading-Card > div:nth-child(3),
    /* Data Loading - Fifth Row */
    .Data-Loading-Card > div:nth-child(4) {
        position: relative;
        background-color: #cccccc42;
        height: 8px;
        animation-name: shine;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

@keyframes shine {
    from {
        transition: none;
    }

    to {
        background-color: #fbfbfb;
        transition: all 0.3s ease-out;
    }
}

/* Data Loading - First Row */
.Data-Loading-Card > div > div:nth-child(2) {
    left: 145px;
    top: -35px;
    width: 78%;
}

/* Data Loading - Second Row */
.Data-Loading-Card > div > div:nth-child(3) {
    left: 145px;
    top: -15px;
    width: 78%;
}

/* Data Loading - Third Row */
.Data-Loading-Card > div:nth-child(2) {
    left: 145px;
    top: -21px;
    width: 78%;
}

/* Data Loading - Fourth Row */
.Data-Loading-Card > div:nth-child(3) {
    left: 145px;
    top: -1px;
    width: 78%;
}

/* Data Loading - Fifth Row */
.Data-Loading-Card > div:nth-child(4) {
    left: 145px;
    top: 17px;
    width: 78%;
}


/*#endregion */
.Data-Loading-content-Card {
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    border-right-color: rgb(223, 224, 228) solid 1px;
    border-top-color: rgb(229, 230, 233) solid 1px;
    display: block;
    height: 125px;
    padding: 24px 0px;
    margin-left: 34px;
}
    /* Data Loading - First Row */
    .Data-Loading-content-Card > div > div:nth-child(1),
    .Data-Loading-content-Card > div > div:nth-child(2),
    .Data-Loading-content-Card > div:nth-child(1),
    .Data-Loading-content-Card > div:nth-child(2),
    .Data-Loading-content-Card > div > div:nth-child(3),
    .Data-Loading-content-Card > div > div:nth-child(4),
    .Data-Loading-content-Card > div:nth-child(3),
    .Data-Loading-content-Card > div:nth-child(4) {
        position: relative;
        background-color: #cccccc42;
        height: 8px;
        animation-name: shine;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    .Data-Loading-content-Card > div:nth-child(1) {
        left: 0;
        top: 0px;
        width: 40%;
    }

    .Data-Loading-content-Card > div:nth-child(2) {
        left: 0;
        top: 20px;
        width: 30%;
    }

    .Data-Loading-content-Card > div:nth-child(3) {
        left: 0;
        top: 40px;
        width: 20%;
    }

    .Data-Loading-content-Card > div:nth-child(4) {
        left: 0;
        top: 60px;
        width: 35%;
    }

.star-Loading-content-Card {
    font-size: 22px;
}

.writereviews .star-Loading-content-Card {
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: -10px;
    height: 25px;
    font-size: 40px;
}

.star-Loading-content-Card > div > div:nth-child(1),
.star-Loading-content-Card > div > div:nth-child(2),
.star-Loading-content-Card > div:nth-child(1),
.star-Loading-content-Card > div:nth-child(2),
.star-Loading-content-Card > div > div:nth-child(3),
.star-Loading-content-Card > div > div:nth-child(4),
.star-Loading-content-Card > div:nth-child(3),
.star-Loading-content-Card > div:nth-child(4),
.star-Loading-content-Card > div:nth-child(5) {
    background: #fff;
    color: #cccccc85;
    animation-name: glitter;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: inline-block;
    margin-right: 4px;
}

@keyframes glitter {
    from {
        transition: none;
    }

    to {
        color: #fbfbfb;
        transition: all 0.3s ease-out;
    }
}

.p-info .star-rating {
    margin-top: -10px;
}

.boxed-loader {
    border: 2px solid #b9b5b542;
    height: 270px;
    animation-name: spasher;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    border-radius: 3px;
    margin-top: 15px;
    display: block;
}

    .boxed-loader > div > div:nth-child(1),
    .boxed-loader > div > div:nth-child(2),
    .boxed-loader > div:nth-child(1),
    .boxed-loader > div:nth-child(2),
    .boxed-loader > div > div:nth-child(3),
    .boxed-loader > div:nth-child(3) {
        background-color: #cccccc42;
        height: 2px;
        animation-name: shine;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    .boxed-loader > div:nth-child(1) {
        top: 25%;
        position: relative;
        width: 96%;
        left: 2%;
    }

    .boxed-loader > div:nth-child(2) {
        top: 75%;
        position: relative;
        width: 96%;
        left: 2%;
    }

    .boxed-loader > div:nth-child(3) {
        position: absolute;
        right: 30px;
        bottom: 12px;
        height: 40px;
        z-index: 55555;
        width: 120px;
        border-radius: 30px;
    }

@keyframes spasher {
    from {
        transition: none;
    }

    to {
        border-color: #fbfbfb;
        transition: all 0.3s ease-out;
    }
}

/*#region progressive-load */

.progressive-load img {
    width: 100%;
}

/*#endregion */
.invoice-sub-total {
    font-size: 13px;
}

.invoice-total {
    font-size: 15px;
}

.bhoechie-tab-content .order-box .track::after {
    margin: 15px;
    padding: 5px;
    border-bottom: 1px dashed #ccc;
    display: block;
}

.bhoechie-tab-content .order-box .track-btn {
    border-radius: 2px;
    background: #f9f9f9;
    border: 1px solid #d7d7d7;
    padding: 4px 4px;
    width: 100px;
    text-decoration: none;
    color: #212121;
    float: right;
}

    .bhoechie-tab-content .order-box .track-btn .fa {
        margin-left: 10px !important;
    }

.apply-coup-btn {
    font-size: 14px;
    background: #545454;
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 8px 23px;
    border-radius: 25px;
}

.custom-control-indicator {
    background-color: transparent;
    border: 1px solid #00000087;
    box-shadow: 0px 0px 5px #0000004a;
}

@media only screen and (device-width : 411px) and (device-height : 823px) {
    .mobile-filters {
        top: 13%;
    }

    .cart .c-wrapper .items .input-group {
        width: 71% !important;
    }
}

.white-wrapper {
    min-height: auto !important;
}

.view-cart {
    min-height: 550px !important;
}


.product-wrapper .changed-alert {
    background: #4ad0b5;
    color: #fff;
    padding: 5px 7px;
    position: relative;
    z-index: 2;
    margin-bottom: 5px;
    display: block;
    width: 228px;
}

.chargeinfo {
    padding: 1rem 1.5rem;
}

.generate-invoice-btn {
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 400;
    color: white;
    text-decoration: none;
    background: #5cb85c;
    text-align: center;
    border-radius: 15px;
    position: absolute;
    right: 30px;
    margin-top: -8px;
}

    .generate-invoice-btn:hover, .generate-invoice-btn:focus {
        color: #fff;
        text-decoration: none;
        background: #48a548;
    }

.alert-msg {
    color: rgb(255, 255, 255);
    font-size: 12px;
    display: block;
    font-weight: 400;
    position: absolute;
    background: #333;
    padding: 5px;
    right: 30px;
    top: 46px;
}

    .alert-msg::before {
        content: "\f0d8";
        font-family: FontAwesome;
        margin-top: -17px;
        position: absolute;
        color: #393939;
        font-size: 17px;
        right: 6px;
    }

.generate-invoice-btn .fa {
    font-size: 10px;
    color: #fff;
    width: auto;
    height: auto;
    padding: 0px;
    margin: 0px 0px 0px 3px;
    vertical-align: initial;
}

.easy-autocomplete-container ul {
    border-top: 1px solid #cccccc54 !important;
    box-shadow: 0px 6px 7px #00000026;
    top: 0px;
}

    .easy-autocomplete-container ul li {
        color: #404040 !important;
        font-size: 13px !important;
        padding: 5px 12px !important;
    }

#OrderplacedSummary .static-holder form {
    display: inline;
}

.pb-10 {
    padding-bottom: 10px;
}

.p-filter {
    padding: 0px 12px;
    list-style: none;
}

    .p-filter .main-attr {
        float: left;
        margin: 2px;
        min-width: 10%;
        line-height: 25px;
    }

    .p-filter .attr-value.active {
        border: 2px solid #1ebe92;
        color: #1ebe92;
    }

    .p-filter .attr-value {
        float: left;
        margin: 0px 3px;
        cursor: pointer;
        border: 2px solid #b1aeae;
        padding: 3px 10px;
        font-size: 14px;
        border-radius: 5px;
    }

.attribute-required {
    position: absolute;
    color: #fff;
    background: #d9534f;
    font-size: 12px;
    text-transform: lowercase;
    width: 23%;
    margin-top: 40px;
    left: 82px;
    padding: 5px;
    text-align: center;
    margin-bottom: 50px;
    box-shadow: 0px 4px 5px #0000005c;
}

    .attribute-required::first-letter {
        text-transform: uppercase;
    }

    .attribute-required::before {
        content: "\f0d8";
        font-family: FontAwesome;
        position: absolute;
        font-size: 15px;
        color: #d9534f;
        top: -13px;
        left: 13px;
    }

/*#region askcontact */

.checkout form {
    padding: 30px;
    min-height: 205px;
    margin: auto;
    max-width: 450px;
    width: 100%;
    margin-top: 35px;
    border: 1px solid #ccc;
    margin-bottom: 35px;
}

    .checkout form label {
        margin-bottom: 15px !important;
    }


    .checkout form .continue-btn {
        margin-right: 0;
        width: 100%;
        margin-top: 20px;
        background: #545454;
        color: #fff;
        cursor: pointer;
    }

        .checkout form .continue-btn:hover {
            background: #000;
            color: #fff !important;
        }


/*#endregion */
._wApp {
    position: fixed;
    z-index: 555;
    right: 8px;
    bottom: 30px;
}