@media screen and (min-width: 1200px) and (max-width: 1250px) {

    .aty-prog-chart {

        width: 100%;

    }

    .artist-table-div ul li {

        padding: 5px 8px;

    }



    #sidebar[class=""] + #content .dashboard-section .right-col-cut {

        max-width: 70%;

        flex: 0 0 70%;

    }

    #sidebar[class=""] + #content .dashboard-section .side-col-cut {

        max-width: 30%;

        flex: 0 0 30%;

    }





}

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

    .booknamedet {

        width: 81%;

    }

}

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

    .booking-lg10 {

        max-width: 100%;

        flex: 0 0 100%;

    }



}

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

    .modal-videodiv {

        width: 100%;

        flex: 0 0 100%;

        padding-right: 0;

    }

    .personalvideo-body-div2 .modal-tab-comment-div {

        width: 100%;

        flex: 0 0 100%;

        padding: 15px 0 0 15px;

    }

    .video-tag-div {

        margin: 0 auto;

    }

    .basic-form-box {

        padding: 20px;

    }

    .back-side-row a {

        top: 5px;

        font-size: 22px;

    }

    .business-detail-box {

        padding: 20px;

    }

    /*.artist-table {

        overflow: auto;

        display: block;

    }*/

    /*.table {

        display: block;

        overflow: auto;

    }*/

    .shortingtable.table {

        display: table!important;

    }



    .wishes-tab-div ul.nav-pills li a {

        font-size: 14px;

    }

    /*.wishes-tab-div ul.nav-pills li i {

        font-size: 18px;

        top: 4px;

    }*/

    /*.wishes-tab-div ul.nav-pills li {

        padding: 5px 10px;

    }*/

    .imgthumbnail-div {

        width: 210px;

        height: 265px;

    }

    #sidebar.active .sideset-div {

        width: 85px;

    }

    .t-art-n-c .tart-text p {

        font-size: 14px;

    }

    h6.commer-title {

        font-size: 16px;

    }

    .wishes-tit-div h6 {

        font-size: 16px;

    }

    .profile-rightside .logindetailprofile  .basic-form-d {

        padding: 15px 0;

    }

    .pass-tab-btn {

        position: relative;

        right: 0;

        top: 0;

        float: none;

        display: block;

        text-align: right;

    }

    .profile-rightside .basic-form-d {

        padding: 15px;

    }

}

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



    .mail-mobile-basic ul li {

        width: 100%;

        margin: 5px 0;

    }

    .pass-tab-btn {

        float: none;

        margin: 15px 0 0;

        display: block;

        text-align: right;

    }

    .vstutas-s {

        margin-left: 0;

        display: block;

        margin-top: 5px;

    }

    /*.profileedit-btn {

        top: -10px;

        right: -10px;

    }*/

    .main-category-list ul.sortingdrag  li {

        padding: 0;

    }

    .main-category-list ul.sortingdrag  li a{

        padding-left: 35px!important;

    }



    .form-tab-box ul li.nav-item a {

        padding: 9px 10px;

        font-size: 14px;

    }

    .form-tab-box ul li.nav-item {

        padding: 0 5px;

    }



    .form-img-box {

        padding: 20px;

    }



    .form-img-box p {

        font-size: 18px;

        line-height: 24px;

    }

    .form-img-box span {

        font-size: 14px;

    }



    .main-category-list ul li a {

        padding: 10px 15px;

        font-size: 14px;

    }



    .title-box .form-title {

        font-size: 14px;

    }

    .cate-title {

        font-size: 18px;

    }



    .selected-act-list ul li {

        font-size: 12px;

    }

    .business-detail-box h3 {

        font-size: 18px;

    }

    .card-box {

        padding: 20px;

    }

    .register-box {

        top: 80px;

        left: 40px;

    }



    .footer_details h4 {

        font-size: 16px;

    }



    .footer_details ul li a {

        color: #a4a4a4;

        font-size: 14px;

    }

    .main-category-list ul li {

        font-size: 12px;

    }

    .main-category-list ul li span {

        font-size: 10px;

    }

    .custom-checkbox label {

        font-size: 12px;

    }

    .title-box .form-title {

        font-size: 12px;

    }

    .add-art-btn {

        font-size: 12px;

        padding: 8px 0;

    }

    .art-detail-div h6 {

        font-size: 12px;

    }

    .dropdown.edit-dropdown button {

        background-color: transparent;

        display: block;

        font-size: 12px;

    }

    .main-category-list ul li span {

        right: 50px;

    }

    .main-category-list ul li label.drag-icon-show {

        display: block;

    }

    .main-category-list ul li {

        padding: 12px 15px 12px 35px;

    }

    ul li label.drag-icon-show {

        background-image: url("/asset/images/drag-drop-icon.png");

        display: block;

    }

    ul li.active label.drag-icon-show {

        background-image: url("/asset/images/drag-drop-white-icon.png");

    }

    .main-category-list ul li .dropdown.edit-dropdown button {

        color: #333;

    }

    .main-category-list ul li.active .dropdown.edit-dropdown button {

        color: #ffffff;

    }

    .main-category-list ul.nav-pills li.nav-item a.active label.drag-icon-show {

        background-image: url("/asset/images/drag-drop-white-icon.png");

    }

    .main-category-list ul.nav-pills li.nav-item a.active .dropdown.edit-dropdown button {

        color: #ffffff;

    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .note-detail-box h4 {

        font-size: 18px;

        line-height: 26px;

    }

    .note-detail-box h4 span {

        font-size: 14px;

        color: #c52128;

        padding: 5px 15px;

        line-height: 20px;

    }

    .note-detail-box h6 {

        font-size: 14px;

    }

    .gst-ul-list li img {

        width: 40px;

    }

    .gst-ul-list li span {

        font-size: 14px;

    }

    .note-detail-box .how-will-div h6 {

        font-size: 14px;

    }

    .note-detail-box .how-will-div p {

        font-size: 12px;

        line-height: 20px;

    }

    .basic-section {

        padding: 20px 0;

    }



    #sidebar[class=""] + #content .dashboard-section .right-col-cut {

        max-width: 100%;

        flex: 0 0 100%;

    }



    #sidebar[class=""] + #content .dashboard-section .side-col-cut {

        max-width: 100%;

        flex: 0 0 100%;

        padding-right: 15px;

    }

    body .register-form {

        position: relative;

        top: 0;

        right: 0;

        max-width: 100%;

        margin: auto;

    }

    .viewartistprofile-modal .modal-dialog {

        max-width: 700px;

    }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .artist-table-div ul li {

        flex: 0 0 100%;

    }

    .chart-li-cat p {

        text-align: left;

    }

    .reportfilterul .rep-fili {

        display: block;

        width: 20%;

        padding: 0 5px;

    }

    body .register-form {

        max-width: 380px;

    }

}

