h1,
h2,
h3,
h4,
h5,
h6,
span,
button,
a {
  margin: 0;
  padding: 0;
}
.row {
  margin-left: 0;
  margin-right: 0;
}
.chart__container {
  margin-top: 6px !important;
  border-radius: 8px;
  padding: 30px;
  width: 100%;
  display: inline-block;
  box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
}

.btnDelete {
    color: red !important;
    font-size: 18px !important;
    margin-top: 12px !important;
}
.field-icon {
  float: right;
  margin-right: 10px;
  margin-top: -35px;
  position: relative;
  z-index: 2;
}

input#market_val {
  font-weight: 600;
  color: #09d109;
}

input[name="market5[]"] {
  font-weight: 600;
  color: #09d109;
}

input[name="market3[]"] {
  font-weight: 600;
  color: #09d109;
}

input[name="market1[]"] {
  font-weight: 600;
  color: #09d109;
}

input[name="market[]"] {
  font-weight: 600;
  color: #09d109;
}

input[name="ai_amount5_mv"] {
  font-weight: 600;
  color: #09d109;
}

input[name="ai_amount3_mv"] {
  font-weight: 600;
  color: #09d109;
}

input[name="ai_amount1_mv"] {
  font-weight: 600;
  color: #09d109;
}

input[name="ai_amount_mv"] {
  font-weight: 600;
  color: #09d109;
}

span#mrkt {
  margin-left: 5px;
  color: #09d109;
}

p#set_uptext {
  font-weight: 500;
  color: #979797;
}
/* h4#h_text,
h4#h_text1 {
  color: #979797;
  margin: 20px 0;
  font-size: 20px;
  display: grid;
  grid-template-columns: repeat(15, 1fr);
  align-items: center;
  column-gap: 10px;
} */
 h4#h_text,
h4#h_text1 {
  color: #979797;
  margin: 20px 0;
  font-size: 20px;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.marketval-img img {
  height: 175px !important;
}
.coninfo {
  width: 68%;
  padding: 0;
}
.coninfo100 {
  width: 100%;
  padding: 0;
}
.conimgst {
  width: 68%;
  padding: 0;
}

span.m_vals {
  float: right;
}
span.prnt_grn {
  color: #00c100 !important;
  font-weight: 600 !important;
}

.coin-profile ul li span {
  color: #000;
  font-weight: 400;
}
.coin-profile img {
  padding: 20px;
  width: 100%;
  border: 1px solid #cdcdcd;
}
.coin-profile ul li {
  margin: 0px 14px;
  padding: 4px 14px;
  font-weight: 700;
  color: #331146;
}
ul.frst-ul li {
  width: 72%;
  list-style: none;
}
ul.frst-ul li span {
  float: right;
}
span.c_imgs {
  display: block;
  text-align: right;
}
.scnd-ul li {
  width: 80%;
  list-style: none;
}
.scnd-ul {
  max-width: 100% !important;
}
.coin-profile textarea {
  width: 100%;
  border: 1px solid #000;
  border-radius: 5px;
  height: 132px;
  padding: 20px;
}
.coin-profile h4 {
  margin: 6px 14px;
  padding: 4px 14px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 20px;
}
ul.scnd-ul {
  max-width: 1005;
}
.coin-profile h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 15px 0;
}
.coin-profile {
  border: 2px solid #321145;
  border-radius: 8px;
  margin: 32px 0;
  padding: 27px;
}
.sve-frm {
  text-align: center;
  margin-top: 30px;
}
.sve-frm button {
  background: #301042;
  border: unset;
  font-weight: bold;
  color: #fff;
  padding: 7px 31px;
  border-radius: 5px;
}
.coin-profile ul {
  padding: 0;
  max-width: 756px;
}
.coin-profile table {
  width: 100%;
}

table#myTransaction {
  padding: 75px 20px 20px 20px;
}
div#myTransaction_filter {
  display: none;
}
div#myTransaction_length {
  display: none;
}
div#myTransaction_info {
  padding: 20px;
}
div#myTransaction_paginate {
  padding: 20px;
}
label.upload__btn {
  cursor: pointer;
  border: 1px solid #301042;
  padding: 0px 11px;
  border-radius: 5px;
  color: #301042;
  font-weight: 600;
  margin-top: 20px;
}
label.upload__btn i {
  vertical-align: middle;
  margin-left: 3px;
}
.con-btn button {
  border: 1px solid #311144;
  color: #311144;
  padding: 6px 21px;
  border-radius: 5px;
  font-weight: 500;
  cursor: pointer;
  background: unset;
}
.con-btn {
  text-align: right;
  margin-top: 3rem;
}

.condiv {
  margin-top: 24px !important;
}

ul.sync-btn {
  justify-content: end !important;
}

ul.sync-btn li button {
  border: unset;
  background: #311144;
  color: #fff;
  padding: 6px 21px;
  border-radius: 5px;
  font-weight: 500;
  cursor: pointer;
}
.recieverend {
  margin-top: 109px !important;
}
td.units input {
  width: 78px;
}
.recieverend tr td:first-child input {
  margin-right: 7px;
  vertical-align: bottom;
  height: 19px;
  width: 19px;
}
.lst-chld input {
  margin-right: 7px;
  vertical-align: bottom;
  height: 19px;
  width: 19px;
}
.maxim {
  width: 70%;
  margin: 0px auto;
}

.btnactive {
  color: #fff !important;
  background-color: #311144 !important;
}
.btnactive:focus {
  outline: unset !important;
}
/*----- Send money user view  -----*/

tbody#ccoin_body td:first-child input {
  width: 158px !important;
}

tbody#ccoin_body img {
  width: 35px;
}

tbody#dcoin_body td:first-child input {
  width: 158px !important;
}

tbody#dcoin_body img {
  width: 35px;
}
.sendmnyuser {
  display: flex;
  justify-content: center !important;
}
ul.send-rece-btn.btns-ul li button {
  margin: 0 108px;
}

ul.send-rece-btn.btns-ul li {
  display: contents;
  max-width: unset;
  width: 100%;
  margin: 0 25px;
}
ul.send-rece-btn.btns-ul li button {
  margin: 0 10px;
}
ul.send-rece-btn.btns-ul {
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.collector-view.sendmnyuser input::placeholder {
  font-size: 13px;
  font-weight: 500;
  color: #c1c1c1;
}
.sndmny {
  margin: 0 auto;
  max-width: 90%;
}
.rply-trd {
  margin: 0 auto;
  max-width: 90%;
}
/*  end */
div#sender_1 {
  display: unset;
}
table#cointbl1 input {
  width: 139px;
}

table#cointbl2 input {
  width: 139px;
}

tbody#coin_body td:nth-child(5) input {
  width: 78px;
}

.coinsAmount {
  padding-left: 4px;
  padding-right: 0px;
}
.amountmax {
  width: 100%;
  padding: 6px 2px;
}

td.replyai {
  width: 112px;
}

button.dis-btn {
  background: #31114480 !important;
  cursor: no-drop !important;
}
/* #sndcoin li:nth-child(2) {
  position: absolute;
  left: 52%;
} */

tbody#coin_body td:first-child input {
  width: 158px !important;
}
tbody#coin_body td:first-child i {
  float: left;
  margin-left: 10px;
}

input.percent {
  padding-left: 6px;
  padding-right: 0px;
}

input#max_amount {
  padding: 6px 1px;
}

table#myTable {
  margin-top: 53px;
}

input#max_amount3 {
  text-align: center;
  padding: 6px 0px;
}

.perct {
  position: relative;
}

.prctIcons {
  padding: 1px 2px;
  top: 12%;
  right: 4%;
  position: absolute;
}

.perct button {
  padding: 0px 3px;
  border: unset;
  font-size: 12px;
}
.perct button:hover {
  background-color: #babfbf;
}

.scsmsg {
  max-width: 400px;
  text-align: center;
  margin: 0px auto;
}
.title {
  color: #8712cd;
}

.pg-wrap {
  min-height: 700px;
}
.grybtn {
  background-color: #808080;
  border: solid 1px #808080;
  color: #ffffff;
  padding: 6px 20px;
}
tbody#coin_body img {
  width: 35px;
}
select.days_filter {
  margin: 0px;
  padding: 5px 6px;
  z-index: 999;
  border: 1px solid #aaa;
  border-radius: 3px;
}

select.days_filter {
  margin-left: 5px;
  display: block;
}

table#myTable td a {
  text-decoration: none;
  color: #7c7b7b;
}

.active_coins:checked + .coin_s {
  background: #311043;
  color: #fff;
}
.coin_s {
  border: 1px solid#311043;
  color: #311043;
  padding: 5px 19px;
  margin: 0 0 0 11px;
  font-weight: 600;
  cursor: pointer;
}

div#coinModal {
  padding: 0 !important;
}
.modal-dialog.modal-xl {
  max-width: 100%;
}
.coinlbl {
  border: 2px solid #70bdff !important;
  box-shadow: 0px 0px 8px #70bdff !important;
}

.plus {
  color: #fff !important;
  background: #0eb40e !important;
}

.minus {
  color: #fff !important;
  background: red !important;
}

div#send_cn {
  margin: 0;
}
div#coinModal label {
  border: 2px solid #ffffff00;
  box-shadow: 0px 0px 8px #ffffff00;
  border-radius: 7px;
}

.selct_btn {
  max-width: 178px;
  margin: 0px auto;
}

/***-----trade-buy--------****/

#transac_coins {
  text-align: center;
  border-bottom: 1px solid#311143;
  padding-bottom: 16px;
  margin-top: 30px;
}

.sent_rec_btns {
  text-align: right;
}

.sent_rec_btns button {
  background: #fff;
  color: #301042;
  padding: 4px 21px;
  margin: 0 0 0 13px;
  border: 1px solid #301042;
  font-weight: 500;
}

.active_coins {
  background: #301042 !important;
  color: #fff !important;
}

.date_filter {
  z-index: 999;
  position: absolute;
  top: 22px;
  left: 197px;
}

.date_filter button {
  background: #39164e;
  padding: 2px 12px;
  vertical-align: baseline;
  border-color: #39164e;
}

.minbody {
  display: flex;
  justify-content: space-between;
  max-width: 800px;
  margin: 0px auto;
  padding-top: 20px;
}

.mintable {
  width: 100%;
}

.ban_check2 {
  color: #fff !important;
  background-color: #321245 !important;
  border: 1px solid#321245;
}

.ban_check3 {
  color: #fff !important;
  background-color: #321245 !important;
  border: 1px solid#321245;
}

label.tog_run input[switch] {
  display: none;
}
label.tog_run input[switch] + label {
  vertical-align: text-bottom;
  font-size: 1em;
  line-height: 1;
  width: 6.7rem;
  height: 29px;
  background-color: #ddd;
  background-image: none;
  border-radius: 2rem;
  padding: 0.1666666667rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
  font-family: inherit;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
label.tog_run {
  padding: 0;
}
label.tog_run input[switch] + label:before {
  /* Label */
  text-transform: uppercase;
  color: #b7b7b7;
  content: attr(data-off-label);
  display: block;
  font-family: inherit;
  font-family: FontAwesome, inherit;
  font-weight: 500;
  font-size: 0.6rem;
  line-height: 1.22rem;
  position: absolute;
  right: 0.2166666667rem;
  margin: 0.2166666667rem;
  top: 0;
  text-align: center;
  min-width: 1.6666666667rem;
  overflow: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
label.tog_run input[switch] + label:after {
  /* Slider */
  content: "";
  position: absolute;
  left: 0.1666666667rem;
  background-color: #301042;
  box-shadow: none;
  border-radius: 2rem;
  height: 23px;
  width: 22px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
label.tog_run input[switch]:checked + label {
  background-color: lightblue;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0.15)),
    to(rgba(0, 0, 0, 0.2))
  );
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.15),
    rgba(0, 0, 0, 0.2)
  );
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3) inset;
}
label.tog_run input[switch]:checked + label:before {
  color: #fff;
  content: attr(data-on-label);
  right: auto;
  left: 0.2166666667rem;
}
label.tog_run input[switch]:checked + label:after {
  left: 5.22rem;
  background-color: #f7f7f7;
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3);
}

label.tog_run input[switch="bool"] + label {
  background-color: #fff;
  margin: 0;
}
label.tog_run input[switch="bool"] + label:before {
  color: #301042 !important;
  font-size: 13px;
  text-transform: capitalize;
}
label.tog_run input[switch="bool"]:checked + label {
  background-color: #301042;
}
label.tog_run input[switch="bool"]:checked + label:before {
  font-size: 13px;
  text-transform: capitalize;
  color: #fff !important;
}

label.tog_run input[switch="default"]:checked + label {
  background-color: #a2a2a2;
}
label.tog_run input[switch="default"]:checked + label:before {
  color: #fff !important;
}

label.tog_run input[switch="success"]:checked + label {
  background-color: #bce954;
}
label.tog_run input[switch="success"]:checked + label:before {
  color: #fff !important;
}

label.tog_run input[switch="warning"]:checked + label {
  background-color: gold;
}
label.tog_run input[switch="warning"]:checked + label:before {
  color: #fff !important;
}
label.tog_run {
  vertical-align: sub;
  padding: 0 0 !important;
}

/* Rounded sliders */

.radio_input:checked + .ban_check0 {
  background-color: #301042 !important;
  color: #fff !important;
  font-weight: 600;
}
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.trade_coin_inline button {
  background: #301042;
  border-radius: 33px;
  width: 4%;
  padding: 11px 0;
  margin: 0 6px;
}

.ban_radio {
  cursor: pointer;
  border: solid 1px #301042;
  height: unset;
  padding: 11px 0px;
  border-radius: 47px;
  vertical-align: unset;
  background: #301042;
  width: 4%;
  color: #fff !important;
}
.ban_check {
  background-color: #301042;
  color: #fff;
  border-radius: 47px;
  font-weight: 600;
}

.ban_check {
  background-color: #301042 !important;
  color: #fff !important;
  border-radius: 47px;
  font-weight: 600;
}
.trade_coin_inline {
  margin-top: 16px;
  text-align: center;
}

.trade_coin_inline label {
  padding: 11px 0px;
  border: 1px solid#301042 !important;
  color: #301042;
  border-radius: 47px !important;
  font-weight: 600;
  width: 4%;
  margin: 0 4px !important;
}
/***collector-view****/
.add_new {
  text-align: center;
  display: block;
  padding-top: 12px;
  border-top: 1px solid #dee2e6;
}

