@media only screen and (max-width: 6000px) and (min-width: 700px) {
    .wrapper.right-bar-enabled .right-bar {
        right: 0;
        z-index: 99;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .email-msg {
        display: none;
    }
} /* close 1024px */
@media (max-width: 1020px) {
    .tbl-responsive {
        overflow-x: auto;
    }
} /* close 1020px */
@media (min-width: 1200px) {
    .container-alt {
        width: 1170px;
    }
} /* close 1200px */
@media (min-width: 992px) {
    .container-alt {
        width: 970px;
    }
} /* close 992px */
@media (min-width: 768px) and (max-width: 991px) {
    body {
        overflow-x: hidden;
    }
} /* close 991px */
@media only screen and (max-width: 990px) {
    .content-page{
        margin-left: 0px !important;
    }
    .side-menu.left {
        position: fixed !important;
    }
    .side-menu .text-muted.menu-title {
        display: none;
    }
    #wrapper.enlarged .left.side-menu{
        width: 0 !important;
    }
    .sidebar-inner.slimscrollleft{
        overflow: scroll !important;
    }
    .footer {
        display: block;
        bottom: unset;
        position: relative;
        right: 0;
        left: 0 !important;
        margin-top: -50px;
        text-align: center !important;
    }
    .side-menu {
        transition: width .5s;
    }
    #wrapper.enlarged .menu-title {
        display: block;
    }
    #wrapper.enlarged .left.side-menu #sidebar-menu ul > li > a span {
        display: unset;
        padding-left: unset;
    }
    #sidebar-menu > ul > li > a {
        white-space: nowrap;
    }
    #wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a i {
        margin-right: 15px !important;
        font-size: 16px;
    }
    #wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a {
        padding: 12px 20px;
    }
} /* close 990px */
/* Table Responsive */
@media only screen and (max-width: 767px) {
    .container-alt {
        width: 750px;
    }
    #datatable_wrapper thead,
    #memberTbl_wrapper thead,
    #vendorTbl_wrapper thead,
    #petTbl_wrapper thead  {
        display: none;
    }
    #datatable_wrapper tbody tr td,
    #memberTbl_wrapper tbody tr td,
    #vendorTbl_wrapper tbody tr td,
    #petTbl_wrapper tbody tr td {
        display: block;
        border: 0;
        width: auto;
        text-align: left;
    }
    #datatable_wrapper tbody tr td:first-child,
    #memberTbl_wrapper tbody tr td:first-child,
    #vendorTbl_wrapper tbody tr td:first-child,
    #petTbl_wrapper tbody tr td:first-child {
        padding: 6px 0 !important;
        background: #eee;
        color: #000;
        font-weight: 700;
        border-radius: 20px;
        margin: 5px 0;
        text-align: center;
    }
    #datatable_wrapper tbody tr td:last-child,
    #memberTbl_wrapper tbody tr td:last-child,
    #vendorTbl_wrapper tbody tr td:last-child,
    #petTbl_wrapper tbody tr td:last-child {
        border-bottom: 1px solid #ebeff2;
        text-align: center;
    }
    table span.ttl {
        font-weight: 700;
        color: #000;
        display: inline-block !important;
    }
    div.dataTables_length {
        text-align: left;
    }
    div.dataTables_filter{
        position: absolute;
        bottom: 0;
        right: 6.5rem;
    }
    .tbl-responsive{
        overflow-x: hidden;
    }
    table .tbl-img {
        width: 100%;
    }
} /* close 767px */
/* End of Table Responsive */

@media only screen and (max-width: 767px) {
    body {
        overflow-x: hidden;
    }
    .mobile-sidebar {
        left: 0px;
    }
    .mobile-content {
        left: 250px;
        right: -250px;
    }
    .wrapper-page {
        width: 90%;
    }
    .wizard > .steps > ul > li {
        width: 100%;
    }
    .wizard > .content {
        padding: 0px !important;
    }
    .wizard > .content > .body {
        float: none;
        position: relative;
        width: 100%;
        height: 100%;
        padding: 0%;
    }
    .wizard.vertical > .steps {
        display: inline;
        float: none;
    }
    .wizard.vertical > .content {
        display: inline;
        float: none;
    }
    .navbar-nav .open .dropdown-menu {
        background-color: #ffffff;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        left: auto;
        position: absolute;
        right: 0;
    }
    .todo-send {
        margin-top: 10px;
        padding-left: 15px;
    }
    .chat-inputbar {
        padding-left: 15px;
    }
    .chat-send {
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .dataTables_wrapper .col-xs-6 {
        width: 100%;
        text-align: left;
    }
    .iti.iti--allow-dropdown.iti--separate-dial-code input[name=mobile_number],.iti.iti--allow-dropdown.iti--separate-dial-code input[name=phone] {
        width: 100% !important;
        padding-left: 76px !important;
    }

    .iti.iti--allow-dropdown.iti--separate-dial-code{
        width: 100% !important;
    }
} /* close 1024px */
@media (max-width: 720px) {
    #banner_img{
        width:100% !important;
    }
} /* close 767px */
@media only screen and (max-width: 525px) {
    div.dataTables_filter {
        position: relative;
        top: 0;
        right: 0;
        text-align: left;
    }
} /* close 525px */
@media only screen and (max-width: 490px){

} /* close 490px */
@media only screen and (max-width: 487px){
    .btn.edit-btn {
        bottom: 85px !important;
    }
} /* close 487px */
@media only screen and (max-width: 480px) {
    .side-menu {
        z-index: 10 !important;
    }
    .button-menu-mobile {
        display: block;
    }
    .search-bar {
        display: none !important;
    }
    .adv-post-wrapper iframe {
        height: 20rem;
    }
    .user-img {
        width: 50px;
        height: 50px;
    }
} /* close 480px */
@media only screen and (max-width: 420px) {
    .hide-phone {
        display: none !important;
    }
} /* close 420px */
@media (max-width: 419px) {
    .topbar-left {
        width: 70px !important;
    }
    .logo .icon-c-logo {
        display: inline-block !important;
    }
    .logo span {
        display: none !important;
    }
} /* close 419px */
@media only screen and (max-width: 349px) {
    div.dataTables_filter input {
        width: 85%;
    }
} /* close 349px */

/* Adjust for smaller screens */
@media (max-width: 900px) {
    .responsive-video-container {
      width: calc(50% - 10px); /* Two videos per row */
    }
}

@media (max-width: 600px) {
    .responsive-video-container {
      width: 100%; /* Single video per row */
    }
}