/* :root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
} */
/*===========================
  Extra large (xl)
===========================*/
@media (min-width: 992px) and (max-width: 1430px) {
  .header .navbar-nav .nav-link {
    font-size: 1rem;
    margin: 0 1rem;
    white-space: nowrap;
  }

  .banner-cta {
    min-height: 30rem;
  }

  .banner-cta-overlay {
    min-height: 30rem;
  }

  .banner-cta-des {
    position: relative;
  }
}

/*===========================
Medium 
===========================*/
@media (min-width: 768px) and (max-width: 991px) {
  .comments-popup {
    width: 90vw;

}
  .h-pricing-card__container {
    margin: auto;
    width: 78%;
    margin-bottom: 2rem;
    height: auto;
  }
  .user-profile__card {
    margin-bottom: 30px;
height: unset;
  }
  .drop_icon{
    position: unset!important;
  }
  .add-coin__card-content {
    padding-left: 2.2rem;
    padding-top: 0.2rem;
}
.identify-front__container ,.coind-details__identify .identify-front__container {
  padding: 0;
}
.identify-img__wrapper .identify-front__container{
  padding: 0.6rem 1.5rem 1rem 1.5rem;
}
.story-image{
  max-width: 100%;
}
.tool-card .edu-card{
  margin-top: 30px;
  height: 100%;
}
  /* home */
  .banner-cta-des {
    position: relative;
  }
}

/*===========================
Medium (md)
===========================*/
@media (max-width: 768px) {

  .sheldon-scale {
 
    margin-top: 20px;
}
.browse-similar {
 
  padding: 1rem;
 
}
.not-show-coin h2 {
  font-size: 28px;

  line-height: 32px;

}
.not-show-coin {

  padding: 3rem 0;
}
.not-show-coin img {
  width: 130px;
}
  /* main {
    padding: 0 1rem;
} */
  /* header */

  .header .navbar {
    padding: 1rem 1rem 0 1rem;
  }

  /* header.fixed-top {
    
    padding: 1rem 0rem 0 0rem
  } */
  /* if */
  .navbar-nav {
    /* background-color: rgba(11, 32, 96, 0.92); */
    padding: 1rem 0 1.3rem 0;
    border-radius: 0.8rem;
  }

  /* else */
  .navbar-nav {
    background-color: #031449;
    padding: 3rem 0 3.3rem 0;
    border-radius: 0rem;
    position: absolute;
    z-index: 20000;
    left: 0px;
    top: 0px;
    height: 100vh;
    width: 300px;

  }

  .header .navbar-nav .nav-link:hover::after {
    width: 0%;
  }

  .header .navbar-nav .nav-link {
    border-bottom: 0.1rem solid var(--bg-graident-color);
    padding: 1rem 0;
  }

  .header-buttons {
    margin-top: 1rem;
    justify-content: flex-start;
  }

  .header-buttons .margin-x-35 {
    margin-inline: 1.5rem;
  }

  /* footer */
  .footer-bg {
    padding: 3rem 1rem;
  }

  .footer-widget__text {
    width: 100%;
  }

  .footer-logo img {
    margin: 2rem 0;
  }

  .footer-widget__text p {
    font-size: 2rem;
  }

  /* signup and login */
  .h-title {
    padding: 1.2rem 0;
  }

  /* .login-area {
    margin-top: 4.8rem;
  } */
  .basic-login {
    margin-inline: 1rem;
    padding: 3rem 1rem 3rem 1rem;
    position: relative;

  }

  .basic-login .form-group {
    margin-bottom: 1.5rem;
  }

  .bottom-check {
    margin-top: 1rem;
    display: flex;
  }

  .basic-login .bottom-check .form-check-label {
    font-size: 1.1rem;
    text-align: left;
  }

  .forgot-link {
    margin-top: 1.7rem;
  }

  /* home */

  .hero-title h1 span {
    font-size: 13rem;
  }

  .h-pricing-card__container {
    margin: auto;
    width: 80%;
    margin-bottom: 2rem;
    height: auto;
  }

  .card-content {
    margin-top: 2rem;
  }

  .banner-cta-des {
    position: relative;
  }

  .basic-login__customize {
    background: var(--white-gradient-color);
    max-width: 90rem;
    margin-inline: auto;
    border-radius: 0.8rem;
    margin-inline: 1rem;
    padding: 6rem 2rem;
  }

  .user-all__coins .login-area {
    padding: 2rem;
    margin-top: 0;
  }
}

