@charset "UTF-8";
    /* [2] */
    /* [8] */
    /*===============================================
 [SASS DIRECTORY ]
 [1] Minxin Link
 [2] Minxin Button
 [3] Minxin Triangle
 [4] Minxin LABEL PRODUCT
 [5] Minxin Scrollbars
 [6] Minxin Dev Custom
 ==============================================*/
    
    .no-margin {
        margin: 0 !important;
    }
    /*Dev Custom */
    /*====================================================*/
    
    .lib-list-item-product2 {
        border: none;
    }
    
    .lib-list-item-product2 .image-dev .list-button-dev {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 10;
        transform: translate3d(-50%, -50%, 0);
        -moz-transform: translate3d(-50%, -50%, 0);
        -webkit-transform: translate3d(-50%, -50%, 0);
        -ms-transform: translate3d(-50%, -50%, 0);
    }
    
    .lib-list-item-product2 .image-dev .list-button-dev li {
        display: inline-block;
        float: left;
        height: 40px;
        width: 40px;
        background: #fff;
        position: relative;
        border-width: 0 1px 0 0;
        border-style: solid;
        border-color: #ddd;
        opacity: 0;
        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    }
    
    .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(1) {
        transform: translateX(40px);
        -moz-transform: translateX(40px);
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        z-index: 1;
        transition-delay: 0s;
    }
    
    .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(2) {
        transition-delay: 0.2s;
        z-index: 2;
    }
    
    .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(3) {
        transition-delay: 0.2s;
        z-index: 2;
    }
    
    .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(4) {
        transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        -webkit-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        z-index: 1;
        transition-delay: 0s;
    }
    
    .lib-list-item-product2 .image-dev .list-button-dev li:first-child {
        border-left: 1px solid #ddd;
    }
    
    .lib-list-item-product2 .image-dev .list-button-dev li a,
    .lib-list-item-product2 .image-dev .list-button-dev li button {
        background: none;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        line-height: 40px;
        text-align: center;
        box-shadow: none;
        border: none;
        color: #555;
        width: 40px;
        padding: 0;
    }
    
    .lib-list-item-product2 .image-dev .list-button-dev li:hover {
        background: #ff9600;
    }
    
    .lib-list-item-product2 .image-dev .list-button-dev li:hover a,
    .lib-list-item-product2 .image-dev .list-button-dev li:hover button {
        color: #fff;
    }
    
    .lib-list-item-product2 .caption-dev {
        text-align: center;
        padding: 0 15px;
    }
    
    .lib-list-item-product2 .caption-dev .rating-dev {
        margin: 5px 0;
    }
    
    .lib-list-item-product2 .caption-dev .rating-dev .fa-stack-2x {
        font-size: 11px;
    }
    
    .lib-list-item-product2 .caption-dev .title-dev {
        color: #444;
        font-size: 13px;
    }
    
    .lib-list-item-product2 .caption-dev .price-dev .price.product-price {
        font-size: 16px;
    }
    
    .lib-list-item-product2 .caption-dev .price-dev .price-new {
        font-size: 16px;
    }
    
    .lib-list-item-product2 .caption-dev .price-dev .price-old {
        font-size: 12px;
    }
    
    .lib-list-item-product2 .caption-dev .add-cart-dev {
        background: #fff;
        border: 1px solid #ddd;
        font-size: 12px;
        text-transform: uppercase;
        color: #999;
        font-weight: bold;
        box-shadow: none;
        border-radius: 0;
        padding: 6px 20px;
        margin: 0 0 30px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
    }
    
    .lib-list-item-product-over2 .image-dev .list-button-dev li {
        opacity: 1;
        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    }
    
    .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(1) {
        transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transition-delay: 0.2s;
    }
    
    .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(2) {
        transition-delay: 0s;
    }
    
    .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(3) {
        transition-delay: 0s;
    }
    
    .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(4) {
        transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transition-delay: 0.2s;
    }
    /*EFECT PRODUCT NUMBER*/
    
    .lib-two-img {
        position: relative;
        display: block;
    }
    
    .lib-two-img .img-1 {
        opacity: 1;
        position: relative;
        transition: all 0.5s ease-in-out;
    }
    
    .lib-two-img .img-2 {
        position: absolute;
        z-index: 0;
        top: 0;
        opacity: 0;
        display: block;
        transition: all 0.5s ease-in-out;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .lib-two-img-over .img-1 {
        opacity: 0;
        transform-style: inherit;
        transition: all 0.5s ease-in-out;
    }
    
    .lib-two-img-over .img-2 {
        opacity: 1;
        transform-style: inherit;
        transition: all 0.5s ease-in-out;
    }
    /*EFFECT SLIDERHOME*/
    
    @keyframes myeffect-slideshow {
        0% {
            opacity: 0;
            transform: translateY(-300px);
            -webkit-transform: translateY(-300px);
            -moz-transform: translateY(-300px);
            -ms-transform: translateY(-300px);
            -o-transform: translateY(-300px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
            -moz-transform: translateY(0);
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
        }
    }
    
    @-webkit-keyframes myeffect-slideshow {
        0% {
            opacity: 0;
            transform: translateY(-300px);
            -webkit-transform: translateY(-300px);
            -moz-transform: translateY(-300px);
            -ms-transform: translateY(-300px);
            -o-transform: translateY(-300px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
            -moz-transform: translateY(0);
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
        }
    }
    
    @-moz-keyframes myeffect-slideshow {
        0% {
            opacity: 0;
            transform: translateY(-300px);
            -webkit-transform: translateY(-300px);
            -moz-transform: translateY(-300px);
            -ms-transform: translateY(-300px);
            -o-transform: translateY(-300px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
            -moz-transform: translateY(0);
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
        }
    }
    /*===============================================
 [SASS DIRECTORY ]
 [1] BLOCK HEADER
 ==============================================*/
    
    .row {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .navbar-logo {
        float: left;
        padding-right: 50px;
    }
    
    .navbar-logo .logo {
        margin: var(--header-navbar-logo-margin);
        display: inline-block;
        margin-bottom: 0px;
    }
    
    .breadcrumb {
        /* display: none; */
        width: 100%;
    }
    
    .breadcrumb1 {
        display: none;
    }
    
    #header .phone-contact span {
        padding-right: var(--header-contact-img-padding);
        display: inline-block;
        vertical-align: var(--header-contact-img-align);
    }
    
    #header .middle-right {
        border-left: 1px solid var(--main-header-middle-right-border);
        padding-left: var(--header-middle-right-paddingleft);
        margin-top: var(--header-middle-right-margin);
        padding-top: var(--header-middle-right-paddingtop);
        padding-bottom: 0px;
    }
    
    #header .middle-right .list-inline {
        padding-top: 10px;
        margin-top: 2px;
    }
    
    #header .middle-right .list-inline li {
        text-transform: var(--main-header-list-texttransform);
        background: url(../../../../../../catalog/view/theme/so-ladaz/images/pipe.gif) no-repeat scroll right center transparent;
        padding: 0 15px 0 12px;
        white-space: nowrap;
    }
    
    #header .middle-right .list-inline li a {
        color: var(--main-header-list-text-color);
        font-size: var(--main-header-list-fontsize);
        font-weight: var(--header-list-fontweight);
        letter-spacing: var(--header-font-letter-space);
    }
    
    #header .phone-contact b {
        color: var(--main-header-hotline-text-color);
        font-weight: 500;
        display: inline-block;
        font-size: var(--header-contact-btag-fontsize);
        letter-spacing: var(--header-contact-btag-letterspace);
    }
    
    #header .phone-contact {
        color: var(--main-header-hotline-number-color);
        font-size: var(--main-header-contact-fontsize);
        letter-spacing: var(--main-header-contact-letterspace);
        font-weight: var(--main-header-contact-fontweight);
    }
    
    #header .header-middle {
        padding: var(--header-middle-padding);
        display: var(--headercommon-display);
    }
    
    #header .middle-right .list-inline li:last-child {
        background: none;
        padding-right: 0px;
    }
    
    .header-bottom-inner {
        background-color: var(--main-header-bottom-bg-color);
        width: 100%;
        float: left;
        display: var(--headercommon-display);
    }
    
    #header .header-bottom-inner .col-sm-7 .header-search {
        width: 90%;
        float: left;
    }
    
    #header .header-bottom-inner .col-sm-7 .myaccount {
        width: 42px;
        height: 40px;
        float: left;
        margin-left: 8px;
        background-color: var(--main-header-user-button-bg-color);
        border: 1px solid var(--main-header-user-button-border-color);
        padding: 8px 10px;
    }
    
    #header .header-bottom-inner .col-sm-7 .myaccount a {
        color: var(--main-header-user-button-text-color);
        font-size: 14px;
    }
    
    #header .header-bottom-inner .black-row {
        padding-left: 0px;
    }
    
    #header .header-bottom-inner .black-row .col-sm-7 {
        padding: 8px 0px;
    }
    
    #header .header-bottom-inner .black-row .col-sm-2 {
        width: 23%;
        margin-right: 10px;
        float: left;
        z-index: var(--tap-logo);
    }
    
    #header .header-bottom-inner .black-row .col-sm-2 select {
        padding: 8px 15px;
        width: 100%;
        border-radius: 0;
        height: 40px;
        text-transform: uppercase;
        line-height: 23px;
        border: 1px solid #525252;
        box-shadow: none;
        color: #fff;
        background-color: #424449;
    }
    
    #header .header-bottom-inner .black-row #search input {
        height: 40px;
        line-height: 20px;
        float: left;
        width: 92%;
        padding: 10px 40px 10px 16px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -khtml-border-radius: 0;
        background-color: var(--main-header-search-bar-bg-color);
        text-transform: capitalize;
        box-shadow: none;
        border: 1px solid var(--main-header-search-bar-border-color);
        border-right: 0px;
        color: var(--main-header-search-bar-text-color);
    }
    
    #header .header-bottom-inner .black-row #search input::-webkit-input-placeholder {
        color: var(--main-header-search-placeholder-color);
        font-size: var(--main-header-search-placeholder-font-size);
    }
    
    #header .header-bottom-inner .black-row #search .input-group-btn {
        float: left;
    }
    
    #header .header-bottom-inner .black-row #search button {
        background-color: var(--main-header-search-button-bg-color);
        border: 1px solid var(--main-header-search-button-border-color);
        border-left: 0px;
    }
    
    #header #sosearchpro.so-search .btn-default {
        width: 40px;
        height: 40px;
    }
    
    #header .header-bottom-inner .black-row #search {
        width: 100%;
    }
    
    #header .header-bottom-inner .black-row .col-sm-7 {
        width: 62%;
    }
    
    #header .header-bottom-inner .header-cart {
        width: 14%;
        float: left;
        padding: 0px;
    }
    
    #header .shopping_cart .btn-shopping-cart .shopcart {
        margin-left: 5px;
        font-size: 13px;
        line-height: 22px;
        color: var(--main-header-cart-button-text-color);
        font-weight: 500;
        background: var(--main-header-shopcart-bg-image) no-repeat scroll var(--main-header-cart-bg-position) var(--main-header-cart-button-bg-color);
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -khtml-border-radius: 0;
        padding: 18px 20px 18px 42px;
        text-transform: uppercase;
        width: auto;
        height: auto;
    }
    
    #header .shopping_cart:hover .shopcart {
        background-color: var(--main-header-cart-buttonhover-bg-color);
    }
    
    #header .shopping_cart .btn-shopping-cart a.top_cart .shopcart .total-shopping-cart {
        position: relative;
        top: var(--header-carttotal-full-top);
        right: var(--shopping-cart-text-right);
        background: none;
    }
    
    #header .shopping_cart .btn-shopping-cart .items_cart2 {
        display: var(--header-items-cart2-display);
        float: left;
    }
    
    #header .shopping_cart .btn-shopping-cart .shopcart .icon-c {
        display: none;
    }
    
    #header .shopping_cart .btn-shopping-cart .items_cart {
        float: left;
        padding-right: var(--header-items-cart-padding);
    }
    
    #header .shopping_cart .btn-shopping-cart .items_cart b {
        font-weight: var(--header-shop-cart-font-weight)
    }
    
    body.header-compacted #content .cat-lft {
        top: 126px;
    }
    
    .cat-lft {
        position: fixed;
        top: 0px;
        left: 0;
        background-color: #F5F5F5;
        bottom: 0px;
        width: 280px;
        padding: 10px;
        z-index: 999999;
        overflow-x: hidden;
        overflow-y: auto;
        visibility: hidden;
        -webkit-transform: translate3d(-280px, 0, 0);
        transform: translate3d(-280px, 0, 0);
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        max-height: 100%;
        height: 100%;
    }
    
    .cat-lft .cate button {
        display: block;
        float: left;
        margin: 0px 5px 0px 0px;
        background-color: var(--main-header-categories-bg-color);
        color: var(--main-header-categories-text-color);
        padding: var(--category-menu-padding);
        font-size: var(--category-menu-fontsize);
        text-transform: var(--category-menu-texttransform);
        width: 250px;
        line-height: var(--category-menu-lineheight);
        overflow: hidden;
        position: relative;
        letter-spacing: var(--category-menu-letterspace);
        cursor: pointer;
        border-radius: 0px;
        text-align: left;
        border-top-left-radius: var(--category-menu-bordertopleft-radius);
        border-top-right-radius: var(--category-menu-bordertopright-radius);
        border: var(--main-header-categories-border);
    }
    /*.common-home .cat-lft .cate button{
    padding: 21px 40px 20px 17px;
}*/
    
    .cat-lft .cate button span {
        padding-left: 7px;
    }
    
    .common-home .slide-right {
        min-height: 0px;
    }
    /*.common-home .cat-lft{
    top: 134px;
    left: 100px;
}*/
    
    .cat-lft .cate-menu .navbar-collapse {
        background-color: var(--category-menu-bg-color);
        color: var(--category-menu-text-color);
        padding: 12px 0;
        border: 1px solid var(--category-menu-border-color);
        width: 250px;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0;
    }
    
    #header .header-bottom-inner {
        border-top: 0px;
        border-bottom: 0px;
        position: var(--header-bottom-position);
        z-index: var(--header-z-index);
    }
    
    #header .shopping_cart .btn-shopping-cart a.top_cart {
        display: inline-grid;
    }
    
    .cat-lft .cate-menu li {
        text-align: left;
        padding: 0px 30px;
    }
    
    .cat-lft .cate-menu li a {
        padding: 12px 10px 12px 0px;
        display: inline-block;
        line-height: 20px;
        position: relative;
        width: 100%;
        color: #666;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 13px;
        letter-spacing: 0.5px;
    }
    
    .cat-lft .cate-menu li i {
        float: right;
        height: 10px;
        width: 6px;
        position: absolute;
        top: 15px;
        right: 10px;
    }
    
    .cat-lft .cate-menu .nav>li>a:focus,
    .cat-lft .cate-menu .nav>li>a:hover {
        background-color: transparent;
        color: var(--category-hover-text-color);
    }
    
    .common-home .slide-left {
        width: 100%;
        padding: 0px 0px 0px 0px;
        margin-top: var(--main-slide-top-space);
    }
    
    .common-home .slide-left .swiper-slide img {
        width: 100%;
    }
    
    .cat-lft .cate .btn:active {
        box-shadow: none;
    }
    
    .cat-lft .cate button i {
        color: var(--main-header-categories-text-color);
        float: left;
        line-height: var(--category-menu-btn-lineheight);
    }
    
    #content .swiper-viewport .swiper-button-next {
        right: 10px;
    }
    
    #content .swiper-viewport .swiper-button-prev {
        left: 10px;
    }
    
    .navbar-ex1-collapse.collapse {
        display: none !important;
        height: 0px !important;
        -webkit-transition: height 3s ease-out;
        -moz-transition: height 3s ease-out;
        -o-transition: height 3s ease-out;
        -ms-transition: height 3s ease-out;
        transition: height 3s ease-out;
    }
    
    .navbar-ex1-collapse.collapse.in {
        display: block !important;
        height: auto !important;
        -webkit-transition: height 0.5s ease-in;
        -moz-transition: height 0.5s ease-in;
        -o-transition: height 0.5s ease-in;
        -ms-transition: height 0.5s ease-in;
        transition: height 0.5s ease-in;
    }
    
    .navbar-ex1-collapse.collapsing {
        /*height: auto !important;*/
        overflow: hidden !important;
        -webkit-transition: height 0.5s ease-in;
        -moz-transition: height 0.5s ease-in;
        -o-transition: height 0.5s ease-in;
        -ms-transition: height 0.5s ease-in;
        transition: height 0.5s ease-in;
    }
    
    #content .swiper-viewport .swiper-button-next:before,
    #content .swiper-viewport .swiper-button-prev:before {
        font-size: 18px;
    }
    
    #header .middle-right .list-inline li a:hover,
    #header .middle-right .list-inline li a:focus {
        color: var(--main-header-listhover-text-color);
    }
    
    #header .header-bottom-inner .col-sm-7 .myaccount .dropdown-menu a {
        display: block;
        padding: 4px 15px;
        clear: both;
        font-weight: 400;
        color: var(--main-header-user-dropdown-list-text-color);
        white-space: nowrap;
        text-transform: uppercase;
        border: none;
        font-size: 13px;
        margin-bottom: 0;
        line-height: 19px;
    }
    
    #header .header-bottom-inner .col-sm-7 .myaccount:hover {
        background-color: var(--main-header-user-buttonhover-bg-color);
        border-color: var(--main-header-user-buttonhover-border-color);
    }
    
    #header .header-bottom-inner .col-sm-7 .myaccount .dropdown-menu {
        padding: 5px 0;
        margin: 11px 0 0;
        right: 0;
    }
    
    aside.sidebar-offcanvas {
        padding-left: 0px;
    }
    
    .cat-lft .cate-menu li:hover .dropdown-menu {
        display: block;
    }
    
    .cat-lft .cate-menu #menu .dropdown .dropdown-menu {
        background: var(--category-menu-bg-color) none repeat scroll 0 0;
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 12px 25px;
        left: 100%;
        top: 0;
        border-radius: 0;
        min-width: 200px;
        border: 1px solid var(--category-menu-border-color);
        box-shadow: none;
    }
    
    .cat-lft .cate-menu #menu .dropdown .dropdown-menu ul {
        display: table-cell;
        float: none;
        border: none;
        background: none;
        position: relative;
        display: block;
        left: 0px;
    }
    
    .cat-lft .cate-menu #menu .dropdown .dropdown-menu ul li {
        line-height: 21px;
        list-style-type: none;
        padding: 0 0;
        float: none;
        display: inline;
    }
    
    .cat-lft .cate-menu #menu .dropdown .dropdown-menu ul li a {
        background: var(--category-menu-li-bg-color) none repeat scroll 0 0;
        display: inline-block;
        font-weight: var(--category-submenu-fontweight);
        line-height: 24px;
        position: relative;
        color: var(--category-menu-text-color);
        text-transform: uppercase;
        float: left;
        padding: 0px 0;
        clear: both;
        width: 100%;
        border: none;
        font-size: var(--category-submenu-fontsize);
        line-height: 17px !important;
    }
    
    #header .header-bottom-inner .col-sm-7 .myaccount .dropdown-menu li:hover a {
        color: var(--main-header-user-dropdown-listhover-text-color);
    }
    
    .header-toppictures #sosearchpro .fa-search:before {
        content: 'Search';
        color: #fff;
        font-family: 'Roboto', sans-serif;
    }
    
    .header-toppictures #sosearchpro .form-control {
        height: 45px;
        border-radius: 0px;
        background: transparent;
    }
    
    .header-toppictures .header-search {
        border: 1px solid #1010106b;
        border-radius: 25px;
    }
    
    .header-toppictures .header-search select {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        padding: 0px 25px 0px 20px;
        font-size: 13px;
        letter-spacing: 0.2px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 45px;
    }
    
    .header-toppictures .header-search .cat-span {
        position: relative;
    }
    
    .header-toppictures .header-search .cat-span:before {
        content: "\f0d7";
        font: normal normal normal 15px/1 FontAwesome;
        color: #2d2d2d;
        right: 20px;
        top: 16px;
        padding: 0px;
        position: absolute;
        pointer-events: none;
        z-index: 3;
    }
    
    #header.header-toppictures #sosearchpro.so-search .btn-default {
        width: 100px;
        height: 45px;
        background: #77b536;
        color: white;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }
    
    #header.header-toppictures .middle-right .col-lg-9 {
        padding-right: 0px;
    }
    
    #header.header-toppictures #sosearchpro.so-search .btn-default i {
        font-size: 16px;
        letter-spacing: 0.5px;
    }
    
    #header.header-toppictures .header-top li:hover a {
        color: #fff;
    }
    
    #header.header-toppictures .header-top .dropdown-menu>li>a {
        color: #77b536;
    }
    
    .header-toppictures .black-row li {
        padding: 0px 30px;
    }
    
    .header-toppictures .black-row li a {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
        letter-spacing: 0.2px;
        color: #00000094;
    }
    
    .header-toppictures .black-row #menu li a {
        color: #fff;
        font-weight: 500;
        letter-spacing: 0.5px;
    }
    
    .header-toppictures .black-row li a:hover,
    .header-toppictures .black-row li a:focus,
    .header-toppictures .black-row li a.active,
    .header-toppictures .black-row li a:active {
        color: #77b536;
    }
    
    #header.header-toppictures .header-bottom-inner .black-row .col-sm-2 {
        margin-right: 35px;
    }
    
    #header.header-toppictures .header-bottom-inner .black-row .col-sm-7 {
        padding: 15px 0px 0px 0px;
    }
    /**************header mobile view*****************/
    
    @media (max-width: 767px) {
        .navbar-logo {
            width: 100%;
            padding-right: 15px;
            text-align: center;
        }
        .header-bottom .mainmenu {
            margin-bottom: 0px;
        }
        #header .header-bottom-inner .black-row .col-sm-7 {
            width: 70%;
            display: inline-block;
            float: left;
            padding: 10px 0px;
        }
        #header .header-bottom-inner .header-cart {
            width: 30%;
            margin: 10px 0px;
        }
        #header .shopping_cart .btn-shopping-cart .shopcart {
            //background: url(../../../../../../catalog/view/theme/so-ladaz/images/header-cart.png) no-repeat scroll 10px 14px var(--main-orange-color);
            /*background: transparent;*/
            background: var(--main-header-shopcart-bg-image) no-repeat scroll var(--main-header-cart-bg-position) var(--main-header-cart-button-bg-color);
            padding: var(--header-menu-shopcart-padding);
            background-size: 16px 18px;
            height: 40px;
            background-position: 8px center;
        }
        .shopping_cart .btn-shopping-cart a.top_cart .shopcart .total-shopping-cart {
            font-size: var(--header-menu-shopcart-font);
        }
        #header .header-bottom-inner .black-row #search input {
            width: 73%;
        }
        #header .header-bottom-inner .col-sm-7 .header-search {
            width: 80%;
        }
        #header .header-bottom-inner .col-sm-7 .myaccount {
            width: 40px;
            margin-left: 0px;
        }
        #header .header-bottom-inner .col-sm-7 .myaccount .dropdown-menu {
            margin: 2px 0 0;
            min-width: max-content;
        }
        .common-home .slide-left {
            height: max-content;
            margin-top: 0px !important;
        }
        .navbar-logo .logo {
            margin: 0px;
        }
        #header .header-middle {
            padding: 10px 0 7px;
        }
        .no-pad {
            padding: 0;
        }
        .product-detail .product-view .content-product-right,
        .product-detail .content-product-mainbody .content-product-content {
            padding: 0px;
        }
        .product-detail .content-product-bottom .tab-content .tab-pane {
            margin: 0px 0px;
        }
        .product-detail .producttab .tabsslider.horizontal-tabs .nav-tabs li a {
            float: none;
        }
        .product-detail .producttab .tabsslider.horizontal-tabs .nav-tabs li {
            display: block;
        }
        .product-detail .content-product-mainheader {
            display: inline-block;
        }
        .head-top-mobile {
            display: inline-block !important;
            padding-left: 0px;
        }
        .head-top-mobile .navbar-default {
            background-color: transparent;
            border-color: transparent;
            display: inline-block;
            margin-bottom: 0px;
            min-height: auto;
        }
        .head-top-mobile .navbar-default .navbar-toggle {
            border-color: transparent;
            background: none;
            margin: 11px 0px 0px 0px;
            padding: 5px 9px;
        }
        #header.header-toppictures .header-top-right {
            padding: 7px 0px;
        }
        #header.header-toppictures .navbar-logo {
            padding-right: 0px;
            padding-left: 0px;
        }
        .header-toppictures #sosearchpro .fa-search:before {
            content: "\f002";
            font-family: 'FontAwesome';
        }
        .header-toppictures .header-search select {
            padding: 0px 15px 0px 10px;
            font-size: 12px;
        }
        .header-toppictures .header-search .cat-span:before {
            right: 10px;
            top: 10px;
        }
        #header.header-toppictures #sosearchpro.so-search .btn-default {
            width: 35px;
        }
        #header.header-toppictures #sosearchpro.so-search .btn-default i {
            font-size: 14px;
        }
        #header .middle-right {
            padding-right: 0px;
        }
        .header-toppictures .header-search {
            height: 37px;
        }
        .header-toppictures .header-search select,
        .header-toppictures #sosearchpro .form-control,
        #header.header-toppictures #sosearchpro.so-search .btn-default {
            height: 35px;
        }
        #header.header-toppictures #sosearchpro.so-search .btn-default {
            width: 30px;
        }
        #header.header-toppictures #sosearchpro.so-search .btn-default i {
            font-size: 13px;
        }
        #header.header-toppictures .navbar-logo .logo {
            padding: 4px 0px;
        }
        #header.header-toppictures .header-middle {
            padding: 15px 0 10px;
        }
        .header-toppictures .header-search .cat-span {
            display: none;
        }
        .mlt-20 {
            margin-left: 0px !important;
        }
        .pl-0-mob {
            padding-left: 0;
        }
        .ptop-15 {
            padding-top: 5px !important; 
        }
    }
    /**************Sidenav**************/
    
    body.active .sidenav {
        /*overflow-x: unset;*/
        overflow-y: scroll;
    }
    
    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        background-color: #111;
        transition: 0.5s;
        padding-top: 60px;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        box-shadow: 5px 0 5px 0 rgba(0, 0, 0, .06);
        clear: both;
        height: 100%;
        background-color: #fff;
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: left;
    }
    
    .category-menu-header .visible-xs .navbar-default {
        position: absolute;
        z-index: 9999;
        margin-top: 0px;
        background-color: transparent;
        float: left;
        margin-bottom: 0px;
        min-height: max-content;
        border-color: transparent;
    }
    
    .category-menu-header .visible-xs .navbar-default .navbar-toggle {
        border: none;
        margin: 0px;
        background: transparent;
        color: #1f2022;
        font-size: 17px;
        cursor: pointer;
        vertical-align: bottom;
        padding: 9px 13px;
    }
    
    .sidenav .close-nav {
        background-color: var(--heade-menu-top-bar-bg-color);
        padding: 12px 15px;
        width: 100%;
        display: inline-block;
        color: #fff;
        letter-spacing: 1px;
    }
    
    .close-nav i {
        color: var(--header-menu-close-nav-i-color);
        font-size: 16px;
    }
    
    .closebtn {
        float: right;
    }
    
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
    }
    
    .sidenav .nav li {
        text-align: left;
    }
    
    .sidenav .nav li a {
        padding: 12px 10px 12px 20px;
        display: inline-block;
        line-height: 20px;
        position: relative;
        width: 100%;
        color: var(--header-mobile-menu-dropdown-menu-a-color);
        text-transform: uppercase;
        font-weight: var(--header-mobile-menu-dropdown-menu-a-font);
        font-size: 13px;
        letter-spacing: 0.5px;
    }
    
    .sidenav .nav li i {
        float: right;
        height: 10px;
        width: 6px;
        position: absolute;
        top: 15px;
        right: 10px;
    }
    
    .sidenav .nav .dropdown .dropdown-menu {
        background: #fff none repeat scroll 0 0;
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 20px 25px;
        left: 100%;
        top: 0;
        border-radius: 0;
        min-width: 200px;
        /*    border: 1px solid #e5e5e5;*/
        box-shadow: none;
    }
    
    .sidenav .nav .dropdown .dropdown-menu ul {
        display: table-cell !important;
        float: none;
        border: none;
        background: none;
        position: relative;
        display: block;
        left: 0px;
    }
    
    .sidenav .nav .dropdown .dropdown-menu ul li {
        line-height: 21px;
        list-style-type: none;
        padding: 0 0;
        border: none;
        float: none;
        display: inline;
    }
    
    .sidenav .nav .dropdown .dropdown-menu ul li a {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        display: inline-block;
        font-weight: 400;
        line-height: 24px;
        position: relative;
        color: var(--header-mobile-menu-dropdown-menu-a-color);
        text-transform: capitalize;
        float: left;
        padding: 1px 0;
        clear: both;
        width: 100%;
        border: none;
        font-size: 13px;
    }
    /******************iPhone view******************/
    
    @media only screen and (max-width:320px) and (min-height:568px) {
        .product-view .content-product-right .box-info-product .detail-action {
            margin-left: 5px;
        }
        .product-view .content-product-right .box-info-product .cart input {
            font-size: 1rem;
        }
        .product-view .content-product-right .box-info-product .quantity .quantity-control span {
            width: 30px;
        }
        .product-view .content-product-right .box-info-product .add-to-links ul li {
            margin-left: 2px;
        }
        #header .shopping_cart .btn-shopping-cart .shopcart {
            padding: 10px 8px 10px 26px;
        }
        .header-top ul.top-link>li>a {
            padding-left: 0px;
        }
    }
    /*****************Responsive header*************/
    
    @media(min-width:768px) and (max-width:1199px) {
        .cat-lft .cate button,
        .cat-lft .cate-menu .navbar-collapse,
        .cat-lft {
            width: 180px;
        }
        #header .header-bottom-inner .black-row .col-sm-2 {
            padding: 0px;
            width: 25%;
        }
        #header .header-bottom-inner .black-row .col-sm-7 {
            width: 60%;
        }
        #header .header-bottom-inner .header-cart {
            width: 13%;
        }
        #header .header-bottom-inner .col-sm-7 .header-search {
            width: 85%;
        }
        #header .header-bottom-inner .black-row #search {
            width: 97%;
        }
        #header .shopping_cart .btn-shopping-cart .shopcart {
            padding: 12px 10px 13px 25px;
            background-size: 13px 15px;
            background-position: 8px 14px;
        }
        .shopping_cart .btn-shopping-cart a.top_cart .shopcart .total-shopping-cart {
            font-size: 10px;
        }
        .cat-lft .cate button {
            padding: 15px 40px 15px 17px;
            font-size: 13px;
        }
        .cat-lft .cate button i {
            margin: 2px 5px;
        }
        #header #sosearchpro.so-search .btn-default {
            width: 35px;
            height: 30px;
        }
        #header .header-bottom-inner .black-row #search input {
            height: 30px;
        }
        #header .header-bottom-inner .col-sm-7 .myaccount {
            width: 35px;
            height: 30px;
            padding: 4px 7px;
        }
        .cat-lft .cate-menu li a {
            font-size: 12px;
        }
        .cat-lft .cate-menu li i {
            top: 16px;
        }
        .cat-lft .cate-menu #menu .dropdown .dropdown-menu ul li a {
            font-size: 12px;
        }
        .cat-lft .cate-menu {
            top: 50px;
        }
        .cat-lft .cate-menu .nav .open>a,
        .nav .open>a:focus,
        .nav .open>a:hover {
            background-color: transparent;
        }
        #header .middle-right {
            padding: 0px;
        }
        #header .middle-right .list-inline li a {
            font-size: 12px;
        }
    }
    
    #search input::-webkit-input-placeholder {
        color: var(--search-input-placeholder-color);
        letter-spacing: var(--search-input-letter-space);
        font-size: var(--search-input-font-size);
        font-weight: var(--search-input-font-weight);
    }
    
    #search input::-moz-placeholder {
        color: var(--search-input-placeholder-color);
        letter-spacing: var(--search-input-letter-space);
        font-size: var(--search-input-font-size);
        font-weight: var(--search-input-font-weight);
    }
    
    .inputNew::-webkit-input-placeholder {
        color: var(--foot-new-input);
    }
    
    .inputNew::-moz-placeholder {
        color: var(--foot-new-input);
    }
    
    .header-tapovana .black-row li a {
        /*width: 90%;*/
        font-size: 20px;
        font-weight: 600;
        color: #3F3F3F;
        letter-spacing: 0.5px;
        line-height: 22px;
        padding-top: 15px;
        padding-bottom: 15px;
        text-transform: capitalize;
        padding: 15px 5px 0px !important;
    }
    
    .header-tapovana .navbar-nav>li {
        width: 12.5%;
        margin-top: 20px;
        margin-bottom: 35px
    }
    
    .header-tapovana .black-row .list-inline {
        padding-top: 23px;
    }
    
    .header-tapovana .shopping_cart .btn-shopping-cart .items_cart b {
        display: none;
    }
    
    .header-tapovana .shopping_cart .btn-shopping-cart a.top_cart .shopcart .total-shopping-cart {
        top: -15px;
        right: 7px;
        color: #1b6800;
        font-size: 10px;
    }
    
    .header-tapovana .shopping_cart .btn-shopping-cart .shopcart {
        padding: 18px 20px 0px 42px;
    }
    
    .header-tapovana .header-top ul.top-link>li {
        border-right: 2px solid #ffffff54;
    }
    
    .header-tapovana .header-top ul.top-link>li:nth-child(4) {}
    
    .header-tapovana .header-top ul.top-link>li>a {
        padding: 0px 22px;
        height: 56px;
    }
    
    .header-tapovana .header-top .top-link.list-inline li a img {
        margin-top: 18px;
    }
    
    .header-tapovana .shopping_cart .btn-shopping-cart a.top_cart {
        top: 6px;
    }
    
    .header-tapovana .phone-contact {
        margin-top: 15px;
    }
    
    .header-tapovana .phone-contact img {
        vertical-align: baseline;
    }
    
    .header-tapovana .btn-shopping-cart .table-striped>tbody>tr>td>.btn-danger:hover {
        background: var(--cart-oddrow-btndanger-hover-bg);
        color: #fff;
    }
    
    .panel-body .alert-dismissible {
        letter-spacing: var(--main-alert-dissible-letter-space);
        font-weight: var(--main-alert-dissible-font-weight);
    }
    
    .header-tapovana {
        display: var(--tapovana-header-hide);
    }
    
    .header-tapovana-display {
        display: var(--tapovana-header-display) !important;
    }
    
    @media (max-width: 768px) {
        .tapo-pad1 {
            padding-right: 0px !important;
        }
        .header-tapovana .logo img {
            width: 68%
        }
        .header-tapovana.navbar-compact .logo img {
            width: 50%;
        }
        .header-tapovana .navbar-default .navbar-toggle:hover {
            background-color: #1b6800 !important;
            border: 1px solid transparent !important;
        }
        .short-by-show .filters-panel .form-group {
            margin-left: 0px;
        }
        .tapo-button {
            width: var(--tapovana-button-width);
        }
        .tapo-float {
            float: var(--tapovana-icon-float);
            padding-top: var(--tapovana-padding-top);
        }
        .header-tapovana .header-top ul.top-link>li>a {
            padding: var(--header-tapovana-ul.top-link-a-xs) !important;
        }
        .header-tapovana .navbar-nav>li {
            width: 100% !important;
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }
        .header-tapovana .header-top ul.top-link>li>a {
            padding: 0px 13px;
            height: 59px;
        }
        .tapovana-head-padding-left {
            padding-left: 0px !important
        }
        .header-tapovana .shopping_cart .btn-shopping-cart a.top_cart .shopcart .total-shopping-cart {
            top: -2px !important;
            right: 16px !important;
            position: absolute !IMPORTANT;
        }
        #header .shopping_cart .btn-shopping-cart .items_cart b {
            display: none;
        }
        #header .shopping_cart .btn-shopping-cart .items_cart {
            padding-left: 12px;
        }
        .breadcrumb {
            margin-bottom: 10px;
            margin-top: 15px;
        }
        .hidden-xs.hideTop {
            display: none !important;
        }
        .header-tapovana .navbar-nav>li {
            margin-top: 15px;
            margin-bottom: 0px;
        }
        .product-view .content-product-right .box-info-product .quantity .quantity-control input.form-control {
            width: 30px;
        }
        .form-list .field {
            margin-bottom: 10px;
        }
        aside.sidebar-offcanvas {
            padding-left: 15px;
            padding-right: 15px !important;
        }
        #account-password .row,
        #account-account .row,
        #account-edit .row,
        #account-address .row,
        #account-wishlist .row,
        #account-order .row,
        #account-newsletter .row,
        #account-download .row,
        .success .row,
        #checkout-checkout .row,
        #account-return .row {
            margin-right: -15px !important;
            margin-left: -15px !important;
        }
        .form-list .input-box {
            width: 100% !important;
        }
        .form-list .field {
            width: 100% !important;
        }
        .form-list li.wide .input-box {
            width: 100% !important;
        }
        .form-list select {
            width: 100% !important;
        }
        .std .testimonials {
            width: auto;
            height: 300px;
        }
        .live-search ul li .product-price {
            display: none;
        }
        .mbl-class-col3 {
            padding-left: 0px;
            margin-top: 10px;
        }
        .product-search .container {
            padding-left: 0px;
            padding-right: 0px;
        }
        .product-search .footer-static-container .container {
            padding-left: 0px;
            padding-right: 0px;
        }
        .news1 .form-group input {
            border-right: 1px solid #ddd !important;
        }
    }
    
    .header-tapovana .navbar-default .navbar-toggle:hover {
        background-color: #1b6800;
    }
    
    .header-tapovana .show-top #menu .navbar-collapse {
        background: #eeeeee;
    }
    
    .topuvana-head-pad-left {
        padding-left: 39px
    }
    
    .tapovana-head-padding-left {
        padding-left: 0px
    }
    
    .header-tapovana .black-row li .dropdown-inner .list-unstyled li a {
        font-size: 17px;
    }
    
    .dropdown-inner .list-unstyled a:hover {
        color: var(--category-hover-text-color) !important;
    }
    
    .header-tapovana .navbar-nav li a:hover {
        color: var(--category-hover-text-color) !important;
    }
    
    .header-tapovana .navbar-nav .dropdown-menu {
        padding: 5px 5px 5px 5px;
    }
    
    .header-tapovana .header-bottom-inner .black-row .col-sm-2 {
        width: 25%;
        margin-right: 0px !important;
    }
    
    .hideOther {
        display: var(--hide-except-tapovana);
    }
    
    .tapo-pad4 {
        padding-right: 0px !important;
    }
    
    .tapo-pad2 {
        z-index: var(--tap-logo);
        padding-right: 0px;
    }
    
    .header-tapovana .mainmenu {
        width: 91%;
        margin: 0 auto;
    }
    
    .header-tapovana.navbar-compact .show-top {
        margin: 25px 0px 35px 0px;
    }
    
    @media(min-width:768px) and (max-width:1199px) {
        .tapo-pad1 {
            padding-right: 24px;
        }
    }
    
    .header-tapovana .tapo-pad2 img {
        position: absolute;
        left: 0;
    }
    
    @media (max-width:1200px) and (min-height:1080px) {
        .header-tapovana .mainmenu {
            width: 97%;
            margin: 0 auto;
        }
    }
    /**************************HEADER CHANGES 20-04************************/
    
    html,
    body {
        overflow-x: hidden;
    }
    
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
    
    body {
        font: 14px/1.55 'Open Sans', sans-serif !important;
        color: #666;
        text-align: left;
        background: url(../../images/bg_page.png) !important;
    }
    
    p,
    a,
    span {
        font-family: 'Open Sans';
    }
    
    input,
    select,
    textarea,
    button {
        font: 12px/15px 'Open Sans', sans-serif;
        vertical-align: middle;
        color: #2f2f2f;
        background: #fff;
    }
    
    .header-container {
        text-align: left;
    }
    
    .top-link {
        background: #f5f5f5;
        border-bottom: 1px solid #efefef;
        padding: 0;
        font-size: 12px;
    }
    
    
    
    p.welcome-msg {
        margin: 0;
        line-height: 25px;
        text-align: center;
        display: none;
    }
    
    .top-link ul.links {
        text-align: right;
        float: right;
        margin-top: 7px;
    }
    
    .top-link ul.links li {
        /* padding: 0 15px 0 14px; */
        line-height: 25px;
        border-right: 1px solid #e2e2e2;
    }
    
    .links li {
        display: inline;
    }
    
    .top-link ul.links li a {
        color: #555;
        text-decoration: none;
        padding: 0 10px;
    }
    .top-link ul.links li a:hover {
        color: #e44f4f;
    }
    .top-link-wallet {
        background: url(../../images/coin.png) left center no-repeat;
        background-size: contain;
        padding: 0 10px 0 15px !important;
    }
    
    .top-link ul.links li.last {
        background: none !important;
        padding-right: 0 !important;
        border-right: none;
    }
    
    .top-link .b2b {
        display: none !important;
    }
    
    a {
        color: #65c178;
        text-decoration: none;
    }
    
    .top-link .doi:first-child {
        margin: 8px 0px 0 -6px;
    }

    .top-link .doi.altnew {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .top-link .doi img {
        margin: 0px -9px 0px 0px;
    }
    
    .header {
        margin: 0 auto;
        position: relative;
        z-index: 10;
        background: #fff;
    }
    
    .header .header-content {
        padding: 5px 0 10px;
    }
    
    .header h1.logo {
        margin: 0;
    }
    
    .header .logo strong {
        position: absolute;
        top: -999em;
        left: -999em;
        width: 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        text-indent: -999em;
        overflow: hidden;
    }
    
    .header a.logo {
        float: left;
        margin: 0px 0;
        width: 180px;
        text-decoration: none !important;
        margin-top: 62px;
    }
    
    img {
        max-width: 100%;
        height: auto;
    }
    
    .header .block-header {
        padding: 10px 0;
    }
    
    .header .block-header .phone,
    .header .block-header div {
        vertical-align: top;
    }
    
    .header .block-header .phone {
        background: url(../../images/whatsapp_icon.png) no-repeat scroll 0;
        padding-right: 15px;
        border-right: 1px solid #e2e2e2;
        margin-right: 14px;
        background-size: 25px 25px;
    }
    
    .header .block-header .phone,
    .header .block-header .email {
        display: inline-block;
        padding-left: 25px;
    }
    
    .header .block-header div {
        padding: 3px 0px;
    }
    
    .header .block-header .email {
        background: url(../../images/mail.png) no-repeat scroll 0 50%;
    }
    
    .header .block-header .email span {
        color: #e44f4f;
    }
    
    .header #search_mini_form {
        float: left;
    }
    
    .header #search_mini_form {
        display: inline-block;
    }
    
    #algolia-searchbox {
        width: 647px;
        float: left;
        margin: auto;
        background: #e4e4e4;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 3px;
        padding-right: 3px;
    }
    
    #algolia-searchbox {
        /* margin: 20px 0; */
        position: relative;
    }
    
    #algolia-searchbox label {
        display: none;
    }
    
    #algolia-autocomplete-tt.algolia-autocomplete {
        width: 100%;
        display: inline-block !important;
    }
    
    #algolia-searchbox .algolia-search-input {
        width: 526px;
        float: left;
        padding: 0px 10px 0px;
        font-style: italic;
        color: #999;
        border-top: none;
        border-bottom: none;
        border-color: #e4e4e4;
        background: #fff;
        border: 1px solid #ddd;
        margin: 0px;
        height: 45px;
    }
    
    #algolia-searchbox .clear-query-autocomplete {
        top: 2px;
        right: 2px;
    }
    
    #algolia-searchbox .magnifying-glass {
        top: 2px;
        right: 2px;
    }
    
    #algolia-searchbox .magnifying-glass {
        position: absolute;
        /* right: 10px; */
        width: 50px;
        height: 48px;
        display: block;
        /* top: 10px; */
        background: url(https://www.goodwillfireworks.in/skin/frontend/base/default/algoliasearch/search-icon.png) no-repeat #65c178 center / 20px;
    }
    
    .clear-cross {
        position: absolute;
        display: none;
        background: url(https://www.goodwillfireworks.in/skin/frontend/base/default/algoliasearch/cross-icon.png) no-repeat #65c178 center center;
        cursor: pointer;
        width: 50px;
        height: 48px;
    }
    
    .top-cart-wrapper {
        width: 115px;
    }
    
    .top-cart-wrapper {
        background: #D92B81 url(../../images/topcart.png) no-repeat 10px 50%;
        float: right;
        margin: 0px 0 0;
        text-align: center;
        padding: 5px 0;
        /* width: 170px; */
        height: 50px;
        cursor: pointer;
    }
    
    .top-cart-wrapper:hover {
        background-color: #e44f4f;
    }
    
    .top-cart-contain {
        position: relative;
        padding: 5px 0 15px 30px;
        z-index: 100001;
    }
    
    .skip-minicart {
        padding: 0px !important;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }
    
    .cart-container {
        margin-top: 8px;
        overflow: unset;
        z-index: 99999;
    }
    
    .header-cart {
        height: auto !important;
    }
    
    .header-cart {
        position: fixed;
        height: 100%;
        right: 0;
        top: 20%;
    }
    
    .header-cart .cart-btn {
        /* background: none repeat scroll 0 0 #fff; */
        border: 0 none;
        padding: 5px;
    }
    
    .btn {
        /* background: none repeat scroll 0 0 #fafafa; */
        border: 1px solid #eee;
        border-radius: 2px;
        color: #555;
        font-size: 13px;
        font-weight: 500;
        padding: 10px 12px;
    }
    
    .btn.btn-iconed>i,
    .btn.btn-iconed>span {
        display: inline-block;
        vertical-align: middle;
    }
    
    .btn.btn-iconed>i {
        color: #ff5757;
        font-size: 22px;
        padding-right: 5px;
    }
    
    .icon-tweet,
    .icon-shopcart,
    .icon-search,
    .icon-phone,
    .icon-location,
    .icon-email,
    .icon-arrow_right,
    .icon-arrow_left,
    .icon-twitter,
    .icon-skype,
    .icon-rss,
    .icon-linkedin,
    .icon-googleplus,
    .icon-facebook,
    .icon-deviantart,
    .icon-home,
    .icon-skype-2,
    .icon-twitter-2,
    .icon-rss-2,
    .icon-linkedin-2,
    .icon-googleplus-2,
    .icon-fb,
    .icon-deviantart-2,
    .icon-remove,
    .icon-zoom-in,
    .icon-zoom-out,
    .icon-ok,
    .icon-repeat,
    .icon-refresh,
    .icon-reorder,
    .icon-arrow-right,
    .icon-arrow-left,
    .icon-reply,
    .icon-forward,
    .icon-grid9,
    .icon-list,
    .icon-close {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }
    
    .icon-shopcart:before {
        content: "\e004";
    }
    
    .header-cart .cart-value {
        background: none repeat scroll 0 0 #DC1B1E;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        padding: 7px 5px;
    }
    
    
    
    .cart-items-box {
        -moz-box-shadow: 0px 0px 4px #F3F3F3;
        -webkit-box-shadow: 0px 0px 4px #f3f3f3;
        box-shadow: 0px 0px 4px #f3f3f3;
    }
    
    .cart-items-box {
        z-index: 9999;
        position: absolute;
        right: 0;
        display: block !important;
        overflow: visible !important;
        height: auto !important;
        border: 1px solid #eaeaea;
        background: #fdfdfd;
        background: -moz-linear-gradient(top, #fdfdfd 0%, #f1f1f1 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #f1f1f1));
        background: -webkit-linear-gradient(top, #fdfdfd 0%, #f1f1f1 100%);
        background: -o-linear-gradient(top, #fdfdfd 0%, #f1f1f1 100%);
        background: -ms-linear-gradient(top, #fdfdfd 0%, #f1f1f1 100%);
        background: linear-gradient(to bottom, #fdfdfd 0%, #f1f1f1 100%);
        display: block;
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f1f1f1', GradientType=0);
        border-radius: 2px;
        width: 350px;
        -webkit-transition: right .2s ease-in-out;
        transition: right .2s ease-in-out;
    }
    
    .cart-toggle {
        display: block;
        width: 35px;
        height: 35px;
        background: #D92B81 url(../../images/arrow_about.png) 0px -35px no-repeat;
        position: absolute;
        left: -35px;
        top: 0px;
    }
    
    .cart-items-box .cart-header {
        border-bottom: 1px solid #d0d0d0;
        color: #a4a4a4;
        font-size: 11px;
        margin: 10px;
        padding-bottom: 3px;
        text-align: center;
        font-family: 'Open Sans';
    }
    
    .cart-items-box .shopcart-inner {
        color: #a4a4a4;
        font-size: 11px;
        margin: 8px;
        text-align: center;
    }
    
    .top_cart:hover {
        text-decoration: none;
    }
    
    .icon-c {
        display: none;
    }
    
    #mini-cart-summary {
        /* margin-bottom: 5px; */
        width: 100%;
        max-height: 250px;
        overflow: auto;
        overflow-x: hidden;
    }
    
    .cart-items-box .items {
        clear: both;
        float: left;
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }
    
    .open.cart-items-box {
        right: -300px;
    }
    
    .mini-cart-footer {
        padding: 0em 0.6em;
        padding-top: 10px;
    }
    
    #minicartfooterid a.button {
        line-height: 17px;
        margin-bottom: 5px;
        font-weight: 500;
        padding: 10px;
        font-size: 13px;
    }
    
    .view-cart-btn {
        float: left;
        background: #D92B81 !important;
        color: #FFF !important;
    }
    
    .view-cart-btn:hover {
        background-color: rgb(45, 108, 162) !important;
    }
    
    .mini-cart-see-all {
        float: right;
        background: #65C178;
        color: #FFF;
        display: inline-block;
        padding: 10px;
    }
    
    .notification {
        color: #FFFFFF;
        display: none;
        padding: 0px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        opacity: 0.8;
        overflow: hidden;
        z-index: 10000;
    }
    
    .cart-items-box .dropdown-menus>li {
        padding: 3% 2%;
        transition: all 0.15s linear;
    }
    
    .cart-items-box .dropdown-menus li {
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        min-height: 108px;
    }
    
    .cart-items-box .dropdown-menus .item-name {
        position: relative;
        top: 3px;
        display: block;
    }
    
    .cart-items-box .dropdown-menus {
        clear: both;
        float: left;
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }
    
    .cart-items-box .dropdown-menus .item-thumbnail {
        float: left;
        overflow: hidden;
        width: 50px;
        height: 50px;
        border: 1px solid #eaeaea;
        border-radius: 2px;
        background: #fff;
        padding: 2px;
        margin-right: 20px;
    }
    
    .mini-basket-content-wrapper {
        float: left;
        text-align: left;
        width: 205px;
    }
    
    .mini-basket-content-wrapper .price {
        display: inline-block;
        margin-left: 15px;
        padding-top: 3px;
    }
    
    .mini-cart-name {
        margin-bottom: 10%;
    }
    
    .cart-items-box .dropdown-menus .item-price {
        color: #ff5757;
        font-weight: bold;
        margin-top: 10px;
        display: block;
    }
    
    .clearfix:before,
    .clearfix:after,
    .container:before,
    .container:after,
    .container-fluid:before,
    .container-fluid:after,
    .row:before,
    .row:after,
    .form-horizontal .form-group:before,
    .form-horizontal .form-group:after,
    .btn-toolbar:before,
    .btn-toolbar:after,
    .btn-group-vertical>.btn-group:before,
    .btn-group-vertical>.btn-group:after,
    .nav:before,
    .nav:after,
    .navbar:before,
    .navbar:after,
    .navbar-header:before,
    .navbar-header:after,
    .navbar-collapse:before,
    .navbar-collapse:after,
    .pager:before,
    .pager:after,
    .panel-body:before,
    .panel-body:after,
    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " ";
    }
    
    .clearfix:after,
    .container:after,
    .container-fluid:after,
    .row:after,
    .form-horizontal .form-group:after,
    .btn-toolbar:after,
    .btn-group-vertical>.btn-group:after,
    .nav:after,
    .navbar:after,
    .navbar-header:after,
    .navbar-collapse:after,
    .pager:after,
    .panel-body:after,
    .modal-footer:after {
        clear: both;
    }
    
    .qty-btngroup .minus {
        border-radius: 2px 0 0 2px;
    }
    
    .qty-btngroup .plus {
        border-radius: 0 2px 2px 0;
    }
    
    .qty-btngroup button {
        border: 0;
        background: #eaeaea;
    }
    
    .qty-btngroup button:hover {
        color: #fff;
        background: #ff5757;
    }
    
    .qty-btngroup input[type="text"] {
        border: 1px solid #eaeaea;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        text-align: center;
        font-size: 12px;
        height: 28px;
    }
    
    input.qty {
        width: 2.5em !important;
    }
    
    .qty-btngroup button,
    .qty-btngroup input[type="text"] {
        width: 30px;
        height: 28px;
        float: left;
        color: #7e7e7e;
        font-size: 12px;
    }
    
    .clearer:after,
    .header-container:after,
    .header-container .top-container:after,
    .header:after,
    .header .quick-access:after,
    #nav:after,
    .main:after,
    .footer:after,
    .footer-container .bottom-container:after,
    .col-main:after,
    .col2-set:after,
    .col3-set:after,
    .col3-layout .product-options-bottom .price-box:after,
    .col4-set:after,
    .search-autocomplete li:after,
    .block .block-content:after,
    .block .actions:after,
    .block li.item:after,
    .block-poll li:after,
    .block-layered-nav .currently li:after,
    .page-title:after,
    .products-grid:after,
    .products-list li.item:after,
    .box-account .box-head:after,
    .dashboard .box .box-title:after,
    .box-reviews li.item:after,
    .box-tags li.item:after,
    .pager:after,
    .sorter:after,
    .ratings:after,
    .add-to-box:after,
    .add-to-cart:after,
    .product-essential:after,
    .product-collateral:after,
    .product-view .product-img-box .more-views ul:after,
    .product-view .box-tags .form-add:after,
    .product-view .product-shop .short-description:after,
    .product-view .box-description:after,
    .product-options .options-list li:after,
    .product-options-bottom:after,
    .product-review:after,
    .cart:after,
    .cart-collaterals:after,
    .cart .crosssell li.item:after,
    .opc .step-title:after,
    .checkout-progress:after,
    .multiple-checkout .place-order:after,
    .group-select li:after,
    .form-list li:after,
    .form-list .field:after,
    .buttons-set:after,
    .page-print .print-head:after,
    .advanced-search-summary:after,
    .gift-messages-form .item:after,
    .send-friend .form-list li p:after {
        display: block;
        content: ".";
        clear: both;
        font-size: 0;
        line-height: 0;
        height: 0;
        overflow: hidden;
    }
    
    .btn-shopping-cart {
        border-bottom: 1px solid #ddd;
    }
    
    .dropdown-menus li .remove-btn {
        width: 20px;
        height: 20px;
        display: block;
        position: relative;
        left: 7px;
        top: 28px;
        z-index: 10000;
        font-size: 16px;
        border: none;
        background: transparent;
        color: #65c178;
    }
    
    .dropdown-menus li .remove-btn:hover {
        color: #D92B81;
    }
    /*******************MENU STYLES**********************/
    
    .nav-container {
        margin: 0 auto;
        width: 1124px;
    }
    
    .nav-container {
        position: relative;
        z-index: 9;
        letter-spacing: 0.5px;
    }
    
    .pt_custommenu {
        position: relative;
        z-index: 1000;
        font-size: 14px;
        margin: 0 auto;
        width: 101%;
        background: #f5f5f5;
    }
    
    .pt_custommenu div.pt_menu {
        float: left;
    }
    
    .pt_custommenu #pt_menu_link ul li a.act,
    .pt_custommenu div.pt_menu.act a {
        background-color: #65c178;
        color: #fff !important;
    }
    
    .pt_custommenu div.pt_menu .parentMenu a,
    .pt_custommenu div.pt_menu .parentMenu span.block-title {
        padding: 10px 15px;
        text-decoration: none;
        display: block;
        line-height: 40px;
        color: #444;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: Bold;
    }
    
    .pt_custommenu div.pt_menu .parentMenu a:hover,
    .pt_custommenu div.pt_menu .parentMenu span.block-title:hover,
    .pt_custommenu #pt_menu_link ul li a:hover,
    .pt_custommenu div.pt_menu.active .parentMenu a,
    .pt_custommenu div.pt_menu.active .parentMenu span.block-title {
        background-color: #e44f4f;
        cursor: pointer;
        color: #fff;
    }
    
    #pt_menu_quick {
        display: none !important;
    }
    
    .pt_custommenu div.pt_menu {
        float: left;
    }
    
    #popup_pt_item_menu_all_store {
        width: 1140px !important;
        padding: 0 10px;
    }
    
    .pt_custommenu div.popup {
        border-bottom: 3px solid #65c178;
        margin-top: -3px;
    }
    
    .pt_custommenu div.popup {
        position: absolute;
        background-color: #fff;
        text-align: left;
        padding: 0 20px;
        margin: 0;
    }
    
    .pt_custommenu #block2_pt_item_menu_all_store {
        padding: 10px 0;
    }
    
    .pt_custommenu .block2 {
        /* padding: 20px 0; */
    }
    
    .cattop-title {
        display: none;
    }
    
    .all-items {
        width: 80%;
        float: left;
    }
    
    .cattop .cat_level_top {
        width: 33%;
        display: inline-block;
        padding: 0 10px 5px;
        border-bottom: 1px dashed #ededed;
    }
    
    .catgrid li {
        border-right: 1px dashed #ededed;
    }
    
    .cattop .catgrid:last-child .cat_level_top .cattop-item {
        border-bottom: 0;
    }
    
    .cattop .cat_level_top .cattop-item {
        padding: 25px 0;
        float: left;
        width: 100%;
        border-bottom: 1px dashed #ededed;
    }
    
    .cattop .cat_level_top .cattop-item {
        padding: 5px 0 !important;
    }
    
    .pt_custommenu div.popup a {
        text-decoration: none;
        display: block;
        line-height: 32px;
    }
    
    .cattop .cat_level_top a {
        /* display: block;
    float: left; */
    }
    
    .cattop .cat_level_top a {
        width: 100%;
        float: none !important;
        text-align: center;
    }
    
    .cat_level_top .cattop-item .image {
        display: block;
    }
    
    .cat_level_top .cattop-item .image {
        margin: 0 auto;
        float: none;
        /*height: 183px;*/
    }
    
    .cattop .cat_level_top a img {
        background: #f0f0f0;
        float: left;
        margin-right: 10px;
    }
    
    .cat_level_top .cattop-item .imagehover {
        display: none;
    }
    
    .cattop .cat_level_top span {
        font-size: 16px;
        font-family: 'Open Sans';
        font-weight: Bold;
        text-transform: uppercase;
        color: #444;
    }
    
    .cattop .cat_level_top span {
        display: block;
        width: 100%;
        clear: both;
        text-align: center;
        margin-top: -30px;
        background: rgba(255, 255, 255, 0.8) !important;
        font-size: 18px !important;
        position: relative;
        color: #35a74d !important;
    }
    
    .gift-div {
        width: 20%;
        float: left;
    }
    
    .gift-div .cat_level_top {
        width: 100% !important;
    }
    
    .cattop .gift-div .cat_level_top a img {
        float: none;
    }
    
    .pt_custommenu #pt_menu_link {
        padding: 0;
    }
    
    .pt_custommenu #pt_menu_link .parentMenu ul li {
        float: left;
        list-style: none;
    }
    
    .pt_custommenu #pt_menu_link .parentMenu ul li a {
        float: left;
        padding: 10px 15px;
        line-height: 40px;
        display: block;
    }
    
    .pt_custommenu .clearBoth {
        clear: both;
    }
    /**********************LOGIN STYLES********************/
    
    .account-login .list-group {
        display: none;
    }
    
    .bg {
        background: #fff;
        box-shadow: 5px 0 3px -3px #ededed, -5px 0 3px -3px #ededed;
        padding-top: 20px;
        padding-bottom: 28px;
    }
    
    .page-title {
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #ededed;
        margin: 0 0 25px;
        padding-bottom: 10px;
    }
    
    .page-title h1,
    .page-title h2 {
        margin: 10px 0 0;
        font-size: 23px;
        color: #444;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    .content {
        min-height: 353px !important;
        padding: 14px 21px;
        border: 1px solid #ededed;
        border-bottom: 0;
        margin-bottom: 0px;
    }
    
    .account-login .new-users h2 {
        background: url(../../images/i_page1.gif) no-repeat;
    }
    
    .account-login .content h2 {
        font-weight: normal;
        font-size: 16px;
        font-weight: Bold;
        margin: 0 0 14px;
        padding: 0 0 5px 23px;
        border-bottom: 1px solid #ededed;
        background-position: 0 1px;
        background-repeat: no-repeat;
        text-transform: uppercase;
        color: #666;
    }
    
    .account-login .new-users img {
        width: 380px;
        height: 200px;
        text-align: center;
        display: block;
        margin: 0 auto;
    }
    
    .account-login .buttons-set {
        border: 1px solid #ededed;
        margin: 0;
        padding: 14px 13px;
    }
    
    .account-login .buttons-set,
    .block-progress dd.complete {
        border-bottom-left-radius: 4px;
    }
    
    .buttons-set button.button {
        float: right;
        /* margin-top: -23px; */
    }
    
    button.button {
        overflow: visible;
        width: auto;
        border: 0;
        padding: 0;
        margin: 0;
        background: transparent;
        cursor: pointer;
    }
    
    button.button span {
        display: block;
        background: #65c178;
        padding: 3px 10px;
        font-size: 18px;
        font-weight: Bold;
        line-height: 34px;
        text-align: center;
        white-space: nowrap;
        color: #fff;
        text-transform: capitalize;
        border-radius: 3px;
    }
    
    button.button:hover span {
        background-color: #e44f4f;
    }
    
    .account-login .registered-users h2 {
        background-image: url(../../images/i_page2.gif);
    }
    
    .form-control {
        height: auto !important;
        padding: 5px !important;
        background: #fff;
        border: 1px solid #ddd !important;
    }
    
    .form-list label {
        float: left;
        color: #666;
        font-weight: normal;
        position: relative;
        z-index: 0;
    }
    
    .form-list .input-box {
        display: block;
        clear: both;
        width: 260px;
    }
    
    .form-list input.input-text {
        width: 100%;
    }
    
    input.input-text,
    select,
    textarea {
        background: #fff;
        border: 1px solid #ddd;
    }
    
    .cus-password {
        position: relative;
    }
    
    .cus-password span {
        position: absolute;
        width: 8%;
        right: 5%;
        top: 10%;
    }
    
    p.required {
        font-size: 11px;
        text-align: right;
        color: #EB340A;
    }
    
    .account-login .buttons-set1 {
        border: 1px solid #ededed;
        margin: 0;
        padding: 24px 13px;
    }
    
    .buttons-set1 button.button {
        float: right;
        margin-top: -13px;
    }
    
    a:hover {
        color: #D92B81;
        text-decoration: underline;
    }
    
    .validation-advice {
        clear: both;
        min-height: 13px;
        margin: 3px 0 0;
        padding-left: 17px;
        font-size: 11px;
        font-weight: bold;
        line-height: 13px;
        background: url(../../images/validation_advice_bg.gif) 2px 0 no-repeat;
        color: #eb340a;
    }
    
    .btn-primary {
        background: #65c178 !important;
        border: none;
        color: white;
        font-weight: bold;
    }
    
    .btn-primary:hover {
        background: #e44f4f !important;
        border: none;
    }
    
    .cr {
        font-size: 18px !important;
        text-transform: capitalize;
    }
    /*********************************FORGET PW STYLES************************/
    
    .account-forgotten .list-group {
        display: none;
    }
    
    .account-forgotten .col1-layout .col-main {
        float: none;
        width: auto;
    }
    
    .account-forgotten .page-title {
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #ededed;
        margin: 0 0 25px;
        padding-bottom: 10px;
    }
    
    .account-forgotten .page-title h1,
    .page-title h2 {
        margin: 10px 0 0;
        font-size: 23px;
        color: #444;
        text-transform: uppercase;
        font-weight: Bold;
    }
    
    .fieldset {
        border: 1px solid #ededed;
        background: #fff;
        padding: 22px 25px 12px 33px;
        margin: 28px 0;
    }
    
    .fieldset .legend {
        float: left;
        font-weight: bold;
        font-size: 13px;
        border: 1px solid #ddd;
        background: #fff;
        color: #333;
        margin: -35px 0 0 -10px;
        padding: 3px 10px;
        position: relative;
    }
    
    .form-list .field {
        float: left;
        width: 275px;
    }
    
    .fieldset {
        border: 1px solid #ededed;
        background: #fff;
        padding: 22px 25px 12px 33px;
        margin: 28px 0;
    }
    
    .form-list label {
        float: left;
        color: #666;
        font-weight: normal;
        position: relative;
        z-index: 0;
    }
    
    .form-list .input-box {
        display: block;
        clear: both;
        width: 260px;
    }
    
    .account-reset .form-list input.input-text {
        width: 100%;
        height: 29px;
    }
    
    .account-reset input.input-text,
    textarea {
        padding: 5px;
    }
    
    .form-list input.input-text {
        width: 100%x;
    }
    
    input.input-text,
    textarea {
        padding: 5px;
    }
    
    input.input-text,
    select,
    textarea {
        background: #fff;
        border: 1px solid #ddd;
    }
    
    .clearer:after,
    .header-container:after,
    .header-container .top-container:after,
    .header:after,
    .header .quick-access:after,
    #nav:after,
    .main:after,
    .footer:after,
    .footer-container .bottom-container:after,
    .col-main:after,
    .col2-set:after,
    .col3-set:after,
    .col3-layout .product-options-bottom .price-box:after,
    .col4-set:after,
    .search-autocomplete li:after,
    .block .block-content:after,
    .block .actions:after,
    .block li.item:after,
    .block-poll li:after,
    .block-layered-nav .currently li:after,
    .page-title:after,
    .products-grid:after,
    .products-list li.item:after,
    .box-account .box-head:after,
    .dashboard .box .box-title:after,
    .box-reviews li.item:after,
    .box-tags li.item:after,
    .pager:after,
    .sorter:after,
    .ratings:after,
    .add-to-box:after,
    .add-to-cart:after,
    .product-essential:after,
    .product-collateral:after,
    .product-view .product-img-box .more-views ul:after,
    .product-view .box-tags .form-add:after,
    .product-view .product-shop .short-description:after,
    .product-view .box-description:after,
    .product-options .options-list li:after,
    .product-options-bottom:after,
    .product-review:after,
    .cart:after,
    .cart-collaterals:after,
    .cart .crosssell li.item:after,
    .opc .step-title:after,
    .checkout-progress:after,
    .multiple-checkout .place-order:after,
    .group-select li:after,
    .form-list li:after,
    .form-list .field:after,
    .buttons-set:after,
    .page-print .print-head:after,
    .advanced-search-summary:after,
    .gift-messages-form .item:after,
    .send-friend .form-list li p:after {
        display: block;
        content: ".";
        clear: both;
        font-size: 0;
        line-height: 0;
        height: 0;
        overflow: hidden;
    }
    
    .account-forgotten input.input-text {
        height: 28px;
    }
    
    .account-forgotten select:focus,
    textarea:focus,
    textarea:hover,
    input[type="text"]:focus,
    input[type="text"]:hover,
    input[type="password"]:focus,
    input[type="password"]:hover,
    input[type="datetime"]:focus,
    input[type="datetime"]:hover,
    input[type="datetime-local"]:focus,
    input[type="datetime-local"]:hover,
    input[type="date"]:focus,
    input[type="date"]:hover,
    input[type="month"]:focus,
    input[type="month"]:hover,
    input[type="time"]:focus,
    input[type="time"]:hover,
    input[type="week"]:focus,
    input[type="week"]:hover,
    input[type="number"]:focus,
    input[type="number"]:hover,
    input[type="email"]:focus,
    input[type="email"]:hover,
    input[type="url"]:focus,
    input[type="url"]:hover,
    input[type="search"]:focus,
    input[type="search"]:hover,
    input[type="tel"]:focus,
    input[type="tel"]:hover,
    input[type="color"]:focus,
    input[type="color"]:hover,
    .uneditable-input:focus,
    .uneditable-input:hover {
        background: transparent;
    }
    
    .account-forgotten .buttons-set {
        clear: both;
        margin: 4em 0 0;
        padding: 8px 0 0;
        border-top: 1px solid #e4e4e4;
        text-align: right;
    }
    
    .buttons-set p.required {
        margin: 0 0 10px;
    }
    
    .account-forgotten p.required {
        font-size: 11px;
        text-align: right;
        color: #EB340A;
    }
    
    .buttons-set .back-link {
        float: left;
        margin: 0;
    }
    
    a {
        color: #65c178;
        text-decoration: none;
    }
    
    a:hover {
        color: #D92B81;
        text-decoration: underline;
    }
    
    .buttons-set button.button {
        float: right;
        margin-left: 5px;
    }
    
    button.button {
        overflow: visible;
        width: auto;
        border: 0;
        padding: 0;
        margin: 0;
        background: transparent;
        cursor: pointer;
    }
    
    button.button span {
        display: block;
        background: #65c178;
        padding: 5px 20px;
        border-radius: 3px;
        font-size: 18px;
        font-family: 'Open Sans';
        font-weight: Bold;
    }
    
    .account-forgotten .buttons-set .back-link {
        float: left;
        margin: 0;
    }
    
    a {
        color: #65c178;
        text-decoration: none;
    }
    
    a:hover {
        color: #D92B81;
        text-decoration: underline;
    }
    
    button.button span {
        display: block;
        background: #65c178;
        padding: 3px 12px;
        font-size: 18px;
        font-weight: Bold;
        border-radius: 4px;
        line-height: 34px;
        text-align: center;
        white-space: nowrap;
        color: #fff;
        text-transform: capitalize;
    }
    
    button.button span span {
        border: 0;
        padding: 0;
    }
    
    button.button:hover span {
        background-color: #e44f4f;
    }
    
    .account-forgotten .buttons-set button.button {
        float: right;
        margin-left: 5px;
    }
    
    .account-forgotten button.button {
        overflow: visible;
        width: auto;
        border: 0;
        padding: 0;
        margin: 0;
        background: transparent;
        cursor: pointer;
    }
    /************************EDIT ADDRESS STYLES*************************/
    
    .form-list .field {
        float: left;
        width: 275px;
    }
    
    .form-list label.control-label em {
        float: right;
        font-style: normal;
        color: #eb340a;
        position: absolute;
        /* top: 0; */
        right: -8px;
    }
    
    .form-list .input-box {
        display: block;
        clear: both;
        width: 260px;
    }
    
    .form-list input.input-text {
        width: 100%;
        height: 28px;
    }
    
    input.input-text,
    textarea {
        padding: 5px;
    }
    
    input.input-text,
    select,
    textarea {
        background: #fff;
        border: 1px solid #ddd;
    }
    
    .form-list li.wide .input-box {
        width: 535px;
    }
    
    .form-list li.wide input.input-text {
        width: 529px;
    }
    
    select:focus,
    textarea:focus,
    textarea:hover,
    input[type="text"]:focus,
    input[type="text"]:hover,
    input[type="password"]:focus,
    input[type="password"]:hover,
    input[type="datetime"]:focus,
    input[type="datetime"]:hover,
    input[type="datetime-local"]:focus,
    input[type="datetime-local"]:hover,
    input[type="date"]:focus,
    input[type="date"]:hover,
    input[type="month"]:focus,
    input[type="month"]:hover,
    input[type="time"]:focus,
    input[type="time"]:hover,
    input[type="week"]:focus,
    input[type="week"]:hover,
    input[type="number"]:focus,
    input[type="number"]:hover,
    input[type="email"]:focus,
    input[type="email"]:hover,
    input[type="url"]:focus,
    input[type="url"]:hover,
    input[type="search"]:focus,
    input[type="search"]:hover,
    input[type="tel"]:focus,
    input[type="tel"]:hover,
    input[type="color"]:focus,
    input[type="color"]:hover,
    .uneditable-input:focus,
    .uneditable-input:hover {
        background: transparent;
    }
    
    .form-list li {
        margin: 0 0 8px;
    }
    
    .form-list select {
        width: 260px;
    }
    
    select {
        padding: 4px;
    }
    
    .fieldset1 {
        padding: 10px 25px 3px 21px;
    }
    
    .buttons-set p.required {
        margin: 0 0 10px;
    }
    
    .mt {
        margin-top: 1em !important;
    }
    
    .btn1 {
        color: #fff !important;
        text-transform: capitalize !important;
        font-weight: 600 !important;
    }
    
    .btn-info {
        background: #65c178 !important;
        border-radius: 2px;
    }
    /**************************NEWSLETTER SUBSCIBE STYLES*******************************/
    
    .col-main {
        background: #fff;
        box-shadow: 5px 0 3px -3px #ededed, -5px 0 3px -3px #ededed;
        padding-top: 20px;
        padding-bottom: 28px;
    }
    
    .page-title {
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #ededed;
        margin: 0 0 25px;
        padding-bottom: 10px;
    }
    
    .page-title h1,
    .page-title h2 {
        margin: 10px 0 0;
        font-size: 23px;
        color: #444;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    .content {
        min-height: 353px !important;
        padding: 14px 21px;
        border: 1px solid #ededed;
        border-bottom: 0;
        margin-bottom: 0px;
    }
    
    .account-login .new-users h2 {
        background: url(../../images/i_page1.gif) no-repeat;
    }
    
    .account-login .content h2 {
        font-weight: normal;
        font-size: 16px;
        font-weight: Bold;
        margin: 0 0 14px;
        padding: 0 0 5px 23px;
        border-bottom: 1px solid #ededed;
        background-position: 0 1px;
        background-repeat: no-repeat;
        text-transform: uppercase;
        color: #666;
    }
    
    .account-login .new-users img {
        width: 380px;
        height: 200px;
        text-align: center;
        display: block;
        margin: 0 auto;
    }
    
    .account-login .buttons-set,
    .block-progress dd.complete {
        border-bottom-left-radius: 4px;
    }
    
    .buttons-set button.button {
        float: right;
        /* margin-top: -23px; */
        font-weight: Bold;
    }
    
    .fieldset {
        border: 1px solid #ededed;
        background: #fff;
        padding: 22px 25px 12px 33px;
        margin: 28px 0;
    }
    
    .fieldset .legend {
        float: left;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 13px;
        border: 1px solid #ddd;
        background: #fff;
        color: #333;
        margin: -35px 0 0 -10px;
        padding: 3px 10px;
        position: relative;
    }
    
    .form-list label {
        float: left;
        color: #666;
        font-weight: normal;
        position: relative;
        z-index: 0;
    }
    
    .clearer:after,
    .header-container:after,
    .header-container .top-container:after,
    .header:after,
    .header .quick-access:after,
    #nav:after,
    .main:after,
    .footer:after,
    .footer-container .bottom-container:after,
    .col-main:after,
    .col2-set:after,
    .col3-set:after,
    .col3-layout .product-options-bottom .price-box:after,
    .col4-set:after,
    .search-autocomplete li:after,
    .block .block-content:after,
    .block .actions:after,
    .block li.item:after,
    .block-poll li:after,
    .block-layered-nav .currently li:after,
    .page-title:after,
    .products-grid:after,
    .products-list li.item:after,
    .box-account .box-head:after,
    .dashboard .box .box-title:after,
    .box-reviews li.item:after,
    .box-tags li.item:after,
    .pager:after,
    .sorter:after,
    .ratings:after,
    .add-to-box:after,
    .add-to-cart:after,
    .product-essential:after,
    .product-collateral:after,
    .product-view .product-img-box .more-views ul:after,
    .product-view .box-tags .form-add:after,
    .product-view .product-shop .short-description:after,
    .product-view .box-description:after,
    .product-options .options-list li:after,
    .product-options-bottom:after,
    .product-review:after,
    .cart:after,
    .cart-collaterals:after,
    .cart .crosssell li.item:after,
    .opc .step-title:after,
    .checkout-progress:after,
    .multiple-checkout .place-order:after,
    .group-select li:after,
    .form-list li:after,
    .form-list .field:after,
    .buttons-set:after,
    .page-print .print-head:after,
    .advanced-search-summary:after,
    .gift-messages-form .item:after,
    .send-friend .form-list li p:after {
        display: block;
        content: ".";
        clear: both;
        font-size: 0;
        line-height: 0;
        height: 0;
        overflow: hidden;
    }
    
    .buttons-set {
        clear: both;
        margin: 4em 0 0;
        padding: 8px 0 0;
        border-top: 1px solid #e4e4e4;
        text-align: right;
    }
    
    .buttons-set .back-link {
        float: left;
        margin: 0;
    }
    
    p.required {
        font-size: 11px;
        text-align: right;
        color: #EB340A;
    }
    
    a {
        color: #65c178;
        text-decoration: none;
    }
    
    a:hover {
        color: #D92B81;
    }
    
    .buttons-set button.button {
        float: right;
        margin-left: 5px;
    }
    
    button.button {
        overflow: visible;
        width: auto;
        border: 0;
        padding: 0;
        margin: 0;
        background: transparent;
        cursor: pointer;
    }
    
    button.button span {
        display: block;
        background: #65c178;
        padding: 3px 10px;
        font-size: 18px;
        font-weight: Bold;
        padding: 5px 20px;
        border-radius: 3px;
        font-size: 18px;
        font-weight: Bold;
        font-family: 'Open Sans';
        line-height: 34px;
        text-align: center;
        white-space: nowrap;
        color: #fff;
        text-transform: capitalize;
        border-radius: 3px;
    }
    
    button.button:hover span {
        background-color: #e44f4f;
    }
    
    .account-login .registered-users h2 {
        background-image: url(../../images/i_page2.gif);
    }
    
    .form-control {
        height: auto !important;
        padding: 5px !important;
        background: #fff;
        border: 1px solid #ddd !important;
    }
    
    .form-list label {
        float: left;
        color: #666;
        font-weight: normal;
        position: relative;
        z-index: 0;
    }
    
    .form-list .input-box {
        display: block;
        clear: both;
        width: 260px;
    }
    
    .form-list input.input-text {
        width: 100%;
    }
    /* .account-login input.input-text, textarea {
    padding: 5px !important;
} */
    
    input.input-text,
    select,
    textarea {
        background: #fff;
        border: 1px solid #ddd;
    }
    
    .cus-password {
        position: relative;
    }
    
    .cus-password span {
        position: absolute;
        width: 8%;
        right: 5%;
        top: 10%;
    }
    
    p.required {
        font-size: 11px;
        text-align: right;
        color: #EB340A;
    }

    #refral_value {
    margin-left: 20px;
    }

    .ptop-15 {
    padding-top: 15px;
    }

    p.earn-ref {
        text-align: unset;
        margin-left: 20px;
        padding: 5px 0 0;
    }

    .account-login .buttons-set1 {
        border: 1px solid #ededed;
        margin: 0;
        padding: 24px 13px;
    }
    
    .buttons-set1 button.button {
        float: right;
        margin-top: -13px;
    }
    
    a:hover {
        color: #D92B81;
        text-decoration: underline;
    }
    /**********************************REGISTER PAGE STYLES*********************/
    
    .account-register .list-group {
        display: none;
    }
    
    .account-register {
        background: white;
    }
    
    .validation-advice {
        clear: both;
        min-height: 13px;
        margin: 3px 0 0;
        padding-left: 17px;
        font-size: 11px;
        font-weight: bold;
        line-height: 13px;
        background: url(../../images/validation_advice_bg.gif) 2px 0 no-repeat;
        color: #eb340a;
    }
    
    .buttons-set2 {
        clear: both;
        margin: 3em 0 0;
        padding: 8px 0 0;
        border-top: 1px solid #e4e4e4;
        text-align: right;
    }
    /***********************LOGIN MOB VIEW********************/
    
    @media (max-width: 767px) {
        .account-login .page-title h1,
        .page-title h2 {
            font-size: 20px;
        }
    }
    /******************************P/W STYLES***********************/
    
    .account-password .page-title {
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #ededed;
        margin: 0 0 25px;
        padding-bottom: 10px;
    }
    
    .account-password .page-title h1,
    .page-title h2 {
        margin: 10px 0 0;
        font-size: 23px;
        color: #444;
        text-transform: uppercase;
        font-weight: Bold;
    }
    
    .fieldset {
        border: 1px solid #ededed;
        background: #fff;
        padding: 22px 25px 12px 33px;
        margin: 28px 0;
    }
    
    .account-password .fieldset .legend {
        float: left;
        font-weight: bold;
        font-size: 13px;
        border: 1px solid #ddd;
        background: #fff;
        color: #333;
        margin: -35px 0 0 -10px;
        padding: 3px 10px;
        position: relative;
    }
    
    .form-list li {
        margin: 0 0 8px;
    }
    
    .form-list .field {
        float: left;
        width: 275px;
    }
    
    .account-password .fieldset {
        border: 1px solid #ededed;
        background: #fff;
        padding: 22px 25px 12px 33px;
        margin: 28px 0;
    }
    
    .form-list li {
        margin: 0 0 8px;
    }
    
    .account-password .form-list label {
        float: left;
        color: #666;
        font-weight: normal;
        position: relative;
        z-index: 0;
    }
    
    .account-password .form-list label.control-label em {
        float: right;
        font-style: normal;
        color: #eb340a;
        position: absolute;
        top: 0;
        right: -8px;
    }
    
    .form-list .input-box {
        display: block;
        clear: both;
        width: 260px;
    }
    
    .account-password .form-list input.input-text {
        width: 100%;
        height: 28px;
    }
    
    .account-password input.input-text,
    textarea {
        padding: 5px;
    }
    
    .account-password input.input-text,
    select,
    textarea {
        background: #fff;
        border: 1px solid #ddd;
    }
    
    .form-list .field {
        float: left;
        width: 275px;
    }
    
    .clearer:after,
    .header-container:after,
    .header-container .top-container:after,
    .header:after,
    .header .quick-access:after,
    #nav:after,
    .main:after,
    .footer:after,
    .footer-container .bottom-container:after,
    .col-main:after,
    .col2-set:after,
    .col3-set:after,
    .col3-layout .product-options-bottom .price-box:after,
    .col4-set:after,
    .search-autocomplete li:after,
    .block .block-content:after,
    .block .actions:after,
    .block li.item:after,
    .block-poll li:after,
    .block-layered-nav .currently li:after,
    .page-title:after,
    .products-grid:after,
    .products-list li.item:after,
    .box-account .box-head:after,
    .dashboard .box .box-title:after,
    .box-reviews li.item:after,
    .box-tags li.item:after,
    .pager:after,
    .sorter:after,
    .ratings:after,
    .add-to-box:after,
    .add-to-cart:after,
    .product-essential:after,
    .product-collateral:after,
    .product-view .product-img-box .more-views ul:after,
    .product-view .box-tags .form-add:after,
    .product-view .product-shop .short-description:after,
    .product-view .box-description:after,
    .product-options .options-list li:after,
    .product-options-bottom:after,
    .product-review:after,
    .cart:after,
    .cart-collaterals:after,
    .cart .crosssell li.item:after,
    .opc .step-title:after,
    .checkout-progress:after,
    .multiple-checkout .place-order:after,
    .group-select li:after,
    .form-list li:after,
    .form-list .field:after,
    .buttons-set:after,
    .page-print .print-head:after,
    .advanced-search-summary:after,
    .gift-messages-form .item:after,
    .send-friend .form-list li p:after {
        display: block;
        content: ".";
        clear: both;
        font-size: 0;
        line-height: 0;
        height: 0;
        overflow: hidden;
    }
    
    .account-password .buttons-set {
        clear: both;
        margin: 4em 0 0;
        padding: 8px 0 0;
        border-top: 1px solid #e4e4e4;
        text-align: right;
    }
    
    .buttons-set p.required {
        margin: 0 0 10px;
    }
    
    .buttons-set .back-link {
        float: left;
        margin: 0;
    }
    
    .buttons-set2 .back-link {
        float: left;
        margin: 0;
    }
    
    small,
    big {
        font-size: 1em;
    }
    
    button.button span span {
        border: 0;
        padding: 0;
    }
    
    #content {
        padding: 0px 15px;
    }
    
    .col1-layout .col-main {
        float: none;
        width: auto;
    }
    
    input[type=checkbox],
    input[type=radio] {
        margin: 4px 0 0;
    }
    
    .account-password .buttons-set p.required {
        margin: 0 0 10px;
    }
    
    .account-password p.required {
        font-size: 11px;
        text-align: right;
        color: #EB340A;
    }
    
    a {
        color: #65c178;
        text-decoration: none;
    }
    
    a:hover {
        color: #D92B81;
        text-decoration: underline;
    }
    
    .buttons-set button.button {
        float: right;
        margin-left: 5px;
    }
    
    .account-password .buttons-set .back-link {
        float: left;
        margin: 0;
    }
    
    .account-password .buttons-set button.button {
        float: right;
        margin-left: 5px;
    }
    
    .account-password button.button {
        overflow: visible;
        width: auto;
        border: 0;
        padding: 0;
        margin: 0;
        background: transparent;
        cursor: pointer;
    }
    
    button.button span {
        display: block;
        background: #65c178;
        padding: 5px 20px;
        border-radius: 3px;
        font-size: 18px;
        font-weight: Bold;
    }
    
    .account-password button.button span {
        display: block;
        background: #65c178;
        padding: 3px 14px;
        border-radius: 4px;
        font-size: 18px;
        font-family: 'Open Sans';
        font-weight: Bold;
        line-height: 34px;
        text-align: center;
        white-space: nowrap;
        color: #fff;
        text-transform: capitalize;
    }
    
    button.button:hover span {
        background-color: #e44f4f;
    }
    
    .btn-primary {
        background: #65c178 !important;
        border: none;
    }
    
    .btn-primary:hover {
        background: #e44f4f !important;
        border: none;
    }
    
    button.button:hover span {
        background-color: #e44f4f;
    }
    /*********************************CONTACTUS STYLES*************************/
    
    .information-contact .fieldset {
        border: 1px solid #ededed;
        background: #fff;
        padding: 22px 25px 12px 33px;
        margin: 28px 0;
    }
    
    .information-contact .fieldset .legend {
        float: left;
        font-weight: bold;
        font-size: 13px;
        border: 1px solid #ddd;
        background: #fff;
        color: #333;
        margin: -35px 0 0 -10px;
        padding: 3px 10px;
        position: relative;
    }
    
    #map-canvas {
        border: var(--map-canvas-border);
        height: 513px;
        width: 100%;
        margin: 27px 0 10px;
    }
    
    .current-name {
        display: none;
    }
    
    .breadcrumbs .container {
        padding-left: 15px !important;
    }
    
    .information-contact input.input-text,
    textarea {
        padding: 5px;
        width: 100%;
    }
    
    .information-contact input.input-text,
    select,
    textarea {
        background: #fff;
        border: 1px solid #ddd;
    }
    
    .information-contact input.input-text {
        /* height: 29px; */
    }
    
    .information-contact select:focus,
    textarea:focus,
    textarea:hover,
    input[type="text"]:focus,
    input[type="text"]:hover,
    input[type="password"]:focus,
    input[type="password"]:hover,
    input[type="datetime"]:focus,
    input[type="datetime"]:hover,
    input[type="datetime-local"]:focus,
    input[type="datetime-local"]:hover,
    input[type="date"]:focus,
    input[type="date"]:hover,
    input[type="month"]:focus,
    input[type="month"]:hover,
    input[type="time"]:focus,
    input[type="time"]:hover,
    input[type="week"]:focus,
    input[type="week"]:hover,
    input[type="number"]:focus,
    input[type="number"]:hover,
    input[type="email"]:focus,
    input[type="email"]:hover,
    input[type="url"]:focus,
    input[type="url"]:hover,
    input[type="search"]:focus,
    input[type="search"]:hover,
    input[type="tel"]:focus,
    input[type="tel"]:hover,
    input[type="color"]:focus,
    input[type="color"]:hover,
    .uneditable-input:focus,
    .uneditable-input:hover {
        background: transparent;
    }
    
    .buttons-set button.button {
        float: right;
        margin-left: 5px;
    }
    
    button.button {
        overflow: visible;
        width: auto;
        border: 0;
        padding: 0;
        margin: 0;
        background: transparent;
        cursor: pointer;
    }
    
    button.button:hover span {
        background-color: #e44f4f;
    }
    
    button.button span {
        display: block;
        background: #65c178;
        padding: 5px 20px;
        border-radius: 4px;
        font-size: 18px;
        font-family: 'Open Sans' !important;
        line-height: 34px;
        text-align: center;
        white-space: nowrap;
        color: #fff;
        text-transform: capitalize;
    }
    
    .clearfix:before,
    .clearfix:after,
    .container:before,
    .container:after,
    .container-fluid:before,
    .container-fluid:after,
    .row:before,
    .row:after,
    .form-horizontal .form-group:before,
    .form-horizontal .form-group:after,
    .btn-toolbar:before,
    .btn-toolbar:after,
    .btn-group-vertical>.btn-group:before,
    .btn-group-vertical>.btn-group:after,
    .nav:before,
    .nav:after,
    .navbar:before,
    .navbar:after,
    .navbar-header:before,
    .navbar-header:after,
    .navbar-collapse:before,
    .navbar-collapse:after,
    .pager:before,
    .pager:after,
    .panel-body:before,
    .panel-body:after,
    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " ";
    }
    /*****************************HOME BANNER STYLES***********************/
    
    .cms-home .top_cat_page {
        display: block;
    }
    
    .top_cat_page {
        /* display: none; */
        background: #FFF;
        box-shadow: 0 2px 15px rgb(0 0 0 / 30%);
        overflow: hidden;
        margin: 0 15px;
        font-size: 13px;
    }
    
    .cat {
        border: 1px solid #EBEBEB;
        padding: 10px;
        border-bottom: none;
        border-right: none;
    }
    
    .cat h3 {
        padding-left: 23px;
        font-size: 19px;
        font-family: 'open sans';
    }
    
    .cont-header {
        color: #ee3126;
        padding-left: 34px !important;
    }
    
    .content-header {
        color: #ee3126;
    }
    
    .cat-inner {
        padding-left: 30px;
    }
    
    .clearfix:before,
    .clearfix:after,
    .container:before,
    .container:after,
    .container-fluid:before,
    .container-fluid:after,
    .row:before,
    .row:after,
    .form-horizontal .form-group:before,
    .form-horizontal .form-group:after,
    .btn-toolbar:before,
    .btn-toolbar:after,
    .btn-group-vertical>.btn-group:before,
    .btn-group-vertical>.btn-group:after,
    .nav:before,
    .nav:after,
    .navbar:before,
    .navbar:after,
    .navbar-header:before,
    .navbar-header:after,
    .navbar-collapse:before,
    .navbar-collapse:after,
    .pager:before,
    .pager:after,
    .panel-body:before,
    .panel-body:after,
    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " ";
    }
    
    .pull-left {
        float: left !important;
    }
    
    .inner-content li {
        list-style-image: url(../../images/tt-cp-blt.png);
        margin-left: 20px;
        margin-bottom: 3.5px;
    }
    
    .inner-content a {
        color: #474747;
        text-decoration: none !important;
        word-break: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 16px;
        max-height: 32px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    
    .inner-content a:hover {
        color: #ee3126;
        text-decoration: none !important;
    }
    
    .corner-icn {
        position: absolute;
        z-index: 2;
        right: -15px;
        margin-top: -3px;
        -webkit-transform: translateX(-4%);
        -ms-transform: translateX(-100%);
        transform: translateX(-123%);
    }
    
    .btn-read {
        width: 83px;
        height: 25px;
        padding: 0px !important;
        font-size: 11px !important;
        border-radius: 0px !important;
        color: white;
        background-color: #a2a2a2 !important;
        margin-top: 14px !important;
        margin-bottom: 22px !important;
    }
    
    .btn-read:hover {
        color: white !important;
        background-color: #ee3126 !important;
    }
    
    .banner-static-contain {
        background: #fff;
        padding: 35px 0;
        border-bottom: 1px solid #ededed;
    }
    
    .cms-home .banner-static-contain {
        display: block;
    }
    
    .home-banner-static .banner-box {
        padding: 10px 0;
        text-align: center;
    }
    /*****************************TESTIMONIALS STYLES******************************/
    /* .breadcrumbs {
    font-size: 14px;
    line-height: 32px;
    padding: 0 0 15px;
} */
    
    .breadcrumb>li+li:before {
        content: "/\00a0";
    }
    
    .std .testimonials {
        width: 25%;
        float: left;
        height: 470px;
    }
    
    .std .testimonials .col-sm-3 {
        width: 100%;
    }
    
    .std .testimonials .col-sm-3 .img-c {
        width: 100%;
    }
    /*.home-testi .owl2-carousel .owl2-item{width: 50%;}*/
    
    .home-testi {
        padding-bottom: 50px;
    }
    
    .mb {
        margin-bottom: 9px;
    }
    
    .pl-0 {
        padding-left: 0px;
    }
    
    .account-success .row .col-sm-9,
    .checkout-success .row .col-sm-9 {
        background: #fff;
        box-shadow: 5px 0 3px -3px #ededed, -5px 0 3px -3px #ededed;
        padding-top: 20px !important;
        padding-bottom: 28px !important;
    }
    
    .account-success #content h1,
    .checkout-success #content h1 {
        font-size: 23px;
        color: #444;
    }
    
    .account-wishlist .row .col-sm-9,
    .account-download .row .col-sm-9,
    .account-reward .row .col-sm-9,
    .account-logout .row .col-sm-9,
    .account-return-add .row .col-sm-9,
    .account-return-success .row .col-sm-9,
    .account-return .row .col-sm-9,
    .account-return-info .row .col-sm-9,
    .product-compare .row .col-sm-9 {
        background: #fff;
        box-shadow: 5px 0 3px -3px #ededed, -5px 0 3px -3px #ededed;
        padding-top: 20px !important;
        padding-bottom: 28px !important;
    }
    /*.acc-good3 a:nth-child(9){display: none;}*/
    
    .acc-good3 a:nth-child(8) {
        display: none;
    }
    
    .list-group-item {
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        color: #555;
    }
    
    .acc-good1 .list-group-item {
        font-size: 23px;
    }
    
    .account-logout .acc-good1 .list-group-item {
        font-size: 14px;
        padding: 10px 23px !important;
    }
    
    .account-logout .acc-good {
        margin: 0 !important;
    }
    
    .account-logout .acc-good1 {
        margin-top: 0px;
        padding: 0;
    }
    
    .account-logout .list-group {
        margin-top: 35px;
    }
    
    .fieldset1 {
        padding-left: 0px;
    }
    
    .no-padd-left-right {
        padding-left: 0;
        padding-right: 0px;
    }
    
    .product-layout.product-grid.grid-width {
        width: 32%;
    }
    /*********************MOB VIEW DEVELOP STYLES**********************/
    
    @media (max-width: 767px) {
        .account-edit #content {
            padding: 0px 15px;
        }
        .account-register #content {
            padding: 0;
        }
        .form-list input.input-text {
            width: 100% !important;
        }
        .fieldset {
            padding: 22px 20px 12px 20px;
        }
        .fieldset1 {
            padding: 10px 25px 3px 4px;
        }
        .products-list .product-image {
            margin: 0 auto !important;
        }
        .nopadd {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }
    }
    /************************PIXEL 2**************************/
    
    @media only screen and (max-width: 411px) and (min-height: 731px) {
        .form-list input.input-text {
            width: 100% !important;
        }
        .form-list select {
            width: 100%;
        }
    }
    /************************IPHONE 5/SE**************************/
    
    @media only screen and (max-width: 320px) and (min-height: 568px) {
        .form-list input.input-text {
            width: 100% !important;
        }
        .form-list select {
            width: 100%;
        }
    }
    /********************IPHONE 6/7/8 *********************/
    
    @media only screen and (max-width: 375px) and (min-height: 667px) {
        .form-list input.input-text {
            width: 100% !important;
        }
        .form-list select {
            width: 100%;
        }
    }
    /********************IPHONE 6/7/8 PLUS*********************/
    
    @media only screen and (max-width: 414px) and (min-height: 736px) {
        .form-list input.input-text {
            width: 100% !important;
        }
        .form-list select {
            width: 100%;
        }
    }
    /********************IPHONE X*********************/
    
    @media only screen and (max-width: 375px) and (min-height: 812px) {
        .form-list input.input-text {
            width: 100% !important;
        }
        .form-list select {
            width: 100%;
        }
    }
    /********************GALAXY FOLD*********************/
    
    @media only screen and (max-width: 280px) and (min-height: 653px) {
        .form-list input.input-text {
            width: 100% !important;
        }
        .form-list select {
            width: 100%;
        }
    }
    /*********************NEW ARRIVAL STYLES************************/
    
    .diy {
        display: none;
    }
    
    .product-list #List-view .col-sm-9 {
        padding-right: 15px !important;
    }
    
    .product-list #List-view .col-sm-3 {
        padding-left: 15px !important;
    }
    /*******************SEARCH UI***************/
    
    #pb {
        margin-bottom: 5px;
    }
    /*************************INFORMATION STYLES*****************************/
    
    .information-information .container {
        padding: 0;
    }
    
    .item-article {
        font-size: 14px;
    }
    /*********************FOOTER PLACES STYLES*******************************/
    
    .common-cracker_city .container {
        width: 100%;
        padding: 0px;
    }
    
    .sec1-bg {
        background: url(../../images/bg.jpg)no-repeat;
        padding: 30px 0px 50px;
        background-position: center;
        background-size: cover;
    }
    
    .center {
        text-align: center;
    }
    
    .black-head {
        color: black;
        text-transform: uppercase;
        font-size: 35px;
        font-weight: bold;
    }
    
    .toppadding {
        padding-top: 30px;
    }
    
    .pink-head {
        color: #d62a80;
        font-size: 30px;
        font-weight: bolder;
    }
    
    .common-cracker_city p {
        margin: 0 auto;
    }
    
    .sec1-para {
        width: 50%;
        margin: 0 auto;
    }
    
    .order-now {
        background: #d62a80;
        color: white;
        text-transform: uppercase;
        font-size: 16px;
        padding: 5px 20px;
        width: max-content;
        position: relative;
        margin-top: -19px !important;
        margin: 0 auto;
        border: 1px solid white;
        border-radius: 20px;
    }
    
    .order-now:hover {
        color: white;
        text-decoration: none;
    }
    
    .sec2 {
        margin-top: -18px;
    }
    
    .sec2-row {
        background: linear-gradient( to right, #d62a80 50%, #f7971e 50%);
    }
    
    .sec2-row .container {
        width: 1170px !important;
    }
    
    .clearfix:before,
    .clearfix:after,
    .container:before,
    .container:after,
    .container-fluid:before,
    .container-fluid:after,
    .row:before,
    .row:after,
    .form-horizontal .form-group:before,
    .form-horizontal .form-group:after,
    .btn-toolbar:before,
    .btn-toolbar:after,
    .btn-group-vertical>.btn-group:before,
    .btn-group-vertical>.btn-group:after,
    .nav:before,
    .nav:after,
    .navbar:before,
    .navbar:after,
    .navbar-header:before,
    .navbar-header:after,
    .navbar-collapse:before,
    .navbar-collapse:after,
    .pager:before,
    .pager:after,
    .panel-body:before,
    .panel-body:after,
    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " ";
    }
    
    .sec2-left {
        float: left;
        width: 50%;
        color: white;
        text-align: left;
        padding: 65px 0px;
    }
    
    .sec2-left p {
        margin-bottom: 10px;
    }
    
    .left1 {
        font-size: 35px;
        text-transform: uppercase;
    }
    
    .left-bold {
        font-size: 55px;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 30px;
    }
    
    .sec2-right {
        float: left;
        width: 50%;
        padding: 65px 20px 60px 70px;
    }
    
    .sec2-para {
        text-align: justify;
        color: white;
    }
    
    .sec2-left span {
        margin-left: 0px;
        font-size: 55px;
        text-transform: uppercase;
        line-height: 20px;
    }
    
    .clearfix:after,
    .container:after,
    .container-fluid:after,
    .row:after,
    .form-horizontal .form-group:after,
    .btn-toolbar:after,
    .btn-group-vertical>.btn-group:after,
    .nav:after,
    .navbar:after,
    .navbar-header:after,
    .navbar-collapse:after,
    .pager:after,
    .panel-body:after,
    .modal-footer:after {
        clear: both;
    }
    
    .car {
        margin-top: -120px;
        position: relative;
        z-index: 1;
    }
    
    .sec3 {
        margin-top: -84px;
        background: #fff;
    }
    
    .common-cracker_city .row {
        margin: 0px;
    }
    
    @media (min-width: 1360px) {
        .sec3 .col-sm-5 {
            width: 47.4%;
            padding-bottom: 232px;
        }
    }
    
    .sec3 .col-sm-5 {
        width: 47.4%;
    }
    
    .sec3-bg {
        padding: 0px;
        padding-left: 85px;
        background: url(../../images/crackers.png)no-repeat;
        background-position: top right;
        background-size: 82%;
        margin-top: 38px;
        padding-bottom: 165px;
    }
    
    .sec3-inner-bg {
        padding: 45px 45px 0px 85px;
    }
    
    .black-bold {
        text-transform: uppercase;
        color: black;
        font-weight: bold;
        font-size: 45px;
        line-height: 45px;
    }
    
    .black-norm {
        text-transform: uppercase;
        font-size: 33px;
        color: black;
        line-height: 35px;
    }
    
    .sec3-bg .sec1-para {
        width: 100%;
        text-align: justify;
    }
    
    .sec3 .col-sm-7 {
        width: 52.533333%;
    }
    
    .sec4 {
        background: #f6f6f6;
        margin-top: -42px;
        padding-top: 80px;
        padding-bottom: 30px;
    }
    
    .sec4 .container {
        width: 1170px !important;
    }
    
    .sec4 .row {
        background: white;
    }
    
    .topmargin {
        margin-top: 30px !important;
    }
    
    .spark {
        text-align: left;
        padding: 20px;
    }
    
    .sec4 .black-para {
        text-align: left;
    }
    
    .black-para {
        color: black;
        font-weight: bold;
    }
    
    .sec4 p {
        text-align: justify;
    }
    
    .orange-btn {
        background: #f7961d;
        color: white;
        padding: 7px 20px;
        border-radius: 5px;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 1px;
        margin-top: 10px;
        display: inline-block;
    }
    
    .orange-btn:hover {
        color: white;
        text-decoration: none;
    }
    
    .sec4 .img1 {
        padding-top: 40px;
        padding-left: 20px;
        width: 50%;
    }
    
    .sec4 .img2 {
        padding-left: 30px;
        width: 45%;
        float: right;
    }
    
    .sec5 {
        padding-bottom: 30px;
        background: #fff;
    }
    
    .sec5 .container {
        width: 1170px !important;
    }
    
    .sec5 .row {
        background: #f6f6f6;
    }
    
    .sec5 .spark {
        text-align: right;
        padding: 20px;
    }
    
    .sec5 .black-para {
        text-align: right;
    }
    
    .sec5 p {
        text-align: justify;
    }
    
    .pink-btn {
        background: #d52980;
        color: white;
        padding: 7px 20px;
        border-radius: 5px;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 1px;
        margin-top: 10px;
        display: inline-block;
    }
    
    .pink-btn:hover {
        color: white;
        text-decoration: none;
    }
    
    .sec6 {
        background: #f6f6f6;
        padding-bottom: 30px;
    }
    
    .sec6 .container {
        width: 1170px !important;
    }
    
    .sec6 .row {
        background: white;
    }
    
    .spark {
        text-align: left;
        padding: 20px;
    }
    
    .sec5 .img1 {
        float: left;
    }
    
    .sec5 .img2 {
        padding-top: 50px;
    }
    
    .sec6 .img1 {
        padding-top: 40px;
        padding-left: 20px;
        width: 50%;
    }
    
    .sec6 .img2 {
        padding-left: 30px;
        width: 45%;
        float: right;
    }
    
    .sec7 {
        padding-bottom: 40px;
        padding-top: 20px;
        background: #fff;
    }
    
    .sec7 .container {
        width: 1170px !important;
    }
    
    .sec7 .row {
        padding-top: 30px;
    }
    
    .sec7 .black-para {
        text-align: center;
    }
    
    .sec7 .row {
        padding-top: 30px;
    }
    
    .sec7 p {
        text-align: justify;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 5px;
        line-height: 1.35;
        color: #444;
    }
    
    .order-now1 {
        background: #f7961d;
        color: white;
        text-transform: uppercase;
        font-size: 16px;
        padding: 5px 20px;
        width: max-content;
        position: relative;
        margin-top: -19px !important;
        margin: 0 auto;
        border: 1px solid white;
        border-radius: 20px;
    }
    
    .order-now1:hover {
        color: white;
        text-decoration: none;
    }
    
    .sec8 {
        background: #f7961d url(../../images/bg.png)no-repeat;
        color: white;
        margin-top: -15px;
        padding: 50px 0px;
        background-size: 100%;
        background-position: center bottom;
    }
    
    .sec8 .black-norm {
        text-transform: uppercase;
        font-size: 29px;
        color: white;
        line-height: 35px;
    }
    
    .sec8 .white-para {
        font-size: 20px;
        padding-top: 30px;
    }
    
    .white-btn {
        background: white;
        color: #f7961d;
        text-transform: uppercase;
        font-weight: bold;
        padding: 5px 20px;
        font-size: 25px;
        border-radius: 5px;
        display: inline-block;
    }
    
    .white-btn:hover {
        text-decoration: none;
    }
    
    .sec8-para {
        width: 50%;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .order-now2 {
        background: #f7961d;
        color: white;
        text-transform: uppercase;
        font-size: 16px;
        padding: 5px 20px;
        width: max-content;
        position: relative;
        margin-top: -19px !important;
        margin: 0 auto;
        border: 1px solid white;
        border-radius: 5px;
        display: inherit;
    }
    
    .order-now2:hover {
        color: white;
        text-decoration: none;
    }
    
    .sec44 .container {
        width: auto !important;
    }
    
    .sec44 {
        background: url(../../images/bg1.jpg);
        margin-bottom: -45px;
    }
    
    .sec44 .abt {
        padding: 55px 152px 25px;
        margin-top: -25px;
    }
    
    .sec44 .abt h1 {
        text-align: center;
        font-weight: bold;
        color: #000000db;
        font-size: 36px;
        text-transform: uppercase;
    }
    
    .sec44 .abt .abt-para {
        padding-bottom: 25px;
    }
    
    .sec44 .abt .abt-para p {
        color: #999;
        text-align: justify;
        line-height: 18px;
        text-align-last: center;
    }
    
    .sec44 .on-shop {
        background: white;
        padding: 45px;
        border-bottom: 2px solid gray;
    }
    
    .sec44 .on-shop .col-sm-5 {
        padding: 0px 50px 0px 0px;
        border-right: 1px dashed #ccc;
    }
    
    .sec44 .on-shop .col-sm-5 .row {
        padding-bottom: 25px;
    }
    
    .sec44 .on-shop .col-sm-5 .col-sm-10 {
        text-align: right;
        font-size: 15px;
        padding-right: 0;
        color: #000000db;
        font-weight: 600;
        padding-top: 9px;
    }
    
    .sec44 .on-shop .col-sm-7 {
        padding: 0px 5px 0px 35px;
    }
    
    .sec44 .on-shop .col-sm-7 h2 {
        margin-top: 0px;
        text-transform: uppercase;
        font-weight: 600;
        color: #000;
        font-size: 35px;
        margin-bottom: 5px;
    }
    
    .sec44 .on-shop .col-sm-7 h3 {
        margin-top: 0;
        letter-spacing: 0.5px;
    }
    
    .sec44 .on-shop .col-sm-7 h3 span {
        text-transform: uppercase;
        color: #000;
        font-weight: bold;
        font-size: 25px;
    }
    
    .sec44 .on-shop .col-sm-7 h4 {
        color: #f7971e;
        letter-spacing: 1px;
        font-size: 20px;
        font-weight: 600;
    }
    
    .sec44 .on-shop .col-sm-7 h3 {
        margin-top: 0;
        letter-spacing: 0.5px;
    }
    
    .sec44 .on-shop .col-sm-7 p {
        color: #999;
        text-align: justify;
        line-height: 18px;
    }
    
    .sec44 .img-row .img1 {
        position: relative;
        margin-top: -208px;
        left: -94px;
        margin-bottom: -100px;
    }
    
    .sec44 .img-row .img2 {
        float: right;
        position: relative;
        margin-top: -128px;
        left: 75px;
        margin-bottom: -100px;
    }
    
    .sec9 {
        background: #f6f6f6;
        margin-top: -15px;
        padding-top: 50px;
        padding-bottom: 40px;
    }
    
    .sec9 .container {
        width: 1170px !important;
    }
    
    .say {
        text-transform: uppercase;
        color: black;
        font-weight: bold;
        font-size: 15px;
    }
    
    .sec9 .bx-wrapper {
        margin: 0px;
    }
    
    .bx-wrapper {
        position: relative;
        margin: 0 auto 60px;
        padding: 0;
        max-width: 100% !important;
    }
    
    .sec9 .bx-wrapper .bx-viewport {
        padding-top: 20px;
        height: 378px !important;
    }
    
    .sec9 .bx-wrapper .bx-controls a.bx-prev {
        right: 10%;
        background-position: 0px;
        background: url(../../images/ar1.png)no-repeat;
    }
    
    .sec9 .bx-wrapper .bx-controls a {
        top: 38% !important;
        width: 37px;
        height: 37px;
    }
    
    .bx-wrapper .bx-controls a.bx-prev {
        right: 36px;
        background-position: 0 100%;
    }
    
    .bx-wrapper .bx-controls a {
        width: 34px;
        height: 34px;
        background: url(../../images/bx-controls-direction.png) 0 0 no-repeat #919191;
        position: absolute;
        top: -105px;
        text-indent: -9999px;
    }
    
    .sec9 .bx-wrapper .bx-controls a.bx-next {
        left: 10%;
        background-position: 0px;
        background: url(../../images/ar2.png)no-repeat;
    }
    
    .sec9 .bx-wrapper .bx-controls a {
        top: 38% !important;
        width: 37px;
        height: 37px;
    }
    
    .bx-wrapper .bx-controls a.bx-next {
        right: 0px;
        background-position: 100% 100%;
    }
    
    .bx-pager {
        display: none;
    }
    
    .sec9 .bx-wrapper .bx-controls a {
        top: 38% !important;
        width: 37px;
        height: 37px;
    }
    
    element.style {
        width: 2215%;
        position: relative;
        transition-duration: 0s;
        transform: translate3d(-2340px, 0px, 0px);
    }
    
    .std ul {
        list-style: disc outside;
    }
    
    .test-inner {
        width: 45%;
        margin: 0 auto;
        background: url(../../images/double.png)no-repeat;
        background-position: center;
        padding: 30px 0px 30px;
        background-size: contain;
    }
    
    .test-inner p {
        font-size: 13px;
        font-style: italic;
        font-weight: 600;
        color: #333131b0;
        word-spacing: 5px;
    }
    
    .test-name {
        color: black;
        font-size: 25px;
        font-weight: bold;
        text-transform: capitalize;
    }
    
    .sec33 {
        background: #f7971e;
        padding: 35px;
    }
    
    .sec33 h1 {
        text-align: center;
        margin-top: 0px;
        margin-bottom: 0px;
        color: white;
        text-transform: uppercase;
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 0.5px;
    }
    
    .sec11 {
        padding-bottom: 30px;
    }
    
    .sec11 .container {
        width: 1170px !important;
    }
    
    .sec11 h4 {
        text-transform: uppercase;
        font-size: 15px;
        color: #000000cc;
        margin-top: 25px;
        padding-bottom: 6px;
        border-bottom: 1px solid #cccccc59;
        font-weight: bold;
    }
    
    .sec11 .places {
        padding-top: 20px;
        text-transform: capitalize;
        padding-bottom: 25px;
        border-bottom: 1px solid #cccccc59;
    }
    
    .sec11 .places p {
        color: #808080d6;
        letter-spacing: 0px;
        font-size: 14px;
        line-height: 18px;
    }
    
    .sec22 {
        background: #f6f6f6;
        padding-bottom: 50px;
    }
    
    .sec22 .container {
        width: 1170px !important;
    }
    
    .sec22 .head h4,
    .sec22 .head h2 {
        text-align: center;
        text-transform: uppercase;
    }
    
    .sec22 .head h4 {
        font-size: 16px;
        font-weight: bold;
        padding-top: 15px;
        letter-spacing: 0px;
        color: #000000d6;
    }
    
    .sec22 .head h2 {
        font-weight: bold;
        font-size: 35px;
        margin-top: 0px;
        color: #000;
        padding-bottom: 30px;
    }
    
    .sec22 .col-sm-4 .box {
        padding: 12px;
    }
    
    .sec22 .col-sm-4 img {
        width: 100%;
    }
    
    .sec22 .col-sm-4 .box .para {
        background: #d62a80;
        margin-top: -10px;
        padding: 15px;
        height: 140px;
    }
    
    .sec22 .col-sm-4 .para h4 {
        text-transform: capitalize;
        color: white;
        line-height: 22px;
        letter-spacing: 1px;
    }
    
    h4 {
        font-size: 14px;
        font-weight: bold;
    }
    
    .sec22 .col-sm-4 .para p {
        color: #ffffffb0;
        line-height: 16px;
        font-size: 13px;
        letter-spacing: 1px;
    }
    
    .sec22 .col-sm-4 .para a {
        text-decoration: none;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 11px;
    }
    
    .sec22 .box .border-bottom {
        padding-top: 10px;
        border-bottom: 1px solid #9e9e9e73;
    }
    
    .sec22 .box .date {
        padding-top: 3px;
        color: #808080d6;
        font-size: 14px;
    }
    
    .sec22 .box .date span {
        text-transform: uppercase;
    }
    /*****************************CITY PAGES MOB VIEW***************************/
    
    @media (max-width: 1199px) {
        body {
            font-size: 12px !important;
        }
    }
    
    @media (max-width: 767px) {
        .sec1-para {
            width: 90%;
        }
        .sec2-row {
            background: linear-gradient( to top, #d62a80 50%, #f7971e 50%);
        }
        .sec2-row .container {
            width: 100% !important;
        }
        .sec2-left {
            width: 100%;
        }
        .sec2-left {
            padding: 65px 20px;
        }
        .sec2-row .left-bold {
            line-height: 50px;
        }
        .left-bold {
            font-size: 40px;
        }
        .left1 {
            font-size: 29px;
        }
        .sec2-left span {
            font-size: 40px;
        }
        .sec2-para {
            font-size: 12px;
        }
        .car {
            margin-top: -40px;
        }
        .sec2-right {
            float: left;
            width: 100%;
            padding: 65px 20px 60px 20px;
        }
        .sec3 .col-sm-5 {
            width: 100%;
        }
        .sec3-bg {
            background: url(../../images/crackers.png)no-repeat;
            background-position: top left;
            padding-left: 45px;
            margin-top: 50px;
        }
        .sec3-inner-bg {
            padding: 45px 30px 35px 0px;
        }
        .black-bold {
            font-size: 39px;
        }
        .sec3 .col-sm-7 {
            width: 100%;
        }
        .sec3-bg .sec1-para {
            font-size: 12px;
        }
        .sec4 .container,
        .sec5 .container,
        .sec6 .container,
        .sec7 .container,
        .sec11 .container,
        .sec22 .container,
        .sec9 .container,
        .header-container .container,
        .nav-container .container,
        .footer-static-container .container {
            width: 100% !important;
        }
        .sec5 .img1 {
            float: left;
            width: 50%;
            padding-right: 10px;
        }
        .sec5 .img2 {
            padding-top: 50px;
            width: 50%;
        }
        .sec5 .spark {
            clear: both;
        }
        .sec8-para {
            font-size: 12px;
        }
        .sec44 .abt {
            padding: 55px 25px;
            margin-top: -25px;
        }
        .sec44 .on-shop {
            padding: 0px;
            width: 90%;
            margin-left: 4%;
        }
        .sec44 .on-shop .col-sm-5 {
            padding: 0px 10px;
            border-right: none;
        }
        .on-shop .col-sm-10 {
            width: 75%;
            float: right;
        }
        .on-shop .col-sm-2 {
            width: 25%;
            float: left;
        }
        .sec44 .on-shop .col-sm-7 {
            padding: 0px 5px 100px 10px;
        }
        .sec44 .img-row .img1 {
            margin-top: -171px;
            width: 30%;
            margin-left: -22px;
            left: 0px;
        }
        .sec44 .img-row .img2 {
            margin-top: -70px;
            width: 30%;
            margin-right: 0px;
            left: 0px;
        }
        .sec9 .bx-wrapper .bx-viewport {
            height: 485px !important;
        }
        .home-test li {
            width: 386px !important;
        }
        .test-inner {
            width: 90%;
        }
        .bx-wrapper .bx-controls a {
            display: none;
        }
        .sec11 {
            padding: 10px;
        }
        .sec11 .col-sm-2 {
            width: 50%;
            float: left;
        }
    }
    /*************Search Mobile view*****/
    
    .live-search ul li .product-name p {
        font-size: 12px !important;
        margin-top: 5px !important;
        line-height: 1;
        font-style: normal !important;
        margin-bottom: 10px !important;
    }
    
    .live-search ul li .product-name {
        padding-top: 0px !important;
        line-height: 1 !important;
    }
    
    .live-search ul li {
        margin-bottom: 10px !important;
    }
    
    #algolia-searchbox .magnifying-glass {
        top: 0px !important;
    }
    
    .live-search ul li .product-add-cart {
        display: none;
    }
    
    .product-search .row.banner {
        display: none;
    }
    
    .product-search .no-pad-left {
        padding-left: 0px;
    }
    
    #button-search {
        font-size: 16px;
    }
    
    .product-search .breadcrumbs {
        display: none;
    }
    
    .product-search #content,
    .information-contact-success #content,
    .account-return #content {
        background: #fff;
    }
    
    .defaultCountdown- {
        display: flex;
        flex-direction: row;
    }
    
    .time-item {
        margin-right: 10px;
    }
    
    #product-related .product-item-container .price-new {
        font-size: 20px;
    }
    
    .re15 .need-pad-left a {
        font-weight: normal;
    }
    
    .des-inbox .product-name {
        margin-bottom: 5px;
    }
    
    .our-service .news1 .button-submit button {
        padding: 8px 10px !important
    }
    
    .table-responsive thead th {
        border-right: 1px solid #ededed !important;
        border-bottom: 1px solid #ededed !important;
        padding: 10px !important;
        color: #666;
        white-space: nowrap;
        vertical-align: middle !important;
        text-align: center;
        text-transform: uppercase;
        font-size: 16px;
    }
    
    #account-return .form-horizontal .control-label {
        font-weight: normal;
    }
    
    #account-return .date .btn {
        padding: 5px 12px;
    }
    
    .table-head {
        font-size: 16px;
    }
    /***********************CITY RESPONSIVE VIEW*************************/
    
    @media only screen and (max-width: 1024px) and (min-height: 600px) {
        .sec2-left {
            width: 46%;
        }
        .sec2-right {
            padding: 65px 123px 60px 0px;
        }
        .common-cracker_city .container {
            padding: 0px 15px;
        }
        .black-bold {
            font-size: 36px;
            line-height: 32px;
        }
        .black-norm {
            font-size: 26px;
            line-height: 19px;
        }
        .sec3-inner-bg {
            padding: 18px 12px 0px 16px;
        }
        .sec4 .container {
            width: auto !important;
        }
        .sec4 {
            margin-top: -54px;
            padding-top: 54px;
        }
        .sec5 .container {
            width: 1020px !important;
        }
        .sec5 .img1 {
            width: 36%;
        }
        .sec5 .img2 {
            width: 43%;
        }
        .sec6 .container {
            width: auto !important;
        }
        .sec7 .container {
            width: auto !important;
        }
        .sec9 .container {
            width: auto !important;
        }
        .sec11 .container {
            width: auto !important;
        }
        .sec22 .container {
            width: auto !important;
        }
    }
    
    .need-mar,
    .product-product .need-mar {
        margin-right: -15px !important;
        margin-left: -15px !important;
    }
    
    .product-compare .btn-danger {
        font-size: 18px;
        color: #fff;
        font-weight: bold;
    }
    
    .product-compare .fa-stack {
        width: 1em;
        height: 1em;
    }
    
    .product-compare .fa-stack-2x {
        font-size: 1em;
    }
    
    .live-search .product-name {
        border-bottom: 0px solid #cccc !important;
    }
    
    .act1 {
        background-color: #65c178;
        color: #fff !important;
    }
    
    .pt_menu.act1 a {
        color: #fff !important;
    }
    
    .inner-box-desc .brand {
        pointer-events: none;
    }
    /*************************** UI FIX *************************/
    
    .layout-1.account-register #button-refer {
        background: #65c178 !important;
        border: none;
        color: #fff;
        padding: 10px 15px;
        font-weight: 600;
        border-radius: 3px !important;
        margin-right: 14px;
        margin-top: 10px;
    }
    
    .layout-1.account-register .alert2 {
        padding: 15px;
        margin-bottom: 37px;
        border: 1px solid transparent;
        border-radius: 4px;
        position: relative;
        line-height: 0.1;
        padding-bottom: 26px;
        top: 39px;
    }
    
    .layout-1.account-register .alert-dismissible .close {
        position: relative;
        top: -11px;
        right: -3px;
        color: inherit;
    }
    
    .layout-1.account-register .buttons-set2 {
        margin-top: 18px;
    }
    
    .layout-1 .ref-tbl td {
        padding: 10px 5px;
        border: 1px solid #ddd;
    }
    
    .layout-1 #ref-msg #refer_table td {
        padding: 10px 5px;
        border: 1px solid #ddd;
    }
    
    .layout-1 #refer_table {
        margin-top: 10px;
    }
    
    .layout-1 #ref_map {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    
    .layout-1 .product-layout h5 {
        margin-top: 10px;
    }
    
    .layout-1 #refer_div h3 {
        font-size: 15px;
        margin-top: 17px;
    }
    
    .layout-1.account-account #form-refer .pull-right .btn.btn-warning {
        padding: 9px 28px;
        border: 1px solid #f0ad4e;
        margin-left: 15px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
    }
    
    .cart .referal {
        border: 1px solid #ededed;
        margin: 0 0 18px;
        border-color: #ededed;
        border-radius: 5px;
        box-shadow: none;
        padding-bottom: 40px;
        height: auto;
    }
    
    .cart .referal h2 {
        /* background-position: 0 0; */
        background-repeat: no-repeat;
        font-family: 'Open Sans', sans-serif !important;
        padding: 0;
        color: #666;
        text-transform: uppercase;
        padding: 15px;
        border-bottom: 1px solid #ededed;
        margin: 0 0 5px;
        font-size: 16px;
        font-weight: 700;
        line-height: 30px;
    }
    
    .cart .referal label {
        font-weight: normal;
        margin-bottom: 5px;
        color: #666;
        font-size: 14px;
    }
    
    .cart .referal input.input-text {
        padding: 8px !important;
        background: #fff !important;
        border: 1px solid #ddd;
        color: #2f2f2f;
        font-family: 'Open Sans', sans-serif !important;
        font-size: 12px;
    }
    
    .cart .referal .input-box {
        margin: 8px 0 0;
        width: 290px
    }
    
    .cart .referal .buttons-setnew {
        border: 0;
        text-align: left;
        margin: 20px 0 0;
        padding: 8px 0 0;
    }
    
    @media (max-width: 768px) {
        .layout-1.account-register .alert {
            padding-bottom: 15px;
            top: 21px;
        }
        .cart .referal .input-box {
            width: auto;
        }
        #refral_value {
            margin-left: 0px;
        }
        p.earn-ref {
            margin-left: 0px;
        }
    }
    
    @media(max-width:487px) {
        .p-50px {
            padding-left: 50px;
            padding-right: 50px;
        }
        .p-32px {
            padding-left: 35px;
            padding-right: 35px;
        }
        .p-35px {
            padding-left: 35px;
            padding-right: 35px;
        }
        .layout-1.account-account #form-refer .pull-right .btn.btn-warning {
            margin-right: 50px;
        }
        .over-auto .image input {
            width: 100%;
        }
    }

    .product-property-list {
        display: none;
    }

    /* home ui */

    .cattop .gift-div .cat_level_top{
        padding-top: 7px;
        padding-bottom: 9px;
    }

    .cattop .gift-div .cat_level_top a img{
        /*height: 389px;*/
        height: 182px;
        width: 100%;
        object-fit: cover;
    }

    .cattop .gift-div .cat_level_top.cat_level_topcombo{padding-top: 14px;}

    .product-product .row.crack-banner{
        margin-top: 0;
    }

    .checkout-cart .panel-group .panel.ship-adr,
    .checkout-cart .panel-group .panel.gf-vou{
        display: none;
    }

    .header a.logo{
        width: 156px;
    }

    .top-link ul.links li a span{
        color: #d92b81;
    }

    .top-link ul.links li a:hover{
        color: #d92b81;
    }

    .top-link ul.links li a span span{
        font-size: 10px;   
    }

    .header #search_mini_form button.btn-search {
        float: right;
        margin-left: 2px;
        overflow: visible;
        width: auto;
        border: 0;
        padding: 0;
        margin: 0;
        background: transparent;
        cursor: pointer;
    }

    .header #search_mini_form button.btn-search span{
        border: 0;
        padding: 5px 14px;
        font-weight: normal;
        text-transform: capitalize;
        display: block;
        background: #65c178;
        font-size: 18px;
        text-align: center;
        white-space: nowrap;
        color: #fff;
    }    

    .header #search_mini_form button.btn-search span span {
        padding: 0;
        background: none;
        width: 83px;
        line-height: 34px;
        border: 0;
        font-weight: 700;
        text-transform: capitalize;
    }

    .header #search_mini_form button.btn-search:hover span {
        background-color: #e44f4f;
    }

    header #search.input-group1{
        padding-right: 0px;
    }

    .product-product .re15 .product-image-container{
        overflow: hidden;
    }

    .extension-module-testimonial_page .testimonials .content-if{
        padding-top: 15px;
    }

    .dont-miss.products-list .product-grid{
        width: unset;
        margin-top: 10px;
        width: 100%;
    }

    .dont-miss .product-image-container{
        overflow: hidden;
    }

    .dont-ttl h2{
        text-transform: uppercase;
        font-weight: bold;
        border-bottom: 1px solid #cccc;
        padding-bottom: 10px;
        font-size: 18px;
        margin-top: 19px;
    }

    .dont-miss.owl2-carousel .owl2-controls .owl2-nav .owl2-prev{
        display: block !important;
        width: 34px;
        height: 34px;
        color: white;
        background: #919191;
        border-radius: 3px;
        padding-top: 9px;
        text-align: center;
        font-size: 12px;
        position: absolute;
        top: -48px;
        right: 38px;
    }

    .dont-miss.owl2-carousel .owl2-controls .owl2-nav .owl2-next{
        display: block !important;
        width: 34px;
        height: 34px;
        color: white;
        background: #919191;
        border-radius: 3px;
        padding-top: 9px;
        text-align: center;
        font-size: 12px;
        position: absolute;
        right: 0;
        top: -48px;
    }

    .dont-miss .owl2-controls .owl2-nav > div.owl2-prev:before {
        content: "\f053";
        font-family: 'FontAwesome';
    }

    .dont-miss .owl2-controls .owl2-nav > div.owl2-next:before {
        content: "\f054" !important;
        font-family: 'FontAwesome';
    }

    .dont-miss.owl2-carousel .owl2-controls .owl2-nav .owl2-prev:hover,
    .dont-miss.owl2-carousel .owl2-controls .owl2-nav .owl2-next:hover{
        background: #65c178;
    }

    .dont-miss .product-item-container .add-to-links li button.link-wishlist {
        background: #aaa url(../../images/s-goodwill/wishlist.png);
        top: 10px;
        width: 30px;
        height: 30px;
        position: absolute;
        text-indent: -9999px;
        left: -100%;
        border: none;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
    }
    .dont-miss .product-grid:hover button.link-wishlist{
        left: 10px !important;
    }

    .dont-miss .product-item-container .add-to-links li button.link-wishlist:hover {
        background-color: #65c178;
    }

    .dont-miss .re15 .need-pad-left a,
    .dont-miss .des-inbox .product-name{
        font-weight: 600;
    }

    .des-inbox .product-name{
        padding-bottom: 10px;
    }
    
    .dont-miss .price.need-pad-left .price-new{
        font-size: 20px;
    }
    

     /* .dont-miss.owl2-carousel .owl2-stage{
        margin-left: 1128px;
    }  */

    .dont-miss .re15 .fa-stack{
        width: 11px;
    }

    @media (min-width: 768px){
        /* .dont-miss.owl2-carousel .owl2-item.cloned,
        .dont-miss.owl2-carousel .owl2-item.active,
        .dont-miss.owl2-carousel .owl2-item{
            width: 264px !important;
        } */
    }

    @media (max-width: 768px){
        .header #search_mini_form {
            width: 100%;
        }

        .header #search_mini_form #algolia-searchbox .algolia-search-input{
            width: 100% !important;
        }
        
        .dont-miss.owl2-carousel .owl2-stage{
            margin-left: 0;
        }

        .extension-module-testimonial_page .std .testimonials {
            width: 100%;
            height: auto;
            margin-bottom: 25px;
        }

       .checkout-checkout #collapse-checkout-option #button-account{
            margin-bottom: 15px;
       }

       .checkout-checkout #collapse-checkout-option .panel-body{
            padding-left: 15px !important;
            padding-right: 15px !important;
       }

       .checkout-checkout #collapse-shipping-address .check1.form-horizontal .form-group{
           margin-left: -15px !important;
           margin-right: -15px !important;
       }

       .checkout-checkout #collapse-payment-method .row.check-float2,
       .checkout-checkout #collapse-payment-method .row.check-float1{
            margin: 0 !important;
       }
    }

    #account-reset .list-group {
        display: none;
    }
    .mlt-20 {
        margin-left: 20px;
    }