.add_new h5 {
  padding-left: 17px;
  font-weight: 600;
}
div#youtbr-view {
  padding: 25px 20px 35px 20px;
  box-shadow: 0 0 21px 0 #b9b9b9;
  border-radius: 9px;
  margin-top: 3rem;
}
div#youtbr-view th {
  border: unset;
  font-weight: 600;
  padding: 24px 17px 10px;
  font-size: 16px;
  color: #7c7b7b;
  white-space: nowrap;
}
.notedivs {
    margin-top: 15px;
}
table#cointbl th {
  white-space: nowrap;
}
div#youtbr-view td {
  font-weight: 600;
  padding: 17px 2px;
  font-size: 15px;
  color: #7c7b7b;
  text-align: center;
}
table#cointbl2 td {
  font-weight: 600;
  padding: 17px 22px;
  font-size: 15px;
  color: #7c7b7b;
  text-align: left;
}
table#cointbl1 td {
  font-weight: 600;
  padding: 17px 22px;
  font-size: 15px;
  color: #7c7b7b;
  text-align: left;
}
.collector-view {
  display: flex;
  justify-content: space-between;
}
.hyuih-view {
  border-radius: 9px;
}
a.units {
  text-decoration: none;
  display: inline-block;
  background: #311144;
  color: #fff !important;
  padding: 9px 28px !important;
  vertical-align: middle;
  border-radius: 4px;
}

ul.sync-btn.syn-ttl li {
  width: 50%;
  margin-left: 10px;
}
li.snyclist {
    text-align: unset !important;
    margin: 0 !important;
}
ul.dsync-btn.dsyn-ttl li {
  width: 50%;
  margin-left: 10px;
}
button#diversify_sync {
  border: unset;
  background: #311144;
  color: #fff;
  padding: 6px 21px;
  border-radius: 5px;
  font-weight: 500;
  cursor: pointer;
}
ul.dsync-btn.dsyn-ttl {
  justify-content: end;
  padding-top: 10px;
}
/* .hyuih-view td {
  text-align: center;
} */
.hyuih-view i.fa.fa-plus {
  cursor: pointer;
  background: #311144;
  color: #fff;
  padding: 11px 13px;
  border-radius: 35px;
  font-size: 13px;
}
.hyuih-view i.fa.fa-trash {
  cursor: pointer;
  color: #e73838;
  font-size: 22px;
  padding: 8px 0;
}
div#collapseExample {
  margin-top: 8px;
}
.dplmny {
  margin: 0 0 15px 0;
  align-items: center;
}
div#youtbr-view h3 {
  text-align: center;
  font-size: 32px;
  font-family: "Open Sans", sans-serif;
  color: #311144;
  font-weight: bold;
}
.collector-view li {
  display: block;
  width: 21%;
  color: #311144;
  font-weight: 500;
  text-align: right;
}
.tophedsend {
  align-items: center;
  margin: 0 0 15px 0;
}
.collector-view ul {
  padding: 10px 0 0 16px;
  display: flex;
  justify-content: space-between;
}
.collector-view {
  display: flex;
  justify-content: space-between;
}
.hyuih-view tr {
  border-bottom: 1px solid#00000021;
}
ul.send-rece-btn button {
  border: unset;
  background: #311144;
  color: #fff;
  padding: 6px 21px;
  border-radius: 5px;
  font-weight: 500;
  cursor: pointer;
}
ul.send-rece-btn li {
  display: inline-block;
  margin: 0 35px;
}
ul.send-rece-btn {
  padding: 0;
  text-align: center;
  margin: 56px 0;
}
.coin-multi button {
  display: none;
  background: #311144;
  color: #fff;
  border: unset;
  padding: 8px;
  border-radius: 5px;
  margin: 8px 0;
  font-weight: 500;
  width: 100%;
}
.coin-multi {
  text-align: center;
}
/*transactions*/
.hyuih {
  border: 1px solid#00000038;
  border-radius: 9px;
}

div#youtbr {
  box-shadow: 0 0 22px 0px #ababab26;

  margin-top: 3rem;
}

div#myTable_wrapper {
  padding: 20px;
}

.hyuih {
  position: relative;
  border: 1px solid#39164e;
}
.day_filter label {
  width: 46%;
  margin: 5px 0 0 0;
}

.day_filter {
  display: flex;
  position: absolute;
  left: 61%;
  top: 22px;
  z-index: 999;
}
div#youtbr th {
  padding: 24px 18px;
  font-size: 17px;
  color: #301043;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  width: 10% !important;
}
div#youtbr td {
  font-weight: 600;
  padding: 20px 18px;
  font-size: 16px;
  color: #7c7b7b;
}

/*dashboard page */

.up-date-button button a {
  text-decoration: none;
  color: #fff;
}

/***home page****/
.container {
  max-width: 1300px;
}
.menu-logo a {
  color: #fff;
  text-decoration: none;
}

div#peezee1 {
  position: unset;
}
header.top-header-bar {
  background: linear-gradient(45deg, #1d042a, #3d1853);
}

ul.hover-menu li a {
  text-decoration: none;
  color: #000;
}

.hover-menu {
  display: none;
  position: absolute;
  padding: 4px 18px;
  background: #fff;
  color: #000;
  border-radius: 7px;
  z-index: 1002;
}
.product1:hover .hover-menu {
  display: block;
}
li.product1 i {
  margin-left: 5px;
}
ul.hover-menu li {
  display: block;
  padding: 0 !important;
  margin: 18px 0;
}
.menu-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu-logo {
  width: 12%;
}
.menu-list {
  width: 62%;
}
.menu-sign {
  width: 20%;
}
.menu-list li {
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  padding-right: 23px;
  display: inline-block;
}
.menu-list ul {
  margin: 0;
}
li.product1 a img {
  height: 14px;
  width: 14px;
  margin-top: -6px;
  margin-right: 1px;
}
.menu-sign a {
  color: #fff;
  margin-right: 23px;
}
a.get-started {
  border-radius: 6px;
  background: #8712cd;
  padding: 10px 25px;
}
.destination {
  position: absolute;
  display: flex;
  justify-content: space-between;
  color: #fff;
  top: 293px;
  left: 37px;
}
.buy-a-bit img {
  width: 25%;
}
.buy-a-bit2 img {
  width: 25%;
}
.buy-coin h3 {
  margin-bottom: 27px;
  font-size: 32px;
  font-weight: bold;
}
.buy-coin p {
  font-size: 16px;
  margin-bottom: 63px;
}
.buy-coin2 h3 {
  margin-bottom: 27px;
  font-size: 32px;
  font-weight: bold;
}
.buy-coin2 p {
  font-size: 16px;
  margin-bottom: 63px;
}
.bitcoin p {
  font-size: 0.8rem;
  color: #94a3b8;
  font-weight: 600;
  margin: 0;
}
.bitcoin2 p {
  font-size: 0.8rem;
  color: #94a3b8;
  font-weight: 600;
  margin: 0;
}
.buy-a-bit {
  font-family: "Nunito", sans-serif;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.buy-a-bit2 {
  font-family: "Nunito", sans-serif;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.buy-coin {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  margin-top: 127px;
}
.buy-coin2 {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  margin-top: 127px;
}
.bitcoin h4 {
  margin: 20px 0 5px 0;
  font-size: 16px;
  font-weight: 600;
}
.bitcoin {
  margin-bottom: 15px;
  box-shadow: 0 16px 36px 0 rgb(167 195 213 / 20%);
  padding: 34px 24px;
  border-radius: 20px;
  width: 19%;
  border: 1px solid#dfe9f0;
}
.bitcoin2 h4 {
  margin: 20px 0 5px 0;
  font-size: 16px;
  font-weight: 600;
}
.bitcoin2 {
  margin-bottom: 15px;
  box-shadow: 0 16px 36px 0 rgb(167 195 213 / 20%);
  padding: 34px 24px;
  border-radius: 20px;
  width: 19%;
  border: 1px solid#dfe9f0;
}
.give-get {
  width: 47%;
}
.digital-rev {
  width: 52%;
}
.give-get img {
  width: 100%;
  margin-top: -103px;
}
.digital-rev h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 60px;
  font-weight: bold;
}
.digital-rev h4 {
  font-family: "Open Sans", sans-serif;
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 38px;
}
.digital-rev p {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
}
.digital-rev img {
  width: 50%;	
  margin-top: -200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.menu-logo h3 {
  font-size: 32px;
  font-family: "Sarina", cursive;
}
.banner img {
  width: 100%;
  height: 800px;
}
.container {
  position: relative;
}
.peezee {
  width: 100%;
  padding: 15px 0;
  color: #fff;
  position: absolute;
}

.spend p {
  font-size: 24px;
  font-family: "Open Sans", sans-serif;
}
.collect1 {
  font-family: "Raleway", sans-serif;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 6px;
}
.collect h3 {
  font-family: "Raleway", sans-serif;
  font-size: 32px;
  margin-bottom: 6px;
}
.all-available img {
  width: 100%;
  height: 320px;
}
.collect {
  left: 0;
  position: absolute;
  display: flex;
  justify-content: space-between;
  color: #fff;
  width: 100%;
  top: 128px;
  padding: 0 8px;
}
.earn-rewards-flex p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
}
.all-available {
  margin: 122px 0;
}
.earn-rewards h3 {
  font-family: "Raleway", sans-serif;
  font-size: 32px;
  font-weight: bold;
}
.earn-rewards {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.peace-of {
  width: 33%;
}

.secure-trusted h4 {
  font-size: 40px;
}
.secure-trusted h6 {
  font-size: 24px;
  font-family: "Open Sans", sans-serif;
  margin: 8px 0 100px 0;
}
.secure-trusted {
  text-align: center;
}
.peace-of img {
  width: 30%;
  object-fit: contain;
  height: 99px;
  margin-bottom: 47px;
}
.icon-bottom {
  text-align: center;
  color: #fff;
}
.icon-bottom i {
  background: #44165e;
  font-size: 49px;
  padding: 4px 14px;
  border-radius: 53px;
  border: 7px solid#fff;
  margin-top: -42px;
}
.earn-rewards121 p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
}
.earn-rewards121 li {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
}
.earn-rewards-flex p {
  margin-top: 11px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  text-align: center;
}
.earn-rewards-flex {
  display: flex;
  justify-content: space-between;
}
.reviews img {
  margin-left: 52px;
}
.reviews ul {
  margin: 52px 0 0 0;
  display: flex;
}

.reviews li {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-left: 9px;
}
.reviews li span {
  display: block;
  font-size: 16px;
  font-weight: 500 !important;
}
.reviews {
  width: 49%;
}
.testimonial h4 {
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
}
.testimonial h4 {
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  margin-bottom: 74px;
  font-weight: bold;
  margin-top: 156px;
}

button.accordion {
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  padding: 6px 15px;
  font-size: 22px;
  cursor: pointer;
  transition: background-color 0.2s linear;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(167, 195, 213, 0.24);
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 16px 2rem 0 rgb(167 194 213 / 20%);
  margin: 14px 0;
  font-family: Nunito, sans-serif;
  color: #133b57;
  font-weight: bold;
}

button.accordion:after {
  font-family: FontAwesome;
  content: "\f067";
  font-family: "fontawesome";
  font-size: 16px;
  float: right;
  margin-top: 5px;
}

button.accordion.is-open:after {
  content: "\f068";
}

button.accordion:hover,
button.accordion.is-open {
  background-color: #fff;
}

.accordion-content {
  background-color: white;
  border-left: 1px solid whitesmoke;
  border-right: 1px solid whitesmoke;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
}

h3#set_uptext {
  margin-bottom: 15px;
}
.social-media p {
  font-size: 14px;
}
.footer {
  bottom: 0;
  position: absolute;
  margin-top: 57px;
  font-family: "Open Sans", sans-serif;
  background: #120319;
  padding: 36px 0 26px 0;
  color: #fff;
  width: 100%;
}
img.facebook1 {
  width: 7% !important;
}
html {
  min-height: 100%;
  position: relative;
}
.ftr-hgh {
  height: 152px;
}
.copyright img {
  width: 15%;
  margin: 0 11px 0 0;
}

.copyright {
  display: flex;
  justify-content: space-between;
}

/***login****/

.login-form label {
  margin: 23px 0 7px 0;
  text-align: left !important;
  width: 100%;
}
.login-form {
  box-shadow: 0 16px 36px 0 rgb(167 195 213 / 20%);
  border-radius: 7px;
  font-family: "Open Sans", sans-serif;
  width: 50%;
  text-align: center;
  margin: 0 auto;
  border: 1px solid#00000061;
  padding: 38px 63px;
  background: #f7fafc;
}
form#reset_pswd {
  background: unset;
  border: unset;
}
.login-form p {
  font-weight: 600;
}

.login-form h3 {
  margin-bottom: 27px;
  font-size: 32px;
  font-weight: bold;
}
.login-form button {
  border-radius: 6px;
  background: #8712cd;
  padding: 10px 25px;
  border: unset;
  color: #fff;
  font-weight: 700;
  margin: 14px 0px;
  cursor: pointer;
}
.login-form input {
  border: 1px solid#0000004a;
  padding: 15px 13px;
}
div#login-form-height {
  margin-top: 50px;
}

#secret3 {
  display: none;
}

/***signup****/

.signup1 {
  width: 49%;
}
.sign-up-flex {
  display: flex;
  justify-content: space-between;
}

/***profile****/

.register-profile,
.favourite-profile {
  box-shadow: 0 16px 36px 0 rgb(167 195 213 / 20%);
  border-radius: 7px;
  font-family: "Open Sans", sans-serif;
  margin: 58px auto;
  border: 4px solid #8712cd;
  padding: 38px 63px;
  /*background: linear-gradient(45deg, #311043, #8712cd6e);*/
}
h2#register__title {
  text-align: center;
  margin-bottom: 27px;
  font-size: 32px;
  font-weight: bold;
}
form#user_update label {
  margin: 23px 0 7px 0;
  text-align: left !important;
  width: 100%;
  font-weight: 600;
}
#user_update input,
#user_update select {
  border: 1px solid#0000004a;
  padding: 15px 13px;
}
#user_update select {
  height: 56px;
}

form#user_update_u label {
  margin: 23px 0 7px 0;
  text-align: left !important;
  width: 100%;
  font-weight: 600;
}
#user_update_u input,
#user_update_u select {
  border: 1px solid#0000004a;
  padding: 15px 13px;
}
#user_update_u select {
  height: 56px;
}

form#pouch_update label {
  margin: 23px 0 7px 0;
  text-align: left !important;
  width: 100%;
  font-weight: 600;
}
#pouch_update input,
#pouch_update select {
  border: 1px solid#0000004a;
  padding: 15px 13px;
}
#pouch_update select {
  height: 56px;
}

form#pouch_update_u label {
  margin: 23px 0 7px 0;
  text-align: left !important;
  width: 100%;
  font-weight: 600;
}
#pouch_update_u input,
#pouch_update_u select {
  border: 1px solid#0000004a;
  padding: 15px 13px;
}
#pouch_update_u select {
  height: 56px;
}

form#transfer_mgmt label {
  margin: 23px 0 7px 0;
  text-align: left !important;
  width: 100%;
  font-weight: 600;
}
#transfer_mgmt input,
#transfer_mgmt select {
  border: 1px solid#0000004a;
  padding: 15px 13px;
}
#transfer_mgmt select {
  height: 56px;
}

form#transfer_mgmt_u label {
  margin: 23px 0 7px 0;
  text-align: left !important;
  width: 100%;
  font-weight: 600;
}
#transfer_mgmt_u input,
#transfer_mgmt_u select {
  border: 1px solid#0000004a;
  padding: 15px 13px;
}
#transfer_mgmt_u select {
  height: 56px;
}

