@media screen and (min-width: 0px) and (max-width: 800px) {
    div.stepwizard-step p:nth-child(3) {
        display: none;
    }
}

@media screen and (min-width: 997px) {
    .wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media only screen and (min-width: 320px) and (max-width: 420px) {
    /* === Product Listing Styles === */
    .product-list-btm li span {
        margin: 1px 0px 1px 7px;
        width: 100%;
    }

    /* === Search Button and Input Styles === */
    div#dvProductContainer span.input-group-btn button#btnTSSearch {
        background: none !important;
        color: dimgrey !important;
        top: -34px;
        left: 250px;
        position: absolute;
    }

    input#txtTSName::placeholder {
        font-size: 9px;
    }

    /* === Product Filter Styles === */
    div#productFilter {
        margin-left: 14px;
        /*top: 7px;*/
    }

    /* === Video Play Icon Styles === */
    .play-icon {
        top: 32% !important;
        left: 43% !important;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    i.fa.fa-play {
        font-size: 13px;
    }

    /* === Panel Styles === */
    .panel.panel-info.nopaddingbb {
        padding: 1px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 767px) {
    .padding-0 {
        padding: 0px !important;
    }

    .side-padding-2 {
        padding: 0px 2px !important;
    }

    .side-padding-4 {
        padding: 0px 4px !important;
    }

    .side-padding-6 {
        padding: 0px 6px !important;
    }

    .side-padding-8 {
        padding: 0px 8px !important;
    }

    .side-padding-10 {
        padding: 0px 10px !important;
    }

    .side-padding-12 {
        padding: 0px 12px !important;
    }

    /* General Layout */
    .container, .container-fluid {
        width: 100% !important;
    }

    /* Flexbox Utility */
    .flex-container {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    /* Trending Section */
    section#trending .col-md-6,
    section#trending .col-md-9,
    section#trending ol.tranding-newsfeed li {
        width: 100% !important;
    }

    section#trending ol.tranding-newsfeed {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: center;
        align-items: center;
    }

    /* Product Container */
    #dvProductContainer > .col-md-9 {
        display: flex;
        flex-wrap: wrap;
        align-items: start;
    }

    #dvProductContainer .col-md-4 {
        width: 50% !important;
        border: none !important;
        padding: 0;
    }

    #dvProductContainer .col-md-7,
    #dvProductContainer .col-md-7.col-lg-7.col-sm-10.col-xs-12,
    .col-md-9.employees_result {
        width: 100% !important;
        margin-bottom: 10px;
    }

    #dvProductContainer > div,
    .col-md-9.employees_result {
        padding: 0 25px !important;
    }

    #dvProductContainer .sortfor_order,
    #dvProductContainer .pro_advancefill {
        width: 100% !important;
        border: none !important;
        border-radius: 4px;
    }

    #dvProductContainer .pro_advancefill {
        margin-bottom: 0 !important;
    }

    /*#dvProductContainer .btn-group.bootstrap-select.form-control button {
        border: 1px solid #ccc !important;
    }*/

    #dvProductContainer .sortfor_order .btn-group.bootstrap-select.form-control {
        width: 100%;
    }

    /* Product Filter */
    div#productFilter {
        width: 93.5% !important;
        margin: 10px auto !important;
        border: 1px solid #dcdcdc;
        border-radius: 5px;
        box-shadow: 0 0 1px 0px #dcdcdc;
        padding-top: 0 !important;
        display: block !important;
        order: 0 !important;
    }

    /* Search Bar */
    .prolist_srch {
        position: relative;
    }

    span.input-group-btn {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 9999;
    }

    #dvProductContainer span.input-group-btn button#btnTSSearch {
        right: 0 !important;
        top: 0 !important;
        left: unset;
    }

    #dvProductContainer input#txtTSName {
        padding-right: 35px;
    }

    /* Search Results */
    #divSearchResults.card-listing .geodir-category-location a,
    #center-div.card-listing .geodir-category-location a,
    .product-list-btm.mob-res ul li span,
    .product-list-btm li .hm_ratings span,
    #center-div.card-listing .geodir-category-location .hm_ratings span {
        margin: 0 !important;
    }

    #divSearchResults .listing-item,
    .savejobspage #divSearchResults .listing-item,
    .savejobspage #divResultsContainer .listing-item,
    #divResultsContainer .listing-item,
    .listing-item-saved-job {
        max-width: 330px !important;
        margin: 10px auto !important;
        float: none;
    }

    .card-listing .geodir-category-listing {
        padding: 0 10px;
    }

        .card-listing .geodir-category-listing p {
            font-size: 14px;
            line-height: 16px;
            padding: 3px 0 !important;
            margin: 0;
        }

    .geodir-category-listing.sharing-bar .col-md-3 {
        width: 25%;
        float: left;
    }

    .card-listing .geodir-category-location i.fa.fa-share-alt {
        float: right;
        margin: 0;
    }

    span.n-wrap {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    /* Buttons and UI Elements */
    .btn-group.bootstrap-select.form-control.dropup.show,
    .same-ui #dvProductContainer .btn-group.bootstrap-select.form-control button {
        border: 1px solid #ccc !important;
        margin-top: 5px !important;
    }

    .ctabuttons a {
        padding: 0 10px !important;
    }

    .ctabuttons {
        text-align: center;
    }

    a.save-btn.#IsSharedClass#,
    a.save-btn.sj.#IsSharedClass# {
        margin-top: 6px;
    }

    .mob-btn-up .btn i {
        padding: 0;
    }

    .Products-top-bxx {
        padding: 6px 10px 6px 5px !important;
        border: 1px solid #ccc;
        background-color: #f5f5f5;
        border-radius: 5px;
    }

        .Products-top-bxx .col-md-2,
        .Products-top-bxx .col-md-3 {
            width: auto;
            max-width: none;
            padding: 0 5px;
            display: inline-block;
        }

    /* Sorting */
    #divSorting select#ddlSortBy,
    .hmbanner_bg1 #divSorting select#ddlSortBy {
        width: 100% !important;
        max-width: 100% !important;
    }

    .savejobspage div#divSorting .col-sm-5,
    .savejobspage div#divSorting .col-sm-4 {
        width: 50% !important;
        float: left;
    }

    .savejobspage div#divSorting .sort-space {
        margin-top: 0;
    }

    .sort-space {
        margin-top: 45px;
    }

    /* Pages: Save Jobs */
    .savejobspage {
        padding: 20px !important;
    }

    #dvProductContainer.savejobspage {
        margin-top: 0 !important;
    }

    /* Pages: Cart */
    #cart-product-list .col-md-2,
    #cart-product-list .col-md-5.col-sm-4 {
        width: 80%;
        margin-left: 80px;
        max-width: 400px;
        min-width: 260px;
    }

    #cart-product-list .col-md-3 {
        width: 100%;
        float: none;
        border-top: 1px solid #dbdbdb;
    }

    #cart-product-list .pr-size,
    #cart-product-list .col-md-5.col-sm-4 .pr-sh-qt .qt.pr-qty,
    #cart-product-list .col-md-5.col-sm-4 .pr-sh-qt .pr,
    #cart-product-list .col-md-5.col-sm-4 .pr-sh-qt .pr-shipping {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        margin: 2px auto;
        width: 100%;
    }

    /* Pages: Invoice */
    .invoice-page .card.mb-3 .card-body .row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-end;
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .invoice-page .row.align-items-center > div {
        width: 100% !important;
        text-align: right;
    }

        .invoice-page .row.align-items-center > div:first-child {
            text-align: left;
        }

    .invoice-page .card {
        padding: 10px 5px !important;
    }

    /* Additional Page-Specific Styles */
    p#card-line-2 {
        text-align: left;
    }

    .parachnage {
        height: auto !important;
        padding: 5px 0;
        margin-left: 0;
    }

    .resp-video.test {
        margin-top: 20px;
    }

    .myprofile .onelinerow {
        margin-top: 50px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .photogallery-page div#dvProductContainer {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-start;
        margin: 0 10px;
    }

    .videogallery-page video.myvideoplayer {
        height: 230px !important;
    }

    /* Header and Navigation */
    .site-header .row.mb-header-row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .site-header img#loginUserAvatar {
        width: 32px !important;
        height: 32px !important;
        object-fit: cover;
    }
}

@media (max-width: 1200px) {
    .invoicetable .table-responsive {
        overflow-x: auto !important;
    }
}

