/*
            background-image: linear-gradient(var(--main-light), var(--main-dark));

*/ 
@font-face {
    font-family: 'Archivo-Light';
    src: url('/../Public/fonts/Archivo-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Archivo-Medium';
    src: url('/../Public/fonts/Archivo-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Archivo-SemiBold';
    src: url('/../Public/fonts/Archivo-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Archivo-Bold';
    src: url('/../Public/fonts/Archivo-Bold.ttf') format('truetype');
}
.fn-Archivo-Light {
    font-weight: 100;
    font-family: Archivo-Light;
}
.fn-Archivo-Medium {
    font-family: Archivo-Medium;
    font-weight:100;
}
.fn-Archivo-SemiBold {
    font-weight: 100;
    font-family: Archivo-SemiBold;
}
.fn-Archivo-Bold {
    font-weight: 100;
    font-family: Archivo-Bold;
}

:root {
/*    --main-light: #2DC440;
    --main-dark: #009025;
    --border-color1: #d2dbdb;
    --text-dark: #144442;
    --text-black: #383338;*/
}

#shareOn .modal-dialog {
    max-width: 600px;
}


#shareOn .modal-dialog-scrollable .modal-body {
    overflow-y: visible;
}
img.logo-login {
    width: 350px;
}
.login-form.w-60.page-content.tpp {
    overflow: scroll;
    height: 100vh; 
}
.footer-logo-sz {
width:320px;
}
aside.sidebar-nav.sidebar-nav-top {
    top: 30px;
}

@media only screen and (max-width: 1850px) {
    ul.dropdown-menu.show.topnav {
        left: -110px !important;
    }
        button .btn.btn-primary:not(.min-w-non), a.btn.btn-primary {
        min-width: 220px !important;
    }
    .job-list-logo {
        height: 200px !important;
    }

    #shareOn .modal-dialog {
        max-width: 480px;
    }


    #shareOn .modal-dialog-scrollable .modal-body {
        overflow-y: visible;
    }
}
/*1450px*/

/*@media only screen and (max-width: 1700px) {*/