.register__box li {
  display: flex;
}

form#rst_pass label {
  margin: 23px 0 7px 0;
  text-align: left !important;
  width: 100%;
  font-weight: 600;
}
#rst_pass input,
#rst_pass select {
  border: 1px solid#0000004a;
  padding: 15px 13px;
}
#rst_pass select {
  height: 56px;
}
.register__box li {
  display: flex;
}

input#imageInput21 {
  display: none;
}

label.image-button21 {
  display: block !important;
  position: absolute;
  bottom: -1px;
  left: 46%;
  right: 50%;
  width: 30px;
  border-radius: 20px;
  font-size: 12px;
  height: 29px;
}
.img-iconmg {
  width: 50%;
  overflow: hidden;
  border: solid 1px #cbcbcb;
  width: 210px;
  height: 200px;
  display: flex;
  text-align: center;
  position: relative;
  padding: 10px;
  border-radius: 100px;
  background: #a8a9ad;
}
.up-date-button {
  text-align: center;
}

.up-date-button button {
  border-radius: 6px;
  background: #8712cd;
  padding: 15px 25px;
  width: 30%;
  border: 1px solid#8712cd;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 18px;
}
.favconf-button a {
  border-radius: 6px;
  background: #8712cd;
  padding: 15px 25px;
  width: 33%;
  border: 1px solid#8712cd;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
}
.favconf-button a:hover {
  color: #fff;
}
.img-iconmg i {
  color: #8712cd;
  font-size: 18px;
}

/*-- Create pouch page stylesheet --*/

.login-form2 ul {
  padding: 0;
  text-align: left;
}
.login-form2 li {
  display: block;
}
.pouch-content p {
  font-size: 20px;
  font-weight: 600;
}

.pouch-content h3 {
  font-size: 2.5rem;
  font-weight: 500;
}
.login-form2 h5 {
  font-size: 19px;
  text-align: left;
  font-weight: 600;
}
.pouch-content img {
  width: 55%;
}

.login-form2 {
  box-shadow: 0 16px 20px 0 rgb(78 79 80 / 65%);
  border-radius: 7px;
  font-family: "Open Sans", sans-serif;
  width: 32%;
  text-align: center;
  margin: 0 auto;
  border: 1px solid#00000061;
  padding: 35px 26px;
}

/* Coin Page */
.percentage1 img {
  width: 45%;
}
.percentage1simon img {
  width: 45%;
}
.lockicon4 button {
  border: 1px solid#3010425e;
  border-radius: 39px;
  /* width: 100%; */
  padding: 6px 8px;
  margin: 0;
  text-align: center;
  background: #d3d3d3;
  color: #fff;
}
.lockicon1 button {
  margin: 0 4px;
  border: unset;
  background: unset;
}
.lockicon1 button:focus {
  outline: unset !important;
}
.lockicon1 i {
  border: 1px solid#3010425e;

  border-radius: 39px;
  width: 100%;
  padding: 6px 8px;
  margin: 0;
  text-align: center;
  color: #301042;
}
.percentage1 {
  background: #d3d3d370;
  border-bottom: 3px solid#301042;
  display: flex;
  justify-content: space-between;
  padding: 15px 14px 10px 14px;
}
.percentage1simon {
  background-color: #d3d3d370;
  background-image: url("../images/z.png");
  border-bottom: 3px solid#301042;
  display: flex;
  justify-content: space-between;
  padding: 15px 14px 10px 14px;
}
.lockicon p {
  margin: 0;
  color: #cb00ff;
  font-weight: bold;
}
.coin-wrap h5 {
  background: #ff8100;
  border-radius: 50px;
  display: block;
  width: 100px;
  height: 100px;
  text-align: center;
  color: #ffffff;
  text-align: center;
  padding: 31px;
  margin: 20px auto;
  font-size: 30px;
  font-weight: bold;
}

.coin-wrap {
  text-align: center;
  border: solid 1px #888888;
  border-radius: 10px;
  padding: 16px 20px;
  margin: 10px;
}
.coin-wrap li {
  font-weight: bold;
}
.coin-wrap ul {
  padding: unset;
  margin: unset;
  list-style: none;
}
.add-remove i {
  border: 1px solid#3010425e;
  box-shadow: inset 2px 5px 10px rgb(0 0 0 / 0%),
    inset -2px -5px 10px rgb(255 255 255), 2px 6px 10px rgb(0 0 0 / 5%),
    3px 0px 3px rgb(0 0 0 / 3%);
  border-radius: 39px;
  width: 100%;
  padding: 6px 0;
  margin: 5px auto;
  text-align: center;
  color: #301042;
}
.add-remove button {
  outline: unset !important;
}
.add-remove {
  width: 65%;
  display: grid;
}
.add-remove i.fa.fa-plus {
  font-size: 23px;
}
.add-remove i.fa.fa-minus {
  font-size: 23px;
}
.lock-mg img {
  width: 15%;
  float: right;
}
.add-remove i.fa.fa-times {
  font-size: 23px;
}
.drop li span {
  font-weight: 400;
}

.drop li {
  font-weight: bold;
  display: block;
  color: #301042;
}
.add-remove img {
  border: 1px solid#3010425e;
  cursor: pointer;
  width: 35%;
  margin: -18px auto 11px auto;
  box-shadow: inset 2px 5px 10px rgb(0 0 0 / 0%),
    inset -2px -5px 10px rgb(255 255 255), 2px 6px 10px rgb(0 0 0 / 5%),
    3px 0px 3px rgb(0 0 0 / 3%);
  border-radius: 30px;
  padding: 4px 10px;
}
.coin-wrap li span {
  font-weight: 400;
  display: inline-block;
}
.lock-mg p {
  float: left;
}
.coin-btn {
  margin-bottom: 10px;
  width: 100%;
  background: #301042;
  border: unset;
  font-weight: bold;
}

/* Vault Page */
.vault-wrap ul {
  list-style: none;
  padding: unset;
  margin: unset;
}
.vault-wrap {
  border: solid 1px #888888;
  border-radius: 15px;
  padding: 20px;
  width: 40%;
  margin: 20px auto;
}
.vault-wrap li span {
  font-weight: bold;
  display: inline-block;
  width: 180px;
}

/***Trade buy****/
.lockicon1 {
  text-align: right;
  width: 83%;
}
.lockicon {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.percentage1 img {
  width: 23%;
  margin: 0 0 0 11px;

  border-radius: 33px;
}
.percentage1simon img {
  width: 23%;
  margin: 0 0 0 11px;

  border-radius: 33px;
}
.lock-mg p {
  max-width: 64px;
  width: 100%;
  transform: rotate(-20deg);
  top: 9px;
  left: 7px;
  position: absolute;
  padding: 23px 4px;
  float: left;
  border-radius: 67px;
  background: #301042;
  color: #fff;
  font-weight: bold;
  background: #a104e3;
  font-size: 10px;
  text-align: center;
}
.lock-mg {
  position: relative;
}
.drop {
  padding: 5px 8px;
  position: relative;
  justify-content: center;
  align-items: flex-start;
  transition: 0.5s ease-in-out;
  margin: 0 !important;
}
.bagbox-trade {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0 0;
}

.id-amt {
  height: 100%;
  padding-bottom: 0px;
  border-radius: 7px;
  border: 1px solid#301042;
  display: inline-block;
  position: relative;
  width: 330px;
  align-items: center;
  box-shadow: inset 20px 20px 20px rgb(255 255 255 / 5%),
    25px 35px 20px rgb(70 70 70 / 5%), 25px 30px 30px rgb(255 255 255 / 5%),
    inset -20px -20px 25px rgb(255 255 255 / 90%);
  transition: 0.5s ease-in-out;
}
 .buyid-amt {
  height: 100%;
  padding-bottom: 0px;
  border-radius: 7px;
  border: 1px solid#301042;
  display: inline-block;
  position: relative;
  width: 330px;
  align-items: center;
  box-shadow: inset 20px 20px 20px rgb(255 255 255 / 5%),
    25px 35px 20px rgb(70 70 70 / 5%), 25px 30px 30px rgb(255 255 255 / 5%),
    inset -20px -20px 25px rgb(255 255 255 / 90%);
  transition: 0.5s ease-in-out;
}

/**.drop:nth-child(1) {
  border-radius: 49% 51% 70% 30% / 30% 30% 70% 70%;
}**/

/**.drop:nth-child(2) {
  border-radius: 49% 51% 41% 59% / 52% 30% 70% 48%;
}
**/
/**.drop:nth-child(3) {
  border-radius: 76% 24% 40% 60% / 40% 69% 31% 60%;
}**/

img.coin_img-aug27 {
  width: 57%;
}
.drop .content {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  text-align: center;
}

.drop .content h2 {
  border: 1px solid;
  position: relative;
  width: 80px;
  height: 80px;
  background: #eff0f4;
  border-radius: 50%;
  box-shadow: inset 2px 5px 10px rgb(255 255 255 / 10%),
    inset -2px -5px 10px rgb(255 255 255), 15px 15px 10px rgb(255 250 250 / 5%),
    15px 10px 15px rgb(255 255 255 / 3%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  color: #301042;
  margin: 15px auto;
}
.add-remove button {
  cursor: pointer;
  width: 29%;
  margin: 0 auto;
  border: unset;
  background: unset;
}
.drop .content a {
  border-radius: 25px;
  font-weight: 500;
  text-decoration: none;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  transition: 0.5s;
}

.drop .content a:hover {
  cursor: pointer;
  opacity: 1;
}

.lespc11-img img {
  width: 95%;
}
/* .coner-shp #image_coin {
  width: 85%;
} */

.drop li {
  display: block;
  margin-top: 6px;
}
li.bottomCard-img img {
    height: 45px;
    width: 45px;
    object-fit: contain;
}
li.bottomCard-img {
    margin-top: 10px;
}

.drop ul {
  padding: 0;
  margin: 0;
}

.lockicon1 i.fa.fa-minus {
  background: #ff7900;
  color: #fff;
}
.lockicon1 i.fa.fa-plus {
  color: #fff;
  background: #0eb40e;
}

.lockicon1 i.fa.fa-times {
  background: #e30808;
  color: #fff;
}

img#lock_coin {
  cursor: pointer;
}

img#zlock_coin {
  cursor: pointer;
}
img#mzlock_coin {
  cursor: pointer;
}

.lock_icon {
  background-color: #d3d3d3 !important;
}
.lockicon4 i {
  background: unset !important;
}
.lockicon4 button:focus {
  outline: unset !important;
}
/***tabs****/

/* Style the buttons inside the tab */

.tab button {
  color: #301042;
  background-color: inherit;
  border: 1px solid#321245;
  margin: 0 5px;
  border-radius: 45px;
  outline: none;
  cursor: pointer;
  padding: 4px 25px;
  transition: 0.3s;
  font-size: 14px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  border: 1px solid#301042 !important;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #301042;
  color: #fff;
  border-radius: 47px;
  font-weight: 600;
}

/* Style the tab content */
.gz-wrap {
  margin-top: 51px;
}

.tabcontent {
  display: none;
}
.tab h3 {
  color: #311144;
}

button#end_sl {
  padding: unset;
  border: unset;
  font-size: 39px;
  font-weight: 400;
  color: #321145;
}
.tab {
  margin-top: 1rem;
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid#311143;
  padding-bottom: 16px;
}
.tab-no-border {
  margin-top: 1rem;
  text-align: center;
  overflow: hidden;
  padding-bottom: 16px;
}
.trade-box {
  margin: 30px 0;
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  /* justify-content: center; */
}
.tradebox-coin {
    justify-content: center;
}
div#gzzpzmz button {
  padding: 12px 0;
  width: 4%;
}

.active_coin {
  background-color: #301042 !important;
  color: #fff !important;
  border-radius: 47px;
  font-weight: 600;
}

.tab .btn-info.focus,
.btn-info:focus {
  box-shadow: unset !important;
}

.tab label {
  color: #301042;
  background-color: inherit;
  border: 1px solid#321245;
  margin: 0 5px;
  border-radius: 45px;
  outline: none;
  cursor: pointer;
  padding: 4px 25px;
  transition: 0.3s;
  font-size: 14px;
}

/* Trade Page Stylesheet */
.trade-btnbx {
  max-width: 300px;
  margin: 0px auto;
}
div#coin-result {
  margin-top: 30px;
}

.tbl_trade {
  box-shadow: 0 16px 20px 0 rgb(78 79 80 / 65%);
  border-radius: 7px;
  font-family: "Open Sans", sans-serif;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  border: 1px solid#00000061;
  padding: 35px 26px;
  margin-top: 30px;
}

div#myTable_filter {
  display: none;
}

div#myTable_length {
  display: none;
}

i#plus_dt {
  color: #301042;
  font-size: 20px;
  cursor: pointer;
}

i.ry_btn {
  color: #fff;
  padding: 10px 15px;
  cursor: pointer;
}

i.del_btn {
  background-color: #f01818;
  color: #fff;
  padding: 10px 15px;
  cursor: pointer;
}

p#c_state {
  color: #fff;
  background-color: #301042;
  text-align: center;
  padding: 8px 19px;
  font-weight: 600;
}

.trade_mdl .modal-body {
  line-height: 40px;
  text-align: left;
}

button#rply_btn {
  padding: 8px 60px;
  background-color: #301042;
  color: #fff;
}

img.rcoin_img {
  width: 35px;
}

/* #ttl_sum li:nth-child(2) {
  position: absolute;
  right: 54px !important;
  left: unset;
} */

/***user view****/

.vlt_room_main h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 14px;
}
.vlt_room {
  text-align: center;
  padding: 20px;
  box-shadow: 0 16px 36px 0 rgb(167 195 213 / 20%);
  border: 1px solid#dfe9f0;
  border-radius: 20px;
  width: 28%;
}
.vltcoll_room {
  text-align: center;
  padding: 20px;
  box-shadow: 0 16px 36px 0 rgb(167 195 213 / 20%);
  border: 1px solid#dfe9f0;
  border-radius: 20px;
}
.vltcoll_room img {
  width: 35%;
  height: 100%;
  /* height: 161px; */
  object-fit: contain;
}
.vlt_room_coll h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 14px;
  margin-top: 15px;
}
.vlt_room img {
  width: 57%;
  height: 161px;
  object-fit: contain;
}
.vlt_room_main {
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
}
.vltusr_room_main {
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
}
.usrvlt {
  width: 28%;
}
.vlt_uroom {
  text-align: center;
  padding: 20px;
  box-shadow: 0 16px 36px 0 rgb(167 195 213 / 20%);
  border: 1px solid#dfe9f0;
  border-radius: 20px;
}
.vlt_uroom img {
  width: 57%;
  height: 161px;
  object-fit: contain;
}
.vltusr_room_main h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 14px;
  margin-top: 14px;
}
.vlt_room_coll {
  max-width: 394px;
  text-align: center;
  width: 28%;
}
.pouch {
  text-align: center;
  padding: 20px;
  box-shadow: 0 16px 36px 0 rgb(167 195 213 / 20%);
  border: 1px solid#dfe9f0;
  border-radius: 20px;
  width: 28%;
}
.send {
  text-align: center;
  padding: 20px;
  box-shadow: 0 16px 36px 0 rgb(167 195 213 / 20%);
  border: 1px solid#dfe9f0;
  border-radius: 20px;
  width: 28%;
}
.pouch_send {
  display: flex;
  margin: 0 auto;
  width: 100%;
  justify-content: center;
  gap: 30px;
  margin-top: 41px;
  margin-bottom: 41px;
}
.pouch_send img {
  width: 60%;
  height: 161px;
  object-fit: contain;
}
/* div#vlt_mg_room img {
  object-fit: cover;
 width: 100%;
} 
*/
.switch_to img {
  border: 40px;
  width: 30%;
  height: 96px;
  object-fit: contain;
}