.header #search_mini_form #algolia-searchbox .live-search{
    margin-top: 0px !important;
    top: 51px;
    padding: 0px !important;
    box-shadow: 0 0px 10px 0px rgb(0 0 0 / 20%);
    overflow: hidden;
    border: none !important;    
}

.mobbtn-search img{width: 20px;}

body #remove-megamenu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 13px;
    width: 22px;
    height: 22px;
    color: #fff;
    background-color: #00b15e;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 20px;
}

.fixed-boxFooter{
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 100;
    width: 100%;
    box-shadow: 0 -2px 5px rgb(0 0 0 / 7%);
    padding: 10px 0px;
}

.fixed-boxFooter .white-boxnavflex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fixed-boxFooter .bfix-nav-wrapper {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.fixed-boxFooter .white-boxnavflex .bfix-userdiv{
    flex-shrink: 0;
    display: flex;
}

.fixed-boxFooter .white-boxnavflex .bfix-userdiv a{
    display: flex;
    flex-direction: column;
    color: #3e445a;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.fixed-boxFooter .white-boxnavflex .bfix-userdiv a span{
    font-size: 12px;
    line-height: 16px;
    color: #3e445a;
}

.fixed-boxFooter .white-boxnavflex .bfix-categorydiv{
    flex-shrink: 0;
    display: flex;
}

.fixed-boxFooter .white-boxnavflex .bfix-wishdiv a{
    display: flex;
    flex-direction: column;
    color: #3e445a;
    justify-content: center;
    align-items: center;
}

.fixed-boxFooter .white-boxnavflex .bfix-wishdiv a span{
    font-size: 12px;
    line-height: 16px;
    color: #3e445a;
}

.fixed-boxFooter .white-boxnavflex .bfix-categorydiv a{
    display: flex;
    flex-direction: column;
    color: #3e445a;
    justify-content: center;
    align-items: center;
} 

.fixed-boxFooter .white-boxnavflex .bfix-categorydiv a span{
    font-size: 12px;
    line-height: 16px;
    color: #3e445a;
}

.mobile-staticbanner .slider-clients-say.owl2-carousel{
    position: relative;
    margin-bottom: 30px;
}

.mobile-staticbanner .slider-clients-say.owl2-carousel .owl2-dots {
    display: block !important;
    position: absolute;
    bottom: -25px;
    right: 0;
    left: 0;
    margin: auto;
    width: max-content;
}

.mobile-staticbanner .slider-clients-say.owl2-carousel .owl2-dots .owl2-dot {
    float: left;
}

.mobile-staticbanner .slider-clients-say.owl2-carousel .owl2-dots .owl2-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.mobile-staticbanner .slider-clients-say.owl2-carousel .owl2-dots .owl2-dot.active span{
    background: #50c17e;
}

#pt_menu_home a{
    border-top: 3px solid transparent;
}

