@import url("https://fonts.googleapis.com/css2?family=Ramabhadra&display=swap");

@media screen and (max-width: 468px) {
    .col-12 {
        width: 100%;
    }
}
@media screen and (min-width: 993px) {
    .mobile-header .mobile-nav{
        display: none !important;
    }
}
@media screen and (max-width: 992px) {
    .mobile-header{
        display: flex !important;
        margin: auto; 
        align-items: center;
        justify-content: space-evenly;
        width: 100%;
        float: right !important;
    }
    a.mobile-nav {
        padding: 5px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        align-content: center;
        margin: auto !IMPORTANT;
        flex-direction: row;
        font-size: 25px;
    }
    a.mobile-nav.profile-img{
        width: 40px;
    }
    a.mobile-nav.profile-img img.image{
        width: 100%;
        border-radius: 50%;
        border: 1px solid #bbb;
        padding: 1px;
    }
    nav.navbar.bootsnav.no-full .navbar-collapse {
        max-height: 100% !important;
        height: auto !important;
        overflow-y: auto !important;
        margin-left: -17px !important;
    }
    nav.navbar.bootsnav .navbar-nav{
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
}
 

.modal-content.business-page {
    border-style: none !important;
    border-radius: 0 !important;
    height: auto;
    padding: 0;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.advertisement-slider .owl-nav {
    margin-top: -198px;
    color: red;
    font-size: 94px;
    position: absolute;
} 

.ad-price {
    color: red;
    margin-left: 15px;
    font-size: 18px;
    font-weight: 600;
}
#galleria {
    height: 600px;
}
#galleria.no-images {
    height: 10px;
}
/*member*/
.feature-box1 span {
    background: #ff431e;
}
.feature-box1 span {
    background: #f4f4fe00;
    border-radius: 50%;
    text-align: center;
    font-size: 13px;
    margin: 0 auto;
    margin-left: auto;
    color: #000;
}
.feature-box1 span {
    /*display: table;*/
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: -7px;
    padding: 8px;
}
.member-district {
    font-size: 11px;
}
.member-mail {
    margin-bottom: -7px;
}
.member-city {
    margin-bottom: -7px;
}
.member-conti {
    margin-top: 18px;
    margin-left: 37px;
}
.member-description{
    width: 100%;
}
.member-description p {
    margin-top: 0px;
    padding-bottom: 5px;
    padding-left: 16px;
    min-height: 77px;
}
.feature-box1 {
    font-size: 14px;
}
.soc .social-icon {
    padding-bottom: 49px;
}
.social1 a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    line-height: 38px;
    text-align: center;
    color: #ff431e;
    border: 0px solid #eaeff5;
    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    box-shadow: 0 2px 10px 0 #d8dde6;
    margin-left: -28px;
    margin-bottom: 7px;
    padding: 13px;
}
.ads-title {
    /* margin-top: 79px; */
    margin: auto;
}
.error-msg {
    padding: 10px;
    background: #ff000080;
    color: #fff;
    width: 100%;
    height: 40px;
    border: 1px solid red;
}
.forgot-password a {
    font-size: 12px;
    padding-left: 0px;
}
.center .send-mail {
    margin-top: 16px;
}
.send-password .btn {
    margin-top: 18px;
    margin-left: 39px;
}
.forgoten {
    margin: 26px 0 0px !important;
}
.member-email {
    margin-left: 19px;
}
.btn-reset {
    margin-top: 20px;
}
.member-title {
    padding-top: 42px;
}
.view-business-title {
    padding-top: 128px;
}