.switch_to {
  width: 30%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.pouch_send h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 14px;
  margin-top: 15px;
}
.switch_to a {
  font-size: 16px;
  width: 88%;
  border-radius: 6px;
  background: #301042;
  padding: 12px 0;
  color: #fff !important;
  font-family: "Open Sans", sans-serif;
  text-decoration: none;
  font-weight: bold;
  display: block;
  margin-top: -68px;
}
.user_view {
  margin: 5rem 0 5rem 0;
}
div#trnstn img {
  width: 100%;
}
.vlt_rm h3 {
  font-size: 32px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  color: #2f1042;
}

.vlt_rm {
  text-align: center;
  border-bottom: 1px solid#311144;
  margin-bottom: 38px;
}

.vlt_rm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}
.vault-shrt {
  text-align: right;
  width: 30%;
  display: flex;
  justify-content: end;
}
.vlst {
  width: 30%;
  text-align: center;
}
.vault-shrt p,
.swtch-shrt p {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}
.swtch-shrt {
  width: 30%;
  text-align: left;
  display: flex;
  gap: 15px;
}
.vault-shrt img {
  width: 40px;
  height: 40px;
  border: 2px solid #000;
  padding: 4px;
}
.swtch-shrt img {
  width: 40px;
  height: 40px;
  border: 2px solid #000;
  padding: 4px;
}
.swmode {
  text-align: center;
}
.backhr {
  text-align: center;
}
.collt-onsec {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: center;
  justify-content: center;
  margin-top: 4rem;
}
.vaul-mob {
  display: none;
}

.vault-shrt-usr {
  text-align: right;
  width: 30%;
  display: flex;
  justify-content: end;
}
.vault-shrt-usr img {
  width: 40px;
  height: 40px;
  border: 2px solid #000;
  padding: 4px;
}
.vault-shrt-usr p,
.swtch-shrt-usr p {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}
.swtch-shrt-usr {
  width: 30%;
  text-align: left;
  display: flex;
  gap: 15px;
}
.back-usrhr {
  text-align: center;
}
.swtch-shrt-usr img {
  width: 40px;
  height: 40px;
  border: 2px solid #000;
  padding: 4px;
}
.swmode-usr {
  text-align: center;
}
.vaul-umob {
  display: none;
}
.vlt_usrm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  text-align: center;
  border-bottom: 1px solid #311144;
  margin-bottom: 38px;
}

.user_view a {
  color: #000;
  text-decoration: none;
}
.register-profile a {
  font-size: 16px;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  display: inline-block;
  border-radius: 6px;
  background: #8712cd;
  padding: 10px 25px;
  width: 48%;
  border: 1px solid#8712cd;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  margin-left: 5px;
}
.butn-bxbt {
  margin-top: 10px;
}
h5.choose-hed {
  font-size: 1rem;
  font-weight: 600;
  color: #000;
  width: 100%;
}
.butn-bxbt select {
  padding: 8px 10px;
  height: 40px !important;
  font-size: 15px;
  width: 250px;
}
input#user_pouch5 , select#pouchSelect , #user_pouch , #custom_val , input#peer_pouch_idd {
    height: 40px;
    padding: 8px 10px;
    font-size: 15px;
    width: 250px;
}
input#user_pouch5::placeholder , #user_pouch::placeholder , #custom_val::placeholder , input#peer_pouch_idd::placeholder {
    color: #495057;
    font-size: 15px;
    font-weight: 400;
}
.userNote {
    margin-top: 20px;
}
 #custom_val {
  border: 1px solid #ced4da;
    border-radius: 5px;
 }
i.fa.fa-eye.seen {
  font-size: 21px;
  color: #311144;
}

i.fa.fa-search.seen {
  font-size: 40px;
  color: #311144;
}

#coinModal1 label {
  border: 2px solid #ffffff00;
  box-shadow: 0px 0px 8px #ffffff00;
  border-radius: 7px;
  margin: 32px 25px;
}

ul.recevTotal li , ul.sytotl li , ul.simoneyTotal li {
    width: 50%;
}
ul#ttl_sum li , ul.updateRecev li , .replyTotl li {
    width: 50%;
}


/* coined  page stylesheet */

.container.coined button {
  margin-bottom: 50px;
  color: #fff;
  background: #301042;
  border: unset;
  font-weight: bold;
  border: 1px solid #321245;
  margin: 0 5px;
  outline: none;
  cursor: pointer;
  padding: 4px 25px;
  transition: 0.3s;
  font-size: 14px;
}
.container.coined {
  margin-bottom: 67px;
  max-width: 655px;
  margin-top: 67px;
  border: 1px solid #301042;
  padding: 20px;
  border-radius: 6px;
}
.container.coined p {
  font-size: 15px;
  margin: 8px 0;
}
.upload {
  &__box {
    padding: 40px;
  }
  &__inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
  }

  &__btn {
    display: inline-block;
    font-weight: 600;
    color: #fff;
    text-align: center;
    min-width: 116px;
    padding: 5px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px solid;
    background-color: #4045ba;
    border-color: #4045ba;
    border-radius: 10px;
    line-height: 26px;
    font-size: 14px;

    &:hover {
      background-color: unset;
      color: #4045ba;
      transition: all 0.3s ease;
    }

    &-box {
      margin-bottom: 10px;
    }
  }

  &__img {
    &-wrap {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -10px;
    }

    &-box {
      width: 200px;
      padding: 0 10px;
      margin-bottom: 12px;
    }

    &-close {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 10px;
      right: 10px;
      text-align: center;
      line-height: 24px;
      z-index: 1;
      cursor: pointer;

      &:after {
        content: "\2716";
        font-size: 14px;
        color: white;
      }
    }
  }
}

.img-bg {
  width: 20%;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 21%;
}
.upload__img-close i {
  color: #ca0000;
}
input.upload__inputfile {
  display: none;
}

.hello img {
  width: 14%;
}
.hello {
  display: flex;
  align-items: center;
}
.hello ul {
  list-style-type: none;
  margin: 0;
}

/************* Buy page stylesheet *****************/

.buy-btns {
  text-align: center;
  border-bottom: 1px solid #311143;
  padding-bottom: 16px;
}

.buy-btns button {
  border: 1px solid #311144;
  color: #311144;
  padding: 6px 21px;
  border-radius: 5px;
  font-weight: 500;
  cursor: pointer;
  background: unset;
}

.hie button {
  margin-bottom: 13px;
  display: inline-block;
  width: 93px;
}

.bidd {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.bidd input {
  font-weight: 500;
  font-size: 12px;
  width: 56%;
}

.bidd button {
  width: 40%;
  margin: 0px !important;
}

.hie button a {
  color: #fff;
  opacity: 100% !important;
}

span.red {
  text-decoration: line-through;
  color: red;
  margin-right: 5px;
  font-weight: 700 !important;
}

.rest-amt {
  height: 100%;
}

#rest-amt111 {
  height: 100%;
}

p.counter {
  font-size: 14px;
}

.lockicon4 {
  text-align: right;
  width: 83%;
}

#buy_sync {
  border: unset;
  background: #311144;
  color: #fff;
  padding: 6px 21px;
  border-radius: 5px;
  font-weight: 500;
  cursor: pointer;
}

.buyul {
  width: 100%;
  align-items: center;
  text-align: right;
}

.buyul li {
  /* text-align: center; */
  /* display: inline-block !important; */
  width: 50%;
}
.snyulx .buysyc {
    text-align: start;
}
span.static_ttl {
  font-size: 13px;
  border: unset;
  background: #c8c8c8;
  color: #000;
  padding: 6px 6px;
  text-align: center;
  border-radius: 5px;
  font-weight: 500;
  cursor: pointer;
  /* display: block; */
  margin-left: 10px;
}

.login-form2 h6 {
  margin-top: 20px;
}

.login-form2 h6 a {
  text-decoration: none;
}

li.product1 a {
  text-decoration: none;
  color: #fff;
}

/*---------------- support page stylesheet ---------------*/

.red-trash i {
  color: red;
  font-size: 20px;
}

.container.support {
  padding: 66px;
  width: 50%;
  border: 1px solid black;
  margin: 150px auto;
  text-align: center;
}

/********* market page CSS styles *********/

.marketpage li {
  display: block;
  background: #99d9ea;
  padding: 0px 13px;
  margin: 6px 0;
  font-size: 18px;
  font-weight: 500;
  height: 62px;
  border: 1px solid #000;
  text-transform: uppercase;
}
.marketpage {
  text-decoration: none;
  max-width: 453px;
  margin: 0 auto;
  display: flex;
  height: 100vh;
  align-items: center;
}
ul {
  padding: 0;
}
ul.inline-box img {
  width: 74px;
  height: 100%;
  object-fit: contain;
}
ul.inline-box li {
  display: inline-block;
  padding: 0;
  margin: 0;
  height: 100%;
  vertical-align: sub;
  background: unset;
  border: unset;
}
ul.inline-box li:first-child {
  width: 60%;
  height: unset;
}
ul.inline-box li:nth-child(2) {
  width: 20%;
  vertical-align: top;
}
ul.inline-box li:last-child img {
  width: 35px;
  height: 100%;
  object-fit: contain;
}
ul.inline-box li input:focus-visible {
  outline: unset;
}
ul.inline-box li:last-child {
  width: 18%;
  text-align: right;
  border-left: 1px solid;
  vertical-align: top;
}
.marketpage a {
  text-decoration: none;
  color: #000;
  height: 100%;
  display: block;
}
ul.inline-box {
  height: 100%;
  align-items: center;
  display: flex;
}
ul.inline-box li input {
  height: 25px;
  border: 1px solid;
  padding: 0 5px;
}
li.input-fld ul li {
  padding: 0 !important;
}

li.input-fld {
  margin-bottom: 35px;
}

/* image page stylesheet */

.c_imgs {
  float: unset !important;
}
.c_imgs img {
  margin-bottom: 10px;
  width: 212px;
}

.store-setup tr td:first-child {
  width: 160px;
}
.store-setup tr td:nth-child(2) {
  width: 150px;
}
.store-setup tr td:nth-child(3) {
  width: 80px;
}
.store-setup tr td:nth-child(4) {
  width: 160px;
}
.store-setup tr td:last-child {
  text-align: center;
}
.store-setup tr th:last-child {
  text-align: center;
}
.store-setup i {
  color: red;
  font-size: 20px;
  padding-top: 7px;
}
.store-setup input {
  width: 100%;
  border: 1px solid #cdcdcd;
  padding: 6px 4px;
  border-radius: 5px;
  font-size: 14px;
}
.store-setup {
  border: 1px solid #2f0f42;
  padding: 30px !important;
  margin-top: 30px;
  border-radius: 6px;
}
.store-setup th {
  background: #301043;
  color: #fff;
  font-weight: 600;
  vertical-align: top !important;
}
.store-setup td {
  border: unset;
}

.store-setup input[type="date"] {
  width: 140px;
}
.store-setup input[type="datetime-local"],
.store-setup input[type="month"],
.store-setup input[type="time"] {
  width: 120px;
}
.store-setup .table td,
.store-setup .table th {
  padding: 0.75rem 0.6rem;
}
.store-setup .table th {
  font-size: 15px;
}

table.table {
  margin: 0;
}
table.tableHistory {
  margin: 0;
  margin-top: 3rem;
  white-space: nowrap;
}

.apply-cncl button {
  background: #311044;
  padding: 4px 25px;
  color: #fff;
  border: unset;
  border-radius: 4px;
  font-weight: 500;
  margin: 43px 0 0 0;
  cursor: pointer;
}
.apply-cncl {
  text-align: center;
}
#promo_table input[type="date"] {
  width: 115px !important;
}
#promo_table input[type="datetime-local"],
#promo_table input[type="month"],
#promo_table input[type="time"] {
  width: 95px !important;
}
#promo_table tr td:first-child {
  width: 175px;
}
#promo_table tr td:nth-child(2) {
  width: 130px;
}
#promo_table tr td:nth-child(6) {
  width: 125px;
}
#promo_table tr td:nth-child(4) {
  width: 140px;
}
#promo_table tr td:nth-child(3),
#promo_table tr td:nth-child(5) {
  width: 73px;
}
#promo_table tr th:nth-child(5) {
  word-wrap: break-word;
  white-space: normal;
  overflow-wrap: anywhere;
}

#h_text:before {
  content: "";
  height: 2px;
  background-color: #979797;
  display: block;
  width: 70px;
}
#h_text:after {
  content: "";
  height: 2px;
  background-color: #979797;
  display: block;
  width: 100%;
}
#h_text1:before {
  content: "";
  height: 2px;
  background-color: #979797;
  display: block;
  width: 70px;
}
#h_text1:after {
  content: "";
  height: 2px;
  background-color: #979797;
  display: block;
  width: 1020px;
}

.rewads-img img {
  width: 45px;
  margin-left: 3px;
}
.menu-toggle {
  display: none;
}
 .bagtblox {
    align-items: center;
 }
 ul.recevATotal li {
    width: 50%;
}

.menu-toggle {
  font-size: 24px;
  cursor: pointer;
}

.topsd-logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 10px;
}

.loginfo a {
  color: #fff;
  margin-right: 15px;
}

.off-canvas {
  position: fixed;
  top: 0;
  left: -100%;
  width: 70%;
  height: 100%;
  background: linear-gradient(45deg, #1d042a, #3d1853);
  color: #fff;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
  transition: left 0.5s ease;
  z-index: 1000;
}
.off-canvas.open {
  left: 0; /* Slide into view */
}
.clse-btn {
  font-size: 30px;
  cursor: pointer;
  text-align: right;
}

.off-canvas ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 20px;
}

.off-canvas ul li {
  padding: 10px 20px;
  border-bottom: 1px solid #555;
}

.off-canvas ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  display: block;
}

/* Optional hover effect */
.off-canvas ul li:hover {
  background-color: #8712cd;
}
.product1 .optnmenu li a {
  color: #000;
  padding: 8px 15px;
  background-color: #fff;
}
.product1 .optnmenu li {
  margin: 0;
}

