@media (min-width: 400px){
    .commanModel .modal-dialog, .filterModel .modal-dialog{
        max-width: 386px;
        margin: 0 auto;
    }
}
@media (min-width: 768px) {
    .notificationInfoBox {
        height: 100%;
    }
    .notificationInfoBox .loginInfoSection {
        position: relative;
    }
    .notificationInfoBox .loginInfoSection .infoUpdateSec {
        height: 100%;
        position: absolute;
    }
    .notificationInfoBox .loginInfoSection .infoUpdateNotification {
        max-height: calc(100% - 40px);
    }

}
@media screen and (min-device-width: 992px) and (max-device-width: 1399px) { 
    .account_input span.groupText {
        font-size: 10px;
    }

}
@media screen and (min-device-width: 1200px) and (max-device-width: 1350px) { 
    .accountForm .pdx_16 {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

@media (min-width: 992px) {
    .subscribe_left h1 {
        white-space: nowrap;
    }
    .bellNotification {
        transform: translate(180px, 45px) !important;
    }
}

@media (min-width: 1200px) {
    .btnBookmarkedToggle img.collapse-arrow {
        height: 20px;
    }
    .notificationBox {
        padding: 11px;
    }
    .updatesCardSection .updatesCardSectionRow{
        gap: 16px;
        padding: 0 13px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }
    .allUpdateCardList .updates_card_section .cardsBox {
        flex: unset;
        width: unset;
        padding: 0 !important;
    }
    .firstFooterRow {
        width: 80%;
        margin: 0 auto;
    }
    .footerRow {
        grid-template-columns: 28% 12% 12% 12% 14% 16%;
        display: grid;
        gap: 8px;
        justify-content: space-around;
    }
    .footerCol, .glossaryTitleCol {
        flex: unset;
        width: unset;
    }
    .foot_social_icon {
        gap: 6px;
    }
    .img-select {
        width: 100%;
    }
    .glossaryTitleSecRow {
        display: grid;
        grid-template-columns: 1fr 30%;
    }
    .mostbookmarked, .btnBookmarkedToggle {
        width: 186px;
    }
    .btnBookmarkedToggle img {
        height: 14px;
    }
    .coursesDetailsContent {
        margin-top: 30px;
    }
    .sticky {
        position: sticky;
    }
}
 @media(min-width: 1201px) {
     .RowColOne {
         width: 31%;
    }
     .RowColTwo {
         width: 23%;
    }
     .RowColThree {
         width: 15%;
    }
}

 @media(min-width: 1350px) {
     .publishMintThree .columnCard {
         width: 20%;
    }
    .footerRow {
        gap: 26px;
    }
    .glossaryTitleSecRow {
        display: grid;
        grid-template-columns: 1fr 27%;
    }
    .headerSearchBar .input-group {
        width: 88%;
    }
    .searchResult {
        width: 88%;
    }
}
@media (min-width: 1350px) {
    .updatesCardSection .updatesCardSectionRow {
        gap: 20px 16px;
        padding: 0 13px;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }
    .allUpdateCardList .updates_card_section .cardsBox {
        flex: unset;
        width: unset;
        padding: 0 !important;
    }
    .maveSectionRow {
        grid-template-columns: 1fr 30.50%;
        display: grid;
    }
    .maveSectionCol {
        flex: unset;
        width: unset;
    }
    .footerRow {
        grid-template-columns: 30% 11% 10% 11% 12% 12.8%;
    }
}
@media(min-width: 1400px) {
    .allLearnEarnCardList .updatesCardSection .updatesCardSectionRow {
        grid-template-columns: repeat(5, 1fr);
    }
    .iconInnerSec img {
        height: 16px;
    }
    .iconTxtSec p, .iconRightTxt p {
        font-size: var(--s13);
    }
    .coursesDetailsContent {
        margin-top: 42px;
    }
}
@media (min-width: 1440px) {
    .notificationBox {
        padding: 16px;
    }
    .menuColumn>ul>li>a {
        height: 36px;
    }
    .headerSearchBar .input-group {
        width: 85%;
    }
    .notFoundContent {
        width: 50%;
    }
    .filterSearch .headerSearchBar .input-group {
        width: 100%;
    }
    .searchResult {
        width: 85%;
    }
}
@media (min-width: 1600px) {
    .FullViews a {
        min-height: 140px;
   }
    .logoColumn img {
        width: 230px;
   }
    .box_content br {
        display: none;
   }
    .loginInfoSection {
        min-width: 40%;
   }
    .loginFormSection {
        min-width: 60%;
   }
   .changePassword {
       padding: 54px 40px;
   }
   .leftSection {
        max-width: 240px;
    }
    .rightSection {
        max-width: calc(100% - 240px);
    }
    .infoUpdateHeader {
        height: 50px;
    }
    .notificationInfoBox .loginInfoSection .infoUpdateNotification {
        max-height: calc(100% - 50px);
    }
    .logoColumn img {
        width: 222px;
    }
    .box_heading p {
        font-size: 12px;
    }
    .box_heading .postDay p {
        font-size: 10px;
    }
    .coursesBtnInfo .btnInfo {
        height: 30px;
    }
    .coursesCompleted {
        justify-content: space-between;
        gap: 10px;
    }
    .learnTagIcon img {
        width: 16px;
        height: 12px;
    }
    .learnTag ul li a::after {
        bottom: 3px;
    }
    .footerRow {
    grid-template-columns: 28% 11% 10% 11% 13% 13%;
}
    .footerRow {
        gap: 37px;
    }
    .foot_social_icon {
        gap: 10px;
    }
    .courBtnInfo p.coursesReferredCode, .coinPoints p, p.progressLearn {
        font-size: 16px;
    }
    .coursesCompleted h4 {
        font-size: 13px;
    }
    .userProfile ul.dropdown-menu li a {
        font-size: 14px;
    }
    .userProfile ul.dropdown-menu li a img {
        height: 14px;
    }
    .headerSearchBar .input-group {
        width: 90%;
    }
    .mostbookmarked, .btnBookmarkedToggle {
        width: 236px;
    }
    .infoAccept .form-check label.form-check-label input.form-check-input {
        width: 20px;
        height: 20px;
        position: relative;
        top: -2px;
    }
    .searchResult {
        width: 90%;
    }
    .relatedSearchImage img {
        width: 190px;
        height: 64px;
    }
    .cardBtnIcon .headerBtnSec .modeBtn .dropdown-menu li a img {
        width: 19px;
        height: 19px;
    }
    .commanModel .modal-dialog, .filterModel .modal-dialog {
        max-width: 500px;
    }
    .otp_input_box input {
        height: 70px;
    }
    .blogDetailSec .coursesDetailInner .detailSec {
        width: calc(72%);
    }
    .subscribeNewsletter {
        width: 28%;
    }
    .cardBtnIcon .headerBtnSec .modeBtn .dropdown-menu {
        min-width: 140px;
    }
    .cookiesBtn .btn {
        width: auto;
        height: auto;
    }
}
@media (min-width: 1700px) {
    .box_heading .postDay p {
        font-size: 11px;
    }
    .infoSecContent {
        gap: 16px;
    }
    div#video-wrapper iframe {
        height: 600px;
    }
    .imageUploder .file-icon p span {
        margin-top: 15px;
    }
    .bgClrBoxTxt h6{
          margin-bottom: 15px !important;
    }
    .bgClrBox {
        width: 70px;
        height: 70px;
    }
    .socialMediaInput .input-group span.input-group-text img {
        height: 20px;
    }
}

@media (min-width: 1800px) {
    .notificationBox {
        padding: 15px;
    }
    .menuColumn>ul>li>a {
        height: 54px;
    }
    .subscribe_form input {
        height: 60px;
    }
    .leftSection {
        max-width: 280px;
    }
    .rightSection {
        max-width: calc(100% - 280px);
    }
    .updates_box {
        padding: 20px;
    }
    .menuColumn>ul>li.dropdown>a:after {
        top: 18px;
    }
    .infoUpdateHeader {
        height: 60px;
    }
    .headerSearchBar .input-group{
        height: auto;
    }
    .notificationInfoBox .loginInfoSection .infoUpdateNotification {
        max-height: calc(100% - 58px);
    }
    .logoColumn, .topHeaderSection {
        height: 80px;
    }
    .headerSearchBar .input-group {
        width: 90%;
    }
    .update_search_bar button.btn img, .headerSearchBar button.btn img {
        position: relative;
        top: 8px;
        width: 15px;
    }
    .headerSearchBar .input-group {
        height: auto;
        padding: 8px 0;
    }
    .update_search_bar button.btn img, .headerSearchBar button.btn img {
        height: 20px;
    }
    .headerSearchBar .input-group input {
        padding: 4px 10px 4px 40px;
    }
    .userProfile a.btnProf {
        height: 40px;
    }
    .headerBtnSec a img {
        height: 40px;
    }
    .userProfile a.btnProf {
        padding: 8px;
    }
    .headerBtnSec a img {
        height: 46px;
    }
    .userProfile ul.dropdown-menu li a img {
        height: 16px;
    }
    .userProfile .dropdown-menu {
        transform: translateY(57px) !important;
    }
    .footerRow {
        gap: 32px;
    }
    .box_heading .postDay p {
        font-size: 12px;
    }
    .foot_social_icon a img {
        height: 28px;
    }
    .foot_social_icon {
        gap: 12px;
    }
    .headerSearchBar .input-group .close {
        top: 14px;
    }
    .userProfile ul.dropdown-menu li a {
        font-size: 16px;
    }
    .userProfile ul.dropdown-menu {
        gap: 18px;
        flex-direction: column;
    }
    .courBtnInfo p.coursesReferredCode, .coinPoints p, p.progressLearn {
        font-size: 18px;
    }
    .coursesCompleted h4 {
        font-size: 15px;
        margin-bottom: 6px;
    }
    .notFoundSearch {
        width: 92%;
    }
    .notFoundSearchBtn {
        width: 18%;
    }
    .mostbookmarked, .btnBookmarkedToggle {
        width: 255px;
    }
    .notFoundContent {
        width: 58%;
    }
    .infoSecContent {
        gap: 20px;
    }
    .bellNotification {
        width: 450px;
    }
    .bellNotifyGroup {
        height: 560px;
    }
    .searchResult {
        top: 67px;
    }
    .relatedSearchImage img {
        width: 210px;
        height: 68px;
    }
    .searchResult {
        height: 620px;
    }
    .needHelpIcon img {
        height: 22px;
    }
    .cardBtnIcon .headerBtnSec .modeBtn .dropdown-menu li a img {
        width: 22px;
        height: 22px;
    }
    .settingsOptLeft .form-select {
        width: 160px;
    }
    .modelInputEmail .input-group .input-group-text img {
        width: 18px;
    }
    .cardBtnIcon .headerBtnSec .modeBtn .dropdown-menu {
        min-width: 155px;
    }
    .filterSearch .headerSearchBar .input-group input {
        height: 40px;
    }
    .filterSearch .headerSearchBar button.btn img {
        top: 6px;
        width: 16px;
    }
    .jarCookiesImages {
        width: 55px;
    }
    .jarCookiesContant {
        width: calc(100% - 55px);
    }
    .account_input span.groupText {
        font-size: 13px;
    }
    .support_input .custom_input input, .support_input .input-group input, .custom_input textarea, .custom_input textarea:focus, .custom-file-button input, .custom-file-button input:focus, .support_input .input-group .input-group-text,.account_input span.groupText, .cointag, .remove_walletbtn button{
        height: 50px;
    }
    .support_input img {
        width: 20px;
    }
    .support_input input[required] + label, .support_input textarea[required] + label {
        left: 45px;
    }
    .remove_walletbtn button {
        min-width: 140px;
    }
    .addwallet_btn button {
        height: 58px;
        min-width: 170px;
    }
}
@media (min-width: 1921px) {
    .footer_list li {
        margin: 8px 0;
    }
    .subscribe_form input {
        height: 70px;
    }
    .headerBtnSec a img {
        height: 50px;
    }
    .userProfile a.btnProf {
        padding: 10px;
    }
    .headerSearchBar .input-group input {
        height: 50px;
    }
    .headerSearchBar .input-group .btn {
        top: -3px;
    }
    .update_search_bar button.btn img, .headerSearchBar button.btn img {
        height: 20px;
    }
    .updatesBoxImg img {
        width: 50px;
        height: 50px;
    }
    .menuColumn>ul>li>a img {
        height: 25px;
    }
    .updates_box {
        padding: 22px;
    }
    .infoUpdateHeader {
        height: 70px;
    }
    .notificationInfoBox .loginInfoSection .infoUpdateNotification {
        max-height: calc(100% - 71px);
    }
    .headerSearchBar .input-group {
        height: auto;
         padding: 0;
    }
    .userProfile img {
        height: 30px;
    }
    .headerBtnSec .modeBtn a img {
        height: 25px;
        width: 25px;
    }
    .userProfile a.btnProf {
        height: 50px;
    }
    .headerBtnSec .modeBtn a {
        width: 44px;
        height: 44px;
    }
    .update_search_bar button.btn img, .headerSearchBar button.btn img {
        width: 18px;
    }
    .foot_social_icon a img {
        height: 32px;
    }
    .img-select select {
        line-height: 24px;
        font-weight: 600;
    }
    .img-option {
        position: absolute;
        width: 35px;
        height: 35px;
        top: 9px;
    }
    .img-select::after {
        right: 10px;
        top: 8px;
        font-size: 18px;
    }
    .box_heading p {
        font-size: 14px;
    }
    .box_heading .postDay p {
        font-size: 12px;
    }
    .headerSearchBar .input-group .btn {
        top: -3px;
        left: 6px;
    }
    .btnInfo {
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .glossarySearch .input-group input.form-control {
        height: 65px;
        padding: 8px 8px 8px 45px;
    }
    .glossarySearch .input-group span.input-group-text img {
        height: 20px;
    }
    .glossarySearch .input-group span.input-group-text {
        top: 16px;
    }
    .headerBtnSec .modeBtn a img {
        height: 24px;
        width: 24px;
    }
    .headerBtnSec .modeBtn a.headerSetting img {
        height: 25px;
        width: 25px;
    }
    .filterIcons .modeBtn a {
        width: 65px !important;
        height: 65px !important;
    }
    .learnTagIcon img {
        width: 18px;
        height: 14px;
    }
    .coursesBtnInfo .btnInfo {
        height: 30px;
        padding: 16px;
    }
    .btnOutline .btn-outline-secondary {
        padding: 7px 13px;
    }
    .foot_social_icon {
        gap: 12px;
    }
    .headerSearchBar .input-group .close {
        top: 12px;
    }
    .userProfile ul.dropdown-menu li a {
        font-size: 17px;
    }
    .userProfile .dropdown-menu {
        transform: translateY(63px) !important;
    }
    .coursesCompleted h4 {
        font-size: 15px;
        margin-bottom: 8px;
    }
    .progressBar .progress, .progressBar .progress-bar {
        height: 7px !important;
    }
    .infoIcon img {
        width: 25px;
        height: 25px;
    }
    .infoIconContent {
        gap: 10px;
    }
    .progressBar {
        padding-left: 36px;
        margin-top: 8px;
    }
    .notFoundSearchBtn .btn img {
        height: 20px;
    }
    .notFoundSearchBtn .btn {
        height: 50px;
    }
    .mostbookmarked, .btnBookmarkedToggle {
        height: 65px;
        width: 260px;
    }
    .mostbookmarked .dropdown .btnBookmarkedToggle img.collapse-arrow {
        height: 23px;
    }
    .btnBookmarkedToggle img {
        height: 20px;
    }
    .notFoundContent {
        width: 50%;
    }
    .notFound {
        height: calc(100vh - 290px);
    }
    .infoSelectLang select {
        width: 168px;
        height: 40px;
    }
    .startCoursesBtn .btn {
        height: 54px;
    }
    .infoSelectLang:after {
        top: 7px;
        font-size: 18px;
    }
    .detailSideLink ul li:last-child a img {
        height: 20px;
    }
    .searchResult {
        top: 65px;
    }
    .bellNotification {
        transform: translate(180px, 55px) !important;
    }
    .modelInputEmail .input-group .input-group-text img {
        width: 20px;
    }
    .filterSearch .headerSearchBar button.btn img {
        top: 4px;
    }
    .partnerSocialMedia a svg {
        width: 25px;
        height: 25px;
    }
    .socialMediaInput input.form-control {
        height: 60px;
    }
}
@media (min-width: 2100px){
    .footerRow {
        grid-template-columns: 26% 12% 12% 12% 12% 11%;
    }
    .headerSearchBar .input-group {
        width: 80%;
    }
    .courBtnInfo p.coursesReferredCode, .coinPoints p, p.progressLearn {
        font-size: 20px;
    }
    .coursesCompleted h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .glossaryTitleCard, .coursesCompleted {
        gap: 18px;
    }
    .learnEarnTag, .learnImageBox {
        margin-bottom: 6px;
    }
    .btnOutline .btn-outline-secondary {
        padding: 12px 13px;
    }
    .infoSecContent .infoIconBtn .modeBtn a {
        width: 42px;
        height: 42px;
    }
    .cardBtnIcon .headerBtnSec .modeBtn a img {
        height: 22px;
        width: 22px;
    }
    .infoAccept .form-check label.form-check-label input.form-check-input {
        width: 22px;
        height: 22px;
    }
    .mostbookmarked, .btnBookmarkedToggle {
        width: 280px;
    }
    div#video-wrapper iframe {
        height: 700px;
    }
    .infoSecContent {
        gap: 28px;
    }
    .cardBtnIcon .headerBtnSec .modeBtn a {
        width: 39px;
        height: 39px;
    }
    .bellNotification {
        width: 480px;
    }
    .searchResult {
        width: 80%;
    }
    .relatedSearchImage img {
        width: 220px;
        height: 72px;
    }
    .searchResult {
        height: 680px;
    }
    .needHelpIcon img {
        height: 26px;
    }
    .cardBtnIcon .headerBtnSec .modeBtn .dropdown-menu {
        border-radius: 8px;
        padding: 15px 16px;
    }
    .cardBtnIcon .headerBtnSec .modeBtn .dropdown-menu {
        width: 188px;
    }
    .cardBtnIcon .headerBtnSec .modeBtn .dropdown-menu li a {
        gap: 10px;
    }
    .cardBtnIcon .headerBtnSec .modeBtn .dropdown-menu {
        transform: translateY(46px) !important;
    }
    .postBySec .shareIcon .cardBtnIcon .headerBtnSec .modeBtn a {
        width: 40px;
        height: 40px;
    }
    .settingsOptLeft .selectLang .form-select {
        height: auto;
    }
    .settingsOptLeft .form-select {
        width: 180px;
    }
    .mostbookmarked .dropdown .btnBookmarkedToggle img.collapse-arrow {
        height: 30px;
    }
    .jarCookiesImages {
        width: 62px;
    }
    .jarCookiesContant {
        width: calc(100% - 62px);
    }
    .support_input .custom_input input, .support_input .input-group input, .custom_input textarea, .custom_input textarea:focus, .custom-file-button input, .custom-file-button input:focus, .support_input .input-group .input-group-text, .account_input span.groupText, .cointag, .remove_walletbtn button {
        height: 60px;
    }
}
@media(min-width: 2300px) {
    .footerRow {
        grid-template-columns: 24% 11% 11% 11% 11% 10%;
        gap: 80px;
    }
    .box_heading p {
        font-size: 16px;
    }
    .box_heading .postDay p {
        font-size: 14px;
    }
    .learnTagIcon img {
        width: 20px;
        height: 16px;
    }
    .userProfile ul.dropdown-menu li a img {
        height: 18px;
    }
    .userProfile ul.dropdown-menu li a {
        font-size: 18px;
    }
    .progressBar {
        margin-top: 10px;
    }
    .infoSecContent {
        gap: 35px;
    }
    .modelInputEmail .input-group .input-group-text img {
        width: 24px;
    }
    .partnerSocialMedia a svg {
        width: 30px;
        height: 30px;
    }
    .socialMediaInput input.form-control {
        height: 70px;
    }
    .sliderImg{
        height: 600px !important;
    }
}
@media(min-width: 2400px) {
    .footerRow {
        grid-template-columns: 24% 11% 11% 11% 11% 9%;
    }
    .footerRow {
        gap: 79px;
    }
    .box_heading p {
        font-size: 18px;
    }
    .box_heading .postDay p {
        font-size: 15px;
    }
    .mostbookmarked, .btnBookmarkedToggle {
        width: 300px;
    }
    .notFoundContent {
        width: 45%;
    }
    div#video-wrapper iframe {
        height: 800px;
    }
    .infoSelectLang select {
        width: 172px;
        height: 42px;
    }
    .infoSecContent {
        gap: 40px;
    }
    .detailSideLink ul li:last-child a img {
        height: 24px;
    }
    .bellNotification {
        width: 540px;
    }
    .relatedSearchImage img {
        width: 240px;
        height: 80px;
    }
    .searchResult {
        height: 750px;
    }
    .needHelpIcon img {
        height: 28px;
    }
}
 @media(max-width: 1400px) {
     .FullViews a {
         min-height: 110px;
    }
    .foot_social_icon a img {
        width: 25px;
    }
    .notFoundSearchBtn .btn{
        width: 102px;
    }
}
@media(max-width: 1399px) {
   .notFoundContent {
       width: 64%;
   }
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1399px) { 
    .infoIconTxt p, .coinsPoint p, .infoSecContent .infoIconBtn .btn-outline-secondary, .learnListTxt p, .infoSelectLang select, .singleDiscTxt p {
        font-size: var(--s10);
    }
    .infoSecContent {
        gap: 1px;
    }
    .infoHeading h4 {
        margin-bottom: 2px;
    }
    .metamaskContent p {
        font-size: var(--s12);
    }
    .btnOutline .btn-outline-secondary {
        padding: 4px 8px;
    }
    .cardBtnIcon .headerBtnSec .modeBtn a img {
        height: 14px;
        width: 14px;
    }
    .infoSecContent .infoIconBtn .modeBtn a {
        width: 28px;
        height: 28px;
    }
    .infoSecContent .infoIconBtn .headerBtnSec {
        column-gap: 8px;
    }
    .singleDiscTxt h2 {
        font-size: var(--s15);
    }
    .infoSelectLang select {
        width: 118px;
        height: 28px;
    }
    .langHeading h4 {
        font-size: var(--s12);
    }
    .infoAccept .form-check label.form-check-label p, .infoAccept .form-check label.form-check-label a {
        font-size: var(--s10);
    }
    .infoAccept .form-check label.form-check-label input.form-check-input {
        width: 13px;
        height: 13px;
    }
    .infoAccept label {
        gap: 5px;
    }
    .infoAccept {
        margin-top: 10px;
    }
    .infoIcon img {
        width: 14px;
        height: 14px;
    }
    .pageTopHeadInner .postBySec {
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .subscribeNewsInput .input-group .input-group-text {
        padding-left: 4px;
        padding-right: 4px;
    }
    .subscribeNewsInput .input-group input {
        padding-left: 6px;
        padding-right: 6px;
    }
    .infoCol1, .mainSingleDisclaimer, .infoFeedback {
        padding: 18px;
    }
}

 @media(max-width: 1200px) {
     .accountLeft, .walletAddress, .mobAccountBtn, .total_updates, .update_form {
         padding: 15px;
    }
    .changePassword {
        padding: 42px 40px;
    }
     .loginInfoSection, .loginFormSection{
         min-width: 50%;
    }
     .grid {
         column-count: 3;
    }
    #video-wrapper {
        width: 80%;
    }
    .support_form{
       margin-right:0;
       margin-bottom: 20px;
   }
    .support_second_sec {
        margin-bottom: 0px;
    }
}
 @media(max-width: 1199px) {
    .glossaryTitleCol .faqCompleted {
        height: auto !important;
        /*margin: 25px 0 0 0;*/
    }
     .updates_search {
         width: 350px;
    }
    .carousel-indicators {
        bottom: -18px;
    }
    .updatesCardSection .updatesCardSectionRow{
        gap: 16px;
        padding: 0 13px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    .allUpdateCardList .updates_card_section .cardsBox {
        flex: unset;
        width: unset;
        padding: 0 !important;
    }
    .img-select {
        width: 170px;
    }
    .allGlossaryCardList .updatesCardSection .updatesCardSectionRow {
        grid-template-columns: repeat(3, 1fr);
    }
    .allLearnEarnCardList .updatesCardSection .updatesCardSectionRow {
        grid-template-columns: repeat(3, 1fr);
    }
    .headerSearchBar {
        width: 51%;
        margin-right: 10px;
    }
    .headerSearchBar .input-group input {
        padding: 4px 35px 4px 34px;
    }
    .infoSec {
        gap: 25px;
        flex-direction: column;
    }
    .infoSecContent, .infoSecImg {
        width: 100%;
    }
    .infoCol1 {
        width: 60%;
    }
    .infoCol2 {
        width: 40%;
    }
    .infoCol1, .mainSingleDisclaimer, .infoFeedback {
        padding: 20px;
    }
    .ljSectionData {
        padding: 20px 20px;
    }
    .learnEarnSingle{
        margin-bottom: 10px;
    }
    .infoAccept .form-check label.form-check-label p, .infoAccept .form-check label.form-check-label a {
        font-size: var(--s10);
    }
    .infoSelectLang select {
        width: 120px;
    }
    .notFoundSearch .headerSearchBar {
        width: 100%;
    }
    .notFound {
        margin-bottom: 10px;
    }
    .mostbookmarked, .btnBookmarkedToggle {
        width: 188px;
    }
    .btnBookmarkedToggle img {
        height: 14px;
    }
    .headerBtnSec .modeBtn a img {
        height: 18px;
        width: 18px;
    }
    .glossaryTitleCol .filterSec {
        margin-bottom: 15px;
    }
    .coursesCompleted {
        flex-direction: row;
    }
    .courBtnInfo {
        margin-right: 10px;
    }
    .detailMenuSec {
        width: 260px;
        position: fixed;
        right: 0;
        transform: translateX(262px);
        background: #ffffff;
        height: 100%;
        padding: 74px 10px;
        box-shadow: 0px 4px 6px 2px #ccccccad;
        top: 0 !important;
        z-index: 9;
    }
    .detailMenuOuterSec {
        top: 0 !important;
    }
    .detailMenuSec.active {
        transform: translateX(0px);
    }
    .detailSec {
        width: 100%;
        padding: 15px;
    }
    .introVideoContent {
        padding: 16px;
    }
    .pageSidebarToggle {
        position: absolute;
        left: -29px;
        padding: 4px;
        background: #fff;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px 0px 0px 8px;
        border: 1px solid rgb(0 0 0 / 4%);
        border-right: 0;
        box-shadow: -4px 1px 4px 2px #cccccc6e;
    }
    .pageSidebarToggle img {
        filter: invert(27%) sepia(51%) saturate(100%) hue-rotate(346deg) brightness(184%) contrast(97%);
    }
    .relatedSearchImage img {
        width: 250px;
        height: 55px;
        object-fit: cover;
        border-radius: 5px;
    }
    .blogDetailSec .coursesDetailInner {
        flex-direction: column;
    }
    .blogDetailSec .coursesDetailInner .detailSec {
        width: 100%;
    }
    .blogDetailSec, .commonDetailSec{
        margin-bottom: 20px;
    }
    .infoCol1, .mainSingleDisclaimer, .infoFeedback {
        padding: 15px;
    }
    .filterSearch .headerSearchBar {
        width: 100%;
    }
    .cookiesBtn {
        flex-direction: column;
    }
    .cookiesBtn .btn {
        width: 100%;
    }
    .cookiesBtn {
        gap: 6px;
    }
    .toastInnerBody {
        padding: 45px 40px;
    }
    .toastContant button.btn-close {
        top: -34px;
        right: -29px;
    }
    .publicSlideAccount {
        display: flex;
        gap: 20px;
    }
}
@media(max-width: 1124px) {
    .user_bottom_header {
        gap: 12px;
    }
    .notFoundContent {
        width: 80%;
    }
    .jarCookiesContant {
        width: calc(100% - 50px);
    }
}
@media(max-width: 1024px) {
    .jarCookiesImages {
        width: 50px;
    }
}
 @media(max-width: 991px) {
    .headerSearchBar {
        width: 0px;
    }
     .logoColumn, .topHeaderSection {
         width: auto;
         padding: 10px 20px;
         height: 55px;
    }
     .footerCard, .logoColumn, .topHeaderSection {
         padding: 10px 20px;
    }
     .logoColumn {
         padding: 0px 15px;
         align-items: center;
    }
     .ljSectionData {
         padding: 20px;
    }
     .headerSearchBar .input-group {
         position: absolute;
         right: 0;
         /* display: none; */
    }
     .headerSearchBar {
         margin-right: 14px;
    }
    .toggleBtn button {
        position: relative;
        width: 40px;
        padding: 4px;
        height: 40px;
    }
    .toggleBtn button span {
        position: absolute;
        width: 60%;
        left: 0;
        right: 0;
        height: 3px;
        margin: 0 auto;
        background: rgb(176 176 176);
        transition: all ease 0.3s;
    }
    .toggleBtn button span.line1 {
        top: 11px;
    }
     .toggleBtn button span.line2 {
         top: 18px;
    }
     .toggleBtn button span.line3 {
         top: 25px;
    }
    .toggleBtn button[aria-expanded="true"] span.line1 {
        top: 18px;
        transform: rotate(45deg);
    }
     .toggleBtn button[aria-expanded="true"] span.line2 {
         top: 18px;
         transform: rotate(-45deg);
    }
     .toggleBtn button[aria-expanded="true"] span.line3 {
         top: 22px;
         opacity: 0;
    }
    .leftSection {
        position: fixed;
        right: 0;
        z-index: 1000;
        height: calc(100vh - 55px) !important;
        box-shadow: unset;
        overflow: auto;
        background: #fff;
        transform: translate(115%, 0%);
        transform-origin: right;
        transition: all ease 0.5s;
        top: 55px;
        max-width: 380px;
        box-shadow: 0px 4px 6px 2px #ccc;
    }
     .leftSection.show {
         transform: translate(0%, 0%);
    }
     aside.sidebarSection {
         border-right: 0;
         display: flex !important;
         flex-direction: column;
         justify-content: space-between;
    }
     .mt_30 {
         margin-top: 20px;
    }
     .buildCourseArea {
         margin-top: 20px;
    }
     .profileInfo textarea {
         height: 250px !important;
    }
     .mt_30 {
         margin-top: 20px;
    }
     .main_table {
         min-width: 770px !important;
    }
     .total_updates_top .walletAddressHead {
         gap: 10px;
         flex-direction: column;
    }
     .coursebox_right{
         width: auto;
    }
    .buildForm, .addQuestionsForm, .publishMintThree, .buildPublishBtn, .total_updates, .update_form, .users_bottom_part, .logInFormInput{
         padding: 10px;
    }
    .publishMintTwo {
        padding: 20px;
    }
    .custom_link_form, .users_bottom_part{
        padding: 30px 20px;
   }
    .loginFormHeading {
        padding: 24px;
   }
     .logInSection .infoUpdateSec, .loginFormSec {
         width: 350px;
    }
     .logInSection {
         height: 100vh;
    }
     .loginFormHeading img {
         height: auto;
         max-width: 240px;
    }
    .coursebox_right a {
        padding: 9px 18px;
   }
   .rightSection {
        max-width: calc(100%);
    }
    .menuColumn>ul>li.dropdown>a:after {
        top: 12px;
    }
    .logoColumn {
        height: 52px;
        padding: 0;
    }
    .logoColumn{
        border-bottom: 0;
   }
   .mobSearch .input-group .fa.fa-times {
        color: rgba(114, 123, 130, 0.5);
    }
    .mobSearch .input-group-text {
        display: flex;
        align-items: center;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        text-align: center;
        white-space: nowrap;
        background-color: #fff;
        border: 0;
        border-radius: 8px;
        position: absolute;
        border: 0;
        right: unset;
        top: 3px;
        padding: 0;
        display: block;
        z-index: 99;
        left: 10px;
    }
    .mobSearch .form-control {
        padding: 8px 30px 8px 38px;
        font-size: 12px;
        border-radius: 8px !important;
        border: 1px solid rgba(114, 123, 130, 0.5);
        color: rgba(115, 121, 130, 0.75);
    }
    .mobSearch .form-control:hover, .mobSearch .form-control:focus {
        border: 1px solid #727B82;
    }
    .mobSearch .form-control:focus {
        color: #727B82;
    }
    .mobSearch .close {
        position: absolute;
        border: 0;
        right: 10px;
        top: 4px;
        padding: 0;
        display: block;
        z-index: 99;
        left: unset;
    }
    .mobSearch .close.hidden {
        display: none;
    }
    .mobSearch {
        position: fixed;
        width: 96%;
        left: 0;
        right: 0;
        top: 0;
        z-index: 9999999;
        background: #fff;
        height: 54px;
        display: flex;
        align-items: center;
        padding: 0 22px;
        transform: translateY(-60px);
        margin: 0 auto;
    }
    .mobSearch.active {
        background: transparent;
    }
    .searchResult {
        position: fixed;
        top: 54px;
        width: 96%;
        height: 450px;
        left: 50%;
        transform: translateX(-50%);
    }
    .relatedSearchImage img {
        width: 100px;
    }
    .mobSearch .input-group span.hidden {
        display: block;
    }
    .mobSearch.active{
        transform: translateY(0);
    }
    .menuColumn>ul>li>a.active, .menuColumn>ul>li>a:hover {
        background-color: #fff;
        border-right: unset;
        border-radius: 0;
        color: #3A86FF !important;
    }
    .menuColumn {
        margin-top: 0;
    }
    .menuColumn>ul>li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    }
    .menuColumn>ul>li>a {
        height: 48px;
        padding: 0px 4px;
        font-size: 14px;
    }
    .menuColumn ul:after {
        content: unset;
    }
    .menuColumn ul {
        padding: 0 20px;
    }
    .sidebarBottomNav ul li a {
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        padding: 2px;
        margin-right: 8px;
    }
    .sidebarBottomNav ul li a {
        font-size: 14px;
        margin-right: 8px;
    }
    .sideBarCopyRight p {
        font-size: 12px;
    }
    .sideBarBottomContant {
        padding: 0 20px;
    }
    .headerBtnSec .modeBtn a.disconnectBtn {
        width: 250px;
        background: #EE3124;
        border: 1px solid rgba(0, 0, 0, 0.25);
        border-radius: 8px;
        color: #fff;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        letter-spacing: 0.03em;
        height: 28px;
    }
    .menuColumn>ul>li.dropdown ul.dropdown-menu li a {
        font-size: 13px;
    }
    .menuColumn>ul>li.dropdown ul.dropdown-menu {
        margin-bottom: 20px;
    }
    .headerBtnSec .modeBtn a {
        width: 38px;
        height: 38px;
    }    
    .slidebarBtn {
        margin-bottom: 16px;
    }
    .menuColumn>ul>li.dropdown>a:after {
        right: 2px;
    }
    
    .headerBtnSec .modeBtn a {
        width: auto;
        height: auto;
    }
    .filterIcons .modeBtn a {
        width: 42px;
        height: 42px;
    }
    .cardBtnIcon .headerBtnSec .modeBtn a {
        border: 1px solid rgba(114, 123, 130, 0.5);
    }
    .notFoundSearch .headerSearchBar .input-group {
        width: 100%;
        display: block;
        position: relative;
    }
    .allGlossaryCard, .allSliderCardList, .coursesDetailSec {
        margin-bottom: 0px;
    }
    .footer_sec {
        margin-top: 0px;
    }
    .relatedSearchPara {
        width: calc(100% - 100px);
    }
    .btn-close {
        background-size: 11px;
    }
    .filterSearch .headerSearchBar .input-group {
        width: 100%;
        position: relative;
    }
    .slidebarBtn .modeBtn a {
        border: 1px solid rgba(114, 123, 130, 0.5);
        border-radius: 8px;
    }
}
 @media(max-width: 767px) {
     .footerCard {
         padding: 25px 15px;
    }
     .footerCard div p {
         font-size: 15px;
    }
     .updates_search,.ljpTTPUpdates .updates_search {
         width: 100%;
    }
     .grossary_card_cont {
         flex-direction: column;
    }
     .publishMintThree .d-flex {
         flex-wrap: wrap;
    }
     .publishMintThree .currentlyLive {
         margin-bottom: 20px;
    }
     .publishMintThree .searchBox {
         width: 640px;
    }
     .publishMintTwoForm .publishBtn {
         margin: 10px 0 30px 0;
    }
     .publishNewsletterArea .publishMintTwoForm .publishBtn {
         margin: 10px 0 0 0;
    }
     .accountInner {
         flex-direction: column;
    }
     .accountLeft, .accountRight {
         width: 100% !important;
    }
     .logInSection {
         height: auto;
    }
     .loginFormSection {
         border: 0px;
    }
     .accountLeft, .accountRight {
         border: 0;
    }
     .questionDiv {
         flex-wrap: wrap;
         row-gap: 15px;
    }
     .questionCourse, .numberNext {
         width: 100%;
    }
     .numberNext ul {
         justify-content: end !important;
    }
     .uploadDiv {
         margin-top: 30px;
    }
     .profileInfo textarea {
         height: 180px !important;
    }
     .user_bottom_header .updates_search {
         width: 100%;
    }
     .current_courses {
         margin-top: 20px;
    }
     .user_bottom_header {
         gap: 15px;
    }
     .current_courses .coursebox_right a {
         padding: 0px 10px;
         margin-right: 10px;
         height: 39px;
         line-height: 39px;
    }
     .crsRight .updates_search {
         width: auto;
    }
     .search_btn {
         width: 45px;
    }
     .updates_search button.btn {
         padding: 0px 10px;
    }
     .current_courses_table thead th,.current_courses_table thead th:first-child{
         padding: 5px 12px;
         vertical-align: middle;
    }
    .current_courses_table tbody td:first-child,.current_courses_table tbody td{
        padding: 5px 12px;
        vertical-align: top;
    }
     .logInSection {
         flex-direction: column-reverse;
    }
     .logInSection {
         height: auto;
    }
     .loginInfoSection, .loginFormSection {
         min-width: 100%;
    }
     .loginInfoSection {
         border-right: 0;
    }
     .infoUpdateSec {
         margin: 12px 0;
    }
     .loginFormSec {
         margin: 20px 0;
    }
     .logInSection .infoUpdateSec, .loginFormSec {
         width: 450px;
    }
     .infoUpdateSec .infoUpdateNotification.collapse:not(.show) {
         display: none;
    }
     .infoUpdateSec .infoUpdateHeader {
         pointer-events: unset;
    }
     .or_text {
         margin: 15px 0;
         line-height: 18px;
    }
     .publishMintTwoForm .formDescription{
         height: auto;
    }
     .grid {
         column-count: 2;
    }
    .notificationInfoBox {
        margin-top: 20px;
    }
    .carousel-indicators {
        bottom: -18px;
    }
    .infoUpdateNotification {
        max-height: 414px;
    }
    .updatesCardSection .updatesCardSectionRow{
        grid-template-columns: repeat(3, 1fr);
    }
    .firstFooterRow {
        flex-direction: column;
        gap: 14px;
    }
    .img-select {
        width: 100%;
    }
    .footerSelect {
        display: flex;
        gap: 10px;
    }
    .system_select, .lang_select {
        padding-top: 0px;
    }
   .headerBtnSec {
        column-gap: 8px;
    }    
    .slidebarBtn {
        gap: 12px !important;
    }
    .allGlossaryCardList .updatesCardSection .updatesCardSectionRow {
        grid-template-columns: repeat(2, 1fr);
    }
    .submitSlang {
        margin-top: 15px;
    }
    .allLearnEarnCardList .updatesCardSection .updatesCardSectionRow {
        grid-template-columns: repeat(2, 1fr);
    }
    .allLearnEarnCardList, .allGlossaryCardList {
        padding-top: 10px;
    }
    .infoRow {
        flex-direction: column;
    }
    .infoCol1, .infoCol2 {
        width: 100%;
    }
    .notFoundSearch {
        width: 76%;
    }
    .notFoundSearchBtn {
        width: 22%;
    }
    .glossaryTitleCol .filterSec {
        margin-bottom: 0;
    }
    .coursesCompleted {
        align-items: center;
    }
    #video-wrapper {
        width: 100%;
        padding: 0 15px;
    }
    div#video-wrapper iframe {
        height: 350px;
    }
    .allAboutCard {
        padding: 15px;
    }
    .titleAboutCard {
        padding: 15px;
    }
    .titleAboutCard img, .titleSubCard img {
        width: 18px;
        height: 18px;
    }
       .introVideoInnerSec, .postBySec {
        flex-direction: column;
    }
    .introDetailVideo, .introVideoContent {
        width: 100%;
    }
    .introVideoContent {
        border-radius: 0px 0px 8px 8px;
    }
    .playVideoBtn {
        border-radius: 8px 8px 0px 0px;
    }
    .playVideoBtn {
        height: 250px;
    }
    .videoInfoContent {
        width: 100%;
    }
    .mainIconSec {
        align-items: flex-start;
    }
    .pageTopHeadInner .postBySec {
        justify-content: unset;
        align-items: flex-start;
    }
    .postBySec .shareIcon {
        margin-top: 12px;
    }
    .claimRewardSec {
        padding: 10px;
    }
    .browseSec, .startSec {
        width: 100%;
    }
    .claimSec {
        flex-direction: column;
    }
    .mcqQuesGroup ul li .form-check-input[type=radio] {
        width: 16px;
        height: 16px;
        top: -1px;
    }
    .filterModel .modal-body .accordion-button::after {
        background-size: 10px;
    }
    .pdx_16 {
        padding: 0 5px;
    }
    .support_form {
        padding: 25px 20px;
    }
    .wallet_loader {
        width: 70px;
        height: 70px;
        margin: 50px auto 50px;
    }
    .jarCookiesContant {
        flex-direction: column;
    }
    .cookiesBtn {
        flex-direction: initial;
    }
    .jarCookiesContant {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 10px;
    }
    .jarCookiesOuter {
        align-items: unset !important;
    }
    .publicSlideAccount .faqCompleted {
        width: 100%;
    }

}
@media(max-width: 650px) {
    .publicSlideAccount {
        flex-direction: column;
    }
    .publicSlideAccount {
        gap: 0;
    }
}
 @media(max-width: 575px) {
    .box_heading {
        flex-wrap: wrap;
    }
    .publishMintTwo {
        padding: 10px;
    }
     .headerSearchBar {
         margin-right: 10px;
    }
     .toggleBtn button {
         width: 34px;
    }
     .footerCard, .topHeaderSection {
         padding: 10px 15px;
    }
     .ljSectionData {
         padding: 15px;
    }
     .logoColumn img {
         max-width: 140px;
    }
     .footerCard .btmFlex {
         flex-direction: column;
         row-gap: 14px;
         align-items: start !important;
    }
     .footerCard div p {
         order: 2;
    }
     .FullViews a h6 {
         padding-bottom: 10px;
    }
     .FullViews a {
         padding: 10px 4px;
         min-height: 90px;
    }
     .FullViews a .data2Line h3 {
         line-height: 18px;
    }
     .FullViews a .data2Line p {
         line-height: 13px;
    }
     .headerSearchBar {
         margin-right: 10px;
    }
     .headerMenu.ms-lg-auto {
         margin-left: auto;
    }
     .topNav {
         width: 100%;
    }
     .footerCard {
         padding: 25px 15px;
    }
     .profilePicOuter {
         flex-direction: column;
    }
     .accountLeft, .changePassword, .walletAddress, .mobAccountBtn, .total_updates, .update_form {
         padding: 15px;
    }
     .logInSection .infoUpdateSec, .loginFormSec {
         width: 100%;
         padding: 0 15px;
    }
     .mt_30 {
         margin-top: 15px;
    }
     .buildCourseArea {
         margin-top: 15px;
    }
     .questionCourse {
         text-align: center;
    }
     .numberNext ul {
         justify-content: center !important;
    }
     .buildForm .profileGroup {
         flex-wrap: wrap;
    }
     .childGroupOne {
         width: 100% 
    }
     .childGroupTwo {
         width: 100%;
    }
     .current_courses_header .updates_search .update_search_bar {
         width: 100%;
         margin-top: 20px;
    }
     .current_courses_header .updates_search .coursebox_right {
         width: 51%;
         text-align: left;
    }
     .current_courses_header .updates_search {
         display: block !important;
    }
     .mt_30 {
         margin-top: 15px;
    }
     .current_courses {
         margin-top: 15px;
    }
     .crsRight {
         flex-direction: column;
         gap: 12px;
    }
     .main_table {
         min-width: 660px !important;
    }
     .publishMintOne {
         padding: 5px 10px;
    }
    .publishMintCardArea .columnCard {
        width: 50%;
    }
    .infoUpdateNotification {
        max-height: 420px;
    }
    .subscribe_form button.btn {
        padding: 8px;
    }
    .first_footer {
        padding: 30px 15px;
    }
    .footer_bottom {
        padding: 20px 15px;
    }
    .userProfile:after {
        content: unset;
    }
    .updatesCardSection .updatesCardSectionRow{
        grid-template-columns: repeat(2, 1fr);
    }
    .footerSelect {
        display: flex;
        gap: 10px;
    }
    .disBtn, .headerBtnSec .modeBtn a.disconnectBtn {
        width: 100% !important;
    }
    .leftSection {
        left: 0;
        max-width: 100%;
    }
    .notFoundSearch .headerSearchBar {
        display: block;
    }
    .notFoundSearchOuter {
        gap: 15px;
        flex-direction: column;
    }
    .notFoundSearch, .notFoundSearchBtn {
        width: 100%;
    }
    .notFoundSearchBtn .btn {
        margin: 0 auto;
    }
    .notFoundContent {
        width: 100%;
        padding: 15px;
    }
    .coursesCompleted {
        flex-direction: column;
        align-items: unset;
    }
    .coursesCompleted {
        gap: 6px;
    }
    .glossaryTitleCol .filterSec {
        flex-direction: column;
    }
    .mostbookmarked, .btnBookmarkedToggle {
        width: 100%;
    }
    .mostbookmarked .dropdown .btnBookmarkedToggle img.collapse-arrow {
        margin-left: auto;
    }
    div#video-wrapper iframe {
        height: 300px;
    }
    .bellNotification {
        width: 350px;
    }
    .relatedSearchImage img {
        width: 80px;
    }
    .relatedSearchPara {
        width: calc(100% - 80px);
    }
    .submit_btn button{
       padding: 10px;
    }
    .headerBtnSec .modeBtn a {
        border: unset;
    }
    .slidebarBtn .modeBtn a {
        border: 1px solid rgba(114, 123, 130, 0.5);
    }
    .toastInnerBody {
        padding: 40px 15px;
    }
    .toastContant button.btn-close {
        top: -30px;
        right: -6px;
    }
    .changeProf input[type=file] + label, .removeProf button.btn {
        width: 140px;
    }
    .account_input span.groupText {
        font-size: 8px;
    }
    .accountProfilePic {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .accountProfGroup {
        gap: 40px;
    }
}

 @media(max-width: 450px) {
     .FullViews a h6 {
         padding-bottom: 6px;
         font-size: 10px;
    }
     .headerBtnSec a img {
         height: 28px;
    }
     .myaccnt .btnOne img {
         width: 20px;
         height: 20px;
    }
     /*.logoColumn {
         padding: 0px 10px;
    }*/
     .topHeaderSection .learnBtn, .topHeaderSection .ljBtn {
         font-size: 10px;
         padding: 0px 6px;
         height: 28px;
         line-height: 28px;
    }
     .allCardList .col-xl-3.col-md-4:nth-child(odd) {
         padding-right: 7px;
    }
     .allCardList .col-xl-3.col-md-4:nth-child(even) {
         padding-left: 7px;
    }
     .allCardList .col-xl-3 {
         padding-bottom: 15px !important;
    }
     .grid {
         column-count: 1;
    }
    .total_tickets div.d-flex{
        font-size: 11px;
        align-items: center;
    }
    .allGlossaryCardList .updatesCardSection .updatesCardSectionRow, .allLearnEarnCardList .updatesCardSection .updatesCardSectionRow {
        grid-template-columns: repeat(1, 1fr);
    }
    .cookiesBtn .btn {
        font-size: 10px;
        height: 30px;
    }
}
 @media(max-width: 400px) {
    .publishMintCardArea .columnCard {
        width: 100%;
    }
    .updatesCardSection .updatesCardSectionRow{
        grid-template-columns: repeat(1, 1fr);
    }
    .footerSelect {
        flex-direction: column;
    }
    .footerRow .footerCol:nth-child(6) {
        width: 58%;
    }
    .footerRow .footerCol:nth-child(5) {
        width: 42%;
    }
    .infoIconTxt p, .coinsPoint p, .infoSecContent .infoIconBtn .btn-outline-secondary, .learnListTxt p, .infoSelectLang select, .singleDiscTxt p {
        font-size: var(--s10);
    }
    .infoSecContent {
        gap: 4px;
    }
    .infoHeading h4 {
        margin-bottom: 2px;
    }
    .metamaskContent p {
        font-size: var(--s12);
    }
    .btnOutline .btn-outline-secondary {
        padding: 4px 8px;
        height: 28px;
        display: flex;
        align-items: center;
    }
    .cardBtnIcon .headerBtnSec .modeBtn a img {
        height: 14px;
        width: 14px;
    }
    .infoSecContent .infoIconBtn .modeBtn a {
        width: 28px;
        height: 28px;
    }
    .infoSecContent .infoIconBtn .headerBtnSec {
        column-gap: 8px;
    }
    .singleDiscTxt h2 {
        font-size: var(--s15);
    }
    .infoSelectLang select {
        width: 118px;
        height: 28px;
    }
    .langHeading h4 {
        font-size: var(--s12);
    }
    .infoAccept .form-check label.form-check-label p, .infoAccept .form-check label.form-check-label a {
        font-size: var(--s10);
    }
    .infoAccept .form-check label.form-check-label input.form-check-input {
        width: 13px;
        height: 13px;
    }
    .infoAccept label {
        gap: 5px;
    }
    .infoAccept {
        margin-top: 10px;
    }
    .infoIcon img {
        width: 14px;
        height: 14px;
    }
    div#video-wrapper iframe {
        height: 250px;
    }
    .bellNotification {
        width: 320px;
    }
}
 @media (max-width:375px) {
     .prevNextDiv ul, .numberNext ul {
         column-gap: 5px;
         justify-content: center !important;
    }
     .profileInfo textarea {
         height: 120px !important;
    }
     .coursebox_left {
         width: 100%;
    }
     .current_courses_table thead th, .current_courses_table tbody td {
         padding: 8px 12px;
    }
     .users_bottom_part {
         padding: 20px;
    }
     .custom_link_form {
         padding: 20px;
    }
    .bellNotification {
        width: 300px;
    }
    .betaPasswordCard, .mobviewCard {
        width: 92%;
    }
    .betaPasswordCard .card-body, .betaPasswordCard .card-header{
        padding: 15px;
    }
    .mobileViewTxt h2 {
        font-size: 16px;
    }
    .mobileViewTxt p {
        font-size: 14px;
    }
}
 @media(max-width: 350px) {
    .logoColumn img {
        max-width: 90px;
    }
}