#pt_menu_pt_item_menu_all_store span.block-title{
    border-top: 3px solid transparent;
}

/******search ui******/
#header #algolia-searchbox .live-search ul li.smedia {
    margin: 0px !important;
    border-bottom: 1px solid #e5e5e5;
    padding: 0px !important;
    display: flex;
    flex-direction: row-reverse;
    background-color: #fff;
    cursor: auto;
}

#header #algolia-searchbox .live-search ul li.smedia:hover{
    background-color: #f3f4f7;
}

#header #algolia-searchbox .live-search ul{
    max-height: 300px;
    overflow-y: scroll;
    padding: 0px !important;
    margin: 0px !important;
}

#header #algolia-searchbox .live-search ul li .smedia-left {
    width: 75px;
    height: 75px;
    position: relative;
    padding: 5px;
    flex-shrink: 0;
}

#header #algolia-searchbox .live-search ul li .smedia-left img{
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    left: 5px;
    top: 5px;
    margin: auto;
    bottom: 5px;
}

#header #algolia-searchbox .live-search ul li .smedia-body{
    padding: 10px;
    overflow: hidden;
    flex: 1;
}

#header #algolia-searchbox .live-search ul li .smedia-body .sproduct-name span{
    color: #444;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

#header #algolia-searchbox .live-search ul li .smedia-body .sproduct-name:hover span{
    color: #65c178;
}