.toid {
  display: flex;
  align-items: center;
  gap: 10px;
}
.amnt-pric {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sendfld {
  margin: 10px 0;
}
.toid label,
.amnt-pric label {
  margin: 0;
}

/* concept pouch */
.cncptoch {
  display: flex;
  align-items: center;
  gap: 20px;
}
.pcnt ul {
  padding-left: 20px;
}

/*coins*/
.lesspc {
  text-align: center;
}
/* .lesspc img,
.tranc-dtil img,
.sMnyc img {
  width: 75%;
} */
/* .bagcn #image_coin {
  width: 75%;
} */
.bag-dvrsfy img,
.send-digm img {
  width: 75%;
}
.storeid-mt {
  height: auto;
}
.storsdimg #image_coin {
  width: 100%;
  height: 290px;
}
.stor-cnt {
  padding-right: 10px;
}
.strform {
  margin-bottom: 0;
}
.sndrvcr img {
  width: 72%;
}

/* end coins */

.faq-supprt h2 {
  margin-bottom: 25px;
}
button.btn-accord {
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  padding: 10px 25px;
  font-size: 20px;
  cursor: pointer;
  transition: background-color 0.2s linear;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(167, 195, 213, 0.24);
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 16px 2rem 0 rgb(167 194 213 / 20%);
  margin: 14px 0;
  font-family: Nunito, sans-serif;
  color: #133b57;
  font-weight: bold;
}
button.btn-accord:after {
  content: "\f067";
  font-family: "fontawesome";
  font-size: 18px;
  float: right;
}
.acord-cont {
  background-color: white;
  border-left: 1px solid whitesmoke;
  border-right: 1px solid whitesmoke;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
}
.earn-rewards121 p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
}
.faq-answr {
  padding: 20px;
}

.vltst {
  text-align: center;
}

table#myTransaction th {
  white-space: nowrap;
}
.market-seclast {
  display: flex;
  align-items: center;
}

.fav-register-profile {
  box-shadow: 0 16px 36px 0 rgb(167 195 213 / 20%);
  border-radius: 7px;
  font-family: "Open Sans", sans-serif;
  margin: 58px auto;
  border: 4px solid #8712cd;
  padding: 38px 63px;
}
.findfav-btn a {
  border-radius: 6px;
  background: #8712cd;
  padding: 8px 20%;
  border: 1px solid#8712cd;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
}
.favourt-addt {
  align-items: center;
}
div#cancelbutton {
  text-align: center;
}
div#cancelbutton button {
  border-radius: 6px;
  background: #8712cd;
  padding: 10px;
  width: 40%;
  border: 1px solid#8712cd;
  font-weight: bold;
  font-size: 18px;
}
div#cancelbutton button a {
  color: #fff;
  text-decoration: none;
}

.dsgnlist,
.conceptbg,
.concpt-mnt,
.stamp-cont,
.market-cont,
.conceptvww,
.conceptrad,
.concept-puch {
  padding: 2px 6px 4px 6px;
  color: #555555;
  background-color: #eeeeee;
  border: #dddddd 2px solid;
}
.conceptbg h2 {
  margin-bottom: 20px;
}
.tablebord {
  border: #000000 2px solid;
}
.rewadimg {
  width: 140px;
  height: 80px;
  object-fit: contain;
}
.billrate-img {
  width: 80px;
  height: 80px;
  margin-top: 15px;
}


.favbxbt {
    margin: 0;
}
.favbxbt select {
    height: 35px !important;
    padding: 3px 6px;
    font-size: 14px;
}
.umbpghd h3 {
    font-size: 32px;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
    color: #2f1042;
}

.bstoremodal {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgba(0, 0, 0, 0.4); /* Black with opacity */
  justify-content: center; /* Horizontally center */
  align-items: center;
  overflow: auto;
}
/* .bmodal-storecont {
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 60%; 
  position: relative;
  border-radius: 8px;
  text-align: center;
} */
 .bmodal-storecont {
    width: 600px;
}
.bmodal-storecont .modal-content {
    padding: 30px;
}
.tradebuybox {
  justify-content: center;
  text-align: center;
  margin: 0;
}
.buyclose,
.buyfclose {
  color: #666;
  font-size: 22px;
  position: absolute;
  top: 15px;
  right: 25px;
  font-family: sans-serif;
}

.buyclose:hover,
.buyclose:focus,
.buyfclose:hover,
.buyfclose:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.amntrans-section {
  display: flex;
  gap: 5px;
  align-items: end;
  margin: 25px 0 10px;
}
.minselct {
  width: 33%;
}
.minselct input {
  width: 100%;
}
.allbtn-cryp {
  display: flex;
  gap: 5px;
  margin-bottom: 10px;
}
.allbtn-cryp button {
  width: 33%;
  font-size: 14px;
}
.allbtn-cryp button a {
  color: #fff !important;
}
.invalid-reset {
  color: #ff0000;
}

/* new */
img.newcoin-stup-before {
  width: 180px;
  object-fit: contain;
}
img.newcoin-stup {
  width: 100%;
}
.newside-tranc,
.newside-tranc-hgt,
.newside-trancoin {
  text-align: center;
}
.newside-tranc img {
  width: unset !important;
  height: 165px;
}
.newside-tranc li {
  margin-bottom: 10px;
}
.newside-tranc li span,
.newside-trancoin li span {
  display: block;
}
.newside-tranc-hgt img {
  width: unset !important;
  height: 128px;
  margin-top: 5px;
}
.newside-tranc-hgt li button {
  font-size: 15px;
  padding: 4px;
  margin-top: 10px !important;
  margin-bottom: 0;
}

.newside-trancoin img {
  height: 45px;
  margin-top: 5px;
  width: unset;
}










/* responsive start */

@media (max-width: 340px) {
  div#coinModal label {
    margin: 15px 0 !important;
  }
  .sndrvcr #image_coin {
    width: 100%;
    height: 125px;
  }
  .lesspc #image_coin {
    width: 100% !important;
    height: 90px;
  }
  .newside-tranc img {
    width: unset !important;
    height: 90px !important;
  }
  .trade_coin_inline label {
    padding: 4px 0px !important;
    width: 18% !important;
  }
  .storsdimg #image_coin {
    height: 185px !important;
  }
  .bagcn #image_coin {
    height: 135px;
  }
  .bag-dvrsfy #image_coin {
    width: 90% !important;
  }
  .sent_rec_btns label {
    margin-bottom: 10px;
  }
  .sMnyc #image_coin,
  .send-digm #image_coin {
    width: 100%;
    height: 130px;
  }
}
@media (min-width: 340px) and (max-width: 420px) {
  .newside-tranc img {
    width: unset !important;
    height: 130px;
  }
}
@media (min-width: 420px) and (max-width: 480px) {
  .newside-tranc img {
    width: unset !important;
    height: 160px !important;
  }
}
@media (min-width: 480px) and (max-width: 580px) {
  /* .coner-shp #image_coin {
    width: 95%;
  } */
  .newside-tranc img {
    width: unset !important;
    height: 180px !important;
  }
}

@media (max-width: 480px) {
  .bagbox-trade label {
    width: 100%;
}
  .newside-tranc img {
    width: unset !important;
    height: 135px !important;
  }
  .newside-tranc-hgt img {
    height: 95px !important;
  }
  .newside-trancoin img {
    height: 40px !important;
    width: unset !important;
  }
  /* coins */

  .updtpdd {
    padding-bottom: 10px;
  }
  button#end_sl {
    font-size: 26px;
  }
  .trade_coin_inline label {
    padding: 6px 0px;
    width: 14%;
  }
  .tab label {
    padding: 4px 10px;
    font-size: 13px;
    margin-bottom: 10px;
  }
  label.tog_run input[switch] + label {
    font-size: 14px;
    width: 5.7rem;
    height: 24px;
    padding: 0;
  }
  button#end_sl {
    font-size: 20px;
  }
  label.tog_run input[switch]:checked + label:after {
    left: 4.45rem;
    top: 3px;
  }
  label.tog_run input[switch] + label:after {
    height: 16px;
    width: 16px;
    top: 3px;
  }
  label.tog_run input[switch="bool"]:checked + label:before {
    margin: 0;
  }
  .lockicon1 {
    width: 100%;
  }
  .percentage1 img {
    width: 20%;
  }
  .percentage1 {
    border-bottom: 2px solid#301042;
    padding: 8px 10px;
  }
  .id-amt {
    height: auto;
    width: 90%;
    padding-bottom: 0px;
  }
  div#send_cn {
    width: 100%;
}
  img.newcoin-stup-before {
    width: 140px;
}

  img.newcoin-stup {
    width: 100%;
}

  .drop {
    padding: 6px 8px;
    margin: 0;
    width: 100%;
    gap: 0px;
  }
  .drop ul {
    font-size: 15px;
  }
  .drop li {
    font-size: 16px;
    margin-top: 6px;
  }
  li.bottomCard-img {
    margin-top: 5px !important;
  }
  .coninfo {
    width: 65%;
    padding: 0;
  }
  .coninfo100 {
    width: 100%;
    padding: 0;
  }

  .conimgst {
    width: 28%;
    padding: 0;
  }

  .lesspc #image_coin,
  .lespc11-img #image_coin {
    width: 70%;
  }

  .storsdimg #image_coin {
    height: 215px;
    object-fit: cover;
  }
  .bidd {
    margin-top: 15px;
  }
  .bidd input {
    padding: 5px;
  }
  .bidd button {
    padding: 2px;
  }

  .tranc-dtil #image_coin {
    width: 85%;
  }
  .bag-dvrsfy #image_coin {
    width: 66%;
  }

  .dpbid {
    padding-bottom: 10px;
  }

  .tab h3 {
    margin: 20px 0;
    font-size: 28px;
  }
  label.tog_run input[switch] + label:before {
    margin: 0;
  }
  label.tog_run input[switch="bool"] + label:before {
    font-size: 12px;
  }
  .marketval-img img {
    height: 140px !important;
  }
  .hidden-on-large img {
    display: block;
  }
  .hidden-on-small img {
    display: none;
  }
}

@media (min-width: 480px) and (max-width: 575px) {
  .tranc-dtil #image_coin {
    width: 100% !important;
  }
  .newside-trancoin img {
    height: 40px !important;
  }
  .marketval-img img {
    height: 195px !important;
  }
  li.bottomCard-img img {
    height: 40px;
    width: 40px;
    object-fit: contain;
  }

}

@media (max-width: 575px) {
  .favbxbt select {
    font-size: 14px;
    height: 29px !important;
    padding: 3px 6px;
}
  .concet-trade img {
    width: 100%;
    margin-top: 15px;
  }
  .table-trade table th {
    white-space: nowrap;
    padding: 10px;
  }
  .table-trade table td {
    padding: 10px;
    font-size: 14px;
  }
  i#plus_dt {
    font-size: 16px;
  }

  .trade_box {
    text-align: center;
  }
  .mbvault {
    width: 20% !important;
  }
  .mbswtch {
    width: 20% !important ;
    display: unset;
  }
  .mbpghd {
    width: 60% !important;
  }
  .mbswtch img {
    width: 30px !important;
    height: 30px !important;
  }

  .umbvault {
    width: 25% !important;
  }
  .umbswtch {
    width: 25% !important ;
    display: unset;
  }
  .umbpghd {
    width: 48% !important;
  }
  .umbswtch img {
    width: 30px !important;
    height: 30px !important;
  }
  .collt-second {
    margin-top: 30px;
  }
  table#myTransaction th {
    white-space: nowrap;
  }
  .vlt_room_coll {
    width: 100%;
    max-width: unset;
  }
  .vault-shrt {
    text-align: center;
    width: 25%;
  }
  .swtch-shrt {
    width: 40%;
    text-align: center;
    justify-content: center;
  }
  .vault-shrt img {
    width: 30px;
    height: 30px;
  }
  .swtch-shrt img {
    width: 30px;
    height: 30px;
  }
  .vault-shrt p,
  .swtch-shrt p {
    font-size: 12px;
  }
  .coll-pghead h3 {
    margin: 0 !important;
    font-size: 22px !important;
  }
  .vaul-mob {
    display: block !important;
  }
  .vault-shrt {
    display: none;
  }
  .vlt_room {
    width: 100%;
  }

  .vlt_usrm {
    margin-bottom: 40px;
    padding-bottom: 10px;
    display: flex;
    gap: 5px;
  }
  .vault-shrt-usr {
    display: none;
    text-align: center;
    width: 25%;
  }
  .vault-shrt-usr img {
    width: 30px;
    height: 30px;
  }
  .vault-shrt-usr p,
  .swtch-shrt-usr p {
    font-size: 12px;
  }
  .usrcoll-pghead h3 {
    margin: 0 !important;
    font-size: 24px !important;
  }
  .swtch-shrt-usr {
    width: 40%;
    text-align: center;
    justify-content: center;
  }
  .swtch-shrt-usr img {
    width: 30px;
    height: 30px;
  }
  .vaul-umob {
    display: block !important;
  }
  .usrvlt {
    width: 100%;
  }
  .vlt_uroom img {
    width: 35%;
    height: 130px;
  }

  div#login-form-height {
    margin: 50px 0;
  }
  .login-form {
    width: 100%;
    padding: 30px;
  }
  .login-form h3 {
    margin-bottom: 15px;
    font-size: 26px;
  }
  .login-form input {
    padding: 8px;
    font-size: 14px;
  }

  .login-form label {
    margin: 20px 0 5px 0;
  }
  .login-form button {
    padding: 8px 30px;
    margin: 14px 0px;
  }
  .login-form p {
    font-size: 13px;
    margin: 0;
  }
  .copyright {
    flex-wrap: wrap;
  }
  .social-media {
    width: 100%;
    text-align: center;
  }
  .copyright img {
    width: 25px;
  }
  img.facebook1 {
    width: 10px !important;
  }
  .sign-up-flex {
    flex-wrap: wrap;
  }
  .signup1 {
    width: 100%;
  }
  .bmodal-storecont {
    width: 95% !important;
  }
  .buyclose {
    top: 5px !important;
    right: 12px !important;
}
  .buystore-mdl {
    width: 100% !important;
  }
  .buyclose , .buyfclose {
    font-size: 16px !important;
    top: 5px !important;
    right: 15px !important;
  }

  .minselct label {
    font-size: 13px;
  }
  .allbtn-cryp button {
    margin-top: 0 !important;
    font-size: 12px !important;
    padding: 0.375rem 0 !important;
  }
  .amntrans-section {
    margin: 20px 0 10px;
  }

  /* collector view */

  .user_view {
    margin: 3rem 0 4rem 0;
  }
  .vlt_rm h3 {
    margin-bottom: 20px;
    font-size: 26px;
  }
  .vlt_rm {
    margin-bottom: 40px;
    padding-bottom: 10px;
    gap: 5px;
  }
  .vlt_room_main {
    max-width: 100%;
  }
  .vlt_room_main h3 {
    font-size: 17px;
  }
  .vlt_room img {
    width: 100%;
    height: 120px;
  }
  .pouch {
    width: 100%;
    /* margin-bottom: 20px !important; */
  }
  .pouch_send img {
    width: 100%;
    height: 120px;
  }
  .switch_to {
    width: 100%;
    margin-top: 40px;
  }
  .switch_to a {
    font-size: 15px;
    padding: 9px 0;
    margin-top: 20px;
  }
  .send {
    width: 100%;
  }
  div#vlt_mg_room img {
    object-fit: contain;
  }
  .pouch_send {
    flex-wrap: wrap;
  }

  /* pouch contant page*/

  .login-form2 {
    width: 100%;
    padding: 25px 20px 35px;
  }
  .pouch-content img {
    width: 40%;
  }
  .pouch-content h3 {
    font-size: 26px;
  }
  .pouch-content p {
    font-size: 18px;
  }
  .login-form2 ul {
    padding: 10px 0;
    text-align: center;
  }
  .login-form2 h5 {
    font-size: 18px;
    text-align: center;
  }
  .login-form2 h6 {
    margin-top: 10px;
  }

  /* Support page*/

  .register-profile {
    margin: 50px auto;
    padding: 25px 15px;
    border: 1px solid #8712cd;
  }
  .title {
    font-size: 24px;
  }
  .up-date-button button {
    width: 100%;
    font-size: 16px;
    padding: 6px;
  }
  #support_topics {
    padding: 0.175rem 0.5rem;
    font-size: 14px;
    line-height: 1;
  }
  #support_subjects label {
    margin-bottom: 4px;
  }
  .register-profile a {
    font-size: 14px;
    padding: 10px;
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
  #support_subjects ul {
    padding: 10px 0px 10px 20px;
    margin: 0;
  }

  /* profile */
  .respimg {
    display: flex;
    justify-content: center;
  }
  h2#register__title {
    margin-bottom: 20px;
    font-size: 28px;
  }
  .img-iconmg {
    width: 135px;
    height: 135px;
    object-fit: cover;
  }
  #user_update input,
  #user_update select {
    padding: 6px;
    font-size: 14px;
  }
  form#user_update label {
    margin: 15px 0 5px 0;
    font-size: 15px;
  }
  h5.choose-hed {
    font-size: 15px;
  }
  form#transfer_mgmt label {
    font-size: 15px;
  }
  form#rst_pass label {
    font-size: 15px;
  }
  #user_update select {
    height: 35px;
  }
  #user_update textarea {
    font-size: 14px;
  }
  #pouch_update input,
  #pouch_update select {
    padding: 6px;
    font-size: 14px;
  }
  form#pouch_update label {
    margin: 18px 0 5px 0;
    font-size: 14px;
  }
  #pouch_update select {
    height: 35px;
  }
  .butn-bxbt select {
    padding: 6px;
    height: 35px !important;
    font-size: 14px;
  }
  input#user_pouch5, select#pouchSelect, #custom_val {
    height: 35px;
    padding: 6px 8px;
    font-size: 14px;
    margin: 0;
}
 #peer_pouch_idd {
    height: 35px !important;
    padding: 6px 8px !important;
    font-size: 14px !important;
    margin: 0 !important;
}
 #user_pouch {
  width: 100%;
 }

