@media (min-width: 1550px) and (max-width: 1920px) {	
    .dashboard-area .container, .dashboard-area .container-lg, .dashboard-area .container-md, .dashboard-area .container-sm, .dashboard-area .container-xl, .dashboard-area .container-xxl {
        max-width: 1780px;
    }
	.main-sidebar {
        right: 5%;
        width: 90%;
    }
    .navbar .container, .navbar .container-fluid {
        width: 78%;
        margin-left: 20px;
    }
    .notifications.notify-mobile-scrn {
        margin-left: 5px;
    }
    .navbar{
        padding: 9px 20px;
        height: 85px;
    }
    .navbar-brand img {
        width: auto;
        height: 30px;
    }
    .navbar-toggler {
        width: 35px;
        height: 35px;
        background: var(--secondary-color);
        line-height: 5px;
        padding: 3px;
        font-size: 14px;
        border-radius: 50px;
    }
    .dashboard-area {
        padding: 15px 0;
    }
    .dashboard-sidebar .prf-titles {
        gap: 2px;
        margin: 0;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: right;
    }
    .desk-navbar {
        padding: 10px 15px 10px 20px;
    }
    .navbar-nav .nav-link{
        font-size: 12px;
        font-style: normal;
        font-weight: 600; 
    }
    .navbar-nav .nav-link {
        padding: 13px 10px;
        text-align: right;
    }
    .dashboard-sidebar .site-nav-pgs h5 {
        color: #00AE84;
        font-weight: 600;
    }
    .navbar-nav .nav-link {
        color: #000000;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 5px 4px;
    }
    .hd-profile-button .dropdown-menu:before {
        left: auto;
        right: 10px;
    }
    .dashboard-sidebar .nav-item .pg-link {
        padding: 10px 25px 10px 15px;
        font-size: 13px;
        color: #000;
    }
    .dashboard-sidebar .nav-item .pg-link i{
        color: #000;
    }
    .dashboard-sidebar .sidebar-head,
    .dashboard-sidebar .site-nav-pgs{
        border-color: #D7D7D7 !important;
    }
    .dashboard-sidebar .prf-titles h3 {
        color: #000000;
    }
    .main-sidebar {
        top: -87px;
        right: 0;
        width: 285px;
    }
    .navbar .container, .navbar .container-fluid {
        position: relative;
        z-index: 2;
        width: 80%;
    }
    .prf-titles .ttl-spn {
        font-size: 13px;
    }
    .dashboard-sidebar{
        background: #fff;
    }
    .page-content {
        width: auto;
        overflow: hidden;
        flex: 0 0 83%;
    }
    .table-head-bx {
        padding: 5px 15px;
    }
    .table-head-bx h3 {
        width: 30%;
        font-size: 14px;
    }
    .form-group.srch-grb-iptn{
        margin: 5px 0;
        flex: 1 0 0;
    }
    .sidebar-div {
        flex: 0 0 17%;
        position: relative;
    }
    .clnt-txt .sm-msg{
        width: 180px;
        padding-left: 5px;
    }
    .table-btns{
        width: 100%;
    }
    .table-btns .main-btn{
        width: 100%;
    }
    /* Meeting */
    .meet-user-info h6 {
        font-size: 12px;
        margin-top: 3px;
    }
    .meet-user-info h5 {
        font-size: 14px;
        font-weight: 500;
    }
    .meet-user-card .microphone-btn {
        width: 37px;
        height: 37px;
    }
    .meeting-scrn {
        flex-direction: row;
        gap: 10px;
    }
    .meet-user-card .microphone-btn i {
        font-size: 15px;
    }
    .chat-section{
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        display: none;
    }
    #closeButton {
        display: flex;
    }
    .meeting-container{
        padding: 10px;
    }
    .meeting-section{
        padding: 10px;
    }
    .meeting-buttons {
        gap: 10px;
    }
    .meeting-buttons .contr-lst .contr-btn i {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }
    /* 0 */
    .lg-modal-card .modal-content {
        padding: 20px 15px 20px 15px;
        border-radius: 14px;
    }
    .usrs-list{
        max-height: 510px;
        overflow: auto;
    }
    .usr-crd {
        flex: 0 0 100%;
    }
    /* Login */
    .reg-st-card {
        padding: 20px 20px 20px 20px;
    }
    .reg-btns .main-btn {
        padding: 16px 10px;
        font-size: 14px;
    }
    .reg-page-area {
        padding: 15px 0;
    }
    /* Form */
    .main-form label {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .main-form .form-group {
        margin: 5px 0;
    }
    .st-bx-crd {
        padding: 40px 15px 15px;
    }
    /* contact-page-area */
    .contact-page-area .reg-st-card {
        padding: 10px 10px 10px 10px;
    }
    .st-bx-crd {
        width: 100%;
    }
    .flex-form{
        gap: 30px;
        flex-direction: row;
    }
    .reg-logo img {
        width: 110px;
        height: auto;
    }
    /* waiting */
    .wttg-content-card iframe {
        border-radius: 10px;
        height: 410px;
    }
    .wttg-content-card {
        padding: 12px;
        border-radius: 20px;
        gap: 15px;
        padding-bottom: 25px;
    }
    .loading-div {
        margin: 30px 10px;
    }
    .flex-items {
        flex-direction: column;
    }
    .wttg-content-card.flex-items .wtt-media {
        flex: 0 0 100%;
        width: 100%;
    }
    .wttg-content-card.flex-items .wtt-media img {
        height: 600px;
    }
    .wtt-txt-div {
        flex: 0 0 100%;
        margin-top: 0;
        width: 90%;
        margin: auto;
    }
    .paragraph-container {
        position: relative;
        max-width: 100%;
        margin: auto;
        min-height: 70px;
        margin-top: 40px;
    }
    .paragraph h2 {
        font-size: 20px;
    }
    .paragraph p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    .radio-point {
        width: 8px;
        height: 8px;
        margin-top: 12px;
    }
    .pg-abs-sec {
        z-index: -1;
    }
    .reg-logo{
        padding: 20px 10px;
    }
    .rate-section{
        padding: 50px 30px; 
    }
}