#header #algolia-searchbox .live-search .result-text{
    position: relative;
    padding: 5px 0px;
    background-color: #f3f4f7 !important;
}

#header #algolia-searchbox .live-search ul li .sproductbox{
    display: flex;
    flex: 1;
}

#algolia-searchbox .live-search ul li .sbox-price .price{
    font-weight: 600;
    font-size: 15px;
    color: #65c178;
    font-family: 'Open Sans', sans-serif;
    padding-right: 10px;
    white-space: normal !important;
}

#algolia-searchbox .live-search ul li .sbox-price .special{
    font-weight: 500;
    font-size: 14px;
    color: #c2c2d3;
    font-family: 'Open Sans', sans-serif;
    text-decoration: line-through;
    white-space: normal !important;
}

#algolia-searchbox .live-search ul li .sbox-price{
    padding-top: 3px;
}

.live-search ul .gif-li{
    padding: 10px 0px !important;
    margin: 0px !important;
    min-height: auto !important;
}

.live-search ul  .nodata-li{
    padding: 10px 0px !important;
    margin: 0px !important;
    min-height: auto !important;
}

@media (max-width: 768px){
    .navbar-collapsediv .open .dropdown-menu {
        position: static !important;
        display: block;
    }
    .cat-lft .cate-menu #menu .dropdown.open .dropdown-menu{
        display: block !important;
    }
    .mob-top-cart-wrapper{
        text-align: right;
        position: relative;
        display: none;
    }
    
    .mob-top-cart-wrapper img{
        background: #D92B81;
        padding: 5px;
        border-radius: 5px;
        width: 25px;
    }
    
    .mobcol-flex{
        display: flex;
        align-items: center;
        padding-bottom: 5px;
    }
    
    .mobcol-flex .mcolum{
        flex-shrink: 0;
        width: 25%;
    }
    
    .mobcol-flex .mcolum.col-logo{width: 50%;padding: 0px 15px;text-align: center;}

    .mobbtn-search{
        border: none !important;
        outline: 0 !important;
        box-shadow: none !important;
        position: absolute;
        top: 0px;
        right: 0px;
        height: 100%;
        width: 60px;
        text-align: center;
        line-height: 16px;
        padding: 0px;
        border-radius: 0;
        background: transparent;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        box-shadow: none;
    }

    #header .header .header-content {
        padding: 10px 0 10px;
        border-bottom: 1px solid #e3e4e6;
    }

    header #search.input-group1{
        display: table;
        position: relative;
        margin: 0;
        width: 100%;
        border-radius: 3px;
    }

    .header #algolia-searchbox {
        padding: 0px !important;
        margin: 0px;
    }

    .header #search_mini_form #algolia-searchbox .algolia-search-input{
        border: none !important;
        background-color: #f3f4f7 !important;
        color: #474747;
        font-size: 13px;
        letter-spacing: 1px;
        padding: 0px 60px 0px 15px !important;
        height: 40px !important;
    }

    #header .navbar-header .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background: #3e445a !important;
    }
        
    #header .navbar-header .navbar-toggle {
        margin: 0px;
        height: 40px;
        color: #3e445a;
        border-radius: 4px;
        background-color: transparent;
        border: none;
        float: left !important;
        cursor: pointer;
        padding: 0px;
    }

    .cat-xs12 .cate-menu .navbar-collapsediv {
        width: 100% !important;
        background-color: #F5F5F5;
        border-color: transparent;
        padding: 0px;
    }

    body .cat-lft{
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    body .cat-lft.so-vertical-active {
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
    }

    .catxs20 {
        margin-top: 60px;
    }
    .cat-lft .cate-menu #menu .dropdown .dropdown-menu ul li a{
        max-height: unset !important;
        line-height: 20px !important;
    }
    .ma-footer-container{padding-bottom: 40px;}
    body .back-to-top{bottom: 60px;width: 32px !important;min-height: 30px !important;}
    body .back-to-top i{font-size: 26px !important;}
    body .top_cat_page{
        margin: 0px !important;
        display: flex;
        flex-wrap: wrap;
    }
    .top_cat_page .cont-header{
        padding-left: 0px !important;
    }
    .top_cat_page  .cat-inner{
        padding-left: 0px !important;
    }
    .top_cat_page .mp-0{
        padding-left: 0px;
        padding-right: 0px;
    }
    .top_cat_page .cat h3{
        font-size: 15px;
        padding-bottom: 5px;
    }
    .top_cat_page .cat-inner .inner-content{padding-top: 10px;padding-bottom: 10px;}
    .top_cat_page .cat-inner .viewmore-div{
        padding-right: 0px;
        text-align: right;
    }
    .cat .corner-icn{bottom: 0;}
    .top_cat_page .btn-read{
        margin: 0px !important;
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
    .top_cat_page  .viewmore-div{height: 30px;}
    .top_cat_page .cat{
        border: none;
        border-bottom: 1px solid #EBEBEB;
        position: relative;
    }
    .top_cat_page .cat:nth-child(odd){
        border-right: 1px solid #EBEBEB;
    }
    .common-home .banner-static-contain{
        padding: 15px 0px;
    }
    .content-aside .pav-newsletter{display: none;}
    .common-home .mobile-staticbanner{
        padding: 15px 0px;
    }
    
}