input#user_pouch5::placeholder , #user_pouch::placeholder , #custom_val::placeholder , #peer_pouch_idd::placeholder {
    font-size: 14px;
}
ul.recevTotal, ul.sytotl, ul.simoneyTotal {
    flex-wrap: wrap;
}
ul.recevTotal li, ul.sytotl li, ul.simoneyTotal li {
    width: 100%;
}
  #transfer_mgmt input,
  #transfer_mgmt select {
    padding: 6px;
    font-size: 14px;
  }
  #rst_pass input,
  #rst_pass select {
    padding: 6px;
    font-size: 14px;
  }
  .img-iconmg i {
    font-size: 15px;
  }

  /* buy page */
  .buy-btns button {
    padding: 4px 16px;
    font-size: 14px;
  }
  .lockicon p {
    font-size: 16px;
  }
  p.counter {
    font-size: 12px;
  }
  .twbtndp {
    gap: 8px;
  }
  .twbtndp button {
    margin: 10px 0 10px 0 !important;
    font-size: 13px;
  }

  /* index home page */
  .earn-rewards-flex {
    flex-wrap: wrap;
  }
  .reviews {
    width: 100%;
    margin: 30px 0;
    text-align: center;
  }
  .reviews ul {
    justify-content: center;
    align-items: center;
    margin: 25px 0 0 0;
  }
  .testimonial h4 {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 28px;
  }
  .reviews img {
    margin-left: 0;
  }

  .earn-rewards {
    flex-wrap: wrap;
    margin-bottom: 50px;
  }
  .peace-of {
    width: 100%;
    border: 1px solid #301042;
    padding: 25px 10px;
    margin-bottom: 20px;
  }
  .peace-of img {
    height: 70px;
    margin-bottom: 30px;
  }
  .earn-rewards h3 {
    font-size: 26px;
  }
  .secure-trusted h4 {
    font-size: 28px;
    padding: 0 10px;
  }
  .secure-trusted h6 {
    font-size: 20px;
    margin: 8px 0 60px 0;
    padding: 0 10px;
  }
  .collect {
    flex-wrap: wrap;
    top: 0;
    padding: 0 5px;
  }
  .spend {
    width: 100%;
    padding-top: 40px;
    text-align: center;
  }
  .collect h3 {
    font-size: 26px;
    margin-bottom: 8px;
  }
  .spend p {
    font-size: 18px;
  }
  .all-available {
    margin: 70px 0;
  }
  center {
    margin-bottom: 70px;
  }

  .buy-a-bit {
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
  }
  .buy-a-bit2 {
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
  }
  .bitcoin {
    padding: 25px 24px;
    width: 48%;
  }
  .bitcoin2 {
    padding: 25px 24px;
    width: 48%;
  }
  .buy-coin h3 {
    margin-bottom: 20px;
    font-size: 26px;
  }
  .buy-coin p {
    font-size: 15px;
    margin-bottom: 40px;
  }
  .buy-coin2 h3 {
    margin-bottom: 20px;
    font-size: 26px;
  }
  .buy-coin2 p {
    font-size: 15px;
    margin-bottom: 40px;
  }
  .banner img {
    height: 700px;
  }
  .buy-coin {
    margin-top: 70px;
  }
  .buy-coin2 {
    margin-top: 70px;
  }
  .destination {
    flex-wrap: wrap;
    top: 50px;
    left: 0;
  }
  .digital-rev {
    width: 100%;
    padding: 0 10px;
    text-align: center;
  }
  .digital-rev h3 {
    font-size: 30px;
  }
  .digital-rev h4 {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .digital-rev p {
    font-size: 16px;
  }
  .digital-rev img {
    margin-top:0px;
  }
  .give-get {
    width: 100%;
  }
  .give-get img {
    width: 100%;
    margin-top: 0;
  }
  .icon-bottom i {
    font-size: 30px;
    padding: 4px 10px;
    margin-top: -25px;
  }
  button.accordion {
    padding: 8px;
    font-size: 15px;
    border-radius: 10px;
    margin: 8px 0;
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    gap: 5px;
  }
  button.accordion:after {
    font-size: 14px;
    float: right;
  }
  .earn-rewards121 p {
    font-size: 14px;
    padding-top: 20px;
  }
  .earn-rewards121 {
    margin-top: 20px;
  }

  button.btn-accord {
    padding: 10px;
    font-size: 15px;
    border-radius: 10px;
    margin: 8px 0;
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    gap: 5px;
  }
  button.btn-accord:after {
    font-size: 14px;
    float: right;
  }
  .suport-freqnt p {
    font-size: 14px;
    padding-top: 20px;
  }
  .suport-freqnt {
    margin-top: 20px;
  }

  /* image page */
  .coinmg img {
    width: 100%;
    padding: 5px;
  }
  .coinmg {
    text-align: center;
  }
  .coin-profile {
    padding: 10px;
  }
  .infothme {
    margin-top: 20px;
  }
  .coin-profile .infothme li {
    width: 100% !important;
    margin: 0 !important;
    padding: 4px 0;
    font-size: 14px;
  }
  .c_imgs img {
    margin-bottom: 10px;
    width: 49%;
  }
  span.c_imgs {
    text-align: left;
    margin-top: 10px;
  }
  .graph-staic h4 {
    margin: 0;
    padding: 0px 0px 5px 5px;
  }
  .graph-staic .scnd-ul li {
    margin: 0;
    padding: 8px 0;
    font-size: 13px;
    width: 100%;
  }
  .graph-exst .scnd-ul li {
    width: 100%;
    margin: 0;
  }
  .graph-exst .scnd-ul li #chart {
    width: 100% !important;
    margin: 0 !important;
    height: 100% !important;
  }
  .chart__container {
    padding: 15px;
  }
  .coin-profile h3 {
    font-size: 18px;
    margin: 10px 0;
  }
  .coin-profile textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
  }

  .toid,
  .amnt-pric {
    display: unset;
  }
  .amnt-pric {
    margin-top: 15px;
  }

  .hello img {
    width: 20%;
    text-align: center;
    margin: 0 auto;
  }
  .hello {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    margin: 0 auto;
  }
  .cntrlbtn {
    margin-top: 15px;
    text-align: center;
  }
  .concpt-mnt img {
    width: 80%;
    margin: 15px 0;
  }
  .concpt-mnt p,
  .stamp-cont p,
  .market-cont p,
  .vault-cont p,
  .concet-trade p {
    font-size: 14px;
  }
  .concpt-mnt h2,
  .stamp-cont h2,
  .market-cont h2,
  .vault-cont h2,
  .concet-trade h2 {
    font-size: 26px;
  }
  .market-cont .cncptoch ul {
    padding-left: 25px;
    font-size: 14px;
  }
  .concet-trade li {
    padding-left: 15px;
    font-size: 14px;
  }
  .market-seclast {
    display: flex;
    flex-direction: column-reverse;
  }
  .markimg {
    width: 100%;
    text-align: center;
  }

  /* favourite page */
  h3#set_uptext {
    margin-bottom: 10px;
    font-size: 24px;
  }
  .favour-setable th {
    white-space: nowrap;
  }
  .findfav-btn {
    margin-top: 20px;
  }
  .fav-register-profile {
    padding: 25px 15px;
    border: 1px solid #8712cd;
  }
  .findfav-btn a {
    padding: 8px 39%;
    font-size: 14px;
  }
  div#cancelbutton button {
    padding: 10px;
    font-size: 16px;
    width: 100%;
  }

  .favconf-button {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .favconf-button a {
    width: 100%;
    padding: 8px;
    font-size: 15px;
  }
  .favourite-profile {
    padding: 25px 15px;
    border: 1px solid #8712cd;
  }
  .transf-discrip textarea {
    font-size: 14px;
  }
.sndmony {
    padding: 0;
}

.buyul li {
    width: 100% !important;
}
ul.buyul {
    flex-wrap: wrap;
    gap: 15px;
}

}