@media (max-width: 1024px) {
    .savejobspage #divSearchResults .listing-item {
        width: 33.3% !important;
    }

    h4#card-line-2 .col-sm-8 {
        padding-left: 10px !important;
    }

    .jobdetailpagesingle h4#card-line-2 .col-sm-8 {
        padding-left: 0px !important;
    }

    .diffhourscss {
        font-size: 16px;
    }

    .business-list-page .center-col-list-wrap .listing-item.list-layout {
        width: 60% !important;
        max-width: 60% !important;
        margin: 0 auto !important;
        float: none;
    }

    .billing-page .pricingdetailpage.pricingplan .row.d-flex.justify-content-between.ccsave {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

        .billing-page .pricingdetailpage.pricingplan .row.d-flex.justify-content-between.ccsave .right {
            width: 100%;
        }

        .billing-page .pricingdetailpage.pricingplan .row.d-flex.justify-content-between.ccsave ul li {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
        }

            .billing-page .pricingdetailpage.pricingplan .row.d-flex.justify-content-between.ccsave ul li img {
                margin-right: 10px;
            }

        .billing-page .pricingdetailpage.pricingplan .row.d-flex.justify-content-between.ccsave ul li {
            margin-bottom: 20px !important;
        }

    .singlepagevideolisting video.myvideoplayer {
        height: 210px;
    }

    .ccp-forms label, .ccp-forms .form-control {
        font-size: 11.4px !important;
    }

    .customerdetailpage .card {
        padding: 5px !important;
    }

    .customerdetailpage .col-md-4 {
        padding-left: 15px;
        padding-right: 15px;
    }

    label.fl.control-label.col-sm-2.w-211.ml--10 {
        margin-left: 8%;
    }

    #cart-product-list .col-md-9 {
        width: 100%;
    }

    #cart-product-list .col-md-3 {
        width: 40%;
        float: right;
        border-top: 1px solid #f3f3f3;
        margin-right: 15px;
        margin-top: 24px;
        min-width: 320px;
    }

    div#mycart-page .order-box button.btn-proceed {
        margin-top: 20px;
    }
}

