/* media query */
@media screen and (max-width: 1920px) {
    .logowrapper {
        align-items: flex-end;
        justify-content: flex-start;
    }

    .logo-container {
        width: 100%;
    }

    .logo-header {
        align-self: stretch;
        width: auto;
        align-items: flex-end;
        justify-content: flex-start;
    }

    .login-left-content-wrp,
    .copyright {
        flex: 1;
    }

    .login-footertext {
        width: 100%;
    }

    .login-left {
        width: 50%;
    }

    .login-main-text {
        flex: 1;
    }

    .textwrapper {
        width: auto;
        align-self: unset;
    }

    .login-subtext {
        flex: 1;
    }

    .input-text-box:hover {
        border: 1px solid var(--color-whitesmoke);
        box-sizing: border-box;
    }

    .inputfield {
        width: 100%;
    }

    .inputfield,
    .label1 {
        align-self: stretch;
        width: 100%;
    }

    .drop-down-parent {
        flex: 1;
        position: absolute;
        right: 0;
    }

    .errormessage {
        align-self: stretch;
        width: auto;
    }
    .error-message {
        align-self: stretch;
        width: auto;
    }

    .input-password {
        flex: 1;
    }

    .drop-down-group {
        flex: 1;
        position: absolute;
        right: 0;
    }

    .inputwrapper {
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding-right: 0;
        box-sizing: border-box;
        position: relative;
    }

    .createaccountformwrapper,
    .gradientbutton,
    .inputwrapper,
    .loginform-wrapper {
        align-self: stretch;
        width: auto;
    }

    .footerlogo-icon {
        width: auto;
        align-self: unset;
    }

    .logintext {
        flex: 1;
    }

    .footersectionwrrapper {
        align-self: stretch;
        width: auto;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .section-target {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        box-sizing: border-box;
    }

    .target {
        width: 100%;
    }
}

@media screen and (max-width: 1600px) {
    .logincontainer {
        width: 1200px;
    }
    .admin-dashboard-content-sectio1 {
        align-self: stretch;
        width: auto;
    }
    .login-dashboard-body {
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }
    .ques-management-card {
        width: 32.1%;}

    .matshore-dashboard {
        width: 100%;
    }

    .top-gradient-bg-icon {
        width: 100%;
        height: auto;
    }

    .breadcrumb-item-list {
        align-items: center;
        justify-content: flex-start;
        padding-left: 0;
    }

    .breadcrumb-wrapper {
        width: 1250px;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .user-name-text {
        width: auto;
        align-self: unset;
    }

    .profile-picture-head {
        position: relative;
    }

    .landinngpage-user-wrp {
        width: 1200px;
        margin: auto;
    }

    .matshore-landingpage-body {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .landing-page {
        width: auto;
        align-self: unset;
    }
    .video-library-wrap {
        border-radius: var(--br-mini);
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }
    .similar-contents-video-card {
        border-radius: var(--br-mini);
        padding: var(--padding-11xl);
    }
    .value-proposition-block {
        align-self: stretch;
        height: auto;
        gap: var(--gap-11xl);
        border-radius: var(--br-mini);
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .value-proposition-block1 {
        border-radius: var(--br-mini);
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .similar-contents-wrap {
        border-radius: var(--br-mini);
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .video-library {
        width: 100%;
        gap: var(--gap-xl);
    }
    .coaching-value-propostion-img img {
        height: 100px;
    }
    .term-conditions-wraps .title {
        font-size: 32px;
    }
    .term-conditions-wraps .landinngpage-user-wrp {
        gap: 40px;
    }
    .term-conditions {
        gap: 60px;
    }
    .term-conditions .nav ul li a {
        font-size: 16px;
        padding: 12px 20px;
    }
    .term-conditions-details{
        height: calc(100vh - 255px);
        gap:40px;
    }
    .term-conditions-details div{
        gap: 12px;
    }
    .term-conditions-details h4 {
        font-size: 20px;
    }
    .term-conditions-details p {
        font-size: 17px;
    }

}

@media screen and (max-width: 1440px) {
    .logo-header {
        padding-left: var(--padding-86xl);
        padding-right: var(--padding-86xl);
        box-sizing: border-box;
    }

    .login-left-content-wrp {
        flex: 1;
    }

    .logincontainer {
        width: 1200px;
        flex-direction: row;
    }

    .login-dashboard-body {
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .matshore-dashboard {
        width: 100%;
    }

    .navbar-wrapper {
        padding-left: var(--padding-81xl);
        padding-right: var(--padding-81xl);
        box-sizing: border-box;
    }

    .top-gradient-bg-icon {
        width: 100%;
        height: auto;
    }

    .breadcrumb-wrapper {
        width: 100%;
    }

    .user-name-text {
        width: auto;
        align-self: unset;
    }

    .video-thumnail-icon {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .landingpage-card {
        width: 50%;
    }

    .landingpage-card-wrappper {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .landinngpage-user-wrp {
        width: 1200px;
    }

    .matshore-landingpage-body {
        width: 100%;
        height: auto;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .landing-page {
        width: auto;
        align-self: unset;
    }
    .dashboard-table {
        width: 990px;
    }
    .dashboard-table-wrapper {
        align-self: stretch;
        width: auto;
    }
    .video-library-wrap {
        border-radius: var(--br-mini);
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }
    .similar-contents-video-card {
        border-radius: var(--br-mini);
        padding: var(--padding-11xl);
    }
    .value-proposition-block {
        align-self: stretch;
        height: auto;
        border-radius: var(--br-mini);
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .value-proposition-block1 {
        border-radius: var(--br-mini);
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .similar-contents-wrap {
        border-radius: var(--br-mini);
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }
    .ques-management-card {
        width: 31.8%;
    }
    .sub-head {
        font-size: 21px;
    }
    .coaching-value-propostion-img span {
        font-size: 15px;
    }
    .coaching-value-propostion-img img {

        height: 80px;
}
.coaching-value-propostion-img h2 {

    font-size: 23px;
}
.coaching-value-propostionlevel-card-footer .coaching-value-left-wrp img {
    width: 30px;
    height: 30px;
}
.arrow-btn {
    width: 25px;
    height: 25px;
}
.edit-icon {
    width: 11px;
    height: 11px;
}
.card-top-left img {
    width: 35px;
    height: 35px;
}
.vid-filter-block .search {
        width: 260px;
    }
}

@media screen and (max-width: 1366px) {
    .navbar-item a {
        font-size: 14px;
    }
    .login-main-text {
        font-size: 20px;
    }
    .navbar {
        justify-content: center !important;
        gap: 21px;
    }

    .navbar-item-list {
        gap: 26px;
    }

    .logo-header {
        padding-left: var(--padding-51xl);
        padding-right: var(--padding-51xl);
        padding-top: 10px;
        padding-bottom: 10px;
        box-sizing: border-box;
    }

    .logowrapper {
        justify-content: center;
    }

    .login-left {
        width: 50%;
    }


    .logo-icon {
        width: 150px;
        height: 50px;
    }

    .interactive-scorecard-logo-whi {
        width: 150px;
        position: relative;
        height: auto;
        object-fit: contain;
    }


    .login-dashboard-body {
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .navbar-wrapper {
        padding-left: var(--padding-96xl);
        padding-right: var(--padding-96xl);
        box-sizing: border-box;
    }

    .top-gradient-bg-icon {
        width: 100%;
        height: auto;
    }

    .breadcrumb-item-list {
        align-items: center;
        justify-content: center;
        padding-left: 10px;
    }

    .breadcrumb-wrapper {
        width: 90%;
        align-items: flex-start;
        justify-content: center;
    }

    .user-name-text {
        width: auto;
        align-self: unset;
    }

    .landinngpage-user-wrp {
        width: 100%;
        padding-left: var(--padding-21xl);
        box-sizing: border-box;
        margin: unset;
    }

    .matshore-landingpage-body .cus-container {
        width: 90% !important;
        max-width: 990px;
    }

    .cus-container {
        width: 90% !important;
    }

    .user-profile-name {
        font-size: 22px;
    }

    .landingpage-video-wrp iframe {
        height: 400px;
    }

    .matshore-landingpage-body {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .landingpage-mainwrapper {
        align-self: stretch;
        width: auto;
    }

    .landingpage-card {
        min-width: 340px;
        height: auto;
        justify-content: flex-start;
    }

    .landingpage-card-image-wrp {
        width: 95%;
    }
    .myproject-wrapper {
        width: 100%;
      }
      .dashboard-subhead-right-wrp {
        width: 60%;
    }
    .dashboard-table {
        flex: 1;
    }
    .dashboard-table-wrapper {
        width: 950px;
        overflow-x: auto;
    }
    .admin-dashboard-section {
        width: 100%;
    }
    .sub-head {
        font-size: 20px;
      }
    .accordion-wrap .form-control2 {
        font-size: 14px;
    }
    .content-section-content .accordion .accordion-item .accordion-button {
        padding: 20px;
        border-radius: 6px;
    }
    .admin-dashboard-content-section {
        padding: 30px;
        border-radius: 6px;
    }
    .primary-button-txt,
    .input-title {
        font-size: 14px;
    }
    .form-control {
        align-self: stretch;
        width: auto;
        height: 42px;
    }

    .primary-button1 {
        height: 42px;
    }

    .url-form {
        align-self: stretch;
        width: auto;
    }

    .accordion-body {
        gap: var(--gap-mini);
    }
    .filter-wrap {
        align-self: stretch;
        width: auto;
    }
    .admin-dashboard-content-sectio1 {
        gap: var(--gap-mini);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .describe-target-wrap {
        align-self: stretch;
        width: auto;
        gap: var(--gap-xl);
        border-radius: var(--br-7xs);
        padding: var(--padding-11xl) var(--padding-11xl) var(--padding-21xl)
            var(--padding-21xl);
        box-sizing: border-box;
    }
    
    .value-propostion-wrapper .project-card,
    .flipcard {
        min-width: 270px;
        width: 260px;
        padding: 15px;
        height: auto;
        min-height: 70px;
    }
    .value-propostion-wrapper .project-card{
        height: 325px;
    }
    .progressbar img {
        width: 33px;
    }

    .valueproposition-img-wrp img {
        width: 100px;
        height: 100%;
    }

    .valueproposition-img-wrp h5 {
        font-size: 19px;
    }

    .target-card-wrp {
        height: 235px;
        gap: 16px;
    }

    .target-card-back {
        transform: rotateY(180deg);
        padding-right: 10px;
        overflow: auto;
    }

    .pass-input .error-msg-wrp {
        bottom: -29px;
    }

    .value-proposition-card-wrap .catagory-card p {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .value-proposition-card-wrap .catagory-card {
        padding-top: 0;
    }
    .landingpage-card-content p {
        height: auto;
    }
    .video-library-wrap,
    .similar-contents-video-card {
        border-radius: var(--br-mini);
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .value-proposition-txt {
        font-size: var(--font-size-xl);
    }

    .value-proposition-block {
        align-self: stretch;
        height: auto;
        border-radius: var(--br-mini);
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .value-proposition-txt1 {
        font-size: var(--font-size-xl);
    }

    .value-proposition-block1 {
        border-radius: var(--br-mini);
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .similar-contents-wrap {
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }
    .ques-management-card-top .card-top-left img {
        width: 30px;
        height: 30px;
    }
    .coaching-value-propostion-img img {
        height: 70px;
    }
    .coaching-value-propostion-img span {
        font-size: 17px;
    }
    .coaching-value-propostion-img h2 {
        font-size: 25px;
    }
    

    .admin-coaching-project-wrapper .project-card {
        min-width: 290px;
    }

    .admin-coaching-project-wrapper .projectcard-wrp {
        flex-wrap: wrap;
    }
    .admin-value-proposition-wrapper .projectcard-wrp {
        flex-wrap: wrap;
    }
    .admin-profile-dropdown .dropdown-menu {
        padding: 30px;
    }
     .dropdown-menu li {
        padding: 20px 0px;
    }
    .dropdown-profile-detail .user-profile-name {
        margin-bottom: 25px;
        margin-top: 12px;
        font-size: 22px;
    }
    .dropdown-profile-detail img {
        width: 50px;
        height: 50px;
    }
    .logincontainer {
        width: 90%;
        height: 750px;
    }
    .term-conditions-wraps .landinngpage-user-wrp {
        gap: 30px;
    }
    .term-conditions-wraps .title {
        font-size: 28px;
    }
    .term-conditions .nav ul li a {
        font-size: 14px;
        padding: 8px 15px;   
    }
    .term-conditions-details p {
        font-size: 15px;
    }
    .term-conditions-details{
        height: calc(100vh - 230px);
        gap:30px;
    }
    .term-conditions {
        gap: 40px;
    }
    .error-page-content h3{
        font-size: 30px;
    }  
    .error-page-wrapper {
        gap: 35px;
    }
     .vid-filter-block .search {
        width: 230px;
    }
    .vid-filter {
        gap: 13px;
    }
    .textarea-font-size
    {
        font-size:14px;
    }
}

@media screen and (max-width: 1280px) {
    .logo-header {
        padding-left: var(--padding-36xl);
        padding-right: var(--padding-36xl);
        box-sizing: border-box;
    }

    .login-dashboard-body {
        padding-left: 0;
        padding-top: var(--padding-61xl);
        padding-right: 0;
        box-sizing: border-box;
    }

    .navbar-wrapper {
        padding-left: var(--padding-86xl);
        padding-right: var(--padding-86xl);
        box-sizing: border-box;
    }

    .top-gradient-bg-icon {
        width: 100%;
        height: auto;
    }

    .breadcrumb-item-list {
        padding-left: var(--padding-xl);
    }

    .breadcrumb-wrapper {
        padding-left: var(--padding-26xl);
        padding-right: var(--padding-26xl);
        box-sizing: border-box;
    }

    .user-name-text {
        width: auto;
        align-self: unset;
    }

    .video-thumnail-icon {
        width: 100%;
        gap: var(--gap-5xl);
        padding: 0;
        box-sizing: border-box;
    }

    .landinngpage-user-wrp {
        width: 90%;
    }

    .matshore-landingpage-body {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }
    .breadcrumbs-wrp,
    .myproject-wrapper,
    .project-version-card {
      width: 100%;
    }
    .dashboard-subhead-right-wrp {
        width: 60%;
    }

    .dashboard-table-wrapper {
        width: 850px;
        overflow-x: auto;
    }
    .dasboard-right-wrappper {
        width: 79%;
    }
    .admin-dashboard-section {
        width: 100%;
    }
    .content-section-content .accordion .accordion-item .accordion-button,
    .accordion-wrap .accordion-body {
        padding: 20px;
    }
    .input-wrap {
        align-self: stretch;
        width: auto;
    }

    .url-form {
        align-self: stretch;
        width: auto;
    }

    .input-wrap1 {
        align-self: stretch;
        width: auto;
    }

    .accordion-body {
        gap: var(--gap-mini);
    }

    .admin-dashboard-content-sectio1 {
        width: 100%;
        gap: var(--gap-mini);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .describe-target-wrap {
        align-self: stretch;
        width: auto;
        gap: var(--gap-xl);
        border-radius: var(--br-7xs);
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .header-group {
        display: flex;
        width: 70%;
    }

    .admin-dashboard-content-section {
        gap: 15px;
    }
    .own-reason-type-sec {
        align-self: stretch;
        width: auto;
    }

    .two-button-wrp {
        align-self: stretch;
        width: auto;
    }
    .video-library-wrap,
    .similar-contents-video-card {
        gap: var(--gap-xl);
        border-radius: var(--br-3xs);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .value-proposition-txt {
        font-size: var(--font-size-xl);
    }

    .value-proposition-block {
        align-self: stretch;
        height: auto;
        gap: var(--gap-xl);
        border-radius: var(--br-3xs);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .value-proposition-txt1 {
        font-size: var(--font-size-xl);
    }

    .value-proposition-block1 {
        gap: var(--gap-xl);
        border-radius: var(--br-3xs);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .value-proposition-wrap {
        flex: 1;
    }

    .similar-contents-wrap {
        gap: var(--gap-xl);
        border-radius: var(--br-3xs);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }
    .ques-management-card {
        width: 48%;
    }
    .term-conditions-wraps .title {
        font-size: 26px;
    }
    .term-conditions {
        gap: 30px;
    }
}

@media screen and (max-width: 1200px) {
    .logo-header {
        padding-left: var(--padding-31xl);
        padding-right: var(--padding-31xl);
        box-sizing: border-box;
    }

    .login-left {
        width: 45%;
    }

    .gradientbutton {
        align-self: stretch;
        width: auto;
    }

    .logincontainer {
        width: 90%;
    }

    .login-dashboard-body {
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .profile-icon {
        width: 32px;
    }

    .notification-profile-wrapper {
        width: 92px;
    }

    .navbar-wrapper {
        padding-left: var(--padding-81xl);
        padding-right: var(--padding-81xl);
        box-sizing: border-box;
    }

    .top-gradient-bg-icon {
        width: 100%;
        height: auto;
    }

    .breadcrumb-item-list {
        padding-left: 0;
    }

    .breadcrumb-wrapper {
        width: 100%;
        padding: 0;
        padding-left: 44px;
        box-sizing: border-box;
    }

    .cus-container {
        width: 90% !important;
    }

    .matshore-landingpage-body {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .landing-page {
        width: 100%;
    }
    .pagination-wrp {
        width: 100%;
      }
  
      .project-version-card {
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
      }
      .myproject-wrapper {
        width: 100%;
      }
      .side-menu-wrapper {
        width: 252px;
    }
    .header-breadcrumb,
    .top-header-left {
        align-items: flex-start;
        justify-content: flex-start;
    }
    .header-breadcrumb {
        align-self: stretch;
        width: auto;
        flex-wrap: wrap;
    }

    .dashboard-subhead-right-wrp {
        width: 60%;
    }
    .dashboard-table {
        width: 1000px;
    }
    .dashboard-table-wrapper {
        width: 100%;
        overflow-x: auto;
    }
    .dasboard-right-wrappper {
        width: 77%;
    }
    .tab-item {
        padding-left: var(--padding-3xs);
        padding-right: var(--padding-3xs);
        box-sizing: border-box;
    }

    .accordion-body {
        gap: var(--gap-mini);
    }

    .admin-dashboard-content-sectio1 {
        gap: var(--gap-mini);
        border-radius: var(--br-7xs);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .describe-target-wrap {
        align-self: stretch;
        width: auto;
        gap: var(--gap-xl);
        border-radius: var(--br-7xs);
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }
    .describe-target-card {
        gap: 20px;
    }
    .video-library-wrap,
    .similar-contents-video-card {
        gap: var(--gap-xl);
        border-radius: var(--br-3xs);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .value-proposition-txt {
        font-size: var(--font-size-xl);
    }

    .value-proposition-block {
        gap: var(--gap-xl);
        border-radius: var(--br-3xs);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .value-proposition-block1 {
        gap: var(--gap-xl);
        border-radius: var(--br-3xs);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .similar-contents-wrap {
        gap: var(--gap-xl);
        border-radius: var(--br-3xs);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }
    .video-library-wrap .videos {
        height: auto;
    }

}

@media screen and (max-width: 1199px) {
    .logo-header {
        padding-left: var(--padding-41xl);
        padding-right: var(--padding-41xl);
        box-sizing: border-box;
    }

    .logincontainer {
        width: 90%;
    }

    .navbar-wrapper {
        padding-left: var(--padding-81xl);
        padding-right: var(--padding-81xl);
        box-sizing: border-box;
    }

    .top-gradient-bg-icon {
        width: 100%;
        height: auto;
    }

    .edit-profile-left {
        flex: unset;
        align-self: stretch;
    }

    .edit-profile-wrapper {
        flex-direction: column;
    }

    .cus-container {
        width: 90% !important;
    }

    .matshore-landingpage-body {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .landing-page {
        width: 100%;
    }

    .breadcrumb-wrapper {
        padding-left: 10px;
    }
    .myproject-wrapper,
    .pagination-wrp,
    .project-version-card{
      width: 100%;
    }
    .search {
        width: 238px;
    }
    .top-header-left {
        width: 100%;
    }

    .dashboard-subhead-right-wrp {
        width:auto;
    }
    .dashboard-subhead-wrp {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .tab-item {
        padding-left: var(--padding-3xs);
        padding-right: var(--padding-3xs);
        box-sizing: border-box;
    }

    .accordion-body {
        gap: var(--gap-mini);
    }
    .admin-dashboard-content-sectio1 {
        gap: var(--gap-mini);
        border-radius: var(--br-7xs);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .fom-label {
        line-height: 14px;
    }

    .describe-target-wrap {
        align-self: stretch;
        width: auto;
        gap: var(--gap-xl);
        border-radius: var(--br-7xs);
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }
    .target-card-wrp {
        height: 500px;
        gap: 12px;
    }

    .value-propostion-wrapper .value-proposition-card-wrap {
        flex-direction: column;
    }

    .value-proposition-card-wrap .catagory-card {
        padding: 10px;
        width: 100%;
    }

    .value-proposition-card-wrap .catagory-card p {
        text-align: center;
        margin: 0;
        writing-mode: inherit;
        transform: none;
        padding-bottom: 0;
    }

    .value-propostion-wrapper .project-card,
    .flipcard {
        min-width:300px;
        width: 290px;
    }
    .video-library-wrap,
    .similar-contents-video-card {
        gap: var(--gap-xl);
        border-radius: var(--br-3xs);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .value-proposition-txt {
        font-size: var(--font-size-xl);
    }

    .value-proposition-block {
        gap: var(--gap-xl);
        border-radius: var(--br-3xs);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .value-proposition-txt1 {
        font-size: var(--font-size-xl);
    }

    .value-proposition-block1 {
        gap: var(--gap-xl);
        border-radius: var(--br-3xs);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .filter-list-wraps {
        flex-direction: row;
    }

    .similar-contents-wrap {
        gap: var(--gap-xl);
        border-radius: var(--br-3xs);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }
    .similar-contents-video,
    .experts-videos-block,
    .video-library-wrap .videos {
        border-radius: 6px;
    }
    .profile-picture-head h3, .change-password-content h3, .edit-profile-head h3 {
        font-size: 21px;
    }
    .admin-coaching-project-wrapper .search {
        width: 100%;
    }
    .admin-coaching-project-wrapper .dashboard-subhead-wrp {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }
    .admin-coaching-project-wrapper .project-card {
        min-width: 285px;
    }
    .points-improve-modal .modal-content .modal-header h3 {
        font-size: var(--font-size-xl);
    }
    .points-improve-modal .modal-content {
        padding: 20px;
        gap: 20px;
    }
    .points-improve-modal .target-wrap .target-wrap-header {
        padding: 15px 0;
    }
    .points-improve-modal .answer-wrap,
    .points-improve-modal .suggestions-wrap,
    .suggestions-wrap-video {
        padding-bottom: 15px;
    }
    .term-conditions .nav ul li a {
        font-size: 14px;
        padding: 10px 15px;
    }
    .term-conditions-details div {
        gap: 8px;
    }
    .term-conditions-details {
        gap: 20px;
    }
    .term-conditions-details p {
        font-size: 14px;
    }
    .term-conditions-details h4 {
        font-size: 18px;
    }
     .vid-filter-block {
        flex-direction: column;
        gap: 15px;
    }
    .vid-filter-block .myproject-btn-wrp, .vid-filter-block .search{
        width: 100%;
    }
   .coach-head-wrp {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}
@media screen and (max-width: 1101px) {
    .target-card-wrp {
        gap: 12px;
    }

}
@media screen and (max-width: 1024px) {
    .edit-profile-right {
        flex: 1;
    }
    .coach-head-wrp .myproject-btn-wrp {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .coach-head-wrp select{
        width: 50% !important;
    }
    .navbar-wrapper {
        border-bottom: 1px solid #eaedf1;
        width: 100%;
        padding: 20px 40px;
        box-sizing: border-box;
    }

    .navbar-item-list {
        display: none;
    }

    .navbar {
        width: auto;
    }

    .logo-header {
        padding-left: var(--padding-21xl);
        padding-right: var(--padding-21xl);
        box-sizing: border-box;
    }

    .login-left {
        width: 50%;
    }

    .login-common-head {
        display: flex;
    }

    .input-text-box {
        width: 100%;

    }

    .inputfield {
        display: flex;
        width: 100%;
    }

    .errormessage {
        align-self: stretch;
        width: auto;
    }
    .error-message {
        align-self: stretch;
        width: auto;
    }

    .inputwrapper {
        display: flex;
        flex-direction: column;
        gap: var(--gap-3xs);
    }

    .forgotpassword {
        display: flex;
    }

    .createaccountformwrapper {
        display: flex;
    }

    .footer {
        display: flex;
    }

    .login-right {
        gap: var(--gap-13xl);
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .logincontainer {
        width: 90%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .login-dashboard-body {
        padding: var(--padding-61xl) 0 var(--padding-61xl) 0;
        box-sizing: border-box;
    }

    .top-gradient-bg-icon {
        width: 100%;
        height: auto;
    }

    .breadcrumb-item-list {
        padding-left: 0;
    }

    .breadcrumb-wrapper {
        width: 100%;
    }

    .user-name-text {
        width: auto;
        align-self: unset;
    }

    .landingpage-card-image {
        object-fit: contain;
    }

    .landingpage-card-wrappper {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .user-image-delete-btn {
        top: 40%;
    }

    .edit-profile-left {
        flex: unset;
        align-self: stretch;
    }

    .edit-profile-wrapper {
        flex-direction: column;
    }

    .cus-container{
        width: 90% !important;
    }
    .landinngpage-user-wrp {
        width: 100% !important;
    }
    .matshore-landingpage-body {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .landing-page,
    .landingpage-mainwrapper {
        width: 100%;
    }
    .myproject-wrapper,
    .pagination-wrp,
    .project-version-card {
      width: 100%;
    }
    
    .top-header-left {
        width: 100%;
        margin-left: 50px;
    }

    .dashboard-subhead-right-wrp {
        width: 60%;
        align-items: center;
        justify-content: flex-end;
    }
    .dashboard-subhead-wrp {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-start;
        gap: var(--gap-mini);
    }

    .admin-dashboard-section {
        width: 100%;
    }
    .side-menu-toggle.open span:nth-child(1) {
        transform: rotate(45deg);
        position: relative;
        top: 17px;
        height: 3px;
    }

    .side-menu-toggle.open span:nth-child(2) {
        opacity: 0;
    }

    .side-menu-toggle.open span:nth-child(3) {
        transform: rotate(-45deg);
        position: relative;
        top: 3px;
        height: 3px;
    }
    .side-menu-toggle {
        display: block;
        cursor: pointer;
        z-index: 1000;
        position: absolute;
        top: 60px;
        left: 52px;
        border: none;
        background: transparent;
    }
    .side-menu-toggle.open {
        top: 11px;
        left: 7px;
    }
    .side-menu {
        margin-top: 20px;
    }
    .side-menu-wrapper {
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        transition: left 0.3s ease;
        z-index: 999;
        display: none;
    }

    .side-menu-wrapper.open {
        left: 0;
        display: block;
        border-radius: 0;
    }

    .side-menu-item {
        padding: 15px;
        font-size: 16px;
    }
    .tab-item {
        padding-left: var(--padding-3xs);
        padding-right: var(--padding-3xs);
        box-sizing: border-box;
    }

    .accordion-body {
        gap: var(--gap-mini);
    }

    .admin-dashboard-content-sectio1 {
        gap: var(--gap-3xs);
        border-radius: var(--br-7xs);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .describe-target-wrap {
        align-self: stretch;
        width: auto;
        gap: var(--gap-xl);
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }
    

    .video-description-card {
        align-self: stretch;
        height: auto;
    }
    .video-library-wrap,
    .similar-contents-video-card {
        gap: var(--gap-mini);
        border-radius: var(--br-5xs);
        padding: var(--padding-mini);
        box-sizing: border-box;
    }

    .value-proposition-txt {
        font-size: var(--font-size-xl);
    }

    .value-proposition-block {
        gap: var(--gap-mini);
        border-radius: var(--br-5xs);
        padding: var(--padding-mini);
        box-sizing: border-box;
    }

    .value-proposition-txt1 {
        font-size: var(--font-size-xl);
    }

    .value-proposition-block1 {
        gap: var(--gap-mini);
        border-radius: var(--br-5xs);
        padding: var(--padding-mini);
        box-sizing: border-box;
    }

    .similar-contents-wrap {
        gap: var(--gap-mini);
        border-radius: var(--br-5xs);
        padding: var(--padding-mini);
        box-sizing: border-box;
    }

    .similar-contents {
        gap: var(--gap-mini);
    }
    .admin-coaching-project-wrapper .project-card {
        min-width: 285px;
    }
    .suggestions-wrap-video video {
        width: 100%;
        height: auto;
    }
    .suggestions-wrap-video {
        flex-direction: column;
    }
    .points-improve-modal .modal-content {
        padding: 15px;
        gap: 10px;
    }
    .people-access .people-access-list{
        gap: 12px;
    }
    
}

@media screen and (max-width: 991px) {
    .element-logo-icon {
        max-width: fit-content;
    }
    .side-menu-toggle {

        top: 60px;
    }

    .navbar {
        width: auto;
    }

    .logo-header {
        width: 991px;
        padding-left: var(--padding-26xl);
        padding-right: var(--padding-26xl);
        box-sizing: border-box;
    }

    .textlogowrapper {
        align-self: stretch;
        width: auto;
    }

    .login-left-content-wrp {
        padding-top: var(--padding-181xl);
        padding-bottom: var(--padding-181xl);
        box-sizing: border-box;
    }

    .login-left {
        align-self: stretch;
        width: auto;
        height: 300px;
    }

    .input-text-box:focus {
        border: 1px solid var(--color-red);
        box-sizing: border-box;
    }

    .inputfield,
    .label1 {
        align-self: stretch;
        width: 100%;
    }
    .inputfield {
        margin-bottom: 10px;
    }

    .drop-down-parent {
        width: auto;
        align-self: unset;
        position: absolute;
        right: 10px;
    }

    .errormessage {
        align-self: stretch;
        width: auto;
    }
    .error-message {
        align-self: stretch;
        width: auto;
    }

    .input-password {
        flex: 1;
    }

    .drop-down-group {
        flex: 1;
        position: absolute;
        right: 10px;
    }

    .inputwrapper {
        position: relative;
    }

    .gradientbutton {
        align-self: stretch;
        width: auto;
    }

    .loginform-wrapper {
        height: auto;
    }

    .login-right {
        width: auto;
        align-self: stretch;
        height: auto;
        flex: unset;
    }

    .logincontainer,
    .login-dashboard-body {
        height: auto;
        box-sizing: border-box;
    }

    .logincontainer {
        width: 90%;
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0;
    }

    .login-dashboard-body {
        align-items: center;
        justify-content: flex-start;
        padding: var(--padding-31xl) 0%;
    }

    .dashboard-main-wrapper {
        width: 100%;
        flex: 1;
    }

    .matshore-dashboard {
        height: auto;
        align-items: center;
        justify-content: flex-start;
    }

    .top-gradient-bg-icon {
        width: 100%;
        height: auto;
    }

    .edit-profile-left {
        flex: unset;
        align-self: stretch;
    }

    .edit-profile-wrapper {
        flex-direction: column;
    }

    .cus-container {
        width: 90% !important;
    }

    .landing-page,
    .matshore-landingpage-body {
        width: 100%;
    }

    .landingpage-video-wrp iframe {
        height: 400px;
    }
    .admin-login-wrapper .login-dashboard-body .login-left-content-wrp .textlogowrapper h3{
        font-size: 50px;
    }
    .admin-login-wrapper .login-dashboard-body    .login-left {
        height: auto;
        padding: 50px 0;

    }
    .myproject-wrapper,
    .pagination-wrp,
    .project-version-card {
      width: 100%;
    }
    .top-header-left {
        width: 100%;
    }

    .dashboard-subhead-right-wrp {
        width: 60%;
    }

    .admin-dashboard-section {
        width: 100%;
    }
    .content-section-content .accordion .accordion-item .accordion-button {
        border-radius: 4px;
    }
    .content-section-content .accordion .accordion-item .accordion-button,
    .accordion-wrap .accordion-body {
        padding: 15px;
    }
    .admin-dashboard-content-section {
        padding: 20px;
        gap: 10px;
    }
    .primary-button-txt,
    .input-title {
        font-size: 12px;
    }
    .tab-item {
        padding-left: var(--padding-3xs);
        padding-right: var(--padding-3xs);
        box-sizing: border-box;
    }

    .accordion-body {
        gap: var(--gap-mini);
    }

    .admin-dashboard-content-sectio1 {
        gap: var(--gap-3xs);
        border-radius: var(--br-9xs);
        padding: var(--padding-mini);
        box-sizing: border-box;
    }

    .describe-target-wrap {
        align-self: stretch;
        width: auto;
        gap: var(--gap-xl);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }
    .target-card-wrp {
        height: 500px;
    }
    .value-propostion-wrapper .project-card, .flipcard {
        min-width: 270px;
        width: 260px;
    }
    .video-description-card {
        width: 100%;
        flex: unset;
    }

    .video-tutorial-wrp .greate-example-card-wrp {
        width: 100%;
    }

    .video-tutorial-wrp {
        flex-direction: column;
    }

    .video-tutorial-card,
    .greate-example-card-wrp {
        width: 100%;
    }

    .video-part iframe {
        width: 100%;
        height: 400px;
    }
    .value-proposition-block1 {
        height: auto;
    }
    .filter-list-items-titles1 {
        font-size: 12px;
    }
    .value-proposition-txt {
        font-size: 16px;
    }
    .similar-contents-video,
    .experts-videos-block,
    .video-library-wrap .videos {
        border-radius: 4px;
    }
    .value-proposition-txt1 {
        font-size: 16px;
    }
    .coaching-project-wrapper .myproject-head-wrp{
        flex-direction: column;
        align-items: self-start;
        gap: 10px;
    }
    .admin-value-proposition-wrapper .myproject-head-wrp {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .mtb-30
    {    
        margin: 15px 0;
    }
    .term-conditions .nav ul li a {
        padding: 10px 12px;
    }
    .term-conditions-wraps .landinngpage-user-wrp {
        gap: 20px;
    }
    .mb-block{
        display: block;
    }
    .mb-none{
        display: none;
    }
    .login-footertext {
       position: unset;
       text-align: center;
    }
}

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

    .login-left-content-wrp,
    .logo-header {
        box-sizing: border-box;
    }

    .logo-header {
        width: 960px;
        padding-left: var(--padding-26xl);
        padding-right: var(--padding-26xl);
    }

    .login-left-content-wrp {
        padding: var(--padding-131xl) var(--padding-11xl);
    }

    .errormessage {
        align-self: stretch;
        width: auto;
    }
    .error-message {
        align-self: stretch;
        width: auto;
    }

    .logincontainer {
        width: 90%;
    }

    .login-dashboard-body {
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .dashboard-main-wrapper {
        width: 100%;
    }

    .top-gradient-bg-icon {
        width: 100%;
        height: auto;
    }

    .user-name-text {
        width: auto;
        align-self: unset;
    }

    .edit-profile-left {
        flex: unset;
        align-self: stretch;
    }

    .edit-profile-wrapper {
        flex-direction: column;
    }

    .landingpage-video-wrp iframe {
        height: 345px;
    }
    .dashboard-subhead-right-wrp {
        width: 100%;
    }
    .dashboard-subhead-right-wrp,
    .dashboard-subhead-wrp {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .admin-dashboard-section {
        width: 100%;
    }
    .admin-dashboard-content-sectio1 {
        gap: var(--gap-3xs);
        border-radius: var(--br-9xs);
        padding: var(--padding-mini);
        box-sizing: border-box;
    }

    .describe-target-wrap {
        align-self: stretch;
        width: auto;
        gap: var(--gap-mini);
        padding: var(--padding-xl);
        box-sizing: border-box;
    }
    .admin-coaching-project-wrapper .custom-select {
        width: 100%;
    }
    .admin-coaching-project-wrapper .dashboard-subhead-right-wrp {
        align-items: center;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 768px) {
    .notification-profile-wrapper {
        width: 50px;
    }
    .button-wrp {
        flex-direction: column;
    }
    .inputfield {
        margin-bottom: 5px;
    }
    .element-logo-icon {
        object-fit: contain;
    }

    .navbar {
        width: auto;
    }

    .login-left-content-wrp,
    .logo-header {
        box-sizing: border-box;
    }

    .logo-header {
        width: 768px;
        padding-left: var(--padding-16xl);
        padding-right: var(--padding-16xl);
    }

    .login-left-content-wrp {
        padding-top: var(--padding-131xl);
        padding-bottom: var(--padding-131xl);
    }

    .logincontainer {
        width: 90%;
    }

    .login-dashboard-body {
        width: 100%;
        flex: 1;
        padding: var(--padding-21xl) 0;
        box-sizing: border-box;
    }

    .dashboard-main-wrapper {
        width: 100%;
    }

    .top-gradient-bg-icon {
        width: 100%;
        height: auto;
    }

    .breadcrumb-item-list {
        padding-left: 0;
    }

    .user-name-text {
        width: auto;
        align-self: unset;
    }

    .profile-pic {
        flex: unset;
        align-self: stretch;
    }

    .gradient-btn {
        width: 100%;
    }

    .profile-picture-wrap {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .user-image-delete-btn {
        top: 29%;
        left: 12%;
    }

    .profile-picture-card {
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .change-password-content {
        flex: unset;
        align-self: stretch;
    }

    .change-password-card {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .edit-profile-left {
        flex: unset;
        align-self: stretch;
    }

    .transperent-btn {
        width: 100%;
    }

    .saveprofile-btn {
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .profile-details-btn-wrp {
        flex-direction: column-reverse;
    }

    .edit-profile-right {
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .edit-profile-wrapper {
        flex-direction: column;
    }

    .landinngpage-user-wrp {
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .matshore-landingpage-body {
        width: 100%;
        flex: 1;
    }

    .landing-page {
        width: 100%;
    }

    .user-profile-name {
        font-size: var(--h3-bold-size);
    }

    .landingpage-video-wrp iframe {
        height: auto;
        min-height: 250px;
    }

    .form-flex {
        flex-direction: column;
        gap: 16px;
    }

    .changepassword-input-sec {
        width: 100% !important;
    }

    .breadcrumb-wrapper {
        padding-left: 10px;
    }


    .lengthyerror {
        position: absolute;
    }
   .error-msg-wrp .lengthyerror {
        bottom: -4px;
    }
    .bg-gradient-icon,
    .breadcrumbs-wrp
    .pagination-wrp {
      width: 100%;
    }
    .project-version-card{
      align-self: stretch;
      width: auto;
    }
    .myproject-wrapper {
      width: 100%;
      padding: 25px;
    }
    .admin-login-wrapper .login-dashboard-body .login-left-content-wrp .textlogowrapper h3{
        font-size: 40px;
    }
    .admin-login-logo {
        width: 100%;
        max-width: 200px;
    }
    .admin-login-wrapper .login-dashboard-body .login-left-content-wrp .textlogowrapper {
        flex-direction: column;
        gap: 1px;
    }
    .top-header-left {
        width: 100%;
    }

    .dashboard-subhead-right-wrp {
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .admin-dashboard-section {
        width: 100%;
    }
    .top-header-right {
        width: auto;
    }

    .accordion-wrap .form-control2 {
        font-size: 12px;
    }
    .admin-dashboard-content-section {
        padding: 15px;
        border-radius: 4px;
    }
    .tab-item {
        padding-left: var(--padding-3xs);
        padding-right: var(--padding-3xs);
        box-sizing: border-box;
    }
    .project-version-card .project-status-wrp {
        width: 100%;

    }

    .accordion-header-txt {
        font-size: var(--font-size-sm);
    }

    .accordion-body {
        gap: var(--gap-mini);
    }

    .admin-dashboard-content-sectio1 {
        gap: var(--gap-3xs);
        border-radius: var(--br-9xs);
        padding: var(--padding-mini);
        box-sizing: border-box;
    }

    .describe-target-wrap {
        align-self: stretch;
        width: auto;
        gap: var(--gap-mini);
        padding: var(--padding-mini);
        box-sizing: border-box;
    }
    .target-card-back {
        padding-right: 10px;
    }

    .value-propostion-wrapper .inputselect,
    .value-propostion-wrapper .gradient-btn,
    .disable-btn {
        min-width: auto;
        width: 100%;
    }

    .value-proposition-footer-btn {
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }

    .button-wraper {
        width: 100%;
        gap: 10px;
        flex-direction: column;
    }

    .myproject-btn-wrp,
    .myproject-head-wrp {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        gap: 10px;
    }

    .myproject-btn-wrp .inputselect {
        margin-bottom: 0;
    }
    .btn-footer-wrp .transperent-btn,
    .ai-btn,
    .gradient-btn {
        width: 100%;
    }

    .textarea-label {
        font-size: var(--font-size-base);
    }

    .transperent-btn1 {
        width: 100%;
    }

    .ai-btn {
        width: 100%;
    }

    .gradient-btn17 {
        width: 100%;
    }

    .right-btn-wrp {
        width: 100%;
        flex-direction: column;
    }

    .btn-footer-wrp {
        width: 100%;
        flex-direction: column;
        flex-wrap: wrap;
        gap: var(--gap-xl);
    }

    .sub-head {
        font-size: var(--font-size-xl);
    }

    .right-btn-wrp1 {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .reasonto-believe-wrap p {
        font-size: var(--font-size-base);
        line-height: 20px;
        align-self: stretch;
        width: auto;
    }

    .reasonto-believe-wrap .reason-list-wrp p {
        line-height: 19px;
    }

    .reason-list-wrp {
        gap: var(--gap-mini);
    }

    .two-button-wrp {
        flex-direction: column;
        flex-wrap: wrap;
        gap: var(--gap-3xs);
    }

    .item-container {
        gap: 20px;
    }

    .video-description-card {
        width: 100%;
        padding: 30px;
    }

    .select-keyword-phrases-input-wrp {
        gap: 5px;
        flex-direction: column;
    }

    .select-keyword-phrases-wrp {
        margin-top: 15px;
    }

    .benift-statement-wrp {
        padding: 15px;
        flex-direction: column;
        align-items: self-start;
        gap: 10px;
    }

    .video-tutorial-card,
    .select-own-reason-card,
    .greate-example-card-wrp,
    .mat-ai-generated-sec,
    .great-exaple-card,
    .describe-target-card {
        padding: 30px;
    }
    .element-image-icon {
        width: 36px;
        height: 36px;
    }
    .value-proposition-block1 {
        height: auto;
    }
    .filter-list-items-titles1 {
        font-size: 12px;
    }
    .value-proposition-txt {
        font-size: 16px;
    }
    .similar-contents-video,
    .experts-videos-block,
    .video-library-wrap .videos {
        border-radius: 4px;
    }
    .value-proposition-txt1 {
        font-size: 16px;
    }
    .custom-select {
        width: 100%;
    }
    .myproject-head-wrp .custom-select {
        width: 100%;
    }
    .change-password-card a .gradient-btn{
        padding:16px;
    }
    .profile-picture-head h3, .change-password-content h3, .edit-profile-head h3 {
        font-size: 19px;
    }
    .search {
        width: 100%;
    }
    .ques-management-card {
        width: 100%;
    }
    .ques-management-card-top .arrow-btn {
        width: 30px;
    }
    .ques-management-card-top .card-top-left img {
        width: 35px;
        height: 35px;
    }
    .coaching-value-propostion-img span {
        font-size: 15px;
    }
    .coaching-value-propostion-img h2 {
        font-size: 23px;
    }
    .admin-form-group {
        gap: 10px;
        flex-direction: column;
    }
    .admin-profile-dropdown .dropdown-menu {
        width: 100%;
        min-width: fit-content;
        padding: 20px;
    }
     .dropdown-menu li {
        padding: 14px 0px;
    }
    .dropdown-profile-detail .user-profile-name {
        margin-bottom: 17px;
        margin-top: 12px;
        font-size: 19px;
    }
    .dropdown-profile-detail img {
        width: 45px;
        height: 45px;
    }
    .dropdown-menu .dropdown-item {
        font-size: 12px;
    }
    .edit-delete-dropdown .dropdown-menu li {
        padding: 10px 0px;

    }
    .edit-delete-dropdown .dropdown-menu {
        padding: 0 15px;
    }
    
    .profile-changepass-form .errormessage{
        position: unset;
    }
    .profile-changepass-form .pass-input{
        margin-bottom: 0;
    }
    .pass-input .error-msg-wrp {
        position: unset;
    }
    .term-conditions {
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }
    .term-conditions .nav{
        width: 100%;
    }
    .term-conditions .nav ul {
        flex-direction: row;
        white-space: nowrap;
        overflow-x: auto;
    }
    .term-conditions .nav ul li a {
        padding: 5px 8px;
        font-size: 12px;
    }
    .term-conditions-details h4 {
        font-size: 16px;
    }
    .term-conditions-details p {
        font-size: 12px;
    }
    .term-conditions-wraps .title {
        font-size: 22px;
    }
    .term-conditions-wraps .landinngpage-user-wrp {
        gap: 15px;
    }
    .vid-filter{
        flex-direction: column;
        align-items: flex-start;
    }
    .vid-filter-block .dropdown, .vid-filter-block .dropdown .dropbtn{
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .myproject-btn-wrp .search{
        width: 100%;
    }
    .coach-head-wrp select{
        width: 100% !important;
    }
    .tab-item {
        padding-left: var(--padding-3xs);
        padding-right: var(--padding-3xs);
        box-sizing: border-box;
    }
    .project-name-details-wrp {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .accordion-body {
        gap: var(--gap-3xs);
    }
    .profile-changepass-form  .error-forget-wrp .forgtbtn {
        font-size: 10px;
    }
    .admin-dashboard-content-sectio1 {
        gap: var(--gap-3xs);
        border-radius: var(--br-9xs);
        padding: var(--padding-mini);
        box-sizing: border-box;
    }

    .describe-target-wrap {
        align-self: stretch;
        width: auto;
        gap: var(--gap-mini);
        padding: var(--padding-mini);
        box-sizing: border-box;
    }
    .describe-target-card {
        box-sizing: border-box;
        gap: 15px;
    }

    .sub-head {
        font-size: var(--h4-hv-bold-size);
    }

    .greate-example-card-wrp {
        padding: var(--padding-6xl);
        box-sizing: border-box;
    }

    .video-tutorial-card {
        box-sizing: border-box;
        min-width: 300px;
        padding: 25px;
    }

    .video-description-card {
      box-sizing: border-box;
        min-width: 300px;
        padding: 25px;
    }

    .video-tutorial-wrp {
        align-self: stretch;
        width: auto;
        flex: 1;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }
    .confirmpassword-section {
        flex-direction: column;
    }

    .reasonto-believe-wrap {
        gap: 15px;
    }

    .great-exaple-card {
        flex: 1;
        padding: var(--padding-6xl);
        box-sizing: border-box;
    }

    .mat-ai-generated-sec {
        padding: var(--padding-6xl);
        box-sizing: border-box;
    }

    .type-area {
        height: 100%;
    }

    .select-own-reason-card {
        padding: var(--padding-6xl);
        box-sizing: border-box;
    }

    .video-part iframe {
        width: 100%;
        height: 250px;
    }

    .video-tutorial-card,
    .select-own-reason-card,
    .greate-example-card-wrp,
    .mat-ai-generated-sec,
    .great-exaple-card,
    .describe-target-card {
        padding: 25px;
    }
    .successfull-poup .modal-content {
        padding: 20px;
    }
    .successfull-poup .gradient-text {
        font-size: 19px;
    }
    .value-propostion-wrapper .project-card,
    .flipcard {
        min-width: 260px;
        width: 100%;
    }
    .target-card.target-card-front {
        width: 95%;
    }
    .target-card-wrp {
        height: 800px;
    }
    .admin-modal .cus-row,
    .admin-modal .popup-form {
        flex-wrap: wrap;
        gap: 10px 0;
    }
    .admin-modal .cus-row .col-2,
    .admin-modal .popup-btn-wrapper .transperent-btn,
    .admin-modal .popup-btn-wrapper .gradient-btn,.share-your-project .modal-footer .transperent-btn, .share-your-project .modal-footer .gradient-btn {
        width: 100%;
    }
    .points-improve-modal .modal-content {
        width: 100%;
    }
    .points-improve-modal .modal-content .modal-header h3 {
        font-size: var(--font-size-lg);
    }
    .coach-head-wrp  .custom-select {
        width: 100%;
    }
    .error-page-content h3{
        font-size: 18px;
    }  
    .error-page-wrapper {
        gap: 25px;
    }
    .uploadfile-wrp {
        flex-direction: column;
        }

    .uploadfile-option {
        width: 100%;
        }

    .uploadfile-option label {
        font-size: 13px;
        }
    .coach-review-wrapper .sort-select {
        width: 100%;
    }
    .credit-total-count-sec {
        gap: 15px;
    }
    .btn-pagination-wrp {
        flex-direction: column-reverse;
        width: 100%;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 11px;
    }
    .btn-pagination-wrp .pagination-list {
        justify-content: center;
    }
    .modal-footer .transperent-btn,
    .modal-footer .gradient-btn{
        width: 100%;
    }
    
    .footersectionwrrapper {
        flex-direction: column;
    }
 
}
@media screen and (max-width: 640px) {
    .inputemail-verify-wrp .gradient-btn {
        margin-top: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    .logowrapper {
        flex-direction: row;
    }
    .login-main-text {
        font-size: 19px;
    }
    .logo-container,
    .logowrapper {
        align-items: center;
        justify-content: center;
    }

    .logo-header {
        width: 100%;
        flex-direction: row;
    }

    .login-left-content-wrp {
        padding-top: var(--padding-131xl);
        padding-bottom: var(--padding-131xl);
        box-sizing: border-box;
    }

    .login-right {
        flex: unset;
        align-self: stretch;
    }

    .logincontainer {
        width: 90%;
        flex-direction: column;
    }

    .login-dashboard-body {
        width: 100%;
        padding: var(--padding-11xl) 0;
        box-sizing: border-box;
    }

    .dashboard-main-wrapper {
        width: 100%;
    }

    .breadcrumb-wrapper {
        padding-left: 10px;
    }

    .user-profile-name {
        font-size: var(--h4-hv-bold-size);
    }

    .top-gradient-bg-icon {
        width: 100%;
        height: auto;
    }

    .breadcrumb-item-list {
        padding-left: 0;
        box-sizing: border-box;
    }

    .user-name-text {
        width: auto;
        align-self: unset;
    }

    .user-image-icon {
        position: relative;
    }

    .user-name {
        align-items: center;
        justify-content: center;
    }

    .profile-pic {
        flex-direction: column;
        position: relative;
        flex: unset;
        align-self: stretch;
    }

    .gradient-btn {
        width: 100%;
    }

    .profile-picture-wrap {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .user-image-delete-btn {
        display: flex;
        top: 24%;
        left: 53%;
    }

    .profile-picture-card {
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .change-password-content {
        flex: unset;
        align-self: stretch;
    }

    .change-password-card {
        flex-direction: column;
        padding: var(--padding-11xl);
        box-sizing: border-box;
        align-items: center;
    }

    .edit-profile-left {
        flex: unset;
        align-self: stretch;
    }

    .transperent-btn {
        width: 100%;
    }

    .saveprofile-btn {
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .edit-profile-right {
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .edit-profile-wrapper {
        flex-direction: column;
    }

    .landinngpage-user-wrp {
        padding: var(--padding-11xl);
        box-sizing: border-box;
    }

    .landing-page,
    .matshore-landingpage-body {
        width: 100%;
    }

    .matshore-landingpage-body {
        padding-top: 15px;
    }

    .notificatiom-dropdown {
        padding: 20px 0 !important;
        min-width: 400px !important;
    }

    .navbar .dropdown-menu[data-bs-popper] {
        right: -30px;
    }

    .sub-head {
        font-size: 18px;
      }
      .myproject-btn-wrp  .inputselect {
        width: 100%;
      } 
  
  
      .myproject-btn-wrp,
      .myproject-head-wrp {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
      }
      .myproject-btn-wrp {
        width: 100%;
      }
      .myproject-head-wrp {
        flex-wrap: wrap;
        align-content: flex-start;
        gap: var(--gap-3xs);
      }
      .project-status-wrp {
        flex: 1;
        justify-content: center;
      }
      .arrow-btn {
        width: 100%;
      }
      .project-card-footer {
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--gap-3xs);
      }
      .project-card {
        width: 100%;
      }
      .projectcard-wrp {
        align-self: stretch;
        width: auto;
      }
      .pagination-wrp {
        width: 100%;
      }
      .project-version-content-right {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
          align-self: stretch;
      }
      .project-version-card-content {
        gap: var(--gap-3xs);
      }
      .project-version-card{
        width: 100%;
        flex: 1;
      }
      .myproject-wrapper {
        width: 100%;
      }
  
  
      .project-version-status-wrp {
        row-gap: 10px;
        width: 100%;
  
    }
    .admin-login-wrapper .login-dashboard-body .login-right {
        padding: 35px 28px;
    }
    .admin-login-wrapper .login-dashboard-body .login-left-content-wrp .textlogowrapper h3{
        font-size: 35px;
    }
    .popup-btn-wrapper {
        flex-wrap: wrap;

    }

    .top-header-left {
        width: 100%;
        margin-left: 0px;
    }
    .dasboard-top-header {
        padding-left: var(--padding-xl);
        padding-top: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box;
    }

    .search {
        width: 100%;
    }
    .dashboard-subhead-right-wrp {
        width: 100%;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .dashboard-subhead-wrp {
        flex-direction: column;
    }

    .admin-dashboard-section {
        width: 100%;
        padding: var(--padding-xl);
        box-sizing: border-box;
    }
    .dasboard-top-head-content {
        flex-direction: row;
        align-items: center;
        margin-left: 63px;
        gap: 10px;
    }
    .inputemail-verify-wrp {
        flex-wrap: wrap;
        gap: 15px;
    }
    .inputemail-verify-wrp .gradientbutton{
        margin-top: 0px;
        width: 100%;
    }
    .project-version-card .project-status-wrp {
        width: 100%;

    } 
    .create-value-proposition .back-btn {
        margin-bottom: 16px;
    }
    .filter-wrap {
        height: auto;
        flex: 1;
        flex-direction: column;
        gap: var(--gap-3xs);
    }

    .tab-item {
        padding-left: var(--padding-3xs);
        padding-right: var(--padding-3xs);
        box-sizing: border-box;
    }

    .tab-wrap {
        gap: var(--gap-11xs);
    }

    .accordion-body {
        gap: var(--gap-3xs);
    }

    .search1 {
        align-self: stretch;
        width: auto;
    }

    .filter-btn {
        align-self: stretch;
        width: auto;
    }

    .primary-button3 {
        align-self: stretch;
        width: auto;
    }

    .admin-dashboard-content-sectio1 {
        gap: var(--gap-3xs);
        border-radius: var(--br-9xs);
        padding: var(--padding-mini);
        box-sizing: border-box;
    }

    .describe-target-txt {
        font-size: 20px;
    }

    .back-btn {
        align-self: stretch;
        width: auto;
        gap: var(--gap-0);
    }

    .btn-ai {
        align-self: stretch;
        width: auto;
    }
    .ai-generate-result-card {
        min-width: 250px;
        width: 100%;
    }

    .btn-type {
        align-self: stretch;
        width: auto;
    }

    .describe-button-right-btn {
        align-self: stretch;
        width: auto;
        flex-direction: column;
    }

    .describe-button-wrap {
        flex-direction: column;
    }

    .describe-target-wrap {
        align-self: stretch;
        width: auto;
        gap: var(--gap-mini);
        padding: var(--padding-mini);
        box-sizing: border-box;
    }
     .valueproposition-card-top .arrow-btn {
        width: 30px;
    }

    .target-card-wrp {
        height: 800px;
    }

    .value-propostion-wrapper .project-card,
    .flipcard {
        min-width: 260px;
        width: 100%;
    }
    .target-card.target-card-front {
        width: 95%;
    }
    .coaching-value-propostionlevel-card-footer {
        flex-wrap: wrap;
    }
    .admin-coach-review-suggestion-section .dashboard-subhead-right-wrp {
        width: 100%;
    }
    .admin-coaching-project-wrapper .custom-select {
        width: 100%;
    }
    .admin-coaching-project-wrapper .dashboard-subhead-right-wrp {
        align-items: flex-start;
        justify-content: flex-start;
    }
    .status-btn-table {
        font-size: 10px;
        padding: 5px;
    }
    .input-password {
        margin-right: 0;
    }
    .side-menu-toggle {
        left: 40px;
        top: 50px;
    }
    .filesize-text {
        text-align: center;
        left: 0;
        right: 0;
        font-size: 10px;
    }
}

@media screen and (max-width: 560px) {
    .error-msg-wrp .lengthyerror {
        bottom: -10px;
    }
    .menu-items,
    .menu-items.active {
        top: 117px;
    }

    .menu-toggle span {
        width: 20px;
    }

    .menu-toggle span:nth-child(2) {
        width: 15px;
    }
    .resetpassword-Popup .transperent-btn{
        width:100%;
    }

    .copyright, .ver-1025 {
        font-size: 10px;
    }
}

@media screen and (max-width: 480px) {
    .term-conditions-wraps .title {
        font-size: 18px;
    }
    .menu-items,
    .menu-items.active {
        top: 107px;
    }

    .menu-items.active {
        padding: 30px 28px;
    }

    .notificatiom-dropdown {
        padding: 15px 0 !important;
        min-width: 300px !important;
    }

    .navbar-wrapper {
        padding: 5px 23px;
    }
    .target-card.target-card-front {
        width: 90%;
    }
    .textarea-label {
        align-self: stretch;
        width: auto;
        flex: 1;
    }

    .ai-card-wrp {
        align-items: center;
        justify-content: center;
    }

    .video-tutorial-card {
        width: 100%;
    }

    .video-description-card {
        width: 100%;
    }

    .video-tutorial-wrp {
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .sub-head-wrp {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-start;
        gap: 5px;
    }

    .ai-generate-result-card-sec {
        padding: var(--padding-mini);
        box-sizing: border-box;
    }

    .reasonto-believe-wrap .reason-list-wrp p {
        line-height: 18px;
    }

    .type-area {
        height: 100%;
    }
}

@media screen and (max-width: 420px) {
    .logo-container {
        align-items: center;
        justify-content: center;
    }

    .logo-header {
        width: 100%;
    }

    .footerlogo-icon {
        flex-direction: column;
    }

    .footerlogo-icon,
    .footersectionwrrapper,
    .login-footertextblock {
        align-items: center;
        justify-content: center;
    }

    .footersectionwrrapper {
        flex-direction: column;
    }

    .logincontainer {
        width: 90%;
    }

    .login-dashboard-body {
        width: 100%;
        padding: 25px 0;
        box-sizing: border-box;
    }

    .top-gradient-bg-icon {
        width: 100%;
        height: auto;
    }

    .landingpage-card {
        min-width: 100%;
    }

    .profile-pic,
    .user-name {
        align-items: center;
        justify-content: center;
    }

    .profile-pic {
        flex-direction: column;
    }

    .profile-picture-wrap {
        align-items: center;
        justify-content: center;
    }

    .user-image-delete-btn {
        top: 30%;
        left: 54%;
    }

    .profile-picture-card {
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .change-password-card {
        align-items: center;
        justify-content: center;
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .saveprofile-btn,
    .transperent-btn {
        align-self: stretch;
        width: 100%;
    }

    .saveprofile-btn {
        align-items: center;
        justify-content: center;
    }
    .edit-profile-right {
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .landinngpage-user-wrp {
        padding: var(--padding-6xl);
        box-sizing: border-box;
    }

    .matshore-landingpage-body {
        height: auto;
    }

    .landingpage-video-wrp iframe {
        height: auto;
        min-height: 150px;
    }

    .notificatiom-dropdown {
        padding: 15px 0 !important;
        min-width: 300px !important;
    }

    .navbar .dropdown-menu[data-bs-popper] {
        right: -7px;
        min-width: 290px;
    }

    .dropdown-menu.notificatiom-dropdown.show {
        right: -25px;
    }

    .element-logo-icon {
        object-fit: contain;
        width: 140px;
    }
    .breadcrumbs-wrp {
        display: flex;
        align-self: stretch;
        width: auto;
      }

      .myproject-btn-wrp,
      .myproject-head-wrp {
        align-items: center;
        justify-content: flex-start;
      }
      .myproject-head-wrp {
        align-items: flex-start;
        gap: var(--gap-3xs);
      }
      .project-status-wrp {
        flex: 1;
      }
      .arrow-btn {
        width: 100%;
      }
      .project-card-footer {
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--gap-3xs);
      }

      .project-card {
        padding-left: var(--padding-mini);
        padding-right: var(--padding-mini);
        min-width: 280px;
        width: 100%;
      }
      .pagination-list {
        width: 100%;
        padding-left: 0;
      }
      .project-version-content-left {
        flex: 1;
      }
      .project-version-status-wrp {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: var(--gap-3xs);
      }
  
      .project-version-card-content {
        flex-direction: column;
      }
      .project-version-card {
        width: 100%;
        flex: 1;
      }
  
      .myproject-wrapper {
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 20px;
      }
      .side-menu-toggle {
        left: 41px;
    }
    .dasboard-top-header {
        padding: var(--padding-mini) var(--padding-xl);
        box-sizing: border-box;
    }

    .dashboard-subhead-right-wrp {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .admin-dashboard-content-section {
        padding-left: var(--padding-6xl);
        padding-right: var(--padding-6xl);
        box-sizing: border-box;
    }
    .admin-dashboard-section {
        width: 100%;
        padding: var(--padding-xl);
        box-sizing: border-box;
    }
    .tab-item {
        padding-left: var(--padding-8xs);
        padding-right: var(--padding-8xs);
        box-sizing: border-box;
    }

    .tab-wrap {
        gap: var(--gap-11xs);
    }

    .form-control {
        flex-direction: column;
    }

    .input-wrap {
        flex: unset;
        align-self: stretch;
    }

    .primary-button1 {
        align-self: stretch;
        width: auto;
    }

    .url-form {
        flex-direction: column;
        gap: var(--gap-3xs);
        align-items: flex-start;
        justify-content: center;
    }

    .secondary-button {
        align-self: stretch;
        width: auto;
    }

    .primary-button2 {
        align-self: stretch;
        width: auto;
    }

    .action-btn-wrap {
        align-self: stretch;
        width: auto;
        flex-direction: column;
        gap: var(--gap-3xs);
    }

    .accordion-body {
        gap: var(--gap-3xs);
    }

    .filter-wrap {
        flex: 1;
        flex-direction: column;
    }

    .admin-dashboard-content-sectio1 {
        gap: var(--gap-3xs);
        border-radius: var(--br-9xs);
    }

    .describe-target-wrap {
        align-self: stretch;
        width: auto;
        padding: var(--padding-mini);
        box-sizing: border-box;
    }
    .breadcrumb-item {

        font-size: 10px;
    }

}

@media screen and (max-width: 360px) {
    .notification-profile-wrapper {
        width: 70px;
    }

    .dropdown-menu.notificatiom-dropdown.show {
        right: -70px;
    }

    .logo-container,
    .logowrapper {
        align-items: center;
        justify-content: center;
    }

    .login-left-content-wrp,
    .logo-header {
        box-sizing: border-box;
    }

    .logo-header {
        width: 100%;
        align-items: center;
        justify-content: center;
        padding-left: var(--padding-11xl);
        padding-right: var(--padding-11xl);
    }

    .login-left-content-wrp {
        padding-top: var(--padding-81xl);
        padding-bottom: var(--padding-81xl);
    }

    .footersectionwrrapper {
        flex-direction: column;
    }

    .logincontainer {
        width: 90%;
    }

    .login-dashboard-body {
        width: 100%;
        flex-direction: column;
        padding: var(--padding-xl) 0;
        box-sizing: border-box;
    }

    .top-gradient-bg-icon {
        width: 100%;
        height: auto;
    }

    .breadcrumb-item-list {
        align-items: center;
        padding-left: 0;
    }

    .breadcrumb-item-list,
    .breadcrumb-wrapper {
        justify-content: flex-start;
    }

    .landingpage-card {
        min-width: 100%;
    }

    .profile-pic,
    .user-name {
        align-items: center;
        justify-content: center;
    }

    .profile-pic {
        flex-direction: column;
    }

    .user-image-delete-btn {
        top: 26%;
        left: 55%;
    }

    .change-password-card,
    .profile-picture-card {
        padding: var(--padding-6xl);
        box-sizing: border-box;
    }

    .edit-profile-left {
        flex: unset;
        align-self: stretch;
    }

    .saveprofile-btn,
    .transperent-btn {
        align-self: stretch;
    }

    .edit-profile-right {
        padding: var(--padding-6xl);
        box-sizing: border-box;
    }

    .edit-profile-wrapper {
        flex-direction: column;
    }

    .landinngpage-user-wrp {
        padding: var(--padding-xl);
        box-sizing: border-box;
    }

    .cus-container {
        width: 90% !important;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .matshore-landingpage-body {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .landingpage-mainwrapper {
        align-self: stretch;
        width: auto;
    }

    .landing-page {
        width: 100%;
    }
    
    .lengthyerror {
        bottom: -42px;
    }
    .bg-gradient-icon{
        width: 100%;
      }
  
      .myproject-head-wrp {
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--gap-mini);
      }
      .project-status-wrp {
        flex: 1;
      }
      .arrow-btn {
        width: 100%;
      }
      .project-card-footer {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-start;
        gap: var(--gap-3xs);
      }
      .project-card {
        width: 100%;
      }
      .projectcard-wrp {
        align-self: stretch;
        width: auto;
      }
      .pagination-list {
        width: 100%;
        padding-left: 0;
      }
      .pagination-wrp {
        width: 100%;
      }
  
      .project-version-status {
        width: 100%;
      }
      .project-version-status-wrp {
        width: 90%;
        align-self: unset;
      }
      .project-version-content-right {
        width: 100%;
      }
      .project-version-card-content {
        flex: 1;
      }
      .project-version-card {
        width: 100%;
        flex: 1;
        padding-left: var(--padding-mini);
        padding-right: var(--padding-mini);
        box-sizing: border-box;
      }
      .myproject-wrapper {
        width: 100%;
      }
      .dasboard-top-header {
        padding: var(--padding-mini);
        box-sizing: border-box;
    }

    .dashboard-subhead-right-wrp,
    .dashboard-subhead-wrp {
        width: 100%;
    }

    .admin-dashboard-section {
        width: 100%;
        padding: 19px var(--padding-xl) var(--padding-xl);
        box-sizing: border-box;
    }
    .tab-wrap {
        gap: var(--gap-11xs);
    }

    .accordion-body {
        gap: var(--gap-3xs);
    }

    .admin-dashboard-content-sectio1 {
        gap: var(--gap-3xs);
        border-radius: var(--br-9xs);
        padding: var(--padding-mini);
        box-sizing: border-box;
    }

    .describe-target-wrap {
        align-self: stretch;
        width: auto;
        gap: var(--gap-mini);
        padding: var(--padding-mini);
        box-sizing: border-box;
    }
    
    .ai-card {
        flex: 1;
    }

    .ai-card-wrp {
        align-self: stretch;
        width: auto;
    }

    .ai-generate-result-card {
        min-width: 200px;
    }

    .ai-generate-result-card-sec {
        align-items: center;
        justify-content: center;
        padding: var(--padding-mini);
        box-sizing: border-box;
    }

    .reasonto-believe-wrap .reason-list-wrp p {
        font-size: var(--font-size-sm);
    }

    .type-area {
        height: 100%;
    }
}

@media screen and (max-width: 350px) {
    .dropdown-menu.notificatiom-dropdown.show {
        right: -80px;
    }

    .logo-icon {
        height: 50px;
    }

    .logo-container,
    .logo-header,
    .logowrapper {
        align-items: center;
        justify-content: center;
    }

    .logo-header {
        padding-left: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box;
    }

    .logo-header,
    .interactive-scorecard-logo-whi {
        width: 100%;
    }

    .login-footertext {
        padding-left: 0;
    }

    .login-footertext,
    .login-left {
        padding-right: 0;
        box-sizing: border-box;
    }

    .footerlogo-icon,
    .footersectionwrrapper {
        align-items: center;
        justify-content: center;
    }

    .footerlogo-icon {
        width: auto;
        align-self: unset;
    }

    .footersectionwrrapper {
        flex-direction: column;
    }

    .footer {
        align-self: stretch;
        width: auto;
    }

    .logincontainer {
        width: 90%;
    }

    .login-dashboard-body {
        width: 100%;
        align-items: center;
        justify-content: center;
        padding: var(--padding-xl) 0;
        box-sizing: border-box;
    }

    .dashboard-main-wrapper {
        width: 100%;
    }

    .gradientbtn {
        width: 100%;
    }

    .change-password-card,
    .edit-profile-right,
    .landinngpage-user-wrp,
    .profile-picture-card {
        padding: var(--padding-xl);
        box-sizing: border-box;
    }


      .myproject-head-wrp {
        align-self: stretch;
        width: auto;
      }
      .arrow-btn {
        width: 100%;
      }
      .project-card {
        padding-left: var(--padding-mini);
        padding-right: var(--padding-mini);
        box-sizing: border-box;
      }
      .pagination-wrp {
        width: 100%;
      }
      .project-version-status,
      .project-version-status-wrp {
        align-items: center;
        justify-content: center;
      }
      .myproject-wrapper,
      .project-version-card {
        width: 100%;
      }
      .header-breadcrumb {
        width: 100%;
        flex-wrap: wrap;
    }
    .dasboard-top-header {
        width: 100%;
        padding: var(--padding-mini);
        box-sizing: border-box;
    }

    .admin-dashboard-content-section {
        align-self: stretch;
        width: auto;
    }
    .admin-dashboard-section {
        width: 100%;
        padding: var(--padding-mini);
        box-sizing: border-box;
    }
    .tab-wrap {
        gap: var(--gap-11xs);
    }

    .accordion-body {
        gap: var(--gap-3xs);
    }

    .admin-dashboard-content-sectio1 {
        gap: var(--gap-3xs);
        border-radius: var(--br-9xs);
        padding: var(--padding-mini);
        box-sizing: border-box;
    }

    .describe-target-wrap {
        align-self: stretch;
        width: auto;
        gap: var(--gap-mini);
        padding: var(--padding-mini);
        box-sizing: border-box;
    }
    .ai-generate-result-card-sec {
        padding: var(--padding-mini);
        box-sizing: border-box;
    }
    .breadcrumb-item {

        font-size: 9px;
    }
    .top-header-left h3 {
        margin-bottom: 0;
    }
    .side-menu-toggle {
        left: 25px;
        top: 36px;
    }
    .dasboard-top-head-content 
    {
        margin-left: 52px;
        flex-direction: row;
        align-items: center;
    }

}