.category-box-layout1 {
    border-radius: 4px;
    background-color: #b3afaf6e;
    padding: 30px 8px;
    padding: 20px 8px;
    text-align: center;
    width: 220px;
    margin: 0 auto 30px;
}
.category-box-layout1 .item-icon {
    order: 1;
    /*    background-color: #ff4a52;
          border-radius: 50%;*/
    height: 80px;
    width: 80px;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: 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: 42px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.mah-detail-box h4 {
    color: #ffffff;
    margin-top: 41px;
    margin-bottom: 2px;
}
a .category-box-layout1:hover {
    /*border: 1px solid #003263;*/
    box-shadow: 7px 7px 6px -2px rgba(0, 0, 0, 0.82);
}
.m-t-110 {
    margin-top: 110px;
}
.order-product-btn {
    margin-top: 13px;
}
.listing-shot-info .read-order {
    padding-right: 32px;
    padding-bottom: 3px;
    float: right;
}
/* .tab-img img {
  margin: 0em auto 2em;
  display: block;
  max-width: 100%;
} */
.offer-text {
    color: red;
    font-weight: 600;
    font-size: 28px;
}

.details-rat1 {
    float: left;
    margin-right: 17px;
    font-size: 18px;
    padding-top: 117px;
    color: #fff;
}
.detail-rating-count {
    margin-right: 40px;
    font-size: 13px;
}
.business-title-content {
    /* margin-top: 15px; */
}
.see-more i {
    padding: 10px;
    border: 1px solid #e6e4e4;
    border-radius: 17px;
    border-radius: 17px;
    background: #fff;
}
.see-more-section {
    text-align: center;
    margin-top: -18px;
    margin-bottom: 16px;
}
.tab-pane .business-search-section img {
    margin: 0;
    display: block;
    max-width: 100%;
}
.business-search-section .grid-style .listing-shot-img {
    height: 100%;
    max-height: 100%;
    min-height: auto;
}
.tab-pane1 .ad-search-section img {
    border-radius: 0;
    margin-bottom: 0;
}
.style-2 .tab-pane1 .ad-search-section span.like-listing {
    left: auto;
}
.tab-pane1 .member-search-section img {
    border-radius: 0;
    margin-bottom: 0;
}
.tab-pane1 .member-search-section .blog-avatar img {
    border-radius: 50%;
}
.banner .chosen-container b {
    margin-top: 16px;
}
.banner .chosen-single {
    font-size: 15px;
    background: #fdfdfd;
    height: 70px;
    border-right: 1px solid #9a9fc5;
    border-radius: 0px;
    line-height: 70px;
    color: #9a9fc5;
}
.tab-pane .all-business img {
    margin: 0;
    display: block;
    max-width: 100%;
}
.all-business .grid-style .listing-shot-img {
    height: 100%;
    max-height: 100%;
    min-height: auto;
}
.all-business span.author-img-box {
    top: -34px;
}
.chosen-container-single .chosen-single span {
    margin-left: 30px;
    text-align: left;
}
.member-section .author-type {
    position: relative;
    height: auto;
    display: block;
    margin: 0 30px
}
.member-search-section .author-type {
    position: relative;
    height: auto;
    display: block;
}
.member-search-section .blog-grid-box-img {
    height: auto;
}

.member-search-section .member-cover {
    max-height: 120px !important;
}

.member-search-section .member-conti {
    margin-left: 0px;
}
.category-box-full.album-box {
    position: relative;
    height: 100%;
    min-height: 300px;
    max-height: 300px;
}

.category-box-full.album-box .category-box-content {
    top: 0;
}

.category-box-full.album-box .category-box-content h3 {
    overflow-wrap: anywhere;
}

.listing-shot-info.rating1 {
    border-top: 0px solid rgba(71, 85, 95, 0.11);
}
.detail-link {
    text-transform: none !important;
    border: 1px solid #ff3a72;
    border-radius: 50px;
    padding: 1px 11px 1px 11px;
}
span.author-img-box1 {
    max-width: 60px;
    top: -8px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 999;
}
.star-rating-driver i {
    color: #ffd107;
    font-size: 20px;
    margin-top: 6px;
}
.ad-caption1 h2 {
    margin-top: -57px;
    margin-left: 1px;
}
.listing-detail-info1 span {
    margin-bottom: 3px;
}
.listing-shot1 {
    border-radius: 0px;
}
.ad-section .listing-shot-info.rating span.detail-link {
    margin-top: 4px;
    margin-right: 12px;
}
.verticleilist.listing-shot span.like-listing1 {
    top: 30px;
}
.ad-caption1 {
    margin-left: -21px;
}
.listing-shot-infom1 {
    padding: -1px 15px 17px;
}
.author-img-boxes1 img {
    width: 10%;
    margin-left: 12px;
}
.verticleilist.listing-shot .verticle-listing-captions1 {
    margin-left: -54px;
    margin-top: 9px;
}

.member-section .blog-avatar {
    margin: -40px auto 0;
}
.listing-detail-info1 span {
    margin-bottom: -7px;
}
.verticleilist.listing-shot .verticle-listing-captions1 {
    margin-left: -70px;
}
.ad-section .listing-shot-img {
    min-height: 158px;
}
.listing-shot-caption {
    top: 10px;
}
.extra1 {
    line-height: 38px;
}
.business-name {
    margin-top: -26px !important;
}
.listing-shot-info {
    padding: 10px 10px 0px;
    /* padding: 10px 4px 0px; */
}
.like-listing1 {
    font-size: 13px;
}
.background-img {
    background-color: #000fa0;
}
.banner.inner-page-banner {
    padding-top: 2.5%;
    height: 10vh;
    min-height: auto !important;
}
.form-control.right-br {
    border-left: 1px solid #e4e4e4;
}
.banner-caption .form-control {
    border-radius: 0 !important;
}
.verticleilist.listing-shot .advertisement-img img {
    width: 100%;
}
.ad-info span {
    margin-left: 77px;
}
.ads-user-img {
    margin-left: 87px !important;
    margin-top: -2px;
}
.ads-name p {
    margin-left: 130px;
}
.advertisement-title h2 {
    margin-top: -20px;
    margin-left: 79px;
    font-size: 24px;
}
.verticleilist.listing-shot span.ads-price {
    top: 0px;
    font-size: 19px;
    font-weight: 600;
}
.ads-name h4 {
    font-size: 12px;
    margin-left: 236px;
    margin-top: -51px;
}
.location {
    margin-top: -3px;
}
.main-list-bar {
    margin-bottom: 10px;
    padding: 5px 5px 5px 5px;
}
.list-user-bar img {
    width: 30px;
    float: left;
    margin-right: 7px;
}
.add-price {
    margin-top: 0;
    font-weight: 600;
    font-size: 20px;
}
.ads-list {
    margin: 15px 0px -3px 0px;
}
.ads-category {
    padding: 15px 0px 0px 0px;
}
.side-list ul,
.body.home-2 .banner h1 span,
.profile-name h1,
.detail-wrapper-header h4,
.widget-boxed-header h4,
.widget-title,
body.home-2 .banner h1,
.heading h2,
#categories .category h4,
.feature-box h4,
.listing-shot-caption h4,
.title-content,
.ad-price,
.post-meta,
.theme-cl,
.preview-info-header,
.forum-title-section .forum-title h3 {
    font-family: "Oswald", sans-serif;
}
.product-image img {
    width: 100%;
    padding: 12px;
}
.bg-section,
.other-img-box {
    /*border: 1px solid #eaeff5;*/
    border: 0;
    -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);
}
.product-title h4 {
    font-size: 12px;
    border: 1px solid #131d47;
    text-align: center;
    color: #fff;
    background-color: #131d47;
    padding: 6px 10px;
}
.product-category img {
    width: 100%;
}
.product-btn span {
    text-transform: none !important;
    border: 1px solid #131d47;
    border-radius: 50px;
    padding: 1px 11px 1px 11px;
    color: #fff;
    background-color: #131d47;
    font-size: 13px;
}
.product-btn {
    margin-top: 12px;
}
.border-line {
    border-bottom: 1px solid #00000021;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.category-list-bar {
    padding: 0px;
}
.product-title {
    padding: 0px;
}
.other-img-box img {
    width: 100%;
}
.title-bar {
    margin-top: -18px;
    border-top: 4px solid #cacaca;
}
.price-bar span {
    font-size: 13px;
    color: #000;
    font-weight: 600;
}
.price-bar span.sub {
    font-size: 9px;
    color: #919da1;
    font-weight: 100;
}
.price-bar p.sub.sub-price {
    font-size: 9px;
    color: #919da1;
    font-weight: 100;
    text-decoration: line-through;
}
.title-line p {
    text-align: justify;
    font-size: 9px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 0px;
    color: #3e3e3e;
}
.image-bar img {
    padding: 0px 0px 8px 0px;
}
.img-box {
    /*height: 283px;*/
}
.main-product-section {
    margin-top: 0px;
    width: 100%;
}
.main-product-section .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}
.product-view-bar .col-md-2.main-category {
    padding-left: 0;
    padding-right: 0;
}
.other-img-box.main-category img {
    width: auto;
}
.main-product-section .main-product-category-title-section span {
    font-size: 19px;
    font-weight: 600;
    color: #393939;
}
.main-product-section .main-product-category-title {
    float: left;
}
.main-product-section .main-product-category-title-section .title-bar {
    margin-top: 11px;
    margin-left: 10px;
}
.main-product-section .product-box {
    border: 1px solid #eaeff5;
    border-radius: 5px;
    margin: 4px;
    padding: 8px;
    box-shadow: 1px 2px 2px 0px #b7b7b7;
    width: 230px;
}
.other-img-box.main-category {
    border: 0;
    -webkit-box-shadow: none;
    background: #fff;
}
.price-bar p.sub-price {
    margin-bottom: 0;
}
.main-product-section .product-btn {
    margin-top: 0;
}
.price-bar {
    line-height: 13px;
    margin-top: 5px;
}
.views-bar {
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 7px;
    color: #8995a2;
}
.main-product-section .slick-prev {
    left: 26px;
    z-index: 999;
}
.main-product-section .slick-next {
    right: 12px;
}
.product-view-bar {
    background: #fff;
    margin-bottom: 20px;
}
.product-all-page {
    background: #f0f0f0;
}
.other-img-box.slick-carousel-other {
    padding-left: 37px;
}
.product-all-page .top-product-section {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff;
}
.product-all-page .top-product-section .slick-carousel-product .slick-track {
    padding-top: 0px;
    padding-bottom: 0px;
}
.product-all-page
.top-product-section
.product-image.slick-carousel-product
img {
    padding: 0;
}
.product-all-page .top-product-section .product-image {
    padding-left: 0;
}
.product-all-page .top-product-section h4 {
    margin-top: 0;
}
.product-all-page .top-product-section .other-lists .col-md-8 {
    padding-left: 0;
}
.product-all-page .top-product-section .other-lists .other-list-title {
    margin-bottom: 10px;
}
.side-list ul.category-list li {
    border-bottom: 1px solid #8995a233;
    color: #8995a2;
}
.slick-carousel-product .slick-dots {
    position: absolute;
    bottom: -33px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
}
.slick-carousel-product .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-carousel-product .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}
.slick-carousel-product .slick-dots li button::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 40px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-carousel-product .slick-dots li.slick-active button::before {
    color: black;
    opacity: 0.75;
}
.product-by-caregory .product-box {
    height: 250px;
    margin-bottom: 15px;
    background: #fff;
}
.product-by-caregory .product-box img {
    width: 100%;
}
.product-by-caregory .main-product-section {
    /*margin-top: -143px;*/
}
.product-by-caregory .main-product-section .product-view-bar .col-md-2 {
    padding-left: 0;
    padding-right: 5px;
}
.product-by-caregory .main-product-section .title-line {
    margin-top: 8px;
}
.product-by-caregory .main-product-section .product-view-bar {
    background: transparent;
}
.container-background {
    margin-left: 110px;
    margin-right: 110px;
    background: #fcdfd5;
    width: auto;
    height: 150px;
    border-radius: 0 0 15px 15px;
}
.kl-cta-ribbon {
    margin-bottom: -7px;
    margin-top: 0px;
}
.kl-cta-ribbon-1 {
    background: gold;
}
.kl-cta-ribbon-2 {
    background: silver;
}
.kl-cta-ribbon-3 {
    background: #d19a55;
}
.ctabutton {
    clear: left;
    position: absolute;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 0px 13px 0px;
    margin-top: -9px;
    margin-left: 13px;
    left: 0;
    top: 14px;
}
.kl-cta-ribbon .trisvg {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 7px;
}
.kl-cta-ribbon-1 .trisvg path {
    fill: gold;
}
.kl-cta-ribbon-2 .trisvg path {
    fill: silver;
}
.kl-cta-ribbon-3 .trisvg path {
    fill: #d19a55;
}
.main-products-by-cat {
    /* margin-top: 30px; */
}
.product-by-caregory .main-products-by-cat {
    margin-top: 0px;
}

