@media (min-width: 400px) {
  .commanModel .modal-dialog,
  .filterModel .modal-dialog {
    max-width: 376px;
    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.5%;
    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,
  .menuColumn > ul > li > .inActive {
    height: 40px;
  }
  .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,
  .menuColumn > ul > li > .inActive {
    height: 45px;
  }
  .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,
  .menuColumn > ul > li > .inActive img {
    height: 20px;
  }
  .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: #3b6cd8 !important;
  }
  .menuColumn {
    margin-top: 0;
  }
  .menuColumn > ul > li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }
  .menuColumn > ul > li > a,
  .menuColumn > ul > li > .inActive {
    height: 40px;
    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,
  .menuColumn > ul > li > .inActive {
    height: 40px;
  }
}
@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 *****/