/* connection request CSS */

.exp-follw-parent {
    left: -110px;
    top: 60px;
    min-width: 280px;
    position: absolute;
    z-index: 200;
    min-height: 100px;
    padding: 14px;
    border-radius: 18px;
}

.exp-follw-parent .follwing_child .notification_header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0px;
    z-index: 10;
    padding-bottom: 8px;
    /* background: #fff; */
    margin-bottom: 5px;
    font-weight: 700;
}
.exp-follw-parent::before,
.redirect_php_parent::before {
    content: "";
    position: absolute;
    top: -10.5px;
    left: 140px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    z-index: 0;
}

.exp-follw-parent::after,
.redirect_php_parent::after {
    content: "";
    position: absolute;
    top: -9px;
    left: 140px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    z-index: 1;
}

.exp-follw-parent .follwing_child {
    width: 350px;
    height: 400px;
    position: relative;
    overflow-y: auto;
}


.exp-follw-parent .follwing_child .sp-one a {
    color: #626365;
    text-decoration: none;
}

.exp-follw-parent .follwing_child .sp-one {
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 10px;
    width: 100%;
}

.exp-follw-parent .follwing_child .sp-one .click_notificationImageWrapper small {
    font-size: 10px;
    line-height: 15px;
    font-weight: 500;
    display: block;
    margin-top: 5px;
}

.exp-follw-parent .follwing_child .sp-one .click_notificationImageWrapper img {
    width: 25px;
    height: 25px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    margin-bottom: 3px;
}
.exp-follw-parent .follwing_child::-webkit-scrollbar {
    width: 0px;
}

/* basic info page css end */
html,
body {
    overflow-x: hidden;
}

/* select field UI */
select {
    background-color: #FFFFFF !important;
    display: flex;
    align-items: center;
    appearance: base-select !important;
    /* color: #71717a; */
    /* background-color: transparent; */
    width: 100%;
    box-sizing: border-box;
    padding: 0.5rem 0.75rem;
    /* border: 1px solid #e4e4e7; */
    /* border-radius: calc(0.5rem - 2px); */
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); */
    cursor: pointer;

    &>button {
        display: flex;
        width: 100%;
        font-family: inherit;
        color: currentColor;

        &>svg {
            margin: 0 0 0 auto;
            width: 1.2rem;
            height: 1.2rem;
        }
    }

    &:has(option:not([hidden]):checked) {
        color: #6c757d;
    }

    &:focus-visible {
        /* outline: 2px solid #a1a1aa; */
        outline-offset: -1px;
    }

    &::picker-icon {
        display: none;
    }

    &::picker(select)::-webkit-scrollbar {
        width: 0px !important;
    }
    &::picker(select) {
        appearance: base-select !important;
        /* border: 1px solid #e4e4e7; */
        padding: 0.25rem;
        margin-top: 0.25rem;
        border-radius: calc(0.5rem - 2px);
        /* box-shadow: 0 4px 6px -1px #0000001a,
      0 2px 4px -2px #0000001a; */
        cursor: default;
        transition: opacity 225ms ease-in-out, transform 225ms ease-in-out;
        transform-origin: top;
        transform: translateY(0);
        opacity: 1;

        @starting-style {
            transform: translateY(-0.25rem) scale(0.95);
            opacity: 0;
        }
    }

    & optgroup label {
        display: block;
        padding: 0.375rem 0.5rem;
    }

    & option {
        padding: 0.375rem 0.5rem;
        border-radius: calc(0.5rem - 4px);
        outline: none;

        &::after {
            filter: brightness(0) invert(1);
            content: "";
            width: 1rem;
            height: 1.5rem;
            margin-left: auto;
            opacity: 0;
            background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2318181b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'%3E%3C/path%3E%3C/svg%3E");
        }

        &::checkmark {
            display: none;
        }

        &:checked {
            background-color: transparent;

            &::after {
                opacity: 1;
            }
        }

        /* &:hover,
    &:focus-visible {
      background-color: #f4f4f5;
      color: #18181b;
    } */
    }
}

.MainTabWrapper {
    height: calc(100vh - 219px);
    overflow-y: auto;
    overflow-x: hidden;
}

.MainTabWrap {
    height: 100%;
}
.login-selection-header-inner{
    max-width: 180px !important;
}
.MainTabWrap>.nav {
    /* background-color: #F9F9F9; */
    position: fixed;
    top: 93px;  
    left: 40px;
    height: calc(100% - 296px);
    padding: 40px 25px;
    text-align: left;
    align-items: flex-start;
    max-width: 356px;
    width: 100%;
    margin: 40px 0px 0px !important;
}

.MainTabWrap>.nav-pills .nav-link {
    font-weight: 700;
    font-size: 26px;
    line-height: 1.2;
    text-transform: capitalize;
    /* color: #8C929E; */
    padding: 0px;
}

.MainTabWrap>.nav-pills .nav-link+.nav-link {
    margin-top: 60px;
}

.MainTabWrap>.nav-pills .nav-link.active,
.MainTabWrap>.nav-pills .show>.nav-link {
    /* color: #282D41; */
    background-color: transparent;
}

.MainTabWrap>.tab-content {
    width: 100%;
    padding: 40px 10px 40px 406px !important;
}

.MainTabWrap .autoreg-tab {
    padding: 40px 10px 40px 40px !important;
}

.MainTabWrap .tab-pane {
    background: transparent;
}

.subNav {
    /* background: #F9F9F9; */
    border-radius: 10px;
    padding: 55px 0px 45px;
    width: 356px;
    margin-right: 50px;
    position: sticky;
    top: 40px;
    left: 0px;
}

.subNavTitle {
    padding: 0px 30px 30px;
    /* border-bottom: 1px solid #DEDEDE; */
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 30px;
    text-transform: capitalize;
    /* color: #282D41; */
}

.subNavTitle img {
    margin-right: 10px;
}

.subNav .nav {
    margin: 0px !important;
    padding: 0px 20px;
}

.subNav .nav-pills .nav-link {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    text-transform: capitalize;
    /* color: #8C929E; */
    text-align: left;
    padding: 0px 30px 30px;
    margin-bottom: 30px;
    /* border-bottom: 1px solid #E3E3E3; */
    border-radius: 0px;
}

.subNav .nav-pills .nav-link.active,
.subNav .nav-pills .show>.nav-link {
    background: transparent;
    /* color: #000; */
}

.subNav .nav-pills .nav-link:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border: 0px;
}

.topRighttWrapper {
    gap: 6px;
    width: 132px;
}

.page-header .header-in {
    padding: 10px 0;
    border-bottom: 0px;
}

.proArea {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}

.proImage {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 30px;
}

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

.proText span {
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    /* color: #000000; */
}

.proText .name {
    font-weight: 700;
    font-size: 26px;
    line-height: 1.2;
    /* color: #000000; */
    margin-bottom: 10px;
}

.proText p {
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    /* color: #AFAFAF; */
}

.cmnFormWrap {
    /* background: #F9F9F9;
    border: 1px solid #D9D9D9; */
    padding: 16px !important;
    margin-bottom: 45px;
}

.cmnFormWrap ::placeholder {
    /* color: #BABABA; */
    opacity: 1;
}

.cmnFormWrap h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 1;
    text-transform: capitalize;
    /* color: #000000; */
    margin-bottom: 30px;
}

.formArea label {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    /* color: #072927; */
}

.formArea .row>* {
    margin-bottom: 25px;
}

.formArea .row {
    margin-bottom: -25px;
}

.formArea input[type="text"],
.formArea input[type="tel"],
.formArea input[type="email"],
.formArea select,
.formArea textarea {
    height: 65px;
    /* background-color: #FFFFFF; */
    border-radius: 10px;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    text-transform: capitalize;
    /* border: 1px solid #777; */
    /* color: #777; */
}

.formArea textarea {
    height: 130px;
    resize: none;
}

.formArea input[type="button"] {
    /* background: #282D41; */
    border-radius: 6px;
    padding: 0px 40px;
    height: 50px;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    /* color: #FFFFFF; */
}

/* .formArea input[type="button"]:hover{
    background:#000;
} */

.selectTheme {
    margin-bottom: -25px;
}

.themeItem {
    margin-bottom: 25px;
    text-align: center;
    cursor: pointer;
}

.themeItem h3 {
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2;
    text-align: center;
    /* color: #282D41; */
    margin-top: 15px;
}

/* .themeItem.activetheme img {
    border-color: #777;
} */

.themeItem img {
    border: 2px solid transparent;
    padding: 5px;
}

.themeItem.activetheme h3 {
    /* color: #282D41; */
    font-weight: 700;
}

.SubTabWrap .tab-content {
    width: calc(100% - 406px);
}

#myTable1_wrapper .dataTables_length,
#myTable2_wrapper .dataTables_length,
#myTable3_wrapper .dataTables_length {
    display: none;
}

#myTable1_wrapper .dataTables_filter,
#myTable2_wrapper .dataTables_filter,
#myTable3_wrapper .dataTables_filter {
    display: none;
}

#myTable1_wrapper .dataTables_info,
#myTable2_wrapper .dataTables_info,
#myTable3_wrapper .dataTables_info {
    display: none;
}

#myTable1_wrapper .dataTables_paginate,
#myTable2_wrapper .dataTables_paginate,
#myTable3_wrapper .dataTables_paginate {
    display: none;
}


.cmnTable {
    margin-bottom: 80px;
}

/* .cmnTable thead {
    background: #D9D9D9;
} */

.cmnTable table,
.cmnTable tr,
.cmnTable td,
.cmnTable th {
    border: 0px !important;
}

/* .cmnTable tr.odd {
    background: #fff !important;
}

.cmnTable tr.even {
    background-color: #f2f2f2 !important;
} */

.cmnTable table.dataTable.display>tbody>tr.odd>.sorting_1,
.cmnTable table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1 {
    box-shadow: none;
}

.cmnTable table.dataTable.stripe>tbody>tr.odd>*,
.cmnTable table.dataTable.display>tbody>tr.odd>* {
    box-shadow: none;
}

.cmnTable table.dataTable.display>tbody>tr.even>.sorting_1,
.cmnTable table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1 {
    box-shadow: none;
}

.cmnTable tbody td {
    padding: 30px 15px !important;
}

.cmnTable thead th {
    padding: 15px !important;
}

.cmnTable tbody td>img {
    height: 20px;
    max-width: initial;
    width: auto;
}

/* .cmnTable tbody tr {
    background: #eee;
}

.cmnTable tbody tr:nth-child(even) {
    background: #f5f5f5;
} */

.cmnTable table {
    width: 100%;
}

label.rdo {
    margin: 0px;
    line-height: 0px;
}

label.rdo input {
    display: none;
}

label.rdo input+span {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    /* border: 2px solid #a0a0a0; */
    display: inline-block;
    position: relative;
    z-index: 1;
}

label.rdo input+span:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* background: #000; */
    border-radius: 100%;
    opacity: 0;
}

/* label.rdo input:checked + span {
    border-color: #000;
} */

label.rdo input:checked+span:before {
    opacity: 1;
}

label.rdo input+i {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 2px solid #a0a0a0;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-right: 10px;
}

label.rdo input+i:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #000;
    border-radius: 100%;
    opacity: 0;
}
.iti__selected-dial-code{
 color: #18181b !important;   
}

label.rdo input:checked+i {
    border-color: #000;
}

label.rdo input:checked+i:before {
    opacity: 1;
}

.deletion_type label.rdo {
    display: flex;
    align-items: center;
    margin: 15px 0;
}

.deletion_type .form_input_check label span {
    font-weight: 500;
}

.cmnBtn {
    padding: 10px 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* background-color: #282D41; */
    border-radius: 5px;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    /* color: #FFFFFF; */
}

.cmnBtn img {
    margin-right: 7px;
}

/* .cmnBtn:hover{
    background-color: #000;
} */
.cmnTableHead {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.cmnTableFilter {
    display: flex;
    align-items: center;
    padding-right: 20%;
    width: 100%;
    margin-bottom: 10px;
    /* border-bottom: 1px solid #C6C6C6; */
    padding-bottom: 20px;
}

.cmnTableFilter span {
    display: block;
    white-space: nowrap;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    text-transform: capitalize;
    /* color: #000000; */
    margin-right: 20px;
}

.cmnTableFilter select+select {
    margin-left: 10px;
}

.cmnTableFilter select {
    height: 55px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
    text-transform: capitalize;
    /* color: #BEBEBE; */
}

.statsHead {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    /* border-bottom: 1px solid #d9d9d9; */
    margin-bottom: 20px;
}

.statsHead>* {
    white-space: nowrap;
    margin: 0px !important;
}

.statsHead p {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    /* color: #000000; */
}

.statsFilter {
    max-width: 280px;
    width: 100%;
    margin-left: auto;
    display: flex;
    margin: 0px auto;
    min-height: 16px;
}

.statsFilter select {
    height: 45px;
    background-color: transparent;
    /* border: 1px solid #D0D0D0; */
    border-radius: 10px;
}

.statsFilter .cmnBtn {
    border-radius: 6px;
    margin-left: 15px;
}

.chartItem {
    text-align: center;
}

.chartItem p {
    margin-top: 10px;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    text-transform: capitalize;
    /* color: #8C929E; */
}

.alphaFilterBox {
    /* border-bottom: 1px solid #F0F0F0; */
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.alphaFilterBox a {
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0;
    /* color: #1E1C1C; */
}

.alphaFilterBox a {
    padding: 0 8px;
    /* border-right: 1px solid #000; */
}

.alphaFilterBox a:last-child {
    border: 0px;
}

.piInner {
    /* background: #FFFFFF; */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.02);
    text-align: center;
    padding: 30px;
}

.piImg img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
}

.piImg {
    margin-bottom: 30px;
}

.piText span {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    /* color: #000000; */
}

.piText h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    /* color: #000000; */
    margin-bottom: 0;
}

.piText p {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    /* color: #AFAFAF; */
    margin-bottom: 0px;
}

.personalInfoListing .row {
    margin-bottom: -30px;
}

.piItem {
    margin-bottom: 30px;
}

.macHead {
    /* border-bottom: 1px solid #F0F0F0; */
    padding-bottom: 15px;
    margin-bottom: 40px;
}

.macBody .label {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #072927;
    margin-bottom: 15px;
}

.macBody select {
    /* background-color: #FFFFFF; */
    border-radius: 10px;
    max-width: 462px;
    width: 100%;
    /*                margin-bottom: 25px;*/
}