/* search php  //////////////////////////////////// 
* ///////////////////////////////////////////////////////
*
*
*
************************/

.list-img-bar.listing-shot-img.image-container {
    /* height: 160px; */
    /* margin: auto; */
}
.list-img-bar.listing-shot-img.image-container img {
    margin: 0;
}

/*  business css  //////////////////////////////////// 
* ///////////////////////////////////////////////////////
*
*
*
************************/

.all-business-items {
    padding: 2em 0;
}

/* view business css  //////////////////////////////////// 
* ///////////////////////////////////////////////////////
*
*
*
************************/

/* review */
#owl-review .review.item .review-img img {
    width: 12%;
    border-radius: 50%;
    margin: auto !important;
}

#owl-review .review.item .review-description,
#owl-review .review.item .review-name,
#owl-review .review.item .review-stars {
    text-align: center;
}

#owl-review .review.item .review-description p {
    padding: 0 10% 0;
}

#owl-review .review.item .review-description p {
    margin: 10px 0 0 !important;
}
#owl-review .owl-item .review-name {
    font-weight: 600;
}
#owl-review .owl-item .review-stars > span {
    font-size: 12px;
}

#owl-review .review.item .review-stars i {
    color: #ffc107;
}

/* service */

#services .listing-shot-img.list-img-bar {
    height: 200px;
}