@media (min-width: 1451px) and (max-width: 1500px) {	
    .dashboard-area .container, .dashboard-area .container-lg, .dashboard-area .container-md, .dashboard-area .container-sm, .dashboard-area .container-xl, .dashboard-area .container-xxl {
        max-width: 1290px;
    }
	.main-sidebar {
        right: 5%;
        width: 90%;
    }
    .navbar .container, .navbar .container-fluid {
        width: 78%;
        margin-left: 20px;
    }
    .notifications.notify-mobile-scrn {
        margin-left: 5px;
    }
    .navbar{
        padding: 9px 20px;
        height: 85px;
    }
    .navbar-brand img {
        width: auto;
        height: 30px;
    }
    .navbar-toggler {
        width: 35px;
        height: 35px;
        background: var(--secondary-color);
        line-height: 5px;
        padding: 3px;
        font-size: 14px;
        border-radius: 50px;
    }
    .dashboard-area {
        padding: 15px 0;
    }
    .dashboard-sidebar .prf-titles {
        gap: 2px;
        margin: 0;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: right;
    }
    .desk-navbar {
        padding: 10px 15px 10px 20px;
    }
    .navbar-nav .nav-link{
        font-size: 12px;
        font-style: normal;
        font-weight: 600; 
    }
    .navbar-nav .nav-link {
        padding: 13px 10px;
        text-align: right;
    }
    .dashboard-sidebar .site-nav-pgs h5 {
        color: #00AE84;
        font-weight: 600;
    }
    .navbar-nav .nav-link {
        color: #000000;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 5px 4px;
    }
    .hd-profile-button .dropdown-menu:before {
        left: auto;
        right: 10px;
    }
    .dashboard-sidebar .nav-item .pg-link {
        padding: 10px 25px 10px 15px;
        font-size: 13px;
        color: #000;
    }
    .dashboard-sidebar .nav-item .pg-link i{
        color: #000;
    }
    .dashboard-sidebar .sidebar-head,
    .dashboard-sidebar .site-nav-pgs{
        border-color: #D7D7D7 !important;
    }
    .dashboard-sidebar .prf-titles h3 {
        color: #000000;
    }
    .main-sidebar {
        top: -87px;
        right: 0;
        width: 265px;
    }
    .navbar .container, .navbar .container-fluid {
        position: relative;
        z-index: 2;
        width: 74%;
    }
    .prf-titles .ttl-spn {
        font-size: 13px;
    }
    .dashboard-sidebar{
        background: #fff;
    }
    .page-content {
        width: auto;
        overflow: hidden;
        flex: 0 0 80%;
    }
    .pg-ttl-lft{
       justify-content: flex-start;
       flex-wrap: wrap;
       width: 100%;
       gap: 0px;
    }
    .pg-ttl-lft .srch-grb-iptn input {
        width: 100%;
    }
    .table-head-bx {
        padding: 5px 15px;
    }
    .table-head-bx h3 {
        width: 30%;
        font-size: 14px;
    }
    .form-group.srch-grb-iptn{
        margin: 5px 0;
        flex: 1 0 0;
    }
    .sidebar-div {
        flex: 0 0 21%;
        position: relative;
    }
    .clnt-txt .sm-msg{
        width: 180px;
        padding-left: 5px;
    }
    .table-btns{
        width: 100%;
    }
    .table-btns .main-btn{
        width: 100%;
    }
    /* Meeting */
    .meet-user-info .user-img {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }
    .meet-user-info h6 {
        font-size: 12px;
        margin-top: 3px;
    }
    .meet-user-info h5 {
        font-size: 14px;
        font-weight: 500;
    }
    .meet-user-card .microphone-btn {
        width: 37px;
        height: 37px;
    }
    .meeting-scrn {
        flex-direction: row;
        gap: 10px;
    }
    .meet-user-card .microphone-btn i {
        font-size: 15px;
    }
    .chat-section{
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        display: none;
    }
    #closeButton {
        display: flex;
    }
    .meeting-container{
        padding: 10px;
    }
    .meeting-section{
        padding: 10px;
    }
    .meeting-buttons .contr-lst .contr-btn {
        padding: 15px 8px;
        gap: 3px;
        border-radius: 5px;
        font-size: 12px;
        line-height: 15px;
    }
    .meeting-buttons .contr-lst .contr-btn i {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }

    /* 0 */
    .lg-modal-card .modal-content {
        padding: 20px 15px 20px 15px;
        border-radius: 14px;
    }
    .usrs-list{
        max-height: 510px;
        overflow: auto;
    }
    .usr-crd {
        flex: 0 0 100%;
    }
    /* Login */
    .reg-st-card {
        padding: 20px 20px 20px 20px;
    }
    .reg-btns .main-btn {
        padding: 16px 10px;
        font-size: 14px;
    }
    .reg-page-area {
        padding: 15px 0;
    }
    /* Form */
    .main-form label {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .main-form .form-group {
        margin: 5px 0;
    }
    .st-bx-crd {
        padding: 40px 15px 15px;
    }
    /* contact-page-area */
    .contact-page-area .reg-st-card {
        padding: 10px 10px 10px 10px;
    }
    .st-bx-crd {
        width: 100%;
    }
    .flex-form{
        gap: 10px;
       flex-direction: column;
    }
    .reg-logo img {
        width: 110px;
        height: auto;
    }
    /* waiting */
    .wttg-content-card iframe {
        border-radius: 10px;
        height: 520px;
    }
    .wttg-content-card {
        padding: 12px;
        border-radius: 20px;
        gap: 15px;
        padding-bottom: 25px;
    }
    .loading-div {
        margin: 30px 10px;
    }
    .flex-items {
        flex-direction: column;
    }
    .wttg-content-card.flex-items .wtt-media {
        flex: 0 0 100%;
        width: 100%;
    }

    .wttg-content-card.flex-items .wtt-media img {
        height: 600px;
    }
    .wtt-txt-div {
        flex: 0 0 100%;
        margin-top: 0;
        width: 90%;
        margin: auto;
    }
    .paragraph-container {
        position: relative;
        max-width: 100%;
        margin: auto;
        min-height: 70px;
        margin-top: 40px;
    }
    .paragraph h2 {
        font-size: 20px;
    }
    .paragraph p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    .radio-point {
        width: 8px;
        height: 8px;
        margin-top: 12px;
    }
    .pg-abs-sec {
        z-index: -1;
    }
    .reg-logo{
        padding: 20px 10px;
    }
    .rate-section{
        padding: 50px 30px; 
    }
}

@media (min-width: 1350px) and (max-width: 1450px) {	
    .dashboard-area .container, .dashboard-area .container-lg, .dashboard-area .container-md, .dashboard-area .container-sm, .dashboard-area .container-xl, .dashboard-area .container-xxl {
        max-width: 1290px;
    }
	.main-sidebar {
        right: 5%;
        width: 90%;
    }
    .navbar .container, .navbar .container-fluid {
        width: 78%;
        margin-left: 20px;
    }
    .notifications.notify-mobile-scrn {
        margin-left: 5px;
    }
    .navbar{
        padding: 9px 20px;
        height: 85px;
    }
    .navbar-brand img {
        width: auto;
        height: 30px;
    }
    .navbar-toggler {
        width: 35px;
        height: 35px;
        background: var(--secondary-color);
        line-height: 5px;
        padding: 3px;
        font-size: 14px;
        border-radius: 50px;
    }
    .dashboard-area {
        padding: 15px 0;
    }
    .dashboard-sidebar .prf-titles {
        gap: 2px;
        margin: 0;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: right;
    }
    .desk-navbar {
        padding: 10px 15px 10px 20px;
    }
    .navbar-nav .nav-link{
        font-size: 12px;
        font-style: normal;
        font-weight: 600; 
    }
    .navbar-nav .nav-link {
        padding: 13px 10px;
        text-align: right;
    }
    .dashboard-sidebar .site-nav-pgs h5 {
        color: #00AE84;
        font-weight: 600;
    }
    .navbar-nav .nav-link {
        color: #000000;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 5px 4px;
    }
    .hd-profile-button .dropdown-menu:before {
        left: auto;
        right: 10px;
    }
    .dashboard-sidebar .nav-item .pg-link {
        padding: 10px 25px 10px 15px;
        font-size: 13px;
        color: #000;
    }
    .dashboard-sidebar .nav-item .pg-link i{
        color: #000;
    }
    .dashboard-sidebar .sidebar-head,
    .dashboard-sidebar .site-nav-pgs{
        border-color: #D7D7D7 !important;
    }
    .dashboard-sidebar .prf-titles h3 {
        color: #000000;
    }
    .main-sidebar {
        top: -87px;
        right: 0;
        width: 265px;
    }
    .navbar .container, .navbar .container-fluid {
        position: relative;
        z-index: 2;
        width: 75%;
    }
    .prf-titles .ttl-spn {
        font-size: 13px;
    }
    .dashboard-sidebar{
        background: #fff;
    }
    .page-content {
        width: auto;
        overflow: hidden;
        flex: 0 0 80%;
    }
    .pg-ttl-lft{
       justify-content: flex-start;
       flex-wrap: wrap;
       width: 100%;
       gap: 0px;
    }
    .pg-ttl-lft .srch-grb-iptn input {
        width: 100%;
    }
    .table-head-bx {
        padding: 5px 15px;
    }
    .table-head-bx h3 {
        width: 30%;
        font-size: 14px;
    }
    .form-group.srch-grb-iptn{
        margin: 5px 0;
        flex: 1 0 0;
    }
    .sidebar-div {
        flex: 0 0 21%;
        position: relative;
    }
    .clnt-txt .sm-msg{
        width: 180px;
        padding-left: 5px;
    }
    .table-btns{
        width: 100%;
    }
    .table-btns .main-btn{
        width: 100%;
    }
    /* Meeting */
    .meet-user-info .user-img {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }
    .meet-user-info h6 {
        font-size: 12px;
        margin-top: 3px;
    }
    .meet-user-info h5 {
        font-size: 14px;
        font-weight: 500;
    }
    .meet-user-card .microphone-btn {
        width: 37px;
        height: 37px;
    }
    .meeting-scrn {
        flex-direction: row;
        gap: 10px;
    }
    .meet-user-card .microphone-btn i {
        font-size: 15px;
    }
    .chat-section{
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        display: none;
    }
    #closeButton {
        display: flex;
    }
    .meeting-container{
        padding: 10px;
    }
    .meeting-section{
        padding: 10px;
    }
    .meeting-buttons .contr-lst {
        width: 100%;
        flex-wrap: wrap;
    }
    .meeting-buttons {
        gap: 10px;
        flex-direction: column;
    }
    .meeting-buttons .contr-lst .contr-btn i {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }

    /* 0 */
    .lg-modal-card .modal-content {
        padding: 20px 15px 20px 15px;
        border-radius: 14px;
    }
    .usrs-list{
        max-height: 510px;
        overflow: auto;
    }
    .usr-crd {
        flex: 0 0 100%;
    }
    /* Login */
    .reg-st-card {
        padding: 20px 20px 20px 20px;
    }
    .reg-btns .main-btn {
        padding: 16px 10px;
        font-size: 14px;
    }
    .reg-page-area {
        padding: 15px 0;
    }
    /* Form */
    .main-form label {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .main-form .form-group {
        margin: 5px 0;
    }
    .st-bx-crd {
        padding: 40px 15px 15px;
    }
    /* contact-page-area */
    .contact-page-area .reg-st-card {
        padding: 10px 10px 10px 10px;
    }
    .st-bx-crd {
        width: 100%;
    }
    .flex-form{
        gap: 30px;
        flex-direction: row;
    }
    .reg-logo img {
        width: 110px;
        height: auto;
    }
    /* waiting */
    .wttg-content-card iframe {
        border-radius: 10px;
        height: 510px;
    }
    .wttg-content-card {
        padding: 12px;
        border-radius: 20px;
        gap: 15px;
        padding-bottom: 25px;
    }
    .loading-div {
        margin: 30px 10px;
    }
    .flex-items {
        flex-direction: column;
    }
    .wttg-content-card.flex-items .wtt-media {
        flex: 0 0 100%;
        width: 100%;
    }
    .wttg-content-card.flex-items .wtt-media img {
        height: 600px;
    }
    .wtt-txt-div {
        flex: 0 0 100%;
        margin-top: 0;
        width: 90%;
        margin: auto;
    }
    .paragraph-container {
        position: relative;
        max-width: 100%;
        margin: auto;
        min-height: 70px;
        margin-top: 40px;
    }
    .paragraph h2 {
        font-size: 20px;
    }
    .paragraph p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    .radio-point {
        width: 8px;
        height: 8px;
        margin-top: 12px;
    }
    .pg-abs-sec {
        z-index: -1;
    }
    .reg-logo{
        padding: 20px 10px;
    }
    .rate-section{
        padding: 50px 30px; 
    }
}