/*===========================
small (md)
===========================*/
@media (max-width: 767px) {
  .p-left-id {
    
    top: 15px;
    right: 15px;
  
    font-size: 10px;
  
}.p-right-id {

  top: 15px;
  left: 15px;
 
  font-size: 10px;

}
.center-log {

  top: 5%;

  width: 60px;
}
.centered-text {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #A69D85;
  text-align: center;
  width: 100%;
  padding-top: 2rem;
}
  .add-flex {
    display: flex;
    gap: 30px;
    align-items: baseline;

  }

  .paragraph-text {

    text-align: start;
  }

  .custome-dropdown__wrapper {

    margin-top: 20px;
  }

  .search-filters {
    margin-bottom: 20px;
  }

  .search-filters br {
    display: none;
  }

  .search-filters__wrapper {

    padding: 20px;

  }

  /* About us page */
  .mt-40 {
    margin-top: 0rem;
  }

  .about-wrapper .login-area,
  .resources-wrapper .login-area,
  .faq-wrapper .login-area {
    padding: 0 1rem 1rem 1rem;
  }

  .about-sec p {
    font-size: 1.4rem;
    letter-spacing: 1px;
  }

  .story-card {

    padding: 2rem 1rem;
  }

  .story-card p {
    padding-top: 1rem;
  }

  .about-sec ul li,
  .edu-card ul li {
    list-style: disc;
    color: var(--white-color);
    margin-left: 11px;
  }

  .edu-card p {

    font-size: 1.4rem;
  }

  .cas-card .edu-card h2 {

    width: 90%;
  }

  .misson-card p,
  .values-card p {
    padding-top: 1rem;

  }

  .misson-card {
    padding: 2rem 1rem;

    min-height: unset;
  }

  .values-card {
    min-height: unset;
    padding: 2rem 1rem;
    margin-top: 20px;
  }

  /* resources */
  .edu-card {

    padding: 2rem;
    margin-bottom: 2rem;
  }

  .icon-absolute {

    top: 10px;
    right: 2px;
    max-width: 30px;
  }

  /* faq */
  .accordion-item {
    padding: 10px 0px;
    margin-bottom: 20px;

  }

  .accordion-button {
    font-size: 14px;
  }

  .accordian-item h2 {

    font-size: 14px;

  }

  .accordion-button::after {
    width: 2.25rem;
    height: 2.25rem;
    background-size: 2.25rem;
  }

  .accordion-body p {

    font-size: 14px;

  }


  /* identificationcomments-popup */
  .comments-popup {
    width: 90vw;
    height: auto;
  }

  /* scrollto top button */
  .scrollto__topbtn {
    display: none;
  }

  /* coin access */
  .p-30 {
    padding-right: 15px;
  }

  .assesment-details__wrapper .assesment-details {
    margin-top: 3rem;
    width: 100%;
  }

  /* coin identify */

  .bg-white .full-cards__width .coin-display__card {
    padding: 2rem;
  }

  .full-cards__width .coin-display__card {
    padding: 2rem;
  }

  /* forgot email popup */
  .forgot-email {
    width: 90vw;
  }

  /* image editior popup */
  .image-editor .mat-mdc-dialog-container {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
  }

  .image-popup__title h1 {
    color: var(--white-color);
    padding: 1rem 0.2rem;
    font-size: 1.6rem;
  }

  .image-croper__bg {

    padding: 1rem 0;

  }

  .popup-bottom {
    padding: 1rem;
  }

  .popup-bottom h2 {
    font-size: 1.8rem;

    letter-spacing: 1px;
  }

  .image-popup__subtitle {
    padding: 0 0 2rem 0;
    font-size: 1.6rem;
  }

  /* header */
  .item-count {
    position: absolute;
    top: -3px;

  }

  .header .navbar-brand {
    width: 80%;
  }

  .navbar-brand .logo {
    max-width: 80%;
  }

  /* sign+login */
  .h-title {
    /* 3.6 to 2.5*/
    font-size: 2.8rem;
    padding: 2rem 0;
    letter-spacing: 1px;
  }

  /* footer */
  .f-copyright__list ul {
    justify-content: start;
  }

  .footer-widget__social {
    justify-content: center;
  }

  .footer-widget__text p {
    font-size: 1.8rem;
  }

  .f-copyright__list a {
    font-size: 1.6rem;
  }

  .f-copyright__dom {
    font-size: 1.6rem;
  }

  .footer-logo img {
    max-width: 17.2rem;
  }

  /* Home Page */
  .hero-content {
    margin-top: 0;
    margin-bottom: 3rem;
  }

  .hero-title {
    text-align: center;
  }

  .hero-title h1 span {
    font-size: 11rem;
  }

  .hero-title .title-des {
    font-size: 2.3rem;
  }

  .hero-title img {
    max-width: 8rem;
  }

  .hero-title .sub-title {
    font-size: 4.8rem;
    padding-left: 0;
  }

  /* .banner-cta {
  min-height: 36rem;
  margin-top: 3rem;
  height: unset;
} */
  .banner-cta {
    min-height: 20rem;
    margin-top: 3rem;
    /* height: unset; */
    height: 88%;
  }

  /* .banner-cta-overlay{
  min-height: 36rem;
} */
  .banner-cta-overlay {
    min-height: 27rem;
  }

  .banner-cta-overlay {
    height: 70%;
  }


  .banner-cta-des {
    padding: 1rem;
  }

  .banner-cta-des p {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }

  .coins-display__container {
    flex-direction: column;
  }

  .card-content {
    width: 90%;
    display: block;
    margin: auto;
    margin-top: 2rem;
  }

  .full-cards__width .card-content {
    min-height: 100%;
    margin-top: 0px;
  }

  .join-button__cta-container {
    margin-top: 3rem;
  }

  .h-pricing-table__info {
    margin: 3rem 0 3rem 0;
  }

  .h-pricing__title {
    font-size: 2.2rem;
  }

  .h-pricing__table {
    margin-top: 3rem;
  }

  .h-pricing-card__container {
    margin: auto;
    width: 78%;
    margin-bottom: 2rem;
    height: auto;
    padding: 3rem 2.5rem;
  }

  .assesment-details__wrapper .assesment-details__text .elipse-one,
  .assesment-details__wrapper .assesment-details__text .elipse-two,
  .assesment-details__wrapper .assesment-details__text .elipse-three {
    margin-right: 5px;
  }

  .h-pricing-card__current-price {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .h-pricing-card__separator {
    margin: 2rem 0 3rem 0;
  }

  .h-carousel__track {
    flex-direction: column;
  }

  .hero-content .col-md-6 {
    width: 100%;
  }

  /* cards =>coin-display__card*/
  .display-card__button {
    padding: 1rem 0rem;
  }

  .mt_40__margin {
    margin-top: 40px;
  }

  .search-filters .dropdown-label {

    margin-bottom: 5px;
  }

  .join-button__cta-button .join-button__cta {
    max-width: 100%;
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
    min-height: 3.5rem;
  }

  /* master collection */
  .master-collection__container .login-area {
    padding: 0 1rem 2rem 1rem;
  }

  .master-collection__container .coins-display__container .card-content {
    margin-top: 2rem;
  }

  .custome-dropdown__wrapper .dropdown-label {
    white-space: nowrap;
  }

  .sub-heading__title h2 {
    margin-top: 2rem;
  }

  .coins-display__container .gx-8 {
    --bs-gutter-x: 0;
  }

  .search-input {
    margin: 1rem 1rem 2rem 1rem;
  }

  .sub-heading__title h2 {
    font-size: 2rem;
  }

  .flex-colum-sm {
    flex-direction: column-reverse;
  }

  .flex-colum {
    flex-direction: column;
  }

  .text-start {
    text-align: start;
  }
  .upload-coins_details .img-box {
display: flex;
}
  .comments-popup>mat-dialog-container {
    background: transparent !important;
    border-radius: 0px !important;
    margin-top: 50px;
    max-height: 90vh;
    overflow-y: auto;
}
  /* member dashboard */
  .user-profile__card {
    padding: 2rem 1rem;
    height: unset;
    margin-bottom: 2rem;
  }
  .mt-minus2rem{
    margin-bottom: -2rem;
  }
  .member-ship-container{
    position: unset!important;
  }
  .drop_icon{
    position: unset;
  }

  .profile-card__userDetails .Profile-occupation {
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 2rem;
  }

  .Profile-userFullName {

    font-size: 1.6rem;

    padding: 0.8rem 0 0.4rem 0;
  }

  .Profile-userlocation {

    font-size: 1.4rem;

  }

  .bio {

    font-size: 2rem;

  }

  .coin-details__meta-des {

    font-size: 1rem;

  }

  .assesment-details__text .elipse-value {

    font-size: 1.4rem;


  }

  .add-coin__card-content {
    padding-left: 0rem;
  }

  .check_box .form-check {
    display: flex;
  }

  .add-coin__card {
    padding: 2rem 1rem;
  }

  .user-all__coins .h4 {
    font-size: 2.8rem;
    padding: 2rem 0 2rem 0rem;
  }

  .user-all__coins .login-area {
    padding: 2rem 1rem;
    margin-top: 0;
  }

  /* upload single details */
  .alert-msg__show {
    padding-left: 0;
    padding-bottom: 2rem;
    line-height: 21px;
  }
  .story-image {
    max-width: 100%;
  }
  .coin_detail__msgShow {
    flex-direction: column;
    display: unset !important;
  }

  .coin_detail__msgShow.h4 {
    text-align: left;
    padding-bottom: 1rem;
  }

  .coin_detail__msgShow .alert-msg__show {
    font-size: 1.4rem;
    padding-left: 0rem;
    padding-bottom: 2rem;
  }

  .upload-coins_details .img-box .left-coin__img,
  .upload-coins_details .right-coin__img {
    width: 100%;
    padding: 2rem 1rem;
  }

  /* sumlimentimages */
  .basic-login__customize {
    margin-inline: 1rem;
    padding: 3rem 1rem;
  }

  .identification-coin__photos .form-title {
    font-size: 2.5rem;
  }

  .coin-photos__box {
    margin-bottom: 1rem;
    height: 130px;
    max-width: 130px;
  }

  /* member  */
  .addcoin__description {

    font-size: 2rem;


  }

  .add-coin__card-content p {

    font-size: 1.8rem;

  }

  .primary-join-btn {

    font-size: 1.6rem;

  }
  .login-area-button {
    margin-top: 0rem;
    margin-bottom: 15px;

}
.bg-white {
  background: var(--white-color);
  position: relative;
  padding: 2.5rem 1.5rem;
  padding-bottom: 1rem;
}
  .no-mb-sm {
    margin-bottom: 0 !important;
  }

}

/* popups */
@media (max-width: 992px) and (min-width: 768px) {
  .image-editor .mat-mdc-dialog-container {
    width: 100% !important;
  }
}


/* navbar only mobile  */
@media(max-width:820px) {
  .nav-item {
    position: relative;
    /* align-self: center; */
    width: 100%;

    margin: 4px 0;


  }

  .item-count {

    background-color: transparent;
    color: #fff;
    top: 14px;
    right: 12px;
    font-size: 10px;


  }

  .logoSidebar .logo {
    max-width: 100%;
    margin-bottom: 20px;
  }

  .header .navbar-nav .nav-link {

    margin: 0 0rem;
    padding: 12px 15px;
    font-size: 12px;
  }





  .header .navbar-nav .nav-link:hover,
  .header .navbar-nav .nav-link.active {
    color: #fff;
  }

  .mobile-res {
    display: block;
  }

  .navbar-nav {

    padding: 20px;
  }

  .item-count {
    position: absolute;
    top: 16px;
  }



  .comment-popup__container .content-area {
    padding: 2rem;
  }

  .comment-popup__container .content-area p {
    color: var(--black-color);
    font-size: 14px;
    font-weight: 300;
  }

  .comment-popup__container h2 {
    color: var(--black-color);
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 8px;
    text-align: left;
    padding-top: 2rem;
    line-height: 22px;
  }

  .content-area ul li {
    color: var(--black-color);
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 22px;
  }
}


@media(min-width:768px) {

  .mobile-res {
    display: none;
  }

  .active {


    border-bottom: 0.2rem solid var(--secondry-solid-color);

    color: #fff;


  }

  .comment-popup__container .content-area {
    padding: 2rem;
  }

  .comment-popup__container .content-area p {
    color: var(--black-color);
    font-size: 16px;
    font-weight: 300;
  }

  .comment-popup__container h2 {
    color: var(--black-color);
    font-size: 2rem;
    font-weight: 700;
    line-height: 8px;
    text-align: left;
    padding-top: 3rem;
    line-height: 25px;
  }
}