@media (max-width: 767px) {
  .field-icon {
    float: right;
    margin-right: 10px;
    margin-top: -27px;
    position: relative;
    z-index: 2;
  }
  .favbxbt select {
    font-size: 14px;
    padding: 3px 6px;
    height: 29px !important;
}
  .top-header-bar .menu-sign {
    display: none;
  }
  .top-header-bar .menu-list {
    display: none;
  }
  .menu-toggle {
    display: block;
  }
  .peezee {
    padding: 10px 0;
  }

  .menu-list {
    display: none;
  }
  .menu-sign {
    display: none;
  }
  .outr-hedr {
    left: 0;
  }
  .outr-hedr .menu-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
  }
  .rewads-img img {
    width: 36px;
    margin-left: 4px;
  }
  .rewrd-img img {
    width: 30px;
    margin-left: 4px;
  }

  /* Send page*/
  .sndmny {
    margin: 0 !important;
    max-width: unset;
    width: 100%;
  }
  form#sndcoinc {
    width: 100%;
    margin-top: 50px;
  }
  .dplmny input {
    margin-top: 15px;
    padding: 5px 8px;
  }
  div#youtbr-view h3 {
    font-size: 26px;
    margin-bottom: 5px;
  }
  .sendmnyuser {
    width: 100%;
    display: unset;
  }
  .pg-wrap {
    width: 100%;
    max-width: unset;
    min-height: unset;
    padding: 0 12px;
  }
  .sendmnyuser row {
    margin: 0;
  }
  .hyuih-view i.fa.fa-plus {
    padding: 6px 8px;
    font-size: 10px;
  }
  div#youtbr-view th {
    padding: 12px 20px;
    font-size: 16px;
  }
  .collector-view li {
    width: 50%;
  }
  
  ul.send-rece-btn {
    margin: 40px 0;
  }
  ul.send-rece-btn.btns-ul li button {
    margin: 0;
  }
  .lockicon4 button {
    padding: 3px 5px;
    font-size: 12px;
  }

  /* transactions page */

  div#youtbr th {
    padding: 16px 25px;
    font-size: 15px;
  }
  div#youtbr-view {
    padding: 25px 10px;
    box-shadow: 0 3px 10px 0 #b9b9b9;
  }

  .day_filter {
    left: 25px;
    top: 22px;
  }
  .date_filter {
    top: 20px;
    left: unset;
    right: 25px;
  }
  div#myTransaction_paginate {
    padding: 10px 0 15px;
  }
  div#myTransaction_info {
    padding: 15px 0 10px;
  }
  div#youtbr {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #39164e;
    border-radius: 10px;
    margin-bottom: 50px;
  }
  .hyuih {
    display: flex;
    width: max-content;
  }
  .day_filter,
  .date_filter {
    flex-shrink: 0;
    white-space: nowrap;
  }
  .table-responsive {
    flex-shrink: 0;
  }
  .tbl_trade {
    box-shadow: 0 1px 8px 0 rgb(78 79 80 / 65%);
    border: 1px solid #39164e;
    padding: 10px 5px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  table.dataTable tbody th,
  table.dataTable tbody td {
    font-size: 13px;
    text-align: center;
  }
  table.dataTable thead th,
  table.dataTable thead td {
    font-size: 14px;
    text-align: center;
  }
  div#youtbr td {
    padding: 15px;
    font-size: 14px;
    color: #7c7b7b;
    text-align: center;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 1em !important;
    padding: 0.2em 0.6em !important;
  }
  div#myTable_info {
    font-size: 14px;
    width: 100%;
  }
  div#myTable_paginate {
    font-size: 14px;
  }

  p#c_state {
    padding: 6px 19px;
  }
  i.ry_btn {
    padding: 8px 13px;
  }
  i.del_btn {
    padding: 8px 13px;
  }

  /* Market page */

  .marketpage li {
    display: block;
    background: #99d9ea;
    padding: 0;
    margin: 6px 0;
    font-size: 18px;
  }
  .marketpage {
    max-width: 100%;
    height: auto;
    margin: 70px auto;
    justify-content: center;
  }
  ul.inline-box {
    padding: 0 0 0px 5px;
    align-items: center;
    display: flex;
  }
  ul.inline-box img {
    width: 72px;
  }
  ul.inline-box li:last-child img {
    width: 25px;
  }
  ul.inline-box li:last-child {
    width: 15%;
  }
  ul.inline-box li:first-child {
    width: 56%;
    font-size: 14px;
    padding-top: 0;
  }
  ul.inline-box li input {
    width: 100%;
  }
  ul.inline-box li:nth-child(2) {
    width: 26%;
  }

  /*store page*/
  .store-setup {
    padding: 15px !important;
  }
  .rssptore p {
    font-size: 15px;
  }
  h4#h_text,
  h4#h_text1 {
    margin: 20px 0;
    font-size: 16px;
    column-gap: 7px;
  }
  #h_text:before {
    height: 1px;
    width: 50px;
  }
  #h_text:after {
    height: 1px;
    width: 100%;
  }
  #h_text1:before {
    height: 1px;
    width: 50px;
  }
  #h_text1:after {
    height: 1px;
    width: 670px;
  }
  .store-setup input {
    padding: 3px 6px;
    font-size: 14px;
  }

  /* bag page */

  .con-btn {
    text-align: center;
  }
  .con-btn button {
    padding: 2px 12px;
    font-size: 14px;
  }
  .baginpt input {
    width: 100%;
    margin: 0;
  }
  .bagtblox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
  }
  .bagsndrr {
    width: 100%;
    max-width: 100%;
    flex: 100%;
    padding: 0;
  }
  .recvdbag {
    width: 100%;
    max-width: 100%;
    flex: 100%;
    padding: 0;
  }
  .rpl-trade {
    width: 100%;
    max-width: 100%;
    flex: 100%;
    padding: 0;
  }
  .replybag {
    width: 100%;
    max-width: 90%;
    flex: 100%;
    padding: 0;
    margin: 0 auto;
  }
  .pg-wrap .collector-view {
    justify-content: center;
    width: 100%;
  }
  .recieverend {
    margin: 20px 0 !important;
  }
  .bagpg-sdrv .collector-view ul {
    padding: 10px 0 0 16px;
    margin: 0;
  }
  .bagpg-sdrv .collector-view li {
    text-align: center;
  }
  ul.sync-btn li button {
    padding: 4px 18px;
    font-size: 13px;
  }
  div#youtbr-view td {
    padding: 12px 2px;
    font-size: 14px;
  }
  td.units input {
    height: 30px;
  }
  .recieverend tr td:first-child input {
    height: 16px;
    width: 16px;
  }
  button#diversify_sync {
    padding: 4px 18px;
    font-size: 13px;
  }
  .maxim {
    width: 100%;
    margin: unset;
    padding: 10px 0;
  }
  ul.send-rece-btn button {
    padding: 4px 18px;
    font-size: 15px;
  }
  ul.send-rece-btn li {
    margin: 0;
  }
  .bagsndrr .send-rece-btn {
    margin: 30px 0 !important;
  }
  .strttbl {
    margin-top: 15px !important;
  }
  #coinModal1 label {
    margin: 15px 0;
  }
  /* div#send_cn {
    width: 100%;
  } */

  .sndrcev .collector-view ul {
    padding: 10px 0 0 16px;
    margin: 0;
  }
  .sndrcev .collector-view li {
    text-align: center;
  }
  .mrgn-btm {
    margin-bottom: 50px !important;
    margin-top: 30px !important;
  }
  ul.sytotl li {
    width: 100%;
    text-align: right !important;
  }
  .tabl-mrgn {
    margin-top: 10px;
  }
  a.get-started {
    padding: 4px 12px;
  }
  .logout-hdr a {
    font-size: 15px;
    margin-right: 5px;
  }

  /* send page */
  .snyulx {
    display: flex !important;
    flex-direction: row;
    align-items: end;
    margin-top: 10px !important;
  }

  .sndrprop .collector-view li {
    text-align: center;
  }
  ul.prmtnul {
    display: flex;
    flex-direction: column;
  }
  ul.prmtnul li {
    line-break: anywhere;
    width: 100% !important;
  }

  .sent_rec_btns {
    text-align: center;
    margin-top: 20px;
  }
  .userecv-row {
    margin: 0;
  }

  .store-setup tr td:first-child {
    min-width: 160px;
  }
  .store-setup tr td:nth-child(2) {
    min-width: 120px;
  }
  .store-setup tr td:nth-child(3) {
    min-width: 80px;
  }
  .store-setup tr td:nth-child(4) {
    min-width: 120px;
  }
  .store-setup input[type="date"] {
    width: 120px;
  }
  .store-setup input[type="datetime-local"],
  .store-setup input[type="month"],
  .store-setup input[type="time"] {
    width: 100px;
  }

  #promo_table input[type="date"] {
    width: 115px !important;
  }
  #promo_table input[type="datetime-local"],
  #promo_table input[type="month"],
  #promo_table input[type="time"] {
    width: 100px !important;
  }
  #promo_table tr td:first-child {
    width: 175px;
  }
  #promo_table tr td:nth-child(2) {
    width: 130px;
  }
  #promo_table tr td:nth-child(6) {
    width: 125px;
  }
  #promo_table tr td:nth-child(4) {
    width: 140px;
  }
  #promo_table tr td:nth-child(3),
  #promo_table tr td:nth-child(5) {
    min-width: 73px;
  }
  #promo_table tr th:nth-child(5) {
    word-wrap: break-word;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  /*concept pouch*/
  .cncptoch {
    flex-wrap: wrap;
  }
  .divimg {
    width: 100%;
    text-align: center;
    margin: 10px 0 20px;
  }
  .divimg img {
    width: 50%;
  }
  .pcntimg img {
    width: 100%;
  }
  ol.pochlist {
    padding-left: 20px;
  }
  .dsgnlist {
    margin-top: 20px;
  }
  .cncpt-trans {
    margin-bottom: 20px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .newside-tranc-hgt img {
    height: 145px !important;
  }
  .hie.twbtndp {
    justify-content: center;
    gap: 5px;
  }

  .hie button {
    margin-bottom: 8px;
    margin-top: 8px !important;
    width: 90px;
  }
  .storsdimg #image_coin {
    height: 220px;
  }
  /* coins */

  button#end_sl {
    font-size: 26px;
  }
  .trade_coin_inline label {
    padding: 6px 0px;
    width: 8%;
  }
  .tab label {
    padding: 4px 10px;
    font-size: 13px;
    margin-bottom: 10px;
  }
  label.tog_run input[switch] + label {
    font-size: 14px;
    width: 5.7rem;
    height: 24px;
    padding: 0;
  }

  button#end_sl {
    font-size: 20px;
  }
  label.tog_run input[switch]:checked + label:after {
    left: 4.45rem;
    top: 3px;
  }
  label.tog_run input[switch] + label:after {
    height: 16px;
    width: 16px;
    top: 3px;
  }
  label.tog_run input[switch="bool"]:checked + label:before {
    margin: 0;
  }
  .lockicon1 {
    width: 100%;
  }
  .percentage1 img {
    width: 20%;
  }
  .percentage1 {
    border-bottom: 2px solid#301042;
    padding: 8px 10px;
  }
  .id-amt {
    height: auto;
    padding-bottom: 0px;
  }
  .drop {
    padding: 6px 8px;
    margin: 0;
    width: 100%;
    gap: 0px;
  }
  .drop ul {
    font-size: 15px;
  }
  .coninfo {
    width: 69%;
    max-width: 69%;
    padding: 0;
  }
  .coninfo100 {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .conimgst {
    width: 28%;
    flex: unset;
    padding: 0;
  }
  /* #image_coin {
    width: 95%;
  } */
  .tranc-dtil #image_coin {
    width: 75%;
  }
  /* .sndrvcr #image_coin {
    width: 90%;
  } */
  #send_cn {
    padding-bottom: 10px;
  }
  .bag-dvrsfy #image_coin {
    width: 100%;
  }
  /* .sMnyc #image_coin,
  .lesspc #image_coin,
  .lespc11-img #image_coin,
  .send-digm #image_coin {
    width: 100%;
  } */
  .bagcn #image_coin {
    width: 100%;
  }
  /* .mintimgs img {
    width: 100%;
  } */
  img.coin_img-aug27 {
    width: 150px;
  }
  .tab h3 {
    margin: 20px 0;
    font-size: 28px;
  }
  label.tog_run input[switch] + label:before {
    margin: 0;
  }
  label.tog_run input[switch="bool"] + label:before {
    font-size: 12px;
  }
  .trade-box {
    width: 100%;
  }
  .buy-btns button {
    padding: 4px 18px;
  }
  .divimg img {
    width: 30%;
  }
  .hidden-on-large img {
    display: block;
  }
  .hidden-on-small img {
    display: none;
  }
  .pcntimg img {
    width: 60%;
  }

  .drop li {
    font-size: 16px;
    margin-top: 6px;    
  }
  li.bottomCard-img img {
    height: 40px;
    width: 40px;
    object-fit: contain;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .swtch-shrt {
    text-align: center;
    justify-content: center;
  }
  .vault-shrt {
    text-align: center;
    justify-content: center;
  }
  .vlst {
    width: 100%;
  }
  .vlt_room_coll {
    width: 60%;
    max-width: unset;
  }

  .vault-shrt-usr {
    text-align: center;
    justify-content: center;
  }
  .swtch-shrt-usr {
    text-align: center;
    justify-content: center;
  }
  .vlt_usrm h3 {
    margin-bottom: 20px;
    font-size: 28px;
  }
  .usrvlt {
    width: 60%;
  }
  i#plus_dt {
    font-size: 16px;
  }

  .copyright {
    flex-wrap: wrap;
  }
  .social-media {
    width: 100%;
    text-align: center;
  }
  .copyright img {
    width: 25px;
  }
  img.facebook1 {
    width: 10px !important;
  }
  .login-form {
    width: 75%;
    padding: 35px;
  }
  .login-form input {
    padding: 8px;
    font-size: 14px;
  }
  .login-form button {
    padding: 8px 30px;
  }
  .login-form p {
    font-size: 13px;
    margin: 0;
  }
  .login-form h3 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .bmodal-storecont {
    width: 600px;
  }
  .allbtn-cryp button {
    font-size: 12px !important;
    padding: 0.375rem 0 !important;
  }
  .buystore-mdl {
    width: 85% !important;
    max-width: 85% !important;
  }

  /* collector view */
  .user_view {
    margin: 4rem 0 4rem 0;
  }
  .vlt_rm h3 {
    margin-bottom: 20px;
    font-size: 28px;
  }
  .vlt_room img {
    width: 55%;
    height: 130px;
  }
  .pouch {
    width: 60%;
    margin-bottom: 20px !important;
  }
  .pouch_send {
    justify-content: center;
    flex-wrap: wrap;
  }
  .pouch_send img {
    height: 135px;
  }
  .switch_to {
    width: 60%;
    margin-top: 40px;
  }
  .switch_to a {
    font-size: 15px;
    padding: 10px 0;
    margin-top: 15px;
  }
  .send {
    width: 60%;
  }
  div#vlt_mg_room img {
    object-fit: contain;
  }
  .vlt_room_main {
    max-width: 100%;
  }
  .vlt_room {
    width: 60%;
  }

  /* pouch contant page*/

  .login-form2 {
    width: 55%;
    padding: 30px 20px;
  }
  .pouch-content img {
    width: 45%;
  }
  .pouch-content h3 {
    font-size: 26px;
  }
  .pouch-content p {
    font-size: 18px;
  }
  .login-form2 ul {
    padding: 10px 0;
    text-align: center;
  }
  .login-form2 h5 {
    font-size: 18px;
    text-align: center;
  }
  .login-form2 h6 {
    margin-top: 15px;
  }

  form#support_subjects h2 {
    font-size: 28px;
  }
  .register-profile {
    margin: 40px auto;
    border: 1px solid #8712cd;
    padding: 10px 20px;
  }
  .register-profile a {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .up-date-button button {
    padding: 10px 25px;
    width: 50%;
    font-size: 16px;
  }

  #support_subjects ul {
    padding: 10px 0 0 20px;
  }
  h3 {
    font-size: 26px;
    margin-top: 10px;
  }
  .register-profile a {
    width: 100%;
    margin-left: 0;
  }

  /* profile */

  .img-iconmg {
    object-fit: cover;
    width: 135px;
    height: 135px;
    padding: 0px;
  }
  .respimg {
    padding: 0;
    margin: auto;
  }
  .colpang {
    padding-right: 0;
    width: 33%;
  }
  #user_update input,
  #user_update select {
    padding: 7px;
    font-size: 15px;
  }
  #user_update select {
    height: 40px;
  }
  .butn-bxbt select {
    padding: 6px;
    height: 40px !important;
    font-size: 15px;
    width: 100%;
  }
  input#user_pouch5, select#pouchSelect, #user_pouch, #custom_val {
    width: 100%;
    margin: 0;
}
  h2#register__title {
    margin-bottom: 20px;
    font-size: 28px;
  }
  #pouch_update input,
  #pouch_update select {
    padding: 8px;
    font-size: 15px;
  }
  #pouch_update select {
    height: 40px;
    font-size: 15px;
  }
  #transfer_mgmt input,
  #transfer_mgmt select {
    padding: 6px;
  }
  #rst_pass input,
  #rst_pass select {
    padding: 6px;
  }

  .imgcon-rw {
    display: flex;
    flex-direction: column;
  }
  .coinmg,
  .colinfo {
    width: 100%;
    max-width: 100%;
  }
  .coinmg img {
    width: 100%;
    padding: 10px;
  }
  .infothme li {
    width: 90% !important;
  }
  .infothme {
    margin-top: 20px;
  }
  span.c_imgs {
    text-align: left;
    margin-top: 10px;
  }
  .c_imgs img {
    width: 49%;
  }
  .repst-graph {
    display: flex;
    flex-direction: column;
  }
  .graph-staic,
  .graph-exst {
    max-width: 100%;
    width: 100%;
  }
  .graph-staic .scnd-ul li {
    width: 90%;
  }
  .coin-profile h3 {
    font-size: 17px;
    margin: 12px 0;
  }
  .coin-profile textarea {
    padding: 12px;
  }

  .all-available {
    margin: 70px 0;
  }
  .collect {
    flex-wrap: wrap;
    top: 0;
  }
  .spend {
    width: 100%;
    padding-top: 40px;
    text-align: center;
  }
  .collect h3 {
    font-size: 26px;
    margin-bottom: 8px;
  }
  .spend p {
    font-size: 18px;
  }

  /* .coner-shp #image_coin {
    width: 82%;
  } */

  button.btn-accord {
    padding: 10px;
    font-size: 16px;
    border-radius: 10px;
    margin: 8px 0;
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    gap: 5px;
  }
  .concpt-mnt img {
    margin: 15px 0;
  }
  .cncptoch ul {
    padding-left: 25px;
  }

  /* favourite page */
  .fav-register-profile {
    padding: 30px;
  }
  .findfav-btn a {
    padding: 8px 30%;
  }
  div#cancelbutton button {
    width: 60%;
  }
  .favconf-button a {
    padding: 10px;
    width: 32%;
    font-size: 16px;
  }
  .register-profile,
  .favourite-profile {
    border: 1px solid #8712cd;
    padding: 30px 20px;
  }
  .transf-discrip textarea {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .field-icon {
    float: right;
    margin-right: 10px;
    margin-top: -30px;
    position: relative;
    z-index: 2;
  }
  .vlt_room_coll {
    width: 33%;
  }
  .usrvlt {
    width: 33%;
  }
  .swtch-shrt {
    text-align: center;
    justify-content: center;
  }
  .vault-shrt {
    text-align: center;
    justify-content: center;
  }
  .vlt_room {
    width: 32%;
  }

  .vault-shrt-usr {
    text-align: center;
    justify-content: center;
  }
  .swtch-shrt-usr {
    text-align: center;
    justify-content: center;
  }
  .login-form {
    width: 55%;
    padding: 35px;
  }
  .login-form h3 {
    margin-bottom: 20px;
    font-size: 28px;
  }
  .login-form input {
    padding: 10px;
  }
  .login-form button {
    padding: 8px 30px;
  }
  .login-form label {
    margin: 20px 0 5px 0;
  }
  .copyright {
    padding: 0 25px;
  }
  .sent_rec_btns {
    text-align: center;
    margin-top: 20px;
  }

  .bmodal-storecont {
    width: 650px;
  }
  .allbtn-cryp button {
    font-size: 13px !important;
    padding: 0.375rem 0 !important;
  }
  .buystore-mdl {
    width: 90% !important;
    max-width: 90% !important;
  }

  /* collector view */
  .user_view {
    margin: 4rem 0 4rem 0;
  }
  .vlt_room_main h3 {
    font-size: 17px;
  }
  .vlt_room img {
    height: 130px;
  }
  .send {
    width: 33%;
  }
  .pouch {
    width: 33%;
  }
  .switch_to a {
    font-size: 14px;
    padding: 10px 0;
  }
  div#vlt_mg_room img {
    object-fit: contain;
  }

  .menu-logo {
    width: 15%;
  }
  .menu-list {
    width: 63%;
    text-align: center;
  }
  .menu-sign {
    width: 12%;
  }
  .menu-list li {
    font-size: 13px;
    padding-right: 12px;
  }
  .menu-sign a {
    color: #fff;
    margin-right: 5px;
  }
  .rewrd-img img {
    width: 30px;
  }
  .lg-hdrlist {
    width: 50% !important;
    text-align: center;
  }
  .lg-hdrsign {
    width: 25% !important;
  }
  a.get-started {
    padding: 6px 15px;
  }

  /* pouch contant page*/

  .login-form2 {
    width: 45%;
    padding: 30px 20px 35px;
  }
  .pouch-content img {
    width: 50%;
  }
  .pouch-content h3 {
    font-size: 30px;
  }
  .pouch-content p {
    font-size: 19px;
  }
  .login-form2 ul {
    padding: 10px 0;
    text-align: center;
  }
  .login-form2 h5 {
    text-align: center;
  }

  .register-profile {
    margin: 40px auto;
    border: 2px solid #8712cd;
    padding: 15px 25px;
  }
  .up-date-button button {
    padding: 10px 25px;
    width: 30%;
    font-size: 16px;
  }
  .pouch_send img {
    height: 130px;
  }
  .register-profile a {
    font-size: 15px;
  }

  .title {
    font-size: 30px;
  }
  #support_subjects ul {
    padding: 10px 0 0 20px;
  }

  /* coins */

  button#end_sl {
    font-size: 26px;
  }
  .trade_coin_inline label {
    padding: 6px 0px;
    width: 6%;
  }
  .tab label {
    padding: 6px 15px;
    font-size: 13px;
    margin-bottom: 10px;
  }
  label.tog_run input[switch] + label {
    font-size: 14px;
    width: 5.7rem;
    height: 24px;
    padding: 0;
  }

  button#end_sl {
    font-size: 20px;
  }
  label.tog_run input[switch]:checked + label:after {
    left: 4.45rem;
    top: 3px;
  }
  label.tog_run input[switch] + label:after {
    height: 16px;
    width: 16px;
    top: 3px;
  }
  label.tog_run input[switch="bool"]:checked + label:before {
    margin: 0;
  }
  .lockicon1 {
    width: 100%;
  }
  .percentage1 img {
    width: 20%;
  }
  .percentage1 {
    border-bottom: 2px solid#301042;
    padding: 8px 10px;
  }
  .id-amt {
    height: auto;
    padding-bottom: 0px;
  }
  .drop {
    padding: 5px 8px;
    margin: 0;
    width: 100%;
    gap: 0px;
  }
  .drop ul {
    font-size: 16px;
  }
  .coninfo {
    width: 69%;
    max-width: 69%;
    padding: 0;
  }
  .coninfo100 {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .conimgst {
    width: 28%;
    flex: unset;
    padding: 0px;
  }
  .bagcn #image_coin {
    width: 70%;
  }
  .send-digm #image_coin {
    width: 70%;
  }
  .bag-dvrsfy #image_coin {
    width: 100%;
  }
  .sMnyc #image_coin {
    width: 100%;
  }
  .sMnyc #image_coin,
  .lesspc #image_coin,
  .lespc11-img #image_coin {
    width: 69%;
  }
  /* .coner-shp #image_coin {
    width: 75%;
  } */
  .newside-trancoin img {
    height: 40px !important;
  }
  .marketval-img img {
    height: 175px !important;
  }
  .tranc-dtil #image_coin {
    width: 65%;
  }
  img.coin_img-aug27 {
    width: 150px;
  }
  .storsdimg #image_coin {
    height: 285px;
    object-fit: cover;
  }
  .mintimgs #image_coin {
    width: 90%;
  }

  .tab h3 {
    margin: 20px 0;
    font-size: 28px;
  }
  label.tog_run input[switch] + label:before {
    margin: 0;
  }
  label.tog_run input[switch="bool"] + label:before {
    font-size: 12px;
  }

  /* profile */
  .img-iconmg {
    width: 150px;
    height: 150px;
    padding: 0;
  }
  img#primg {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
  }
  .respimg {
    margin: auto;
  }
  .img-iconmg i {
    font-size: 17px;
  }
  #user_update input,
  #user_update select {
    padding: 10px;
  }
  #user_update select {
    height: 45px;
    font-size: 15px;
  }
  .butn-bxbt {
    display: flex;
    align-items: center;
  }
  .butn-bxbt a {
    font-size: 13px;
  }
  .butn-bxbt select {
    padding: 8px;
    height: 41px !important;
  }
  h2#register__title {
    margin-bottom: 12px;
    font-size: 28px;
  }
  #pouch_update input,
  #pouch_update select {
    padding: 10px;
    font-size: 15px;
  }
  #pouch_update select {
    height: 45px;
  }
  form#pouch_update label {
    font-size: 14px;
  }
  #transfer_mgmt input,
  #transfer_mgmt select {
    padding: 10px;
    font-size: 15px;
  }
  #rst_pass input,
  #rst_pass select {
    padding: 10px;
    font-size: 15px;
  }
  .trade-box {
    width: 100%;
  }

  /* transactions page */
  .date_filter {
    top: 20px;
    left: unset;
    right: 20px;
  }
  .day_filter {
    left: 20px;
    top: 20px;
  }
  div#youtbr th {
    padding: 18px 10px;
    font-size: 15px;
  }
  div#youtbr td {
    padding: 15px;
    font-size: 14px;
  }

  /* trade page*/
  table.dataTable tbody th,
  table.dataTable tbody td {
    padding: 8px 10px;
    font-size: 14px;
  }
  .dataTables_wrapper .dataTables_info {
    font-size: 14px;
  }
  .dataTables_wrapper .dataTables_paginate {
    font-size: 14px;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.2em 0.7em !important;
  }
  table.dataTable thead th,
  table.dataTable thead td {
    font-size: 15px;
  }
  p#c_state {
    padding: 6px 19px;
  }
  i.ry_btn {
    padding: 8px 13px;
  }
  i.del_btn {
    padding: 8px 13px;
  }

  /*Transfer page */
  div#youtbr-view {
    box-shadow: 0 0 18px 0 #b9b9b9;
    padding: 25px 36px 20px 14px;
  }
  div#youtbr-view h3 {
    font-size: 28px;
  }
  input#user_pouch5 {
    padding: 0.22rem 0.55rem;
  }
  div#youtbr-view th {
    padding: 18px 17px;
    font-size: 15px;
  }
  .hyuih-view i.fa.fa-plus {
    padding: 6px 8px;
    font-size: 12px;
  }
  div#coinModal .trade_box label {
    /* width: 45%; */
    text-align: center;
  }
  #h_text:after {
    height: 1px;
    width: 100%;
  }
  .favbxbt select {
    height: 35px !important;
    padding: 3px 6px;
}
  #h_text:before {
    height: 1px;
    width: 50px;
  }
  #h_text1:after {
    height: 1px;
    width: 800px;
  }
  #h_text1:before {
    height: 1px;
    width: 50px;
  }
  /* bag page */
  .bagsndrr {
    width: 100%;
    max-width: 100%;
    flex: 100%;
  }
  .recvdbag {
    width: 100%;
    max-width: 100%;
    flex: 100%;
  }
  .replybag {
    width: 100%;
    max-width: 100%;
    flex: 100%;
  }
  .rpl-trade {
    width: 100%;
    max-width: 100%;
    flex: 100%;
  }
  .rply-trd {
    max-width: 100%;
  }
  .con-btn {
    text-align: center;
  }
  .recvdbag .recieverend {
    margin-top: 20px !important;
  }
  ul.dsync-btn.dsyn-ttl {
    margin-top: 15px;
  }
  ul.sync-btn.syn-ttl {
    margin-top: 15px;
  }
  .tophedsend {
    margin-bottom: 15px;
  }

  /* image page */
  .infothme li {
    width: 100% !important;
    margin: 0 !important;
    padding: 4px 0 !important;
  }
  .c_imgs img {
    margin-bottom: 10px;
    width: 49%;
    padding: 8px;
  }
  span.c_imgs {
    text-align: left;
  }
  .coin-profile h4 {
    margin: 6px 0;
    padding: 4px;
    font-size: 18px;
  }
  .graph-staic .scnd-ul li {
    width: 100%;
    margin: 0;
    padding: 5px 0;
  }
  .graph-exst .scnd-ul li {
    width: 100%;
    margin: 0;
  }
  .chart__container {
    margin-top: 25px !important;
  }

  .spend {
    padding: 0 20px;
  }
  .collect {
    gap: 30px;
    top: 110px;
  }
  .collect h3 {
    font-size: 25px;
  }
  button.accordion {
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 12px;
  }
  .store-setup tr td:first-child {
    min-width: 180px;
  }
  button.btn-accord {
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 12px;
    align-items: baseline;
    display: flex;
    justify-content: space-between;
  }
  .concpt-mnt img {
    margin: 10px 0;
  }
  .favconf-button a {
    padding: 10px;
    width: 32%;
    font-size: 16px;
  }
  .register-profile,
  .favourite-profile {
    border: 1px solid #8712cd;
    padding: 30px 20px;
  }
  .transf-discrip textarea {
    font-size: 14px;
  }
  li.bottomCard-img img {
    height: 40px;
    width: 40px;
    object-fit: contain;
  }
  .coin-profile table {
    width: 70%;
  }

}