.listing-list-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#contact-now {
    padding: 10px 50px !important;
}

.m-auto {
    margin: auto !important;
}
.mx-auto{
    margin-left: auto ;
    margin-right: auto ;
}
.mx-1{
    margin-left: 1rem ;
    margin-right: 1rem ;
}
.my-auto{
    margin-top: auto ;
    margin-bottom: auto ;
}

.mb-2 {
    margin-bottom: 2rem !important;
}

.mb-5 {
    margin-bottom: 5rem !important;
}
.mb-3{
    margin-bottom: 3rem !important;
}
.cat-header {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 2rem;
}

.offer-text {
    color: rgb(3, 107, 3);
    font-weight: 600;
    font-size: 16px;
}

.album-img {
    margin: 5px 8px;
    width: 100%;
}

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

.cat-wrapper {
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 2px 4px 0 #0000001a;
    padding: 20px 20px;
}

/* news and events */
#news-n-event-description {
    overflow-wrap: anywhere;
}

/* 
*
*
*
  //////////////////////////////////////////////////////////// 
  ////////////////////////////breadcrumb//////////////////////////////// 
*
*
*
*/

.direction-rtl {
    direction: rtl;
}

.no-gutters {
    margin: 0;
    padding: 0;
}
.contain-row {
    margin: auto;
}

@media screen and (min-width: 800px) {
    .star-rating-driver {
        float: right;
    }
}

@media screen and (max-width: 800px) {
    .contain-row {
        width: 100%;
        margin: auto;
    }
    .star-rating-driver {
        float: none;
        padding-left: 16px;
    }
}

.breadcrumb-banner {
    background: #e1e7e8;
    padding: 40px 0;
    margin-top: 58px;
}

.breadcrumb-content {
    padding: 10px 0;
}

.breadcrumbs.banner-bread a,
.breadcrumbs.banner-bread span:not(.gt3_breadcrumb_divider) {
    font-family: "Oswald", sans-serif !important;
    color: #091fe2;
    /* color: #000fa0; */
    font-weight: 600;
}

.breadcrumbs.banner-bread span:last-child {
    color: #fb0f0d;
}

.breadcrumb-social-icon {
    width: 100%;
    text-align: end;
}

.breadcrumb-social-icon i {
    font-size: 30px;
    margin: 0;
    padding: 5px;
    border-radius: 6px;
}

.breadcrumb-social-icon i:nth-child(1) {
    background: #0095ff;
    color: white;
}
.breadcrumb-social-icon i:nth-child(2) {
    background: #f9f9f9;
    color: #51b9e0;
}
.breadcrumb-social-icon i:nth-child(3) {
    background: #ce0000;
    color: #f9f9f9;
    padding: 5px 8px;
}
.breadcrumb-social-icon i:nth-child(4) {
    background: #cc041f;
    color: #f9f9f9;
    padding: 5px 8px;
}
.breadcrumb-social-icon i:nth-child(5) {
    background: #0105f8;
    color: #ffffff;
    padding: 5px 8px;
}
.breadcrumb-social-icon i:nth-child(6) {
    background: #f84f01;
    color: #ffffff;
    padding: 5px 8px;
}