/***product list mobile view***/
@media (max-width: 768px){
    .common-home .product-layout .product-item-container .product-item-inner .des-inbox{
        position: relative !important;
        padding: 0px 5px !important;
        min-height: 120px;
    }
    .common-home .product-layout .product-item-container .product-item-inner{
        padding-bottom: 0px !important;
        border: 5px solid transparent;
    }
    .common-home .slider-parent .slider-container{
        display: flex;
        flex-wrap: wrap;
    }
    .common-home .slider-parent .slider-container .product-item-container{
        border: none !important;
        box-shadow: none !important;
        border-radius: 0px !important;
    }
    .common-home .slider-parent .slider-container .product-layout{
        border: 1px solid #ededed;
        box-shadow: 0px 0px 4px #f3f3f3;
        border-radius: 5px;
    }
    .common-home .slider-parent .slider-container .product-item-container .product-item-inner .item-inner-top{
        padding: 0px !important;
        margin-bottom: 7px;
        overflow: hidden;
    }
    .common-home .slider-parent .slider-container .product-grid .product-item-container .product-item-inner  .product-name{
        margin: 0px !important;
        line-height: 14px !important;
        padding-bottom: 0px !important;
    }
    .common-home  .slider-parent .slider-container .product-item-container .actions button.button span {
        font-size: 14px;
        padding: 0px 10px !important;
    }
    .common-home .product-layout .product-item-container .product-item-inner .des-inbox .add-cart {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0 5px;
        width: 100%;
    }
    .common-home .product-layout .product-item-container .product-item-inner .product-name a{
        font-size: 13px !important;
        font-weight: 500;
    }
    .common-home .product-layout .product-item-container .product-item-inner .price-box .special-price .price{
        font-size: 14px;
        font-weight: 600;
    }
}