@media only screen and (max-width: 1750px) {
    .ads-side input.form-control.input-sty1.withicon::placeholder {
        font-size: 13px !important;
    }
    .imgdiv img {
        width: 275px;
    }

    .imgdiv h1 {
        font-size: 35px;
        letter-spacing: 1px;
    }

    .btn-verification-sty {
        font-size: 16px !important;
        height: 50px !important;
    }
    .inner-nav ul li {
        margin-left: 25px;
    }
    aside.sidebar-nav.sidebar-nav-fx {
        top: -150px;
    }
    .container.page-location #Layer_1 {
        width: 30px;
    }
    aside.sidebar-nav.sidebar-nav-fx {
        top: -90px;
    }

    .footer-logo-sz {
        width: 250px;
    }
    .row.footer-bottom ul li {
        font-size: 17px;
    }

    .footer ul li {
        padding: 5px 0px;
    }
    body {
        font-size: 14px;
    }
        .footer {
        text-align: center;
        font-size: 14px;
    }
    img.mb--10.locationImg-sty {
        width: 300px !important;
        height: 200px !important;
    }
        #shareOn .modal-dialog {
        max-width: 510px;
    }
    #shareOn svg#Group_12600, #shareOn svg#Group_13460 {
        margin-right: 10px;
        width: 35px;
    }

    #shareOn .share-pop button.btn.btn-primary.fs-imp-50.w-100 {
        font-size: 21px;
        height: 69px;
        line-height: 69px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    img.logo-login {
        width: 242px;
    }
    .login-right {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        padding-bottom: 60px;
    }
    .fs-53 {
        font-size: 34px;
    }
    .poll-big-tag ul li {
        height: 70px;
        font-size: 25px;
    }
    li.per-bg {
        position: relative;
        margin-top: -90px;
    }
        .d-flex.ml-10.pos-relative.sm-order1 svg.ml--15.mr--10, .d-flex.ml-10.pos-relative.sm-order1 a#dropdownMenuLink {
        margin-top: -13px;
    }
    .main-banner-hight {
        height: 325px !important;
    }
    .fs-49 {
        font-size: 39px;
    }
    .fs-33 {
        font-size: 23px;
    }
    .store-type.col-md-11.m-auto
    .row.pt--100.pl--60 {
        padding-left: 0px;
    }
    .imageitem img {
        width: 109px;
        height: 109px;
    }
    button.btn.btn-primary.ml--30.btsaveloc {
        min-width: 80px !important;
        margin-left: 10px;
    }
    .SumoSelect.sumo_categoriesId {
        width: 320px;
        height: 55px !important;
    }
    .SumoSelect > .CaptionCont {
        height: 55px !important;
    }
        .SumoSelect > .CaptionCont > span {
            height: 55px !important;
            line-height: 40px !important;
        }
        input #mapautocomplete {
    width: 215px !important;
}
    .fs-52 {
        font-size: 40px;
    }
    .col-md-8.mx-auto.d-block.text-center {
        max-width: 80%;
        flex: 80%;
    }
    .login-form.w-60.page-content {
        overflow: scroll;
        height: 100vh; 
    }
    .login-form.w-60.page-content.tpp {
        overflow: scroll;
        height: 100vh;
        padding-top: 200px;

}
    .logo-login {
        width: 205px;
    }
    p.fs-25.pt--50.pb--30 {
        padding: 5px 4px;
    }
    .pt-4.col-6.text-left.fs-17 {
        padding-top: 0px !important;
    }
    a.btn.btn-link.box-shadow-0.fs-17.px-0 {
        margin-top: -13px;
    }
    button.btn.btn-primary.btn-block {
        height: 55px;
    }
    .fs-25 {
        font-size: 19px !important;
    }

        .login-pg
    button.btn.btn-primary, a.btn.btn-primary {
        font-size: 17px;
        height: 55px;
    }
    .fs-17 {
        font-size: 15px;
    }

    .login-pg
    input.form-control, select.form-control {
        height: 55px !important;
    }
    .fs-59 {
        font-size: 35px;
    }
    .fs-22 {
        font-size: 18px;
    }
    .img-showcase-order img {
        height: 170px;
    }.page-location-2.page-location ul li p {
        color: #383338;
        margin: 0px;
        font-size: 20px;
    }
    .page-location.page-location-2 ul li svg{
width:32px;
    }
    img.product-image {
        height: 180px;
    }
    .product-detail {
        color: white;
        padding: 20px 10px;
    }
    .fs-69 {
        font-size: 49px;
    }
   
    .cat-grid .cat-icon:hover {
        width: 235px;
    }
    .row.cat-grid
    .col {
        flex: 1 0 0%;
        padding: 5px;
        margin-bottom:20px;
    }
    .img-proDly {
        height: 430px !important;
        object-fit: cover;
    }

    .cat-item.text-center
    span.cat-title {
        font-size: 16px;
    }
        .cat-grid .cat-icon:hover .cat-title {
            display: block;
            padding-left: 10px;
        }
        button .btn.btn-primary.product-btn.ml-auto {
        font-size: 14px;
        min-width: 112px !important;
        height: 37px;
    }
    .fs-42 {
        font-size: 30px;
    }
    input.form-control, select.form-control {
        height: 55px !important;
    }
    .fs-45 {
        font-size: 35px;
    }
    .col-md-11.dxtop-100
    .card.border-radius--40.p--20.h-350.sm-h-auto
    .d-flex.justify-content-between.align-items-center
    img.border-radius--100 {
        height: 240px !important;
        width: 240px !important;
    }
    #becomeAVolunteerAdd
    .modal-header.d-flex {
        padding: 0px;
    }
    .fs-26 {
        font-size: 21px;
    }
    #becomeAVolunteerAdd
    .modal-body.mt--20 {
        margin-top: 5px;
    }
    .tag.tag-success {
        font-size: 18px;
        height: 52px;
        margin-bottom: 16px;
    }
    .card.border-radius--40.p--20.h-350.sm-h-auto {
        height: 287px;
    }
        .card.border-radius--40.p--20.h-350.sm-h-auto
        .d-flex.justify-content-between.align-items-center
        img.border-radius--100.img-cover {
            height: 240px !important;
            width: 240px !important;
        }
    .fs-30 {
        font-size: 20px;
    }
    .tag.tag-light {
        height: 50px;
        font-size: 20px;
    }
        .dxtop-100{
        width:100% !important
    }
    .small-height {
        height: 85px !important;
    }

    .main-nav {
        padding: 17px 0px;
    }
    .inner-nav.desktop-nav.nav-search {
        width: 51% !important;
    }
    button.btn.btn-primary.header-contact-btn, a.btn.btn-primary.header-contact-btn {
        height: 50px;
    }
        .inner-nav.desktop-nav.nav-search input.form-control.input-sty1.withicon {
        height:50px !important;
        }
    .flex-scroll-x.cus-scll {
        overflow-x: scroll;
        padding: 20px 10px;
    }

        .flex-scroll-x.cus-scll:hover {
            overflow-x: scroll;
        }

    .flex-scroll-x.cus-scll{

    }

    .viatype {
        min-width: 200px
    }

    footer.page-section.bg-gray-lighter.footer.pb-100.pb-sm-50 .container.pl--170 {
        padding-left: 30px;
    }

    .fs-24 {
        font-size: 17px;
    }

    .fs-25 {
        font-size: 18px;
    }
    .fs-29 {
        font-size: 21px;
    }
    .fs-98 {
        font-size: 65px;
    }
    .fs-23 {
        font-size: 20px;
    }
    .dd {
        width: 75px;
        height: 75px;
    }

        .dd p:last-child {
            border-top: solid 1px #009025;
            width: 65px;
        }

    .fs-21 {
        font-size: 14px;
    }

    .fs-16 {
        font-size: 13px;
    }

    .fs-35 {
        font-size: 24px;
    }

    .fs-17 {
        font-size: 13px;
    }

    button.btn.btn-primary:not(.min-w-non), a.btn.btn-primary {
        min-width: 140px !important;
    }
    #paideventmodel button.min-w-non.btn.btn-primary.btn-box-shadow.btn-md {
        min-width: 140px !important;
        height: 50px !important;
    }

    button.btn.btn-primary, a.btn.btn-primary {
        border: none;
        font-size: 16px;
        height: 48px;
    }

    .fs-20 {
        font-size: 13px;
    }

    .fs-55 {
        font-size: 40px;
    }

    .event-date-sty-2 .dd p:last-child {
        border-top: solid 1px #144442;
        width: 65px;
    }

    button.btn.btn-primary.btn-bg-danger.text-uppercase svg.mr--10 {
        width: 29px !important;
    }

    .d-flex.align-items-center.justify-content-between
    .d-flex.justify-content-between.mt--5
    h3.fs-55.fn-Archivo-SemiBold.text-main {
        width: 177px !important;
    }

    .tellfriend li.d-flex.justify-content-between.align-items-center h3.fs-18.fn-Archivo-SemiBold.m-0 {
        text-align: center;
    }

    .tellfriend li.d-flex.justify-content-between.align-items-center {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    
    .map-location .loc-area {
        position: absolute;
        top: 30px;
        left: 15px;
        display: flex;
        flex-direction: column;
        width: 90%;
        align-items: flex-end;
    }
    body button.btn.btn-primary.ml--30.btsaveloc{
        width:100px !important;
        min-width:100px !important;
        max-width:100px !important;
    }
    img.mb--50.map-img {
        height: 300px;
        object-fit: cover;
        border-radius: 10px;
    }
    .post--sec.pos-relative {
        padding: 10px 0px;
    }

    .post-content-sec ul {
        position: absolute;
        bottom: 20px !important;
        left: 30px;
    }
    ul.btn-video-three {
        bottom: 60px !important;
    }
    .row.poll-list
    .d-flex.align-items-start {
        display: flex;
        flex-direction: row;
        text-align: left;
    }

    .post--sec.pos-relative
    .d-flex.pl--82.justify-content-between {
        text-align: left;
        align-items: flex-start;
    }

    .d-flex-sm-left {
        display: flex;
        align-items: flex-start !important;
    }

    .d-flex-sm-left-row {
        display: flex;
        flex-direction: row !important;
    }

    .d-flex.align-content-start.d-flex-sm-left-row
    .d-flex.flex-column.align-content-start.mt--5.ml--10 {
        gap: 0px;
    }

    .d-flex.flex-column.ml--100.d-flex-sm-left
    p.fs-24.fn-Archivo-SemiBold {
        margin: 0px;
    }

    .d-flex.flex-column.ml--100 {
        margin-left: 0px;
    }

   
    h3.fs-35.fn-Archivo-SemiBold.mb--50 {
        margin-bottom: 20px;
    }

   

    .fs-22 {
        font-size: 19px;
    }
    .modal-title img{
    width: 50px;
}
    .d-flex.flex-column.ml--100.d-flex-sm-left
    .d-flex.align-content-start
    .d-flex.flex-column.align-content-start.mt--5.ml--10 {
        margin-left: 0px;
    }
    }