/* Normal desktop :1170px. */
@media (min-width: 1170px) and (max-width: 1349px) {	
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1190px;
    }
    .notifications.notify-mobile-scrn {
        margin-left: 5px;
    }
    .navbar{
        padding: 9px 20px;
        height: 85px;
    }
    .navbar-brand img {
        width: auto;
        height: 30px;
    }
    .navbar-toggler {
        width: 35px;
        height: 35px;
        background: var(--secondary-color);
        line-height: 5px;
        padding: 3px;
        font-size: 14px;
        border-radius: 50px;
    }
    .dashboard-area {
        padding: 15px 0;
    }
    .dashboard-sidebar .prf-titles {
        gap: 2px;
        margin: 0;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: right;
    }
    .desk-navbar {
        padding: 10px 15px 10px 20px;
    }
    .navbar-nav .nav-link{
        font-size: 12px;
        font-style: normal;
        font-weight: 600; 
    }
    .navbar-nav .nav-link {
        padding: 13px 10px;
        text-align: right;
    }
    .dashboard-sidebar .site-nav-pgs h5 {
        color: #00AE84;
        font-weight: 600;
    }
    .navbar-nav .nav-link {
        color: #000000;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 5px 4px;
    }
    .hd-profile-button .dropdown-menu:before {
        left: auto;
        right: 10px;
    }
    .dashboard-sidebar .nav-item .pg-link {
        padding: 10px 25px 10px 15px;
        font-size: 13px;
        color: #000;
    }
    .dashboard-sidebar .nav-item .pg-link i{
        color: #000;
    }
    .dashboard-sidebar .sidebar-head,
    .dashboard-sidebar .site-nav-pgs{
        border-color: #D7D7D7 !important;
    }
    .dashboard-sidebar .prf-titles h3 {
        color: #000000;
    }
    .main-sidebar {
        top: -87px;
        right: 0;
        width: 265px;
    }
    .navbar .container, .navbar .container-fluid {
        position: relative;
        z-index: 2;
        width: 74%;
    }
    .prf-titles .ttl-spn {
        font-size: 13px;
    }
    .dashboard-sidebar{
        background: #fff;
    }
    .nav-item .dropdown .nav-link.dropdown-toggle{
        display: flex;
        align-items: center;
        padding: 0;
        font-size: 13px;
    }
    .nav-item.dropdown.pg-link{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .dashboard-sidebar .prf-img {
        width: 60px;
        height: 60px;
        margin: 0;
    }   
    .navbar-nav .dropdown .dropdown-menu{
        padding-right: 30px;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item{
        border-bottom: 1px solid #ededed00;
        padding: 10px;
        font-size: 13px;
        font-weight: 600;
    } 
    .navbar-nav .dropdown .dropdown-menu .dropdown-item.active{
        background-color: #e3e3e300;
        color: var(--main-color);
    }
    .page-content {
        width: auto;
        overflow: hidden;
        flex: 0 0 80%;
    }
    .pg-ttl-lft{
       justify-content: flex-start;
       flex-wrap: wrap;
       width: 100%;
       gap: 0px;
    }
    .pg-ttl-lft .srch-grb-iptn input {
        width: 100%;
    }
    .table-head-bx {
        padding: 5px 15px;
    }
    .table-head-bx h3 {
        width: 30%;
        font-size: 14px;
    }
    .form-group.srch-grb-iptn{
        margin: 5px 0;
        flex: 1 0 0;
    }
    .sidebar-div {
        flex: 0 0 23%;
        position: relative;
    }
    .clnt-txt .sm-msg{
        width: 180px;
        padding-left: 5px;
    }
    .table-btns{
        width: 100%;
    }
    .table-btns .main-btn{
        width: 100%;
    }
    /* Meeting */
    .meet-user-info .user-img {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }
    .meet-user-info h6 {
        font-size: 12px;
        margin-top: 3px;
    }
    .meet-user-info h5 {
        font-size: 14px;
        font-weight: 500;
    }
    .meet-user-card .microphone-btn {
        width: 37px;
        height: 37px;
    }
    .meeting-scrn {
        flex-direction: row;
        gap: 10px;
    }
    .meet-user-card .microphone-btn i {
        font-size: 15px;
    }
    .chat-section{
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        display: none;
    }
    #closeButton {
        display: flex;
    }
    .meeting-container{
        padding: 10px;
    }
    .meeting-section{
        padding: 10px;
    }
    .meeting-buttons .contr-lst .contr-btn {
        padding: 15px 8px;
        gap: 3px;
        border-radius: 5px;
        font-size: 12px;
        line-height: 15px;
    }
    .meeting-buttons .contr-lst .contr-btn i {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }

    /* 0 */
    .lg-modal-card .modal-content {
        padding: 20px 15px 20px 15px;
        border-radius: 14px;
    }
    .usrs-list{
        max-height: 510px;
        overflow: auto;
    }
    .usr-crd {
        flex: 0 0 100%;
    }
    /* Login */
    .reg-st-card {
        padding: 20px 20px 20px 20px;
    }
    .reg-btns .main-btn {
        padding: 16px 10px;
        font-size: 14px;
    }
    .reg-page-area {
        padding: 15px 0;
    }
    /* Form */
    .main-form label {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .main-form .form-group {
        margin: 5px 0;
    }
    .st-bx-crd {
        padding: 40px 15px 15px;
    }
    /* contact-page-area */
    .contact-page-area .reg-st-card {
        padding: 10px 10px 10px 10px;
    }
    .st-bx-crd {
        width: 100%;
    }
    .flex-form{
        gap: 30px;
        flex-direction: row;
    }
    .reg-logo img {
        width: 110px;
        height: auto;
    }
    /* waiting */
    .wttg-content-card iframe {
        border-radius: 10px;
        height: 390px;
    }
    .wttg-content-card {
        padding: 12px;
        border-radius: 20px;
        gap: 15px;
        padding-bottom: 25px;
    }
    .loading-div {
        margin: 30px 10px;
    }
    .flex-items {
        flex-direction: column;
    }
    .wttg-content-card.flex-items .wtt-media {
        flex: 0 0 100%;
        width: 100%;
    }
    .wttg-content-card.flex-items .wtt-media img {
        height: 600px;
    }
    .wtt-txt-div {
        flex: 0 0 100%;
        margin-top: 0;
        width: 90%;
        margin: auto;
    }
    .paragraph-container {
        position: relative;
        max-width: 100%;
        margin: auto;
        min-height: 100px;
        margin-top: 40px;
    }
    .paragraph h2 {
        font-size: 20px;
    }
    .paragraph p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    .radio-point {
        width: 8px;
        height: 8px;
        margin-top: 12px;
    }
    .pg-abs-sec {
        z-index: -1;
    }
    .reg-logo{
        padding: 20px 10px;
    }
    .rate-section{
        padding: 50px 30px; 
    }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {	
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1130px;
    }
    .notifications.notify-mobile-scrn {
        margin-left: 5px;
    }
    .navbar{
        padding: 9px 20px;
        height: 85px;
    }
    .navbar-brand img {
        width: auto;
        height: 30px;
    }
    .navbar-toggler {
        width: 35px;
        height: 35px;
        background: var(--secondary-color);
        line-height: 5px;
        padding: 3px;
        font-size: 14px;
        border-radius: 50px;
    }
    .dashboard-area {
        padding: 15px 0;
    }
    .dashboard-sidebar .prf-titles {
        gap: 2px;
        margin: 0;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: right;
    }
    .desk-navbar {
        padding: 10px 15px 10px 20px;
    }
    .navbar-nav .nav-link{
        font-size: 12px;
        font-style: normal;
        font-weight: 600; 
    }
    .navbar-nav .nav-link {
        padding: 13px 10px;
        text-align: right;
    }
    .dashboard-sidebar .site-nav-pgs h5 {
        color: #00AE84;
        font-weight: 600;
    }
    .navbar-nav .nav-link {
        color: #000000;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 5px 4px;
    }
    .hd-profile-button .dropdown-menu:before {
        left: auto;
        right: 10px;
    }
    .dashboard-sidebar .nav-item .pg-link {
        padding: 10px 25px 10px 15px;
        font-size: 13px;
        color: #000;
    }
    .dashboard-sidebar .nav-item .pg-link i{
        color: #000;
    }
    .dashboard-sidebar .sidebar-head,
    .dashboard-sidebar .site-nav-pgs{
        border-color: #D7D7D7 !important;
    }
    .dashboard-sidebar .prf-titles h3 {
        color: #000000;
    }
    .main-sidebar {
        top: -87px;
        right: 0;
        width: 260px;
    }
    .navbar .container, .navbar .container-fluid {
        position: relative;
        z-index: 2;
        width: 75%;
    }
    .prf-titles .ttl-spn {
        font-size: 13px;
    }
    .dashboard-sidebar{
        background: #fff;
    }
    .nav-item .dropdown .nav-link.dropdown-toggle{
        display: flex;
        align-items: center;
        padding: 0;
        font-size: 13px;
    }
    .nav-item.dropdown.pg-link{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .dashboard-sidebar .prf-img {
        width: 60px;
        height: 60px;
        margin: 0;
    }   
    .navbar-nav .dropdown .dropdown-menu{
        padding-right: 30px;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item{
        border-bottom: 1px solid #ededed00;
        padding: 10px;
        font-size: 13px;
        font-weight: 600;
    } 
    .navbar-nav .dropdown .dropdown-menu .dropdown-item.active{
        background-color: #e3e3e300;
        color: var(--main-color);
    }
    .page-content {
        width: auto;
        overflow: hidden;
        flex: 1 0 70%;
    }
    .pg-ttl-lft{
       justify-content: flex-start;
       flex-wrap: wrap;
       width: 100%;
       gap: 0px;
    }
    .pg-ttl-lft .srch-grb-iptn input {
        width: 100%;
    }
    .table-head-bx {
        padding: 5px 15px;
    }
    .table-head-bx h3 {
        width: 30%;
        font-size: 14px;
    }
    .form-group.srch-grb-iptn{
        margin: 5px 0;
        flex: 1 0 0;
    }
    .sidebar-div {
        flex: 0 0 25%;
        position: relative;
    }
    .clnt-txt .sm-msg{
        width: 180px;
    }
    .table-btns{
        width: 100%;
    }
    .table-btns .main-btn{
        width: 100%;
    }
    /* Meeting */
    .meet-user-info .user-img {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }
    .meet-user-info h6 {
        font-size: 12px;
        margin-top: 3px;
    }
    .meet-user-info h5 {
        font-size: 14px;
        font-weight: 500;
    }
    .meet-user-card .microphone-btn {
        width: 37px;
        height: 37px;
    }
    .meeting-scrn {
        flex-direction: row;
        gap: 10px;
    }
    .meet-user-card .microphone-btn i {
        font-size: 15px;
    }
    .chat-section{
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        display: none;
    }
    #closeButton {
        display: flex;
    }
    .meeting-container{
        padding: 10px;
    }
    .meeting-section{
        padding: 10px;
    }
    .meeting-buttons .contr-lst {
        width: 100%;
        flex-wrap: wrap;
    }
    .meeting-buttons {
        gap: 10px;
        flex-direction: column;
    }
    .meeting-buttons .contr-lst .contr-btn i {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }

    /* 0 */
    .lg-modal-card .modal-content {
        padding: 20px 15px 20px 15px;
        border-radius: 14px;
    }
    .usrs-list{
        max-height: 510px;
        overflow: auto;
    }
    .usr-crd {
        flex: 0 0 100%;
    }
    /* Login */
    .reg-st-card {
        padding: 20px 20px 20px 20px;
    }
    .reg-btns .main-btn {
        padding: 16px 10px;
        font-size: 14px;
    }
    .reg-page-area {
        padding: 15px 0;
    }
    /* Form */
    .main-form label {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .main-form .form-group {
        margin: 5px 0;
    }
    .st-bx-crd {
        padding: 40px 15px 15px;
    }
    /* contact-page-area */
    .contact-page-area .reg-st-card {
        padding: 10px 10px 10px 10px;
    }
    .st-bx-crd {
        width: 100%;
    }
    .flex-form{
        gap: 30px;
        flex-direction: row;
    }
    .reg-logo img {
        width: 110px;
        height: auto;
    }
    /* waiting */
    .wttg-content-card iframe {
        border-radius: 10px;
        height: 430px;
    }
    .wttg-content-card {
        padding: 12px;
        border-radius: 20px;
        gap: 15px;
        padding-bottom: 25px;
    }
    .loading-div {
        margin: 30px 10px;
    }
    .flex-items {
        flex-direction: column;
    }
    .wttg-content-card.flex-items .wtt-media {
        flex: 0 0 100%;
        width: 100%;
    }
    .wtt-txt-div {
        flex: 0 0 100%;
        margin-top: 0;
        width: 90%;
        margin: auto;
    }
    .paragraph h2 {
        font-size: 20px;
    }
    .paragraph p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    .paragraph-container {
        position: relative;
        max-width: 100%;
        margin: auto;
        min-height: 75px;
        margin-top: 40px;
    }
    .radio-point {
        width: 8px;
        height: 8px;
        margin-top: 12px;
    }
    .pg-abs-sec {
        z-index: -1;
    }
    .reg-logo{
        padding: 20px 10px;
    }
    .rate-section{
        padding: 50px 30px; 
    }
    .stsc-list .stsc-card {
        flex: 0 0 48%;
        padding: 20px 10px;
    }
    .stsc-list .stsc-card i {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }
    .stsc-list .stsc-card h2 {
        font-size: 12px;
        font-weight: 600;
    }
    .chart-Item {
        flex: 0 0 100%;
    }
    .video-section .video-item {
        width: 100%;
        height: 100%;
    }
    .stt-card-item {
        flex: 1 0 31.5%;
        padding: 20px 10px;
    }
    .stt-card-item-text p {
        min-height: 54px;
    }
    .sett-crd-item {
        padding: 20px 15px 15px 15px;
    }
    .colorPicker-box{
        flex: 0 0 100%;
    }
    .breadcrumb a,.breadcrumb-item.active {
        font-size: 12px;
    }
    .breadcrumb{
        row-gap: 5px;
        column-gap: 8px;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 5px;
    }
    .back-item a {
        padding: 5px 10px;
    }
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {	
    @media (min-width: 576px) {
        .container, .container-sm {
            max-width: 940px;
        }
    }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-right: 0;
        margin-left: auto;
    }
    .xs-hidden {
        display: none;
    }
    .lg-hidden {
        display: block;
    }
    .main-sidebar{
        top: 0;
    }
    .reg-accc-mob-scrn {
        display: flex ;
        flex-direction: row;
        gap: 6px;
    }
    .notifications.notify-mobile-scrn {
        margin-left: 0;
    }
    .navbar .container, .navbar .container-fluid{
        width: 100%;
    }
    .navbar{
        padding: 9px 20px;
        height: 85px;
    }
    .navbar-brand img {
        width: auto;
        height: 30px;
    }
    .navbar-toggler {
        width: 35px;
        height: 35px;
        background: var(--secondary-color);
        line-height: 5px;
        padding: 3px;
        font-size: 14px;
        border-radius: 50px;
    }
    .navbar .container-fluid{
        background: #ffffff;
        padding: 10px 15px 10px 15px;
        border-radius: 15px;
        color: #000;
        display: flex;
        flex-basis: auto !important;
        flex-direction: row;
        justify-content: space-between;
    }
    .table-mobile .mob-show {
        display: block;
        font-size: 13px;
        font-weight: 500;
        min-width: 100px;
    }
    .dashboard-area {
        padding: 15px 0;
    }
    .dashboard-sidebar .prf-titles {
        gap: 2px;
        margin: 0;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: right;
    }
    .navbar-nav .nav-link {
        padding: 13px 10px;
        text-align: right;
    }
    .dashboard-sidebar .site-nav-pgs h5 {
        color: #00AE84;
        font-weight: 600;
    }
    .navbar-nav .nav-link {
        color: #000000;
    }
    .navbar-expand-lg .navbar-nav {
        gap: 3px;
        padding-top: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    .hd-profile-button .dropdown-menu:before {
        left: 6px;
        right: auto;
    }
    .dashboard-sidebar .nav-item .pg-link {
        padding: 10px 25px 10px 15px;
        font-size: 13px;
        color: #000;
    }
    .dashboard-sidebar .nav-item .pg-link i{
        color: #000;
    }
    .dashboard-sidebar .sidebar-head,
    .dashboard-sidebar .site-nav-pgs{
        border-color: #D7D7D7 !important;
    }
    .dashboard-sidebar .prf-titles h3 {
        color: #000000;
    }
    .navbar-nav .nav-item:not(:last-child) {
        border-bottom: 1px solid #EAEAEA;
    }
    .prf-titles .ttl-spn {
        font-size: 13px;
    }
    .dashboard-sidebar{
        background: #fff;
    }
    .nav-item .dropdown .nav-link.dropdown-toggle{
        display: flex;
        align-items: center;
        padding: 0;
        font-size: 13px;
    }
    .nav-item.dropdown.pg-link{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .dashboard-sidebar .prf-img {
        width: 60px;
        height: 60px;
        margin: 0;
    }   
    .navbar-nav .dropdown .dropdown-menu{
        padding-right: 30px;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item{
        border-bottom: 1px solid #ededed00;
        padding: 10px;
        font-size: 13px;
        font-weight: 600;
    } 
    .navbar-nav .dropdown .dropdown-menu .dropdown-item.active{
        background-color: #e3e3e300;
        color: var(--main-color);
    }
    .dashboard-sidebar {
        width: 30%;
        display: flex;
    }
    .table-head-bx h3{
        display: none;
    }
    .table-head-bx{
        padding: 0 0 10px 0;
    }
    .table-box {
        border: 1px solid #ced6e100;
        border-radius: 14px;
        margin-top: 10px;
    }
    .main-table table tbody th, .main-table table tbody td {
        color: #000;
        width: 100%;
        font-weight: 700;
        height: auto;
        gap: 15px;
        padding: 12px 15px !important;
        border-top: 1px solid #ddd !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-content: center;
        box-sizing: inherit;
    }
    .main-table.table-mobile tbody tr {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 10px;
        border-radius: 15px;
        overflow: hidden;
        padding: 0;
        gap: 0;
        background-color: #ffffff !important;
        border: 1px solid #bebebe;
    }
    .table-head-bx {
        flex-direction: column;
    }
    .pg-ttl-lft{
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        gap: 0px;
     }
     .pg-ttl-lft .srch-grb-iptn input {
         width: 100%;
     }
     .form-group.srch-grb-iptn{
         margin: 5px 0;
         flex: 1 0 0;
     }
    .sidebar-div{
        display: none;
    }
    .table-mobile thead {
        display: none;
    }
    .clnt-txt .sm-msg{
        width: 180px;
    }
    .table-btns{
        width: 100%;
    }
    .table-btns .main-btn{
        width: 100%;
    }
    /* Meeting */
    .meet-user-info .user-img {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }
    .meet-user-info h6 {
        font-size: 12px;
        margin-top: 3px;
    }
    .meet-user-info h5 {
        font-size: 14px;
        font-weight: 500;
    }
    .meet-user-card .microphone-btn {
        width: 37px;
        height: 37px;
    }
    .meeting-scrn {
        flex-direction: row;
        gap: 10px;
    }
    .meet-user-card .microphone-btn i {
        font-size: 15px;
    }
    .chat-section{
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        display: none;
    }
    #closeButton {
        display: flex;
    }
    .meeting-container{
        padding: 10px;
    }
    .meeting-section{
        padding: 10px;
    }
    .meeting-buttons .contr-lst {
        width: 100%;
        flex-wrap: wrap;
    }
    .meeting-buttons {
        gap: 10px;
        flex-direction: column;
    }
    .meeting-buttons .contr-lst .contr-btn {
        padding: 15px 8px;
        gap: 3px;
        border-radius: 5px;
        font-size: 12px;
        line-height: 15px;
    }
    .meeting-buttons .contr-lst .contr-btn i {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }

    /* 0 */
    .lg-modal-card .modal-content {
        padding: 20px 15px 20px 15px;
        border-radius: 14px;
    }
    .usrs-list{
        max-height: 510px;
        overflow: auto;
    }
    .usr-crd {
        flex: 0 0 100%;
    }
    /* Login */
    .reg-st-card {
        padding: 20px 20px 20px 20px;
    }
    .reg-btns .main-btn {
        padding: 16px 10px;
        font-size: 14px;
    }
    .reg-page-area {
        padding: 15px 0;
    }
    /* Form */
    .main-form label {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .main-form .form-group {
        margin: 5px 0;
    }
    .st-bx-crd {
        padding: 40px 15px 15px;
    }
    /* contact-page-area */
    .contact-page-area .reg-st-card {
        padding: 10px 10px 10px 10px;
    }
    .st-bx-crd {
        width: 100%;
    }
    .flex-form{
       gap: 30px;
       flex-direction: row;
    }
    .reg-logo img {
        width: 110px;
        height: auto;
    }
    /* waiting */
    .wttg-content-card iframe {
        border-radius: 10px;
        height: 430px;
    }
    .wttg-content-card {
        padding: 12px;
        border-radius: 20px;
        gap: 15px;
        padding-bottom: 25px;
    }
    .loading-div {
        margin: 30px 10px;
    }
    .flex-items {
        flex-direction: column;
    }
    .wttg-content-card.flex-items .wtt-media {
        flex: 0 0 100%;
        width: 100%;
    }
    .wttg-content-card.flex-items .wtt-media img {
        height: 410px;
    }
    .wtt-txt-div {
        flex: 0 0 100%;
        margin-top: 0;
        width: 90%;
        margin: auto;
    }
    .paragraph h2 {
        font-size: 20px;
    }
    .paragraph p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    .paragraph-container {
        position: relative;
        max-width: 100%;
        margin: auto;
        min-height: 75px;
        margin-top: 40px;
    }
    .radio-point {
        width: 8px;
        height: 8px;
        margin-top: 12px;
    }
    .pg-abs-sec {
        z-index: -1;
    }
    .reg-logo{
        padding: 20px 10px;
    }
    .rate-section{
        padding: 50px 30px; 
    }
    .page-content {
        flex: 0 0 100%;
    }
    .stsc-list .stsc-card {
        flex: 0 0 32%;
        padding: 20px 10px;
    }
    .stsc-list .stsc-card i {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }
    .stsc-list .stsc-card h2 {
        font-size: 12px;
        font-weight: 600;
    }
    .chart-Item {
        flex: 0 0 100%;
    }
    .video-section .video-item {
        width: 100%;
        height: 100%;
    }
    .stt-card-item {
        flex: 1 0 31.5%;
        padding: 20px 10px;
    }
    .stt-card-item-text p {
        min-height: 54px;
    }
    .sett-crd-item {
        padding: 20px 15px 15px 15px;
    }
    .colorPicker-box{
        flex: 0 0 100%;
    }
    .breadcrumb a,.breadcrumb-item.active {
        font-size: 12px;
    }
    .breadcrumb{
        row-gap: 5px;
        column-gap: 8px;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 5px;
    }
    .back-item a {
        padding: 5px 10px;
    }
}

/* Large Mobile :767px. */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .container, .container-sm {
        max-width: 740px;
    }
    .xs-hidden {
        display: none;
    }
    .lg-hidden {
        display: block;
    }
    .main-sidebar{
        top: 0;
    }
    .reg-accc-mob-scrn {
        display: flex ;
        flex-direction: row;
        gap: 6px;
    }
    .notifications.notify-mobile-scrn {
        margin-left: 0;
    }
    .navbar .container, .navbar .container-fluid{
        width: 100%;
    }
    .navbar{
        padding: 9px 20px;
        height: 85px;
    }
    .navbar-brand img {
        width: auto;
        height: 30px;
    }
    .navbar-toggler {
        width: 35px;
        height: 35px;
        background: var(--secondary-color);
        line-height: 5px;
        padding: 3px;
        font-size: 14px;
        border-radius: 50px;
    }
    .navbar .container-fluid{
        background: #ffffff;
        padding: 10px 15px 10px 15px;
        border-radius: 15px;
        color: #000;
        display: flex;
        flex-basis: auto !important;
        flex-direction: row;
        justify-content: space-between;
    }
    .table-mobile .mob-show {
        display: block;
        font-size: 13px;
        font-weight: 500;
        min-width: 100px;
    }
    .dashboard-area {
        padding: 15px 0;
    }
    .dashboard-sidebar .prf-titles {
        gap: 2px;
        margin: 0;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: right;
    }
    .navbar-nav .nav-link {
        padding: 13px 10px;
        text-align: right;
    }
    .dashboard-sidebar .site-nav-pgs h5 {
        color: #00AE84;
        font-weight: 600;
    }
    .navbar-nav .nav-link {
        color: #000000;
    }
    .navbar-expand-lg .navbar-nav {
        gap: 3px;
        padding-top: 5px;
        margin-top: 5px;
        margin-bottom: 15px;
    }
    .hd-profile-button .dropdown-menu:before {
        left: 6px;
        right: auto;
    }
    .dashboard-sidebar .nav-item .pg-link {
        padding: 10px 25px 10px 15px;
        font-size: 13px;
        color: #000;
    }
    .dashboard-sidebar .nav-item .pg-link i{
        color: #000;
    }
    .dashboard-sidebar .sidebar-head,
    .dashboard-sidebar .site-nav-pgs{
        border-color: #D7D7D7 !important;
        padding: 10px 20px 20px 20px;
    }
    .dashboard-sidebar .prf-titles h3 {
        color: #000000;
    }
    .navbar-nav .nav-item:not(:last-child) {
        border-bottom: 1px solid #EAEAEA;
    }
    .prf-titles .ttl-spn {
        font-size: 13px;
    }
    .dashboard-sidebar{
        background: #fff;
    }
    .nav-item .dropdown .nav-link.dropdown-toggle{
        display: flex;
        align-items: center;
        padding: 0;
        font-size: 13px;
    }
    .nav-item.dropdown.pg-link{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .dashboard-sidebar .prf-img {
        width: 60px;
        height: 60px;
        margin: 0;
    }   
    .navbar-nav .dropdown .dropdown-menu{
        padding-right: 30px;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item{
        border-bottom: 1px solid #ededed00;
        padding: 10px;
        font-size: 13px;
        font-weight: 600;
    } 
    .navbar-nav .dropdown .dropdown-menu .dropdown-item.active{
        background-color: #e3e3e300;
        color: var(--main-color);
    }
    
    /* ----- */
    .table-head-bx h3{
        display: none;
    }
    .table-head-bx{
        padding: 0 0 10px 0;
    }
    .table-box {
        border: 1px solid #ced6e100;
        border-radius: 14px;
        margin-top: 10px;
    }
    .main-table table tbody th, .main-table table tbody td {
        color: #000;
        width: 100%;
        font-weight: 700;
        height: auto;
        gap: 15px;
        padding: 12px 15px !important;
        border-top: 1px solid #ddd !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-content: center;
        box-sizing: inherit;
    }
    .main-table.table-mobile tbody tr {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 10px;
        border-radius: 15px;
        overflow: hidden;
        padding: 0;
        gap: 0;
        background-color: #ffffff !important;
        border: 1px solid #bebebe;
    }
    .table-head-bx {
        flex-direction: column;
    }
    .pg-ttl-lft{
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        gap: 0px;
     }
     .pg-ttl-lft .srch-grb-iptn input {
         width: 100%;
     }
     .form-group.srch-grb-iptn{
        margin: 5px 0;
        flex: 1 0 100%;
    }
    .oth-btns {
        margin: 0 10px;
    }
    .sidebar-div{
        display: none;
    }
    .table-mobile thead {
        display: none;
    }
    .clnt-txt .sm-msg{
        width: 180px;
    }
    .table-btns{
        width: 100%;
    }
    .table-btns .main-btn{
        width: 100%;
    }
    /* Meeting */
    .meet-user-info .user-img {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }
    .meet-user-info h6 {
        font-size: 12px;
        margin-top: 3px;
    }
    .meet-user-info h5 {
        font-size: 14px;
        font-weight: 500;
    }
    .meet-user-card .microphone-btn {
        width: 37px;
        height: 37px;
    }
    .meeting-scrn {
        flex-direction: column;
        gap: 10px;
    }
    .meet-user-card .microphone-btn i {
        font-size: 15px;
    }
    .chat-section{
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        display: none;
    }
    #closeButton {
        display: flex;
    }
    .meeting-container{
        padding: 10px;
    }
    .meeting-section{
        padding: 10px;
    }
    .meeting-buttons .contr-lst {
        width: 100%;
        flex-wrap: wrap;
    }
    .meeting-buttons {
        gap: 10px;
        flex-direction: column;
    }
    .meeting-buttons .contr-lst .contr-btn {
        padding: 6px 8px;
        gap: 3px;
        border-radius: 5px;
        font-size: 12px;
        line-height: 15px;
    }
    .meeting-buttons .contr-lst .contr-btn i {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }

    /* 0 */
    .lg-modal-card .modal-content {
        padding: 20px 15px 20px 15px;
        border-radius: 14px;
    }
    .usrs-list{
        max-height: 510px;
        overflow: auto;
    }
    .usr-crd {
        flex: 0 0 100%;
    }
    /* Login */
    .reg-st-card {
        padding: 20px 20px 20px 20px;
    }
    .reg-btns .main-btn {
        padding: 16px 10px;
        font-size: 14px;
    }
    .reg-page-area {
        padding: 15px 0;
    }
    /* Form */
    .main-form label {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .main-form .form-group {
        margin: 5px 0;
    }
    .st-bx-crd {
        padding: 40px 15px 15px;
    }
    /* contact-page-area */
    .contact-page-area .reg-st-card {
        padding: 10px 10px 10px 10px;
    }
    .st-bx-crd {
        width: 100%;
    }
    .flex-form{
        gap: 30px;
        flex-direction: row;
    }
    .reg-logo img {
        width: 110px;
        height: auto;
    }
    /* waiting */
    .wttg-content-card iframe {
        border-radius: 10px;
        height: 340px;
    }
    .wttg-content-card {
        padding: 12px;
        border-radius: 20px;
        gap: 15px;
        padding-bottom: 25px;
    }
    .loading-div {
        margin: 30px 10px;
    }
    .flex-items {
        flex-direction: column;
    }
    .wttg-content-card.flex-items .wtt-media {
        flex: 0 0 100%;
        width: 100%;
    }
    .wttg-content-card.flex-items .wtt-media img {
        height: 320px;
    }
    .wtt-txt-div {
        flex: 0 0 100%;
        margin-top: 0;
        width: 90%;
        margin: auto;
    }
    .paragraph h2 {
        font-size: 20px;
    }
    .paragraph-container {
        position: relative;
        max-width: 100%;
        margin: auto;
        min-height: 100px;
        margin-top: 40px;
    }
    .paragraph p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    .radio-point {
        width: 8px;
        height: 8px;
        margin-top: 12px;
    }
    .pg-abs-sec {
        z-index: -1;
    }
    .reg-logo{
        padding: 20px 10px;
    }
    .rate-section{
        padding: 50px 30px; 
    }
    .alert-popup {
        width: 90%;
    }
    .page-content {
        flex: 0 0 100%;
    }
    .stsc-list .stsc-card {
        flex: 0 0 48%;
        padding: 20px 10px;
    }
    .stsc-list .stsc-card i {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }
    .stsc-list .stsc-card h2 {
        font-size: 12px;
        font-weight: 600;
    }
    .chart-Item {
        flex: 0 0 100%;
    }
    .video-section .video-item {
        width: 100%;
        height: 100%;
    }
    .stt-card-item {
        flex: 0 0 48%;
        padding: 20px 10px;
    }
    .sett-crd-item {
        padding: 20px 15px 15px 15px;
    }
    .colorPicker-box{
        flex: 0 0 100%;
    }
    .breadcrumb a,.breadcrumb-item.active {
        font-size: 12px;
    }
    .breadcrumb{
        row-gap: 5px;
        column-gap: 8px;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 5px;
    }
    .back-item a {
        padding: 5px 10px;
    }
}

/* Large Mobile :480px. */
@media only screen and (min-width: 321px) and (max-width: 480px) {
    .container, .container-sm {
        max-width: 740px;
    }
    .xs-hidden {
        display: none;
    }
    .lg-hidden {
        display: block;
    }
    .main-sidebar{
        top: 0;
    }
    .reg-accc-mob-scrn {
        display: flex ;
        flex-direction: row;
        gap: 5px;
    }
    .notifications.notify-mobile-scrn {
        margin-left: 0px;
    }
    .navbar .container, .navbar .container-fluid{
        width: 100%;
    }
    .navbar{
        padding: 9px 20px;
        height: 85px;
    }
    .navbar-brand img {
        width: auto;
        height: 30px;
    }
    .navbar-toggler {
        width: 35px;
        height: 35px;
        background: var(--secondary-color);
        line-height: 5px;
        padding: 3px;
        font-size: 14px;
        border-radius: 50px;
    }
    .navbar .container-fluid{
        background: #ffffff;
        padding: 10px 15px 10px 15px;
        border-radius: 15px;
        color: #000;
        display: flex;
        flex-basis: auto !important;
        flex-direction: row;
        justify-content: space-between;
    }
    .table-mobile .mob-show {
        display: block;
        font-size: 13px;
        font-weight: 500;
        min-width: 100px;
    }
    .dashboard-area {
        padding: 15px 0;
    }
    .dashboard-sidebar .prf-titles {
        gap: 2px;
        margin: 0;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: right;
    }
    .navbar-nav .nav-link {
        padding: 13px 10px;
        text-align: right;
    }
    .dashboard-sidebar .site-nav-pgs h5 {
        color: #00AE84;
        font-weight: 600;
    }
    .navbar-nav .nav-link {
        color: #000000;
    }
    .navbar-expand-lg .navbar-nav {
        gap: 3px;
        padding-top: 5px;
        margin-top: 5px;
        margin-bottom: 15px;
    }
    .hd-profile-button .dropdown-menu:before {
        left: 6px;
        right: auto;
    }
    .dashboard-sidebar .nav-item .pg-link {
        padding: 10px 25px 10px 15px;
        font-size: 13px;
        color: #000;
    }
    .dashboard-sidebar .nav-item .pg-link i{
        color: #000;
    }
    .dashboard-sidebar .sidebar-head,
    .dashboard-sidebar .site-nav-pgs{
        border-color: #D7D7D7 !important;
        padding: 10px 20px 20px 20px;
    }
    .dashboard-sidebar .prf-titles h3 {
        color: #000000;
    }
    .navbar-nav .nav-item:not(:last-child) {
        border-bottom: 1px solid #EAEAEA;
    }
    .prf-titles .ttl-spn {
        font-size: 13px;
    }
    .dashboard-sidebar{
        background: #fff;
    }
    .nav-item .dropdown .nav-link.dropdown-toggle{
        display: flex;
        align-items: center;
        padding: 0;
        font-size: 13px;
    }
    .nav-item.dropdown.pg-link{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .dashboard-sidebar .prf-img {
        width: 60px;
        height: 60px;
        margin: 0;
    }   
    .navbar-nav .dropdown .dropdown-menu{
        padding-right: 30px;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item{
        border-bottom: 1px solid #ededed00;
        padding: 10px;
        font-size: 13px;
        font-weight: 600;
    } 
    .navbar-nav .dropdown .dropdown-menu .dropdown-item.active{
        background-color: #e3e3e300;
        color: var(--main-color);
    }
    
    /* ----- */
    .table-head-bx h3{
        display: none;
    }
    .table-head-bx{
        padding: 0 0 10px 0;
    }
    .table-box {
        border: 1px solid #ced6e100;
        border-radius: 14px;
        margin-top: 10px;
    }
    .main-table table tbody th, .main-table table tbody td {
        color: #000;
        width: 100%;
        font-weight: 700;
        height: auto;
        gap: 15px;
        padding: 12px 15px !important;
        border-top: 1px solid #ddd !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-content: center;
        box-sizing: inherit;
    }
    .main-table.table-mobile tbody tr {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 10px;
        border-radius: 15px;
        overflow: hidden;
        padding: 0;
        gap: 0;
        background-color: #ffffff !important;
        border: 1px solid #bebebe;
    }
    .table-head-bx {
        flex-direction: column;
    }
    .pg-ttl-lft{
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        gap: 0px;
     }
     .pg-ttl-lft .srch-grb-iptn input {
         width: 100%;
     }
     .form-group.srch-grb-iptn{
        margin: 5px 0;
        flex: 1 0 100%;
    }
    .oth-btns {
        margin: 0 10px;
    }
    .sidebar-div{
        display: none;
    }
    .table-mobile thead {
        display: none;
    }
    .clnt-txt .sm-msg{
        width: 180px;
    }
    .table-btns{
        width: 100%;
    }
    .table-btns .main-btn{
        width: 100%;
    }
    /* Meeting */
    .meet-user-info .user-img {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }
    .meet-user-info h6 {
        font-size: 12px;
        margin-top: 3px;
    }
    .meet-user-info h5 {
        font-size: 14px;
        font-weight: 500;
    }
    .meet-user-card .microphone-btn {
        width: 37px;
        height: 37px;
    }
    .meeting-scrn {
        flex-direction: column;
        gap: 10px;
    }
    .meet-user-card .microphone-btn i {
        font-size: 15px;
    }
    .chat-section{
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        display: none;
    }
    #closeButton {
        display: flex;
    }
    .meeting-container{
        padding: 10px;
    }
    .meeting-section{
        padding: 10px;
    }
    .meeting-buttons .contr-lst {
        width: 100%;
        flex-wrap: wrap;
    }
    .meeting-buttons {
        gap: 10px;
        flex-direction: column;
    }
    .meeting-buttons .contr-lst .contr-btn {
        padding: 6px 8px;
        gap: 3px;
        border-radius: 5px;
        font-size: 12px;
        line-height: 15px;
    }
    .meeting-buttons .contr-lst .contr-btn i {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }

    /* 0 */
    .lg-modal-card .modal-content {
        padding: 20px 15px 20px 15px;
        border-radius: 14px;
    }
    .usrs-list{
        max-height: 510px;
        overflow: auto;
    }
    .usr-crd {
        flex: 0 0 100%;
    }
    /* Login */
    .reg-st-card {
        padding: 20px 20px 20px 20px;
    }
    .reg-btns .main-btn {
        padding: 16px 10px;
        font-size: 14px;
    }
    .reg-page-area {
        padding: 15px 0;
    }
    /* Form */
    .main-form label {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .main-form .form-group {
        margin: 5px 0;
    }
    .st-bx-crd {
        padding: 40px 15px 15px;
    }
    /* contact-page-area */
    .contact-page-area .reg-st-card {
        padding: 10px 10px 10px 10px;
    }
    .st-bx-crd {
        width: 100%;
    }
    .flex-form{
        gap: 30px;
        flex-direction: row;
    }
    .reg-logo img {
        width: 110px;
        height: auto;
    }
    /* waiting */
    .wttg-content-card iframe {
        border-radius: 10px;
        height: 340px;
    }
    .wttg-content-card {
        padding: 12px;
        border-radius: 20px;
        gap: 15px;
        padding-bottom: 25px;
    }
    .loading-div {
        margin: 30px 10px;
    }
    .flex-items {
        flex-direction: column;
    }
    .wttg-content-card.flex-items .wtt-media {
        flex: 0 0 100%;
        width: 100%;
    }
    .wttg-content-card.flex-items .wtt-media img {
        height: 320px;
    }
    .wtt-txt-div {
        flex: 0 0 100%;
        margin-top: 0;
        width: 90%;
        margin: auto;
    }
    .paragraph h2 {
        font-size: 20px;
    }
    .paragraph-container {
        position: relative;
        max-width: 100%;
        margin: auto;
        min-height: 100px;
        margin-top: 40px;
    }
    .paragraph p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    .radio-point {
        width: 8px;
        height: 8px;
        margin-top: 12px;
    }
    .pg-abs-sec {
        z-index: -1;
    }
    .reg-logo{
        padding: 20px 10px;
    }
    .rate-section{
        padding: 50px 30px; 
    }
    .alert-popup {
        width: 90%;
    }
    .page-content {
        flex: 0 0 100%;
    }
    .stsc-list .stsc-card {
        flex: 0 0 47%;
        padding: 20px 10px;
    }
    .stsc-list .stsc-card i {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }
    .stsc-list .stsc-card h2 {
        font-size: 12px;
        font-weight: 600;
    }
    .chart-Item {
        flex: 0 0 100%;
    }
    .video-section .video-item {
        width: 100%;
        height: 100%;
    }
    .stt-card-item {
        flex: 0 0 48%;
        padding: 20px 10px;
    }
    .sett-crd-item {
        padding: 20px 15px 15px 15px;
    }
    .colorPicker-box{
        flex: 0 0 100%;
    }
    .breadcrumb a,.breadcrumb-item.active {
        font-size: 12px;
    }
    .breadcrumb{
        row-gap: 5px;
        column-gap: 8px;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 5px;
    }
    .back-item a {
        padding: 5px 10px;
    }
}

/* Small Mobile :320px. */
@media only screen and (min-width: 50px) and (max-width: 320px) {
    .xs-hidden {
        display: none;
    }
    .lg-hidden {
        display: block;
    }
    .main-sidebar{
        top: 0;
    }
    .reg-accc-mob-scrn {
        display: flex ;
        flex-direction: row;
    }
    .notifications.notify-mobile-scrn {
        margin-left: 5px;
    }
    .navbar .container, .navbar .container-fluid{
        width: 100%;
    }
    .navbar{
        padding: 9px 20px;
        height: 85px;
    }
    .navbar-brand img {
        width: auto;
        height: 30px;
    }
    .navbar-toggler {
        width: 35px;
        height: 35px;
        background: var(--secondary-color);
        line-height: 5px;
        padding: 3px;
        font-size: 14px;
        border-radius: 50px;
    }
    .navbar .container-fluid{
        background: #ffffff;
        padding: 10px 15px 10px 15px;
        border-radius: 15px;
        color: #000;
        display: flex;
        flex-basis: auto !important;
        flex-direction: row;
        justify-content: space-between;
    }
    .notifications.notify-mobile-scrn .notification_dd {
        left: -90px;
    }
    .notifications.notify-mobile-scrn .notification_dd:before {
        left: 92px;
    }
    .table-mobile .mob-show {
        display: block;
        font-size: 13px;
        font-weight: 500;
        min-width: 100px;
    }
    .dashboard-area {
        padding: 15px 0;
    }
    .dashboard-sidebar .prf-titles {
        gap: 2px;
        margin: 0;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: right;
    }
    .navbar-nav .nav-link {
        padding: 13px 10px;
        text-align: right;
    }
    .dashboard-sidebar .site-nav-pgs h5 {
        color: #00AE84;
        font-weight: 600;
    }
    .navbar-nav .nav-link {
        color: #000000;
    }
    .navbar-expand-lg .navbar-nav {
        gap: 3px;
        padding-top: 5px;
        margin-top: 10px;
        margin-bottom: 16px;
    }
    .hd-profile-button .dropdown-menu:before {
        left: 6px;
        right: auto;
    }
    .dashboard-sidebar .nav-item .pg-link {
        padding: 10px 25px 10px 15px;
        font-size: 13px;
        color: #000;
    }
    .dashboard-sidebar .nav-item .pg-link i{
        color: #000;
    }
    .dashboard-sidebar .sidebar-head{
        border-color: #D7D7D7 !important;
        padding: 10px 20px 20px 20px;
        margin-bottom: 5px;
    }
    .dashboard-sidebar .site-nav-pgs {
        border-color: #D7D7D7 !important;
        padding: 10px 20px 20px 20px;
        padding-top: 20px;
    }
    .dashboard-sidebar .prf-titles h3 {
        color: #000000;
    }
    .navbar-nav .nav-item:not(:last-child) {
        border-bottom: 1px solid #EAEAEA;
    }
    .prf-titles .ttl-spn {
        font-size: 13px;
    }
    .dashboard-sidebar{
        background: #fff;
    }
    .nav-item .dropdown .nav-link.dropdown-toggle{
        display: flex;
        align-items: center;
        padding: 0;
        font-size: 13px;
    }
    .nav-item.dropdown.pg-link{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .dashboard-sidebar .prf-img {
        width: 60px;
        height: 60px;
        margin: 0;
    }   
    .navbar-nav .dropdown .dropdown-menu{
        padding-right: 30px;
    }
    .navbar-nav .dropdown .dropdown-menu .dropdown-item{
        border-bottom: 1px solid #ededed00;
        padding: 10px;
        font-size: 13px;
        font-weight: 600;
    } 
    .navbar-nav .dropdown .dropdown-menu .dropdown-item.active{
        background-color: #e3e3e300;
        color: var(--main-color);
    }
    .table-head-bx h3{
        display: none;
    }
    .table-head-bx{
        padding: 0 0 10px 0;
    }
    .table-box {
        border: 1px solid #ced6e100;
        border-radius: 14px;
        margin-top: 10px;
    }
    .main-table table tbody th, .main-table table tbody td {
        color: #000;
        width: 100%;
        font-weight: 600;
        height: auto;
        gap: 15px;
        padding: 12px 15px !important;
        border-top: 1px solid #ddd !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-content: center;
        box-sizing: inherit;
    }
    .main-table.table-mobile tbody tr {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 10px;
        border-radius: 15px;
        overflow: hidden;
        padding: 0;
        gap: 0;
        background-color: #ffffff !important;
        border: 1px solid #bebebe;
    }
    .table-head-bx {
        flex-direction: column;
    }
    .pg-ttl-lft{
       justify-content: flex-start;
       flex-wrap: wrap;
       width: 100%;
       gap: 0px;
    }
    .pg-ttl-lft .srch-grb-iptn input {
        width: 100%;
    }
    .form-group.srch-grb-iptn{
        margin: 5px 0;
        flex: 1 0 100%;
    }
    .oth-btns {
        margin: 0 10px;
    }
    .sidebar-div{
        display: none;
    }
    .table-mobile thead {
        display: none;
    }
    .clnt-txt .sm-msg{
        width: 148px;
        padding-left: 5px;
    }
    .table-btns{
        width: 100%;
    }
    .table-btns .main-btn{
        width: 100%;
    }
    /* Meeting */
    .meet-user-info .user-img {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }
    .meet-user-info h6 {
        font-size: 12px;
        margin-top: 3px;
    }
    .meet-user-info h5 {
        font-size: 14px;
        font-weight: 500;
    }
    .meet-user-card .microphone-btn {
        width: 37px;
        height: 37px;
    }
    .meeting-scrn {
        flex-direction: column;
        gap: 10px;
    }
    .meet-user-card .microphone-btn i {
        font-size: 15px;
    }
    .chat-section{
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        display: none;
    }
    #closeButton {
        display: flex;
    }
    .meeting-container{
        padding: 10px;
    }
    .meeting-section{
        padding: 10px;
    }
    .meeting-buttons .contr-lst {
        width: 100%;
        flex-wrap: wrap;
    }
    .meeting-buttons {
        gap: 10px;
        flex-direction: column;
    }
    .meeting-buttons .contr-lst .contr-btn {
        padding: 6px 8px;
        gap: 3px;
        border-radius: 5px;
        font-size: 12px;
        line-height: 15px;
    }
    .meeting-buttons .contr-lst .contr-btn i {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }
    .clnt-btn {
        width: 100%;
    }
    /* 0 */
    .lg-modal-card .modal-content {
        padding: 20px 15px 20px 15px;
        border-radius: 14px;
    }
    .usrs-list{
        max-height: 510px;
        overflow: auto;
    }
    .usr-crd {
        flex: 0 0 100%;
    }
    /* Login */
    .reg-st-card {
        padding: 20px 20px 20px 20px;
    }
    .reg-btns .main-btn {
        padding: 16px 10px;
        font-size: 14px;
    }
    .reg-page-area {
        padding: 15px 0;
    }
    /* Form */
    .main-form label {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .main-form .form-group {
        margin: 5px 0;
    }
    .st-bx-crd {
        padding: 40px 15px 15px;
    }
    /* contact-page-area */
    .contact-page-area .reg-st-card {
        padding: 10px 10px 10px 10px;
    }
    .st-bx-crd {
        width: 100%;
    }
    .flex-form{
        gap: 10px;
       flex-direction: column;
    }
    .reg-logo img {
        width: 110px;
        height: auto;
    }
    /* waiting */
    .wttg-content-card iframe {
        border-radius: 10px;
        height: 230px;
    }
    .wttg-content-card {
        padding: 12px;
        border-radius: 20px;
        gap: 15px;
        padding-bottom: 25px;
    }
    .loading-div {
        margin: 30px 10px;
    }
    .flex-items {
        flex-direction: column;
    }
    .wttg-content-card.flex-items .wtt-media {
        flex: 0 0 100%;
        width: 100%;
    }
    .wttg-content-card.flex-items .wtt-media img {
        height: 200px;
    }
    .wtt-txt-div {
        flex: 0 0 100%;
        margin-top: 0;
        width: 90%;
        margin: auto;
    }
    .paragraph h2 {
        font-size: 20px;
    }
    .paragraph p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    .paragraph-container {
        position: relative;
        max-width: 100%;
        margin: auto;
        min-height: 140px;
        margin-top: 40px;
    }
    .radio-point {
        width: 8px;
        height: 8px;
        margin-top: 12px;
    }
    .pg-abs-sec {
        z-index: -1;
    }
    .reg-logo{
        padding: 20px 10px;
    }
    .rate-section{
        padding: 50px 30px; 
    }
    /* Errors Pages */
    .rt-img img {
        width: 190px;
        height: auto;
        margin-bottom: 5px;
    }
    .txt-prg p {
        font-size: 14px;
    }
    .txt-prg h2 {
        font-size: 18px;
    }
    .error-section {
        padding: 30px 30px;
    }
    .error-section .btn {
        width: auto;
    }
    .alert-popup {
        width: 90%;
    }
    .page-content {
        flex: 0 0 100%;
    }
    .stsc-list .stsc-card {
        flex: 0 0 100%;
        padding: 20px 10px;
    }
    .stsc-list .stsc-card i {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }
    .stsc-list .stsc-card h2 {
        font-size: 12px;
        font-weight: 600;
    }
    .chart-Item {
        flex: 0 0 100%;
    }
    .video-section .video-item {
        width: 100%;
        height: 100%;
    }
    .stt-card-item {
        flex: 0 0 100%;
        padding: 20px 10px;
    }
    .sett-crd-item {
        padding: 20px 15px 15px 15px;
    }
    .colorPicker-box{
        flex: 0 0 100%;
    }
    .breadcrumb a,.breadcrumb-item.active {
        font-size: 12px;
    }
    .breadcrumb{
        row-gap: 5px;
        column-gap: 8px;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 5px;
    }
    .back-item a {
        padding: 5px 10px;
    }
}