@media (max-width: 767px){
    header.fixed-scroll {
        position: fixed;
        width: 100%;
        z-index: 999;
        box-shadow: 1px 1px 5px rgb(0 0 0 / 30%);
        background-color: #fff;
        top: 0px;
    }
    header.fixed-scroll .header-notice {
        display: none !important;
    }
    header.fixed-scroll{
        animation: mymove 1s;
    }
    @keyframes mymove {
        from {
            transform: translateY(-100%);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
    header.fixed-scroll .header-cart {
        top: 130px !important;
    }
    header.fixed-scroll .mobile-logo img{width: 90px;}
    header.fixed-scroll .mob-top-cart-wrapper{
        display: block !important;
    }
    .header #search_mini_form #algolia-searchbox .live-search{
        z-index: 1000000;
    }
    #header.fixed-scroll .header .header-content{
        border-bottom: none !important;
    }
    .header #search_mini_form #algolia-searchbox .live-search{
        top: 41px !important;
    }
    .checkout-cart .header .mob-top-cart-wrapper{
        display: block;
    }
    .checkout-checkout .header .mob-top-cart-wrapper{
        display: block;
    }
}

/******planpage***********/
.container.removeContainer{
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 100% !important;
}

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

.plan-banner{
    position: relative;
}

.bannerText{
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    padding: 0px 15px;
}

.bannerh1{
    color: #7c250d;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif !important;
    width: 38%;
    margin: auto;
    font-weight: 600;
    padding-bottom: 10px;
    text-align: center;
}

.bannerp{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 17px;
    color: #7c250d;
    font-weight: 700;
    text-align: center;
}

.chitfundflex{
    display: flex;
    margin-top: 30px;
}

.chitfundimage{
    width: 33%;
    position: relative;
}

.chitfundcontent{
    width: 67%;
    padding-left: 30px;
    padding-top: 35px;
}

.chitfund{
    margin-bottom: 15px;
}

.chithead h1{
    color: #7c250d;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif !important;
    text-align: center;
    font-weight: 600;
}

.chitfundcontent p{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    color: #882d0e;
    font-weight: 700;
    margin-bottom: 20px
}

.gb-image{
    position: absolute;
    right: 15%;
    width: 130px;
    bottom: 20%;
}

.chithead h1 span{
    position: relative;
    display: block;
}

.chithead h1 span:after{
    height: 5px;
    background: #852b0d;
    width: 165px;
    content: '';
    position: absolute;
    bottom: -10px;
    margin: auto;
    left: 0;
    right: 0;
    border-radius: 10px;
}

.fund-section{
    padding-top: 30px;
}

.plans-section{
    padding-top: 50px;
}

.plansflex{
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    row-gap: 15px;
    column-gap: 1.25%;
}

.plansflex .plansbox{
    width: 24%;
    border: 2px solid #99072f;
    flex-shrink: 0;
}

.plansbox .plans-head{
    background: url(../../../../../../catalog/view/theme/goodwill/images/plans/bg_counter.png) no-repeat;
    background-size: cover;
    padding: 20px 0px;
}

.plans-head h2{
    text-align: center;
    color: #f3b93a;
    margin: 0px;
    padding: 0px;
    font-size: 30px;
}

.plans-head p{
    margin: 0px;
    text-align: center;
    color: #fff;
    padding: 0px;
    font-size: 14px;
}

.plans-content{
    padding: 15px 15px 25px;
}

.plans-content .planstext{
    color: #883923;
    font-weight: 500;
    text-align: center;
    padding-bottom: 15px;
}

.plans-content .planamountdiv{
    background: #6b2539;
    color: #fff;
    padding: 10px 10px 10px;
    border-radius: 10px;
    text-align: center;
    margin-left: 7px;
    margin-right: 7px;
}

.planamountdiv .paytext{
    text-align: center;
    font-size: 13px;
    padding: 0px 5px;
    width: 100%;
    margin: auto;
    margin-bottom: 5px;
}

.planamountdiv .enjoytext{
    text-align: center;
    font-size: 14px;
}

.plans-content .join-btndiv{
    text-align: center;
    margin-top: 22px;
}

.plans-content .join-nowbtn{
    display: inline-block;
    color: #fff;
    background: #882d0e;
    padding: 12px 10px;
    border-radius: 5px;
    min-width: 130px;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.plans-content .join-nowbtn:hover{
    background: #e44f4f;
}

.howflex{
    padding-top: 20px;
    margin-top: 30px;
    position: relative;
}

.how-section{
    padding-top: 60px;
    padding-bottom: 20px;
}

.how-step{
    display: flex;
    flex-wrap: wrap;
}

.how-step .how-left, .how-step .how-right{
    width: 50%;
}

.step-head{
    color: #7c250d;
    font-weight: 500;
    padding-bottom: 3px;
    font-size: 16px;
    word-break: break-word;
}

.step-p{
    color: #464646;
    font-weight: 400;
    font-size: 15px;
    word-break: break-word;
}

.how-step .how-div{
    padding-bottom: 30px;
}

.how-step .how-div{
    position: relative;
}

.how-step .how-div:first-child{
    padding-right: 50px;
    text-align: right;
}

.how-step .how-div:first-child::before{
    height: 100%;
    background: #852b0d;
    width: 4px;
    content: '';
    position: absolute;
    right: 0;
}

.how-step .how-div:last-child{
    padding-left: 50px;
}

.how-step1 .how-div:first-child::before{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.how-step6 .how-div:first-child::before{
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.step-no{
    padding-bottom: 15px;
}

.step-no .step-count{
    font-size: 24px;
    color: #fff;
    background: #882d0e;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.how-left .step-no{
    min-height: 63px;
}

.how-left .step-no .step-count{
    float: right;
}

.how-step .how-div img{
    width: 100px;
}

.how-div .how-imgage{
    padding-top: 30px;
}

.howbg{
    position: absolute;
    top: 0px;
    left: -180px;
    opacity: 0.3;
    height: 47%;
}

.howbgtwo{
    position: absolute;
    bottom: 0px;
    left: -180px;
    opacity: 0.3;
    height: 47%;
}

.howbgthree{
    position: absolute;
    bottom: 25%;
    right: -180px;
    opacity: 0.3;
    -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

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

.termhead h3{
    color: #181b31;
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: 500;
}

.term-li{
    color: #4a4d5e;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 5px;
    position: relative;
    padding-left: 20px;
}

.term-li::before{
    height: 5px;
    background: #181b31;
    width: 5px;
    content: '';
    left: 5px;
    border-radius: 50%;
    position: absolute;
    top: 12px;
}

body.information-chit_fund #information-contact{
    background: #fff;
}

body.information-chit_fund #content{
    padding: 0px !important;
}

body.information-chit_fund #information-contact .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.chitenq-formsection{
    padding-top: 50px;
    padding-bottom: 20px;
}

.registerh1{
    padding-bottom: 50px;
}

.chitenquiryflex{
    display: flex;
}

.chitenquiryflex .enquiry-image-ui{
    width: 60%;
    flex-shrink: 0;
}

.chitenquiryflex .enquiry-form-ui{
    width: 40%;
    padding-left: 40px;
    position: relative;
}

.chitenquiryflex .enquiry-form-ui .form-horizontal .control-label {
    padding-top: 0px !important;
    margin-bottom: 5px;
    text-align: left !important;
    color: #181b31;
    font-size: 13px;
}

.chitenquiryflex .enquiry-form-ui .form-horizontal  .form-control {
    height: 50px !important;
    padding: 10px 15px !important;
    background: #fff;
    border: 1px solid #e7e7e7 !important;
    border-radius: 7px;
    font-size: 14px;
}

.chitenquiryflex .enquiry-form-ui .form-horizontal .form-group .col-sm-12{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.chitenquiryflex .enquiry-form-ui .form-horizontal .enq-buttondiv .chitenq-button{
    background: #882d0e !important;
    width: 100%;
    border-radius: 7px;
    padding: 17px 15px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.chitenquiryflex .enquiry-form-ui .form-horizontal .enq-buttondiv .chitenq-button:hover{
    background: #e44f4f !important;
}

.chitenquiryflex .enquiry-form-ui .enq-buttondiv{
    padding-top: 30px;
}

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

.chitenquiryflex .enquiry-form-ui .form-horizontal  select.form-control{
    appearance: none;
    position: relative;
    padding-right: 30px !important;
}

.chitenquiryflex .enquiry-form-ui .form-horizontal  .select-plandiv{
    position: relative;
}

.chitenquiryflex .enquiry-form-ui .form-horizontal  .select-plandiv::before{
    content: '\f107';
    font-family: "FontAwesome";
    position: absolute;
    top: 10px;
    right: 15px;
    color: #464646;
    font-size: 20px;
    z-index: 1;
}

.account-lead_register .sidebar-offcanvas {
    display: none !important;
}

.account-lead_register .list-group {
    display: none;
}

.chitfund-span{
    padding-left: 10px;
}

.chitfund-span .scheme-primary{
    padding: 13px 15px;
    font-weight: 500;
    background-color: #f8971c;
    color: #fff;
}

.chitfund-span .scheme-primary:hover{
    background-color: #e44f4f;
}

.chitfund-span img{width: 20px;}

.top-link ul.links li.combo-li a{
    color: #00b15e;
}

.top-link ul.links li.combo-li a:hover {
    color: #d92b81;
}

@media(min-width: 1200px) and (max-width: 1280px) {
    .howflex .howbg{
        left: -100px;
    }
    .howflex .howbgtwo{
        left: -100px;
    }
    .howflex .howbgthree{
        right: -100px;
    }
    .plan-banner .bannerh1{width: 44%;}
}

@media(min-width: 992px) and (max-width: 1199px) {
    .chitfund-span .scheme-primary {
        padding: 13px 10px;
    }
    .howflex .howbg{
        left: -80px;
    }
    .howflex .howbgtwo{
        left: -80px;
    }
    .howflex .howbgthree{
        right: -80px;
    }
    .plan-banner .bannerh1{width: 52%;}
    .how-step .how-div:first-child{
        padding-right: 30px !important;
    }
    .how-step .how-div:last-child{
        padding-left: 30px !important;
    }
    .how-step .how-div img{
        width: 80px !important;
    }
    .plansflex .plansbox{
        width: 49% !important;
    }
    .plansflex{
        column-gap: 2% !important;
    }
    .chitfundflex{
        flex-direction: column;
    }
    .chitfundflex .chitfundimage{
        width: 100% !important;
        text-align: center;
    }
    .chitfundflex .chitfundimage .banner-inner{width: 80%;}
    .chitfundflex .chitfundcontent{
        width: 100% !important;
        padding-left: 0px !important;
        padding-top: 30px !important;
    }
    .chitfundflex .chitfundimage .gb-image {
        right: 23% !important;
        bottom: 9% !important;
        width: 200px !important;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .howflex .howbg{
        left: -60px;
    }
    .howflex .howbgtwo{
        left: -60px;
    }
    .howflex .howbgthree{
        right: -60px;
    }
    .plan-banner .bannerh1{width: 70%;}
    .chitfundflex{
        flex-direction: column;
    }
    .chitfundflex .chitfundimage{
        width: 100% !important;
        text-align: center;
    }
    .chitfundflex .chitfundcontent{
        width: 100% !important;
        padding-left: 0px !important;
        padding-top: 30px !important;
    }
    .chitenquiryflex{
        flex-direction: column;
    }
    .chitenquiryflex .enquiry-image-ui{
        width: 100% !important;
    }
    .chitenquiryflex .enquiry-form-ui{
        width: 100% !important;
        padding-left: 0px !important;
        padding-top: 30px;
    }
    .how-step .how-div:first-child{
        padding-right: 20px !important;
    }
    .how-step .how-div:last-child{
        padding-left: 20px !important;
    }
    .how-step .how-div img{
        width: 80px !important;
    }
    .plansflex .plansbox{
        width: 49% !important;
    }
    .plansflex{
        column-gap: 2% !important;
    }
    .chitfundflex .chitfundimage .banner-inner{width: 80%;}
    .chitfundflex .chitfundimage .gb-image {
        right: 14% !important;
        bottom: 10% !important;
        width: 200px !important;
    }
    .chitenquiryflex .enquiry-form-ui .enq-buttondiv{
        padding-top: 15px !important;
    }
}

@media (max-width: 767px) {
    .chithead h1{
        font-size: 18px !important;
    }
    .chithead h1 span:after{
        height: 4px !important;
        width: 150px !important;
    }
    .plan-banner .bannerh1{width: 70%;}
    .chitfundflex{
        flex-direction: column;
    }
    .chitfundflex .chitfundimage{
        width: 100% !important;
        text-align: center;
    }
    .chitfundflex .chitfundcontent{
        width: 100% !important;
        padding-left: 0px !important;
        padding-top: 30px !important;
    }
    .chitenquiryflex{
        flex-direction: column;
    }
    .chitenquiryflex .enquiry-image-ui{
        width: 100% !important;
    }
    .chitenquiryflex .enquiry-form-ui{
        width: 100% !important;
        padding-left: 0px !important;
        padding-top: 30px;
    }
    .how-step .how-div:first-child{
        padding-right: 20px !important;
    }
    .how-step .how-div:last-child{
        padding-left: 20px !important;
    }
    .how-step .how-div img{
        width: 80px !important;
    }
    .plansflex .plansbox{
        width: 49% !important;
    }
    .plansflex{
        column-gap: 2% !important;
        margin-top: 30px !important;
    }
    .chitfundflex .chitfundimage .banner-inner{width: 100% !important;}
    .chitfundflex .chitfundcontent{
        width: 100% !important;
    }
    .plans-section{
        padding-top: 20px !important;
    }
    .chitenquiryflex .enquiry-form-ui .enq-buttondiv{
        padding-top: 15px !important;
    }
    .terms-content .term-li{
        font-size: 14px !important;
    }
    .terms-content .term-li::before{
        top: 8px !important;
    }
    .terms-section{
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .howbg{display: none !important;}
    .howbgtwo{display: none !important;}
    .howbgthree{display: none !important;}
    .how-step.how-step2{
        flex-direction: row-reverse;
    }
    .how-step.how-step4{
        flex-direction: row-reverse;
    }
    .how-step.how-step6{
        flex-direction: row-reverse;
    }
    .how-step .how-div:first-child {
        padding-right: 10px !important;
    }
    .how-step .how-div:last-child {
        padding-left: 10px !important;
    }
    .how-step.how-step2 .how-div:last-child, 
    .how-step.how-step4 .how-div:last-child,
    .how-step.how-step6 .how-div:last-child{
        padding-left: 0px !important;
        padding-right: 10px !important;
    }
    .how-step.how-step2 .how-div:first-child,
    .how-step.how-step4 .how-div:first-child,
    .how-step.how-step6 .how-div:first-child {
        padding-right: 0px !important;
        padding-left: 10px !important;
    }
    .how-step.how-step2 .how-div:first-child::before,
    .how-step.how-step4 .how-div:first-child::before,
    .how-step.how-step6 .how-div:first-child::before{
        display: none;
    }
    .how-step.how-step2 .how-div:last-child::before,
    .how-step.how-step4 .how-div:last-child::before,
    .how-step.how-step6 .how-div:last-child::before{
        height: 100%;
        background: #852b0d;
        width: 4px;
        content: '';
        position: absolute;
        right: 0;
    }
    .how-step .how-div:first-child{
        text-align: left !important;
    }
    .how-left .step-no .step-count{
        float: left !important;
    }
    .howflex .how-step .how-left{
        width: 20% !important;
    }
    .howflex .how-step .how-right {
        width: 80% !important;
    }
    .how-step.how-step2 .how-div:first-child,
    .how-step.how-step4 .how-div:first-child,
    .how-step.how-step6 .how-div:first-child{
        width: 80% !important;
    }
    .how-step.how-step2 .how-div:last-child,
    .how-step.how-step4 .how-div:last-child,
    .how-step.how-step6 .how-div:last-child{
        width: 20% !important;
    }
    .how-div .step-no .step-count{
        width: 32px;
        height: 32px;
        font-size: 16px;
    }
    .how-left .step-no {
        min-height: 47px !important;
    }
    .step-head{
        font-size: 14px !important;
    }
    .step-p{
        font-size: 13px !important;
    }
    .chitenq-formsection{
        padding-top: 30px !important;
    }
    .chithead .registerh1 {
        padding-bottom: 30px;
    }
    .chitfundcontent p{
        font-size: 15px !important;
        margin-bottom: 15px !important;
    }
    .plans-head h2{
        font-size: 20px;
    }
    .plans-head p{
        font-size: 13px;
    }
}

@media(min-width: 501px) and (max-width: 767px) {
    .plan-banner .bannerh1{
        width: 100% !important;
        font-size: 19px !important;
        padding-bottom: 5px;
    }
    .plan-banner .bannerp{
        font-size: 16px !important;
    }
    .plan-banner .bannerText{
        top: 12% !important;
    }
    .chitfundflex .chitfundimage .gb-image {
        right: 14% !important;
        bottom: 10% !important;
        width: 160px !important;
    }
}

@media(min-width: 401px) and (max-width: 500px) {
    .plan-banner .bannerh1{
        width: 100% !important;
        font-size: 16px !important;
        padding-bottom: 5px;
    }
    .plan-banner .bannerp{
        font-size: 15px !important;
    }
    .plan-banner .bannerText{
        top: 15% !important;
    }
    .chitfundflex .chitfundimage .gb-image {
        right: 14% !important;
        bottom: 10% !important;
        width: 130px !important;
    }
    .plansflex .plansbox{
        width: 100% !important;
    }
    .plansflex{
        column-gap: 0px !important;
        margin-top: 30px !important;
    }
}

@media (max-width: 400px) {
    .plansflex .plansbox{
        width: 100% !important;
    }
    .plansflex{
        column-gap: 0px !important;
        margin-top: 30px !important;
    }
    .chitfundcontent p{
        font-size: 13px !important;
        margin-bottom: 10px !important;
    }
    .plan-banner .bannerh1{
        width: 100% !important;
        font-size: 13px !important;
        padding-bottom: 5px;
    }
    .plan-banner .bannerp{
        font-size: 12px !important;
    }
    .plan-banner .bannerText{
        top: 5% !important;
    }
    .chitfundflex .chitfundimage .gb-image {
        right: 14% !important;
        bottom: 10% !important;
        width: 80px !important;
    }
}

body.account-lead_register #content {
    padding: 0px !important;
}

body.information-chit_fund .chitcontainer .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

body.account-lead_register .leadcontainer .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

body.account-lead_register #account-register .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.lead-regflex{
    display: flex;
}

.lead-regflex .lead-regleft{width: 55%;padding-right: 40px;}

.lead-regflex .lead-regright{
    width: 45%;
    flex-shrink: 0;
}

.lead-regflex .lead-regrightdiv {
    width: 100%;
    background: #f9f9f9;
    padding: 30px 30px;
    border-radius: 10px;
    border: 1px solid #f2f2f2;
}

body.account-lead_register #account-register {
    background: #fff;
}

body.account-lead_register .leadcontainer {
    background: #fff;
}

.lead-banner{
    position: relative;
    z-index: 1;
}

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

.lead-registerdiv{
    position: relative;
}

.lead-headdiv{
    margin-bottom: 55px;
}

.lead-headdiv h1{
    text-align: center;
    color: #e32e7e;
    font-family: 'Open Sans';
    font-size: 25px;
    font-weight: 600;
}

.leadregister-section{
    padding-top: 40px;
    padding-bottom: 50px;
    position: relative;
}

.leadregister-section .lead-bg{
    position: absolute;
    top: -200px;
    right: 0;
    left: 0;
    opacity: 0.1;
}

.leadpage-title .leadhead{
    color: #0292cd;
    font-weight: 500;
    font-size: 15px;
    padding-bottom: 15px;
    margin: 0px;
    text-transform: uppercase;
}

.lead-p{
    color: #080808;
    font-family: 'Open Sans';
    padding-bottom: 17px;
    font-size: 15px;
    font-weight: 500;
}

.lead-regright .text-danger{
    background: transparent;
}

.lead-regright .register-referal {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    margin: 0px !important;
    position: relative;
}

.lead-regright .register-referal fieldset{
    width: 100% !important;
    padding: 0px !important;
    margin: 0px !important;
}

.lead-regright .register-referal fieldset legend{
    display: none !important;
}

.lead-regright .register-referal .form-group .control-label{
    text-align: left !important;
}

.lead-regflex .lead-regright .form-horizontal .control-label {
    padding-top: 0px !important;
    margin-bottom: 5px;
    text-align: left !important;
    color: #181b31;
    font-size: 13px;
    font-weight: 600 !important;
}

.lead-regflex .lead-regright .form-horizontal .form-group .col-sm-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.lead-regflex .lead-regright .form-horizontal .form-control {
    height: 42px !important;
    padding: 10px 15px !important;
    background: #fff;
    border: 1px solid #e7e7e7 !important;
    border-radius: 7px;
    font-size: 14px;
}

.lead-regflex .lead-regright .cus-password span {
    position: absolute;
    width:  auto !important;
    right: 20px;
    top: 10px;
    cursor: pointer;
}

.lead-regflex .lead-regright .cus-password span img{width: 25px;}
.lead-regright .register-referal #show-me .form-group{
    position: relative !important;
    padding-top: 0px !important;
    left: 0px !important;
}

.layout-1.account-lead_register .lead-regflex .lead-regright #button-refer {
    background: #65c178 !important;
    border: none;
    color: #fff;
    padding: 10px 15px;
    font-weight: 600;
    border-radius: 3px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
}

.layout-1.account-lead_register .lead-regflex .lead-regright #button-refer:hover{
    background: #e44f4f !important;
}