/*1024px*/

@media only screen and (max-width: 1580px) {
    div#uploadimageModal {
        zoom: 0.8;
    }
    ul.dropdown-menu.show.topnav {
        left: -120px !important;
    }
    .imgdiv img{
        width:275px;
    }
    .imgdiv h1 {
        font-size: 35px;
        letter-spacing: 1px;
    }
    .btn-verification-sty {
        font-size: 16px !important;
        height: 50px !important;
    }
    .page-location ul {
       
        padding-left: 75px;
        
        }
        button .btn.btn-primary.btnsendmessage.ChatSave{
        min-width:50px !important;
    }
    button.btn.free-btn-event.btn-primary.text-uppercase.justify-content-center.d-flex.align-items-center.fs-20.fn-Archivo-Bold {
        margin-right: 150px !important;
    }

    ul.dropdown-menu.topnav.settt {
        left: 0vw !important;
    }
    .classifiedAds-ads .ads-side {
        padding-top: 6px;
        margin-top: 5px;
    }

    .ads-price-main {
        margin-right: -15px;
        margin-top: 12px;
    }

    .md-d-flex-cntr {
        display: flex;
        flex-direction: column;
    }

    .modal-body.share-pop ul.p-0.m-0.list-unstyled.d-flex li svg {
        width: 75px;
        height: 75px;
    }
    button.btn.btn-primary.btnsendmessage.ChatSave{
        min-width:50px !important
    }

    div#totalFollowers
    span.group-icon
    svg#vuesax_twotone_search-normal {
        width: 25px;
        position: relative;
        top: -3px;
    }

    .modal-dialog

    .custom-radio-btns .checkmark:after {
        top: -13px;
        left: 0px;
    }

    .radio-btns-sm .custom-radio-btns .checkmark:after {
        top: -13px;
        left: 0px;
    }

    input#iscurrentlyworking
    .custom-radio-btns .checkmark:after {
        top: -13px;
        left: 0px;
    }

    .fundraising
    .post-comments-sec
    button.unfollow-btn.btpostcomment {
        max-width: 150px;
    }

    .fundraising
    .post-comments-sec
    button.unfollow-btn.btpostsubcomment {
        max-width: 120px;
    }

    .cmnt-img {
        width: 60px;
        height: 60px !important;
        border-radius: 100px;
        object-fit: cover;
    }

    #reportModal .modal-dialog.modal-lg {
        width: 550px;
    }

    .modal-header
    svg[data-bs-dismiss] {
        width: 25px;
        height: 25px;
    }

    .modal-title svg {
        width: 35px;
        height: 35px;
    }

    .poll-big-tag ul li {
        font-size: 20px;
    }

    .fs-42 {
        font-size: 27px;
    }

    .modal-header {
        padding-top: 0px;
    }

    .fs-45 {
        font-size: 27px;
    }

    button.btn.btn-primary.text-uppercase.justify-content-center.d-flex.align-items-center.fs-20.fn-Archivo-Bold {
        margin-right: 60px !important;
    }

    .password-iconeye {
        top: 10px;
    }

    button .btn.btn-primary.text-uppercase.justify-content-center.d-flex.align-items-center.fs-20.fn-Archivo-Bold {
        margin-right: 60px !important;
        pointer-events: none;
    }

    .fs-46 {
        font-size: 33px;
    }

    .form-control.input-sty1 {
        font-size: 15px;
    }

    .input-icon-sty1.input-group-addon {
        padding-left: 20px;
    }

    input.form-control, select.form-control {
        height: 45px !important;
    }

    .form-control.input-sty1::placeholder {
        font-size: 15px;
    }

    .events .viatype img {
        width: 62px;
        height: 62px;
    }

    button.btn.btn-primary.ads-price:not(.min-w-non), a.btn.btn-primary.ads-price {
        height: 33px;
        font-size: 23px;
    }

    .ads-box img {
        height: 180.14px;
    }

    button .btn.btn-primary.text-uppercase.justify-content-center.d-flex.align-items-center.fs-20.fn-Archivo-Bold {
        margin-right: 62px !important;
        cursor: text;
        pointer-events: none;
    }

    #main {
        padding-left: 120px;
    }

    .event-box img {
        height: 177.14px;
    }

    .events .viatype {
        border-radius: 25px;
        box-shadow: #ccc 0px 6px 20px;
        width: 168px;
        max-width: 168px !important;
        min-width: 168px !important;
        height: 152px;
        display: flex;
    }

    .top-boxes
    svg {
        width: 62px;
        height: 62px;
    }

    .top-boxes .d-flex.align-items-center img {
        width: 78px;
    }

    .top-boxes
    .h-50-input span.input-group-addon.input-icon-sty1,
    .top-boxes
    .h-50-input input.form-control.input-sty1.withicon {
        height: 36px !important;
    }

    .top-boxes
    .card.border-radius--40.p--20 {
        min-height: 173px;
        display: flex;
        justify-content: space-evenly !important;
    }

        .top-boxes
        .card.border-radius--40.p--20
        .d-flex.align-items-center {
            justify-content: space-evenly !important;
        }

    .top-boxes button.btn.btn-primary.btn-md, a.btn.btn-primary.btn-md {
        height: 36px !important;
    }

    .suggested
    .event-sug img {
        width: 128px !important;
        height: 100px;
        object-fit: cover;
        border-radius: 10px;
        margin-bottom: 5px;
    }

    .top-donor {
        flex-direction: column;
        align-items: center !important;
        justify-content: center;
        text-align: center;
        padding: 10px 3px;
        border: solid 1px #d6f3da;
    }

    .card.border-radius--40.p--20 {
        padding: 15px;
    }

    .img-proDly {
        height: 340px !important;
        object-fit: cover;
    }

    .pro-attr {
        margin-bottom: 10px;
    }

    .img-item img {
        width: 74px !important;
        height: 74px;
    }

    .tags-attr.d-flex.align-items-center {
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .img-item {
        width: 74px;
        height: 74px;
    }

    .store-tabs {
        padding-top: 30px;
        padding-left: 20px;
    }

    .row.footer-bottom {
        margin-top: 0px;
    }

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

        .footer ul li {
            padding: 5px 0px;
        }

    .row.footer-bottom ul li {
        font-size: 16px;
    }

    .job-list-logo {
        height: 185px !important;
    }

    .main-banner-hight {
        height: 245px !important;
        margin-top: 30px;
    }

    .fs-18 {
        font-size: 13px;
    }
    #jobPop form.modal-content.form-data.row .col-md-5 img {
        height: 300px;
    }
        li .per-bg {
        position: relative;
        margin-top: -90px;
    }

    .card.border-radius--40.mb--40.yours-groups
    img.bor-r-100.wh-67.mr--20 {
        width: 55px !important;
        height: 55px !important;
        object-fit: cover;
    }

    .card.border-radius--40.mb--40.yours-groups
    li.d-flex.justify-content-between.align-items-center {
        padding: 20px !important;
    }

    img.mb--10.locationImg-sty {
    width: 300px !important;
    height: 100px !important;
    object-fit: cover;
    }
    .fs-19 {
        font-size: 15px;
    }
    .card.border-radius--40.p--40.mb--20.tellfriend {
        padding: 20px 12px;
    }
    #shareOnGroup
    .group-name input.input, .group-name select.input {
        height: 45px;
    }
        #shareOnGroup
        .group-name input.input[name="Searchgroup"] {
            text-indent: 3.604vw;
            font-size: 1.2vw;
            border-radius: 3.458vw;
        }
    #shareOnGroup
    .group-title
    p {
        font-size:17px;
    }
    #shareOn .modal-dialog {
        max-width: 480px;
    }
    #shareOn svg#Group_12600, #shareOn svg#Group_13460 {
        margin-right: 10px;
        width: 35px;
    }
    #shareOn .modal-dialog-scrollable .modal-body {
        overflow-y: visible;
    }
    #shareOn .share-pop button.btn.btn-primary.fs-imp-50.w-100 {
        font-size: 21px;
        height: 69px;
        line-height: 69px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .page-location ul {
        margin-bottom: -6px;
    }
    .cat-item.text-center
    .cat-icon:hover img{
    border-radius: 5px;
    min-width: 40px;
    width: 40px;
    background: white;
    padding: 3px;
}
    .fs-50 {
        font-size: 30px;
    }

    .store-tabs .store-tab {
        height: 609px;
        max-width: 350px;
        padding: 30px;
    }

    