/**** new responsive css start *****/
@media(min-width:1800px){
    .searchResult {
        top: 48px;
    }
    .sliderImg{
        width: 100%;
        height: 500px;
    }
    .zoom_cart img {
        width: 25px;
        height: 25px;
    }
    .headerSearchBar .mobSearch_new button.btn img {
        top: 8px;
    }
}
@media(min-width:1600px){
  .ticketCart p, .ticketCart .cartP {
    line-height: 20px;
  }
}
@media(min-width:1440px){
    .menuColumn>ul>li>a {
         height: 44px; 
    }
}
@media(max-width:1300px){
    .tickts_col{
        flex: 0 0 auto;
        width: 50%;
    }
}
@media(max-width:1200px){
    .userProfile_details .customgrid_first {
        width: 100%;
    }
    .userProfile_details .customgrid_seco {
        width: 100%;
    }
}
@media(max-width:991px){

.mobSearch {
    position: fixed;
    width: 96%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999999;
    background: #fff;
    height: 54px;
    display: flex;
    align-items: center;
    padding: 0 22px;
    transform: translateY(-60px);
    margin: 0 auto;
}
.mobSearch.active {
    transform: translateY(0);
}
.headerSearch img{
    width:22px;
 }
 .menucolumn_admin {
    padding: 0;
}
.menucolumn_admin.b_bottom{
    border: 0;
}
.headerBtnSection {
    gap: 15px;
}
.headerBtnSection img{
    width:17px;
}
.searchResult {
    top: 48px;
}
.setting_textarea{
    height: 200px !important;
}
.admin_notification {
        transform: translate(0px, 48px) !important;
    }
}