@media screen and (max-width: 992px) {
    .breadcrumb-content {
        justify-content: center;
        text-align: center;
    }
    .breadcrumb-social-icon {
        text-align: center;
    }
}

/* 
*
*
*
  //////////////////////////////////////////////////////////// 
  ////////////////////////////ads//////////////////////////////// 
*
*
*
*/

.ug-gallery-wrapper .ug-slider-wrapper {
    background-color: transparent !important;
}

#product-galleria .ug-item-wrapper,
#image-galleria .ug-item-wrapper {
    /* background: #001890; */
    background: #e7edee;
}
span.category {
    font-size: 15px;
}
.justify-content-between {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.business-ads {
    width: 100%;
    height: 100%;
}

.ads-container .ads-main-col {
    margin: auto;
    padding: 0;
}

article {
    padding: 10px;
}

.ad-extra-info {
    margin: auto 15px;
}
.ad-extra-info .tag span {
    background: gold;
    padding: 1px 10px;
    border-radius: 5px;
    color: black;
    font-weight: 900;
    font-size: 11px;
}

.ribbon-container {
    position: relative;
}

.ribbon {
    position: relative;
}

/* ribbon-price */
.ribbon-price p {
    font-weight: 700;
    color: white;
}
.ribbon-price {
    min-width: 50px;
    display: inline-block;
    height: 50px;
    background: #000fa0;
    align-items: center;
    padding: 12px 32px 10px 12px;
}

.ribbon-price:after {
    content: "";
    position: absolute;
    top: 0px;
    right: -1px;
    background: transparent;
    /* transform: rotate(180deg); */
    border-left: 25px solid transparent;
    border-right: 25px solid white;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
}

.ad-desc p {
    text-align: justify;
}
.ad-overview {
    position: relative;
    margin: 0;
    text-transform: capitalize;
    font-weight: 600;
}

.ad-overview::after {
    content: "";
    position: absolute;
    background: #000fa0;
    width: 25%;
    height: 3px;
    bottom: -10px;
    left: 2px;
}
.ad-overview-info {
    margin-bottom: 10px;
    font-size: 14px;
}
.ad-overview-info .info-title {
    color: rgb(14, 13, 13);
    font-weight: 800;
}
/* sidebar */
.view-sidebar .member-blog,
.view-sidebar .contact-widget,
.view-sidebar .side-img-figure {
    margin-bottom: 10px;
}

.author-type {
    position: relative;
    height: auto;
    display: block;
}
.ads-blog-avatar {
    display: table;
    margin: auto;
}

.contact-widget {
    display: block;
    padding: 20px;
}

.contact-box-tele {
    padding: 20px;
    margin-bottom: 5px;
    background: #eaeaea;
    color: black;
}

.attr-info i,
.contact-box-tele i,
.contact-box-chat i,
.contact-box-email i,
.contact-box-tele span {
    padding-right: 10px;
    font-size: 24px;
}
.contact-box-tele div {
    font-size: 15px;
    color: #3e3e3e;
}

.contact-box-chat {
    padding: 20px;
    margin-bottom: 5px;
    background: #000fa0;
}
.contact-box-chat-pro {
    padding: 10px;
    border-radius: 0px;
}
.contact-box-chat i {
    color: white;
}
.contact-box-chat span {
    color: white;
    font-weight: bold;
}

.contact-box-email {
    padding: 20px;
    margin-bottom: 5px;
    background: rgb(24, 24, 24);
}

.contact-box-email i {
    color: rgb(116, 0, 0);
}

.side-img-figure {
    width: 100%;
}

.img-container {
    overflow: hidden;
    width: 100%;
}
.img-container img {
    object-fit: cover;
    width: 100%;
}
/* ribbon-ads */
.ribbon-ads {
    width: 150px;
    height: 50px;
    position: absolute;
    background: #c50000;
    top: 100px;
    left: -10px;
}

.ribbon-ads:before {
    content: "";
    position: absolute;
    top: -9px;
    left: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid #c50000;
    border-top: 5px solid transparent;
    border-bottom: 5px solid #c50000;
}

.ribbon-ads:after {
    content: "";
    position: absolute;
    top: 0px;
    right: -49px;
    border-left: 25px solid #c50000;
    border-right: 25px solid transparent;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
}

.ribbon-ads p {
    font-weight: 900;
    color: white;
    font-size: 28px;
}

.ads-title-boc {
    width: 100%;
    display: block;
    margin: auto;
    padding: 20px;
    text-align: center;
    font-size: 25px;
    position: absolute;
    font-weight: 900;
    color: white;
}

.ads-seemore {
    width: 100%;
    display: block;
    margin: auto;
    position: absolute;
    bottom: 100px;
}

.ads-seemore a {
    margin-left: 50px;
    padding: 15px 20px;
    background: rgb(224, 240, 240);
    line-height: 6px;
    border-radius: 10px;
    color: #000;
    font-weight: 500;
}

.relate-ads-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.relate-ads-img img {
    height: 100%;
    object-fit: cover;
}

.relate-ads .relate-ads-content .price {
    color: #000fa0;
    font-weight: bold;
}

.relate-ads .item {
    border: 1px solid #8e8e8e2b;
    padding: 0;
}

.relate-ads .item .relate-ads-content {
    display: block;
    margin: auto;
    width: 100%;
    text-align: center;
}

/* 
*
*
*
  //////////////////////////////////////////////////////////// 
  ////////////////////////////product///////////////////////// 
*
*
*
*/

.main-section-views {
    padding: 2em 0 3em;
}

.main-name h3 {
    margin: 0 !important;
}

.price-container {
    padding: 0 10px;
}
.order-product {
    margin: auto 0;
    /* margin-left: auto; */
    padding: 0;
    float: right;
}
.order-product a.btn-order-product {
    padding: 8px;
    background: orange;
    color: white;
    border-radius: 5px;
    font-weight: 600;
}

/* sidebar */
.view-product-sidebar .blog-box,
.view-product-sidebar .widget-boxed,
.business-card,
.view-sidebar .widget-boxed {
    margin-bottom: 5px;
    padding-bottom: 0 !important;
}

.view-product-sidebar .overview,
.view-sidebar .overview {
    margin: 20px auto 0;
}

.view-sidebar .member-blog,
.view-sidebar .contact-widget {
    margin-bottom: 5px;
    padding-bottom: 30px;
}

.business-description p {
    margin-top: 0px;
    padding: 5px;
}

.margin-top-6 {
    margin-top: 6px !important;
}

/* sub category */
.main-products-by-cat .sub-cat-container {
    margin-left: 25px;
}

.main-products-by-cat .sub-cat-container label {
    margin: 0;
}

.main-products-by-cat ul.mtree.transit li {
    position: relative;
}

.main-products-by-cat ul.mtree li.mtree-node > a,
.main-products-by-cat ul.mtree li > a {
    font-weight: bold;
    padding-left: 25px;
}

.main-products-by-cat ul.mtree a {
    padding: 5px 0px 5px 0.8em;
    color: rgb(10, 10, 10) !important;
}

.main-products-by-cat ul.mtree li > a:hover,
ul.mtree li.mtree-active > a {
    background: rgb(170, 169, 169) !important;
    color: #1d1c1c !important;
}

.main-products-by-cat ul.mtree li.mtree-node > a:before {
    color: #1d1d1d !important;
    font-weight: bold;
    position: absolute;
    right: 20px;
}

.main-products-by-cat ul.mtree li.mtree-closed > a::after,
.main-products-by-cat ul.mtree li > a::after {
    content: "\f105";
    font-family: FontAwesome;
    transition: all ease-in-out 0.3s;
}

.main-products-by-cat ul.mtree li.mtree-open > a:focus::after,
.main-products-by-cat ul.mtree li.mtree-open > a::after {
    content: "\f105";
    font-family: FontAwesome;
    transition: all ease-in-out 0.3s;
    transform: rotate(90deg);
}

.main-products-by-cat ul.mtree li.mtree-node > a::after,
.main-products-by-cat ul.mtree li > a::after {
    color: #1d1d1d !important;
    font-weight: bold;
    position: absolute;
    left: 10px;
}

.main-products-by-cat ul.mtree {
    background: #eee !important;
    padding: 0;
}

.main-products-by-cat ul.mtree li.mtree-active > a,
.main-products-by-cat ul.mtree li.mtree-open > a {
    background: #52515100 !important;
    color: #040404 !important;
    margin-bottom: 6px;
    border-bottom: 1px solid #b7b4b4 !important;
    margin: auto 5px;
}

#pagination {
    display: flex;
    /* position: relative; */
}
#pagination > div > div.paginationjs-nav.J-paginationjs-nav,
.paginationjs-nav {
    display: flex;
}
#pagination > div > div.paginationjs-nav.J-paginationjs-nav > span,
.paginationjs-nav span {
    margin: auto;
}