.user-pro a img {
    width: 70px !important;
    height: 70px !important; 
}
body {
    padding-top: 160px;
    background-size: 100% 220px;
    font-size: 13px;
}
.fs-14 {
    font-size: 12px;
}
.container.page-location
ul.bread-crumbs
a.fn-Archivo-SemiBold {
    font-size: 20px;
}
.user-pro {
   
    margin: auto;
    text-align: center;
}
    aside.sidebar-nav.sidebar-navstyx.sidebar-nav-fx .user-pro {
        margin-top: 44px !important;
    }
a .logo.small-height {
    margin-top: -19px !important;
}
    .d-flex.loc-area
    input#mapautocomplete {
        width: 230px !important;
    }
    section.section.pb--50
    .row.events-list
    .col-md-4.event {
        padding: 5px;
    }
    .discover-sec
    .row
    .col-md-5.event {
        width: 50%;
    }
    .event-box .event-title p.fs-16.h-77{
        height:44px !important;
    }
    .profile-control-form form {
        display: flex;
        gap: 1px;
        justify-content: center;
    }

    .cta-groups-sandc {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }

    .d-flex.gap-2.align-items-center
    .group-name.after-icon
    span.group-icon {
        position: absolute;
        left: 1.542vw;
        top: 3px;
        bottom: 0;
    }
.d-flex.gap-2.align-items-center
.group-name.after-icon 
span.group-icon {
    position: absolute;
    left: 1.542vw;
    top: 11px;
    bottom: 0;
}


    .main-banner-hight {
        height: 380px !important;
    }

    #main {
        padding-left: 140px;
    }

    .sidebar-menu-scroll {
        height: 63.7vh;
    }
    footer.page-section.bg-gray-lighter.footer.pb-100.pb-sm-50 {
        padding-left: 100px;
    }
    .m-c-txt{
        text-align:center !important;
    }
 }