@media (min-width: 767px) and (max-width: 850px) {
  /* .coner-shp #image_coin {
    width: 90% !important;
  } */
  .tranc-dtil #image_coin {
    width: 78% !important;
  }
  .lesspc #image_coin {
    width: 80%;
  }
  /* .sndrvcr #image_coin {
    width: 82%;
  } */
  .storsdimg #image_coin {
    height: 285px;
    object-fit: cover;
  }
}

@media (min-width: 991px) and (max-width: 1300px) {
  .menu-list li {
    padding-right: 30px;
  }
  .menu-list {
    text-align: center;
  }
  .login-form2 {
    width: 35%;
  }
  .date_filter {
    top: 20px;
    left: unset;
    right: 25px;
  }
  .day_filter {
    left: 25px;
    top: 20px;
  }
  div#youtbr th {
    padding: 22px 10px;
    font-size: 15px;
  }

  .lg-hdrlist {
    width: 50% !important;
  }
  .lg-hdrsign {
    width: 25% !important;
  }
  a.get-started {
    padding: 8px 18px;
  }
  ul.send-rece-btn.btns-ul li button {
    margin: 0 40px;
  }
  .register-profile a {
    padding: 10px;
    width: 46%;
    font-size: 14px;
  }
  .coin-profile table {
    width: 50%;
  }
}

@media (min-width: 767px) and (max-width: 1300px) {
  .hidden-on-large img {
    display: none;
  }
  .hidden-on-small img {
    display: block;
  }
  .store-setup tr td:first-child {
    min-width: 160px;
  }
  .store-setup tr td:nth-child(2) {
    min-width: 120px;
  }
  .store-setup tr td:nth-child(3) {
    min-width: 120px;
  }
  .store-setup tr td:nth-child(4) {
    min-width: 120px;
  }
  .store-setup tr td:nth-child(5) {
    min-width: 120px;
  }
  .store-setup tr td:nth-child(6) {
    min-width: 120px;
  }
  .store-setup tr td:nth-child(7) {
    min-width: 120px;
  }

  .store-setup input[type="date"] {
    width: 120px;
  }
  .store-setup input[type="datetime-local"],
  .store-setup input[type="month"],
  .store-setup input[type="time"] {
    width: 100px;
  }

  #promo_table input[type="date"] {
    width: 115px !important;
  }
  #promo_table input[type="datetime-local"],
  #promo_table input[type="month"],
  #promo_table input[type="time"] {
    width: 100px !important;
  }
  #promo_table tr td:first-child {
    width: 175px;
  }
  #promo_table tr td:nth-child(2) {
    width: 130px;
  }
  #promo_table tr td:nth-child(6) {
    width: 125px;
  }
  #promo_table tr td:nth-child(4) {
    width: 140px;
  }
  #promo_table tr td:nth-child(3),
  #promo_table tr td:nth-child(5) {
    min-width: 73px;
  }
  #promo_table tr th:nth-child(5) {
    word-wrap: break-word;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

@media (min-width:1300px){
  .hidden-on-large img {
    display: none;
  }
  .hidden-on-small img {
    display: block;
  }
  .coin-profile table {
    width: 50%;
  }

  .store-setup tr td:first-child {
    min-width: 160px;
  }
  .store-setup tr td:nth-child(2) {
    min-width: 120px;
  }
  .store-setup tr td:nth-child(3) {
    min-width: 120px;
  }
  .store-setup tr td:nth-child(4) {
    min-width: 120px;
  }
  .store-setup tr td:nth-child(5) {
    min-width: 120px;
  }
  .store-setup tr td:nth-child(6) {
    min-width: 120px;
  }
  .store-setup tr td:nth-child(7) {
    min-width: 120px;
  }
  
  .store-setup input[type="date"] {
    width: 120px;
  }
  .store-setup input[type="datetime-local"],
  .store-setup input[type="month"],
  .store-setup input[type="time"] {
    width: 100px;
  }

}
/*
@media (min-width:1600px){
  .trade-box {
    gap: 15px;
}
.id-amt {
    width: 24%;
}
div#send_cn {
    width: 100%;
}
.percentage1 img {
  margin: 0;
}
}
*/