@media (max-width: 992px) {
    .business-list-page .center-col-list-wrap .listing-item.list-layout {
        width: 80% !important;
        max-width: 80% !important;
        margin: 0 auto !important;
        float: none;
    }

    .savejobspage input#txtTSName {
        padding-right: 35px !important;
    }

    .savejobspage .col-sm-5, .savejobspage .col-sm-4 {
        width: 50% !important;
    }

        .savejobspage .col-sm-4 select#ddlSortBy {
            width: 100% !important;
        }

    .savejobspage #divResultsContainer .listing-item {
        margin: 0px !important;
    }

    .savejobspage #divSearchResults .listing-item {
        width: 33.3% !important;
    }

    #dvProductContainer .col-md-7.col-lg-7.col-sm-10.col-xs-12 {
        width: 100%;
        margin-bottom: 10px;
        padding: 0;
    }

    /*#dvProductContainer .sortfor_order {
        width: 100%;
        border-radius: 4px;
    }*/

    /*#dvProductContainer .pro_advancefill {
        height: 36px;
        border-radius: 4px;
    }*/

    #dvProductContainer .sortfor_order .btn-group.bootstrap-select.form-control {
        width: 100%;
    }

    h4#card-line-2 .col-sm-4 {
        width: 65px !important;
    }

    h4#card-line-2 .col-sm-8 {
        padding-left: 10px !important;
    }

    .jobdetailpagesingle h4#card-line-2 .col-sm-8 {
        padding-left: 0px !important;
    }

    .uploadbar .input-group.pull-right {
        position: relative;
    }

    .uploadbar span.input-group-btn.mob-btn-up {
        position: relative;
    }

    .uploadbar label.btn.text-white.small-btn.color-bg.flat-btn.pull-right.btnaftersearch {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .row.uploadbar {
        display: flex;
        align-items: stretch;
        flex-wrap: nowrap;
    }

    .uploadbar > div {
        width: auto !important;
        flex-wrap: wrap;
    }

    .row.uploadbar .col-md-9 {
        width: 100% !important;
    }

    #divFields .thumbnail .caption {
        padding-left: 0;
        padding-right: 0;
    }

    #divFields .thumbnail .caption, .thumbnailbox {
        max-width: 100% !important;
    }

    #divFields .thumbnail .caption {
        max-width: 90% !important;
    }

    .dropdown-menu.open.show {
        width: auto !important;
    }

    .thumbnaildetail {
        height: 80px;
    }

    select#ddlSortBy {
        border: 0;
        box-shadow: none;
    }

    select#ddlSortBy, #dvProductContainer .sortfor_order .btn-group.bootstrap-select.form-control {
        border: 0;
        box-shadow: none;
    }

    .project-detail-page div#jobcard-height {
        height: auto !important;
    }

    .form-group.textarea_allblocks .emojionearea .emojionearea-button {
        left: 350px !important;
    }

    .business-detail-page .d_listedby.job-overview-div.copmanyoverdiv ul li.location .right-aligned {
        float: right !important;
        width: 215px;
        display: block;
        float: none !important;
        padding-left: 15px !important;
    }

    .business-detail-page .detailboxsingle .row {
        display: block;
    }

    .business-detail-page .detailboxsingle ul.listing-job-discription.responsivecheckCenter li {
        margin-bottom: 5px !important;
    }

    .business-detail-page .detailboxsingle .col-md-5, .business-detail-page .detailboxsingle .col-md-7 {
        margin: 0 !important;
    }

    .business-detail-page .detailboxsingle .details {
        width: 100% !important;
        display: block;
        text-align: center;
    }

    .business-detail-page .detailboxsingle .col-md-5, .business-detail-page .detailboxsingle .col-md-7 {
        width: 100% !important;
    }

    ul.listing-job-discription {
        text-align: center;
    }

    .business-detail-page .detailboxsingle .details .action-btn-list {
        display: block;
    }

    .business-detail-page .detailboxsingle .dwebsite_ratings {
        display: block;
    }

    .business-detail-page .de_otheroptionrate .Reviews-boxx {
        display: block;
    }

    .business-detail-page .detailboxsingle .col-md-5, .business-detail-page .detailboxsingle .col-md-7 {
        padding: 0 !important;
    }

    .business-detail-page .detailboxsingle .details .action-btn-list label.theme-color {
        margin-bottom: 0;
    }

    .business-detail-page .detailboxsingle .details {
        max-width: 100%;
    }

    .business-detail-page .detailboxsingle .col-md-5, .business-detail-page .detailboxsingle .col-md-7 {
        max-width: auto;
    }

    .business-detail-page div#listing-item-product-btn {
        display: block;
    }

        .business-detail-page div#listing-item-product-btn .col-md-4.col-sm-4 {
            max-width: 100%;
            width: 100%;
        }

        .business-detail-page div#listing-item-product-btn .col-md-8.col-sm-8 {
            max-width: 100%;
            width: 100%;
        }

    .business-detail-page div#listing-item-product-btn {
        width: 100%;
    }

    #product-detail-page .swiper-button-prev.sw-btn, #product-detail-page .swiper-button-next.sw-btn {
        margin-top: unset !important;
        top: unset !important;
        bottom: -80px !important;
        margin-bottom: 32px !important;
        margin: 32px -5px !important;
        margin-top: unset !important;
        margin-bottom: unset !important;
    }

    button.leftbartoggle {
        position: absolute;
        left: 0;
        padding: 10px;
        font-size: 32px;
        padding: 0;
        background: none;
        border: 0;
        display: block;
    }

    .topbar {
        position: relative;
    }

    #mychat .chatrightside .topbar {
        padding-left: 30px;
    }

    .chatleftbar {
        display: none;
    }

    div#mychat {
        position: relative;
    }

    #mychat .chatleftbar {
        position: absolute;
        left: 5px;
        background: #fff;
        z-index: 999;
        top: 1px;
    }

    .chatleftbarclose {
        display: block;
    }

    button.chatleftbarclose {
        background: none;
        border: 0;
        position: absolute;
        right: 5px;
        font-size: 20px;
        color: #0f94d5;
        top: -3px;
    }

    .chatleftbar {
        position: relative;
        overflow-x: visible;
    }

    #mychat .chatleftbar {
        max-width: 350px;
        width: 100%;
        padding-top: 20px;
    }

    .nps .col-md-7, .nps .col-md-5 {
        width: 50%;
    }

    input#chkinplacetxt {
        width: calc(100% - 15px) !important;
        margin: 10px auto !important;
    }

    div#btn-exp-heading-detail .row {
        margin: 0;
    }

    div#btn-exp-heading-detail label.col-sm-5.col-form-label, #btn-skill-heading-detail label.col-sm-5.col-form-label
    div#btn-exp-heading-detail .col-sm-7, #btn-skill-heading-detail .col-sm-7
    div#btn-exp-heading-detail .col-sm-3, #btn-skill-heading-detail .col-sm-3
    div#btn-exp-heading-detail .col-sm-4, #btn-skill-heading-detail .col-sm-4 {
        padding: 0 3px !important;
    }

    form.edit-profile-form {
        padding: 5px;
    }

        form.edit-profile-form .col-md-6, form.edit-profile-form .col-sm-7 {
            padding: 0 8px !important;
        }

        form.edit-profile-form .form-group.row {
            margin: 0;
            margin-bottom: 10px;
        }

            form.edit-profile-form .form-group.row label.col-sm-5 {
                padding: 0;
            }

        form.edit-profile-form label.col-sm-12.col-form-label {
            padding-left: 0;
        }

        form.edit-profile-form .form-group.row.aboutpublic {
            width: 100% !important;
            padding: 0;
        }

        form.edit-profile-form .col-sm-3 {
            padding: 0;
        }

    .nps .col-md-7, .nps .col-md-5 {
        width: 50% !important;
    }

    .comment-text .social-connected span {
        top: 0;
    }

    .myprofile .post-content .col-sm-4.p-1 {
        width: 33.333% !important;
    }

    .myprofile .profile-card .details.text-right {
        text-align: left;
    }

    .nps .col-md-7, .nps .col-md-5 {
        width: 100% !important;
    }

    .fundraisor-detail-page .detail-boxx-top .details.col-md-6 {
        display: block;
    }

    .fundraisor-detail-page .detail-boxx-top .action-btn-list {
        display: block;
    }

    .fundraisor-detail-page .detail-boxx-top .details.col-md-6 {
        padding-left: 15px;
    }

    .fundraisor-detail-page .detail-boxx-top .action-btn-list {
        display: block;
    }

        .fundraisor-detail-page .detail-boxx-top .action-btn-list a {
            vertical-align: middle;
            padding-left: 0;
        }

    .fundraisor-detail-page .fundrais .btn.btn-info {
        font-size: 26px !important;
    }

    .fundraisor-detail-page .fundrais .btn.btn-info {
        font-size: 34px !important;
    }

        .fundraisor-detail-page .fundrais .btn.btn-info small {
            display: block;
            font-size: 22px !important;
        }

    .photogallery-page div#dvProductContainer button.btn.dropdown-toggle.btn-default, .videogallery-page div#dvProductContainer button.btn.dropdown-toggle.btn-default {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc !important;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    .peoplefriends-page #dvProductContainer button.btn.dropdown-toggle.btn-default, .notifications-page #dvProductContainer button.btn.dropdown-toggle.btn-default, .activitylog-page #dvProductContainer button.btn.dropdown-toggle.btn-default {
        border: 1px solid #ccc !important;
    }

    .space-removed .detailboxsingle .row {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }

    .space-removed .thumbnaildetail {
        max-width: 230px;
    }

    .space-removed .imgspace-removed {
        width: 100% !important;
    }

    .space-removed .col-mob-100 {
        width: 100% !important;
        display: flex;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-content: center !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .space-removed .jobdetail_changes {
        width: 100%;
        text-align: center;
    }

    .ads-detail-page .detail-boxx-top .details {
        text-align: center !important;
    }

    .productdetail-page .detail-boxx-top .details {
        text-align: center !important;
    }

    #product-detail-page.product-detail-page .onelinerow {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        text-align: center;
    }

        #product-detail-page.product-detail-page .onelinerow a {
            display: block;
            text-align: center;
            margin-top: 0 !important;
        }

        #product-detail-page.product-detail-page .onelinerow .shipping_detailpage {
            margin-bottom: 0;
        }

    .dwebsite_name {
        margin-top: 0 !important;
    }

    #product-detail-page.product-detail-page .brand_condition_product {
        text-align: center;
    }

        #product-detail-page.product-detail-page .brand_condition_product .row {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }

            #product-detail-page.product-detail-page .brand_condition_product .row > .col-md-6 {
                width: auto !important;
                flex: inherit;
            }

    section#trending .col-md-6 {
        width: 52% !important;
        margin: 0 auto;
        text-align: center;
    }

    .side-menu li.slide ul.slide-menu li a {
        padding-left: 5px !important;
    }

    .add_new_menu.mobile_rightmenu #after-login-sidebar1 li a {
        padding-top: 6.5px !important;
        padding-bottom: 6.5px !important;
    }

    .size_quantityblock .row > .col-md-4.col-sm-4 .row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: flex-start;
    }

        .size_quantityblock .row > .col-md-4.col-sm-4 .row .col-sm-7 {
            flex: 1;
        }

    #dropdown-menu-list #before-login-sidebar1 ul li a {
        padding-right: 0 !important;
    }

    ul#dropdown-menu-list #after-login-sidebar1 aside.app-sidebar.doc-sidebar > ul {
        padding-right: 0 !important;
    }

    .billing-page .pricingdetailpage.pricingplan .row.d-flex.justify-content-between.ccsave {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

        .billing-page .pricingdetailpage.pricingplan .row.d-flex.justify-content-between.ccsave .right {
            width: 100%;
        }

        .billing-page .pricingdetailpage.pricingplan .row.d-flex.justify-content-between.ccsave ul li {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
        }

            .billing-page .pricingdetailpage.pricingplan .row.d-flex.justify-content-between.ccsave ul li img {
                margin-right: 10px;
            }

        .billing-page .pricingdetailpage.pricingplan .row.d-flex.justify-content-between.ccsave ul li {
            margin-bottom: 20px !important;
        }

    .pricingdetailpage.pricingplan .row {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: space-around;
        justify-content: space-between;
        align-items: stretch;
    }

        .pricingdetailpage.pricingplan .row .col-md-6 {
            width: 100%;
        }

    .orderlist-page .col-md-12 {
        width: 100%;
    }

    .orderlist-page .scrollbar {
        overflow-x: scroll !important;
        max-width: 100%;
        overflow-y: visible !important;
    }

    #ProfileEditDivlabel .edit-profile-form .col-sm-5.col-form-label {
        padding-right: 0;
    }

    #ProfileEditDiv .edit-profile-form .col-sm-7 {
        padding-left: 0;
        flex: 1;
    }

    #ProfileEditDiv .edit-profile-form .col-sm-4 {
        padding-left: 0;
        padding-right: 0;
    }

    #ProfileEditDiv .edit-profile-form label.col-sm-5.col-form-label {
        max-width: 110px;
        margin-bottom: 0;
    }

    #ProfileEditDiv .edit-profile-form .col-sm-3 {
        padding-left: 15px;
    }

    #ProfileEditDiv .edit-profile-form .col-sm-4 + .col-sm-3 {
        padding-left: 15px;
    }

    #ProfileEditDiv .form-group.row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }

    #ProfileEditDiv .edit-profile-form label.col-form-label {
        padding-right: 0;
    }

    #ProfileEditDiv .edit-profile-form .form-group.row .col-sm-4 {
        flex: 1;
    }

    #ProfileEditDiv .edit-profile-form .col-sm-4 + .col-sm-3 .form-group {
        margin-bottom: 0;
    }

    #ProfileEditDiv .edit-profile-form .col-sm-7 .input-group.mb-2 {
        display: block;
    }

    #ProfileEditDiv .edit-profile-form .col-sm-12 {
        padding: 0;
        padding-right: 8px;
    }

    #ProfileEditDiv .edit-profile-form .col-md-6:nth-child(2) .form-group.row .col-sm-4 {
        padding: 0 8px;
    }

    .singlepagevideolisting video.myvideoplayer {
        height: 200px;
    }

    #accountsettingspage .card {
        padding: 0 !important;
    }

    div#accountsettingspage {
        padding-right: 0;
    }

    #accountsettingspage label.col-sm-5.col-form-label {
        width: 100% !important;
    }

    #accountsettingspage label.col-sm-7 {
        width: 100% !important;
    }

    #accountsettingspage .col-sm-7 {
        width: 100% !important;
    }

        #accountsettingspage .col-sm-7 input {
            width: 100% !important;
        }

        #accountsettingspage .col-sm-7 .input-group {
            width: 100% !important;
        }

    .myprofile div#Photo .p-1,
    .myprofile div#Video .p-1 {
        width: 33.33333333%;
    }

    .row.in-or-num .col:last-child {
        flex: 1;
        max-width: 100%;
    }

    .ccp-forms .col-sm-7 {
        padding-right: 5px;
        padding-left: 20px !important;
    }

    .invoice-page .listsearch-maiwrap.fl-wrap.innerpage_breadcru {
        padding: 0 !important;
    }

    .invoice-page .table-responsive {
        box-sizing: border-box !important;
        padding: 0;
    }

    .invoice-page div#AddToDo .ancc .panel-setings span {
        right: auto;
    }

    span.req-field.customstar {
        right: -18px !important;
    }

    .ordersummerystep .prd h3 {
        font-size: 17px;
    }

    .ordersummerystep .prd h3 {
        font-size: 17px;
    }

    .billingaddressescon {
        margin-bottom: 20px;
    }

    div#cart-payment .border-dotted-up h3, div#cart-payment .border-dotted-up button {
        min-width: 300px !important;
        margin-left: auto;
        margin-right: auto;
        max-width: 300px !important;
    }

    #cart-payment .cart-header-inner h3 {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .padding-0 {
        padding: 0px !important;
    }

    .side-padding-2 {
        padding: 0px 2px !important;
    }

    .side-padding-4 {
        padding: 0px 4px !important;
    }

    .side-padding-6 {
        padding: 0px 6px !important;
    }

    .side-padding-8 {
        padding: 0px 8px !important;
    }

    .side-padding-10 {
        padding: 0px 10px !important;
    }

    .side-padding-12 {
        padding: 0px 12px !important;
    }

    #btnsettings .btnorder {
        float: none !important;
        display: inline-block;
        vertical-align: top;
    }

        #btnsettings .btnorder button {
            float: none;
        }

    .col-xs-4.col-sm-4.ImageGalleryCard {
        width: 50%;
    }

    .col-md-12.nopaddingbb {
        padding: 0;
    }

    .table-responsive {
        padding: 15px;
    }

    .panel-setings label, .panel-setings input, .panel-setings select, .panel-setings span {
        text-align: left;
    }

    .col-xs-4.col-sm-4.VideoLibraryCard {
        width: 50% !important;
    }

    div#divVideoLibrary1 {
        margin-left: -30px;
        margin-right: -30px;
    }

    .playpause {
        width: auto !important;
    }

    .resp-video.test {
        margin-top: 0;
    }

    div#divDocuments {
        margin: 0 -30px;
    }

    .col-xs-4.col-sm-4.DocumentCard {
        width: 50%;
    }

    .filter-tags input[type="checkbox"], .filter-tags input[type="radio"] {
        position: relative;
        vertical-align: top;
    }

    .filter-tags label {
        margin-top: 0;
    }

    input#txtPayRateEnd {
        margin-top: 0 !important;
    }

    input#txtPayRateStart {
        margin-top: 0 !important;
    }

    select#ddlPayRateType {
        margin-top: 0 !important;
    }

    div#dvProductContainer span.input-group-btn button#btnTSSearch {
        right: 0 !important;
        left: unset !important;
        right: 0 !important;
        margin: 0 auto !important;
        margin-right: 0 !important;
        margin-left: inherit !important;
    }

    .prolist_srch {
        position: relative;
    }

    button#btnTSSearch {
        position: absolute;
        right: 0 !important;
        left: unset !important;
        margin-left: unset !important;
        margin-right: 0 !important;
    }

    .prolist_srch span.input-group-btn {
        position: absolute;
        right: 0 !important;
        background: #fff !important;
    }

    div#dvProductContainer span.input-group-btn button#btnTSSearch {
    }

    .prolist_srch input#txtTSName {
        padding-right: 35px;
    }

    .panel-setings label {
        padding-left: 15px;
    }

    input[type=checkbox] {
        left: 38px !important;
    }

    .panel-setings input[type=checkbox] {
        margin-left: 20px !important;
    }

    .panel-setings .panel-body.myeditpanel {
        padding: 0;
    }

    .panel-setings label {
        padding-left: 15px;
    }

    input[type=checkbox] {
        left: 38px !important;
    }

    .panel-setings input[type=checkbox] {
        margin-left: 20px !important;
    }

    .panel-setings .panel-body.myeditpanel {
        padding: 0;
    }

    .uploadbar .col-md-9.pull-right {
        width: 100% !important;
        float: none !important;
    }

    .uploadbar .input-group.pull-right {
        width: 100% !important;
    }

    .uploadbar label.btn.text-white.small-btn.color-bg.flat-btn.pull-right.btnaftersearch {
        padding: 31px;
        padding-top: 0;
        padding-left: 10px;
    }

    button#Save {
        margin-right: 6px;
    }

    .panel-setings + button {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .stepwizard {
        width: 100% !important;
        left: 0 !important;
    }

    .panel-setings input[type=checkbox] {
        margin-left: 0 !important;
    }

    .col-md-4.col-sm-4.mstyle {
        padding: 0 35px;
    }

    .thumbnail .caption {
        max-width: 100%;
    }

    .btn-settings button {
        float: none !important;
        margin: 10px !important;
    }

    .btn-settings {
        display: block;
        text-align: center;
    }

    #btnsettings button {
        padding: 8px !important;
        font-size: 15px !important;
    }

    a.btnRemoveDocument {
        display: block !important;
    }

    div#dvProductContainer > div {
        padding: 0 !important;
    }

    div#productFilter {
        width: 91% !important;
        display: block !important;
        margin: 0 auto;
    }

    #divSearchResults.card-listing .geodir-category-location a, #center-div.card-listing .geodir-category-location a {
        margin-top: 0 !important;
    }

    .product-list-btm.mob-res ul li span {
        margin: 0 3px !important;
    }

    .product-list-btm.mob-res ul li span {
        margin: 0 !important;
    }

    .product-list-rootdiv #divSearchResults.card-listing .geodir-category-location a i, #center-div.card-listing .geodir-category-location a i {
        margin-top: 0 !important;
    }

    span {
    }

    .product-list-btm li .hm_ratings span {
        margin-left: 3px !important;
    }

    #center-div.card-listing .geodir-category-location .hm_ratings span {
        margin-left: 3px !important;
    }

    .product-list-btm.mob-res ul li span {
        margin-left: 5px !important;
    }

    body #divSearchResults .listing-item, #divResultsContainer .listing-item {
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .savejobspage #divResultsContainer .listing-item {
        margin: 0 auto;
    }

    #divResultsContainer .listing-item {
        width: 100% !important;
        min-width: 100% !important;
        margin: 0 auto !important;
    }

    .savejobspage #divResultsContainer .listing-item {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .multifilestbl a.btnRemoveImage span {
        display: none;
    }

    #dvProductContainer .sortfor_order {
        border: 0 !important;
    }

    #dvProductContainer .pro_advancefill {
        margin-bottom: 0 !important;
    }

    div#productFilter {
        order: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        width: 50% !important;
        margin: 0 !important;
        /*padding-right: 15px !important;
        padding-left: 15px !important;*/
    }

    div#dvProductContainer > .col-md-9 {
        align-items: start;
    }

    #dvProductContainer .pro_advancefill {
        border: 0 !important;
    }

    .product-list-btm.mob-res ul {
        margin-top: 0;
    }

    .product-list-btm.mob-res {
        margin-top: 0px;
    }

    .product-list-btm li {
        display: inline-block;
        padding: 0;
        width: 18%;
        text-align: right;
        vertical-align: middle;
        float: left;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
    }

    .hm_bannerlinks .product-list-btm ul li {
        display: inline-flex !important;
    }

    .row.uploadbar
    .col-md-1 {
        display: none;
    }

    .uploadbar label.fl.control-label.btn.btn-default {
        padding: 8px 8px;
    }

    .uploadbar .col-md-9.pull-right {
        padding-right: 0 !important;
    }

    a.gal-link.popup-image img {
        height: auto !important;
    }

    .depg_imgblock .img-box a {
        max-height: 120px !important;
        overflow: hidden !important;
        border-radius: 15px !important;
        display: block;
        margin-bottom: 20px;
    }

    .VideoLibraryCard .form-control {
        margin-top: 15px;
    }

    .detailboxsingle {
        padding: 0 15px !important;
        margin-top: 0px !important;
    }

    div#listing-item-product-btn {
        padding: 15px 10px !important;
    }

    .depg_imgblock .img-box a img {
        min-height: 125px;
    }

    table#customers tr td {
        white-space: normal;
        width: 300px !important;
    }

    .shareCounterstyle {
        width: 100%;
    }

    span#newcount {
        padding-right: 0;
    }

    #divFields button.btn.btn-primary {
        font-size: 16px !important;
    }

    #divFields .imgcon {
        height: 100px !important;
        max-height: 100px !important;
        min-height: 100px !important;
    }

    #divFields a.btnRemoveDocument, #divFields a.btnRemoveDocument span, #divFields .btnRemoveVideo, #divFields .btnRemoveVideo span, #divFields a.btnRemoveImage, #divFields a.btnRemoveImage span, #divFields .caption a.btnRemoveDocument + a span {
        display: inline-block !important;
        font-size: 15px !important;
    }

    .spacingadj.col-md-12 {
        padding: 0 20px !important;
    }

    #divFields .thumbnail .caption p {
        font-size: 12px !important;
    }

    #divFields .thumbnail .caption {
        max-width: 100% !important;
    }

    div#divImageGallery {
        margin: 0 -30px !important;
    }

    #divFields a.btnRemoveDocument, #divFields a.btnRemoveDocument span, #divFields .btnRemoveVideo, #divFields .btnRemoveVideo span, #divFields a.btnRemoveImage, #divFields a.btnRemoveImage span, #divFields .caption a.btnRemoveDocument + a span, #divFields i {
        font-size: 13px !important;
    }

    .jobdetailpagesingle #divSearchResults .col-lg-4.col-md-6.col-sm-6.card-listing.listing-item {
        max-width: 100% !important;
    }

    .uploadbar .col-md-2 {
        padding-left: 0;
    }

    .detailboxsingle div#listing-item-product-btn {
        padding-bottom: 0 !important;
    }

    #settings-menu .Products-top-bxx .col-md-12 a {
        font-size: 12px !important;
    }

    #settings-menu .Products-top-bxx .col-md-12 {
        padding: 0 !important;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-evenly;
    }

    .sortfor_order .bootstrap-select.btn-group .dropdown-menu li a {
        padding: 2px 10px !important;
    }

    .jobdetailpagesingle .col-md-3.col-xs-6.col-sm-4 {
        width: 50% !important;
    }

    .comment-video-section li {
        width: 50%;
    }

    .comment-video-section.desc-txt {
        padding: 0;
    }

        .comment-video-section.desc-txt li {
            padding: 5px;
        }

    #divFields video.myvideoplayer {
        max-height: 130px;
    }

    #divFields .VideoLibraryCard {
        width: 50% !important;
    }

    .action-btn-list a, .action-btn-list button, .action-btn-list #btnSaveToggle {
        margin-right: 20px;
    }

    .site-header .branding a.logo {
        left: 25px !important;
    }

    .comment-icons .de_ratingcolsize {
        margin-left: 5px;
    }

    .comment-icons ul li .overlay-layer .upload_btn {
        font-size: 0 !important;
    }

    .comment-icons ul li .overlay-layer {
        max-width: 20px;
        height: 28px;
    }

        .comment-icons ul li .overlay-layer span {
            position: relative;
            top: -26px;
            left: -67px;
        }

        .comment-icons ul li .overlay-layer span {
            display: inline-block !important;
            opacity: 0 !important;
        }

    .add-review-box .comment-icons .de_imgcolsize {
        z-index: 0;
    }

    #add-review .comment-icons .de_imgcolsize .overlay-layer {
        z-index: 0;
    }

    .de_reviewoptions .leave-rating-wrap label {
        font-size: 18px !important;
        margin-top: -4px;
        z-index: 9999 !important;
    }

    .comment-icons .de_imgcolsize {
        z-index: 0;
    }

    .comment-icons .location-icon {
        z-index: 99999;
    }

    .add-review-box .loader-wrap .loader_style {
        width: 180px;
    }

    .add-review-box .de_reviewoptions .leave-rating-wrap label {
        font-size: 18px !important;
    }

    .add-review-box .de_reviewoptions .leave-rating-wrap .leave-rating {
        margin-top: 3px !important;
    }

    .add-review-box .form-group.textarea_allblocks .emojionearea .emojionearea-button {
        left: 206px !important;
        top: -32px !important;
    }

    .comment-icons ul li {
        padding-left: 0;
    }

    .ctabuttons a {
        font-size: 14px !important;
    }

    .uploadbar label.fl.control-label.btn.btn-default {
        padding: 0 !important;
        font-size: 10px !important;
    }

    .uploadbar span.input-group-btn.mob-btn-up label {
        font-size: 11px !important;
    }

    .myproduct-table-list {
        padding-right: 0 !important;
    }

    #wrapper .container {
        width: 100% !important;
    }

    .listsearch-maiwrap.fl-wrap.sjpage.mobilespacingadj {
        padding: 0px !important;
    }

    .myproduct-table-list {
        padding-top: 10px !important;
    }

    .mobilespacingadj div#divSearchResults {
        padding: 15px !important;
    }

    section#product-list-containter.centeradj {
        float: none;
        width: 99.9% !important;
    }

    .container-fluid.page-container.job-list-page {
        width: 100%;
        padding: 0;
    }

    #product-registration .container .fullwidthmobile {
        width: 100% !important;
    }

    #divFields .VideoLibraryCard {
        width: 50% !important;
    }

    .jobdetailpagesingle .col-md-3.col-xs-6.col-sm-4.vd-boxx {
        width: 50% !important;
    }

    .jobdetailpagesingle .col-md-3.col-xs-6.col-sm-4 video {
        max-height: 100px;
        min-height: 100px;
    }

    .jobdetailpagesingle .col-md-3.col-xs-6.col-sm-4.vd-boxx, .jobdetailpagesingle .col-md-3.col-xs-6.col-sm-4 {
        padding: 5px;
    }

    #customers.mybids tr td:nth-child(4) {
        min-width: 100px !important;
        max-width: 100px !important;
        width: 100px !important;
    }

    #customers.mybids tr td:nth-child(7) {
        text-align: center !important;
    }

    #customers.mybids tr th:nth-child(6), #customers.mybids tr td:nth-child(6), #customers.mybids tr th:nth-child(7), #customers.mybids tr td:nth-child(7), #customers.mybids tr th:nth-child(5), #customers.mybids tr td:nth-child(5) {
        min-width: 100px !important;
        max-width: 100px !important;
        width: 100px !important;
    }

    table#customers.mybids tr td:nth-child(2) p {
        margin-left: 10px;
        width: 100%;
        min-width: 33px;
        display: block;
    }

    #customers.mybids tr th:nth-child(2), #customers.mybids tr td:nth-child(2) {
        min-width: 270px;
        max-width: 270px;
    }

    #customers.mybids tr th, #customers.mybids tr td {
        padding: 10px !important;
    }

    .branding h1 a.logo.logomargnCss {
        margin-left: 40px !important;
    }

    #dvProductContainer .sortfor_order .bootstrap-select.btn-group .dropdown-menu {
        height: auto !important;
        max-height: auto !important;
    }

    #mobileHeaderMenu ul.nav.nav-pills {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: flex-end;
        justify-content: space-evenly;
    }

    #mobileHeaderMenu .inn_rightbar {
        padding-left: 0;
    }

    nav#main-nav ul.nav.nav-pills > li > a, nav#main-nav ul.nav.nav-pills button {
        font-size: 13px !important;
    }

    #product-list-containter .listsearch-maiwrap.innerpage_breadcru .innerpage_inblocks {
        padding: 10px !important;
    }

    #product-detail-page.product-detail-page .preview-pic {
        height: auto;
        max-height: 260px;
    }

    #product-detail-page .swiper-button-prev.sw-btn, #product-detail-page .swiper-button-next.sw-btn {
        margin-top: unset !important;
        top: unset !important;
        bottom: -55px !important;
        margin-bottom: 32px !important;
        margin: 32px -5px !important;
        margin-top: unset !important;
        margin-bottom: unset !important;
    }

    .card-listing .geodir-category-img img {
        max-width: 100% !important;
    }

    #mychat .msg.rightuser .col-md-12 .row .col-md-4, #mychat .msg.rightuser .col-md-12 .row .col-md-4 a {
        width: 93px;
        height: 80px;
    }

    #mychat .commentarea {
        max-width: 100%;
        margin: 0;
    }

    .chatrightside .messagearea {
        margin-bottom: 10px;
    }

    #mychat .commentarea ul li label {
        margin-bottom: 0;
    }

    #mychat .commentarea ul li {
        padding-bottom: 0;
        padding-top: 0;
    }

    #mychat .commentarea textarea {
        height: 40px;
    }

    .chatrightside .messagearea {
        height: calc(100vh - 240px);
    }

    #mychat .msg.rightuser .col-md-12 .row .col-md-4 {
        width: 50%;
    }

        #mychat .msg.rightuser .col-md-12 .row .col-md-4 a {
            width: 100%;
        }

        #mychat .msg.rightuser .col-md-12 .row .col-md-4, #mychat .msg.rightuser .col-md-12 .row .col-md-4 a {
            height: 100px;
        }

    .nps .col-md-7, .nps .col-md-5 {
        margin-bottom: 0;
    }

    .profile-card .details .span-text span i {
        width: 20px !important;
        text-align: left !important;
    }

    .create-post h3 img, .post-content h3 img {
        margin-right: 5px !important;
    }

    .post-content .name-time p:first-child {
        width: 100% !important;
    }

    .myprofile div#Post .post-content h3 {
        flex: 1;
    }

    .myprofile .post-content .col-sm-4.p-1 {
        width: 50% !important;
    }

    .comment-textbox {
        padding-left: 0;
    }

        .comment-textbox .post_emoji_camera {
            width: 100% !important;
            left: unset !important;
            right: 10px !important;
            padding-bottom: 5px;
        }

        .comment-textbox textarea, .reply-textbox textarea {
            height: 65px;
        }

    .myprofile #Post .comment-textbox .post_emoji_camera .custom-upload-button {
        margin-right: 10px !important;
        left: unset;
    }

    .col-md-4.p-l-1.p-r-1.mobile-profile-reponsive {
        padding: 0 8px !important;
    }

    .image-gallery {
        padding: 0 20px !important;
    }

    .myprofile p.about-p {
        padding: 5px 10px !important;
    }

    .comment-text {
        margin-left: 10px !important;
    }

    .myprofile div#Post .comment-section {
        padding: 5px 10px !important;
    }

    div#btn-exp-heading-detail label.col-sm-5.col-form-label, #btn-skill-heading-detail label.col-sm-5.col-form-label div#btn-exp-heading-detail .col-sm-7, #btn-skill-heading-detail .col-sm-7 div#btn-exp-heading-detail .col-sm-3, #btn-skill-heading-detail .col-sm-3 div#btn-exp-heading-detail .col-sm-4, #btn-skill-heading-detail .col-sm-4 {
        padding: 0 15px !important;
    }

    .myprofile .trending-body {
        padding: 10px;
    }

    .myprofile .accordion-btn {
        padding: 10px;
    }

    div#btn-exp-heading-detail .row {
        margin: 0 -15px;
    }

    .profile-card .card-body {
        padding: 0;
    }

    .myprofile .form-group.row {
        margin-bottom: 10px;
    }

    .myprofile .card .uploaded-view img {
        width: 150px;
        height: auto;
        display: block;
        object-fit: cover;
        margin: 0 auto;
        margin-left: 0;
    }

    .myprofile .uploaded-view {
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    .comment-textbox .post_emoji_camera {
        width: 100% !important;
        left: 0 !important;
        right: 10px !important;
        padding-right: 10px !important;
    }

    .myprofile div#Post .comment-textbox textarea {
        height: auto;
        min-height: 3em;
        max-height: 15em;
    }

    .myprofile #Post .comment-textbox .post_emoji_camera {
        background: #fff;
        max-width: 83%;
        margin: 0px auto !important;
        margin-right: 0 !important;
        padding-bottom: 0;
    }

    .myprofile div#Post .comment-textbox textarea {
        height: 65px;
    }

    .myprofile .emojionearea .emojionearea-editor {
        max-height: 65px;
    }

    #Photo .card-body, #Video .card-body {
        padding: 7px 13px !important;
    }

    .myprofile div#Group .col-sm-4 {
        margin-bottom: 20px;
    }

    .myprofile div#btn-pf-heading-detail img {
        height: 100px;
    }

    .fund-raising-page .panel-body.myeditpanel .row:last-child .col-md-12 {
        padding: 0 15px;
    }

    .my-fundraisors-page .container-fluid.page-container.mobile-width-100 {
        padding: 0 10px !important;
    }

    .business-detail-page .detailboxsingle .details {
        min-width: 100%;
    }

    .detail_rightblock .btn, .detail_leftblock .btn {
        font-size: 18px;
        text-align: left;
    }

    .fundraisor-detail-page .detail-boxx-top .action-btn-list a, .fundraisor-detail-page .detail-boxx-top .action-btn-list button {
        font-size: 18px !important;
    }

    .fundraisor-detail-page .detail-boxx-top p {
        font-size: 17px !important;
    }

    .fundraisor-detail-page #wrapper .container {
        width: 100% !important;
    }

    .fundraisor-detail-page .detail-boxx-top .action-btn-list {
        margin-bottom: 10px !important;
    }

    .fundraiser-lists div#divSearchResults {
        padding: 0 15px !important;
    }

    .fundraisor-detail-page .detail-boxx-top .details.col-md-6 {
        padding: 0 10px !important;
    }

    div#product-detail-page.fundraisor-detail-page .de_otheroptionrate .Reviews-boxx span {
        font-size: 16px !important;
        margin-right: 4px;
    }

    #product-detail-page.fundraisor-detail-page .jobdetail_changes span i {
        font-size: 15px !important;
    }

    .fundraisor-detail-page .detail-boxx-top .dwebsite_ratings i:before {
        font-size: 20px !important;
    }

    #product-detail-page.fundraisor-detail-page .dwebsite_ratings span {
        font-size: 16px !important;
        vertical-align: middle;
    }

    .productdetail-page .detail-boxx-top {
        padding: 0;
    }

    .fundraisor-detail-page .detail-boxx-top p {
        font-size: 16px !important;
    }

    .myprofile .onelinerow .leftcol, .myprofile .onelinerow .rightcol {
        width: 100% !important;
        text-align: center;
    }

    .myprofile .name_button button.socialize-button {
        border: 1px solid #0a94d5 !important;
        padding: 5px 10px !important;
        margin: 0 2px !important;
    }

    .myprofile .name_button.text-right {
        text-align: center;
    }

    .videogallery-page div#divImageGallery, .photogallery-page div#divImageGallery {
        margin: 0 !important;
    }

    .videogallery-page .col-xs-4.col-sm-4.ImageGalleryCard, .photogallery-page .col-xs-4.col-sm-4.ImageGalleryCard {
        padding: 0 10px !important;
        margin: 5px 0 !important;
    }

    .videogallery-page div#divImageGallery, .photogallery-page div#divImageGallery {
        padding: 0 0px;
    }

    .peoplefriends-page span.social-btn-responsive button {
        margin-bottom: 10px !important;
    }

        .peoplefriends-page span.social-btn-responsive button:last-child {
            margin-bottom: 0 !important;
        }

    .peoplefriends-page #dvProductContainer .sortfor_order .bootstrap-select.btn-group .dropdown-menu, .videogallery-page #dvProductContainer .sortfor_order .bootstrap-select.btn-group .dropdown-menu,, .photogallery-page #dvProductContainer .sortfor_order .bootstrap-select.btn-group .dropdown-menu {
        height: auto !important;
        right: 0 !important;
        width: auto !important;
        max-width: inherit !important;
        right: 0 !important;
        left: unset !important;
        margin-top: 10px;
    }

    .videogallery-page div#divVideoLibrary1 .col-xs-6 {
        padding: 0 5px !important;
        margin: 3px 0 !important;
    }

    #wrapper .videogallery-page {
        padding: 0 00px !important;
    }

    .videogallery-page .VideoLibraryCard .form-group, .VideoLibraryCard .form-group > div {
        margin-bottom: 0 !important;
    }

    .videogallery-page .resp-video.test {
        margin-top: 0 !important;
    }

    .photogallery-page div#divImageGallery .col-sm-4 {
        width: 100% !important;
    }

        .photogallery-page div#divImageGallery .col-sm-4 .imgcon {
            max-height: 120px;
            min-height: 120px;
        }

    .videogallery-page div#divVideoLibrary1 {
        margin: 0;
    }

    .add-event-page label#CheckBoxInterested1Label, .add-event-page label#CheckBoxInterested1Label {
        max-width: 90%;
        vertical-align: top;
        margin-top: 0;
    }

    .add-event-page div#document-section + div > div {
        padding: 0;
    }

    .panel-body.create-event-pageuploadbar {
        padding: 0;
    }

    .photogallery-page div#divImageGallery .col-sm-4 {
        width: 50% !important;
    }

    .videogallery-page > .row {
        margin: 0 -15px !important;
    }

    .videogallery-page div#dvProductContainer {
        margin: 0px 10px !important;
        margin-bottom: 5px !important;
    }

    body #dvProductContainer .sortfor_order .bootstrap-select.btn-group .dropdown-menu {
        height: auto !important;
    }

    .notifications-contentarea .row.flex-between-center > div:last-child {
        font-size: 14px;
    }

    .space-removed .detailboxsingle {
        padding: 0 5px !important;
    }

    #wrapper .fundraisor-detail-page {
        width: 100% !important;
    }

    #wrapper.fundraisor-detail-pagemain .container {
        width: 100% !important;
    }

    .product-detailmain #product-detail-page.product-detail-page .onelinerow .shipping_detailpage {
        width: 100% !important;
    }

    .product-detailmain #product-detail-page.product-detail-page .onelinerow {
        display: block;
    }

    div#product-registration.product-detailmain .container {
        width: 100% !important;
    }

    .product-detailmain .size_quantityblock .col-md-4.col-sm-4 {
        width: 100% !important;
        padding: 0 5px !important;
    }

        .product-detailmain .size_quantityblock .col-md-4.col-sm-4 .row {
            margin: 0 !important;
        }

    .product-detailmain .size_quantityblock .col-md-4, .product-detailmain .size_quantityblock .col-md-8 {
        padding: 0 !important;
        margin: 0 !important;
    }

    .product-detailmain .size_quantityblock .col-md-5.col-sm-5 {
        padding: 0 !important;
    }

    .product-detailmain .size_quantityblock .col-md-7.col-sm-7, .product-detailmain .size_quantityblock .col-md-4:nth-child(2) .col-sm-7 {
        padding: 0 !important;
    }

    .product-detailmain .dwebsite_name {
        padding-left: 0;
        margin-bottom: 10px;
    }

    .product-detailmain .action-btn-list {
        margin-bottom: 10px;
    }

    .size_quantityblock .row > .col-md-4.col-sm-4 {
        width: auto !important;
    }

    #homepage .section-title h2 {
        margin-bottom: 5px;
    }

    #after-login-sidebar1 a.slide-item {
        padding-left: 18px !important;
    }

    .size_quantityblock .row {
        display: flex;
        flex-direction: row;
    }

    #wrapper div#product-detail-page {
        width: 100% !important;
    }

    #wrapper #product-list-containter {
        width: 100% !important;
    }

    #product-list-containter #listing-item-product-btn {
        padding: 0 !important;
        border-top-left-radius: 10px !important;
        overflow: hidden;
        border-top-right-radius: 10px !important;
    }

    #wrapper #product-list-containter .details.col-md-6 {
        padding: 0 5px;
    }

    #wrapper #product-list-containter .detail_underblocks .col-md-8.col-sm-8, #wrapper #product-list-containter .detail_underblocks .col-md-4 {
        padding: 0 16px !important;
    }

    #wrapper #product-list-containter .col-lg-10.col-md-10.col-sm-10.contentArea.afterlogincontentArearwidthcss {
        padding: 0 8px !important;
    }

    #wrapper #product-list-containter .size_quantityblock .row {
        display: flex;
        flex-direction: row;
    }

        #wrapper #product-list-containter .size_quantityblock .row > .col-md-4.col-sm-4 .row {
            display: flex;
            flex-direction: column;
        }

        #wrapper #product-list-containter .size_quantityblock .row > .col-md-4.col-sm-4 {
            flex: 1;
        }

            #wrapper #product-list-containter .size_quantityblock .row > .col-md-4.col-sm-4 .row .col-sm-7 {
                flex: 1;
                width: 100% !important;
            }

    #wrapper #product-list-containter .gray-section {
        padding-left: 0 !important;
    }

    #homepage .container-fluid:first-child {
        margin-top: 0 !important;
    }

    #dropdown-menu-list #before-login-sidebar1 ul li a {
        padding-right: 0 !important;
    }

    ul#dropdown-menu-list #after-login-sidebar1 aside.app-sidebar.doc-sidebar > ul {
        padding-right: 0 !important;
    }

    .site-header .logo_menupart .nav-row .inner #loginUserMenu form.search_form {
        display: none;
    }

    .site-header #loginUserMenu .header-user-menu div#divmenu {
        margin-right: 0 !important;
    }

    .site-header .col-md-10.col-sm-8.col-xs-8 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .site-header #loginUserMenu .header-user-menu {
        margin-top: 0 !important;
    }

    audio::-webkit-media-controls-timeline,
    video::-webkit-media-controls-timeline {
        display: none;
    }

    .billing-page .pricingplan .card-header.justify-content-between {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .packages .col-md-4 ul {
        max-width: 100%;
        text-align: left;
    }

    .packages h2.mb-0 {
        font-size: 18px !important;
    }

    .pricingplan h2 {
        font-size: 24px !important;
    }

    .pricingplan p {
        padding-bottom: 0;
    }

    .pricingdetailpage.pricingplan .row {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }

    .billing-page .justify-content-between:first-child {
        display: flex;
        flex-direction: column;
    }

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

    .faqs .row {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .faqs h3 a {
        float: none !important;
        text-align: center;
        display: block;
    }

    .pricingdetailpage.pricingplan .faqs .row {
        margin-right: 0 !important;
        width: 100% !important;
        display: flex;
        flex-direction: row;
        margin: 0 !important;
    }

    .faqs .col-lg-6.col-md-6 {
        padding: 0 !important;
    }

    .photogallery-page .ImageGalleryCard .btngroup.cubtn {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
        text-align: right;
        margin: 7px 12px;
    }

    .photogallery-page .ImageGalleryCard {
        position: relative;
    }

        .photogallery-page .ImageGalleryCard .btngroup.cubtn a {
            margin: 0px !important;
            font-size: 12px !important;
            background: #fff;
        }

    .photogallery-page .col-lg-10.col-md-10.col-sm-10.contentArea {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .content.actionbar.newtopbar {
        padding: 0 10px;
    }

    .row.videosinglelargebox .col-md-10 {
        padding: 0;
    }

    .videogallery-page div#divVideoLibrary1 {
        padding: 0 !important;
    }

    .videogallery-page video.myvideoplayer {
        height: 230px !important;
    }

    .singlevideosharing li > * {
        font-size: 18px !important;
    }

    .singlevideosharing li > i {
        top: 0 !important;
    }

    .myprofile div#Photo .p-1,
    .myprofile div#Video .p-1 {
        width: 50%;
    }

    .customnewstyling .tabcontent .listing-item, .customnewstyling .center-col-list-wrap .list3 .listing-item {
        width: 50%;
        float: left;
    }

    .myprofile .customnewstyling .videogallery-page video.myvideoplayer {
        height: 150px !important;
    }

    .input-group.fotr_search.hidden-xs {
        display: inline-block !important;
    }

        .input-group.fotr_search.hidden-xs .input-group-append {
            position: absolute;
            top: 0 !important;
            right: 0 !important;
            margin-top: 0;
        }

            .input-group.fotr_search.hidden-xs .input-group-append button {
                margin-top: 0 !important;
            }

    .social-icons li a {
        display: block;
    }

    .social-icons li {
        width: 26px;
        height: 26px;
        line-height: 24px;
    }

    .mentiony-popover {
        left: 0 !important;
        right: unset !important;
    }

    #mychat .chatleftbar {
        max-width: 100%;
    }

    .main-register-holder {
        margin-top: 0 !important;
    }
}