@media only screen and (max-width: 1024px) {
    .events .viatype {
        border-radius: 25px;
        box-shadow: #ccc 0px 6px 20px;
        width: 140px;
        max-width: 140px !important;
        min-width: 140px !important;
        height: 152px;
        display: flex;
    }
    .d-flex.align-items-center.flex-scroll-x.cus-scll.events {
        padding-left: 0px;
        padding-right: 0px;
    }
    .d-flex.align-items-center.events {
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
    }
        .d-flex.ml-10.pos-relative.sm-order1 {
            display: flex;
            flex-direction: row;
        }

        .sm-order1 {
            order: 1
        }

        .sm-order2 {
            order: 2
        }

        table.table.table-responsive.table-center.donations-tbl {
            width: 800px;
        }

        section.section.pb--50
        .row
        .col-md-12
        .mt--80
        .card.border-radius--40.p--20 {
            width: 100%;
            max-width: 100%;
            overflow-x: scroll;
            overflow-y: hidden;
        }

        #popDonateFor
        li.d-flex.justify-content-between {
            display: flex;
            flex-direction: row;
        }

            #popDonateFor
            li.d-flex.justify-content-between
            p.fs-29.fn-Archivo-SemiBold {
                text-align: left;
            }

        #main {
            padding-left: 15px;
            padding-right: 15px;
        }

        aside.sidebar-nav.sidebar-nav-top {
            left: -150px !important;
        }

        aside.sidebar-nav.sidebar-navstyx.sidebar-nav-fx {
            left: -150px !important;
        }

        .page-location {
            display: none;
        }

        .d-flex {
            /*flex-direction: column;*/
            gap: 15px;
            text-align: center;
            align-items: center;
        }

        .fs-35 {
            font-size: 25px;
        }

        button.btn.btn-primary.eventpageType.mr--30 {
            margin: 0px
        }

        .viatype {
            margin-right: 0px !important;
        }

        .d-flex.align-items-center.events {
            overflow: hidden;
        }

        .card.p--70 {
            padding: 20px;
        }

        .fs-30 {
            font-size: 20px;
        }

        .card.border-radius--40.p--95.pt-imp-40 {
            padding: 20px;
        }

        .map-location input#mapautocomplete {
            max-width: 250px !important;
        }

        .map-location .loc-area {
            left: 8px;
        }

        button.btn.btn-primary.ml--30.btsaveloc {
            min-width: 80px !important;
            height: 30px;
            right: 0pc;
            position: absolute;
            top: 60px;
        }
    }






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


    a.accept-btn, div.accept-btn {
        padding: 1.521vw 5.083vw;
        border-radius: 6.458vw;
        font-size: 3.677vw;
    }

    button.unfollow-btn svg,
    button.joinGroup-btn svg {
        width: 20px;
    }

    button .unfollow-btn, button.joinGroup-btn {
        font-size: 4vw;
        border-radius: 5vw;
        display: flex;
        align-items: center;
    }

    p.profile-profession {
        font-size: 3.833vw;
        margin-bottom: 10px;
    }

    .profile-control-form
    form {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 9px;
    }



        .historyvideo{
        margin:auto !important;
    }
    h3.fs-35.fn-Archivo-SemiBold {
        text-align: center;
    }
    a.btn.btn-primary.btnn-cx {
        height: 48px;
        font-size: 16px;
    }
    ul.p-0.m-0.list-unstyled.d-flex.socialsharediv {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    #shareOn .share-pop button.btn.btn-primary.fs-imp-50.w-100 {
        padding: 0px;
    }
    .sm-adj-shr-rep {
        display: flex;
        flex-direction: row !important;
    }
    .sm-adj-shr-rep
    .btreport{
        margin-bottom:10px;
    }
    .volunteer.pos-relative {
        text-align: center;
    }
    .sm-mr--0{
        margin-right:00px;
    }
    .sm-mb--20 {
        margin-bottom: 20px;
    }
    .sm-mt--20 {
        margin-top: 20px;
    }
    .d-flex.mb--75.sm-m-adjj button {
        margin-right: 0px;
    }
    .d-flex.mb--75.sm-m-adjj{
        margin-bottom:0px;
    }
    h3.fs-35.pr--50.fn-Archivo-SemiBold.m-0 {
        padding-right: 0px;
    }
    .tag.tag-light {
        height: 42px;
        font-size: 17px;
    }
    ul.d-flex.align-items-center{
        padding:0px;
    }
    ul.d-flex.align-items-center
    li.tag.tag-light.mr--15{
        margin-right:0px;
        margin-bottom:10px;
    }
    body {
        padding-top: 80px !important;
    }
    .full-wrapperx.container.relative.clearfix {
        padding: 0 5px;
    }
    section h2.fs-45.fn-Archivo-SemiBold {
        text-align: center;
    }
    button.btn.btn-primary.mr--30 {
        margin: 0px !important;
    }
  
    .sm-text-center{
        text-align:center;
    }
    button.btn.btn-invite.btn-primary:not(.min-w-non), a.btn.btn-primary {
        min-width: 85px;
        font-size: 14px;
        padding: 0px;
        height: 30px;
    }
    footer.page-section.bg-gray-lighter.footer.pb-100.pb-sm-50
    .container.pl--170
    .row > .col-md-4{
        width:100% !important;
    }
    footer.page-section.bg-gray-lighter.footer.pb-100.pb-sm-50 {
        padding-left: 0px;
    }
    .event-sug.mt--20{
        text-align:center;
    }
    footer.page-section.bg-gray-lighter.footer.pb-100.pb-sm-50
    .container.pl--170
    .row > .col-md-8 {
        width: 100% !important;
    }
    .footer ul li svg {
        padding-right: 0px;
    }
        .col-md-10.jobs-list .row.job .col-md-9.pl--40 .d-flex.align-items-center.sm-inline-wrap {
        align-items: center !important;
    }
    button.btn.btn-primary.btn-bg-non.mr--30{
        margin:auto !important
    }
    .col-md-10.jobs-list .col-md-9.pl--40
    .tag.tag-light {
        padding-left: 20px;
        padding-right: 20px;
    }
        .col-md-10.jobs-list .col-md-9.pl--40 {
        padding-left: 15px;
    }

    ul#productDetailTap {
        display: flex;
        flex-wrap: nowrap;
    }
    .event-date-sty-2.d-flex.justify-content-start {
        justify-content: center !important;
    }
    div#customerReviews
    div#rateit-range-4 {
        font-size: 51px;
    }
    button.btn.btn-primary.text-uppercase.justify-content-center.d-flex.align-items-center.fs-20.fn-Archivo-Bold{
        margin:auto !important;
    }
    button#productDetail-tab,
    button#customerReviews-tab {
        padding: 20px !important;
    }
    .col-6.col-md-3.products-list{
        width:33.3%;
    }
    section.section.pb--50
    .row.mt--30
    .card.border-radius--40.p--70
    .col-md-8.pl--40
    h3.fs-35.fn-Archivo-SemiBold.mb--20 {
        display: flex;
        flex-direction: column-reverse;
        position: relative;
        margin-top: 10px;
    }
        section.section.pb--50
        .row.mt--30
        .card.border-radius--40.p--70
        .col-md-8.pl--40
        h3.fs-35.fn-Archivo-SemiBold.mb--20
        span.btreport {
            float: left;
            position: absolute;
            top: 0px;
            left: 70px;
        }
    section.section.pb--50
    .row.mt--30
    .card.border-radius--40.p--70
    .col-md-8.pl--40
    p.fs-22.text-main.m-0 {
        display: flex;
    }
    section.section.pb--50
    .row.mt--30
    .card.border-radius--40.p--70
    .col-md-8.pl--40
    .d-flex.align-items-center {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .col-md-10.jobs-list
    .row.job
    .col-md-9.pl--40
    .d-flex.align-items-center {
        align-items: start !important;
    }
    .col-md-10.jobs-list
    .row.job
    .col-md-9.pl--40
    .d-flex.align-items-md-center.justify-content-between {
        align-items: start !important;
    }


    .col-md-10.jobs-list
    .col-md-9.pl--40
    h3.fs-35.fn-Archivo-SemiBold.mb--20 {
        display: flex;
        flex-direction: column-reverse;
        align-items: stretch;
        position: relative;
        margin-top: 10px;
    }
        .col-md-10.jobs-list
        .col-md-9.pl--40
        h3.fs-35.fn-Archivo-SemiBold.mb--20
        span.btreport {
            float: left;
            position: absolute;
            top: 0px;
            left: 70px;
        }
    
    
    .col-md-9
    .card.border-radius--40.p--50
    h2.fs-55.fn-Archivo-SemiBold {
        display: flex;
        flex-direction: column-reverse;
        align-items: stretch;
    }

    
        .col-md-9
        .card.border-radius--40.p--50
        h2.fs-55.fn-Archivo-SemiBold
        span.btreport {
            float: left;
            position: absolute;
            top: 15px;
            right: 80px;
        }
    .event-date-sty-2 .dd {
        color: #144442;
        border: solid 1px #72d77f;
        margin-right: 0px;
    }
    
    h4.modal-title {
        font-size: 4.563vw;
        line-height: 1;
    }

    span.group-icon {
        position: absolute;
        left: -3.458vw !important;
    }
    span.horizontal-bar{
        display:none;
    }
    .modal-body span.group-icon {
        position: absolute;
        left: 1.542vw;
        top: 14px;
        bottom: 0;
    }
    #hobbies .modal-body span.group-icon{

        top: 15px;
    }
    #hobbies .modal-body span.group-icon,
    #AddWorkModal .modal-body span.group-icon,
    #Addschool .modal-body span.group-icon,
    #AddCollege .modal-body span.group-icon {
        position: absolute;
        left: 1vw !important;
        top: 5px;
        bottom: 0;
    }
    .modal-body
    select#add-hobbies,
    .modal-body
    input.input {
        padding-left: 20px;
    }
    .radio-btns.radio-btns-sm.d-flex.gap-1,
    .radio-btns.d-flex.gap-1 {
        text-align: left;
        align-items: flex-start;
    }
    small.fc-grey {
        color: #C5C5C5;
        font-size: 3.938vw;
    }
    /*ssssssssssssssssssssssssssssssssssss*/