@media screen and (min-width: 992px) and (max-width: 1099px) {

    .side-col-cut {

        max-width: 40%;

        flex: 0 0 40%;

    }

    .right-col-cut {

        max-width: 60%;

        flex: 0 0 60%;

    }

    .dash-card-box .col-12 {

        max-width: 50%;

        flex: 0 0 50%;

    }

    .reportfilterul .rep-fili {

        display: block;

        width: 25%;

        padding: 0 5px;

    }

    .dash-card-box .col-md-4 {

        flex: 0 0 33.33%;

        max-width: 33.33%;

    }

    .menubar .navbar .navbar-nav .nav-link {

        font-size: 14px;

        letter-spacing: 0;

        padding: 0 5px;

    }

    .menubar .navbar .navbar-nav .nav-item {

        margin-top: 5px;

    }

    .why-seller .wrap {

        height: 210px;

    }

    .user-nameemail {

        display: none;

    }

}

@media screen and (min-width: 1551px) and (max-width: 1750px) {

    .pass-tab-btn {

        font-weight: 500;

        font-size: 13px;

        margin: 5px 0;

        position: relative;

        right: 0;

        top: 0;

        text-decoration: underline;

        float: none;

        display: block;

        text-align: right;

    }

}



@media screen and (min-width: 1411px) and (max-width: 1550px) {

    .commercial_rq_body .modal-videodiv {

        width: 50%;

        flex: 0 0 50%;

    }

    .commercial_rq_body .personalvideo-body-div2 .modal-tab-comment-div {

        width: 50%;

        flex: 0 0 50%;

    }

    .booknamedet {

        width: 81%;

    }

    .pass-tab-btn {

        font-weight: 500;

        font-size: 13px;

        margin: 5px 0;

        position: relative;

        right: 0;

        top: 0;

        text-decoration: underline;

        float: none;

        display: block;

        text-align: right;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1410px) {

    .pass-tab-btn {

        font-weight: 500;

        font-size: 13px;

        margin: 5px 0;

        position: relative;

        right: 0;

        top: 0;

        text-decoration: underline;

        float: none;

        display: block;

        text-align: right;

    }

    .confirmed-tab-div2 .nav-pills li {

        width: 100%;

    }

    .arts-cat-list-div {

        overflow: auto;

    }

    .commercial_rq_body .modal-videodiv {

        width: 50%;

        flex: 0 0 50%;

    }

    .commercial_rq_body .personalvideo-body-div2 .modal-tab-comment-div {

        width: 50%;

        flex: 0 0 50%;

    }

    .booknameimg {

        width: 120px;

        height: 120px;

        flex: 0 0 120px;

    }

}



@media screen and (min-width: 1100px) and (max-width: 1199px) {



    #sidebar[class=""] + #content .dashboard-section .right-col-cut {

        max-width: 60%;

        flex: 0 0 60%;

    }

    #sidebar[class=""] + #content .dashboard-section .side-col-cut {

        max-width: 40%;

        flex: 0 0 40%;

    }



    .confirmed-tab-div2 .nav-pills li {

        width: 100%;

    }

    .arts-cat-list-div {

        overflow: auto;

    }

    .mobile-col3 {

        max-width: 35%;

        flex: 0 0 35%;

    }

    .mobile-col9 {

        max-width: 65%;

        flex: 0 0 65%;

    }

    .booknamedet {

        width: 74%;

    }

    .progressdiv {

        width: 100%;

    }

    .upload-selling-detail .col-md-3 {

        max-width: 50%;

        flex: 0 0 50%;

    }

    .maincalender .day p {

        font-size: 14px;

    }

    .maincalender .day h5 {

        font-size: 14px;

        padding-left: 5px;

    }

    .calender-header h4 {

        font-size: 24px;

        font-weight: 600;

        text-transform: uppercase;

        margin: 0;

        padding: 0 0 15px 80px;

        text-align: left !important;

    }

    .weekdaybox h5 {

        font-size: 14px;

    }

    .calender-btn-div ul li .btn {

        font-size: 12px;

    }

    .maincalender .evnt-price {

        top: 0;

        right: 5px;

        color: #cfcfcf !important;

        font-size: 12px !important;

        padding: 6px 0 !important;

    }

}