.lead-regflex .lead-regright .buttons-set2{
    margin-top: 0px !important;
    padding: 0px !important;
    border: none !important;
    text-align: left !important;
}

.lead-regflex .lead-regright .signup-btn {
    display: block;
    background: #e32e7e !important;
    padding: 5px 20px !important;
    font-size: 15px !important;
    line-height: 34px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    text-transform: capitalize;
    border-radius: 7px !important;
    width: 100% !important;
    font-family: 'Open Sans';
    font-weight: 600;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.lead-regflex .lead-regright .signup-btn:hover{
    background: #e44f4f !important;
}

.lead-regflex .lead-regright .pull-rightnew{
    padding-top: 10px;
}

.lead-regflex .lead-regright .buttons-set2 label{
    color: #181b31;
    padding-left: 5px;
}

.lead-regflex .lead-regright .buttons-set2 input[type=checkbox]{
    width: 16px;
    height: 16px;
}

.lead-regflex .lead-regright #register-referal #show-me{padding-bottom: 10px;}

.lead-headdiv h1 span {
    position: relative;
    display: inline-block;
}

.lead-headdiv h1 span:after {
    height: 3px;
    background: #ff9529;
    width: 55%;
    content: '';
    position: absolute;
    bottom: -15px;
    margin: auto;
    right: 15%;
    border-radius: 10px;
}

.lead-headdiv h1 span:before {
    height: 3px;
    background: #ff9529;
    width: 55%;
    content: '';
    position: absolute;
    bottom: -8px;
    margin: auto;
    left: 15%;
    border-radius: 10px;
}

.lead-li{
    color: #080808;
    font-family: 'Open Sans';
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    padding-left: 20px;
}

.lead-li::before {
    height: 10px;
    background: #e32e7e;
    width: 10px;
    content: '';
    left: 0px;
    border-radius: 50%;
    position: absolute;
    top: 7px;
}

.lead-ul{
    padding-left: 20px;
    padding-bottom: 10px;
}

.lead-happy{
    color: #e32e7e;
    font-weight: 700;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 14px;
}

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

.enquiry-image-ui img{
    width: 100%;
}

.contact-head {
    color: #0292cd;
    font-weight: 700;
    font-size: 15px;
    padding-bottom: 20px;
    margin: 0px;
    text-transform: uppercase;
    font-family: 'Open Sans';
    word-break: break-word;
}

.office-h1{
    color: #65c178;
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 5px;
    margin: 0px;
    text-transform: uppercase;
    font-family: 'Open Sans';
    word-break: break-word;
}

.addresstext {
    color: #080808;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Open Sans';
    word-break: break-word;
}

.lead-contact{
    padding-top: 40px;
}

.contact-flex{
    display: flex;
}

.headoffice{
    width: 40%;
    flex-shrink: 0;
    padding-right: 20px;
}

.headbranch{
    width: 60%;
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
}

.headbranch .branchoffice{
    width: 60%;
    padding-right: 15px;
    flex-shrink: 0;
}

.headbranch .leadwhatsapp{
    width: 40%;
    flex-shrink: 0;
}

.headbranch .heademail{
    width: 100%;
    padding-top: 15px;
}

.lead-testimonial .slider-clients-lead.owl2-carousel{
    position: relative;
    margin-bottom: 0px;
}

.lead-testimonial .slider-clients-lead.owl2-carousel .owl2-dots {
    display: block !important;
    position: relative !important;
    width: 100%;
    margin: auto;
    text-align: center;
    padding-top: 25px;
}

.lead-testimonial .slider-clients-lead.owl2-carousel .owl2-dots .owl2-dot {
    float: none !important;
    display: inline-block;
}

.lead-testimonial .slider-clients-lead.owl2-carousel .owl2-dots .owl2-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.lead-testimonial .slider-clients-lead.owl2-carousel .owl2-dots .owl2-dot.active span{
    background: #50c17e;
}

.lead-testimonialsection{
    background: #f9f9f9;
    padding: 30px 0px 40px;
}

.leadtestimonial-box{
    background: #fff;
    border-radius: 3px;
    padding: 30px 30px 30px 30px;
}

.leadtestimonial-flex{
    display: flex;
    align-items: center;
}

.leadtestimonial-image{
    width: 170px;
    flex-shrink: 0;
}

.leadtestimonial-image img{
    border-radius: 50%;
    width: 150px;
    height: 150px;
}

.leadtestimonial-content{
    padding-left: 20px;
}

.leadtestimonial-content .leadtestimonial-text{
    color: #2b365d;
    font-size: 13px;
    font-family: 'Open Sans';
    font-weight: 700;
}

.leadtestimonial-content .leadtestimonial-name{
    color: #2b365d;
    font-size: 13px;
    font-family: 'Open Sans';
    font-weight: 700;
    padding-top: 20px;
}

.leadtest-head .our-happy {
    color: #e32e7e;
    font-weight: 700;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 19px;
    padding-bottom: 30px;
}

.lead-regright .user-referaldiv{
    width: 50%;
    float: left;
    margin-top: 2px;
}

.lead-regright .news-subscribediv{
    width: 50%;
    float: left;
}
.lead-testimonial{padding: 0px !important;}
.agree-span{font-size: 14px;}

@media(min-width:992px) and (max-width:1199px) {
    .contact-flex .addresstext{
        font-size: 13px;
    }
    .contact-flex .office-h1{
        font-size: 13px;
    }
    .leadslider .leadtestimonial-box {
        padding: 20px 20px 20px 20px;
    }
    .leadtestimonial-box .leadtestimonial-image img{
        width: 120px;
        height: 120px;
    }
    .leadtestimonial-box .leadtestimonial-image{
        width: 140px;
    }
    .leadtestimonial-box .leadtestimonial-content{
        padding-left: 0px;
    }
    .leadregister-section .lead-bg{
        top: -100px !important;
    }

}

@media(min-width:768px) and (max-width:991px) {
    .lead-registerdiv .lead-regflex {
        display: flex;
        flex-direction: column;
    }
    .lead-registerdiv .lead-regflex .lead-regleft{
        width: 100% !important;
        padding-right: 0px  !important;
    }
    .lead-registerdiv .lead-regflex .lead-regright{
        width: 100% !important;
        padding-top: 30px;
    }
    .leadregister-section .lead-bg{
        top: 0px !important;
    }

}

@media (max-width: 767px) {
    .lead-registerdiv .lead-headdiv h1{
        font-size: 17px !important;
    }
    .lead-registerdiv .lead-headdiv h1 span::after, .lead-headdiv h1 span::before{
        width: 50% !important;
    }
    .lead-registerdiv .lead-regflex {
        display: flex;
        flex-direction: column;
    }
    .lead-registerdiv .lead-regflex .lead-regleft{
        width: 100% !important;
        padding-right: 0px  !important;
    }
    .lead-registerdiv .lead-regflex .lead-regright{
        width: 100% !important;
        padding-top: 30px;
    }
    .leadregister-section .lead-bg{
        top: 0px !important;
    }
    .leadpage-title .leadhead{
        font-size: 14px !important;
    }
    .lead-regleft .lead-p{
        font-size: 14px !important;
    }
    .lead-regleft .contact-head{
        font-size: 14px !important;
    }
    .contact-flex {
        display: flex;
        flex-direction: column;
    }
    .contact-flex  .headoffice{
        width: 100% !important;
        padding-right: 0px !important;
    }
    .contact-flex  .headbranch{
        width: 100% !important;
        flex-direction: column;
    }
    .headbranch .branchoffice{
        width: 100% !important;
        padding-right: 0px !important;
        padding-top: 15px;
    }
    .headbranch .leadwhatsapp{
        width: 100% !important;
        padding-top: 15px;
    }
    .lead-registerdiv .lead-regflex .lead-regrightdiv{
        padding: 15px 15px !important;
    }
    .lead-registerdiv label .agree-span{font-size: 12px;}
    .leadtestimonial-box .leadtestimonial-content {
        padding-left: 0px !important;
        width: 100% !important;
    }
    .leadtestimonial-box .leadtestimonial-image {
        width: 100% !important;
        text-align: center;
        padding-bottom: 20px;
    }
    .leadtestimonial-flex{
        flex-direction: column;
    }
    .lead-testimonial .leadtestimonial-box{
        padding: 20px 20px 20px 20px !important;
    }
    .lead-testimonialsection {
        padding: 30px 0px 30px !important;
    }
    .lead-testimonial .slider-clients-lead.owl2-carousel .owl2-dots{
        padding-top: 20px;
    }
}

@media (max-width: 360px) {
    .lead-regright .news-subscribediv{
        width: 100% !important;
    }
    .lead-regright .user-referaldiv{
        width: 100% !important;
    }
}

body.common-track_order #content {
    padding: 0px !important;
}

.track-ordersection{
    background: #f9f9f9;
    padding: 30px 0px;
}

.track-ordersection .track-order{
    background: #fff;
    background: #fff;
    padding: 30px 30px;
    width: 100%;
    border-radius: 10px;
}

.track-flex{
    display: flex;
    align-items: center;
}

.track-flex .track-content{
    background: #f9f9f9;
    padding: 30px 30px;
    border-radius: 10px;
    border: 1px solid #f2f2f2;
    width: 35%;
}

.track-flex .track-imagediv{
    width: 65%;
    padding-left: 30px;
    text-align: center;
}

.track-flex .track-content .form-horizontal .form-group .col-sm-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.track-flex .track-content .form-horizontal .control-label {
    padding-top: 0px !important;
    margin-bottom: 5px;
    text-align: left !important;
    color: #181b31;
    font-size: 13px;
    font-weight: 600 !important;
}

.track-flex .track-content .form-horizontal .form-control {
    height: 42px !important;
    padding: 10px 15px !important;
    background: #fff;
    border: 1px solid #e7e7e7 !important;
    border-radius: 7px;
    font-size: 14px;
}

.track-flex .track-content .text-danger {
    background: transparent;
}

.track-title .track-head {
    color: #0292cd;
    font-weight: 500;
    font-size: 20px;
    padding-bottom: 15px;
    margin: 0px;
    text-transform: uppercase;
    text-align: center;
}

.track-flex .track-content .track-btn {
    display: block;
    background: #e32e7e !important;
    padding: 5px 20px !important;
    font-size: 15px !important;
    line-height: 34px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    text-transform: capitalize;
    border-radius: 7px !important;
    width: 100% !important;
    font-family: 'Open Sans';
    font-weight: 600;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    text-transform: uppercase;
}

.track-flex .track-content .track-btn:hover {
    background: #e44f4f !important;
}

.track-button{
    padding-top: 15px;
}

@media(min-width:768px) and (max-width:991px) {
    .track-order .track-flex .track-content{
        width: 50% !important;
    }
    .track-order .track-flex .track-imagediv{
        width: 50% !important;
    }
}

@media (max-width: 767px) {
    .track-flex{
        flex-direction: column;
    }
    .track-flex .track-content{
        width: 100% !important;
        padding: 15px 15px !important;
    }
    .track-flex .track-imagediv{
        width: 100% !important;
        padding-left: 0px !important;
    }
    .track-ordersection .track-order{
        padding: 15px 15px !important;
    }
    .track-ordersection{padding: 15px 0px !important;}
    .track-title .track-head{font-size: 16px !important;}
}

.layout-1.common-home #content .so-latest-blog.module h2.modtitle {
    border-bottom: 2px solid #eee;
    display: inline-block;
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
    color: #222;
    font-weight: 700;
    text-transform: uppercase;
}

.layout-1.common-home #content .so-latest-blog.module h2.modtitle span {
    font-size: 23px;
    font-family: 'Open Sans', sans-serif !important;
    line-height: 35px;
    font-weight: 700;
    color: #444;
    display: block;
    text-transform: uppercase;
    padding-bottom: 8px;
    position: relative;
}

.common-home #content .custom-ourblog {
    margin-top: 40px;
}

.crack-banner{
    position: relative;
    z-index: 1;
}

.so-latest-blog .so-blog-external .blog-external .media .media-left.so-block{
    height: 175px;
    overflow: hidden;
}

.so-latest-blog .so-blog-external .blog-external .media .media-left.so-block img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.so-latest-blog.custom-ourblog .so-blog-external .blog-external .media-body .media-content{
    padding-left: 0px !important;
}

.so-latest-blog .so-blog-external .blog-external .media-content .readmore{
    padding-right: 0px !important;
}

.so-latest-blog .so-blog-external.button-type2 .owl2-controls{
    margin-bottom: 0px;
}

.blogmedia-date-added{
    color: #e32e7e;
    font-weight: 600;
    font-size: 14px;
}

.blogmedia-date-added .fa-calendar{
    color: #e32e7e;
}

.so-latest-blog  .so-blog-external.button-type2 .owl2-nav{
    float: none;
    text-align: right;
    margin-bottom: 0px;
    position: absolute;
    top: -60px;
    right: 0;
    z-index: 5;
}

.so-latest-blog  .so-blog-external.button-type2 .owl2-nav .owl2-prev, 
.so-latest-blog  .so-blog-external.button-type2 .owl2-nav .owl2-next {
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    opacity: 1;
    z-index: 99;
    font-size: 18px;
    margin: 0;
}

.so-latest-blog  .so-blog-external.button-type2 .owl2-nav .owl2-prev:before, 
.so-latest-blog  .so-blog-external.button-type2 .owl2-nav .owl2-next:before {
    color: #999;
    font-family: 'FontAwesome';
    display: block;
    text-indent: 0 !important;
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-weight: 400;
}

.so-latest-blog  .so-blog-external.button-type2 .owl2-nav .owl2-next {
    margin-left: 7px;
}

.so-latest-blog  .so-blog-external.button-type2 .owl2-nav .owl2-prev:before {
    content: "\f104";
}

.so-latest-blog  .so-blog-external.button-type2 .owl2-nav .owl2-next:before {
    content: "\f105";
}

.so-latest-blog  .so-blog-external.button-type2 .owl2-nav .owl2-prev:hover, 
.so-latest-blog  .so-blog-external.button-type2 .owl2-nav .owl2-next:hover {
    background-color: #c9c9c9;
    border-color: #c9c9c9;
}

.so-latest-blog  .so-blog-external.button-type2 .owl2-nav .owl2-prev:hover:before, 
.so-latest-blog  .so-blog-external.button-type2 .owl2-nav .owl2-next:hover:before {
    color: #fff;
}

.so-latest-blog.custom-ourblog .so-blog-external .blog-external .media-body .media-content .media-heading a{
    padding: 0;
    font-weight: 700;
    font-size: 15px;
    color: #222;
    text-transform: capitalize;
    font-family: 'Open Sans';
    word-break: break-word;
    text-decoration: none;
    overflow: hidden;
    width: 100%;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.so-latest-blog.custom-ourblog .so-blog-external .blog-external .media-body .media-content .media-heading a:hover{
    color: #D92B81;
}

.custom-ourblog.so-latest-blog .so-blog-external .blog-external .media-body .media-content .description {
    color: #080808;
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    word-break: break-word;
    padding-bottom: 5px;
    overflow: hidden;
    width: 100%;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media(min-width:992px) and (max-width:1199px) {
    .so-latest-blog .so-blog-external .blog-external .media .media-left.so-block{
        height: 140px !important;
    }
}

@media (max-width: 767px) {
    .so-latest-blog .so-blog-external .blog-external .media .media-left.so-block{
        height: 190px !important;
    }
    .common-home #content .custom-ourblog{
        margin-top: 20px !important;
    }
}

@media (max-width: 480px) {
    .so-latest-blog .so-blog-external .blog-external .media .media-left.so-block{
        height: auto !important;
    }
    .layout-1.common-home #content .so-latest-blog.module h2.modtitle span{
        font-size: 18px !important;
    }
    .categorytabsliders-title h2{
        font-size: 18px !important;
    }
    .so-latest-blog.custom-ourblog .so-blog-external .blog-external .media-body .media-content .media-heading a{
        font-size: 14px !important;
    }
}

/******Blog post ui*********/
.blog-listitem .blog-item .blog-item-inner .article-image:before{
    display: none !important;
}

.blog-listitem .blog-item .blog-item-inner {
    box-shadow: 0px 5px 15px 0px #e5dede !important;
    border-radius: 7px;
    margin: 10px 0px 30px 0px;
    background: #fff;
    overflow: hidden;
}

.blog-listitem .blog-grid-1 .blog-item-inner .itemBlogContent {
    padding-top: 10px;
}

.blog-listitem .blog-item .blog-item-inner .itemBlogImg {
    padding: 10px;
}

.blog-listitem .blog-item .blog-item-inner .article-image {
    position: relative;
}

.blog-listitem .article-image .layoutAll-article-image {
    height: 200px;
    overflow: hidden;
    text-align: center;
}

.blog-listitem .blog-grid-3 .article-image .layoutAll-article-image {
    height: 150px;
}

.blog-listitem .blog-listView .article-image .layoutAll-article-image {
    height: 150px;
}

.blog-listitem .blog-grid-4 .article-image .layoutAll-article-image {
    height: 115px;
}

.blog-listitem .article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-listitem .blog-grid .blog-item-inner .itemBlogContent {
    padding-bottom: 10px;
}

.blog-listitem .blog-item .blog-item-inner .blog-content {
    background: #fff;
    clear: both;
    padding: 0px 15px 0px 15px;
    text-align: left;
    position: relative;
}

.blog-listitem .blog-item .blog-item-inner .author {
    overflow: hidden;
    width: 100%;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 14px;
    padding-left: 2px;
}

.blog-listitem .blog-item.blog-grid-3 .blog-item-inner .author{
    font-size: 13px;
}

.blog-listitem .blog-item.blog-grid-4 .blog-item-inner .author{
    font-size: 13px;
}

.blog-content .article-title {
    padding-top: 5px;
}

.blog-listitem .blog-item .blog-item-inner .blog-content h4 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: 'Open Sans';
    font-size: 15px;
    color: #464646;
}

.blog-listitem .blog-item .blog-item-inner .blog-content h4 a {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Open Sans';
    text-decoration: none !important;
    color: #666;
}

.blog-listitem .blog-item.blog-grid-3 .blog-item-inner .blog-content h4 a{
    font-size: 14px;
}

.blog-listitem .blog-item.blog-grid-4 .blog-item-inner .blog-content h4 a{
    font-size: 14px;
}

.blog-listitem .blog-item .article-description {
    line-height: 20px;
}

.blog-listitem .blog-item .article-description {
    overflow: hidden;
    width: 100%;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 60px;
    font-size: 14px;
}

.blog-listitem .blog-item.blog-grid-3 .article-description {
    font-size: 13px;
}

.blog-listitem .blog-item.blog-grid-4 .article-description {
    font-size: 13px;
}

.blog-listitem .blog-grid-1 .blog-item-inner .blog-content .article-description {
    -webkit-line-clamp: 4;
}

.blog-category .blog-listitem .blog-grid-1 .blog-item-inner .blog-content .article-description{
    margin: 5px 0 5px 0;
}

.common-date {
    justify-content: space-between;
}

.common-date {
    display: flex;
    padding: 0;
    margin-top: 10px;
}

.blog-listitem .blog-item .blog-content .common-date div.article-date {
    display: flex;
    font-size: 14px;
}

.blog-listitem .blog-item.blog-grid-3 .blog-content .common-date div.article-date{
    font-size: 12px;
}

.blog-listitem .blog-item.blog-listView .blog-content .common-date div.article-date{
    font-size: 12px;
}

.blog-listitem .blog-item.blog-grid-4 .blog-content .common-date div.article-date{
    font-size: 12px;
}

.article-date {
    padding: 0;
}

.article-date .article-datespan {
    padding-right: 11px;
    position: relative;
}

.article-date .article-datespan::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #ddd;
    height: 100%;
}

.blog-listitem .blog-item .blog-item-inner .blog-content .common-date .readmore {
    padding-left: 15px;
}

.blog-listitem .blog-item.blog-grid-3 .blog-item-inner .blog-content .common-date .readmore {
    padding-left: 7px;
}

.blog-listitem .blog-item.blog-listView .blog-item-inner .blog-content .common-date .readmore {
    padding-left: 7px;
}

.blog-listitem .blog-item .blog-item-inner .blog-content .readmore {
    font-size: 14px;
}

.blog-listitem .blog-item.blog-grid-3 .blog-item-inner .blog-content .readmore {
    font-size: 12px;
}

.blog-listitem .blog-item.blog-listView .blog-item-inner .blog-content .readmore {
    font-size: 12px;
}

.blog-listitem .blog-item.blog-grid-4 .blog-item-inner .blog-content .readmore {
    font-size: 12px;
}

.blog-listitem .blog-item .blog-item-inner .blog-content .readmore > a {
    color: #D92B81 !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
}

.blog-listitem .blog-item.blog-grid-3 .blog-item-inner .blog-content .readmore > a {
    font-size: 12px;
}

.blog-listitem .blog-item.blog-listView .blog-item-inner .blog-content .readmore > a {
    font-size: 12px;
}

.blog-listitem .blog-item.blog-grid-4 .blog-item-inner .blog-content .readmore > a {
    font-size: 12px;
}

.blog-listitem .blog-item .blog-item-inner .blog-content .readmore .fa{
    color: #D92B81 !important;
}

.blog-listitem .blog-item .blog-item-inner .blog-meta .comment_count:hover i {
    color: #D92B81 !important;
}

.blog-category .blog-listitem .blog-item .blog-item-inner .blog-meta {
    padding: 0;
    text-align: right;
}

.blog-listitem .blog-item .blog-item-inner .comment_count {
    margin-right: 0px !important;
}

.blog-category .blog-listitem .blog-item .blog-item-inner .blog-content .blog-meta{
    display: flex;
    align-items: center;
}

.blog-listitem .blog-item .blog-item-inner .comment_count i {
    margin-right: 0px !important;
    font-size: 14px;
}

.blog-listitem .blog-item.blog-grid-3 .blog-item-inner .comment_count i {
    font-size: 12px;
}

.blog-listitem .blog-item.blog-listView .blog-item-inner .comment_count i {
    font-size: 12px;
}

.blog-listitem .blog-item.blog-grid-4 .blog-item-inner .comment_count i {
    font-size: 12px;
}

.blog-listitem .blog-item .blog-item-inner .blog-meta .total-blog-comment {
    color: #b3b3b3;
    font-size: 12px;
}

.blog-listitem .blog-item.blog-grid-3 .blog-item-inner .blog-meta .total-blog-comment {
    font-size: 10px;
}

.blog-listitem .blog-item.blog-listView .blog-item-inner .blog-meta .total-blog-comment {
    font-size: 10px;
}

.blog-listitem .blog-item.blog-grid-4 .blog-item-inner .blog-meta .total-blog-comment {
    font-size: 10px;
}

.blog-category .blog-listitem{line-height: 26px;}

.blog-category .filters-panel .list-view button.btn#list-view{
    background: #666 !important;
}

.blog-category .filters-panel .list-view button.btn#grid-view{
    background: #666 !important;
}

.blog-category .filters-panel .list-view button.btn {
    margin: 0px;
    margin-right: 2px;
    float: left;
    width: 33px;
    height: 33px;
    line-height: 34px;
    color: #fff !important;
    background: #666 !important;
    text-align: center;
    padding: 0;
    border-radius: 0px !important;
    border: none !important;
}

.blog-category .filters-panel .list-view button.btn.active{
    background: #D92B81 !important;
}

.blog-category .filters-panel .list-view button.btn#list-view.active{
    background: #D92B81 !important;
}

.blog-category .filters-panel .list-view button.btn#grid-view.active{
    background: #D92B81 !important;
}

.blog-category .filters-panel {
    margin-bottom: 15px;
}

.content-aside #blog-search .input-group .form-control{
    height: 38px !important;
    background: #eee !important;
    border: none !important;
    padding: 9px !important;
    box-shadow: none !important;
    color: #3d3d3d !important;
    font-size: 13px !important;
    border-radius: 3px !important;
    font-weight: 500;
}

.content-aside #blog-search .input-group #button-search {
    font-size: 14px;
}

.content-aside #blog-search .input-group #button-search .fa{
    font-size: 14px;
}

.content-aside #blog-search .input-group .button-search{
    padding: 9px 20px !important;
    background: #e32e7e !important;
}

.content-aside .module#blog-search {
    border: none !important;
}

body[class^=extension-simple_blog] .content-aside .module h3.modtitle {
    border-bottom: 1px solid #d7d7d7;
    font-size: 16px;
    color: #222;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #f5f5f5;
    margin: 0;
    padding: 15px;
}

body[class^=extension-simple_blog] .content-aside .module h3.modtitle span {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}

body[class^=extension-simple_blog] .content-aside .module {
    border: 1px solid #d7d7d7;
    overflow: hidden;
    margin-bottom: 40px;
    border-radius: 3px;
}

body[class^=extension-simple_blog] .content-aside .module .list-group-item {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    color: #555;
}

body[class^=extension-simple_blog] .content-aside .module .list-group-item a{
    color: #666;
    text-decoration: none !important;
}

body[class^=extension-simple_blog] .content-aside .module .list-group-item a:hover{
    color: #e32e7e !important;
}

.content-aside .module .so-basic-product .item-element .item-inner{
    padding: 0px 0px !important;
}

.content-aside .module .so-basic-product .product-thumb .image{
    width: 80px;
    margin-right: 0px !important;
    text-align: left;
}

.content-aside .module .so-basic-product .caption h4 {
    font-size: 14px;
    margin-bottom: 0px !important;
}

.content-aside .module .so-basic-product .caption h4  a{
    color: #666;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
    font-family: 'Open Sans';
    overflow: hidden;
    width: 100%;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.content-aside .module .so-basic-product .product-thumb .caption{
    margin-left: 90px;
}

.content-aside .module .so-basic-product .item-wrap .item-element {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.content-aside .module .so-basic-product .item-wrap > div:nth-last-child(2){
    margin-bottom: 0px !important;
    border-bottom: none !important;
}

.content-aside .module .so-basic-product .product-thumb .caption .rating span.fa-stack {
    width: 14px;
    height: 12px;
    line-height: 10px;
    font-size: 12px;
}

.content-aside .module .so-basic-product .product-thumb .caption .rating span.fa-stack .fa-stack-2x {
    font-size: 12px;
}

.content-aside .module .so-basic-product .product-thumb .caption span.fa-stack .fa-star.fa-stack-2x:before {
    content: "\f005";
    color: #65c178;
}

.content-aside .module .so-basic-product .product-thumb .caption span.fa-stack .fa-star-o:before {
    content: "\f005";
    color: #bbb;
}

.content-aside .module .so-basic-product .product-thumb .caption .price{
    margin-bottom: 0px !important;
}

.content-aside .module .so-basic-product .product-thumb .caption .price .price-new{
    color: #65c178;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    padding-right: 3px;
}

.content-aside .module .so-basic-product .product-thumb .caption .price .price-old {
    font-weight: 600;
    color: #999;
    text-decoration: line-through;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.content-aside .module .so-basic-product .caption h4 a:hover{
    color: #D92B81;
}

div.article-info .article-description {
    margin-bottom: 30px;
    color: #666;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Open Sans';
}

div.article-info .related-comment .panel-body .form-group #comments .nopadd{
    padding: 0px !important
}

div.article-info .related-comment .panel-body .form-group #comments .control-label{
    display: block;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
    font-family: 'Open Sans';
}

div.article-info .related-comment .panel-body .form-group #comments .form-control {
    border: 1px solid #ddd !important;
    border-radius: 0px !important;
    background: #fff !important;
    height: 40px !important;
    letter-spacing: 1px;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    padding: 8px 20px !important;
    font-family: 'Open Sans';
}