@media (max-width: 560px) {
    #homepage .section-title h2 {
        padding: 0 17px !important;
    }

    #mychat .chatrightside {
        height: calc( 100vh - 60px) !important;
        position: relative;
        padding-bottom: 5px !important;
    }

    .site-header #loginOptions {
        float: right !important;
        margin-top: 2px !important;
    }

    .main-register-holder {
        margin-top: 0 !important
    }

    .content.actionbar.newtopbar.additionalsearch.addtionalbtns {
        padding: 0;
    }

    .peoplefriends-contentarea .col-xs-6.col-sm-4.col-md-4.col-lg-3.col-xxl-2.mb-1 {
        width: 50%;
    }

    .invoice-page .card.mb-3 .card-body .row {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

        .invoice-page .card.mb-3 .card-body .row > div {
            width: 100% !important;
            flex: 1;
            text-align: center;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            align-content: center;
            justify-content: center;
            align-items: center;
        }

    .i-ft .col-sm-6.text-sm-start {
        text-align: center;
    }

    .twotable .table-1 tr td, .twotable .table-1 tr th {
        padding: 5px 10px !important;
        padding-left: 15px !important;
    }

    #wrapper .container.page-container.timelinepage {
        width: 100% !important;
    }

    .timelinepage .card span.dateseperator {
        left: -60px;
    }

    .timelinepage .content.actionbar.newtopbar.additionalsearch.addtionalbtns ul {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: center;
        margin-top: 0;
        width: 100%;
    }

        .timelinepage .content.actionbar.newtopbar.additionalsearch.addtionalbtns ul li {
            flex: 1;
            margin-bottom: 0;
            margin-top: 0;
            width: 100%;
        }

    .timelinepage .tl-sections > .row {
        margin: 1px;
    }

    .timelinepage .tl-sections .content ul {
        padding: 0 10px;
    }

    .timelinepage .tl-sections .inlinbutton {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-end !important;
        align-items: flex-end !important;
        text-align: right;
    }

    .timelinepage .content.actionbar.newtopbar.additionalsearch.addtionalbtns ul li {
        flex: 1;
        width: 100% !important;
    }

        .timelinepage .content.actionbar.newtopbar.additionalsearch.addtionalbtns ul li:last-child {
            width: auto;
            flex: 0 0 0;
        }

    ul.tl-photos li {
        width: 49%;
    }

        ul.tl-photos li img {
            height: 120px;
        }

    .grouppage textarea#txtEventDescription {
        max-width: calc(100% - 30px);
        margin: 0 auto !important;
    }

    .grouppage ul.event-uploading-btns {
        max-width: 100% !important;
    }

    .createnewgroup .col-md-12.form-group1 {
        margin-left: 0;
    }

        .createnewgroup .col-md-12.form-group1 .row label {
            float: left;
            max-width: 90% !important;
            margin-left: 8px;
        }

        .createnewgroup .col-md-12.form-group1 .row input {
            float: left;
        }

        .createnewgroup .col-md-12.form-group1 .row label + br {
            clear: both;
        }

    .createnewgroup div#divStep33 {
        margin-top: 0 !important;
    }

    .timelinepage .card > ul li .tl-bullet {
        left: -37px;
    }

    .timelinepage .card > ul {
        margin-left: 20px;
        padding-left: 20px;
    }

    .timelinepage .card span.dateseperator {
        left: -36px;
    }

    .timelinepage .card > ul li span.dropdown-toggle {
        right: 0;
    }

    .timelinepage .content.actionbar.newtopbar.additionalsearch.addtionalbtns ul {
        width: 100% !important;
        max-width: 62% !important;
    }

    .timelinepage .photocount.blackcolor {
        margin-top: 5px !important;
    }

    #wrapper .myprofile .customnewstyling .videogallery-page {
        padding: 0 !important;
    }

    .VideoLibraryCard .form-control {
        margin: 5px auto !important;
    }

    .ImageGalleryCard .form-control {
        margin: 5px auto !important;
    }

    .DocumentCard .form-control {
        margin: 5px auto !important;
    }

    .DocumentCard .thumbnail img {
    }

    #divFields .thumbnail .caption {
        padding-top: 0 !important;
    }

    .VideoLibraryCard .form-control {
        margin: 5px auto !important;
    }

    .VideoLibraryCard p {
        font-size: 12px;
    }

    .DocumentCard .thumbnail a {
        font-size: 8px !important;
        margin: 0;
    }

    #divFields a.btnRemoveDocument, #divFields a.btnRemoveDocument span, #divFields .btnRemoveVideo, #divFields .btnRemoveVideo span, #divFields a.btnRemoveImage, #divFields a.btnRemoveImage span, #divFields .caption a.btnRemoveDocument + a span, #divFields i {
        font-size: 10px !important;
    }

    .DocumentCard .thumbnail a {
        display: inline-block !important;
    }

    .VideoLibraryCard .form-control {
        max-width: 100%;
    }

    .ImageGalleryCard .caption, .DocumentCard .caption {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .VideoLibraryCard .vidplayicon {
        text-align: center !important;
    }

    #divFields .VideoLibraryCard .form-control, #divFields .ImageGalleryCard .form-control, #divFields .thumbnail .form-control {
        max-width: 100% !important;
    }

    #divFields .thumbnail .caption {
        max-width: 100% !important;
    }

    .billingaddressescon {
        margin-bottom: 20px;
    }

    div#cart-payment {
        width: 100%;
    }

        div#cart-payment > .row {
            margin-right: -12px;
        }

    .ordersummerystep .col-2.text-center {
        font-size: 16px;
    }

    .billingaddressescon {
        margin-bottom: 10px;
    }

    .ordersummerystep .f18l {
        font-size: 16px;
    }

    div#cart-payment .stripee .border-dotted-up {
    }

    div#cart-payment .border-dotted-up h3, div#cart-payment .border-dotted-up button {
        max-width: 220px !important;
        min-width: 220px !important;
    }

    div#cart-payment .stripee p {
        font-size: 12px !important;
    }

    div#cart-payment .border-dotted-up h3.d-flex.justify-content-between {
        font-size: 17px;
    }

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

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

    ul#dropdown-menu-list #after-login-sidebar1 {
        height: calc( 100vh - 52px) !important;
    }

    ul#dropdown-menu-list {
        top: 38px !important;
    }

    \ul#dropdown-menu-list {
        height: calc(100vh - 43px) !important;
        max-height: 100vh !important;
    }
}