#pagination .paginationjs {
    margin: auto;
}

/* rating */
.product-business-review {
    margin: auto;
    padding: 0;
    width: 100%;
    display: flex;
}
.product-business-review .detail-list-rating {
    margin: auto;
    font-size: 18px;
    padding-top: 0;
    color: #fff;
}
.product-business-review .detail-list-rating span {
    color: #000000b8;
    font-size: 15px;
    font-weight: 600;
}

/* 
*
*
*
  //////////////////////////////////////////////////////////// 
  ////////////////////////////view product////////////////////
*
*
*
*/

.ads-main-col .blog-list-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* 
*
*
*
  //////////////////////////////////////////////////////////// 
  ////////////////////////////member profile////////////////// 
*
*
*
*/

.details-container > .container-fluid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.cover-container {
    border: 1px solid #dedede;
    margin-bottom: 2rem;
}

.cover-container > img {
    width: 100%;
    height: 40vh;
    object-fit: cover;
    margin: 0;
    padding: 0;
}

.profile-info-basic {
    height: 100px;
    position: relative;
    margin: auto;
    display: flex;
}

.profile-info-basic > img {
    width: 200px;
    height: auto;
    position: absolute;
    top: -120px;
    left: 40px;
    border: 4px solid #fffcfc;
    border-radius: 50%;
}