div.article-info .related-comment .panel-body .form-group #comments textarea.form-control {
    height: 150px !important;
}

div.article-info .related-comment .panel-body .form-group #comments #button-comment {
    color: #fff !important;
    background: #65c178 !important;
    border-color: #65c178 !important;
    font-weight: 600;
    font-family: 'Open Sans';
    font-size: 14px;
}

.extension-simple_blog-article-view .media-commentsdiv {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.extension-simple_blog-article-view .comments a.pull-left {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    border-radius: 0.467rem;
}

.extension-simple_blog-article-view .comments a.pull-left .fa {
    font-size: 18px;
    color: #666;
}

.extension-simple_blog-article-view .comments .media-body .media-title .time {
    font-size: 13px;
    color: #878787;
}

.extension-simple_blog-article-view .comments .media-body .media-content p {
    color: #666;
    font-size: 14px;
}

.extension-simple_blog-article-view .media-commentsdiv .comments{
    margin-bottom: 15px !important;
}

.democat-image{
    width: 100%;
    margin-bottom: 15px;
}

.blogbread_flex{
    display: flex;
    justify-content: space-between;
}

.blog-sidebardiv{
    flex-shrink: 0;
    padding-left: 5px;
}

.product-filter .pagination>li>a, .product-filter .pagination>li>span{
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    body[class^=extension-simple_blog] .product-listing {
        background: #fff;
        box-shadow: 5px 0 3px -3px #ededed, -5px 0 3px -3px #ededed;
        padding-top: 25px;
        padding-bottom: 28px;
        line-height: 26px;
    }
    
    body[class^=extension-simple_blog] .articleInfoView {
        background: #fff;
        box-shadow: 5px 0 3px -3px #ededed, -5px 0 3px -3px #ededed;
        padding-top: 25px;
        padding-bottom: 28px;
        line-height: 26px;
        padding-right: 30px
    }
    .wht-nowrapsm{
        white-space: nowrap;
    }
}

@media(min-width:768px) and (max-width:991px) {
    body[class^=extension-simple_blog] .product-listing #content{
        box-shadow: none !important;
        padding-right: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
    }
}

@media (min-width: 992px) {
    body[class^=extension-simple_blog] .product-listing #content{
        box-shadow: none !important;
        padding-right: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .blog-category .blog-listitem .blog-item.blog-grid-4 .blog-item-inner .blog-meta{
        display: none;
    }

    .blog-category .blog-listitem .blog-item.blog-grid-4{
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .blog-listitem .blog-item.blog-grid-4 .blog-item-inner{
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 992px){
    body[class^=extension-simple_blog] .product-listing .sidebar-offcanvas.left_column {
        left: -100%;
    }

    body[class^=extension-simple_blog] .product-listing .sidebar-offcanvas {
        padding-left: 15px !important;
        padding-right: 10px !important;
        background: #fff;
        width: 300px;
        position: fixed;
        top: 0px;
        bottom: 0px;
        z-index: 9999;
        height: 100%;
        overflow-x: scroll;
        box-shadow: 0 0 5px 0 rgb(50 50 50 / 75%);
        transition: all 300ms ease-in-out;
        padding-top: 40px;
        margin: 0px;
    }

    body[class^=extension-simple_blog] .product-listing .sidebar-offcanvas.left_column.active {
        left: 0 !important;
    }

    body[class^=extension-simple_blog] .product-listing .sidebar-offcanvas #close-sidebar {
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 16px;
        display: block;
    }
    body[class^=extension-simple_blog] .product-listing .sidebar-overlay {
        background: rgba(0, 0, 0, 0.5);
        display: none;
        height: 100%;
        opacity: 1;
        position: fixed;
        top: 0;
        left: 0px;
        right: 0px;
        width: 100%;
        z-index: 9998;
    }

    body[class^=extension-simple_blog] .articleInfoView .sidebar-offcanvas.left_column {
        left: -100%;
    }

    body[class^=extension-simple_blog] .articleInfoView .sidebar-offcanvas {
        padding-left: 15px !important;
        padding-right: 10px !important;
        background: #fff;
        width: 300px;
        position: fixed;
        top: 0px;
        bottom: 0px;
        z-index: 9999;
        height: 100%;
        overflow-x: scroll;
        box-shadow: 0 0 5px 0 rgb(50 50 50 / 75%);
        transition: all 300ms ease-in-out;
        padding-top: 40px;
        margin: 0px;
    }

    body[class^=extension-simple_blog] .articleInfoView .sidebar-offcanvas.left_column.active {
        left: 0 !important;
    }

    body[class^=extension-simple_blog] .articleInfoView .sidebar-offcanvas #close-sidebar {
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 16px;
        display: block;
    }
    body[class^=extension-simple_blog] .articleInfoView .sidebar-overlay {
        background: rgba(0, 0, 0, 0.5);
        display: none;
        height: 100%;
        opacity: 1;
        position: fixed;
        top: 0;
        left: 0px;
        right: 0px;
        width: 100%;
        z-index: 9998;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .blog-category .blog-listitem .blog-item.blog-grid-3 .blog-item-inner .blog-meta{
        display: none;
    }
    .blog-category .blog-listitem .blog-item.blog-listView .blog-item-inner .blog-meta{
        display: none;
    }
}

@media only screen and (max-width: 1199px){
    div .content-aside .module .so-basic-product .caption h4 a{
        font-size: 13px;
    }
    .content-aside .module .so-basic-product .product-thumb .image{
        width: 60px !important;
    }
    .content-aside .module .so-basic-product .product-thumb .caption {
        margin-left: 70px !important;
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .blog-category .blog-listitem .blog-grid-4 .article-image .layoutAll-article-image {
        height: 150px;
    }
}

@media (max-width: 767px) {
    body[class^=extension-simple_blog] .product-listing{
        padding: 0px !important;
        background: #fff;
    }
    body[class^=extension-simple_blog] .product-listing #content{
        padding: 0px !important;
    }
    .blogbread_flex{
        padding-top: 15px;
    }
    .blogbread_flex .breadcrumb {
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .blog-listitem .blog-item .blog-content .common-date div.article-date{
        font-size: 12px !important;
    }
    .blog-listitem .blog-item .blog-item-inner .blog-content .readmore > a{
        font-size: 12px !important;
    }
    .blog-listitem .blog-item .blog-item-inner .blog-content .common-date .readmore {
        padding-left: 10px !important;
    }
    .blog-listitem .blog-item .blog-item-inner .comment_count i{
        font-size: 12px !important;
    }
    .blog-listitem .blog-item .blog-item-inner .blog-meta .total-blog-comment{
        font-size: 10px !important;
    }
    .blog-category .blog-listitem .article-image .layoutAll-article-image{
        height: 180px !important;
    }
    body[class^=extension-simple_blog] .articleInfoView {
        background: #fff;
        padding: 0px !important;
    }
    div.article-info .article-title h3{
        font-size: 15px !important;
    }
    .open-sidebar .sidebar-text{display: none;}
    .extension-simple_blog-article-view .comments a.pull-left{
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }
    .extension-simple_blog-article-view .comments a.pull-left .fa{
        font-size: 14px;
    }
    .comments .media-body .media-title .username{
        font-size: 13px;
    }
    .extension-simple_blog-article-view .comments .media-body .media-title .time{
        font-size: 12px;
    }
    .comments .media-body .media-title .time .fa{font-size: 13px;}
    .media-commentsdiv .comments.comments-level-1 {
        margin-left: 30px !important;
    }
    .extension-simple_blog-article-view .comments .media-body .media-content p{
        font-size: 13px;
    }
    div.article-info .article-sub-title span{
        padding-left: 0px;
    }

}

@media(min-width: 501px) and (max-width: 767px) {
    .blog-category .blog-listitem .blog-item{
        width: 50%;
    }
    .blog-category .blog-listitem .blog-item:nth-child(odd){
        padding-right: 5px;
    }
    .blog-category .blog-listitem .blog-item:nth-child(even){
        padding-left: 5px;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .slider-container .actions button.button span{
        font-size: 16px;
        padding: 5px 10px;
    }
    .slider-container .actions button.button span span{
        font-size: 16px;
        padding: 0px !important;
        border: 0 !important;
    }
    #algolia-searchbox{
        width: 490px !important;
    }
    #algolia-searchbox .algolia-search-input{
        width: 370px !important;
    }
    .pt_custommenu div.pt_menu .parentMenu a, 
    .pt_custommenu div.pt_menu .parentMenu span.block-title{
        font-size: 14px !important;
        padding: 10px 10px !important;
    }
    .pt_custommenu #pt_menu_link .parentMenu ul li a{
        padding: 10px 10px !important;
    }
    .nav-container .pt_custommenu{width: 100% !important;}
    #header .nav-container{width: 970px !important;}
    .footer-static .news1 .button-submit button{
        width: fit-content;
    }
    .header a.logo{
        width: 100% !important;
    }
    .products-category .f-category-products .actions button.button span{
        font-size: 16px;
        padding: 5px 10px !important;
    }
    .products-category .f-category-products .actions button.button span span {
        font-size: 16px;
        border: 0 !important;
        padding: 0 !important;
    }
    .content-aside .news1 .button-submit button{
        padding: 8px 4px !important;
        font-size: 12px !important;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .common-home #content.col-main {
        width: 66.66666667%;
    }
    .module .fseason .product-grid {
        width: 49% !important;
        float: left;
        margin: 0 1% 1% 0;
    }
    .footer-static .about-goodwill{
        width: 100% !important;
        margin-bottom: 15px;
    }
    .footer-static .goodwill-quick{
        width: 65% !important;
    }
    .footer-static .goodwillfcontact{
        width: 35% !important;
    }
    .footer-static .news1 .button-submit button{
        width: fit-content;
    }
    .newarrival aside + #content.col-sm-9 {
        width: 66.66666667%;
    }
    .product-category aside + #content.col-md-9 {
        width: 66.66666667%;
    }
    body[class^=account-] aside + #content.col-sm-9 {
        width: 66.66666667%;
    }
    .products-category .f-category-products .product-grid {
        width: 50% !important;
        float: left;
    }
    .header a.logo{
        width: 100% !important;
    }
    #algolia-searchbox{
        width: 400px !important;
    }
    #algolia-searchbox .algolia-search-input{
        width: 280px !important;
    }
    .chitfund-span img {
        padding-left: 0px !important;
    }
    .header .top-cart-wrapper {
        width: 85px !important;
    }
    .header .cartt{font-size: 12px;}
    .products-category .product-filter .col-sm-7.view-mode{width: 70%;}
    .products-category .product-filter .col-sm-5.short-by-show{width: 30%;}
    .products-category .product-filter .view-mode > .col-sm-4{display: none;}
    .products-category .product-filter .view-mode > .col-sm-8{padding: 0px !important;}
    .products-category .product-filter .short-by-show .control-label{font-size: 14px;}
    .products-category .product-filter .short-by-show .form-group select{font-size: 14px;}
    .pt_custommenu div.pt_menu .parentMenu a, .pt_custommenu div.pt_menu .parentMenu span.block-title {
        font-size: 13px !important;
        padding: 10px 5px !important;
    }
    #header .nav-container{width: 750px !important;}
    .nav-container .pt_custommenu{width: 100% !important;}
    .content-aside .news1 .button-submit button{
        padding: 8px 4px !important;
        font-size: 12px !important;
    }
}

.pd0{
    padding: 0px !important;
}

.combopageui {
    background: #fff;
    box-shadow: 5px 0 3px -3px #ededed, -5px 0 3px -3px #ededed;
    padding-top: 25px;
    padding-bottom: 28px;
}

.combodetailpageui {
    background: #fff;
    box-shadow: 5px 0 3px -3px #ededed, -5px 0 3px -3px #ededed;
    padding-top: 25px;
    padding-bottom: 28px;
}

.threeboxtotal {
    overflow: hidden;
    text-transform: uppercase;
    margin: 0px 0px;
    box-shadow: 0px 2px 2px #ccc;
    position: relative;
    font-family: 'Open Sans';
    text-align: center;
    color: #FFF;
    font-weight: bold;
    display: flex;
    width: 100%;
    padding: 0px;
    font-size: 14px;
}

.threeboxtotal.fixed{
    position: fixed;
    z-index: 1;
    top: 0;
}

.threeboxtotal > div {
    width: 33%;
    padding: 15px 10px;
    font-family: 'Open Sans';
}

.threeboxtotal .bundle-pricediv {
    background: #65c178;
}

.threeboxtotal .your-savediv {
    background-color: #D92B81;
}

.threeboxtotal div.bundle-btndiv {
    background: #f68c1f;
    width: 34%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.threeboxtotal .bor {
    display: block;
    width: 90px;
    height: 1px;
}

.threeboxtotal .bor-top {
    background: rgba(0, 0, 0, 0.3);
    margin: 7px auto 0;
}

.threeboxtotal .bor-bottom {
    background: rgba(255, 255, 255, 0.3);
    margin: 0 auto 7px;
}

.threeboxtotal .bor {
    display: block;
    width: 90px;
    height: 1px;
}

.bundle-pricediv .bundle-total .bundle-price{
    font-size: 18px;
    color: #fff;
}

.bundle-pricediv .bundle-total .pc-save{
    text-decoration: line-through;
    font-size: 12px;
    color: #000;
}

.pc-pricetext{
    font-size: 14px;
    color: #fff;
}

.pc-savetext{
    font-size: 14px;
    color: #fff;
}

.your-savediv .you-save{
    font-size: 18px;
    color: #fff;
}

.bundle-btndiv .bundle-btn button.addtocart{
    background: #e32e7e !important;
    color: #fff !important;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 2px;
}

.data-table .bundlelist-btn a.addtocart {
    background: #65c178 !important;
    color: #fff !important;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 2px;
    text-decoration: none !important;
    display: inline-block;
}

.data-table .bundlelist-btn a.addtocart:hover{
    background: #e44f4f !important;
}

.comboproductdetails-page .pc_container{
    border: none !important;
}

.table-combowrapper .data-table.combo-items-table thead th {
    border-right: 1px solid rgba(169, 169, 169, 0.3) !important;
    background: #edecd0;
    color: #000;
}

.table-combowrapper .data-table th{
    word-break: break-word;
}

.table-combowrapper .data-table td{
    word-break: break-word;
}

.table-combowrapper .data-table tbody td .cproductname{
    color: #65c178 !important;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    font-weight: 600 !important;
}

.table-combowrapper .data-table tbody td .combo-name {
    color: #65c178 !important;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    font-weight: 600 !important;
}

.table-combowrapper .data-table tbody td .cproductname:hover{
    color: #D92B81 !important;
    text-decoration: underline;
}

.table-combowrapper .data-table thead th {
    padding: 10px 10px;
}

.table-combowrapper .data-table tbody td{
    padding: 10px 10px;
}

.combo-items-table{
    margin-bottom: 30px;
}

.comboproductlist .table-combowrapper .data-table .cbimage{
    width: 20%;
}

.comboproductlist .table-combowrapper .data-table .cbprodname{
    width: 45%;
}

.comboproductlist .table-combowrapper .data-table .cbprice{
    width: 20%;
}

.comboproductlist .table-combowrapper .data-table .cbaction{
    width: 15%;
}

.comboproductlist .table-combowrapper .data-table .comboprice .price-new {
    font-size: 18px;
    color: #f68c1f;
    font-weight: bold;
    padding-right: 5px;
}

.comboproductlist .table-combowrapper .data-table .comboprice .price-old {
    font-size: 14px;
    color: #666;
    font-weight: bold;
}

.comboproductdetails .table-combowrapper .data-table .cbimage{
    width: 15%;
}

.comboproductdetails .table-combowrapper .data-table .cbprodname{
    width: 55%;
}

.comboproductdetails .table-combowrapper .data-table .cbprice{
    width: 30%;
}

.comboproductdetails .table-combowrapper .data-table .comboprice .price-new {
    font-size: 18px;
    color: #f68c1f;
    font-weight: bold;
    padding-right: 5px;
}

.comboproductdetails .table-combowrapper .data-table .comboprice .price-old {
    font-size: 14px;
    color: #666;
    font-weight: bold;
}

.table-combowrapper .data-table .downcoo li span{
    color: #D92B81;
}

.table-combowrapper .data-table .downcoo li span i{
    color: #D92B81;
}

.pc-title {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ededed;
    margin: 0 0 25px;
    padding-bottom: 10px;
}

.pc-title h1 {
    font-size: 23px;
    color: #444 !important;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif !important;
    margin: 10px 0px 0px;
    font-weight: bold;
}

.pc_model_dialog_content .pc_close{
    left: auto;
    right: 25px;
    top: 18px;
    padding: 0px;
}

.opt-title {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ededed;
    margin: 0 0 25px;
    padding-bottom: 10px;
}

.opt-title h3 {
    font-size: 23px;
    color: #444 !important;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif !important;
    margin: 0px;
    font-weight: bold;
}

.comboproductdetails .pcmodel .pc_model_dialog .col_s_6{
    float: none !important;
    display: flex;
    width: 100% !important;
}

.pc_model_dialog .cbopt-imagediv{
    width: 200px;
    padding-right: 15px;
    flex-shrink: 0;
}

.pc_model_dialog .cboptions-div{
    flex: 1;
}

.cbopt-imagediv .image{margin-bottom: 10px;}
.addtocartwithoption .fa{padding-right: 5px;}
.pc_model_dialog .pcmodel-btndiv{
    padding: 15px 15px 30px 15px;
    width: 100%;
    text-align: center;
}

.pcmodel-btndiv .addtocartwithoption {
    margin: 0px;
    padding: 12px 12px;
    font-size: 15px;
}

.product-item-container .product-item-inner .des-inbox{
    z-index: 5;
}

.product-item-container .product-item-inner .add-to-links li button{
    z-index: 20;
}

.dont-miss .product-name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
}

.share-box{
    margin: 15px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.tooltips {
    position: relative;
    display: inline-block;
  }
  
  .tooltips .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 115%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 13px;
  }
  
  .tooltips .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
  }
  
  .tooltips:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }

  .share-box .btn-copy{
    padding: 7px 17px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 13px;
    background-color: #0092d7;
    color: #fff;    
    height: 37px;
    display: flex;
    align-items: center;
  }

  .share-box .btn-copy:hover {
    background-color: #0092d7d4;
  }

  .share-box .btn-copy img{
    height: 23px;  
    padding-right: 3px;
    flex-shrink: 0;
  }

  .share-box .btn-what{
    padding: 7px 17px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 13px;
    background-color: #289a40;
    color: #fff;
    height: 37px;
    display: flex;
    align-items: center;
  }

  .share-box .btn-what:hover {
    background-color: #289a40bd;
  }

  .share-box .btn-what img{
    height: 21px;
    padding-right: 6px;
    flex-shrink: 0;
  }

  .share-box .form-group{
    margin-bottom: 0;
    position: relative;
  }

  .share-box .form-group .form-control{
    height: 37px !important;
    appearance: none;  
    padding: 5px 10px !important;
    font-size: 13px; 
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='37' viewBox='0 0 24 24' width='37' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    border-width: 1.5px;
    border-radius: 4px;
    padding-right: 37px !important;
  }

  .logistic-list{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 -7px;
  }

  .logistic-list-box{
    width: calc(33.33% - 14px);
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 7px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 15px;
    position: relative;
    padding-bottom: 15px;
    font-weight: bold;
  }

  .logistic-list-box .ttl h3{
    color: #444 ;
    font-size: 17px;
    margin-bottom: 15px;
  }

  .logistic-list-box .flex-li{
    display: flex;    
    margin-top: 6px;
  }

  .logistic-list-box .flex-li.alt-phone{
    padding-left: 20px;
  }

  .logistic-list-box .flex-li .icon{
    flex-shrink: 0;
  }

  .logistic-list-box .flex-li .icon i{
    font-size: 20px;
    color: #444;
    width: 20px;
  }

  .logistic-list-box .flex-li.alt-phone .icon i{
    font-size: 23px;
  }  

  .logistic-list-box .flex-li .text{
    font-size: 14px;
  }

  .logistic-list-box .btn-box{
    position: absolute;
    bottom: 15px;
    right: 15px;
  }

  .logistic-list-box .btn-map {
    line-height: 17px;
    margin-bottom: 5px;
    font-weight: 500;
    padding: 7px 10px;
    font-size: 13px;
    background: #65c178;
    border-radius: 5px;
    color: #fff;
  }

  .logistic-list-box .btn-map:hover{
    background: #e44f4f;
    color: #fff;
  }

  .pin-search label{
    font-weight: 400;
    color: #666;
  }

  .pin-search .row{
    margin-left: -15px !important;
  }

@media (min-width: 768px) {
    .comboproductdetails .pcmodel .pc_model_dialog{
        left: 10px;
        margin: auto;
        right: 10px;
        top: 10px;
        bottom: 10px;
        width: max-content;
        max-width: 600px;
        height: max-content;
        max-height: calc( 100% - 20px);
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media (max-width: 767px) {
    .logistic-list-box {
        width: calc(50% - 14px);
    }
    .share-box{
        flex-wrap: wrap;
        padding: 0 10px;   
        gap: 0; 
    }
    .share-box .form-group{
        width: 100%;
        margin-bottom: 10px;
    }
    .share-box .btn-what{
        margin-left: 10px;
    }
    .product-view .product-shop .product-name h1 {
        padding: 0 10px;
        padding-top: 8px;
    }
    .combopageui {
        padding: 0px !important;
        background: #fff;
    }
    .pc-title h1 {
        font-size: 18px;
    }
    .comboproductlist .table-combowrapper .data-table th{
        white-space: normal !important;
        font-size: 14px !important;
    }
    .table-combowrapper .data-table tbody td .combo-name{
        font-size: 15px;
    }
    .comboproductlist .table-combowrapper .data-table td{
        font-size: 14px !important;
    }
    .comboproductlist .combo-items-table{
        table-layout: auto;
    }
    .comboproductlist .table-combowrapper .data-table .cbimage {
        width: 30% !important;
    }
    .comboproductlist .table-combowrapper .data-table .cbprodname {
        width: 40% !important;
    }
    .comboproductlist .table-combowrapper .data-table .cbaction {
        width: 30% !important;
    }
    .comboproductlist .table-combowrapper .data-table .comboprice .price-new{
        font-size: 15px;
    }
    .comboproductlist .table-combowrapper .data-table .comboprice .price-old{
        font-size: 14px;
    }
    .table-combowrapper .data-table .bundlelist-btn a.addtocart{
        font-size: 14px;
    }
    .data-table .combo-description{
        font-size: 13px;
    }
    body.extension-product_bundle header.fixed-scroll{position: relative !important;}
    .combodetailpageui {
        padding: 0px !important;
        background: #fff;
    }
    .threeboxtotal .bundle-pricediv{width: 60% !important;}
    .threeboxtotal .bundle-btndiv{width: 40% !important;}
    .bundle-btndiv .bundle-btn button.addtocart{font-size: 14px;}
    .table-combowrapper .data-table th {
        white-space: normal;
        font-size: 14px;
    }
    .comboproductdetails .table-combowrapper .data-table th {
        white-space: normal !important;
        font-size: 14px !important;
    }
    .comboproductdetails .table-combowrapper .data-table .cbimage {
        width: 20% !important;
    }
    .comboproductdetails .table-combowrapper .data-table .cbprodname{
        width: 45% !important;
    }
    .comboproductdetails .table-combowrapper .data-table .cbprice {
        width: 35% !important;
    }
    .comboproductdetails .table-combowrapper .data-table tbody td .cproductname{
        font-size: 14px;
    }
    .comboproductdetails .table-combowrapper .data-table td {
        font-size: 14px !important;
    }
    .comboproductdetails .pcmodel .pc_model_dialog{
        left: 10px;
        margin: auto;
        right: 10px;
        top: 10px;
        width: calc( 100% - 20px) !important;
        bottom: 10px;
    }
    .comboproductdetails .pcmodel .pc_model_dialog .col_s_6{
        flex-direction: column;
    }
    .pc_model_dialog .cbopt-imagediv{
        width: 100% !important;
        padding-right: 0px !important;
    }
    .opt-title h3{font-size: 18px !important;}
    .pc_model_dialog_content .pc_close{top: 11px !important;}
    .dont-miss .re15 .product-name{
        line-height: normal !important;
    }
}

@media (max-width: 480px) {    
    .logistic-list-box {
        width: 100%;
        margin: 7px 0;
    }
    .logistic-list{
        margin: 0;
    }
    .pc-title h1 {
        font-size: 16px;
    }
    .table-combowrapper .data-table tbody td .combo-name{
        font-size: 13px;
    }
    .comboproductlist .table-combowrapper .data-table th{
        white-space: normal !important;
        font-size: 12px !important;
        padding: 10px 5px !important;
    }
    .comboproductlist .table-combowrapper .data-table td{
        font-size: 13px !important;
        padding: 5px 5px !important;
    }
    .comboproductlist .table-combowrapper .data-table .comboprice .price-new{
        font-size: 12px !important;
    }
    .comboproductlist .table-combowrapper .data-table .comboprice .price-old{
        font-size: 11px !important;
    }
    .table-combowrapper .data-table .bundlelist-btn a.addtocart{
        font-size: 12px !important;
        padding: 10px 5px !important;
        width: 100% !important;
    }
    .data-table .combo-description{
        font-size: 13px !important;
    }
    .combo-description div, .combo-description p{
        font-size: 13px !important;
    }
    .threeboxtotal > div{padding: 5px 5px !important;}
    .bundle-pricediv .pc-pricetext{
        font-size: 12px;
        color: #fff;
    }
    .your-savediv .pc-savetext{
        font-size: 12px;
        color: #fff;
    }
    .bundle-pricediv .bundle-total .bundle-price{
        font-size: 14px !important;
    }
    .bundle-pricediv .bundle-total .pc-save{
        font-size: 11px !important;
    }
    .bundle-btndiv .bundle-btn button.addtocart{
        font-size: 12px !important;
        padding: 10px 10px !important;
    }
    .threeboxtotal .bor{width: 60px !important;}
    .table-combowrapper .data-table th {
        white-space: normal;
        font-size: 12px;
        padding: 10px 5px;
    }
    .comboproductdetails .table-combowrapper .data-table th {
        white-space: normal !important;
        font-size: 12px !important;
        padding: 10px 5px !important;
    }
    .comboproductdetails .table-combowrapper .data-table tbody td .cproductname{
        font-size: 12px !important;
    }
    .comboproductdetails .table-combowrapper .data-table td {
        font-size: 13px !important;
        padding: 5px 5px !important;
    }
    .downcoo li span{
        font-size: 12px !important;
    }
    .downcoo li span i{
        font-size: 12px !important;
    }
    .downcoo li{padding: 1px !important;}
    .comboproductdetails .table-combowrapper .data-table .comboprice .price-new{
        font-size: 14px !important;
        padding-right: 0px !important;
    }
    .comboproductdetails .table-combowrapper .data-table .comboprice .price-old{
        font-size: 12px !important;
    }
    .dont-miss .re15 .product-image-container{
        height: 130px;
    }
    .dont-miss .re15 .price-box{
        min-height: 42px;
    }
}