@media only screen and (max-width:1524px) {
    .cs-wrapper {
        padding: 120px 50px 100px;
    }
}

@media only screen and (max-width:1324px) {
    .show-search-button {
        display: block;
    }

    .vis-header-search {
        display: none;
        position: absolute;
        left: 20px;
        top: 100px;
        border-radius: 30px;
        box-shadow: 0 0 0 7px rgba(0, 0, 0, .2);
    }

    .slider-container-wrap .sw-btn {
        margin-top: 0;
        top: 10%;
    }

    .slider-container-wrap {
        padding: 250px 0 400px;
    }
}

/* ========== BASE STYLES FOR HIGH DPI DEVICES ========== */
@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .bg {
        background-attachment: scroll !important;
        -webkit-background-size: cover;
        background-position: center;
    }
}

/* ========== DESKTOP/TABLET STYLES (max-width: 1285px) ========== */
@media only screen and (max-width:1285px) {
    /* Navigation & Menu */
    .nav-button-wrap,
    .mob-bg {
        display: block;
    }

    .main-menu nav ul,
    video.bgvid,
    .height-emulator {
        display: none;
    }

    /* Fixed Footer */
    .fixed-footer {
        position: relative !important;
        float: left;
    }

    /* Main Menu Styles */
    .main-menu {
        position: absolute;
        top: 80px;
        right: -20px;
        width: 300px;
        z-index: 50;
        padding: 15px 10px;
        background: #fff;
        border-bottom-left-radius: 6px;
        border-left: 1px solid #eee;
        border-bottom: 1px solid #eee;
        visibility: hidden;
        opacity: 0;
        transition: all .4s ease-in-out;
    }

    .vismobmenu {
        opacity: 1;
        right: 0;
        visibility: visible;
    }

    /* Menu Items */
    .menusb {
        display: block;
        float: left;
        position: relative;
        width: 100%;
        overflow: hidden;
    }

        .menusb li {
            margin: 0;
            float: left;
            width: 100%;
            position: relative;
            overflow: hidden;
            padding: 0 20px;
        }

            .menusb li i {
                position: absolute;
                right: 18px;
                top: 12px;
            }

        .menusb a {
            float: left;
            width: 100%;
            padding: 8px 5px;
            position: relative;
            font-weight: 700;
            font-size: 14px;
            color: #566985;
            line-height: 20px;
            text-align: left;
        }

    /* Container Styles */
    .container-fluid.page-container.mobile-width-100 {
        width: 100% !important;
    }

    .table-responsive {
        border: 0 !important;
        padding: 10px;
    }
}