.autoreactiveField {
    margin-top: 30px;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.autoreactiveField span {
    white-space: nowrap;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    /* color: #072927; */
    margin-right: 20px;
}

.autoreactiveField input {
    /* background: #FFFFFF; */
    border-radius: 10px;
    max-width: 267px;
    width: 100%;
    background-image: url('icon-calendar-b.svg');
    background-repeat: no-repeat;
    background-position: center right 15px;
}

.cusChkBox label {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    /* color: #072927; */
}

.cusChkBox label {
    position: relative;
    z-index: 1;
}

.cusChkBox label input {
    display: none;
}

.cusChkBox label span {
    width: 25px;
    height: 25px;
    /* background-color: #FFFFFF; */
    /* border: 1px solid #282D41; */
    border-radius: 5px;
    margin-right: 12px;
    position: relative;
    flex-shrink: 0;
}

.cusChkBox label span:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url('icon-tick-b.svg');
    background-repeat: no-repeat;
    width: 14px;
    height: 13px;
    opacity: 0;
}

.cusChkBox label input:checked+span:before {
    opacity: 1;
}

.macSubmitWrap input {
    /* background: #282D41; */
    border-radius: 6px;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
    /* color: #FFFFFF; */
    padding: 8px 20px;
}

.macSubmitWrap input:hover {
    background-color: #000;
}

.cmnTable th,
.cmnTable td {
    font-size: 14px;
}



.macSubmitWrap {
    margin-top: 40px;
}

.statsMainChartTab .row {
    margin-bottom: -30px;
}

.chartItem {
    margin-bottom: 30px;
}

/* .active_sm, .active_prf, .active_cel{
    color: #8C929E !important;
}

.alphaFilterBox a:hover{
    color: #8C929E;
} */

.form_modalbody {
    padding: 0 15px 15px;
}

.form_modalbody .userform_input input[type="text"],
.form_modalbody .userform_input input[type="password"],
.userform_input input[type="date"],
.form_modalbody .userform_input input[type="email"],
.form_modalbody .userform_input select,
.form_modalbody .userinput_submit input[type="submit"] {
    height: 55px;
}

.form_modalbody .userinput_submit {
    margin-bottom: 0;
}