.profile-info-basic .info {
    margin: auto 0 auto 20em;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.details {
    flex: 1;
}

.share {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    font-size: 16px;
    flex: 1;
}

.profile-info {
    border: 1px solid #d2d2d252;
    margin-right: 10px;
    box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);
    -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);
}
.about-member {
    margin-right: 10px;
}

.member-suggests {
    border: 1px solid #d2d2d252;
    box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);
    -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);
}
.profile-info h4,
.about-member h4,
.member-suggests h4 {
    /* text-align: center; */
    border-bottom: 1px solid #c3c3c3;
    padding: 10px;
    margin: 0;
}

.profile-info .pro {
    margin: auto;
    text-align: left;
    padding: 5px;
}
.profile-info .pro i {
    padding: 5px 10px;
    font-size: 20px;
}

.profile-info .follow {
    display: flex;
    margin: auto;
    justify-content: space-around;
}

.profile-info .follow .following,
.profile-info .follow .followers {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.profile-info .follow .following i,
.profile-info .follow .followers i {
    font-size: 25px;
    transform: rotate(45deg);
}

.grey-bg {
    background: #eeeeee;
}

.white-bg {
    background: white;
}

.about-member .content {
    padding: 5px;
    text-align: justify;
}

.member-suggests .sugest-user {
    display: flex;
    margin: auto;
    vertical-align: middle;
    align-items: center;
    margin: 10px;
}

.member-suggests .sugest-user .sugesst-user-info {
    padding-left: 12px;
}
.member-suggests .sugest-user .sugesst-user-info span {
    font-weight: 500;
    color: #656565bf;
}

.member-suggests .sugest-user > img {
    width: 50px;
    margin: auto 0;
    border-radius: 50%;
}
.member-suggests .sugest-user .sugest-user h5 {
    font-size: 15px;
    color: #000000ab;
    font-weight: 600;
}

@media screen and (max-width: 992px) {
    .profile-info-basic .info {
        flex-direction: column;
        align-items: center;
    }
    .profile-info-basic .info .share {
        margin: auto;
    }
}
@media screen and (max-width: 500px) {
    .order-xs-1 {
        order: 1;
    }
    .order-xs-2 {
        order: 2;
    }
    .order-xs-3 {
        order: 3;
    }
    .order-xs-4 {
        order: 4;
    }

    .profile-info-basic {
        height: auto;
        margin: auto;
        display: flex;
    }

    .profile-info-basic > img {
        width: 130px;
        height: auto;
        position: absolute;
        top: -110px;
        left: 50%;
        transform: translate(-50%, -4%);
    }
    .profile-info-basic .info {
        margin: auto;
        padding: 5px;
        text-align: center;
        margin-bottom: 2rem;
    }
    .profile-info {
        margin-right: 0;
    }
    .about-member {
        margin-right: 0;
    }
}

/* 
*
*
*
  //////////////////////////////////////////////////////////// 
  ////////////////////////////Shop page////////////////// 
*
*
*
*/

.product-all-page {
    background: white;
}

.product-all-page .shop-main-tile {
    min-height: 350px;
}

.product-all-page .shop-main-tile .shop-tile-content {
    top: 0;
}

.product-all-page .shop-main-tile .shop-tile-btn {
    right: auto;
    left: 25px;
    background: #ff431e;
    border-color: #ff431e;
}
.product-all-page .more-cat {
    display: flex;
    margin: auto;
    max-width: 200px;
}
.product-all-page .more-cat .more-cat-shop-tile-btn {
    background-color: #ff431e;
    color: white;
    margin: auto;
    padding: 0 15px;
    border: 1px solid #0000005c;
    min-width: 120px;
    border-radius: 50px;
    transition: all 0.3s;
}
.product-all-page .more-cat .more-cat-shop-tile-btn h4 {
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 0;
    padding: 0;
}

.main-product-section .best-product-content {
    display: flex !important;
    flex-direction: column;
    margin: auto;
    width: 100%;
    height: auto;
    text-align: center;
    background: white;
}

.main-product-section h4 i {
    position: static;
}

.shop-tile-rating {
    margin: 0;
}
.shop-tile-rating i {
    color: #083308f5;
}

.cat-wrapper-product {
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    /* padding: 20px 20px 20px; */
    padding: 5px 20px 10px;
}
.cat-wrapper-product .widget-boxed-header {
    padding: 8px 0;
    margin-bottom: 5px;
    border: none;
}

.cat-wrapper-product .well{
    border-radius: 0 !important;
}

.cat-wrapper-product .widget-boxed-header h5 {
    font-weight: 600;
    font-size: 16px;
}

.main-product-section .col-product {
    padding: 0 10px 20px 10px;
    margin: auto;
}

/* no ui slider  */

.noUi-horizontal .noUi-handle {
    width: 15px !important;
    height: 15px !important;
    right: -10px;
}

.noUi-handle:after,
.noUi-handle:before {
    content: none !important;
}
.noUi-connect {
    background: #0202a5;
}

.noUi-horizontal {
    height: 8px !important;
}

/* forum styles */

.forum-cat span {
    font-weight: 600;
    font-size: 15px;
}

.forum-sub-cats .forum-sub-cat-lable {
    background: #a2a2ad;
    color: white;
    padding: 2px 5px;
    font-size: 10px;
    font-weight: 500;
    border-radius: 4px;
    margin-right: 5px;
}

/* INQUERY */
.section-padd {
    padding: 3em 0 3em !important;
}
.padd-l-20 {
    padding-left: 20px;
}
.padd-l-55 {
    padding-left: 55px;
}

.padd-r-55 {
    padding-right: 55px;
}
.padd-r-80 {
    padding-right: 80px;
}

.padd-b-15 {
    padding-bottom: 15px;
}

.vw-60 {
    width: 60%;
}

@media screen and (max-width: 767px) {
    .vw-60 {
        width: 90%;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
}

.inquery {
    overflow-y: auto;
    max-height: 55vh;
    border-radius: 0 !important;
}

.img-holder-reply {
    right: 12px;
    border-radius: 50%;
    overflow: hidden;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    box-shadow: 0 2px 10px 0 #d8dde6;
    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    -moz-box-shadow: 0 2px 10px 0 #d8dde6;
}
.inquery .img-holder{
    width: 35px !important;
    height: 35px !important;
}

.inquirys {
    width: 100%;
    padding: 0 10px;
    background: #eee;
    margin-bottom: 1px;
    font-weight: 500;
    color: #555;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
}
.inquirys-empty {
    width: 100%;
    padding: 10px;
    background: #eee;
    margin-bottom: 1px;
    font-weight: 500;
    color: #555;
}

.inquirys .chat-ad-info {
    font-size: 10px;
}
.inquirys .chat-ad-info,
.inquirys .ads-chat-party,
.inquirys .biz-chat-party,
.inquirys .profile-chat-party,
.inquirys .product-chat-party {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.top-chat-head {
    position: sticky;
    top: 0;
    background: #010c5f;
    padding: 17px 0px;
    border-bottom: 1px solid #5555551f;
    z-index: 99;
    display: flex;
}
.top-chat-head h4,
.top-chat-head > a { 
    color: white;
    width: calc(80% - 50px);
    margin: auto 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.top-chat-head > a h4{
    margin: 0;
    width: 100%;
}
.pos-reletive {
    position: relative;
}

.ref-image {
    width: 50px;
    height: 50px;
    margin: auto;
    border: 2px solid white;
    border-radius: 50%;
    object-fit: fill;
    overflow: hidden;
    margin-top: 3px;
}

.ref-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overflaw-wrap-any {
    overflow-wrap: anywhere !important;
}
.ad-desc {
    padding: 10px;
    display: block;
    background: #f7f4f36e;
    margin: 10px;
    border-radius: 2px;
    overflow-wrap: anywhere;
}

.cursor-pointer {
    cursor: pointer;
}

.empty-chat {
    height: 25vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.d-flex {
    display: flex !important;
}

.justify-content-center {
    justify-content: center !important;
}

.align-items-center {
    align-items: center !important;
}

.min-height-50 {
    min-height: 50vh;
}

.empty-srch {
    padding: 0 20px 20px;
    text-align: center;
    min-height: 20vh;
    align-items: center;
    display: flex;
    justify-content: center;
}

#cart-full {
    width: 50px;
    line-height: 50px;
    overflow: hidden;
    text-align: center;
    z-index: 999;
    cursor: pointer;
    position: fixed;
    bottom: 120px;
    right: 50px;
    font-size: 20px;
    border-radius: 50px;
    text-decoration: none;
}
#cart-full span {
    position: absolute;
    font-size: 10px;
    background: red;
    border-radius: 50px;
    padding: 1px 4px;
    top: 8px;
    line-height: 11px;
    z-index: 10000;
    right: 5px;
    color: white;
}

#cart-full:hover {
    background-color: #00096ed7;
    color: #ffffff;
}
.theme-blue {
    background: #000a6e;
    color: #fff;
}

.breadcrumbs-section{
    margin: auto;
    display: flex;
}
.breadcrumbs-section-container{
    display: flex;
    justify-content: center;
    align-items: center;
}

#not-found {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: #ebefff7d;
}

@media screen and (max-width: 520px) {
    #cart-full {
        bottom: 40px;
        right: 20px;
    }
}