/* ========== TABLET STYLES (max-width: 1064px) ========== */
@media only screen and (max-width:1064px) {
    /* Layout Components */
    .process-wrap li {
        padding: 25px 20px;
    }

    .team-box {
        width: 50%;
    }

    /* Margins and Spacing */
    .footer-widget,
    .video-box,
    .user-profile-menu-wrap,
    .card-post {
        margin-bottom: 20px;
    }

    .images-collage {
        margin-bottom: 70px;
    }

    /* Map Container */
    .map-container.column-map {
        width: 100%;
        position: relative;
        float: left;
        height: 500px;
        top: 0;
    }
}

/* ========== MOBILE STYLES (max-width: 768px) ========== */
@media only screen and (max-width:768px) {
    /* Typography */
    .responsiveTextCenter {
        text-align: center !important;
    }

    /* Layout Elements */
    .gallery-item {
        width: 50%;
    }

    .process-wrap li,
    .price-item,
    .time-line-box,
    .listing-item,
    .listsearch-input-item {
        width: 100%;
    }

    /* Search Elements */
    .main-search-input {
        background: rgba(255, 255, 255, .2);
        padding: 14px 20px 10px;
        border-radius: 10px;
    }

    .main-search-input-item {
        width: 100%;
        height: 50px;
        margin-bottom: 10px;
    }

    /* Hidden Elements */
    .listing-counter,
    .time-line-container:before,
    .time-line-container:after,
    .scroll-nav-wrapper,
    .show-search-button span,
    .show-reg-form:before,
    .listing-view-layout {
        display: none;
    }

    .home-search .btn-group.bootstrap-select {
        border-radius: 6px !important;
        background: #fff;
        padding-left: 5px !important;
    }

    #divStep1 .form-group {
        padding-top: 0 !important;
    }
}

/* ========== SMALL MOBILE STYLES (max-width: 540px) ========== */
@media only screen and (max-width:540px) {
    /* Typography & Spacing */
    .p-10 {
        padding: 10px !important;
    }

    /* Form Elements */
    select.leftResponsiive {
        margin-left: -14px;
    }

    .shareCounterstyle {
        width: 90px;
    }

    /* Card Styles */
    .geodir-category-listing.sharing-bar.max-width-card {
        max-height: 280px;
        margin: auto;
    }

    /* Gallery Items */
    .gallery-item,
    .single-facts .inline-facts-wrap,
    .team-box,
    .cs-countdown-item,
    .listing-features li,
    .listing-item {
        width: 100%;
    }
}

/* ========== TABLET STYLES (max-width: 996px) ========== */
@media screen and (max-width: 996px) {
    .preview {
        margin-bottom: 20px;
    }
}