.alert-text {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.alert-close {
    padding-left: 15px;
}

.alert-close button {
    border: none;
    background: transparent;
    padding: 0;
    height: auto;
    line-height: 1;
}

.alert-close button span {
    font-size: 20px;
}

.user_login_form {
    width: 100%;
}

.user_login_form_row {
    align-items: center
}

.user_login_form_row .userform_input {
    /* border: 1px solid #dedede;
    color: #6c757d; */
    height: 50px;
}

.chartItemInn {
    width: 300px !important;
    height: 350px !important;
    margin: 0px auto;
}

.chartItemInn canvas.canvasjs-chart-canvas {
    width: 100%;
}

.canvasjs-chart-credit {
    display: none;
}

.chartItemInnTitle {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.user_login_form .spl-img-cont {
    border: 2px solid #ccc;
    display: inline-block;
    transform: scale(0.95);
    transform-origin: bottom;
}

.user_login_form .themeItem.activetheme .spl-img-cont {
    transform: scale(1);
    /* border-color: #777; */
}

.user_login_form .themeItem:first-child .spl-img-cont img {
    padding: 0px;
}

.user_login_form .themeItem.activetheme img {
    padding: 5px !important;
}

.user_login_form .themeItem:first-child img {
    filter: brightness(0) invert(1);
}

/* responsive css */

@media(max-width:1400px) {
    .topRighttWrapper .btns {
        width: 24px;
    }
}

@media(max-width:1600px) {
    .MainTabWrap>.nav-pills .nav-link {
        font-size: 18px;
    }

    .MainTabWrap>.nav-pills .nav-link+.nav-link {
        margin-top: 30px;
    }

    .MainTabWrap>.tab-content {
        padding: 40px 10px 40px 360px !important;
    }

    .subNav {
        width: 256px;
        padding: 25px 0px;
        margin-right: 30px;
    }

    .subNavTitle {
        font-size: 16px;
        padding: 0px 15px 15px;
        margin-bottom: 20px;
    }

    .subNav .nav-pills .nav-link {
        padding: 0px 15px 15px;
        font-size: 14px;
    }

    .SubTabWrap .tab-content {
        width: calc(100% - 286px);
    }

    .cmnFormWrap h2 {
        font-size: 25px;
    }

    .MainTabWrap>.nav {
        max-width: 306px;
    }

    .formArea label {
        font-size: 16px;
    }

    .formArea input[type="text"],
    .formArea input[type="tel"],
    .formArea input[type="email"],
    .formArea select,
    .formArea textarea {
        font-size: 16px;
    }

    .formArea input[type="button"] {
        font-size: 16px;
    }

    .themeItem h3 {
        font-size: 16px;
    }

    .cmnBtn {
        font-size: 16px;
    }

    .cmnTableFilter span {
        font-size: 16px;
    }

}


@media(max-width:1199px) {
    .MainTabWrap>.nav {
        position: static;
        width: 100%;
        max-width: 100%;
        margin-left: 40px !important;
        margin-right: 40px !important;
        flex-direction: row !important;
        justify-content: space-between;
    }

    .MainTabWrapper {
        height: auto;
    }

    .MainTabWrap>.nav-pills .nav-link+.nav-link {
        margin: 0px;
    }

    .MainTabWrap>.nav-pills .nav-link {
        margin: 5px !important;
    }

    .MainTabWrap>.tab-content {
        padding: 40px 20px !important;
    }

    .MainTabWrap {
        flex-wrap: wrap;
    }

    .MainTabWrap>.tab-content {
        min-height: 100vh;
    }

}

@media(max-width:767px) {
    .login-selection-header-inner{
        width:100% !important;
        text-align: center !important;
    }
    .exp-follw-parent .follwing_child {
        width: 250px !important;
    }
    .statsHead h2 {
        width: 100%;
        margin-bottom: 20px !important;
    }

    .statsHead {
        flex-wrap: wrap;
    }

    .cmnTableHead {
        flex-wrap: wrap;
    }

    .cmnFormWrap h2 {
        width: 100%;
        margin-bottom: 15px;
    }

    .table-responsive>div {
        width: 900px;
    }

    .cmnFormWrap h2 {
        margin-bottom: 20px !important;
    }

    .statsHead {
        flex-wrap: wrap;
    }

    .statsHead>* {
        white-space: normal;
        line-height: 1.2 !important;
    }

}

@media(max-width:620px) {
    .MainTabWrap>.tab-content {
        padding: 40px 20px !important;
    }
}

/* basic info page css end */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer.login-selection-footer {
    margin-top: auto;
}

.login-selection-footer .copyright-text p {
    font-size: 16px;
    font-weight: 700;
}

/* button header off/on settings start */
.btns.expandAll {
    display: none;
}

.btns.collapseAll {
    display: none;
}

/* button header off/on settings end */

.topRighttWrapper {
    width: 170px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 20px;
}

.available_table td {
    font-weight: 600;
}

.suggest1 {
    color: #777;
}

/* .suggest1:hover {
    color: #000;
} */

.main_content_right_scroll {
    text-align: justify;
}

.login-selection-body-sec {
    height: calc(100vh - 219px);
    overflow-y: auto;
    overflow-x: hidden;
}

/* ========== responsive css =========== */

@media(min-width:1025px) {

    /* navbar*/
    .navbar-nav .clickD {
        display: none;
    }

    .navbar-nav li.menu-item-has-children:hover>.sub-menu {
        display: block;
    }
}

@media(min-width:1300px) {
    .container {
        max-width: 1270px;
    }
}

@media(min-width:1400px) {
    .container {
        max-width: 1370px;
    }
}

@media(min-width:1500px) {
    .container {
        max-width: 1470px;
    }
}

@media(min-width:1600px) {
    .container {
        max-width: 1570px;
    }
}

@media(min-width:1900px) {
    .container {
        max-width: 1864px;
    }
}

@media(max-width:1799px) {
    .details-block {
        padding: 46px 80px 55px;
    }

    /*preference-page*/
    .preference-page-details-block {
        padding: 25px 30px;
    }

    .prefences-page-mn-innr-cntent-thr table .prfnc-page-tble-tilte,
    .prefences-page-mn-innr-cntent-tw table .prfnc-page-tble-tilte,
    .prefences-page-mn-innr-cntent table .prfnc-page-tble-tilte {
        padding: 20px 15px;
    }

    .prefences-page-mn-innr-cntent table tr {
        padding: 26px 15px;
    }

    .prefences-page-mn-innr-cntent table tr td:nth-child(1),
    .prefences-page-mn-innr-cntent table tr th:nth-child(1) {
        width: 34%;
    }

    .prefences-page-mn-innr-cntent table tr td:nth-child(2),
    .prefences-page-mn-innr-cntent table tr th:nth-child(2) {
        width: 22%;
    }

    .prefences-page-mn-innr-cntent table tr td:nth-child(3),
    .prefences-page-mn-innr-cntent table tr th:nth-child(3) {
        width: 22%;
    }

    .prefences-page-mn-innr-cntent table tr td:nth-child(4),
    .prefences-page-mn-innr-cntent table tr th:nth-child(4) {
        width: 22%;
    }

    .prefences-page-mn-innr-cntent-tw table tr {
        padding: 26px 15px;
    }

    .prefences-page-mn-innr-cntent-thr table tr {
        padding: 26px 15px;
    }

    .prefences-page-mn-innr-cntent-thr table tr td,
    .prefences-page-mn-innr-cntent-tw table tr td,
    .prefences-page-mn-innr-cntent table tr td {
        font-size: 16px;
    }

    .prefences-page-mn-innr-cntent-thr table tr th,
    .prefences-page-mn-innr-cntent table tr th,
    .prefences-page-mn-innr-cntent-tw table tr th {
        font-size: 16px;
    }

    .preference-page-details-block-hedtn-thr a {
        font-size: 16px;
    }


    /*people-page-style-css*/
    .people-all-alft-txt ul {
        margin: 0 -8px;
    }

    .people-all-alft-txt ul li {
        padding: 0 8px;
        line-height: 14px;
    }

    .people-all-alft-txt ul li a {
        font-size: 14px;
    }

    .people-page-details-block {
        padding: 25px 30px;
    }


    /* --------- 27/07/2022 ARIJIT --------- */
    main.body-content-wpr.v2 {
        --aside-bar-width: 260px;
    }

    ul.side-menu>li>a>.menu-icon {
        width: 60px;
    }

    ul.side-menu>li>a {
        font-size: 22px;
    }

    h2 {
        font-size: 32px;
    }

    .user-account-dropdown .user-account .user-details .name {
        font-size: 22px;
        margin-bottom: 2px;
    }

    .oneshop-logo>img {
        /* max-width: 75px; */
        margin-right: 15px;
    }

    .oneshop-logo>span {
        font-size: 32px;
    }

    .oneshop-logo {
        margin-right: 36px;
    }

    .cmn-settings-link ul>li>a {
        width: 40px;
        height: 40px;
        padding: 10px;
    }

    .oneshop-search-wpr select {
        height: 40px;
        font-size: 20px;
    }

    .oneshop-search-wpr input[type="text"] {
        height: 40px;
    }

    .oneshop-search-wpr input[type="submit"] {
        position: absolute;
        width: 40px;
        height: 40px;
        background-size: 18px;
    }

    .oneshop-menu>ul {
        justify-content: flex-start;
    }

    .oneshop-menu>ul>li>a {
        font-size: 18px;
    }

    .oneshop-menu>ul>li>a>img {
        max-width: 30px;
    }

    .oneshop-menu>ul>li.active-menu>a::before,
    .oneshop-menu>ul>li.active-menu>a::after {
        bottom: -32px;
    }

    .two-block-row .left-block {
        width: calc(100% - 370px);
    }

    .two-block-row .right-block {
        width: 370px;
    }

    .quick-links ul>li>a {
        font-size: 18px;
        background-size: 8px;
        padding-right: 15px;
    }

    .quick-links ul>li {
        margin-bottom: 25px;
    }

    h3 {
        font-size: 26px;
    }

    .content-block.v2 {
        padding: 30px 30px 40px;
    }

    .page-header .header-in {
        padding: 25px 0;
        padding-right: 40px;
    }

    .img-link-list>ul>li>.details-wpr h5 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .img-link-list>ul>li>.img-wpr {
        width: 65px;
        height: 65px;
        margin-right: 25px;
    }

    .page-banner .banner-txt h1 {
        font-size: 46px;
    }

    .page-banner .banner-txt {
        left: 10%;
    }

    .cmn-card .img-wpr {
        min-height: 210px;
    }

    .cmn-card .img-wpr img {
        max-height: 190px;
    }

    .product-title h4 {
        font-size: 19px;
        line-height: 1.3;
    }

    .product-price p {
        font-size: 19px;
    }

    .view_details_btn {
        font-size: 19px;
    }

    .header-search-bar input[type="submit"] {
        width: 40px;
        height: 40px;
        background-size: 18px;
    }

    .header-search-bar input[type="text"] {
        font-size: 19px;
        height: 50px;
        padding: 0 22px;
        padding-right: 52px;
    }

    /* --------- 27/07/2022 ARIJIT --------- */
}

/* --------- rajat ---------- */
@media(max-width: 1699px) {

    .userform_input input[type="text"],
    .userform_input input[type="date"],
    .userform_input input[type="password"],
    .userform_input input[type="email"],
    .userform_input select {
        height: 66px;
    }

    .userform_wrap .userform_input {
        margin-bottom: 25px;
    }

    .user_login_form_grp .userform_header {
        margin-bottom: 30px;
    }

    .user_login_header .logo_img {
        min-width: 140px;
        width: 140px;
    }

    .userinput_submit input[type="submit"] {
        font-size: 20px;
    }

    .userinput_submit {
        margin-bottom: 35px;
    }

    .user_login_right_panel_wrap figure img {
        min-height: 850px;
    }

    .user_login_right_panel_roll_wrap {
        padding: 50px 35px 40px;
    }

    .user_login_right_panel_roll .slick-dots {
        padding: 0 38px;
    }

    .user_login_right_panel_roll .slick-prev,
    .user_login_right_panel_roll .slick-next {
        width: 58px;
        height: 58px;
    }

    .user_login_right_panel_roll .slick-next {
        margin-right: 22px;
    }

    .main-footer.user_login_footer {
        padding: 32px 0;
    }

    .user_play a {
        width: 120px;
        height: 120px;
    }

    .user_play img {
        max-width: 30px;
    }

    .main-footer.user_login_footer .footer-links ul li:not(:last-child) {
        margin-right: 25px;
    }

    .user_signup_form {
        max-width: 580px;
    }

    .user_login_page_enter_nw_password .user_login_header {
        margin-bottom: 140px;
    }

    .user_login_forgot_username_nwname .user_login_header {
        margin-bottom: 140px;
    }

    .general_stat_graph_wrap figure {
        margin: 0 auto 24px;
        max-width: 230px;
    }

    .general_stat_graph_wrap p {
        font-size: 17px;
    }

    .general_stat_graph {
        padding-top: 55px;
    }

    .general_stat_hd h3 {
        font-size: 26px;
    }
}

/* --------- rajat end ---------- */

@media(max-width:1599px) {
    body {
        font-size: 16px;
    }

    ul.side-menu>li:not(:last-child) {
        margin-bottom: 50px;
    }

    ul.side-menu>li>a {
        font-size: 22px;
    }

    main.body-content-wpr {
        --aside-bar-width: 320px;
    }

    .custom-tab .tab-menu-wpr {
        margin-right: 40px;
        max-width: 300px;
    }

    h5 {
        font-size: 18px;
    }

    .custom-tab .tab-menu-wpr .tab-menu>li {
        font-size: 18px;
        padding: 32px 15px !important;
    }

    .custom-tab .tab-menu-wpr h5 {
        padding: 45px 30px 39px;
    }

    .user-block .user-profile-img {
        width: 130px;
        height: 130px;
        margin-right: 30px;
    }

    .details-block {
        padding: 35px 40px 40px;
    }

    h3 {
        font-size: 24px;
    }

    .theme-option-row.row {
        --bs-gutter-x: 25px;
    }

    .theme-option-row .each-theme-option .theme-name {
        font-size: 18px;
    }

    label {
        font-size: 17px;
        margin-bottom: 11px;
    }

    input[type="text"],
    input[type="tel"],
    input[type="password"],
    input[type="email"],
    select {
        height: 56px;
        padding: 0 20px;
    }

    input[type="submit"] {
        font-size: 18px;
    }

    .form-row.row {
        --bs-gutter-x: 25px;
    }

    select {
        background-size: 12px;
    }

    h2 {
        font-size: 30px;
    }

    .user-account-dropdown .user-account .user-details .name {
        font-size: 20px;
        margin-bottom: 2px;
    }

    .user-account-dropdown .user-account .user-details .lavel {
        background-size: 10px;
    }

    footer.main-footer {
        padding: 30px 40px 26px;
    }

    .main-footer .content-wpr {
        font-size: 16px;
    }

    .footer-links li>a {
        font-size: 16px;
    }

    .footer-links ul li:not(:last-child) {
        margin-right: 35px;
    }

    main.body-content-wpr aside.main-sidebar .side-bar-in {
        margin-bottom: 20px;
    }

    .right-content-wpr .content-area {
        margin: 30px 0 20px;
    }


    /*preference-page*/
    .preference-page-details-block {
        padding: 25px 10px;
    }

    .prefences-page-mn-innr-cntent-thr table tr td,
    .prefences-page-mn-innr-cntent-tw table tr td,
    .prefences-page-mn-innr-cntent table tr td {
        font-size: 14px;
    }

    .prefences-page-mn-innr-cntent-thr table tr th,
    .prefences-page-mn-innr-cntent table tr th,
    .prefences-page-mn-innr-cntent-tw table tr th {
        font-size: 14px;
    }

    .preferences-page-top-srch-bar {
        margin-right: 15px;
        width: 320px;
    }

    .preferences-page-top-srch-bar form input[type=text] {
        font-size: 18px;
    }


    /*people-page-style*/

    .single-people-img-crt-mn {
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .people-page-top-main-sec-inr {
        margin: 0 -10px;
    }

    .people-all-alft-txt ul li {
        line-height: 10px;
    }

    .people-all-alft-txt ul li a {
        font-size: 10px;
    }

    .people-page-details-block {
        padding: 25px 15px;
    }

    .innr-people-crt-wrap h4 {
        font-size: 22px;
    }


    /* -------- parosenjit manage account page 27/07/2022 END ----------- */
    .manage-account-man-innr-info p {
        margin-bottom: 40px;
        font-size: 16px;
    }

    .manage-Block-heading-nw p {
        font-size: 16px;
        margin-bottom: 0;
    }

    .manage-Block-heading-nw {
        margin-bottom: 20px;
    }

    .manage-frm-frtst-select {
        max-width: 300px;
    }

    .manage-pag-accnt-dte-fld p {
        margin-bottom: 0;
    }

    .manage-account-innr-selection-prt .agree_terms .form_input_check label {
        font-size: 14px;
    }

    /* -------- parosenjit manage account page 27/07/2022 END ----------- */

    /* --------- 27/07/2022 ARIJIT --------- */
    main.body-content-wpr.v2 {
        --aside-bar-width: 260px;
    }

    aside.main-sidebar.v2 .sidemenu-wpr {
        padding: 10px 10px 10px;
    }

    ul.side-menu>li>a>.menu-icon {
        width: 55px;
    }

    ul.side-menu.v2>li:not(:last-child) {
        margin-bottom: 60px;
    }

    h2 {
        font-size: 26px;
    }

    .oneshop-logo>img {
        max-width: 150px;
        margin-right: 12px;
    }

    .oneshop-logo>span {
        font-size: 28px;
    }

    .cmn-settings-link ul>li:not(:last-child) {
        margin-right: 16px;
    }

    .oneshop-search-wpr {
        padding-left: 20px;
        max-width: 390px;
    }

    .oneshop-search-wpr select {
        font-size: 18px;
    }

    .oneshop-menu>ul>li>a {
        font-size: 16px;
    }

    .oneshop-menu>ul>li>a>img {
        max-width: 20px;
    }

    .oneshop-menu>ul>li {
        margin-right: 28px;
    }

    .two-block-row .left-block {
        width: calc(100% - 350px);
    }

    .two-block-row .right-block {
        width: 350px;
    }

    .quick-links ul>li>a {
        font-size: 17px;
    }

    .quick-links ul>li {
        margin-bottom: 21px;
    }

    .img-link-list>ul>li>.details-wpr h5 {
        font-size: 17px;
    }

    .img-link-list>ul>li>.details-wpr a {
        font-size: 17px;
    }

    .page-banner .banner-txt h1 {
        font-size: 42px;
    }

    .cmn-card .img-wpr {
        min-height: 180px;
    }

    .cmn-card .img-wpr img {
        max-height: 160px;
    }

    .product-title h4,
    .product-price p,
    .view_details_btn {
        font-size: 16px;
    }

    /* --------- 27/07/2022 ARIJIT --------- */
}

/* ------------ rajat 26/07/2022 ------------- */

@media(max-width: 1499px) {
    .general_stat_graph_wrap figure {
        max-width: 210px;
    }

    .general_stat_graph_wrap p {
        font-size: 16px;
    }

    .general_stat_hd p {
        font-size: 16px;
    }

    .general_stat_hd h3 {
        font-size: 24px;
        max-width: 230px;
    }

    .general_stat_hd p {
        max-width: calc(100% - 250px);
    }

    .general_stat_select_input select {
        font-size: 18px;
    }

    .general_stat_select_submit input[type="submit"] {
        font-size: 18px;
    }

    .general_stat_select_input {
        min-width: 215px;
        max-width: 215px;
    }
}

/* ------------ rajat END ------------- */

@media(max-width:1600px) {
    .content_block_prod_cont figure {
        width: 58px;
        height: 68px;
        margin-right: 14px;
    }

    ul.side-menu>li>a>.menu-icon {
        width: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto 10px;
    }

    aside.main-sidebar .sidemenu-wpr {
        padding: 10px 20px 10px 20px;
    }

    ul.side-menu>li>a {
        display: block;
        text-align: center;
    }

    ul.side-menu>li>a {
        font-size: 14px;
    }

    main.body-content-wpr.v2 {
        --aside-bar-width: 150px;
    }

    h2 {
        font-size: 22px;
    }

    .page-header .header-in {
        padding: 10px 0;
    }

    .full_chkout a {
        height: 50px;
        padding: 0 25px;
        font-size: 15px;
    }

    .user-account-dropdown .user-account .user-details .name {
        font-size: 15px;
    }

    .user-account-dropdown .user-account .user-details .lavel {
        font-size: 13px;
    }

    .header-search-bar input[type="text"] {
        font-size: 14px;
    }

    .oneshop-logo>span {
        font-size: 20px;
    }

    .oneshop-logo>img {
        /* max-width: 55px; */
        margin-right: 10px;
    }

    .oneshop-search-wpr select {
        font-size: 15px;
    }

    .oneshop-menu>ul>li>a {
        font-size: 15px;
    }

    .content_block_heading h3 {
        line-height: 1.8;
        font-size: 20px;
    }

    .content_block_prod_cont h5 {
        max-width: 180px;
        margin-right: 10px;
        font-size: 13px;
    }

    .content_block_prod_cont p.cont_prc {
        font-size: 15px;
    }

    h4 {
        font-size: 16px;
    }

    .content_billing_wrap h4 {
        margin: 0 0 10px;
    }

    .content_billing_prc_table table tr td:first-child {
        font-size: 13px;
    }

    .content_billing_prc_table table tr td:last-child {
        font-size: 13px;
    }

    .grnd_total ul li:last-child {
        font-size: 15px;
    }

    .grnd_total ul li:first-child {
        font-size: 15px;
    }

    .content_billing_chkbox .form_input_check label span {
        font-size: 13px;
    }

    .pay_bill_btn a {
        height: 50px;
        font-size: 18px;
    }

    main.body-content-wpr {
        --aside-bar-width: 200px;
    }

    .block-heading h3 {
        font-size: 15px;
        margin: 0 0 10px 0;
    }

    .people-all-alft-txt ul li a {
        font-size: 12px;
    }

    .innr-people-crt-wrap h4 {
        font-size: 18px;
    }

    .innr-people-crt-wrap {
        padding: 10px;
    }

    .innr-people-crt-wrap figure {
        margin: 0 auto 20px auto;
    }

    .innr-wrap-pdt0details-mani h4 {
        font-size: 16px;
    }

    .innr-wrap-pdt0details-mani h5 {
        font-size: 16px;
    }

    .innr-all-star-product-page p {
        font-size: 14px;
    }

    .innr-wrap-pdt0details-mani .pdt-dtls-txone {
        font-size: 12px;
        margin-bottom: 18px;
        margin-top: 10px;
    }

    .pdt-pag-size-select select {
        height: 40px;
        font-size: 14px;
    }

    .pdt-apge-quanty-slct select {
        font-size: 15px;
        height: 40px;
    }

    .pdt-apge-tw-btn-buy a {
        height: 45px;
        font-size: 14px;
    }

    .pdt-apge-tw-btn-addcrt a {
        height: 45px;
        font-size: 14px;
    }

    .left-side-product-dtls-img .slider-nav {
        height: 400px;
        overflow: auto;
    }

    .product-details-content-bottom h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .innr-cmnt-pdt-all-nxt {
        padding: 15px 15px;
        margin-bottom: 20px;
    }

    .innr-cmnt-pdt-all-nxt p {
        font-size: 13px;
    }

    .cnlt-revw-img-wth-txt-pdt-page-txt h5 {
        font-size: 14px;
    }

    .cnlt-revw-img-wth-txt-pdt-page-txt p {
        font-size: 12px;
    }

    .teatare-pdt-lst-main-pg-frm-sbt input[type=submit] {
        height: 40px;
        font-size: 15px;
    }

    .block-heading p {
        font-size: 14px;
    }

    .manage-account-man-innr-info p {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .manage-account-innr-selection-prt h4 {
        font-size: 16px;
    }

    .manage-frm-frtst-select select {
        height: 40px;
        font-size: 14px;
    }

    .agree_terms .form_input_check label {
        font-size: 14px;
    }

    input[type="submit"] {
        font-size: 15px;
    }

    h5 {
        font-size: 15px;
    }

    .custom-tab .tab-menu-wpr .tab-menu>li {
        font-size: 15px;
        padding: 20px 19px !important;
    }

    label {
        font-size: 15px;
    }

    .details-block {
        padding: 30px 30px 30px;
    }

    select {
        font-size: 15px;
    }

    .general_stat_hd h3 {
        font-size: 18px;
    }

    .general_stat_select_input select {
        height: 40px;
        font-size: 15px;
    }

    .general_stat_select_submit input[type="submit"] {
        font-size: 15px;
        height: 40px;
    }

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

    .heading_title h2 {
        font-size: 18px;
        margin: 0 0 20px;
    }

    .add_department_input input[type="text"],
    .add_department_input select {
        width: 100%;
        font-size: 14px;
    }

    input[type="text"],
    input[type="tel"],
    input[type="password"],
    input[type="email"],
    input[type="date"],
    input[type="number"],
    input[type="month"],
    input[type="file"],
    input[type="year"],
    select {
        height: 40px;
        padding: 0 20px;
        font-size: 14px;
    }

    .storeDetailsService_botton button {
        font-size: 13px;
    }

    .storeDetailsService_menu ul li img {
        width: 35%;
    }

    .storeDetailsService_menu ul li {
        width: 40px;
        height: 40px;
        line-height: 20px;
    }

    .storeDetailsService_menu ul li span {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }

    .storeDetailsService_logo img {
        width: 150px;
    }

    .menu-bar li a {
        font-size: 14px;
    }

    .navbar-nav>li {
        margin: 0 10px;
        padding: 10px 0;
    }

    .add_product_wrapper .add_department_input button {
        width: 130px;
        height: 40px;
        font-size: 14px;
    }

    .heading-sec h2 {
        font-size: 15px;
    }

    .content-body ul li img {
        width: 60px;
    }

    .content-body ul li {
        float: left;
        margin: 0 10px 10px 0;
    }

    .footer-sec h2 {
        font-size: 15px;
    }

    .footer-sec h2 img {
        width: 15px;
    }

    .store-overview h2 {
        font-size: 30px;
        line-height: 30px;
        margin: 10px 0;
    }

    .store-overview p {
        font-size: 15px;
    }

    .cmn-card .card-footer {
        padding: 10px 10px 10px;
    }

    .img-link-list>ul>li>.details-wpr h5 {
        font-size: 14px;
    }

    .img-link-list>ul>li>.details-wpr a {
        font-size: 13px;
    }

    .activity-sec h2 {
        font-size: 17px;
    }

    .activity-sec h3 {
        font-size: 15px;
    }

    .activity-sec-box {
        min-height: auto;
    }

    .activity-sec-box img {
        width: 80px;
    }

    .activity-sec a {
        padding: 50px 0;
    }

    .activity-sec h4 {
        font-size: 15px;
    }

    .store-details-service-search button {
        padding: 5px 12px;
    }

    .selecting-area a {
        font-size: 15px;
    }

    .product-title h4 {
        font-size: 15px;
    }

    .product-price p {
        font-size: 15px;
    }

    .view_details_btn {
        font-size: 14px;
    }

    .accordion button {
        font-size: 18px;
        padding: 10px 20px;
    }

    .cmn-card-row .card-body p {
        font-size: 14px;
    }

    .explorePeople_section_header h2 {
        font-size: 18px;
    }

    .serchSection button {
        width: 40px;
        height: 40px;
        padding: 0 10px;
    }

    .explorePeople_section_header .serchSection input {
        font-size: 13px;
    }

    .people_details h4 {
        font-size: 18px;
        line-height: 25px;
        margin: 10px 0;
    }

    .people_details button {
        font-size: 15px;
    }

    .store_suggestions_txt h5 {
        font-size: 14px;
    }

    .store_suggestions_txt p a,
    .store_suggestions_txt p {
        font-size: 14px;
    }

    .store_suggestions_img img {
        margin: 0 15px 0px 0;
        width: 50px;
        height: 50px;
        object-fit: cover;
    }

    .store_suggestions {
        padding: 15px 15px;
        margin: 0 0 20px;
    }

    .find_store_wrapper_box h4 {
        font-size: 20px;
        margin: 10px 0;
    }

    .product-shrt-details p {
        font-size: 15px;
    }

    .staffList .people_details h4 {
        font-size: 16px;
    }

    .people_details {
        padding: 10px 10px;
    }

    .product-listing-search button {
        padding: 5px 10px;
        border: none;
    }

    .block-heading {
        margin-bottom: 10px;
    }

    .side-heading {
        padding: 0 0 10px 0;
    }

    .quick-links {
        padding: 10px;
    }

    .quick-links ul>li>a {
        font-size: 15px;
        background-size: 8px;
        padding-right: 15px;
    }

    .listing-sec h2 {
        font-size: 15px;
        line-height: 25px;
        margin: 0 0 10px 0;
    }

    .listing-sec p {
        font-size: 14px;
    }

    ul.side-menu.v2>li:not(:last-child) {
        margin-bottom: 20px;
    }

    textarea {
        font-size: 14px;
    }

    .manage_inventory_table_header li a {
        font-size: 20px;
    }

    .listing-menu li {
        padding: 5px 0;
    }

    .listing-menu li a {
        font-size: 13px;
        padding: 5px 5px;
    }

    .oneshop-cmn-header {
        padding: 0 40px 0px 26px;
    }

    .network-main-downpart .heading h2 {
        font-size: 26px;
    }

    .network-main-downpart .card h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .network-main-downpart .card ul li {
        font-size: 14px;
        line-height: 20px;
    }

    .network-main-downpart .card {
        max-width: 100%;
        margin-top: 20px;
    }

    .network-main-downpart .foot h2 {
        font-size: 18px;
        line-height: 26px;
    }

    .network-main-downpart .foot {
        padding: 20px 0 20px 0;
        margin-top: 30px;
    }

    .createStore_MenuOpen .two-block-row .left-block .cmn-card-wprv h4 {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 7px;
        margin-top: 7px;
    }

    .createStore_MenuOpen .two-block-row .left-block .card_total .card_upper h5 {
        font-size: 20px;
        max-width: 100%;
        height: 38px;
    }

    .createStore_MenuOpen .two-block-row .left-block .card_total .card_upper {
        padding: 20px 20px;
    }

    .createStore_MenuOpen .two-block-row .left-block .card_total .card_upper p {
        font-size: 16px;
        line-height: 14px;
        max-width: 100%;
        height: inherit;
    }

    .createStore_MenuOpen .two-block-row .left-block .card_total .card_down {
        padding: 20px 20px;
    }

    .createStore_MenuOpen .two-block-row .left-block .card_total .card_down p {
        font-size: 15px;
        line-height: 16px;
        max-width: 100%;
    }

    .createStore_MenuOpen .two-block-row .left-block .card_total .card_down button {
        max-width: 100%;
        font-size: 15px;
        margin-top: 15px;
    }

    .getStarted_wrapper .getStarted_header .banner_txt h2 {
        font-size: 30px;
    }

    .getStarted_wrapper .getStarted_body h4 {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 5px;
    }

    .getStarted_wrapper .getStarted_body p {
        font-size: 15px;
        margin-bottom: 25px;
    }

    .getStarted_wrapper .getStarted_body .getStarted_box h5 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
        min-height: 60px;
    }

    .getStarted_wrapper .getStarted_body .getStarted_box p {
        font-size: 15px;
        min-height: 65px;
        margin-bottom: 10px;
    }

    .getStarted_wrapper .getStarted_body .getStarted_box a {
        font-size: 16px;
        line-height: 10px;
    }

    .getStarted_wrapper .getStarted_body .custom_col {
        padding: 10px;
    }

    .getStarted_wrapper .getStarted_body .getStarted_down {
        margin-top: 40px;
    }

    .getStarted_wrapper .getStarted_body .getStarted_down .getStarted_box_down h4 {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 10px;
    }

    .getStarted_wrapper .getStarted_body .getStarted_down .getStarted_box_down p {
        font-size: 15px;
    }

    .getStarted_wrapper .getStarted_body .getStarted_down .getStarted_box_down {
        max-width: 100%;
        margin-top: 20px;
    }

    .donation_wrapper .donation_body h4 {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 15px;
    }

    .donation_wrapper .donation_body p {
        font-size: 15px;
        max-width: 100%;
    }

    .donation_wrapper .donation_body .form-cls label {
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 10px;
        display: flex;
        align-items: center;
        text-transform: capitalize;
        /* color: #072927; */
        margin-bottom: 10px;
    }

    .description p {
        font-size: 15px;
    }

    .table1 tbody tr td {
        font-size: 13px;
        padding: 10px 10px;
    }

    .contributor table th {
        min-width: 100%;
        max-width: 100%;
    }

    .dashboard-total-promotion-main-sec .first-total-promotion-sec .all-promotion-cards-sec .all-promotion-txt h2 {
        font-size: 15px;
    }

    .dashboard-total-promotion-main-sec .middle-promotion-sec .all-middle-promotion-cards .first-midd-heading-promotion-cards h4 {
        font-size: 16px;
    }

    .dashboard-total-promotion-main-sec .middle-promotion-sec .all-middle-promotion-cards .first-midd-heading-promotion-cards a {
        font-size: 16px;
    }

    .dashboard-total-promotion-main-sec .middle-promotion-sec .all-middle-promotion-cards .main-txt-promotion-scrool-sec table td:first-child {
        font-size: 15px;
        line-height: 15px;
        padding: 10px 20px;
    }

    .dashboard-total-promotion-main-sec .middle-promotion-sec .all-middle-promotion-cards .main-txt-promotion-scrool-sec table td:last-child {
        font-size: 15px;
        line-height: 15px;
        padding: 10px 20px;
    }

    .dashboard-total-promotion-main-sec .middle-promotion-sec .all-middle-promotion-cards .last-promotion-check-table-sec table td:first-child {
        font-size: 15px;
        line-height: 15px;
    }

    .dashboard-total-promotion-main-sec .middle-promotion-sec .all-middle-promotion-cards .last-promotion-check-table-sec table td:last-child {
        font-size: 13px;
        line-height: 13px;
    }

    .general-marketing-heading .general-heading h2 {
        font-size: 26px;
    }

    .general-marketing-heading .general-heading p {
        font-size: 16px;
    }

    .general-marketnig-table select {
        font-size: 15px;
    }

    .discussion-main-sec .discussions-topics-sec .left-topics-sec-main .left-first-head-filter h3 {
        font-size: 22px;
        line-height: 24px;
    }

    .discussion-main-sec .discussions-topics-sec .left-topics-sec-main .middle-all-discussion-left-cards .all-midddiscussions-cards .right-midd h4 {
        font-size: 15px;
    }

    .discussion-main-sec .discussions-topics-sec .left-topics-sec-main .middle-all-discussion-left-cards .all-midddiscussions-cards .right-midd .last-txt-all-lorem {
        font-size: 14px;
        line-height: 20px;
    }

    .discussion-main-sec .discussions-topics-sec .left-topics-sec-main .middle-all-discussion-left-cards .all-midddiscussions-cards .right-midd ul {
        padding: 10px 0 10px;
    }

    .right-topics-sec-main .right-suggestion-sec-one .sugg-heading h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .right-topics-sec-main .right-suggestion-sec-one .suggestion-table-sec table .data-sugg-table-sec .right-data-sugg h5 {
        font-size: 14px;
    }

    .right-topics-sec-main .right-suggestion-sec-one .suggestion-table-sec table .data-sugg-table-sec .right-data-sugg ul li {
        font-size: 12px;
    }

    .right-topics-sec-main .right-topics-sec .topics-heading h3 {
        font-size: 18px;
    }

    .right-topics-sec-main .right-topics-sec .topics-table-sec table td .all-data-topics p {
        font-size: 14px;
    }

    .right-topics-sec-main .right-topics-sec .topics-table-sec table td {
        padding: 10px;
    }

    .chronoline-network-main-sec .network-chronoline-heading h3 {
        font-size: 22px;
        line-height: 22px;
    }

    .right-topics-sec-main .right-suggestion-sec-one .sugg-heading h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .right-topics-sec-main .right-topics-sec .topics-heading h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .jhon_member-details h4 {
        font-size: 20px;
        line-height: 25px;
        margin: 10px 0;
    }

    .one-network h2 {
        font-size: 18px;
        line-height: 20px;
    }

    .one-network p {
        font-size: 14px;
    }

    .chronoline-network-main-sec .network-chronoline-heading h3 {
        font-size: 22px;
        line-height: 22px;
    }

    .right-topics-sec-main .right-suggestion-sec-one .sugg-heading h3 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .right-topics-sec-main .right-topics-sec .topics-heading h3 {
        font-size: 18px;
        line-height: 18px;
    }

    .block-heading ul li {
        font-size: 13px;
    }

    .chronoline-network-main-sec .network-chronoline-heading h3 {
        font-size: 22px;
        line-height: 22px;
    }

    .right-topics-sec-main .right-suggestion-sec-one .sugg-heading h3 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .right-topics-sec-main .right-topics-sec .topics-heading h3 {
        font-size: 18px;
        line-height: 18px;
    }
}

@media(max-width:1399px) {
    main.body-content-wpr {
        --aside-bar-width: 265px;
    }

    aside.main-sidebar .logo-wpr a.navbar-brand {
        max-width: 135px;
    }

    aside.main-sidebar .sidemenu-wpr {
        padding: 30px;
    }

    ul.side-menu>li>a {
        font-size: 14px;
    }

    aside.main-sidebar.v2 .sidemenu-wpr {
        padding: 10px 10px 10px;
    }

    h2 {
        font-size: 25px;
    }

    .user-account-dropdown .user-account .user-details .name {
        font-size: 18px;
    }

    .right-content-wpr .inner-content-wpr {
        padding: 0 30px;
    }

    .custom-tab .tab-menu-wpr {
        margin-right: 35px;
        max-width: 255px;
    }

    .custom-tab .tab-menu-wpr h5>img {
        max-width: 20px;
    }

    h5 {
        font-size: 17px;
    }

    .custom-tab .tab-menu-wpr h5 {
        padding: 40px 20px 35px;
    }

    .custom-tab .tab-menu-wpr .tab-menu>li {
        font-size: 16px;
        padding: 28px 12px !important;
    }

    .custom-tab .tab-menu-wpr .tab-menu {
        padding: 0 14px;
    }

    .user-block .user-details-sec h4 {
        font-size: 23px;
        margin-bottom: 5px;
    }

    .cmn-btm-gap {
        margin-bottom: 40px;
    }

    .details-block {
        padding: 35px 30px 40px;
    }

    h3 {
        font-size: 22px;
    }

    .block-heading {
        margin-bottom: 30px;
    }

    label {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .form-row.row {
        --bs-gutter-x: 20px;
    }

    input[type="text"],
    input[type="tel"],
    input[type="password"],
    input[type="email"],
    select {
        height: 54px;
        padding: 0 14px;
    }

    input[type="submit"] {
        font-size: 16px;
        height: 47px;
    }

    .theme-option-row.row {
        --bs-gutter-x: 20px;
    }

    .theme-option-row .each-theme-option .theme-name {
        font-size: 16px;
    }

    footer.main-footer {
        padding: 30px 30px 26px;
    }

    .page-header .header-in {
        padding-right: 35px;
    }

    /* --------- user login (rajat) ------------ */
    .user_login_form_grp .userform_header h1 {
        font-size: 38px;
    }

    .user_login_form_grp .userform_header p {
        font-size: 18px;
    }

    .user_login_form_grp .userform_header {
        margin-bottom: 24px;
    }

    .userform_input input[type="text"],
    .userform_input input[type="date"],
    .userform_input input[type="password"],
    .userform_input input[type="email"],
    .userform_input select {
        height: 60px;
        font-size: 16px;
    }

    .recover_user a {
        font-size: 16px;
    }

    .userinput_submit input[type="submit"] {
        font-size: 18px;
        height: 60px;
    }

    .userinput_submit {
        margin-bottom: 28px;
    }

    .user_login_header {
        margin-bottom: 60px;
    }

    .user_login_right_panel_wrap figure img {
        min-height: 700px;
    }

    .user_login_right_panel_roll_wrap p {
        font-size: 16px;
    }

    .user_input_remember .form_input_check label {
        font-size: 16px;
        padding: 2px 0 2px 70px;
    }

    .user_input_remember .form_input_check label input[type="checkbox"]+span::before {
        width: 53px;
        height: 25px;
    }

    .form_input_check label input[type="checkbox"]:not(:checked)+span::after {
        width: 19px;
        height: 19px;
    }

    .form_input_check label input[type="checkbox"]:checked+span:after {
        width: 19px;
        height: 19px;
        left: 31px;
    }

    .main-footer .content-wpr>p {
        font-size: 16px;
    }

    .footer-links li>a {
        font-size: 16px;
    }

    .user_login_header .logo_img {
        min-width: 124px;
        width: 124px;
    }

    .header_right ul li {
        font-size: 16px;
    }

    .user_login_right_panel_roll .slick-prev,
    .user_login_right_panel_roll .slick-next {
        width: 50px;
        height: 50px;
    }

    .top_notch .thumb_img {
        max-width: 23px;
    }

    .user_play {
        top: 180px;
    }

    .user_play a {
        width: 100px;
        height: 100px;
    }

    .user_play img {
        max-width: 25px;
    }

    .main-footer.user_login_footer .footer-links ul li:not(:last-child) {
        margin-right: 20px;
    }

    .userform_input input[type="password"] {
        background-size: 24px;
    }

    .agree_terms .form_input_check label {
        font-size: 16px;
    }

    .agree_terms .form_input_check label input[type="checkbox"]+span::before {
        width: 26px;
        height: 26px;
    }

    .agree_terms .form_input_check label input[type="checkbox"]:checked+span:after {
        background-size: 15px;
    }

    .user_signup_page_upside .user_login_header {
        margin-bottom: 20px;
    }

    .user_signup_form {
        max-width: 500px;
    }

    .user_login_forgot_password .user_login_header {
        margin-bottom: 140px;
    }

    .otp_input input[type="number"] {
        width: 68px;
        height: 66px;
        font-size: 16px;
    }

    .user_login_page_enter_nw_password .user_login_header {
        margin-bottom: 100px;
    }

    .user_login_forgot_username .user_login_header {
        margin-bottom: 110px;
    }

    .user_login_forgot_username_nwname .user_login_header {
        margin-bottom: 90px;
    }

    .user_login_forget_name .user_login_header {
        margin-bottom: 140px;
    }

    .user_login_forgot_password .userinput_submit {
        margin-bottom: 30px;
    }

    .resend_otp span {
        font-size: 16px;
    }

    /* --------- user login (rajat) END ------------ */


    /*preference-page*/

    .preference-page-details-block {
        padding: 20px 10px;
    }

    .prefences-page-mn-innr-cntent-thr table tr td,
    .prefences-page-mn-innr-cntent-tw table tr td,
    .prefences-page-mn-innr-cntent table tr td {
        font-size: 12px;
    }

    .prefences-page-mn-innr-cntent-thr table tr th,
    .prefences-page-mn-innr-cntent table tr th,
    .prefences-page-mn-innr-cntent-tw table tr th {
        font-size: 12px;
    }

    .prfnc-pgform__label-radio {
        width: 24px;
        height: 24px;
    }

    .prfnc-pgform__label-radio::after {
        width: 12px;
        height: 12px;
    }

    .preference-page-details-block .block-heading {
        padding-left: 10px;
    }

    .prefnc-page-select-sec h4 {
        padding-right: 10px;
        font-size: 16px;
    }

    .all-prfnc-pg-selct {
        width: 220px;
    }

    .preferences-page-top-srch-bar {
        margin-right: 15px;
        width: 260px;
    }

    .preferences-page-top-srch-bar form input[type=text] {
        font-size: 16px;
    }

    /*people-page*/
    .people-all-alft-txt ul {
        margin: 0 -6px;
    }

    .people-all-alft-txt ul li {
        line-height: 8px;
        padding: 0 6px;
    }

    .people-all-alft-txt ul li a {
        font-size: 9px;
    }

    .innr-people-crt-wrap figure {
        width: 120px;
        height: 120px;
    }

    .innr-people-crt-wrap {
        padding: 15px;
    }

    .innr-people-crt-wrap h4 {
        font-size: 20px;
    }

    /* ----------- 27/07/2022 ARIJIT ------------ */
    .two-block-sec {
        padding: 0 20px;
    }

    .two-block-row .left-block {
        width: calc(100% - 300px);
    }

    .two-block-row .right-block {
        width: 300px;
    }

    .page-banner .banner-txt h1 {
        font-size: 36px;
    }

    .header-search-bar {
        margin-right: 35px;
        max-width: 260px;
    }

    .header-search-bar input[type="text"] {
        font-size: 16px;
        height: 45px;
        padding: 0 15px;
    }

    .header-search-bar input[type="submit"] {
        width: 35px;
        height: 35px;
        background-size: 16px;
    }

    .oneshop-menu>ul>li {
        margin-right: 30px;
        flex: 0 0 auto;
    }

    .oneshop-menu>ul>li.active-menu>a::before,
    .oneshop-menu>ul>li.active-menu>a::after {
        bottom: -30px;
    }

    .quick-links ul>li>a {
        font-size: 16px;
        background-size: 7px;
        padding-right: 12px;
    }

    .cmn-settings-link ul>li>a {
        width: 36px;
        height: 36px;
    }

    .oneshop-logo>span {
        font-size: 26px;
    }

    .oneshop-search-wpr {
        padding-left: 15px;
        max-width: 290px;
    }

    .oneshop-search-wpr select {
        font-size: 16px;
        height: 36px;
    }

    .oneshop-search-wpr input[type="text"] {
        height: 36px;
        padding: 0 15px;
        padding-right: 50px;
    }

    .oneshop-search-wpr input[type="submit"] {
        position: absolute;
        width: 35px;
        height: 35px;
        background-size: 16px;
    }

    .cmn-card .img-wpr {
        min-height: 160px;
        padding: 10px 25px;
    }

    .cmn-card .img-wpr img {
        max-height: 140px;
    }

    .cmn-card .card-footer .store-title h3 {
        font-size: 22px;
    }

    .cmn-card .card-footer {
        padding: 20px 15px;
    }

    .cmn-card-row {
        --bs-gutter-x: 18px;
    }

    .product-title h4,
    .product-price p,
    .view_details_btn {
        font-size: 15px;
    }

    .img-link-list>ul>li>.details-wpr h5,
    .img-link-list>ul>li>.details-wpr a {
        font-size: 15px;
    }

    /* ----------- 27/07/2022 ARIJIT ------------ */
    .left-side-product-dtls-img .slider-nav {
        height: 330px;
    }

    .store-details-service-search button {
        padding: 0 0;
        width: 60px;
        height: 54px;
    }

    .table1 thead tr th {
        font-size: 13px;
    }

    .table1 tbody tr td {
        font-size: 12px;
    }

    .network-right-block button {
        font-size: 15px;
    }

    .volunteering-broad-txt h3 {
        font-size: 18px;
        width: 100%;
    }

    .posted ul li {
        font-size: 15px;
    }

    .volunteering-broad-txt p {
        font-size: 13px;
        height: 80px;
    }

    .available_table table td {
        font-size: 11px;
    }

}

@media(max-width:1366px) {
    ul.side-menu>li>a {
        font-size: 13px;
    }

    ul.side-menu>li>a>.menu-icon {
        width: 25px;
    }

    .quick-links ul>li>a {
        font-size: 13px;
    }

    .cmn-card .card-footer .store-title h3 {
        font-size: 18px;
    }

    .network-main-card-wprv .small_card h4 {
        font-size: 16px;
        line-height: 20px;
    }

    .network-right-block button {
        padding: 14px 0;
    }
}

@media(max-width:1299px) {

    /* --------- user login (rajat) ------------ */
    .main-footer.user_login_footer .footer-links ul li:not(:last-child) {
        margin-right: 10px;
    }

    .main-footer.user_login_footer .footer-links ul li a {
        font-size: 13px;
    }

    .main-footer .content-wpr>p {
        font-size: 14px;
    }

    .user_login_forgot_password .user_login_header {
        margin-bottom: 120px;
    }

    .user_login_page_enter_nw_password .user_login_header {
        margin-bottom: 90px;
    }

    .user_login_forget_name .user_login_header {
        margin-bottom: 120px;
    }

    .user_login_forgot_password .userinput_submit {
        margin-bottom: 25px;
    }

    /* --------- user login (rajat) END ------------ */
    .general_stat_main_graph {
        padding-left: 0;
        padding-right: 0;
    }

    .general_stat_graph_wrap p {
        font-size: 14px;
    }

    .general_stat_graph {
        padding-top: 40px;
    }

    .general_stat_hd h3 {
        font-size: 22px;
    }

    .general_stat_hd p {
        font-size: 14px;
    }

    .general_stat_hd {
        flex-direction: column;
        justify-content: flex-start;
        align-items: inherit;
    }

    .general_stat_hd h3 {
        max-width: 100%;
        margin-bottom: 15px;
    }

    .general_stat_hd p {
        max-width: 100%;
        text-align: left;
    }

    .general_stat_select_input select {
        font-size: 16px;
    }

    .general_stat_select_submit input[type="submit"] {
        font-size: 16px;
    }

    .general_stat_select_input {
        min-width: 200px;
        max-width: 200px;
    }

    .storeDetailsService_botton button {
        padding: 5px 10px;
        margin: 0 2px;
    }

    .storeDetailsService_menu ul li {
        width: 30px;
        height: 30px;
        line-height: 10px;
        margin: 0 2px;
    }

    .storeDetailsService_menu ul li span {
        line-height: 20px;
    }

    ul.side-menu>li>a {
        font-size: 14px;
    }

    .select-status select {
        width: 220px;
        height: 55px;
    }

}

@media(min-width:767px) and (max-width:1199px) {
    .SubTabWrap {
        max-height: 800px;
        overflow-y: auto;
    }

    .SubTabWrap::-webkit-scrollbar {
        width: 5px;
        /* background: #f1f1f1; */
    }

    .SubTabWrap .subNav {
        top: 0;
    }
}

@media(max-width:1199px) {

    /* navbar*/
    .header-in .navbar-toggler {
        position: relative;
        width: 33px;
        margin-left: auto;
        height: 28px;
        padding: 0;
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
    }

    .header-in .navbar-nav .clickD {
        top: 8px;
        right: 10px !important;
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
    }

    .header-in .navbar-nav .clickD.toggled {
        -webkit-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important;
    }

    .header-in .sub-menu,
    .navbar-nav>li>.sub-menu .sub-menu {
        position: relative;
        width: 100%;
        left: inherit;
        top: inherit;
        border: none;
        right: inherit;
    }

    .header-in .navbar-nav>li.menu-item-has-children {
        padding-right: 0;
    }

    .header-in .navbar-nav>li {
        margin: 0;
        padding: 0;
    }

    .header-in .navbar-nav li.menu-item-has-children>a {
        padding-right: 30px !important;
    }

    .header-in .navbar-nav>li>a {
        padding: 8px 20px;
        display: inline-block;
        width: 100%;
    }

    .header-in .sub-menu>li>a {
        padding-left: 40px;
    }

    .header-in .sub-menu .sub-menu>li>a {
        padding-left: 60px;
    }

    .header-in .sub-menu .sub-menu .sub-menu>li>a {
        padding-left: 80px;
    }

    .header-in .navbar-nav>li>a:after {
        bottom: 0;
    }

    /* navbar end*/

    .stick,
    .stick:after,
    .stick:before {
        width: 30px;
        height: 2px;
        /* background: #000; */
        position: absolute;
        left: 0;
        top: auto;
        transition: all 0.6s;
        border-radius: 5px;
    }

    .stick:before {
        content: '';
        top: -10px;
        left: 0;
    }

    .stick:after {
        content: '';
        top: 10px;
        left: 0;
    }

    .stick.open {
        transform: translateX(-50px);
        background: transparent;
    }

    .stick.open:before {
        transform: rotate(45deg) translate(42px, -28px);
        left: 2px;
    }

    .stick.open:after {
        transform: rotate(-45deg) translate(42px, 28px);
        left: 2px;
    }

    /* push nav */

    .navbar-collapse {
        /* background: #fff; */
        position: fixed;
        top: 0;
        height: 100% !important;
        width: 290px;
        overflow-y: auto;
        transition: inherit !important;
        right: 0;
        margin: 0;
        display: block !important;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out !important;
        z-index: 100;
    }

    .navbar-collapse.show,
    .navbar-collapse.collapsing {
        display: block !important;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out !important;
    }

    .navbar-collapse .navbar-nav {
        margin: 30px 0 0 !important;
        padding: 0 0 0px 0;
        flex-wrap: wrap;
    }

    .navbar-nav>li {
        width: 100%;
    }

    .navbar-collapse .navbar-toggler {
        display: block;
        right: 20px;
        top: 20px;
        position: absolute;
    }

    #navoverlay.open {
        /* background-color: #00000066; */
        pointer-events: all;
        -webkit-transition: background-color 0.5s linear;
        transition: background-color 0.5s linear;
    }

    body.open-nav,
    html.open-nav {
        height: 100%;
        overflow: hidden !important;
    }

    /* push nav end */

    .page-header .header-in {
        padding: 25px 35px;
    }

    main.body-content-wpr aside.main-sidebar {
        transform: translateX(-100%);
        max-width: 290px;
        padding-bottom: 0 !important;
        transition: all 0.3s ease-in-out;
    }

    body.open-nav main.body-content-wpr aside.main-sidebar {
        transform: translateX(0);
    }

    main.body-content-wpr .right-content-wpr {
        padding-left: 0;
    }

    .header-in .nav-toggler-wpr {
        margin-right: 15px;
    }

    .header-in .nav-toggler-wpr .navbar-toggler {
        display: block;
    }

    .header-in .nav-toggler-wpr-in {
        display: block;
        text-align: right;
        padding: 15px 15px 0;
    }

    main.body-content-wpr aside.main-sidebar .side-bar-in {
        margin-bottom: 0;
    }

    footer.main-footer {
        padding: 26px 25px;
        z-index: 1;
    }

    .main-footer .content-wpr {
        font-size: 15px;
    }

    .footer-links li>a {
        font-size: 15px;
    }

    .footer-links ul li:not(:last-child) {
        margin-right: 30px;
    }

    .header-in .nav-toggler-wpr {
        display: block;
    }

    /* ---------- user login (rajat) --------------- */
    .user_login_header .logo_img {
        min-width: 110px;
        width: 110px;
    }

    .header_right ul li {
        font-size: 14px;
    }

    .agree_terms .form_input_check label {
        font-size: 14px;
    }

    .recover_user a {
        font-size: 14px;
    }

    .user_input_remember .form_input_check label {
        font-size: 14px;
        padding: 4px 0 4px 70px;
    }

    .user_login_form_grp .userform_header h1 {
        font-size: 34px;
    }

    .user_login_form_grp .userform_header p {
        font-size: 16px;
    }

    .userform_input input[type="text"],
    .userform_input input[type="date"],
    .userform_input input[type="password"],
    .userform_input input[type="email"],
    .userform_input select {
        font-size: 14px;
        height: 56px;
    }

    .userinput_submit input[type="submit"],
    .userinput_submit input[type="button"] {
        height: 56px;
        font-size: 16px;
    }

    .user_login_right_panel_wrap figure img {
        min-height: 650px;
    }

    .user_login_right_panel_roll_wrap p {
        font-size: 14px;
    }

    .main-footer.user_login_footer .content-wpr {
        flex-direction: column;
    }

    .main-footer.user_login_footer .footer-links {
        margin-top: 14px;
    }

    .user_play a {
        width: 86px;
        height: 86px;
    }

    .user_play a img {
        max-width: 20px;
    }

    .user_play {
        top: 155px;
    }

    .user_login_right_panel_roll_wrap .top_notch p {
        font-size: 17px;
    }

    .user_login_page_enter_nw_password .user_login_header {
        margin-bottom: 80px;
    }

    .user_login_forget_name .user_login_header {
        margin-bottom: 100px;
    }

    .user_login_forgot_password .user_login_header {
        margin-bottom: 100px;
    }

    /* ---------- user login (rajat) --------------- */

    .product_nav_toggle button.navbar-toggler1.collapsed {
        display: block;
    }

    div#navbarSupportedContent1 {
        padding: 20px 20px;
        /* box-shadow: 0 0 10px 0 #ccc; */
    }

    .product_nav_toggle button.navbar-toggler1 {
        display: block;
    }

    .network-main-downpart .card h3 {
        font-size: 17px;
    }

    .network-main-downpart .heading h2 {
        font-size: 20px;
    }

    .getStarted_wrapper .getStarted_body .getStarted_box {
        max-width: 100%;
        padding: 10px 10px;
    }

    .margin-bottom-sec {
        margin: 0 0 30px 0 !important;
    }

    .getStarted_wrapper .getStarted_body h4 {
        font-size: 22px;
    }

    .dashboard-total-promotion-main-sec .first-total-promotion-sec .all-promotion-cards-sec .all-promotion-txt h2 {
        font-size: 14px;
    }

    .right-topics-sec-main .right-suggestion-sec-one .suggestion-table-sec table .data-sugg-table-sec .right-data-sugg ul {
        flex-wrap: wrap;
    }

    .right-topics-sec-main .right-suggestion-sec-one .suggestion-table-sec table .data-sugg-table-sec .right-data-sugg ul li:first-child {
        border-right: none;
        margin-right: 0px;
        padding-right: 0px;
    }

    .right-topics-sec-main .right-suggestion-sec-one .suggestion-table-sec table .data-sugg-table-sec .right-data-sugg ul li {
        width: 100%;
    }

    .MainTabWrap>.nav {
        /* border-bottom: 1px solid #e7e7e7; */
    }

    .login-selection-body-sec {
        height: auto;
    }

}

@media(max-width:1024px) {

    /* navbar*/
    .navbar-nav .clickD {
        position: absolute;
        right: 0;
        top: 17px;
        width: 20px;
        height: 20px;
        background: url(images/sort-down.svg) center center no-repeat;
        display: block;
        background-size: 10px;
        cursor: pointer;
    }

    .navbar-nav .clickD.toggled {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sub-menu>li.menu-item-has-children .clickD {
        top: 8px;
        right: 5px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .sub-menu>li.menu-item-has-children .clickD.toggled {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .navbar-nav>li.menu-item-has-children {
        padding-right: 20px;
    }

    .sub-menu>li.menu-item-has-children>a {
        padding-right: 20px;
    }

    .sub-menu.show {
        display: block;
    }

    .navbar-nav>li {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-nav>li.current-menu-item>a:after,
    .navbar-nav>li>a:after,
    .navbar-nav>li.menu-item-has-children>a:after {
        width: 100%;
        opacity: 0;
    }

    .navbar-nav>li.current-menu-item>a:after,
    .navbar-nav>li>a:hover:after,
    .navbar-nav>li.menu-item-has-children:hover>a:after {
        width: 100%;
        opacity: 1;
    }

    /* navbar end*/

    .oneshop-menu>ul>li.active-menu {
        margin-right: 10px;
    }

    .oneshop-menu>ul>li {
        margin-right: 10px;
    }

    .oneshop-menu>ul>li>a {
        font-size: 13px;
    }

    .oneshop-menu>ul>li>a>img {
        max-width: 15px;
    }

    .dashboard-total-promotion-main-sec .first-total-promotion-sec .all-promotion-cards-sec .all-promotion-txt {
        padding: 10px;
    }

    .dashboard-total-promotion-main-sec .middle-promotion-sec .all-middle-promotion-cards .last-promotion-check-table-sec table {
        width: 350px;
    }

    .tab-btn button {
        padding: 20px 10px;
        font-size: 15px;
    }

    .vol-1st-img img {
        height: 200px;
        width: 200px;
    }

    .createStore_MenuOpen .two-block-row .left-block .cmn-card-wprv h4 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 7px;
        margin-top: 0;
    }

}

@media (max-width: 991px) {
    .exp-follw-parent .follwing_child {
        width: 350px;
    }
    .custom-tab .tab-menu-wpr {
        max-width: 100%;
    }

    .custom-tab {
        flex-wrap: wrap;
    }

    .custom-tab .tab-menu-wpr {
        min-height: auto;
    }

    .volunteering-broad-txt {
        padding: 10px 10px;
    }

    .volunteering-broad {
        padding: 10px 10px;
    }

    .volunteering-broad-txt h3 {
        font-size: 15px;
        line-height: 15px;
    }

    .volunteering-broad-txt p {
        font-size: 12px;
        height: 110px;
    }

    .page-header .header-in {
        padding: 15px;
    }

    .user-account-dropdown {
        margin-right: 0px;
    }

    .login-selection .login-selection-header-inner {
        padding-left: 15px;
        padding-right: 0px;
    }

    .page-header .header-in h2 {
        padding-right: 10px;
        font-size: 12px;
    }

    .topRighttWrapper {
        width: 150px;
    }

    #userDrowpdown {
        padding-right: 0px;
    }

    .user-account-dropdown .user-account .user-details .name {
        font-size: 12px;
    }

    .user-account-dropdown .user-account .user-details .lavel {
        font-size: 12px;
    }

    .dropdown-item {
        font-size: 12px;
    }

    .MainTabWrap>.nav {
        margin: 0px !important;
        padding: 20px !important;
    }

    .MainTabWrap>.nav-pills .nav-link {
        font-size: 14px;
    }

    .subNavTitle {
        font-size: 14px !important;
        padding: 0px 0px 15px 0px !important;
        text-align: left !important;
    }

    .cmnFormWrap h2 {
        font-size: 22px;
    }

    .cmnFormWrap {
        padding: 12px;
    }

    .cmnTableFilter span {
        margin: 5px;
    }

    .user_login_form_row .userform_input {
        margin: 5px;
    }

    .statsHead {
        flex-direction: column;
    }

    .statsHead h2 {
        margin-bottom: 10px !important;
    }

    .piInner {
        padding: 0;
    }

    .piText h3 {
        font-size: 14px;
    }

    .alphaFilterBox a {
        /* margin: 10px 0; */
        display: inline-block;
    }

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

    label.rdo input+i {
        margin-top: 0px !important;
        width: 15px !important;
        height: 15px !important;
    }

    label.rdo input+i:before {
        width: 7px !important;
        height: 7px !important;
        margin: 0px !important;
    }

    .deletion_type label.rdo {
        font-size: 14px !important;
    }

    .MainTabWrap>.nav-pills .nav-link {
        font-size: 14px !important;
    }

    .user_login_form {
        margin-bottom: 40px;
    }

    .user_login_right_panel_roll .slick-prev,
    .user_login_right_panel_roll .slick-next {
        transform: translateY(25px);
    }

    .agree_terms label span {
        padding-left: 40px;
    }

    .user_input_remember label span {
        padding-left: 65px;
    }

    .user_login_left_panel {
        margin-bottom: 40px;
    }

}

@media(max-width:860px) {
    .oneshop-menu {
        overflow-x: auto;
    }

    .oneshop-menu li ul {
        height: 100px;
        overflow: auto;
        width: 100%;
        position: relative;
    }

    button#menu-btn {
        width: 100%;
        margin: 10px 0 10px;
        /* background: #f2f2f2; */
        border: none;
        border-radius: 5px;
        padding: 5px 0;
        display: block;
    }

    button#menu-btn span {
        font-size: 15px;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        padding: 0 20px;
    }

    .oneshop-menu {
        /* background: #f2f2f2; */
        z-index: 999;
        top: 0;
        height: 0vh;
        border-radius: 5px;
        padding: 0px;
        transition: all ease 0.4s;
    }

    .oneshop-menu>ul {
        display: block;
    }

    .oneshop-menu>ul>li.active-menu>a::after {
        display: none;
    }

    .oneshop-menu>ul>li.active-menu>a::before {
        display: none;
    }

    .is-open-menu {
        height: auto;
        transition: all ease 0.4s;
        padding: 20px;
    }

    .oneshop-menu li ul li a {
        font-size: 13px;
        padding: 5px 10px;
    }

    .network-cmn-header .oneshop-menu>ul>li {
        padding-bottom: 30px;
    }

    .chronoline-network-main-sec .network-chronoline-heading h3 {
        font-size: 22px;
        line-height: 22px;
    }

    .chronoline-network-main-sec .network-choronoline-cards-sec-main .choronoline-cards {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .chronoline-network-main-sec .network-choronoline-cards-sec-main {
        padding: 10px;
        margin-bottom: 10px;
    }

    .right-topics-sec-main .right-suggestion-sec-one .sugg-heading h3 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .chronoline-network-main-sec .network-choronoline-cards-sec-main h4 {
        margin-bottom: 10px;
        text-align: center;
    }

    .chronoline-network-main-sec .network-choronoline-cards-sec-main .choronoline-cards .right-cards {
        padding-left: 0px;
        min-width: 100%;
    }

    .MainTabWrap>.tab-content {
        padding: 20px;
    }

}

@media (max-width: 767px) {

    /* images alignment for wordpress content pages */
    .alignright,
    .alignleft,
    .aligncenter {
        float: none;
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        clear: both;
        margin-bottom: 24px;
    }

    .page-header .header-in {
        flex-wrap: wrap;
        justify-content: center;
    }

    .main-footer .content-wpr {
        justify-content: center;
        flex-wrap: wrap;
    }

    .storeDetailsService_botton {
        text-align: center;
        margin: 0 0 10px;
    }

    .storeDetailsService_menu {
        text-align: center;
    }

    .storeDetailsService_header {
        margin: 0 0 10px 0;
    }

    .storeDetailsService_logo img {
        margin: 0 0 10px;
    }

    .storeDetailsService_logo {
        text-align: center;
    }

    .storeDetailsService_header {
        margin: 0 0 10px 0;
        height: 40px;
        overflow: hidden;
        transition: all ease-in-out 0.4s;
    }

    .storeDetailsService_header:hover {
        height: 130px;
        transition: all ease-in-out 0.4s;
    }

    .product_img_add {
        width: 100%;
    }

    .product_img_add li {
        width: 46%;
    }

    .heading_title h2 {
        font-size: 15px;
        margin: 0 0 20px;
    }

    .product_img_add li {
        width: 100%;
    }

    .two-block-row .left-block {
        width: 100%;
    }

    .two-block-row .right-block {
        width: 100%;
    }

    .getStarted_wrapper .getStarted_header .banner_txt h2 {
        font-size: 20px;
        line-height: 22px;
        max-width: 100%;
    }

    .getStarted_wrapper .getStarted_header .banner_txt {
        bottom: 40%;
    }

    .getStarted_wrapper .getStarted_body .getStarted_box {
        max-width: 100%;
    }

    .getStarted_wrapper .getStarted_body .getStarted_box h5 {
        min-height: inherit;
    }

    .getStarted_wrapper .getStarted_body .getStarted_box p {
        min-height: inherit;
    }

    .getStarted_wrapper .getStarted_body .getStarted_down .getStarted_box_down h4 {
        font-size: 18px;
    }

    .dashboard-total-promotion-main-sec .middle-promotion-sec .all-middle-promotion-cards .last-promotion-check-table-sec table {
        width: 100%;
    }

    .all-promotion-cards-sec {
        margin: 0 0 15px;
    }

    .com-logo {
        width: 70px;
        height: 70px;
    }

    .com-logo p {
        font-size: 24px;
        line-height: 25px;
        padding-top: 24px;
    }

    .one-network-packages-main-sec .heading-one-network-package h2 {
        font-size: 22px;
    }

    .one-network-packages-main-sec .main-cards .all-cards-one-network {
        padding: 20px;
        margin: 0 0 20px;
    }

    .one-network-packages-main-sec {
        padding: 20px;
    }

    .doe-volunteering-sec {
        justify-content: center;
        text-align: center;
    }

    .video-cam {
        justify-content: center;
    }

    .content-body .voluteering-btns ul li {
        float: none;
        margin: 0 0px 10px 0;
        width: 100%;
    }

    .voluteering-btns {
        justify-content: center;
    }

    .total-activity-sec .activity {
        justify-content: center;
    }

    .select-tab {
        margin: 0 0 10px;
    }

    .volunteering-broad-txt p {
        height: inherit;
    }

    .volunteering-main {
        margin: 0 0 10px;
    }

    .login-selection .login-selection-header-inner {
        text-align: left;
        padding-right: 15px;
    }

    .page-header .header-in h2 {
        font-size: 14px !important;
        margin-left: 0px !important;
    }

    .user-account-dropdown {
        order: 2;
    }

    #userDrowpdown {
        margin-top: 10px;
    }

    .topRighttWrapper {
        margin-top: 10px;
        order: 3;
        width: 100%;
        float: none;
        text-align: right;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .page-header .header-in {
        justify-content: flex-end;
        padding-top: 0;
        margin-top: -15px;
    }

    .topRighttWrapper>* {
        margin: 0px 5px;
    }

    .login-selection-body-sec .company-logo {
        height: auto;
        width: 100%;
        padding: 10px;
    }

    .company-logo img {
        max-width: 100%;
        max-height: none;
    }

    .login-selection-body-sec {
        padding: 20px;
    }

    footer.login-selection-footer {
        padding: 25px 15px;
    }

    .login-selection-footer .copyright-text p {
        font-size: 10px;
    }

    .subNav {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .SubTabWrap {
        flex-wrap: wrap;
    }

    .SubTabWrap .tab-content {
        width: 100%;
    }

    .proImage {
        width: 70px;
        height: 70px;
        flex-shrink: 0;
    }

    .proText span {
        font-size: 12px;
    }

    .proText .name {
        font-size: 16px;
    }

    .chartItemInn {
        width: 200px !important;
        height: 250px !important;
    }

    .agree_terms .form_input_check label span {
        padding-left: 40px;
        line-height: 1.8;
    }

    .MainTabWrap>.nav {
        justify-content: center;
    }

    .MainTabWrap>.nav-pills .nav-link {
        /* border-right: 1px solid #777; */
        border-radius: 0px;
        padding: 0px 10px;
        margin: 5px 0px !important;
    }

    .MainTabWrap>.nav-pills .nav-link:last-child {
        border-right: 0px;
    }

    .macBody p {
        font-size: 14px;
    }

    .cmnFormWrap h2 {
        font-size: 17px;
    }

    .user_login_form label {
        font-size: 14px;
    }

    #general_statistics_sec {
        overflow-x: auto;
    }

    /*    .statsMainChartTab {
        width: 600px;
    }*/

    .statsFilter {
        margin-top: 100px;
    }

}

@media(max-width:667px) {
    .oneshop-cmn-header .top-sec {
        flex-wrap: wrap;
    }

    .oneshop-logo>img {
        max-width: 200px !important;
    }

    .content-block .contributor_select select {
        width: 100%;
    }

    .contributor .left-block h4 {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 20px;
    }
}

@media (max-width: 575px) {
    .two-block-row .left-block {
        width: 100%;
    }
    .exp-follw-parent {
        left: -200px;
        right: 0px;
    }
    .two-block-row .right-block {
        width: 100%;
    }

    aside.main-sidebar .logo-wpr a.navbar-brand {
        max-width: 85px;
    }

    aside.main-sidebar .logo-wpr {
        padding: 10px 10px 0;
    }

    .header-in .nav-toggler-wpr-in {
        padding: 5px 15px 0;
    }

    ul.side-menu.v2>li:not(:last-child) {
        margin-bottom: 10px;
    }

    ul.side-menu>li>a {
        font-size: 11px;
    }

    aside.main-sidebar .logo-wpr {
        margin-bottom: 10px;
    }

    main.body-content-wpr aside.main-sidebar {
        max-width: 180px;
    }

    .page-header .header-in h2 {
        text-align: center;
        margin: 0 auto !important;
    }

    .cmn-settings-link ul>li>a {
        width: 28px;
        height: 28px;
        padding: 7px;
    }

    .cmn-settings-link ul>li:not(:last-child) {
        margin-right: 3px;
    }

    .user-account-dropdown {
        margin-right: 11px;
        margin-left: 5px;
    }

    .page-header .header-in {
        padding: 10px 10px;
    }

    .header-search-bar input[type="text"] {
        font-size: 13px;
        height: 41px;
        padding: 0 10px;
    }

    .page-header .header-in h2 {
        font-size: 16px;
    }

    .oneshop-search-wpr {
        max-width: 100%;
    }

    .oneshop-cmn-header .top-sec {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-search-bar {
        max-width: 240px;
    }

    .createStore_MenuOpen .two-block-row .left-block .card_total .card_upper h5 {
        font-size: 18px;
        height: inherit;
    }

    .getStarted_wrapper .getStarted_header .banner_txt p {
        font-size: 14px;
        line-height: 16px;
        margin: 0 auto 10px auto;
    }

    .discussion-main-sec .discussions-topics-sec .left-topics-sec-main .middle-all-discussion-left-cards .all-midddiscussions-cards .right-midd ul li p {
        font-size: 13px;
    }

    .discussion-main-sec .discussions-topics-sec .left-topics-sec-main .middle-all-discussion-left-cards .all-midddiscussions-cards .right-midd .last-txt-all-lorem {
        font-size: 12px;
    }

    .chronoline-network-main-sec .network-choronoline-cards-sec-main .choronoline-cards .right-cards h4 {
        font-size: 18px;
    }

    .page-header .header-in h2 {
        margin-left: 0px !important;
    }

    .chartItemInn {
        width: 100% !important;
        height: 250px !important;
    }

}

@media(max-width:540px) {
    .oneshop-cmn-header .top-sec {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .reg_recoveryForm .reg_signInFormField input::placeholder {
        font-size: 12px;
    }

    .user-account-dropdown .user-account .user-img {
        width: 45px;
        height: 45px;
        margin-right: 8px;
    }

    .user-account-dropdown .user-account .user-details .name {
        font-size: 15px;
    }

    .oneshop-search-wpr {
        max-width: 100%;
    }

    .oneshop-cmn-header .top-sec {
        justify-content: center;
    }

    ul.side-menu>li>a {
        letter-spacing: 1px;
    }

    .cmn-card-row .cmn-card-wpr {
        width: 50%;
    }

    .cmn-card .img-wpr {
        min-height: 100px;
        padding: 10px 10px;
    }

    .cmn-card .img-wpr img {
        max-height: 100px;
    }

    .cmn-card .card-footer {
        padding: 10px 10px;
    }

    .product-title h4,
    .product-price p,
    .view_details_btn {
        font-size: 13px;
    }

    .cmn-card .img-wpr img {
        max-height: 80px;
    }

    .content-block {
        padding: 10px 10px;
    }

    .content-block.v3 {
        padding: 10px 10px 10px;
    }

    .content-block.v2 {
        padding: 10px 10px 10px;
    }

    .sml-btm-gap {
        margin-bottom: 15px;
    }

    .content-body {
        padding: 0;
    }

    .getStarted_wrapper .getStarted_header .banner_txt {
        bottom: 50%;
    }

    .getStarted_wrapper .getStarted_header .banner_txt h2 {
        font-size: 18px;
        line-height: 18px;
        margin: 0 0 2px;
    }

    .getStarted_wrapper .getStarted_header .banner_txt p {
        font-size: 11px;
    }

    .discussion-main-sec .discussions-topics-sec .left-topics-sec-main .middle-all-discussion-left-cards .all-midddiscussions-cards {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .discussion-main-sec .discussions-topics-sec .left-topics-sec-main .middle-all-discussion-left-cards {
        padding: 10px;
        margin-bottom: 10px;
    }

    .chronoline-network-main-sec .network-choronoline-cards-sec-main .choronoline-cards .right-cards ul li p {
        font-size: 12px;
    }

    .network-choronoline-cards-sec-main .right-sec-network p {
        font-size: 12px;
    }

    .select-status select {
        width: 100%;
        height: 55px;
    }

    .select-tab .select-status {
        width: 100%;
        margin: 0 0 5px;
    }

    .select-tab {
        justify-content: center;
    }

    .posted ul {
        flex-wrap: wrap;
    }

    .one-network-business-lead-sec .first-business-heading h3 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .one-network-business-lead-sec .first-business-heading h6 {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 10px;
    }

    .one-network-business-lead-sec .first-business-heading p {
        font-size: 12px;
        line-height: 19px;
    }

    .one-network-business-lead-sec .first-business-heading {
        padding-bottom: 20px;
    }

    .network-business-lead-main-sec {
        padding: 20px;
    }

    .one-network-business-lead-sec .business-lead-form-sec .form-group label {
        font-size: 15px;
        line-height: 15px;
    }

    .one-network-business-lead-sec .business-lead-form-sec .form-group input {
        font-size: 13px;
        line-height: 13px;
        padding-left: 10px;
    }

    .one-network-business-lead-sec .business-lead-form-sec .form-group textarea {
        height: 150px;
        font-size: 13px;
        line-height: 29px;
    }

    .one-network-business-lead-sec .business-lead-form-sec .last-submit-btn-sec button {
        font-size: 15px;
    }

    .one-network {
        padding: 10px 10px;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .one-next {
        padding-left: 0;
    }

    .chronoline-network-main-sec .network-choronoline-cards-sec-main .choronoline-cards .right-cards {
        padding-left: 0px;
        min-width: 100%;
    }

    .chronoline-network-main-sec .network-choronoline-cards-sec-main {
        padding: 10px;
        margin-bottom: 10px;
    }

    .user-account-dropdown .user-account .user-details .lavel {
        font-size: 10px;
        line-height: 1.2;
    }

    .page-header .header-in h2 {
        font-size: 11px !important;
        line-height: 1.4;
        width: 110px;
        text-align: left;
        margin-top: -18px !important;
    }

    .page-header .header-in h2 span {
        font-size: 10px;
    }

    .login-selection .login-selection-header-inner {
        text-align: center;
    }

    .page-header .header-in {
        padding-top: 0px;
        margin-top: -10px;
    }

    .topRighttWrapper>* {
        margin: 0px 1px;
    }

    .topRighttWrapper {
        margin: 10px 0px 0px;
    }

    .topRighttWrapper .btns {
        margin: 0px;
    }

    #userDrowpdown {
        width: 160px;
        word-break: break-all;
        margin-top: 0px;
    }

    .user-account-dropdown .user-account .user-img {
        width: 35px;
        height: 35px;
    }

    .user-account-dropdown .user-account .user-details .name {
        font-size: 12px;
    }

    .user-account-dropdown .dropdown-menu {
        right: 0px !important;
        width: 150px !important;
    }

}

@media screen and (max-width: 767px) {
    .Contact_us_wrapper  .container_form,
    .Contact_us_wrapper  .contact_us_inner{
        background-image: none !important;
    }
    .oneshop-cmn-header .top-sec {
        display: flex;
        align-items: center;
    }

    .page-header .header-in h2 {
        margin: 0;
        margin-right: auto;
        font-size: 18px;
    }

    .header-search-bar {
        margin-right: 0 !important;
        margin: 10px 0;
    }

    .cmn-settings-link {
        margin: 10px 0;
        text-align: center;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .oneshop-logo img {
        width: 100%;
    }

    .oneshop-logo {
        width: 100%;
        margin: 10px auto;
        text-align: center;
        justify-content: center;
    }

    .oneshop-logo>img {
        margin-right: 0 !important;
        text-align: center;
    }

    .main-footer .content-wpr>p {
        font-size: 10px;
    }

    .footer-links li>a {
        font-size: 9px;
    }

    .footer-links ul {
        margin: 10px 0;
    }

    .right-sid-prodtc-detls-infoall {
        width: 100%;
        padding: 0 15px;
    }

    .left-side-product-dtls-img {
        position: relative;
        width: 100%;
        padding: 0 15px;
    }

    .slick-list {
        height: 235px !important;
    }

    .innr-wrap-pdt0details-mani h4 {
        margin: 20px 0 10px 0;
    }

    .content_block_prod_cont h5 {
        margin: 20px 0;
        max-width: 100%;
    }

    .store-details-service-search input {
        margin: 10px 0;
    }

    .store-details-service-search select {
        margin: 10px 0;
    }

    .store-details-service-search button {
        padding: 0 0;
        width: 100%;
        height: 54px;
        margin: 0 0 20px 0;
    }

    .accordion button {
        font-size: 14px;
        padding: 10px 20px;
    }

    .serchSection {
        display: block;
        justify-content: flex-start;
        align-items: center;
    }

    .find_store_header input {
        width: 100%;
        margin: 5px 0;
    }

    .explorePeople_section_header .serchSection select {
        margin: 5px 0;
        width: 100%;
    }

    .serchSection button {
        width: 100%;
        margin: 5px 0;
    }

    .cmn-settings-link ul>li:not(:last-child) {
        margin-right: 7px;
    }

    .cmn-settings-link ul {
        margin-right: 0;
    }

    .about_store_details h4 {
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 33px;
        text-transform: capitalize;
        /* color: #0B1D26; */
        margin: 0;
    }

    .block-heading h2 {
        font-size: 18px;
        text-align: left;
    }

    .block-heading {
        margin-bottom: 0;
    }

    .product-listing-search button {
        padding: 10px 10px;
        border: none;
        width: 100%;
        margin: 10px 0;
    }

    .activity-sec-box img {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .activity-sec h2 {
        font-size: 17px;
        line-height: 22px;
    }

    .activity-sec h3 {
        line-height: 20px;
        margin: 0;
    }

    .activity-sec h4 {
        line-height: 20px;
        text-align: left;
        position: inherit;
        right: inherit;
        bottom: inherit;
    }

    .activity-sec-box {
        border-right: none;
        padding: 10px;
    }

    .activity-sec a {
        padding: 10px 0;
    }

    .cmn-card-row {
        --bs-gutter-x: 18px;
        margin: 0;
    }

    .responsive-table {
        overflow-x: auto;
    }

    .content-body ul li img {
        width: 33px;
    }

    .myStore_listing li {
        float: none !important;
        margin: 0 0px 10px 0 !important;
        width: calc(100% / 2);
    }

    .package-details-sec img {
        margin: 0 0 20px 0;
        float: inherit;
        width: 40px !important;
    }

    .right-cont-box {
        padding: 0 20px;
    }

    .right-cont-box h5 {
        font-size: 25px;
    }

    .view-more1 {
        text-align: center;
        margin: 20px 0;
    }

    .table {
        width: 1000px;
    }

    .page-link {
        font-size: 12px;
        line-height: 17px;
        padding: 5px 7px;
    }

    .headline-sec-box {
        /* border-bottom: 1px solid #cbcbcb; */
        margin: 0 0 20px 0;
        display: block;
        text-align: center;
    }

    .headline-sec-box .row {
        margin: 0;
        width: 100%;
        padding: 0;
    }

    .edit {
        padding: 10px 9px;
    }

    .people_details img {
        border-radius: 50%;
        width: 100px;
        height: 100px;
        object-fit: cover;
    }

    .people_details h4 {
        font-size: 13px;
    }

    .explorePeople_section_header.total_connection_wrapper {
        padding: 0 0 20px 0;
    }

    .explorePeople_section_header h2 {
        font-size: 18px;
        margin: 0 0 10px 0;
    }

    .add_department_wrapper {
        padding: 15px;
    }

    .add_product_wrapper .add_department_input p {
        font-size: 12px;
        line-height: 16px;
    }

    .explorePeople_section_header.manage_inventory_header {
        margin: 0 0 26px;
        padding: 0 20px;
    }

    .manage_inventory_form,
    .manage_inventory_table {
        padding: 10px;
    }

    .content-block {
        padding: 20px;
    }

    .listing-menu li a {
        font-size: 9px;
        padding: 5px 5px;
    }

    .listing-menu li {
        padding: 5px 0;
        background: transparent;
    }

    .listing-menu li.active::after {
        bottom: 5px;
    }

    .listing-menu li a:hover::after {
        bottom: 5px;
    }

    .padding-none {
        padding: 0 12px !important;
    }

    .addservice_table {
        padding: 10px;
    }

    .add_department_input button {
        margin: 0;
    }

    .addServices_wrapper .addStoreType_wrapper_body {
        padding: 10px;
    }

    .addservice_table_header_left {
        display: block;
        width: 100%;
    }

    .addservice_table_header_right {
        display: block;
        /* align-items: center; */
        width: 100%;
    }

    .addservice_table_header_left select {
        width: 100%;
        margin: 0;
    }

    .addservice_table_header {
        display: block;
        justify-content: space-between;
        align-items: center;
    }

    .addservice_table_header_left h4 {
        margin: 10px 0 0 0;
        font-size: 16px;
    }

    .addservice_table_header_right button {
        width: 100%;
        margin: 10px 0;
    }

    .addservice_table_header_left {
        margin: 0;
    }

    .theme-color-choose ul li {
        width: 100%;
        display: inline-block;
        margin: 0;
    }

    .content-body {
        padding: 10px;
        width: 100%;
    }

    .left-block .cmn-card-row .cmn-card-wpr {
        width: 100%;
    }

    .paymentDetails_wrapper_left_amount h2 {
        font-size: 30px;
        margin: 0;
    }

    .paymentDetails_wrapper_left_amount p {
        font-size: 15px;
    }

    .paymentDetails_wrapper_left_amount {
        padding: 20px;
    }

    .paymentDetails_wrapper_left_paybook {
        padding: 20px;
    }

    .paymentDetails_wrapper_left_paybook img {
        width: 40px;
    }

    .paymentDetails_wrapper_left_paybook h5 {
        font-size: 20px;
    }

    .paymentDetails_wrapper_right h4 {
        padding: 20px;
        font-size: 20px;
    }

    .paymentDetails_wrapper_right form {
        padding: 0 20px;
    }

    .user_info span {
        font-size: 12px;
    }

    .img_cont {
        height: auto;
        width: 50px;
    }

    .user_img {
        height: 50px;
        width: 50px;
    }

    .user_img_msg {
        height: 20px;
        width: 20px;
        /* border: 1.5px solid #f5f6fa; */
    }

    .user_img {
        height: 30px;
        width: 30px;
    }

    .user_info {
        margin: 0;
    }

    .msg_cotainer {
        margin-top: auto;
        margin-bottom: auto;
        margin-left: 10px;
        border-radius: 20px 20px 20px 0;
        /* background-color: #E1F6FA; */
        padding: 10px;
        position: relative;
        width: 330px;
        line-height: 18px;
        /* color: #495057; */
        font-size: 14px;
    }

    .msg_cotainer_send {
        margin-top: auto;
        margin-bottom: auto;
        margin-right: 10px;
        border-radius: 20px 20px 0 20px;
        /* background-color: #F3F3F3; */
        padding: 10px;
        position: relative;
        width: 330px;
        line-height: 18px;
        /* color: #495057; */
        font-size: 14px;
    }

    .attached-icon img {
        margin: 0 5px;
        width: 25px;
    }

    .search-box input {
        height: 48px;
    }

    .input-group-text {
        padding: 10px;
        text-align: center;
        display: block;
    }

    .card {
        height: 500px;
    }

    .input-group {
        display: block;
    }

    .input-group>.form-control,
    .input-group>.form-select {
        width: 100%;
    }

    .attached-icon {
        text-align: center;
    }

    .input-group-prepend {
        padding: 2px;
    }

    .page-banner .banner-txt h1 {
        font-size: 20px;
    }

    .one-network-packages-main-sec {
        padding: 20px;
    }

    .one-network-packages-main-sec .heading-one-network-package h2 {
        font-size: 25px;
        line-height: 20px;
        text-align: center;
    }

    .one-network-packages-main-sec h2 {
        margin: 0;
    }

    .confirm-listing-sec h2 {
        font-size: 20px;
    }

    .breadcrumb {
        text-align: center;
    }

    .confirm-listing-sec h3 {
        font-size: 18px;
    }

    .steps-form .steps-row .steps-step p {
        font-size: 12px;
    }

    .one-network-packages-main-sec .heading-one-network-package {
        padding-bottom: 20px;
    }

    .back-btn {
        padding: 10px 30px;
        font-size: 15px;
    }

    .btnsec {
        padding: 10px 30px;
        font-size: 15px;
    }

    .custom-checkbox p {
        font-size: 15px;
    }

    .side-text {
        font-size: 12px;
    }

    .confirm-listing-sec ul li {
        width: 100%;
        float: left;
        margin: 0 0 30px 0;
    }

    .confirm-listing-sec h3 {
        margin: 0 0 10px 0;
    }

    .create-topic-main-sec .create-topic-heading h1 {
        font-size: 26px;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 992px) {
    .confirm-listing-sec h2 {
        font-size: 25px;
    }

    .custom-checkbox .col-md-3 {
        width: 100%;
    }

    .custom-checkbox p {
        font-size: 15px;
    }

    .back-btn {
        padding: 10px 36px;
    }

    .side-text {
        font-size: 12px;
    }

    .user_info span {
        font-size: 12px;
    }

    .page-banner .banner-txt h1 {
        font-size: 20px;
    }

    .paymentDetails_wrapper_left_amount h2 {
        font-size: 30px;
        margin: 0;
    }

    .paymentDetails_wrapper_left_amount p {
        font-size: 15px;
    }

    .paymentDetails_wrapper_left_amount {
        padding: 20px;
    }

    .paymentDetails_wrapper_left_paybook {
        padding: 20px;
    }

    .paymentDetails_wrapper_left_paybook img {
        width: 40px;
    }

    .paymentDetails_wrapper_left_paybook h5 {
        font-size: 20px;
    }

    .paymentDetails_wrapper_right h4 {
        padding: 20px;
        font-size: 20px;
    }

    .paymentDetails_wrapper_right form {
        padding: 0 20px;
    }

    .page-header .header-in h2 {
        margin: 0;
        margin-right: auto;
        line-height: 20px;
        font-size: 15px;
    }

    .oneshop-logo>img {
        max-width: 90px;
        margin-right: 10px;
    }

    .right-sid-prodtc-detls-infoall {
        width: 100%;
        padding: 0 15px;
    }

    .left-side-product-dtls-img {
        position: relative;
        width: 100%;
        padding: 0 15px;
    }

    .slick-list {
        height: 380px !important;
    }

    .innr-wrap-pdt0details-mani h4 {
        margin: 20px 0 10px 0;
    }

    .storeDetailsService_menu ul li {
        width: 25px;
        height: 25px;
        line-height: 8px;
        margin: 0 2px;
    }

    .storeDetailsService_botton button {
        padding: 5px 5px;
        margin: 0 2px;
        font-size: 11px;
    }

    .about-amazon-sec .col-md-3 {
        width: 100%;
    }

    .about-amazon-sec .col-md-9 {
        width: 100%;
    }

    .about_store_details h4 {
        font-size: 14px;
    }

    .product-listing-search button {
        padding: 13px 10px;
        border: none;
    }

    .activity-sec h4 {
        line-height: 20px;
        text-align: left;
        position: inherit;
        right: inherit;
        bottom: inherit;
    }

    .storeDetailsService_menu ul li span {
        width: 15px;
        height: 15px;
        font-size: 10px;
        line-height: 17px;
    }

    .table {
        width: 1000px;
    }

    .responsive-table {
        overflow-x: auto;
    }

    .activity-sec h2 {
        font-size: 14px;
        line-height: 25px;
    }

    .activity-sec a {
        padding: 0;
        margin: 10px 0;
    }

    .activity-sec h3 {
        font-size: 15px;
        margin: 10px 0 0 0;
    }

    .activity-sec-box img {
        width: 65px;
    }

    .activity-sec-box {
        border-right: none;
    }

    .cmn-card-row {
        --bs-gutter-x: 0;
    }

    .footer-links li>a {
        font-size: 13px;
    }

    .right-cont-box {
        padding: 0 20px;
    }

    .right-cont-box h5 {
        font-size: 25px;
    }

    .content-body ul li img {
        width: 33px;
    }

    .view-more1 {
        text-align: center;
        margin: 20px 0;
    }

    .store-details-service-search select {
        /* color: #BEBEBE; */
        padding: 0 20px;
        margin: 5px 0;
    }

    .block-heading h2 {
        font-size: 20px;
        line-height: 22px;
    }

    .people_details img {
        border-radius: 50%;
        width: 100px;
        height: 100px;
        object-fit: cover;
    }

    .people_details h4 {
        font-size: 13px;
    }

    .people_details button {
        font-size: 13px;
        height: 35px;
    }

    input[type="text"],
    input[type="tel"],
    input[type="password"],
    input[type="email"],
    input[type="date"],
    input[type="number"],
    input[type="month"],
    input[type="file"],
    input[type="year"],
    select {
        font-size: 10px;
    }

    .explorePeople_section_header.total_connection_wrapper {
        padding: 10px;
        /* border-bottom: 1px solid #C6C6C6; */
        margin: 0 0 10px;
    }

    .serchSection button {
        width: 40px;
        height: 50px;
        padding: 0 10px;
    }

    .addservice_table_header_left {
        display: block;
        width: 100%;
    }

    .addservice_table_header_right {
        display: block;
        /* align-items: center; */
        width: 100%;
    }

    .addservice_table_header_left select {
        width: 100%;
        margin: 0;
    }

    .addservice_table_header {
        display: block;
        justify-content: space-between;
        align-items: center;
    }

    .addservice_table_header_left h4 {
        margin: 0;
        font-size: 16px;
    }

    .addservice_table_header_right button {
        width: 100%;
        margin: 10px 0;
    }

    .addservice_table_header_left {
        margin: 0;
    }

    .addServices_wrapper .addStoreType_wrapper_body {
        padding: 20px;
    }

    .addservice_table {
        padding: 20px;
    }

    .theme-color-choose ul li {
        width: 32%;
        display: inline-block;
        margin: 10px 0;
    }

}

@media(max-width:375px) {
    .network-main-card-wprv .carousel-item img {
        height: 200px;
    }

    .network-main-card-wprv .cmn-card-row .small_card {
        margin-top: 15px;
    }

    .network-main-downpart .foot h2 {
        font-size: 14px;
        line-height: 20px;
    }

    .createStore_MenuOpen .two-block-row .left-block .cmn-card-wprv h4 {
        font-size: 22px;
        line-height: 34px;
    }

    .createStore_MenuOpen .two-block-row .left-block .card_total .card_upper h5 {
        font-size: 15px;
        line-height: 20px;
    }

    .createStore_MenuOpen .two-block-row .left-block .card_total .card_upper p {
        font-size: 14px;
    }

    .createStore_MenuOpen .two-block-row .left-block .card_total .card_down {
        padding: 10px 10px;
    }

    .createStore_MenuOpen .two-block-row .left-block .card_total .card_down p {
        font-size: 13px;
        margin: 5px 0;
    }

    .createStore_MenuOpen .two-block-row .left-block .card_total .card_down h6 {
        font-size: 20px;
        line-height: 22px;
        max-width: 100%;
        margin: 10px auto;
    }

    .getStarted_wrapper .getStarted_header img {
        height: 200px;
    }

    .dashboard-total-promotion-main-sec .middle-promotion-sec .all-middle-promotion-cards .last-promotion-check-table-sec table {
        width: 450px;
    }

    .dashboard-total-promotion-main-sec .middle-promotion-sec .all-middle-promotion-cards .midd-search-bar-sec {
        padding: 10px 10px;
        gap: 10px;
        flex-wrap: wrap;
    }

    .dashboard-total-promotion-main-sec .middle-promotion-sec .all-middle-promotion-cards .midd-search-bar-sec input {
        width: 150px;
    }

    .discussion-main-sec .discussions-topics-sec .left-topics-sec-main .middle-all-discussion-left-cards .all-midddiscussions-cards .right-midd ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .discussion-main-sec .discussions-topics-sec .left-topics-sec-main .middle-all-discussion-left-cards .all-midddiscussions-cards .right-midd ul li:first-child {
        margin-right: 0;
        padding-right: 0;
        border-right: none;
    }

    .network-choronoline-cards-sec-main .all-right-network-sec {
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
    }

    .chronoline-network-main-sec .network-choronoline-cards-sec-main .choronoline-cards .right-cards ul {
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .chronoline-network-main-sec .network-choronoline-cards-sec-main .choronoline-cards .right-cards h4 {
        font-size: 15px;
    }

    .chronoline-network-main-sec .network-choronoline-cards-sec-main h4 {
        font-size: 14px;
    }

    .chronoline-network-main-sec .network-choronoline-cards-sec-main .choronoline-cards .right-cards ul li:first-child {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }

    .right-topics-sec-main .right-topics-sec .topics-table-sec table td .all-data-topics p {
        font-size: 12px;
    }

    .jhon-profie p {
        font-size: 20px;
    }

    .broad-discussion {
        padding: 10px;
    }
}

@media(max-width:420px) {
    /* .header-in .user-account-dropdown{
        width: 100% !important;
    } */
    .chartItemInn .canvasjs-chart-canvas {
        width: 300px !important;
        height: 300px !important;
    }
}

@media(max-width:375px) {
    .chartItemInn .canvasjs-chart-canvas {
        width: 250px !important;
        height: 250px !important;
    }
}

@media(max-width:320px) {
    .page-header .header-in h2 {
        font-size: 18px;
    }

    .one-network-packages-main-sec .heading-one-network-package h2 {
        font-size: 18px;
        line-height: 27px;
    }

    .one-network-packages-main-sec .heading-one-network-package {
        padding-bottom: 20px;
    }

    .one-network-packages-main-sec .main-cards .all-cards-one-network button {
        font-size: 15px;
        padding: 10px 10px;
    }

    .one-network-packages-main-sec .main-cards .all-cards-one-network {
        padding: 10px;
    }

    .one-network-packages-main-sec .main-cards .all-cards-one-network h3 {
        font-size: 20px;
        line-height: 20px;
        margin: 8px 0 10px;
    }
}

@media screen and (min-device-width: 992px) and (max-device-width: 1024px) {
    .theme-color-choose ul li {
        width: 19%;
        display: inline-block;
        margin: 0;
    }

    .user_info span {
        font-size: 12px;
    }
}

.flatpickr-calendar .flatpickr-current-month {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding-top: 10px !important;
}
.unread_message_count {
  font-weight: 600;
  border-radius: 50%;
  position: absolute;
  min-width: 20px;
  min-height: 20px;
  vertical-align: middle;
  text-align: center;
  top: -5px;
  font-size: 13px;
  color: #000 !important;
  left: 66%;
  background: #e83b05 !important;
  line-height: 100%;
  padding: 4px 4px 3px 4px;
  display: none;
}

#userPopup .modal-body label{
    font-weight: 500;
}
#userPopup .modal-body img{
    width: 130px !important;
    height: 130px !important;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    border: 1px solid #E7E7E7;
}

.alert-success {
  border: 1px solid #048f22 !important;
  background: #e7ffea;
  margin: 10px auto;
  width: 100%;
  color: #048f22 !important;
}
.alert-success .alert-close i, 
.alert-success-modal .alert-close i, 
.alert-success-modal .alert-text, 
.alert-success .alert-text{
  color: #048f22 !important;
}
.alert-danger {
  border: 1px solid #ff0000;
  color: #ff0000 !important;
  background: #ffebeb;
}
.alert-danger-modal .alert-close i, 
.alert-danger-modal .alert-text, 
.alert-danger i,
.alert-danger .alert-text,
.alert-danger .alert-close i {
  color: #ff0000 !important;
}