.container .nested{
    width: 100% !important;
    font-family: work-Sans
}
.container .nested table{
    margin-top: 0 !important;
}

.container .nested div,.container .nested p{
    padding: 0 10px !important;
    margin-bottom: 10px;
    font-family: work-Sans
}
.container .nested img{
    margin-top: 10px;
}

/* Community */

/* loader */

.pagination-loader{
    display: block;
    width: 100px;
}

@media (min-width: 992px){
    .w-md-20 {
        width: 20%;
    }
}
@media (min-width: 1200px){
    .w-lg-20 {
        width: 20%;
    }
}
#icon-slider { 
    z-index: 0; 
}


#icon-slider canvas {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    mix-blend-mode: color-dodge;
}

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

.pt-0{
    padding-top: 0 !important;
}

.discount {
    color: #727a84;
    align-self: flex-end;
    font-size: 18px;
    text-decoration: line-through;
    margin: 0 0 0 10px;
    position: absolute;
    bottom: 65px;
    right: 115px;
    font-family: fantasy; 
}
.category hr{
    margin-top: 5px;
    margin-bottom: 5px;
}
#categories .slick-slide{
    padding-right: 5px !important;
    padding-left: 5px !important;
} 

@media (max-width: 768px) {
   #sub-products > div{
      flex-direction: column;
   }
}