@media screen and (min-width: 1024px) and (max-width: 1199px) {



    .date-range-filter-box .col-lg-8 .col-lg-3 {

        -ms-flex: 0 0 35%;

        flex: 0 0 35%;

        max-width: 35%;

    }

    .apply-filter .col-lg-3 {

        -ms-flex: 0 0 33.33%;

        flex: 0 0 33.33%;

        max-width: 33.33%;

    }

    .show-export-btn-box {

        margin-bottom: 20px;

    }

    .show-export-btn-box button {

        margin-top: 0;

    }



    #sidebar[class=""] + #content .custom-set-col6 {

        max-width: 100%;

        flex: 0 0 100%;

    }



}



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

    .vendore-sub-option {

        padding-left: 0;

    }

    .basicquestion-box2 .otpform-input-box {

        padding: 20px 15px 15px;

    }

    .arts-cat-list-div ul li {

        border-top: 1px solid transparent;

        border-bottom: 1px solid #ddd;

    }

    .apperance-per-ul {

        margin-bottom: 0;

        overflow: auto;

        display: block;

    }

    .recozostci-navbar .nav-item a h6 {

        padding: 15px 5px;

        font-size: 14px;

    }

    .reportfilterul .rep-fili {

        width: 25%;

    }

    .select2-container .select2-search--inline .select2-search__field::placeholder {

        font-size: 12px;

    }

    select.form-control {

        font-size: 12px;

    }

    .wishes-col-3 {

        flex: 0 0 50%;

        max-width: 50%;

    }

    .whishes-navtabs {

        height: auto;

        overflow: auto;

    }

    .wishes-col-6 {

        flex: 0 0 100%;

        max-width: 100%;

    }

    .speitem-conte {

        width: 82%;

    }

    .booking-tab {

        padding: 0;

    }

    .upcoming-event-div ul li {

        width: 33.33%;

        flex: 0 0 33.33%;

    }

    .dash-card-box .col-12 {

        max-width: 100%;

        flex: 0 0 100%;

    }

    .side-col-cut {

        max-width: 40%;

        flex: 0 0 40%;

    }



    .right-col-cut {

        max-width: 60%;

        flex: 0 0 60%;

    }



    .btn-menu {

        position: absolute;

        left: 15px;

        top: 15px;

    }

    .header-title h4 {

        font-size: 16px;

    }

    .artist-admin-header .header-title {

        width: 70%;

        padding-left: 55px;

    }

    .admin-header .dropdown-menu {

        left: inherit;

        right: 0;

    }

    .header-title {

        padding-left: 55px;

    }

    .artist-admin-header.admin-header .navbar-nav {

        width: 30%;

    }

    .admin-header .nav-item {

        margin: 0 0 0 10px;

    }

    .admin-header .container-fluid {

        padding: 0 15px;

    }

    .main-category-list ul li:hover label.drag-icon-show {

        background-image: url("/asset/images/drag-drop-icon.png");

        display: block;

    }





    .main-category-list ul li:hover .dropdown.edit-dropdown button {

        color: #ffffff;

    }

    .main-category-list ul.nav-pills li.nav-item a.active .dropdown.edit-dropdown button {

        color: #ffffff;

    }

    .selected-act-ul ul li a i {

        display: block;

    }

    .wishescheckbox label::before {

        font-size: 20px;

    }

    .social-media-channer-box .card-body {

        padding: 15px 0;

    }

    .wishes-right-div {

        padding: 15px;

    }



    .why-seller .wrap.mb-0 {

        margin-bottom: 30px !important;

    }



}

@media screen and (min-width: 1200px) and (max-width: 1399px) {

    .addressbgbox .col-md-4 {

        flex: 0 0 50%;

        max-width: 50%;

    }

    .addressbgbox .col-md-8 {

        flex: 0 0 50%;

        max-width: 50%;

    }

    .addressbgbox .col-md-8 .col-md-6 {

        flex: 0 0 100%;

        max-width: 100%;

    }

}