@media(max-width:767px){
    .form_inputfield>.short_grid {
        width: 50%;
    }
    .mainHeading h4{
        padding: 15px;
    }
    .comPadding {
    padding: 15px;
   }
   input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}
.slider:before {
    height: 20px;
    width: 20px;
}
.switch {
    width: 40px;
    height: 22px;
}
.attachment_ticket{
    gap:5px;
}
.tbl_status input:checked + .slider:before {
    left: -6px !important;
}
}
@media(max-width:650px){
    .tickts_col {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media(max-width:575px){
    .form_inputfield>.short_grid {
        width: 100%;
    }
    .account_input.mb-4 {
        margin-bottom: 15px !important;
    }
    .up_proImg {
        width: 100%;
        text-align: center;
    }
    .upload_file {
        flex-wrap: wrap;
        justify-content: center;
    }
    .backupSize {
        margin-top: 10px;
        margin-bottom: 18px;
    }
    .relatedSearch.usergrid>a {
        width: 100%;
    }
    .relatedSearch.files_grid>a {
        width: calc(100% / 2 - 14px);
    }
    
    .headerBtnSection img {
        width: 15px;
    }
}
@media(max-width:480px){
   .admin_notification {
        width: 300PX;
            transform: translate(54px, 48px) !important;
    }
    .ticketcart_head {
        padding: 15px 10px 10px 10px;
    }
    .commonticket_cart {
        padding: 10px 10px;
    }
}
@media(max-width:400px){
   .admin_notification {
        width: 280PX;
        transform: translate(60px, 48px) !important;
    }
    .attachment_ticket{
        flex-wrap: wrap;
        gap: 10px;
    }
    .attachment_file{
        width: 100%;
    }
}
@media(max-width:375px){
   .admin_notification {
        width: 240PX;
    }
}

@media(max-width:350px){
.logoColumn img {
    max-width: 120px;
  }
}

/**** new responsive css end *****/