/*group*/
    .group-members p {
        font-size: 5.406vw;
        line-height: 1;
    }
    .group-members h4 {
        font-size: 6.375vw;
    }
    .about-group-body h2, .members-info-sec h3, .rules-sec h4, .activity-sec h4, .froup-admin-sec h4 {
        font-size: 4.823vw;
    }
        .group-profile-avatar img {
        width: 29.635vw;
        height: 29.635vw;
        object-fit: cover;
        position: relative;
        right: 0;
        left: 0;
        top: -5.813vw;
        margin-bottom: -30px;
    }
    .radio-btns.d-flex.gap-1
    .custom-radio-btns .checkmark:after {
        top: -9px;
    }
    .modal-dialog-Creategroup {
        width: 100%;
        max-width: 96%;
    }
    .modal-footer button.unfollow-btn, .modal-footer button.joinGroup-btn {
        width: 130px;
        height: 35px;
        font-size: 15px;
        display: flex;
        align-items: center;
    }
    #createGroup
    .group-name input.input,
    #createGroup .group-name select.input {
        font-size: 3vw;
        padding-left: 26px;
        height: 35px;
    }
    #createGroup 
    .modal-body span.group-icon {
        position: absolute;
        left: 1.542vw !important;
        top: 7px;
    }
        .information-row {
        flex-direction: column;
        gap:0px
    }
    .create-group-col button, .search-form-group button,
    .search-form-group input.search-bar {
        height: 35px;
    }

        .group-profile-avatar h4 {
        font-size: 5.083vw;
        top: 0px;
        left: 0px;
    }
    #membersModal
    .group-listing
    li img {
        height: 50px;
        width: 50px !important;
        object-fit: cover;
        border-radius: 100px;
        margin-bottom: 5px;
    }
    .row-member.members-page {
        max-width: 100%;
        position: relative;
    }

    .row-member {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-direction: row;
    }
        .row-member.members-page
        .mt-4.nav-search-btn-feed
        input.search-bar {
            text-indent: 5.042vw;
            padding: 0.26vw 1.042vw;
            height: 6.083vw;
            border: 1px solid #0000004a;
            border-radius: 5.458vw;
            line-height: 1;
            font-size: 3.042vw;
        }
    svg.close-modal {
        cursor: pointer;
        width: 6.083vw;
        height: 6.083vw;
    }
    .about-group-body p {
        font-size: 3.938vw;
    }
    .froup-admin-sec img.border-radius--100 {
        height: 60px;
        object-fit:cover;
    }
        .group-profile-avatar p {
        font-size: 3.563vw;
        top: 0px;
        left: 0px;
    }
    .events-invite-frnds {
        display: flex;
        flex-direction: row;
    }
    button.create-event-btn, button.invite-frnds-btn {
        font-size: 2.885vw;
    }
        .create-group-col button, .search-form-group button {
        border-radius: 21.458vw;
    }
        
        
        
        
        
        
        .filters-group ul li a, .filters-group ul li a.active, .filters-group ul li a:hover {
        padding: 1.521vw 4.083vw;
        border-radius: 8.458vw;
    }
    .filters-group ul {
        display: flex;
        gap: 3.406vw;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }























    .about-content {
        flex: 1;
        margin-top: 10px;
    }
    label.btn.btn-secondary {
        padding: 0.521vw 1.302vw;
        border-radius: 6.458vw;
        font-size: 3.781vw;
    }
    .group-name input.input, .group-name select.input {
        font-size: 3.729vw;
    }
        .about--body .top-sec.d-flex.gap-5 .toggle-btn
   {
        display:none;
    }
    form.info-update-form p {
        font-size: 4.042vw;
    }
    form.info-update-form svg {
        width: 8.302vw;
        height: 8.302vw;
        display: inline-block;
    }
    button.save-btn, button.cancel-btn {
        border-radius: 1.458vw;
        font-size: 3.938vw;
        padding: 1.833vw 3.76vw;
        border-radius: 3.458vw;
    }
    form.info-update-form
    .group-name
    span.group-icon
    svg {
        width: 5.302vw !important;
        height: 5.302vw !important;
    }
    form.info-update-form
    .group-name
    .after-input-icon
    svg {
        width: 5.302vw !important;
        height: 5.302vw !important;
    }
    span.group-icon {
        position: absolute;
        left: -3.458vw;
        top: 4px;
        bottom: 0;
    }
    .custom-radio-btns {
        font-size: 4.042vw;
    }
    .checkmark {
        position: absolute;
        top: 0;
        left: -18px;
        height: 4.042vw;
        width: 4.042vw;
        background-color: rgb(114 215 127 / 39%);
        border-radius: 4px;
    }
        .custom-radio-btns .checkmark:after {
            top: 0;
            left: -1px;
            width: 4.521vw;
            height: 4.521vw;
            content: "\00A0\2713\00A0" !important;
            color: #fff;
            font-weight: bolder;
            font-size: 4.042vw;
        }

        .about-content h2 {
        font-size: 4.823vw;
    }
        .frinds_card {
    padding: 1.352vw 1.042vw;
    max-width: 47.5%;
}
    h6.profile_name {
        font-size: 3.042vw;
    }
    p.members-count {
        font-size: 2.833vw;
    }
    button.unfollow-btn, button.joinGroup-btn {
        font-size: 2.781vw;
        border-radius:5vw;
    }
        .filters-group h4 {
        font-size: 4.042vw;
    }
    .cta-groups-sandc {
        flex-direction: column;
        
    }
    .create-group {
        width: 100%;
    }
    .create-group-col h4, .search-group-row h4 {
        font-size: 4.823vw;
    }
    .create-group-col p, .search-group-row p {
        font-size: 3.885vw;
    }
    .icon-col svg {
        width: 16.25vw;
        height: 16.25vw;
    }
    .search-group {
        width: 100%;
    }
    .search-form-group input.search-bar {
        border: 1px solid rgb(0 144 37 / 70%);
        height: 6.583vw !important;
        margin-right: 5px;
        padding: 0.26vw 5.042vw;
        height: 2.083vw;
        border-radius: 5.458vw;
        font-size: 3.042vw;
    }
    svg#search-normal {
        display: block;
        width: 4.042vw;
        height: 4.042vw;
    }
        .col-8.tab-menu {
        width: 100%;
    }
    .request-col {
        border-radius: 6.042vw;
    }
    a.accept-btn {
        padding: 0.521vw 5.083vw;
        border-radius: 5.458vw;
        font-size: 3.677vw;
    }
    a.dlt-btn {
        height: 31px;
        padding: 0.521vw 5.083vw;
        border-radius: 5.458vw;
        font-size: 3.677vw;
        display: inline-block;
        line-height: 24px;
    }
    li.mb-5.suggestedfriendrequestcard {
        text-align: center;
    }
    span.request_sender_name {
        font-size: 3.885vw;
        color: #144442;
        font-weight: 600;
        letter-spacing: 0.5px;
    }
    .frnds_requests_area ul li p {
        font-size: 3.781vw;
        max-width: 100%;
        text-transform: capitalize;
    }
    .frnds_requests_area ul li img {
        height: 18.906vw;
        width: 18.906vw;
        object-fit: cover;
        border: 2px solid #fff;
        border-radius: 50%;
    }
    .search-bar.col-4{
        display:none;
    }
    .tab-menu ul li a.active {
        color: #fff;
        padding: 1.581vw 4.042vw;
        border-radius: 6.458vw;
        color: #fff;
        font-size: 4.042vw;
    }
    .col-8.tab-menu
    ul.d-flex.justify-content-between.list-unstyled {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .tab-menu ul li a {
        font-size: 4.042vw;
        text-decoration: none;
        white-space: nowrap;
    }

    .floating-social-nav {
        width: 100% !important;
        bottom: 0px !important;
    }
        .floating-social-nav
        .social-nav-block
        ul {
            display: flex;
            flex-direction: row;
        }
.message-overlay {
    display: none;
}
    .row.chatpanel-mb {
        display: none !important;
    }
    .tabs-row .row {
        border: 1px solid #72D77F;
        border-radius: 6.042vw;
        padding-bottom: 0;
        margin-bottom: 2.604vw;
        margin-top: 4.688vw;
    }


    a.follow-btn {
        top: 5px !important;
        padding: 2.781vw 6.125vw;
        border-radius: 6.458vw;
        font-size: 3.885vw;
        position: relative;
    }


    .followers-col-1.follower-dv.col-md-4,
    .col-md-4.following-dv {
        margin-top: 5px;
    }
    .col-md-4.following-dv {
        margin-bottom: 15px;
    }
    p.total_frnds_count, p.total_followers_count {
        color: #383338;
        font-size: 8.073vw;
    }
    .followers-col h4 {
        font-size: 4.042vw;
    }
        .postpanel .post--sec {
        padding: 15px 10px;
    }
    .fs-40 {
        font-size: 25px;
    }
        .postpanel
        .post--sec.position-relative
        .like-controls.d-flex {
            display: flex;
            flex-direction: row;
        }
    .floating-social-nav {
        margin-left: 0px !important;
        width: 60px;
        height: fit-content;
    }
    img.btuploadprofile.border-radius--100 {
        height: 96px;
        object-fit: cover;
        width: 96px;
    }
    .current-user-dp{
        display:none;
    }
    .social-nav-block ul p.nav-title {
        font-size: 10px;
    }
        .postpanel .post--sec.position-relative .d-flex.align-items-center {
        display: flex;
        flex-direction: row;
    }
    .favourite-controls{
    margin-top: -20px;
}
    a.btn.btn-primary.mb--10,
    a.btn.btn-primary.btn-bg-non {
        padding: 10px 20px;
        font-size: 17px !important;
    }

        /* aside.sidebar-nav.sidebar-navstyx.sidebar-nav-top{
            display:none;
        }*/
        .imageitem img {
            width: 99px;
            height: 99px;
        }
        .main-banner-hight {
            height: 220px !important;
        }
        .col-md-12.text-end.mt--60 button.btn.btn-primary.btn-bg-non {
            margin: auto;
            margin-bottom: 10px;
        }

        .col-md-12.text-end.mt--60 button.btn.btn-primary.ml--20 {
            margin: auto;
        }

        .store-tabs .store-tab {
            margin: auto;
            height: 590px;
            margin-top: 30px;
            border-radius: 40px !important;
            width: 339px !important;
            padding: 30px;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url(../../img/icons/store-1.png);
            transition: all .5s ease-in-out;
            cursor: pointer;
        }

        .input-group {
            position: relative;
            display: flex;
            align-items: stretch;
            width: 100%;
            flex-direction: row;
            flex-wrap: nowrap;
        }

        form.card.border-radius--40.p--95.sm-res
        .row.memberships
        .col-md-12.text-end.mt--60 {
            display: flex;
            flex-direction: row;
            gap: 12px;
            flex-wrap: wrap;
            justify-content: center;
        }

            form.card.border-radius--40.p--95.sm-res
            .row.memberships
            .col-md-12.text-end.mt--60
            button {
                margin: 0px !important;
            }

        img.max-w500.m-auto.mt---60 {
            top: 0px;
            margin-top: 10px !important;
            margin-bottom: 20px !important;
        }

        form.card.border-radius--40.p--95.sm-res
        .col-md-12.text-center.mb--50 {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            gap: 15px;
        }

        form.card.border-radius--40.p--95.sm-res {
            padding: 20px !important;
        }

        .store-type.col-md-11.m-auto
        .row.pt--100.pl--60 {
            padding-left: 0px;
        }

        .store-type.col-md-11.m-auto
        .row
        .col-md-6.text-center {
            margin-bottom: 20px;
        }

        .d-md-flex
        .w-60.page-content {
            width: 100% !important;
        }

        .w-60.login-form.page-content {
            width: 100% !important;
        }

        .w-60.page-content.tpp.login-form {
            width: 100% !important;
            overflow: visible !important;
        }

        .col-md-8.mx-auto.d-block.text-center {
            max-width: 100%;
            flex: 100%;
        }

        .w-60.bg-stylex.h-100vh.page-style {
            display: none;
        }

        .single-product-pg
        .col-md-4
        .row
        .d-flex.align-items-center.justify-content-evenly {
            flex-direction: row;
        }

        .single-product-pg
        .col-md-4
        .row
        .d-flex.align-items-center {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

            .single-product-pg
            .col-md-4
            .row
            .d-flex.align-items-center
            img.pr--10 {
                padding: 0px;
                width: 45px;
            }

        .single-product-pg

        .pro-qty.d-flex.align-items-center {
            display: flex;
            flex-direction: row;
        }

        .pro-qty.d-flex.align-items-center {
            display: flex;
            flex-direction: row;
        }







        button.btn.btn-bg-non.btn-primary.seeall {
            padding: 0px 10px;
        }

        .img-item {
            width: 55px;
            height: 54px;
        }

            .img-item img {
                width: 54px !important;
                height: 54px;
            }

        .product-detail .d-flex {
            display: flex;
            flex-direction: row;
        }

        button.btn.btn-primary.product-btn.ml-auto {
            font-size: 15px;
            min-width: 116px !important;
            height: 39px;
            white-space: nowrap;
        }

        .products-list {
            padding: 0px 3px;
        }

        .volunteer.pos-relative
        .d-flex.align-items-center {
            gap: 0px !important;
        }

        span.mx-1 {
            font-size: 18px;
        }

        .sm-hide {
            display: none;
        }

        span.vday {
            font-size: 18px;
        }

        span.mx-1.vstartTime {
            white-space: nowrap;
            font-size: 18px;
        }

        span.vendTime.mx-1 {
            white-space: nowrap;
            font-size: 18px;
        }

        ul.vdaylist.row.mt--30 {
            padding: 0px
        }

        .col-md-6.col-xl-4.volteer
        .volunteer {
            height: 286px;
        }

        .volunteer.pos-relative .d-flex.flex-column {
            gap: 0px !important;
        }

        .bio-img-m {
            height: 450px !important;
            border-radius: 10px;
        }

        .sm-h-auto {
            height: auto !important;
        }

        .d-flex.ads-sidex.flex-column.mt--20.text-left {
            gap: 0px;
        }

        .matrimonial-single.m-auto,
        .matrimonial-single::before,
        .matrimonial-btns {
            width: 100%;
        }

            .matrimonial-btns svg {
                margin: 0px 5px;
                width: 70px;
            }

        .fs-49 {
            font-size: 35px;
        }

        .fs-33 {
            font-size: 23px;
        }

        .matrimonial-detail
        p.fs-33.mb--10.fn-Archivo-SemiBold
        svg {
            width: 35px;
        }

        .matrimonial-detail
        p.fs-33.mb--30.fn-Archivo-SemiBold
        svg {
            width: 35px;
        }

        .matrimonial-single a img {
            height: 700px;
        }

        .matrimonial-btns svg:nth-child(2) {
            width: 100px;
        }

        .matrimonial-btns.d-flex.align-items-center {
            display: flex;
            flex-direction: row;
        }

        button .btn svg {
            margin-right: 10px;
        }

        button.btn {
            display: flex !important;
            flex-direction: row;
            padding: 5px 50px;
            text-align: center !important;
            align-items: center;
        }

        .event-date-sty-2.d-flex.justify-content-start {
            flex-direction: row;
        }

        .card {
            margin-bottom: 30px
        }

        .d-flex.guests.justify-content-between {
            display: flex;
            flex-direction: row;
        }

        button.btn.btn-invite.btn-primary:not(.min-w-non), a.btn.btn-primary {
            display: flex;
            justify-content: center;
        }

        button.btn.btn-sm.btn-primary.btsearch {
            display: flex;
            justify-content: center;
        }

        button.btn {
            display: flex;
            justify-content: center;
        }

        .fs-26 {
            font-size: 18px;
        }

        input.form-control, select.form-control {
            height: 50px !important;
        }

        body {
            padding-top: 110px;
        }

        .fs-42 {
            font-size: 35px;
        }

        h5.modal-title
        svg {
            width: 45px;
        }

        .fs-29 {
            font-size: 20px;
        }

        a.logo.small-height {
            margin-top: -17px !important;
        }

        .footer {
            padding-left: 15px;
        }
    }




    @media only screen and (max-width: 1124px) and (min-width: 700px) {
        .col-md-4 {
            flex: 0 0 auto;
           /* width: 50% !important;*/
        }
      
    }



@media only screen and (max-width: 550px) {
    
        .col-6.col-md-3.products-list {
        width: 100%;
    }
    .sm-inline-wrap {
        flex-wrap: wrap;
        flex-direction: row;
    }
    .tags-attr.d-flex.align-items-center{
        gap:5px;
    }
    .pro-attr{
        min-width:80px;
        margin:0px;
    }
    .card.border-radius--40.p--30 {
        padding: 10px;
    }
    .qty-btn {
        margin: 0px 3px;
    }
    .d-flex{
        gap:5px;
    }
    .card.border-radius--40.p--50,
    .card.border-radius--40.p--70 {
        padding: 15px;
        border-radius: 15px;
    }
    img.w-100.border-radius--30 {
        border-radius: 15px;
    }
}