@media screen and (min-width: 1200px) and (max-width: 1299px) {

    .col-md-12.col-lg-3.p-0.custom-set-col3 {

        max-width: 25%;

        flex: 0 0 25%;

        margin-bottom: 15px;

    }

    .col-md-12.col-lg-9.custom-set-col9 {

        max-width: 75%;

        flex: 0 0 75%;

    }

    .multiple-travel-stay .col-md-3 {

        max-width: 40%;

        flex: 0 0 50%;

    }

    .multiple-travel-stay .col-md-9 {

        max-width: 40%;

        flex: 0 0 50%;

    }

    .traverl-show-inputlist .col-md-4 {

        max-width: 100%;

        flex: 0 0 100%;

    }

    .perf-opt-ul li {

        max-width: 50%;

        flex: 0 0 50%;

    }

    .commercial_rq_body .modal-videodiv {

        width: 55%;

        flex: 0 0 55%;

    }

    .commercial_rq_body .personalvideo-body-div2 .modal-tab-comment-div {

        width: 45%;

        flex: 0 0 45%;

    }

    .pass-tab-btn {

        font-weight: 500;

        font-size: 13px;

        float: none;

        margin: 5px 0;

        position: relative;

        right: 0;

        top: 0;

        text-decoration: underline;

        display: block;

        text-align: right;

    }

    .calender-header h4 {

        font-size: 24px;

        font-weight: 600;

        text-transform: uppercase;

        margin: 0;

        padding: 0 0 15px 80px;

        text-align: left !important;

    }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .col-md-12.col-lg-3.p-0.custom-set-col3 {

        max-width: 30%;

        flex: 0 0 30%;

        margin-bottom: 15px;

    }

    .col-md-12.col-lg-9.custom-set-col9 {

        max-width: 70%;

        flex: 0 0 70%;

    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .col-md-12.col-lg-3.p-0.custom-set-col3 {

        max-width: 100%;

        flex: 0 0 100%;

        margin-bottom: 0;

    }

    .col-md-12.col-lg-9.custom-set-col9 {

        max-width: 100%;

        flex: 0 0 100%;

    }

    .user-nameemail {

        display: none;

    }

    .custom-set-col9 {

        margin-top: 15px;

    }

}



@media screen and (min-width: 768px) and (max-width: 1199px) {

    .custom-set-col9 {

        padding-right: 15px;

    }

    .col-mobile-4 {

        max-width: 100%;

        flex: 0 0 100%;

        padding-right: 0;

    }

    .col-mobile-8 {

        max-width: 100%;

        flex: 0 0 100%;

        padding: 0 15px !important;

    }

    .performance-option-detail {

        padding-top: 35px;

    }

    /*.pic-kyc-div .col-md-6 {

        flex: 0 0 100%;

        max-width: 100%;

    }

    .art-photoupload .avatar-upload .avatar-preview {

        width: 180px;

        height: 180px;

    }

    .take-upload-btn {

        margin: 10px 0 10px 0;

    }

    .login-form-detail .col-md-6 {

        max-width: 100%;

        flex: 0 0 100%;

    }

    .login-form-detail .col-sm-6 {

        max-width: 100%;

        flex: 0 0 100%;

    }*/

    .dashprofiledivbox .col-md-6 {

        max-width: 100%;

        flex: 0 0 100%;

    }

    .upload-selling-detail .bs-content-div {

        height: auto;

        border-left: none;

        padding-left: 0;

        padding-top: 15px;

    }

    .form-input-box .col-md-6 {

        max-width: 100%;

        flex: 0 0 100%;

    }

    .b-result-s {

        width: 49%;

        word-break: break-all;

    }

    .modal-edit-form.bankformdetail.getstarted-bankdetail .col-md-6 {

        max-width: 100%;

        flex: 0 0 100%;

    }

    .user-img-name {

        display: flex;

        flex-wrap: wrap;

    }

    .ds-progress-card .user-namediv {

        padding: 2px 0 0 0;

    }

    .user-namediv p {

        font-size: 12px;

    }

    .user-img-name {

        padding: 10px 10px 30px 10px;

    }



    .ds-progress-card .com-pro-div .progress-bar span {

        position: relative;

        right: 0;

        font-size: 12px;

        font-weight: 400;

        color: #777;

        top: 15px;

        /* width: 100%; */

        word-break: break-all;

        white-space: normal;

        text-align: left;

        width: 130px;

        margin-top: 8px;

        line-height: 9px;

    }

    .ac-details-card p i {

        margin-right: 0;

    }

    .ac-details-card p {

        font-size: 12px;

    }

    .conf-verfi-box p i {

        font-size: 14px;

    }

}

@media screen and (min-width: 768px) and (max-width: 1099px) {

    .booknamedet {

        width: 85%;

        padding: 0 0 0 15px;

    }

    .bookprice {

        font-size: 20px;

    }

    .booknameloc h6 {

        padding-right: 100px;

    }

    .bookingdetailul {

        max-width: 100%;

        flex: 0 0 100%;

    }

    .left-col-custom {

        max-width: 100%;

        flex: 0 0 100%;

    }



    .right-col-custom {

        max-width: 100%;

        flex: 0 0 100%;

    }



    .admin-header .navbar-nav .notification-btn .dropdown-toggle::after {

        display: none;

    }

    .admin-header .navbar-nav {

        margin-left: 0 !important;

        width: 40%;

        flex-direction: row;

        justify-content: right;

    }

    .cust-col-md-6 {

        width: 50%;

        flex: 0 0 50%;

    }



    .cust-col-md-12 {

        width: 100%;

        flex: 0 0 100%;

    }

    .mobile-col3 {

        max-width: 100%;

        flex: 0 0 100%;

    }

    .mobile-col9 {

        max-width: 100%;

        flex: 0 0 100%;

    }

    .b-label-s {

        width: 50%;

    }

    /*body .register-form {

        position: absolute;

        top: 100px;

        right: 15px;

        z-index: 10;

        padding: 10px 30px 20px;

        background: #000;

        border-radius: 10px;

        border: 2px solid #fff;

        max-width: 350px;

    }*/



    .upload-selling-detail .col-md-3 {

        flex: 0 0 50%;

        max-width: 50%;

    }

    .calender-section .col-md-9 {

        max-width: 100%;

        flex: 0 0 100%;

    }

    .weekdaybox h5 {

        font-size: 12px;

        font-weight: 400;

    }

    .maincalender .day h5 {

        font-size: 12px;

    }

    .maincalender .day p {

        font-size: 12px;

        line-height: 14px;

    }

    .maincalender .evnt-price {

        top: -2px;

        right: 5px;

        font-size: 10px !important;

    }

    .calender-section .col-md-9 + .col-md-3 {

        max-width: 100%;

        flex: 0 0 100%;

    }

    .calender-btn-div ul li .btn {

        font-size: 12px;

    }

    .book-id-p {

        font-size: 14px;

    }

}

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

    .calender-btn-div {

        position: relative;

        right: 0;

        margin-bottom: 15px;

    }

    .booknamedet {

        width: 75%;

        padding: 0 0 0 15px;

    }

    .bookingdetailul {

        max-width: 100%;

        flex: 0 0 100%;

    }

    .bookpricingoption ul {

        width: 100%;

    }

    .progressdiv {

        width: 100%;

        margin-top: 10px;

    }

    .b-label-s {

        width: 100%;

    }

    .proof-div-boxs .b-label-s {

        margin-bottom: 3px;

    }

    .proformtitle {

        width: 100%;

    }

    .conf-form-group {

        width: 100%;

    }

    .pro-form-box h6 {

        margin-bottom: 0;

    }

    .promotion-btn button {

        padding: 10px 20px;

        font-size: 12px;

    }

    .promotion-table-div {

        overflow: auto;

    }

    .act-exp-tab .nav li {

        margin: 0 auto 15px;

    }

    .promotion-card {

        margin-bottom: 15px;

        height: auto;

    }

    .wishes-tab-div ul.nav-pills li.act-add-list a.nav-link {

        font-size: 14px;

    }

    .performance-option-detail .add-edit-div {

        right: 0px;

        top: -5px;

        position: relative;

        width: 100%;

        text-align: right;

    }

    .addonsprice {

        color: #c52128;

        position: absolute;

        right: inherit;

        top: inherit;

        font-size: 16px;

        bottom: -4px;

        left: 30px;

    }

    .addons-gallery-ul li {

        width: 50px;

        height: 50px;

        margin-right: 5px;

    }

    .addons-videogallery-ul li {

        width: 50px;

        height: 50px;

        margin-right: 5px;

    }

    .commercial_rq_body .modal-videodiv {

        padding-left: 15px;

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .url-adddiv .table tr td .form-group {

        margin-bottom: 0;

        width: 200px;

    }

    .commercial_rq_body .personalvideo-body-div2 .modal-tab-comment-div {

        width: 100%;

        flex: 0 0 100%;

    }

    .to-after-col {

        margin-bottom: 25px;

    }

    .faxidflexble-div .to-after-col::after {

        top: 40px;

        left: 0;

        width: 20px;

        margin: auto;

    }

    .previos-client-eventlist {

        padding: 15px;

    }

    .previos-client-eventlist1 {

        border-right: none;

        border-bottom: 1px solid #ddd;

    }

    .reason-to-bookdiv textarea.form-control {

        min-height: 55px;

    }

    .show-btn {

        padding: 5px 20px;

        font-size: 14px;

    }

    .listingtabp-div .title-box .form-title {

        font-size: 16px;

    }

    .an-title {

        font-size: 14px;

    }

    .traverl-show-inputlist {

        position: relative;

        padding-right: 0;

    }

    .add-btn-travel {

        position: relative;

        right: 0;

        top: 0;

        margin-bottom: 10px;

        float: right;

    }

    .url-adddiv {

        overflow: auto;

    }



    .artist-detail-right {

        width: 100%;

        max-width: 100%;

        flex: 0 0 100%;

        padding: 0 15px 0;

    }

    .artist-detail-left {

        width: 100%;

        flex: 0 0 100%;

        background-color: #f6f6f6;

        padding: 15px 15px 85px 15px;

        max-width: 100%;

        position: relative;

    }



    #sidebar + #content .btn-menu i::after {

        content: "";

        position: fixed;

        background-color: rgba(0,0,0,0.5);

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

        z-index: -9;

    }

    #sidebar.active + #content .btn-menu i::after {

        display: none;

    }

    .custom-set-col9 {

        padding : 0;

    }

    .artist-pagesetup {

        border-radius: 0;

    }

    .pegestup-detaildiv {

        margin-bottom: 0;

    }

    .slc-category-list label {

        font-size: 12px;

    }a

     .vendore-sub-option {

         padding-left: 0;

     }

    .mdl-header-text {

        padding: 0 15px;

    }

    .otp-input-div {

        padding: 0;

    }

    .basic-form-box2 .form-input-box .fa-eye {

        width: 40px;

    }

    body .register-form {

        padding: 10px 15px 20px;

    }

    .artis-nav-tabcontent .dash-cate-card .title-box {

        position: relative;

        top: 0;

        z-index: 9;

    }

    .table-search-box {

        position: relative;

        top: 0;

    }

    .artist-add-list-div .nav.nav-tabs .nav-item.custom-btn-set {

        position: absolute;

        top: 10px;

    }

    .fixed-tabcontent .artist-add-list-div {

        padding-top: 0;

    }

    #sidebar::after {

        content: "";

        position: fixed;

        bottom: 0;

        height: 100%;

        background-color: #333;

        width: 250px;

        left: 0;

        z-index: -9;

    }

    #sidebar ul.components {

        background-color: #333333;

    }

    .sidebar-header {

        background-color: #333;

    }



    .reportfilterul .rep-fili {

        width: 33.33%;

    }

    .wishes-col-3 {

        flex: 0 0 50%;

        max-width: 50%;

    }

    .whishes-navtabs {

        height: auto;

        overflow: auto;

    }

    .wishes-col-6 {

        flex: 0 0 100%;

        max-width: 100%;

    }

    .art-img-div {

        margin-bottom: 10px;

    }

    .art-img-div img{

        width: 100%;

        height: 100%;

        object-fit: cover;

    }

    .speitem-conte {

        width: 88%;

    }

    .booking-content-box {

        padding: 0;

    }

    .booking-listing-content {

        margin-top: 15px;

    }

    .booking-table {

        margin-top: 15px;

    }

    .booking-tab {

        padding: 0;

    }

    .admin-header .dropdown-menu.notification-dropdown {

        width: 250px;

        right: -35px;

        left: inherit;

        top: 35px;

    }

    .notification-dropdown::after {

        right: 45px;

    }

    .right-col-cut {

        max-width: 100%;

        flex: 0 0 100%;

    }

    .upcoming-event-div ul li {

        width: 50%;

        flex: 0 0 50%;

    }

    .side-col-cut {

        max-width: 100%;

        flex: 0 0 100%;

        padding-right: 15px;

    }



    .artist-admin-header .header-title {

        width: 100%;

    }

    .artist-admin-header.admin-header .navbar-nav {

        width: 100%;

        align-items: center;

        margin-top: 10px;

        position: absolute;

        top: 0;

        right: 15px;

    }

    .artist-admin-header.admin-header .nav-item.btn-bg-h a.dropdown-toggle {

        position: relative;

        top: 0;

    }

    .artist-agec-box {

        display: block;

    }



    .artis-nav-tabcontent .dash-cate-card {

        flex: 0 0 100%;

    }



    .artis-nav-tabcontent .tab-content {

        flex: 0 0 100%;

    }







    .header-title {

        padding-left: 50px;

        width: 50%;

    }

    .admin-header .nav-item {

        margin: 0;

    }

    .admin-header .nav-item.btn-bg-h {

        margin-top: 0;

    }

    .admin-header .navbar-nav {

        margin-left: 0 !important;

        width: 50%;

        flex-direction: row;

        justify-content: right;

    }

    #sidebar.active + #content {

        border-left: 0px solid transparent;

    }

    #sidebar.active {

        left: -85px;

    }

    .admin-header .dropdown-menu {

        padding: 0;

        position: absolute;

        right: 0;

        left: inherit;

        min-width: 140px;

    }

    .admin-header .navbar-nav li {

        margin-left: 20px;

    }

    .admin-header .navbar-nav li .dropdown-menu li {

        margin: 0;

    }

    .admin-header .navbar-nav .notification-btn .dropdown-toggle::after {

        display: none;

    }

    .admin-header .nav-item.btn-bg-h a.dropdown-toggle {

        position: relative;

        top: 11px;

    }

    #sidebar {

        min-width: 250px;

        max-width: 250px;

        margin-left: 0 !important;

        z-index: 99999;

        background-color: #333;

    }

    #sidebar.active:after {

        display: none;

    }

    #sidebar.active + #content .btn-menu{

        right: inherit;

        left: 15px;

    }



    #content {

        border-left: 0 solid #333333;

    }

    .btn-menu {

        left: inherit;

        top: 15px;

        right: 0;

        background-color: #c52128;

        z-index: 9;

    }



    #sidebar .sidebar-header h3, #sidebar .CTAs {

        display: block;

        text-align: left;

    }



    #sidebar ul li a {

        padding: 10px;

    }



    .dash-left-side .dash-table-div {

        overflow: auto;

        margin-bottom: 15px;

    }



    .left-col-custom {

        max-width: 100%;

        flex: 0 0 100%;

    }



    .right-col-custom {

        max-width: 100%;

        flex: 0 0 100%;

    }

    /*.artist-table {

        display: block;

        overflow: auto;

    }*/



    .dash-table-div .table th {

        font-size: 14px;

    }



    table .art-t {

        font-size: 16px !important;

    }

    .nbr-sp {

        font-size: 18px;

    }

    .dash-table-div .table td {

        font-size: 12px;

    }

    .data-card2 h5 {

        font-size: 24px;

        padding: 20px 15px 15px;

    }

    .data-card2 p {

        padding: 10px 5px;

        font-size: 14px;

    }

    .table td {

        font-size: 12px;

    }

    .p-title-card ul li {

        font-size: 14px;

    }

    .g-span-cou {

        font-size: 24px;

    }



    #sidebar .sidebar-header strong {

        display: none;

    }



    .up-event-btn {

        font-size: 14px;

        padding: 5px 15px;

        line-height: 18px;

    }



    .upcoming-event-div {

        padding: 15px;

    }



    .catelist-box .box-div {

        border-radius: 5px;

        overflow: hidden;

    }

    .bank-detail-section {

        margin-top: 30px;

    }

    .basicquestion-box {

        margin: 30px 0;

        box-shadow: 0 0px 10px 0 rgba(0,0,0,0.2);

    }



    .form-img-box {

        display: none;

    }



    .form-btn {

        padding: 7px 0;

        font-size: 14px;

    }

    .back-side-row a {

        top: 5px;

        font-size: 18px;

    }

    .box-div {

        min-height: auto;

    }



    .card-box {

        width: 100%;

    }



    .register-box h6 {

        font-size: 26px;

    }



    .register-box h4 {

        font-size: 28px;

    }



    .register-box {

        top: 70px;

        left: 35px;

    }



    .basic-section {

        padding: 0;

        margin-top: 15px;

        margin-bottom: 15px;

    }

    .error-msg {

        font-size: 12px;

    }

    .basicquestion-box2 .otpform-input-box {

        padding: 15px 15px 10px;

    }



    .mobile-input-box .iti__selected-dial-code {

        font-size: 12px;

    }

    .mobile-number-box .form-control {

        padding-left: 95px !important;

    }

    .send-otp-btn {

        font-size: 12px;

        padding: 7px 5px;

    }



    .form-input-box .fa-eye {

        font-size: 12px;

        padding: 8px 5px;

    }



    .note-detail-box {

        display: block;

        margin-top: 15px;

    }

    .note-detail-box h4 {

        font-size: 22px;

        line-height: 24px;

    }



    .address-section .basic-form-box {

        max-width: 600px;

        margin: 20px auto;

        padding: 25px 15px 15px;

    }

    .address-section {

        padding: 0 15px;

    }



    .select-categories-section {

        margin: 30px 0;

    }



    .card-box {

        margin: 30px 0;

    }



    .catelist-box .col-cust-3 {

        padding: 0;

        width: 100%;

        margin-bottom: 15px;

    }



    .listing-height {

        height: auto;

        max-height: 500px;

        overflow-y: scroll;

    }

    .catelist-box {

        box-shadow: none;

    }

    .act-list {

        padding: 0;

    }



    .main-category-list .drag-drop-ul.ui-sortable {

        padding: 10px;

    }



    .continue-btn {

        font-size: 14px;

    }



    .business-detail-box {

        padding: 20px;

    }



    .business-detail-section {

        margin-top: 30px;

    }



    .data-card p {

        font-size: 12px;

    }

    .data-card h5 {

        font-size: 20px;

    }

    .data-card {

        padding: 10px 15px;

    }

    .data-card {

        margin: 0 0 15px 0;

    }



    .upcoming-event .card-title h6 {

        font-size: 14px;

    }



    .card-title h6 {

        font-size: 14px;

    }



    .confirmed-tab-div .nav-pills .nav-link {

        font-size: 12px;

        padding: 6px 5px;

    }

    .artist-ratio-side .confirmed-tab-div .nav-pills .nav-link {

        font-size: 11px;

        padding: 6px 0;

    }



    .chart-data-number {

        font-size: 16px;

    }



    .user-nameemail {

        display: none;

    }



    .sumaary-box ul li h4 {

        font-size: 18px;

    }



    .sumaary-box ul li p {

        font-size: 10px;

    }



    .sumaary-box p {

        font-size: 12px;

    }



    .accounter-box p {

        font-size: 12px;

    }



    .custom-payment-div {

        max-width: 100%;

        flex: 0 0 250px;

        margin-bottom: 10px;

        margin-top: 10px;

    }

    .show-export-btn-box {

        margin-bottom: 10px;

    }

    .setting-top a {

        font-size: 14px;

        padding: 10px;

        display: inline-block;

        border-radius: 5px;

        font-weight: 500;

    }



    .calender-section  .fc .fc-button .fc-icon {

        vertical-align: middle;

        font-size: 12px;

    }

    .calender-section .fc .fc-button {

        padding: 5px 10px;

    }

    .calender-section .fc .fc-toolbar-title {

        font-size: 18px;

        margin: 15px 0;

    }

    .calender-section .fc .fc-col-header-cell-cushion {

        padding: 10px 5px;

        font-size: 12px;

    }

    .calender-section .fc table {

        font-size: 12px;

    }



    body .register-form {

        position: relative;

        top: 0;

        right: 0;

        border-radius: 0;

        margin-bottom: 0;

        width: 100%;

        max-width: 100%;

        flex: 0 0 100%;

    }

    .container {

        max-width: 100%;

    }

    .why-seller .wrap {

        height: auto;

    }

    .register-img {

        text-align: center;

        margin-bottom: 20px;

    }



    .seller-instruct-tab .nav-tabs a {

        width: 33.33%;

        text-align: center;

    }

    .personalvideo-body-div {

        justify-content: center;

    }

    .personalvideo-body-div2 .modal-tab-comment-div {

        width: 100%;

        flex: 0 0 100%;

        padding: 15px 0 0 15px;

    }

    .upload-recoed-div a {

        margin-bottom: 15px;

    }

    .modal-videodiv {

        width: 100%;

        flex: 0 0 100%;

        padding-right: 0;

    }

    .artist-pagesetup {

        margin-top: 15px;

    }

    .addonsul li {

        flex: 0 0 100%;

    }

    .artist-pagesetup .mr-md-0 {

        margin: 0;

    }

    .artist-pagesetup .mr-md-0 .col-mobile-4 {

        padding: 0;

    }

    .artist-pagesetup .mr-md-0 .col-mobile-8 {

        padding: 0;

    }





    .admin-header .header-title h4 button {

        bottom: 3px;

        width: 65px;

        height: 25px;

    }

    .admin-header .btn-toggle.active > .handle {

        left: 2.688rem;

        transition: left .25s;

    }

    .admin-header .btn-toggle > .handle {

        position: absolute;

        top: 0.18rem;

        left: 0.288rem;

        width: 18px;

        height: 18px;

        border-radius: 1.125rem;

        background: #fff;

        transition: left .25s;

    }

    .admin-header .btn-toggle::after {

        font-size: 10px;

        line-height: 26px;

        text-align: left;

        padding-left: 6px;

        display: none;

    }

    .admin-header .btn-toggle > .handle::after {

        font-size: 13px;

        padding: 0;

        line-height: 20px;

        text-align: center;

        width: 100%;

    }

    .artist-admin-header .header-title span[data-toggle="modal"] {

        text-align: left!important;

    }



    .artist-admin-header .header-title {

        padding-left: 0;

        padding-top: 50px;

    }

    .calender-header h4 {

        font-size: 18px;

    }

    .bookpricingoption ul li {

        margin-bottom: 10px;

    }

    .bookpricingoption {

        padding: 0 15px;

    }

    .bookprice {

        position: relative;

        font-size: 16px;

        display: block;

        margin-top: 5px;

    }

    .booknameloc h6 {

        font-size: 16px;

    }

    .arti-cate-tag {

        font-size: 12px;

    }

    .bookstatus {

        margin: 5px 0 0;

    }

    .bookinglistingdiv {

        padding: 0;

    }

    .book-id-p {

        font-size: 14px;

    }

}

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

    .hellovideobox{
        display: block!important;
    }

    .quickstatsbox ul {
        display: block;
    }

    .quickstatsbox ul li{
        width: 100%;
        margin: 0;
        margin-top: 0!important;
        margin-bottom: 10px;
    }

    .side-col-cut{
        padding-left: 15px; 
    }

    .filter-colrow ul{
        display: block;
    }

    .filter-colrow ul li.filtercolli{
        max-width: 100%;
    }

    .show-export-btn-box button{
        width: 100%;
    }

    .formtolabel::after{
        position: unset;
    }

    .accp-reje-btndiv .btn {

        width: 100%;

        padding: 5px 0;

        margin-bottom: 10px;

    }



    .confirmed-tab-div2 .nav-pills li {

        width: 100%;

    }



    .range-select-div ul li {

        flex: 0 0 100%;

    }

    .range-select-div ul {

        flex-wrap: wrap;

    }

    .ds-bussiondetail-cart .mobile-red-maindiv {

        width: 100%;

    }

    .enter-otp-input .form-control {

        max-width: 100%;

        margin-right: 15px;

        margin-bottom: 10px;

    }

    .safet-tabp .snd-otp-btn {

        left: 10px;

    }



    .first-last-col .form-group .col-sm-6:first-child {

        padding-right: 15px;

    }

    .first-last-col .form-group .col-sm-6:last-child {

        padding-left: 15px;

    }

    .speit-img {

        margin: 0 auto 10px;

    }

    .speitem-conte {

        padding-left: 0;

        width: 100%;

    }

    /*.artist-admin-header .header-title span[data-toggle="modal"] {

        float: right;

        width: 100%;

        text-align: right;

    }*/

    .admin-header .header-title h4 button {

        bottom: 0;

    }

    .booking-tab .nav-tabs .nav-item {

        width: 100%;

        text-align: center;

    }



    .show-export-btn-box button {

        margin-top: 0;

    }



    .slc-category-ul li {

        width: 50%;

    }

    .con-act-detail h6 {

        font-size: 11px;

    }



    .con-act-detail p {

        font-size: 10px;

    }

    .con-btn-box button {

        font-size: 10px;

    }



    .con-act-price {

        font-size: 12px;

    }



    .upcoming-event-div ul li {

        width: 100%;

        border-bottom: 1px solid #dddddd;

    }

    .form-input-box .fa-eye {

        width: 68px;

    }

    .send-otp-btn {

        width: 68px;

    }



    .mobile-number-box .form-control {

        padding-left: 80px !important;

    }



    .mobile-number-box .iti--separate-dial-code .iti__selected-flag {

        padding: 0 5px 0 13px;

    }



    .register-box h4 {

        font-size: 18px;

    }

    .register-box h6 {

        font-size: 12px;

        margin: 5px 0 0 0;

    }



    .default-btn {

        font-size: 14px;



    }



    .aos-content-box p {

        font-size: 14px;

    }



    .banner_box {

        height: 150px;

    }



    .banner_box img {

        height: 100%;

        width: 100%;

    }



    .register-box {

        left: 25px;

        top: 80px;

    }



    .basic-form-box {

        padding: 20px;

    }



    .form-title {

        font-size: 14px;

    }



    .form-tab-box ul li.nav-item a {

        padding: 5px 15px;

        font-size: 12px;

    }

    .form-tab-box ul li.nav-item {

        padding: 0 2px;

    }



    .form-input-box .form-control {

        font-size: 12px;

    }



    .form-control::placeholder {

        font-size: 14px;

    }



    .basicquestion-box {

        margin: 30px 0;

    }



    .form-img-box {

        display: none;

    }



    .form-btn {

        padding: 7px 0;

        font-size: 14px;

    }



    .note-text {

        font-size: 10px;

        line-height: 14px;

    }



    .back-side-row a {

        top: 5px;

        font-size: 18px;

    }



    .header-title h4 {

        font-size: 14px;

    }



    .wishes-col-3 {

        flex: 0 0 100%;

        max-width: 100%;

    }

    .whishes-navtabs {

        height: auto;

        overflow: auto;

    }

    .wishes-col-6 {

        flex: 0 0 100%;

        max-width: 100%;

    }

    .com-pro-div .progress {

        width: 100%;

    }

    .reportfilterul .rep-fili {

        width: 50%;

    }





    .upload-selling-detail .bs-content-div {

        height: 100%;

        border-left: none;

        padding-left: 0;

        border-top: 1px solid #ddd;

        margin-top: 15px;

        padding-top: 15px;

    }

    .video-tag-div {

        width: 245px;

        margin: auto;

    }

    .perf-opt-ul li {

        display: inline-block;

        max-width: 100%;

        padding: 0 10px;

        flex: 0 0 100%;

        margin-bottom: 15px;

    }

    .profile-rightside .pro-tab-div.basic-tab-div .title-d h5 {

        padding-right: 130px;

        font-size: 16px;

    }

    .profile-rightside .pro-tab-div.basic-tab-div .proof-div-boxs .title-d h5 {

        padding-right: 0;

    }

    .proof-div-boxs ul li {

        margin-bottom: 10px;

    }

}

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

    .artist-detail-tablediv .dataTables_filter {

        float: right;

        width: 100%;

    }

    div.dataTables_wrapper div.dataTables_filter input {

        width: 210px;

    }

    .dataTables_filter label::after {

        top: 10px;

        right: 10px;

    }

    div.dataTables_wrapper div.dataTables_filter label {

        width: 262px;

        position: relative;

    }

    .calender-section .fc .fc-toolbar {

        display: block;

        text-align: center;

    }

    .seller-instruct-tab .nav-tabs a {

        width: 50%;

        text-align: center;

    }

    .recozostci-navbar .nav-item {

        padding: 0;

        width: 50%;

    }

    .bestSnippArea1057 .bsBox .cbp_tmtimeline li .cbp_tmicon {

        left: 10%;

    }

    .bestSnippArea1057 .bsBox .cbp_tmtimeline::before {

        left: 10%;

    }

}