@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .sitebannercontent {
    padding-top: 11vh;
    padding-bottom: 7vh;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .sitebannercontent {
    padding-top: 14vh;
    padding-bottom: 10vh;
  }
}

@media only screen and (device-width: 768px) {
  .sitebannercontent {
    padding-top: 10vh;
    padding-bottom: 5vh;
  }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
  .sitebannercontent {
    padding-top: 9vh;
    padding-bottom: 3vh;
  }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
  .sitebannercontent {
    padding-top: 13vh !important;
    padding-bottom: 14vh !important;
  }
}

@media (max-width: 1750px) 
{
  .checktranstable .t-black 
  {
    font-size: 16px;
  }
}

@media (max-width: 1600px) {
  .leftsideformbox {
    padding: 30px 49px;
  }
  .formboxbg .h2 {
    font-size: 30px;
    line-height: 47px;
  }
  .sitebannercontent h2 {
    font-size: 45px;
  }
  .stepsflow .subhead
  {
    font-size: 16px;
  }
  .sendadrssbox tr td {
    font-size: 14px !important;
    word-wrap: break-word;
    padding: 12px 4px !important;
  }
}

@media (max-width: 1400px) 
{
  .homebannerbg .heading-title {
    font-size: 36px !important;
    line-height: 53px !important;
  }
  .heading-title {
    font-size: 33px !important;
  }
  .formboxbg .h2 {
  }
  .sitebannercontent h2 {
    font-size: 43px;
    line-height: 59px;
  }

  .ourbg .ourbox {
    margin: 24px 32px;
  }

  .prodbanner::before {
    max-width: 829px;
  }
  .heroimg::after
  {
    top: -5px;
  }
}

@media (max-width: 1300px) {
  .appimg img {
    max-width: 150px;
  }
  .downloadbg .h4 {
    font-size: 17px;
  }
  .ourimg {
    max-width: 40px;
  }
  .chooseusdiv {
  }
  .homebannerbg .bannersubmin {
    font-size: 42px;
  }
  .banner-img {
    transform: translateX(0px);
  }
  .homebannerbg::before {
  }

  .prodbanner::before {
    max-width: 729px;
  }
  .swaphowitworks .chooseusbox, .buysellfeat .chooseusbox {
    padding: 23px;
   }
}

@media (max-width: 1250px) {
  .apiciontenttext {
      width: 22%;
  }

  .apihtml {
    padding-left: 22%;
}
.fiatsection .chooseusbox .sub-heading
  {
    font-size:17px;
  }
.needhelpbg.fiatsection .chooseusdiv > div 
{
  margin: 5px;
  padding: 15px;
}
.checktranstable .t-black {
  font-size: 15px;
  padding: 1px 0px;
}
.stepsflow .panelcontentbox
{
  padding: 20px;
}
.heroimg::after
{
  right: -13px;
  top: 22px;
}
}

@media (max-width: 1200px) {
  .headbg {
    padding: 5px 0px;
  }
  .homebannerbg .sitebannercontent {
    padding-top: 8vh;
    padding-bottom: 7vh;
  }
  .sub-heading {
    font-size: 19px;
    line-height: 27px;
  }
  .ourbox .sub-heading {
    font-size: 21px;
  }
  .container {
    width: 100%;
    max-width: 100%;
  }
  .formbg .container
  {
    padding: 0px 15px;
  }
  .homebannerbg .bannersubmin {
    font-size: 38px;
  }
  .homebannerbg .heading-title {
    font-size: 35px !important;
    line-height: 54px !important;
  }
  /* .chooseusbox img {
    max-width: 80px;
  } */
  .chooseusdiv > div {
    padding-top: 35px;
    margin: 0px 6px;
  }
  .howitworkbg .nav-pills .nav-link {
    padding: 15px 18px;
  }
  .formboxbg .h2 {
    font-size: 30px;
    line-height: 44px;
  }
  .leftsideformbox {
    padding: 30px 20px;
  }
  p,
  .content {
    font-size: 15px;
    line-height: 25px;
  }
  .h-box .flexbox > div {
    padding: 25px 15px;
  }
  .contenthowbox {
    padding-right: 90px;
  }
  .hwbox > div:nth-child(even) > div:last-child {
    padding-left: 90px;
  }
  .contenthowbox .sub-heading {
    font-size: 22px;
  }
  .needhelpdiv .sub-heading {
    font-size: 17px;
  }
  .needhelpbox p {
    font-size: 14px;
    line-height: 23px;
  }
  .sitebannercontent h2 {
    font-size: 40px;
    line-height: 55px;
  }

  .ourbg .ourbox {
    margin: 24px 28px;
  }

  .apihtml {
    padding-right: 16px;
  }

  .sidecodebox {
    width: 100%;
    position: inherit;
    margin-bottom: 10px;
  }
 
  .bankqr,
  .qrcontent,
  .depflex.flexbox h4  {
    text-align: center;
  }

  .dpsitinstruc .btn {
    margin-top: 8px;
  }

  .dtinfo {
    width: 100%;
  }
  .subhead {
    font-size: 16px;
  }
  .swapexchangepage>div:first-child, .swapexchangepage>div:last-child {
    width: 25%;
  }
  .swapexchangepage>div:nth-child(2) {
    width: 50%;
 }
 .formbggroup .form-control {
  font-size: 22px;
 }
 .select2 img, .select2-results__option img {
  max-width: 25px;
  height: 25px !important;
  position: relative;
  top: 2px;
  }
  .buysellfeat .chooseusbox
  {
    margin-bottom: 10px;
  }

  .cardbox > div{
    width: 50%;
  }
}

@media (max-width: 1130px) {
  .sitebannercontent h2 {
      font-size: 35px;
      line-height: 45px;
  }
 
  .needhelpdiv img {
    max-width: 34px;
  }
  .helpicon {
    width: 60px;
    height: 60px;
  }

  .ourbg .ourbox {
    margin: 16px 16px;
  }

  .prodbanner::before {
    max-width: 729px;
  }
}

@media (max-width: 1100px) {
  .api-textbox {
      display: inline-block;
      width: 100%;
  }

  .api-textbox>div:first-child, .api-textbox>div:last-child {
    width: 100%;
  }

  .api-textbox>div {
    margin: 0px;
  }
  .translist p {
    line-height: 20px;
   }
   .depflex 
   {
    display: inline-block !important;
    width: 100%;
   }
   .depflex>div
   {
    width: 100% !important;
   }
   .depflex.flexbox >div:first-child
   {
    border-right: 0px;
    border-bottom: 1px solid #e6e6e6;
    padding: 0px;
   }
   .divd p
   {
    left: 50%;
    transform: translate(-50%, 0);
    top: -15px;
   }
   .paymtdtailsdiv .flexbox > div:last-child 
   {
      width: 35%;
   }
   .perfrmborder>div
   {
    padding: 20px;
   }
  
}

@media (max-width: 1080px) {
  .howitworkbg .nav-pills .nav-link {
    padding: 15px 15px;
    font-size: 15px;
  }
  .headermenu .headbg .navbar-nav li a {
           padding: 9px 7px;
  }
  .contenthowbox {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .contenthowbox p {
    font-size: 15px;
    line-height: 26px;
  }
  .contenthowbox .sub-heading {
    font-size: 20px;
  }
  .himg {
    max-width: 315px;
  }

  .prodbanner::before {
    max-width: 659px;
  }

  .chooseusbox img {
    max-width: 40px;
  }

  .ourbox .table-content > div:first-child {
    width: 100%;
    margin-bottom: 16px;
  }
  .needhelpbg .table-content > div:first-child {
    width: 100% !important;
  }
  .needhelpbg .table-content > div {
    display: block;
  }
  .needhelpcontent {
    text-align: center;
  }

  .needhelpbg .ourbox .ourimg {
    max-width: 40px;
  }
  .needhelpbg .ourbox .needhelpcontent {
    text-align: center;
  }


  .leadingplatform .flexbox {
    flex-wrap: wrap;
  }
  .userstatsflex .table-content {
    display: block;
  }
  .userstatsflex .needhelpcontent{
    display: block;
  }
.userstatsflex .table-content > div {
  display: block;
}
.userstats .table-content > div:first-child {
  width: 100%;
}
.deplandingadright .table-content > div
{
  display: table-cell !important;
  vertical-align: middle !important;
  float: none;
  text-align: left;
}
.deplandingadright .table-content > div:first-child {
  width: 81px !important;
}
.flextop
{
  display: inline-block !important;
  width: 100%;
}
.flextop>div
{
  width: 100% !important;
  margin: 5px 0px;
}
.copytwotabsec .needhelpcontent, .needhelpcontent {
  text-align: start;
}
.tblerecorddata
{
  display: inline-block !important;
  width: 100%;
}
.tblerecorddata>div
{
  width: 50%;
  float: left;
  padding-bottom: 5px;
}
.tblerecorddata.mt-5
{
  margin-top: 0px !important;
}
.histortrans hr {
  margin-top: 0px;
}
.headermenu .headbg .navbar-nav li .sitebtn {
  padding: 8px 13px;
}
}

@media (max-width: 991px) {
  .footerbox .row > div:last-child {
    width: 100%;
    max-width: 60%;
  }

  .ourprocontent,
  .choousp {
    font-size: 15px !important;
  }
  .loginbanner .headermenu .headbg .dropdown-item {
    color: #000 !important;
  } 
  .loginbanner .headermenu .dropdown-menu {
    background: #f0f0f0;
  }
  .loginbanner .headermenu .dropdown-menu .iconboxbg {
    background: #d8d8d8;
  }
  .loginbanner .headermenu .dropdown-menu .iconboxbg img {
    filter: grayscale(1) invert(1);
  }
  .dwnqr {
    text-align: left;
  }
  .downloadbg .h4 {
    font-size: 16px;
  }
  .downloadbg .row {
    flex-direction: column;
  }
  .qrbg {
    width: 100%;
    max-width: 341px;
    margin: 0px auto;
    text-align: left;
    margin-top: 10px;
  }
  .footerbox .qrbg {
    max-width: 100%;
    margin: 0px;
  }
  .dwnimg {
    max-width: 426px;
  }
  .downloadbg {
    text-align: center;
  }
  .ourimg {
    max-width: 32px;
  }
  .ourbox {
    padding: 20px;
  }
  .tabrightbox.arwicon {
    top: 15px;
    bottom: inherit;
    right: 25px;
  }
  .ourbox .table-content > div:first-child {
    width: 100% !important;
    text-align: center;
  }
  .ourbox .table-content > div {
    display: block;
  }
  .topertable .table-content > div:first-child {
    width: 38px !important;
  }
  .borderbg.topertable {
  }
  .twotablesec .tabrightbox {
    right: 6px;
    top: 6px;
  }
  .borderbg {
    padding: 0;
  }
  .twotablesec .nav-tabs .nav-link {
    font-size: 15px;
  }
  .twotablesec .flexbox {
    flex-wrap: wrap;
  }
  .twotablesec .flexbox > div {
    width: 100% !important;
  }
  .twotablesec .flexbox > div:last-child {
    display: flex;
    gap: 10px;
    width: 100%;
  }
  .twotablesec .flexbox > div:last-child > div {
    width: 100%;
    margin: 0 !important;
  }

  .headermenu .dropdown-menu .iconboxbg img {
    filter: none;
  }
  .headermenu .headbg .dropdown-item {
    color: #081847 !important;
  }
  .headermenu .dropdown-menu {
    background: #e8e8e8;
    box-shadow: none;
    margin-top: 10px;
    padding: 0px;
  }
  .headbg .prodctdropbox .dropdown-menu {
    padding: 0;
  }
  .homebannerbg .bannersubmin {
    font-size: 36px;
  }

  .fltbg > div {
    width: 49%;
  }
  .fltbg > div:last-child {
    width: 100%;
    text-align: center;
  }
  .fltbg > div:last-child .btn {
    width: auto;
    padding: 10px 28px;
  }
  .fltbg,
  .h-box .flexbox {
    flex-wrap: wrap;
  }
  .h-box .flexbox > div {
    width: 49%;
  }
  .heading-title {
    font-size: 27px !important;
    line-height: 42px;
  }
  .headermenu .sitebtn,
  .headminborder {
    width: 100%;
    max-width: 128px;
    margin-top: 10px !important;
  }
  .langmenu,
  .modebg {
    width: 100%;
    max-width: 46px;
    margin-top: 10px !important;
  }
  .modebg {
    margin-left: 0px;
  }
  .headbg {
    padding: 6px 0px;
    position: fixed;
    background: #ffffff !important;
    box-shadow: 0px 4px 11px 0px #0000002e;
  }

  .headbg .navbar-collapse {
    border-top: 1px solid #cacaca4f;
    margin-top: 15px;
    padding-top: 7px;
  }
  .headermenu .headbg .navbar-nav li a {
    padding: 8px 0px;
    font-size: 15px;
  }
  .homebannerbg .sitebannercontent {
    padding-top: 7vh;
  }
  .homebannerbg .row > div {
    text-align: center;
  }
  .homebannerbg .row > div:first-child {
    padding-bottom: 15px;
  }
  .homebannerbg .banner-img {
    max-width: 1000px;
  }
  .homebannerbg .heading-title {
    font-size: 32px !important;
    line-height: 45px !important;
  }

  .chooseusdiv {
    flex-wrap: wrap;
  }
  .chooseusdiv > div {
    width: 47.5%;
    margin: 8px;
    padding-top: 27px;
    margin-bottom: 26px;
  }
  .footersubtn {
    width: 100%;
    max-width: 500px;
  }
  .footerbox .row {
    flex-wrap: wrap;
  }
  .footerbox .row > div {
    width: 33.3%;
    max-width: 33.3%;
    flex: 33.3%;
    margin-bottom: 15px;
  }
  .dwnqr p {
    text-align: left;
  }
  .logo-img {
    max-width: 134px;
  }

  .footerbottombg h3 {
  }

  .newlisttable {
    margin-top: 20px;
  }
  .footerbottombg h3 {
  }
  .modechanges {
    margin-top: 12px;
  }
  .footerbottombg h3 {
    font-size: 18px;
  }
  .footerbottombg .ftxt {
    text-align: start;
  }
  .footerbox {
    margin-bottom: 8px;
    padding-bottom: 0;
  }
  .formboxbg {
    display: inline-block;
    width: 100%;
    border-radius: 0px;
  }
  .formboxbg > div {
    display: inline-block;
    width: 100%;
  }
  .rightsideformbox {
    padding: 25px;
  }
  .loginformbox {
    margin: 0px auto;
  }
  .loginlftimg img {
    max-width: 436px;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .formbg {
    padding-top: 74px;
    vertical-align: top;
  }
  .formboxbg .h2 {
    font-size: 20px;
    line-height: 30px;
  }
  .loginbanner {
    height: auto;
    background: #ffffff;
  }
  .leftsideformbox {
    padding-bottom: 0px;
  }
  .advbg .flexbox > div {
    padding: 12px 20px;
    border-radius: 12px;
  }
  .how-bg .flexbox > div:after {
    display: none;
  }
  .leftsideformbox img {
    max-width: 384px;
    display: block;
    margin: 0px auto;
  }
  .homebannerbg::before {
    background-position: center bottom;
  }
  .homebannerbg p {
    padding-right: 0px;
    font-size: 16px;
  }
  .sitebannercontent h2 {
    font-size: 31px;
    line-height: 40px;
    padding-bottom: 0px;
  }
  .ourflx {
    display: inline-block !important;
  }
  .ourflx > div {
    width: 46.5%;
    margin: 9px;
    float: left;
  }
  .needhelpbg .d-flex {
    display: inline-block !important;
    width: 100%;
  }
  .needhelpbg .d-flex > div {
    width: 100%;
    margin: 7px 0px;
  }
  .f-logo {
    max-width: 100px;
  }
  .qrbg .h5 {
    font-size: 16px;
  }
  .ieolaunchpad .flexbox {
    flex-wrap: wrap;
  }
  .ieolaunchpad .flexbox.pjbg > div:last-child,
  .ieolaunchpad .flexbox.pjbg > div:first-child,
  .ieolaunchpad .flexbox > div {
    width: 100% !important;
  }
  .ieo-banner {
    max-width: 100%;
  }

  .ieolisting .panelcontentbox {
    padding: 0px;
  }
  .ieo-content {
    padding-left: 0px;
  }
  .supportsearch .siteformbg .form-control,
  .supportsearch .siteformbg .input-group-text {
    height: 33px;
  }

  .howitworkstitle {
    display: block;
  }

  .aboutpaymenticon {
    width: 100%;
    max-width: 680px !important;
  }

  .howitworkstitlelg {
    display: none;
  }

  .ourprodtitle {
    text-align: center;
  }

  .ourbg .ourbox {
    margin: 7px 0px;
    min-height: 342px;
  }

  .ourboxline1,
  .ourboxline2 {
    display: none;
  }
  .prodbanner::before {
    display: none;
  }

  .ourprodsflex {
    display: flex;
  }

  .ourprodsflex .ourbox {
    border: 1px solid #e4e5e7 !important;
    border-radius: 20px;
    margin: 0px 8px !important;
  }

  .ourprodsflex .ourbox > div {
    padding: 16px;
  }

  .prodbg.prodbanner .row {
    flex-direction: column-reverse;
  }
  .prodbanner {
    padding: 60px 0px !important;
  }

  .chooseusdiv {
    border: none;
    margin-top: 0px;
  }

  .chooseicon {
    margin-top: 0px;
  }

  .chooseus .chooseusbox {
    border: 1px solid #cfcfd0;
  }

  .qrbox .table-content > div:first-child {
    width: 100%;
  }

  .table-content > div {
    display: block;
  }

  .ourbg {
    padding: 50px 0px;
  }

  .howworkstiles > div:nth-child(2) {
    top: 0px;
  }

  .howworksectitle {
    top: 0px;
  }

  .howworkstiles > div:nth-child(1),
  .howworkstiles > div:nth-child(3) {
    margin-top: 0px;
  }

  .howworkstiles > div:nth-child(2) {
    top: 0px;
  }

  .needhelpbg .ourbox .ourimg {
    max-width: 32px;
  }

  .prodbanner .row > div:first-child {
    text-align: center;
  }

  .prodimgellipse::before {
    bottom: 0px;
    background-position: bottom;
    max-width: 529px;
  }

  .prodsbtn {
    padding-left: 0px !important;
    margin: 16px;
    text-align: center;
  }

  .twotablesec .table-content > div {
    display: table-cell;
  }

  .formbg .container {
    padding: 0px 0px;
  }
  .twotablesec
  {
    padding-top: 0px;
  }
  
  .howworkstiles
  {
    align-items: inherit !important;
  }
  .heroimg::before
  {
    right: inherit;
    left: 50%;
    transform: translate(-50%, 0%);
  }

  .apihtml {
    padding-left: 29%;
}

.apiciontenttext {
  width: 28%;
}

.fiatdep .heading-title,
.contenttitle {
  text-align: center;
}

.needhelpbg.fiatsection .chooseusdiv > div {
  width: 47.5%;
}
.innerpagebg p {
  line-height: 27px;
}
.convertflex .deptitle {
  font-size: 20px;
}
.swaprightfrm
{
  margin: 0px auto;
}
.swapheaderbg .row>div:first-child
{
  text-align: center;
  margin-bottom: 20px;
}
.swapheaderbg .heading-title
{
  padding: 0px;
}
.topsubheaderbg {
  padding-top: 76px;
}
.formbggroup .form-control
{
  font-size: 18px;
}
.swaphowitworks .chooseusbox, .buysellfeat .chooseusbox
{
  border: 0px;
  margin-bottom: 6px !important;
}
.swapexchangepage 
{
  display: inline-block !important;
  width: 100%;
}
.swapexchangepage>div
{
  width: 100% !important;
  margin: 0px;
  margin-bottom: 10px;
}
.checktranstable p
{
  line-height: 23px !important;
}
.checktranstable .t-black {
  font-size: 15px;
  padding: 0px 0px;
}
.swapexchangepage .checkoutdetails
{
  width: 100% !important;
}
.stepsflowlist li, .translist, .cmpltestepage .checktranstable>div
{
  width: 50%;
  float: left;
  padding-bottom: 4px !important;
}
.cmpltestepage hr
{
  margin: 10px 0px;
}
.timerboxswap hr
{
  display: none;
}
.stepsflowlist, .transatable
{
  display: inline-block;
  width: 100%;
  margin: 0px;
}
.stepsflowlist>li:nth-child(3) p, .stepsflowlist>li:last-child p
{
  margin:0px;
  line-height: 19px;
}
.swapexchangepage .panelcontentbox
{
  padding: 15px;
}
.buyselltabform, .depcontentbox
{
  margin: 0px auto;
}

.depform {
  flex-wrap: wrap;
}
.swapheaderbg {
  padding-top: 31px;
}
.deposithist
{
  padding-top: 30px;
}
.conffiat .lightgraybg
{
  padding: 14px;
}

.copytradehome{
  text-align: center;
}
.copytradehome .sitebannercontent{
  padding-bottom: 1vh;
}
.copytwotabsec{
  padding: 50px 0px;
}
.copytwotabsec .chooseusdiv > div{
  margin-bottom: 0px;
  padding: 16px 8px;
}
.balancesec .table-content > div{
  display: table-cell;
}
.balancesec .chooseusdiv > div{
  width: 33.3%;
  padding: 0px;
}
.balancesec .chooseusdiv{
  justify-content: space-between;
  border: 1px solid #e4e5e7;
}
.perfrmborder
{
  display: inline-block !important;
  width: 100%;
}
.perfrmborder>div
{
  width: 100%;
  margin: 5px 0px;
}
.perfrmborder table tr td {
  padding: 4px 0px;
}
.portfolioborder
{
  margin: 0px auto;
}
.profiletopdtabox .table-content
{
  display: table;
  width: 100%;
}
.profiletopdtabox .table-content>div
{
  display: table-cell;
}
.futuresleadprfile .flexbox
{
  display: inline-block;
}
.futuresleadprfile .flexbox>div
{
  width:100% !important;
  margin: 5px 0px;
}
.futuresleadprfile .profileimgs
{
  margin: 0px auto;
  display: block;
}
.heroimg::after
{
  display: none;
}
.heroimg img
{
  visibility: visible;
}
}

@media (max-width: 767px) 
{
  .panelcontentbox
  {
    padding: 14px;
  }
  .footerbox .row > div:last-child {
    width: 100%;
    max-width: 100%;
  }
  .aboutpaymenticon {
    max-width: 480px !important;
  }

  .landingtable .table-content {
    max-width: none;
  }
  .twotablesec .table-content img {
    width: 27px;
  }

  .twotablesec .markettabflex .nav-tabs .nav-item {
    text-align: center;
    width: 100%;
  }
  .markettabflex .nav {
    flex-wrap: inherit;
  }

  .twotablesec .tabrightbox {
    right: inherit;
    top: inherit;
    text-align: center;
  }

  .herobtn {
    padding: 8px 17px !important;
  }
  .sitetable tbody tr td,
  .sitetable thead tr th {
    padding: 9px 9px;
    font-size: 14px;
  }
  .hwbox,
  .hwbox > div:nth-child(even) > div:last-child,
  .hwbox > div:nth-child(even) > div:first-child {
    text-align: center;
  }
  .hwbox > .row {
    flex-direction: column-reverse !important;
    margin-bottom: 31px;
  }
  .himg {
    max-width: 315px;
  }
  .arwimg {
    width: 20px;
  }
  .twotablesec .nav-tabs .nav-link {
    font-size: 14px;
    padding: 3px 11px;
  }
  .fqr {
    max-width: 140px;
  }
  .fcontent {
    text-align: center;
  }

  .flex-box.ourflx > div {
    width: 100%;
    padding: 16px;
  }
  .homebannerbg .bannersubmin {
    font-size: 32px;
    line-height: 42px;
  }

  .innerpagecontent .h2 {
    font-size: 25px;
  }
  .mt-box .h4 {
    font-size: 20px;
  }
  .innerpagecontent {
    padding-bottom: 10px;
    padding-top: 97px;
  }

  .usericont {
    margin-right: 0;
    margin-bottom: 5px;
  }
  .sitebtn {
    font-size: 15px;
  }

  .h-box .flexbox > div {
    padding: 12px 12px;
  }

  .h-box .flexbox {
    padding-top: 20px;
  }
  .advbox .h4,
  .h-box .h4 {
    font-size: 20px;
  }

  section {
    padding: 30px 0px;
  }
  .statisticsbg {
    padding: 25px 0px;
  }
  .heading-title {
    font-size: 26px !important;
    line-height: 34px;
    text-align: center !important;
  }
  .downloadbg .heading-title {
    font-size: 22px !important;
  }
  .sitetable tbody tr td {
    font-size: 14px;
  }
  .homebannerbg .heading-title {
    font-size: 28px !important;
    line-height: 42px !important;
  }
  .homebannerbg .banner-img {
    max-width: 520px;
  }
  .chooseusdiv > div {
    width: 100%;
    padding: 20px 20px;
    text-align: center;
    margin: 0px;
    margin-bottom: 16px;
  }
  .chooseusdiv > div:last-child {
    margin-bottom: 0px;
  }
  /* .chooseicon
  {
    margin: 8px auto;
    margin-top: -45px;
    width: 60px;
    height: 60px;
  } */
  .chooseusbox img {
    max-width: 32px;
  }
  .chooseus .row > div {
    text-align: center;
  }
  .needhelpdiv > div {
    width: 100%;
    text-align: center;
  }
  .helpicon {
    margin: 0px auto;
    margin-bottom: 10px;
  }
  .needhelpdiv .table-content > div:first-child {
    margin: 0px auto;
  }
  .needhelpdiv > div {
    padding: 19px 0px !important;
    border-bottom: 1px dashed #ccc;
  }
  .needhelpdiv > div:last-child {
    border: 0px;
  }
  .needhelpbg .heading-title {
    text-align: center;
  }

  .twotablesec .subhead {
    font-size: 20px;
    line-height: 31px;
  }
  .table-responsive-stack tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .table-responsive-stack td,
  .table-responsive-stack th {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: inherit !important;
    font-size: 14px;
    color: #fff;
  }

  .table-responsive-stack tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 0;
    display: block;
  }

  .table-responsive-stack td {
    width: 100%;
    text-align: right;
    padding: 7px 10px !important;
    /* border-color: #26292f !important; */
    /* color: #fff !important; */
    font-size: 13px;
    border-top: 0px !important;
  }

  .table-responsive-stack tbody > tr:nth-child(2) td,
  .sitetable tbody tr td {
    border: none;
  }

  .table-responsive-stack .table-responsive-stack-thead {
    float: left;
    text-align: left;
    padding-right: 10px;
    font-size: 13px;
    letter-spacing: 0px;
    color: #000000;
    font-weight: 500;
  }
  .table-responsive-stack tbody > tr:nth-child(odd) {
    background: #f4f4f4;
  }

  .table-responsive-stack tbody > tr:nth-child(even) {
    background: #ffffff !important;
  }
  .twotablesec .table-content {
    display: block;
  }
  .headermenu .headbg .dropdown-item
  {
   font-size: 14px;
  }
  .twotablesec .table-content > div {
    display: block;
  }
  .twotablesec .twotable .table-content > div:first-child {
    width: 100% !important;
    padding-right: 2px !important;
  }
  .twotablesec table .table-content > div {
    display: table-cell;
    vertical-align: top;
  }
  .twotablesec .coinname {
    font-size: 14px;
    line-height: 23px;
  }
  .needhelpdiv {
    display: inline-block;
    padding: 0px 15px;
  }
  .sub-heading {
    font-size: 18px;
    line-height: normal;
    padding-bottom: 5px;
  }
  .needhelpcontent h4
  {
    font-size: 14px;
  }
  .formboxbg .h2 {
    font-size: 22px;
  }
  .login-form .heading-title {
    font-size: 22px !important;
  }
  .howsec_img img {
    max-width: 350px;
  }
  .tradepicesubbg .h3 {
    font-size: 14px;
  }
  .form-group.has-error {
    position: relative;
  }
  .paymentdetails {
    display: inline-block;
    width: 100%;
    padding-top: 6px;
    position: relative;
  }
  .paymentlist li {
    float: left;
    padding: 0px 5px;
  }
  .paymentlist li > span {
    padding-left: 2px;
  }
  .paymenttoggleicon {
    position: absolute;
    top: -19px;
    right: 0px;
  }
  .cryptobg .usericont {
    float: right;
    margin-left: 5px;
    width: 27px;
    height: 27px;
  }
  .cryptobg .table-content {
    display: flex;
    flex-direction: row-reverse;
    width: auto;
  }

  .how-bg img,
  .adimg {
    max-width: 42px;
  }
  .simplebar-scrollbar:before {
    opacity: 0.5;
  }
  .notablehead .table-responsive-stack-thead {
    display: none !important;
  }
  .notablehead {
    text-align: center !important;
  }
  .notablehead .btn {
    width: 100%;
  }
  .faqsecbanner .accordion-button {
    font-size: 15px;
    padding: 16px 0px;
    line-height: 23px;
  }
  .twotablesec .duration-days a {
    width: 35px;
    height: 31px;
    padding-top: 5px;
  }
  .leftsideformbox img {
    max-width: 321px;
  }
  .sitebannercontent h2 {
    font-size: 26px;
  }
  .aboutbg .row {
    flex-direction: column-reverse;
    text-align: center;
  }
  .cryptosupprtlist {
    display: flex;
    justify-content: center;
    margin-bottom: 23px;
    flex-wrap: wrap;
  }
  .ourflx > div {
    width: 100%;
    margin: 7px 0px;
  }
  .communitybox {
    text-align: center;
  }
  .socialist li a {
    width: 35px;
    height: 35px;
  }
  .socialist {
    justify-content: center;
  }
  .footerbox .row > div {
    width: 100%;
    max-width: 100%;
    flex: 100%;
  }
  .ftext {
    font-size: 14px;
  }
  .communitybox p {
    font-size: 15px;
  }
  .contenthowbox .sub-heading {
    font-size: 19px;
  }
  .appimg img {
    max-width: 124px;
  }
  .homebannerbg .sitebannercontent {
    padding-top: 10vh !important;
  }
  .faqpage .accordion-button {
    font-size: 15px;
    line-height: 24px;
    padding: 12px 16px;
  }
  .faqpage .accordion-body
  {
      padding: 12px 16px;
      padding-top:0px;
  }
  .ieolaunchpad .panelcontentbox {
    padding: 15px;
  }
  .about-info {
    padding: 5px 0px;
  }
  .nodata .table-responsive-stack-thead {
    display: none !important;
  }
  .nodata td {
    text-align: center !important;
  }
  .nodata img {
    max-width: 83px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .ourprodsflex {
    flex-direction: column;
  }

  .ourprodsflex .ourbox {
    margin: 8px 0px !important;
  }

  .prodicon {
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 16px;
  }

  .prodcontent {
    text-align: center;
  }

  .prodimg {
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 16px;
  }

  .prodicon {
    display: flex !important;
    justify-content: center !important;
  }

  .needhelpbg .ourbox .needhelpcontent {
    text-align: center !important;
  }
  .arrimg {
    width: 20px;
  }
 .ourbg {
        padding: 30px 0px;
  }
  .ourbg .ourbox {
    min-height: inherit;
  }
  .qrimg {
    max-width: 160px;
  }  

  .api-flex {
    display: block;
  }

  .htmlpostbg {
    padding: 90px 10px;
  }

  .api-flex > div {
    width: 100%;
    margin: 10px 0px;
  }

  .api-flex > div:first-child {
  padding: 10px;
  background: #1B1B1B;
  border-radius: 10px;
  margin-bottom: 10px;
  position: initial;
  max-height: 300px;
  border-top: 0;
  }

  .apiciontenttext {
    padding-top: 0px !important;
  }


  .api-flex > div:last-child {
      padding-left: 0px;
      padding-right: 0px;
  }

  .apihtml .sc-sp-data-dis {
    padding-top: 10px;
    padding: 15px 15px;
    border-radius: 10px;
    margin-bottom: 15px;

  }

  .deposithist.twotablesec .table-content > div:first-child {
    width: 100% !important;
    padding-right: 2px !important;
  }
  .convertflex .deptitle {
    font-size: 22px;
  }
  .navsdep
  {
    justify-content: center;
    border-bottom: 1px solid #e6e6e6;
  }
  .navsdepdiv .pull-right
  {
    float: none !important;
  }
  .navsdep li a
  {
    padding: 10px 0px;
    font-size: 14px;
  }
  .bredcrubbox .container
  {
    padding: 0px;
  }
  .bredcrubbox .row
  {
    margin: 0px;
  }
  .formbggroup .input-group-text {
    width: 115px;
  }
  .formbggroup .form-control
  {
    font-size: 14px;
  }
  .formbggroup .nav-item>a>div h5, .coinselectlist h5 {
    font-size: 13px;
  }
  .swapheaderbg {
    padding-top: 21px;
  }
  .formbggroup {
    padding: 10px;
  }  
  .wltaddresstbale tr td, .wltaddresstbale tr
  {
    display: block;
    width: 100%;
    text-align: center;
  }
  .wltaddresstbale tr td
  {
    padding: 1px 0px !important;
  }
  .wltaddresstbale tr
  {
    padding-bottom: 5px;
  }
  .swapheaderbg .heading-title
  {
    font-size: 23px !important;
    line-height: 29px;
  }
  .swapheaderbg .row>div:first-child p {
    font-size: 16px;
    line-height: 26px;
  }
  .swaphowitworks .chooseusbox, .buysellfeat .chooseusbox {
    padding: 10px;
    text-align: center;
  }
  .select2 img, .select2-results__option img {
    max-width: 20px;
    height: 20px !important;
    top: 6px;
    position: relative;
  }
  .convertpanel .formbggroup label
  {
    font-size: 14px;
  }
  .leadingplatform .panelcontentbox.fiatbg
  {
    position: relative;
    background: #fff;
  }
  .leadingplatform .panelcontentbox.fiatbg::before
  {
   content:"";
   position: absolute;
   left: 0px;
   top: 0px;
   background-image: url(../images/fiatbg.png);
   background-position: right;
   background-repeat: no-repeat;
   background-size: auto;
   width: 100%;
   height: 100%;
   z-index: 9;
   opacity: 0.2;
  }
  .leadingplatform .fiatbg>div
  {
    position: relative;
    z-index: 99;
  }
  .floatingtab ul li a {
    padding: 12px 16px;
    font-size: 14px;
  }
  .checktranstable 
  {
    display: inline-block !important;
    width: 100%;
  }
  .twoblockbox>div
  {
    width: 50%;
    float: left;
  }
  .swapexchangepage hr
  {
    margin: 5px 0px;
  }
  .buysellpanelbox .tabbanner li a {
    padding: 3px 17px;
    font-size: 13px;
  }
  .buysellpanelbox .tabbanner 
  {
    top: 0px;
  }
  .convertpanel .formbggroup .input-group-text {
    width: 120px;
  }
  .select2 p, .select2-results__option p {
    font-size: 13px !important;
  }
  .buysellpanelbox .tab-content
  {
    padding: 15px !important;
  }
  .convertmdl .lightbgbox
  {
   padding: 10px;
  }
  .depcontentbox .panelcontentbox
  {
    padding: 15px;
  }
  .table-content.paymthd
  {
    padding: 10px !important;
  }
  .depositimg {
    max-width: 29px;
  }
  .fiatsection .heading-title
  {
    font-size: 20px !important;
  }
  .paymthd p
  {
    line-height: 22px;
  }
  .paymtinstruc.sitescroll {
    max-height: 209px;
   }
   .depdtails
   {
    padding: 15px;
   }
   .depflex
   {
    padding: 15px;
   }
   .paymtdtls .dpsitinstruc ul li {
    margin-bottom: 2px;
  }
  .subapeal p {
    line-height: 23px;
  }

  .cardbox > div {
    width: 100%;
  }
  .copytwotabsec{
    text-align: center;
  }
  .copytwotabsec .chooseusdiv > div{
    margin-bottom: 20px;
  }
  .copytwotabsec .chooseusdiv, .copytwotabsec .needhelpcontent{
    text-align: center;
  }
  .copytwotabsec .ourbox .table-content > div:first-child{
    text-align: center !important;
    width: 100% !important;
  }

  .balancesec .chooseusdiv > div{
    width: 100%;
  }
  .balancesec .table-content > div{
    display: block;
  }
  .balancesec .table-content > div:first-child{
    text-align: center !important;
    width: 100% !important;
  }
  .balancesec .needhelpcontent{
    text-align: center;
  }
  .balancesec .chooseusdiv>div:last-child{
    width: 100%;
    text-align: center;
  }
  .balancesec .chooseusdiv{
    border: 1px solid #e4e5e7;
    border-radius: 10px;
  }
  .balancesec .chooseusdiv > div:first-child, .balancesec .chooseusdiv > div:last-child {
    padding: 0px 0px !important;
  }
  .balancesec .chooseusdiv>div{
    margin-bottom: 0px;
    padding: 0px !important;
  }
  .copytradetopsection
  {
    text-align: center;
  }
  .balancesec .landingicon {
    margin: 0px auto;
  }
  .balancesec .chooseusdiv > div:last-child
  {
    text-align: center !important;
    padding-top: 0px;
  }
  .parentabsec .nav-tabs .nav-item {
    width: auto !important;
  }
  .seemoretab 
  {
    position: relative !important;
    right: 0px !important;
    top: 0px !important;
  }
  .copytwotypetabsec .tab-content .nav-tabs .nav-link {
    font-size: 12px !important;
    padding: 3px 9px !important;
  }
  .copytwotypetabsec .tab-content .nav-tabs .nav-item {
    padding-right: 2px;
  }
  .searchdrop .form-control {
    height: 32px;
    font-size: 14px;
  }
  .chartrghtcon .txtbig {
    font-size: 15px;
  }
  .copytradefaq p
  {
    padding: 0px;
    font-size: 15px;
  }
  .copytradefaq .accordion-body {
    padding: 8px;
   }
   .copytradefaq .accordion-item
   {
    padding: 5px;
   }
   .copytradefaq .accordion-button {
    font-size: 15px;
    line-height: 24px;
    padding: 5px;
    padding-left: 38px;
   }
   .copytradefaq .accordion-button::after, .copytradefaq .accordion-button:not(.collapsed)::after {
    font-size: 13px;
    top: 6px;
    left: 12px;
   }
   .copytradefaq .accordion-button:not(.collapsed)::after {
    top: 9px;
    left: 0px;
   }
   .portfolioborder
  {
    border:0px;
    margin-top: 20px;
  }
  .cpytradehistory .seemoretab
  {
    top: -53px !important;
  }
  .leadcolbg
  {
    text-align: center !important;
  }
  .histortrans .flexbox
  {
    display: inline-block !important;
    width: 100%;
  }
  .histortrans .flexbox>div
  {
    width: 100% !important;
    border: 0px !important;
    margin: 5px 0px;
  }
  .histortrans .flexbox>div:first-child
  {
    padding-right: 0px;
    margin-bottom: 10px;
  }
  .tblerecorddata>div {
    padding-bottom: 6px;
  }
  .leadprofilepage .flexbox
  {
    display: inline-block !important;
    width: 100%;
  }
  .leadprofilepage .flexbox>div
  {
    margin: 10px 0px;
    width: 100% !important;
  }
  .profileimgs
  {
    margin: 0px auto;
    display: block;
  }
  .copytradecntsection .siteformbg .form-group {
    margin-bottom: 20px;
   }
   .tblerecorddata.mt-4
   {
    margin-top: 0px !important;
   }
   .profileicon 
   {
     margin: 0px auto;
     float: none;
   }
   .pagination-tt>nav>div:first-child
   {
     display: block;
   }
   .pagination-tt>nav>div:last-child
   {
     display: none;
   }
   .termspage h2 {
    font-size: 22px;
   }
   .topertable .sitetable tbody tr td
   {
    font-size: 13px;
   }
   .chooseus p, .ourprocontent
   {
    font-size: 14px;
   }
   .ourbox .sub-heading {
    font-size: 18px;
   }
   .headermenu .headbg .navbar-nav li a
   {
    font-size: 14px;
   }
}


@media (max-width: 600px) {
  .homebannerbg .sitebannercontent {
    padding-bottom: 0;
  }
  .twotablesec .flexbox > div:last-child {
    flex-wrap: wrap;
  }
  .homebannerbg .bannersubmin {
    font-size: 28px;
  }
  .mrktab .twotablesec {
    padding-top: 40px;
  }
  .mrktab .tabbanner > li {
    width: 100%;
  }
  .marketpage .tabrightbox {
    position: relative;
    top: inherit !important;
    right: inherit !important;
    padding: 10px 0px;
  }
  .mrktab .tabbanner {
    position: relative;
    margin-bottom: 0px;
  }
  .faqicon {
    width: 22px;
    height: 22px;
    margin-right: 11px;
    position: relative;
  }
  .advbox .content {
    padding: 0;
  }
  .h-box .table-content > div {
    display: block;
  }
  .h-box .table-content > div:first-child {
    width: 100%;
    padding-bottom: 10px;
  }
  .advbg .flexbox > div,
  .h-box .flexbox > div {
    text-align: center;
  }
  .adicon {
    margin: 0 auto;
    margin-bottom: 10px !important;
  }
  .homebannerbg .heading-title {
    font-size: 24px !important;
    line-height: 36px !important;
  }
  .homebannerbg .banner-img {
    max-width: 360px;
    margin-top: 20px;
  }

  .exploresecdiv > div {
    padding: 16px 10px;
  }
  .chooseusdiv > div,
  .needhelpdiv > div {
    padding: 17px 15px !important;
  }
  .howitworkbg .borderbg {
    padding: 20px;
  }
  .needhelpdiv .needhelpbox > div:first-child img {
    max-width: 40px;
  }
  .footersubtn .sitebtn {
    padding: 7px 18px;
    font-size: 13px;
  }
  .footerbottombg h3 {
    font-size: 17px;
    line-height: 22px;
    padding-bottom: 0px;
  }
  .logo-img {
    max-width: 134px;
  }
  .carouselbannerbg {
    background: #fff;
    padding: 20px 0px;
  }
  .orgtxt {
    font-size: 13px;
    line-height: 26px;
  }
  .tableviewsec {
    top: 5px;
  }
  .loginformbox {
    padding: 0px;
  }
  .modal-body {
    padding: 17px;
  }
  .qrbg .h5 {
    font-size: 14px;
    line-height: 22px;
  }
  .qrborderbox {
    width: 80px;
    height: 80px;
  }
  .qrbg > div:first-child {
    width: 128px;
  }
  .socialterms {
    flex-wrap: wrap;
    gap: 8px;
  }
  .ieo-banner {
    min-height: 180px;
  }
  .ieo-banner img {
    max-width: 92px;
  }
  .ieo-content .btn {
    width: 100%;
  }
  .ieolaunchpad.panelcontentbox {
    padding: 15px;
  }
  .ieolaunchpad .h3 {
    font-size: 18px;
  }
  .downloadbg .content {
    font-size: 15px;
  }

  .ourprocontent,
  .choousp,
  .howworksectitle p {
    font-size: 16px !important;
  }
  .tablebtn {
    padding: 3px 17px;
  }
  .dtinfo span {
    float: none;
    display: inline-block;
    width: 100%;
  }
  .convertflex .deptitle {
    font-size: 18px;
  }
  .userstatsflex {
    flex-wrap: wrap;
  }
  .stepsflowlist li, .translist 
  {
    width: 100%;
  }
  .stepsflowlist li {
    padding-bottom: 15px !important;
  }
  .stepsflowlist h5, .swapfinalprogress h5
  {
    font-size: 15px;
  }
  .stepsflowlist p
  {
    margin: 0px;
    line-height: 22px !important;
  }
  .stepsflowlist h5, .swapfinalprogress h5
  {
    padding-bottom: 0px;
  }
  .convrtflexbtn
  {
    display: inline-block !important;
    width: 100%;
  }
  .convrtflexbtn, .convrtflexbtn .text-end
  {
    text-align: center !important;
  }
  .transatable
  {
    text-align: center;
  }
  .translist 
  {
    padding: 8px 0px !important;
    border-bottom: 1px dashed #ccc;
  }
  .checkoutdetails hr
  {
    display: none;
  }
  .modalbgt .coinlisticon, .formbggroup .coinlisticon
  {
    width: 22px;
    margin-right: 1px;
  }
  .modal .modal-header h4 {
    font-size: 17px;
  }
  .formbggroup .nav-item>a>div:first-child, .coinselectlist .d-flex>div:first-child {
    width: 25px;
  }
  .exchangeform p, .coinselectlist p
  {
    font-size: 13px !important;
  }
  .exchangeform .btn {
    font-size: 15px;
    padding: 10px 21px;
 }
 .swaprightfrm {
  padding: 15px;
  }
  .exchangearrow>div {
    top: -17px;
    width: 30px;
    height: 30px;  
    line-height: 29px;
  }
  .navsdep li {
    padding: 0px 8px;
  }
  .topsubheaderbg {
    padding-top: 71px;
  }
  .cmpltestepage hr
  {
    display: none;
  }
  .cmpltestepage .checktranstable>div
  {
    width: 100%;
  }
  .checktranstable .t-black {
    font-size: 13px;
  }
  .convrtflexbtn .btn, .convrtflexbtn .alinkt
  {
    width: 100%;
    margin-bottom: 10px;
  }
  .panelcontentbox.userstats .landingicon {
    width: 50px;
    height: 50px;
  }
  .deplandingadright .table-content > div:first-child {
    width: 66px !important;
  }
  .panelcontentbox.userstats .landingicon .ourimg {
    max-width: 21px;
   }
   .needhelpbg.fiatsection .chooseusdiv > div {
    width: 100%;
    margin: 5px 0px;
  }
  .profiletopdtabox .table-content
  {
    display: inline-block;
    width: 100%;
  }
  .profiletopdtabox .table-content>div
  {
    display: inline-block;
    width: 100%;
    text-align: left !important;
    padding: 5px 5px;
  }
  .profiletopdtabox .text-end
  {
    text-align: left !important;
  }
  .profiletopdtabox .table-content>div:first-child
  {
    border-right: 0px;
  }
  .successdtabox h5, .prflex h5, .chartflx h3
  {
    font-size: 13px;
  }
  .cnpairlist li
  {
    width: 33.3%;
  }
  .tabratiob
  {
    position: relative;
    top: inherit;
    right: inherit;
  }
  .sussicon {
    max-width: 62px;
  }
  .tblerecorddata h6
  {
   font-size: 13px;
  }
  .histortrans .lightgraybg {
    padding: 10px;
   }
   .settingb .alinkt {
    font-size: 17px;
   }
   .tblerecorddata p
   {
    font-size: 14px;
   }
   .nodata img {
    max-width: 59px;
    margin-top: 17px;
  }
}


@media (max-width:575px) 
{
  .convertflex input::placeholder, .convertflex .form-control {
    font-size: 14px !important;
  }
  .maintablebox .sitetable tbody tr td
  {
    font-size: 13px;
  }

}

@media (max-width: 500px) {
  .mt-tabel > div:last-child {
    width: 40%;
  }
  .mt-tabel .h5 {
    font-size: 15px;
  }
  .mt-tabel .h6 {
    font-size: 13px;
  }
  .mrktab .tabbanner {
    flex-wrap: wrap;
    border-radius: 5px;
    border: 0;
  }
  .mrktab .tabbanner > li {
    padding: 0;
  }
  .fltbg > div {
    width: 100%;
  }
  .heading-title {
    font-size: 21px !important;
    line-height: 30px;
  }
  .homebannerbg .sitebtn {
    padding: 9px 22px;
    font-size: 14px;
  }
  .carouselbannerbg .owl-stage {
    padding-top: 8px;
  }
  .intl-tel-input .country-list {
    white-space: normal;
    width: 350px !important;
  }
  .twotablesec .table-content img {
    width: 22px;
  }
  .sitetable tbody tr td {
    font-size: 13px;
  }
  .sitebannercontent h2 {
    font-size: 21px;
    line-height: 30px;
  }
  .homebannerbg p {
    font-size: 15px;
    line-height: 27px;
  }
  .footerbox .row > div {
    width: 100%;
    max-width: 100%;
    flex: 100%;
  }
  .filterbtn {
    font-size: 13px;
    padding: 2px 10px;
    margin-right: 2px;
    width: 48%;
  }
  .ieobg {
    padding: 16px 0px;
  }
  .rightsideformbox {
    padding: 12px;
  } 
  .markettabflex .nav
  {
    flex-wrap: wrap;
    background: #f4f4f4;
    padding: 10px 10px;
    border-radius: 5px;
  }
  .twotablesec .markettabflex .nav-tabs .nav-item
  {
    padding: 5px 0px;
  }
  .deptitle .pull-right {
    float: none;
    display: block;
    margin-top: 10px;
  }
  .twoblockbox>div
  {
    width: 100%;
  }
  .checkoutdetails .subhead {
    font-size: 17px;
  }
  .convertmdl table tr td, .convertmdl table tr
  {
    display: block;
    width: 100%;
    text-align: left !important;
  }
  .convertmdl table tr td
  {
    padding: 1px 0px !important;
    font-size: 13px;
  }
  .convertmdl table tr
  {
    padding: 3px 0px;
  }
  .tm-flx {
    justify-content: start;
  }
  .tm-flx>div:first-child
  {
    padding-left: 0px;
  }
  .modal-title
  {
    font-size: 16px;
  }
  .successmdlcontent h4
  {
    font-size: 17px;
  }
  .landingicon {
    max-width: 60px;
    height: 60px;
  }
  .ourbox .table-content > div:first-child
  {
    width: 100% !important;
  }
  .confirmnotes tr td, .confirmnotes tr
  {
    display: block;
    width: 100%;
    text-align: center !important;
  }
  .confirmnotes table tr td
  {   
    padding: 1px 0px !important;
  }
  .confirmnotes table tr 
  {
    padding-bottom: 10px;
  }
  .proimg img 
  {
    max-width: 45px;
  }
}

@media (max-width: 490px) {
  .homebannerbg .heading-title {
    font-size: 26px !important;
    line-height: 40px !important;
  }
  .aboutpaymenticon {
    max-width: 296px;
  }
  .startradebg .heading-title {
    font-size: 19px !important;
    line-height: 25px;
  }
  .subscibefrmbg .input-group {
    display: block;
    width: 100%;
  }
  .subscibefrmbg .form-group {
    background: none;
    border: 0px;
  }
  .subscibefrmbg .form-control {
    background-color: #081e34;
    border: 1px solid #1d3b59;
    border-radius: 5px !important;
    margin-bottom: 10px;
    width: 100%;
    height: 45px;
  }
  .subscibefrmbg .input-group-text {
    margin-top: 10px;
    text-align: center;
    justify-content: center;
  }
  #rc-imageselect,
  .g-recaptcha {
    display: inline;
  }

  #rc-imageselect {
    max-width: 100%;
  }

  .g-recaptcha > div > div {
    width: 100% !important;
    height: 78px;
    transform: scale(0.88);
    webkit-transform: scale(0.88);
    text-align: center;
    position: relative;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
  .g-recaptcha > div {
    margin: 0px;
    max-width: 234px;
    margin-bottom: -23px;
  }

  .twotablesec .markettabflex .nav-tabs .nav-item {
    width: 100%;
  }

  .homebannerbg .custombadge {
    font-size: 13px;
    padding: 4px 4px !important;
  }

  .herostar {
    width: 100%;
    max-width: 20px;
  }
  .cpytradelist
  {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .cpytradelist>li
  {
    max-width: 100%;
  }
  .linetabbanner .tabbanner>li a
  {
    font-size: 12px;
    line-height: 17px;
  }
  .cpytradehistory .tabbanner
  {
    max-width: 200px;
  }
  .cnpairlist li
  {
    width: 50%;
  }
  .prfbutton>p
  {
    margin-bottom: 4px !important;
  }
}

@media (max-width: 430px) {
  .footerbottombg .footerbox .row > div {
    width: 100% !important;
    margin-bottom: 8px;
  }
  .footerbottombg .footerbox .row > div:last-child {
    margin-bottom: 0px;
  }
  .homebannerbg .bannersubmin {
    font-size: 24px;
    line-height: 29px;
  }
  .homebannerbg .heading-title {
    font-size: 23px !important;
    line-height: 32px !important;
  }

  .heading-title {
    font-size: 21px !important;
  }
  .loginformbox {
    padding: 0px;
  }
  .formboxbg .h2 {
    font-size: 20px;
    line-height: 32px;
  }
 
  .login-form .form-control,
  .login-form .input-group-text {
    height: 40px;
    font-size: 14px;
  }
  .sitebtn {
    font-size: 14px;
    padding: 7px 19px;
  }
  .btn-sm {
    padding: 5px 15px;
    font-size: 14px;
  }
  .tabbanner li a {
    font-size: 15px;
  }

  .intl-tel-input .country-list {
    width: 280px !important;
  }
  .sub-heading,
  .ourbox .sub-heading {
    font-size: 17px;
  }
  .swaphowitworks h4, .buysellfeat h4 {
    font-size: 17px;
  }
  .swaphowitworks .chooseicon, .buysellfeat .chooseicon
  {
    padding-bottom: 4px;
    font-size: 24px;
  }
  .tblerecorddata>div
  {
    width: 100%;
      text-align: center;
      border-bottom: 1px solid #dcdcdc;
      padding: 7px 0px;
  }
  .tableflxrcrd .text-end
  {
    text-align: center !important;
  }
  .tableflxrcrd hr
  {
    display: none;
  }
  .ratioformbox .tabrightbox.infopopupratio 
  {
    top: -10px;
    position: relative;
    right: inherit;
  }
  .termspage h2 {
    font-size: 18px;
  }
}

@media (max-width: 400px) {
  .login-form .heading-title {
    font-size: 21px !important;
  }
  .otpverifybg .form-control {
    margin: 3px;
  }
  .logcenterbox .tabbanner {
    margin-top: 0px;
  }
  .login-form .phonetab .input-group {
    display: inline-block;
  }
  .login-form .phonetab .form-control {
    width: 100%;
    display: inline-block;
    margin-top: 4px;
  }
  .login-form .phonetab .input-group-text .form-control,
  .login-form .phonetab .input-group-text,
  .intl-tel-input {
    width: 100% !important;
  }
  .login-form .phonetab .input-group-text {
    padding-right: 0px;
  }
}

@media (max-width: 360px) 
{
  .formboxbg .h2 {
    font-size: 22px;
    line-height: 32px;
  }
  .twotablesec .nav-tabs .nav-link {
    padding: 10px 3px;
  }
  .formcontentbox .form-group {
    margin-bottom: 15px !important;
  }
  .tabbanner {
    margin-top: 0px;
  }
  .intl-tel-input .country-list {
    width: 250px !important;
  }
  .row.launch-bg > div {
    width: 100%;
  }
  .row.launch-bg > div h4 {
    text-align: center !important;
  }
  .ieo-content .readmorebtn,
  .ieo-content,
  .ieolaunchpad .h3 {
    text-align: center !important;
  }
  .ieolaunchpad .flexboxb,
  .ieolaunchpad .flexboxb > div {
    display: block;
    text-align: center !important;
  }

  .ieolaunchpad .flexboxb {
    margin-bottom: 10px;
  }
  .ieolaunchpad .flexboxb {
    padding-bottom: 0px;
  }
  .innerpagebg p {
    font-size: 14px;
    line-height: 25px;
  }
  .g-recaptcha > div > div {
    transform: scale(0.75);
    webkit-transform: scale(0.75);
  }
  .swapheaderbg .heading-title {
    font-size: 20px !important;
    line-height: 24px;
  }
 
}

@media (max-width: 320px) {
  .login-form .heading-title {
    font-size: 17px;
  }
  .loginformbox {
    padding: 15px;
  }
}

@media (max-height: 650px) {
  .homebannerbg .sitebannercontent {
    padding-top: 9vh;
  }
}

/*nightmode css start*/
.nightmode {
  background-color: #07153D;
  color: #dadada;
}

.nightmode .headermenu .headbg .navbar-nav li a 
{
  color: #ffffff;
}
.nightmode .headbg .borderbtn, .nightmode .modebg
{
  border-color: #38529b;
  color: #fff !important;
}
.nightmode .headbg
{
  background-color: #07153D;
}

.nightmode .lightthemeicon {
  display: inline-block;
}
.nightmode .darkthemeicon {
  display: none;
}
.nightmode .sitebannercontent h2 {
  color: #ffffff;
}

.nightmode .headermenu .dropdown-menu {
  background: #172c6b;
}

.nightmode .headermenu .headbg .dropdown-item {
  color: #ffffff !important;
}

.nightmode .twotablesec .nav-tabs .nav-link.active,
.nightmode .footerbottombg h3,
.nightmode .ftext,
.nightmode.loginbanner .headermenu .headbg .navbar-nav li a,
.nightmode.loginbanner .headermenu .headbg .dropdown-item,
.nightmode .tabbanner li a.active,
.nightmode.loginbanner .headermenu .headbg li a.sitebtn.borderbtn {
  color: #fff;
}
.nightmode .twotablesec .nav-tabs,
.nightmode .footerbox,
.nightmode .tabbanner {
  border-color: #20377c;
}
.nightmode .sitetable thead tr th,
.nightmode .sitetable tbody tr td,
.nightmode .twotablesec .nav-tabs .nav-link,
.nightmode p,
.nightmode .content,
.nightmode .footerbottombg ul li a,
.nightmode .tabbanner li a,
.nightmode .tabbanner li a:hover, .nightmode .infopopupratio a, 
.nightmode .infopopupratio a:hover, .nightmode .infopopupratio a:focus, .nightmode .infopopupratio a:active
{
  color: #c0cbe7;
}

.nightmode .homebannerbg .custombadge {
  background: radial-gradient(rgb(18 37 91) 99%, rgb(255 255 255 / 11%) 0%);
  color: #ffffff !important;
  border: 1px solid #253358 !important;
}

.nightmode .heroimg::before {
  background-image: url(../images/heroellipsedark.svg);
}

.nightmode .downloadbg .row::before 
{
  background-image: url(../images/heroellipsedark.svg);
}

.nightmode .twotablesec .nav-tabs .nav-link.active {
  background-color: #eaeaea !important;
  color: #1a1a18 !important;
}

.nightmode .twotablesec .nav-tabs .nav-link {
  background-color: #162960 !important;
  color: #b7bfd6 !important;
}

.nightmode .borderbg.twotable,
.nightmode .borderbg.topertable {
  background: url("../images/tablebg.svg") !important;
  border: 1px solid #243873;
}

.nightmode .twotablesec .coinname,
.nightmode .twotablesec .tabrightbox a,
.nightmode .topertable .tbhead {
  color: #c5c5c6;
}

.nightmode .sitetable tbody tr td,
.nightmode .sitetable thead tr th {
  border-color: #1e326e;
}

.nightmode .ourbg,
.nightmode .cryptocarousal,
.nightmode .footerbottombg {
  background-color: #081847;
}

.nightmode .ourbg .ourbox {
  background: linear-gradient(45deg, #081847, #ffffff26);
  border: 1px solid #5F5F60;
  background-position: left;
  background-size: cover;
}

.nightmode .prodbanner {
  background: url("../images/prodbannerdarkbg.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.nightmode .prodimgellipse::before {
  display: none;
}

.nightmode .prodbg.prodbanner .ourbox {
  background: transparent;
}

.nightmode .sub-heading {
  color: #ffffff;
}

.nightmode .sitetable thead tr th {
  background-color: transparent;
}

.nightmode .cryptobadges .react-multi-carousel-list .bg-white {
  background-color: unset !important;
  background: radial-gradient(#ffffff1c, transparent);
  border: 1px solid #394a7a !important;
}

.nightmode .needhelpbg .ourbox {
  background: linear-gradient(45deg, #081847, #ffffff17);
  border: 1px solid #394a7a!important;
}

.nightmode .downloadbg {
  background: #081847;
}

.nightmode .chooseus .chooseusdiv > div {
  background: transparent;
}

.nightmode .toggler-icon {
  background: #ffffff;
}

.nightmode .chooseus .chooseusdiv {
  background: radial-gradient(#ffffff17, transparent);
  border: 1px solid #445996;
}

.nightmode .toolicon,
.nightmode .landingicon,
.nightmode .chooseicon , .nightmode .fiatsection .chooseusbox .landingicon
{
  background: radial-gradient(#ffffff3b, transparent);
  border-color: #445996 !important;
  backdrop-filter: blur(2px);
}

.nightmode .howitworkbg .borderbg {
  background: none;
}
.nightmode .statisticsbg,
.nightmode .aboutbg {
  background: #02111f;
}
.nightmode .partnerlist img {
  filter: grayscale(1) invert(1);
}
.nightmode .qrborderbox {
  background: #fff;
}
.nightmode .helpicon {
  background: #010c16;
  border-color: #001d3a;
}
.nightmode .communitybox {
  background: #001c35;
}
.nightmode .startradebg {
  background: url(../images/tradebg1.png);
}
.nightmode .subscibefrmbg .form-group {
  background-color: #010c16;
  border-color: #062341;
}
.nightmode.loginbanner .headbg {background: none;}
.nightmode .rightsideformbox {
  background: #0e2052;
}
.nightmode.loginbanner {
  background-image: url(../images/login-dark-bg.png) !important;
}
.nightmode .login-form .form-control,
.nightmode .login-form .input-group-text,
.nightmode .siteformbg .form-control,
.nightmode .siteformbg .input-group-text {
  background-color: #08163e;
  border-color: #11255b !important;
  color: #fff;
}
.nightmode label,
.nightmode .login-form .loginsitelnk a {
  color: #e7e7e7;
}
.nightmode .login-form .loginsitelnk {
  border-color: #04284c;
}
.nightmode.loginbanner .modebg img {
  filter: inherit;
}
.nightmode .panelcontentbox,
.nightmode .contactboxfrm .loginformbox {
  background: #102155;
}
.nightmode.innerpagebg 
{
  background: #07153D;
}
.nightmode.innerpagebg .headbg 
{
  background: none;
}
.nightmode .leftsideformbox
{
  background: #14275d;
}
.nightmode .topertable .tbhead
{
  border-color: #f2f2f214;
}
.nightmode .borderbg .arwimg
{
  filter: invert(1);
}
.nightmode .login-form .tabbanner li a.active
{
  color: #fff !important;
}
.nightmode .howworkstiles .ourbox::after
{
  content:"";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #394a7a;
  border-radius: 10px;
}
.nightmode .headermenu .headbg .navbar-nav li a:hover {
  color: #a9c4ff !important;
}
.nightmode .howworkstiles .ourbox:hover::after
{
  visibility: hidden;
}
.nightmode .ourbox
{
  position: relative !important;
  /* background: #07153D !important; */
  background-clip: padding-box !important;
  border: solid 3px transparent !important;
  border-radius: 0.8rem !important;
}
.nightmode .howworkstiles .ourbox:hover::before, .nightmode .needhelpbg .ourbox:hover::before
{
  content:"";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -3px;
  border-radius: inherit;
  background: radial-gradient(farthest-corner at 85% 190%, #224090, #203d8d, #3559a945, #2341916b, #081847);
}
.nightmode .howworkstiles .ourbox:hover::before
{
  background: radial-gradient(farthest-corner at 85% 190%, #224090, #203d8d, #3559a945, #2341916b, #081847);
}

.nightmode.apipage .headbg {
  background: #081847;
}

.nightmode .api-flex>div:first-child {
  background: #081847;
}

.nightmode .api-head,
.nightmode blockquote {
  color: #fff;
}

.nightmode .apihtml table thead tr th,
.nightmode .apihtml table tbody tr td {
  color: #fff;
  border: 1px solid #172d6f  !important;
}

.nightmode .sidecodebox,
.nightmode .apihtml table {
  background: #081847;
  border: 1px solid #172d6f  !important;
}

.nightmode.apipage table tr:nth-child(even)>td {
  background-color: unset !important;
}

.nightmode .sidecodebox code {
  color: #c6c6c6;
}
.nightmode .sidecodebox ::-webkit-scrollbar-thumb {
  background: #253e87;
}
.nightmode .api-select li.active a {
  color: #8bb0ff;
}

.nightmode .sidecodebox blockquote p, .nightmode .formbggroup .nav-item>a {
  color: #fff;
}

.nightmode .topsubheaderbg
{
  background: #081847;
}

.nightmode .bredcrubbox {
  border-top-color:#f4f4f417;
}

.nightmode .navsdep li a, .nightmode .faqpage .accordion-button
{
  color: #adb8d7;
}

.nightmode .formbggroup, .nightmode .exchangearrow>div
{
  background-color: #08163e;
  border-color: #172c6a;
}

.nightmode .swaphowitworks, .nightmode .buysellfeat, .nightmode .buysellfaq, .nightmode .needhelpbg.fiatsection
{
  background-color: #081847;
}

.nightmode .swaphowitworks .chooseusbox, .nightmode .buysellfeat .chooseusbox, .nightmode .modal .modal-content, 
.nightmode .fiatsection .chooseusbox
{
  background-color: #122356 !important;
}
.nightmode .lightgraybg
{
  background-color: #1b2f6b !important;
}
.nightmode .faqpage .accordion-item, .nightmode .faqpage .accordion-button:not(.collapsed)
{
  background: #122356;
  color: #fff;
}
.nightmode .depflex.flexbox >div:first-child {
  border-color:#33488a;
}
.nightmode .paymtdtls .dpsitinstruc ul li .instrucfaq, .nightmode .dtinfo span, .nightmode .modal-body .dpsitinstruc p,
.nightmode .btn-close
{
  color: #b4c2eb;
}
.nightmode .paymtdtls .dpsitinstruc ul li p
{
  color: #fff;
}
.nightmode .floatingtab ul li a 
{
  background: #081847 !important;
  color: #a2a2a2;
  border-color: #132868 !important;
}

.nightmode .floatingtab ul li a.active
{
  border-color: #3659a9 !important;
  color: #fff;
}

.nightmode .stpscount
{
  background-color: #1d3273;
}

.nightmode .graybtn {
  background-color: #2b2b2f;
  border-color: #2b2b2f;
  color: #ccc !important;
}

.nightmode .checktranstable .t-black, .nightmode .modal .modal-header h4, .nightmode .modal .modal-title
{
  color: #dcdcdc;
}
.nightmode .borderbtn {
  border-color: #6171a4;
  color: #8190c1 !important;
}
.nightmode .progress {
  background-color: #263b7c;
}

.nightmode .swapexchangepage hr, .nightmode .cmpltestepage hr {
  background-color: #5e74b8;
}

.nightmode .prodctdropbox .dropdown-menu>a p 
{
  color: #ffffff;
}
.nightmode .t-gray
{}

.nightmode .headbg .prodctdropbox .dropdown-menu>a.active, .nightmode .headbg .prodctdropbox .dropdown-menu>a:hover 
{
  background-color: #20377e !important;
}

.nightmode .select2-container--default .select2-selection--single, .nightmode .select2-dropdown
{
  background-color: #13265d !important;
  border-color: #233b80 !important;
}
.nightmode .select2-container--default .select2-selection--single .select2-selection__arrow
{
  filter: grayscale(1)invert(1);
}
.nightmode .buysellfaq .accordion-button, .nightmode .buysellpanelbox .subhead, 
.nightmode .convertflex .heading-box {
  border-bottom-color: #202022;
}

.nightmode .buysellpanelbox .tabbanner li a {
  background: #1f367c;
  border-color: #1f367c!important;
}

.nightmode .buysellpanelbox .tabbanner li a.active {
  background: linear-gradient(to left, #3A5FAF, #1E3A8A) !important;
  border-color: #3A5FAF!important;
  color: #fff!important;
}

.nightmode .deposithist {
  background: #081847;
}

.nightmode .deposithist .borderbg {
  border-color:#1a1a1c;
}

.nightmode .table-content.paymthd, .nightmode .fiatsection .chooseusbox
{
  border-color: #22397f;
}

.nightmode .infoicon
{
  filter: grayscale(1) invert(1);
}

.nightmode .coinselectlist li
{
  border-bottom-color:#ebebeb12;
}
.nightmode .stepsflowlist p, .nightmode .swapexchangepage p
{
  color: #98a3c5;
}
.nightmode .stepsflowlist h5, .nightmode .swapfinalprogress h5
{
  color:#fff;
}
.nightmode .alinkt
{
  color: #9ebcfe;
}
.nightmode .translist p.t-black, .nightmode .copytradefaq .accordion-button, .nightmode .copytradefaq .accordion-button::after,
.nightmode .copytradefaq .accordion-button::before
{
  color: #dadada;
}
.nightmode .accbtn
{
  color: #dadada !important;
}
.nightmode .accordion-button::after, .nightmode .prcssicon
{
	filter: grayscale(1) invert(1);
}

.nightmode .accordion-button:not(.collapsed)::after
{
  filter: inherit;
}

.nightmode .divd p
{
  background: #102155;
}
.nightmode .addinfo {
  border-top: 1px solid #21387c;
}
.nightmode .cpybtn
{
  filter: grayscale(1)invert(1);
}
.nightmode .withdrawbg
{
  background-color: #102155 !important;
}
.nightmode .maxbtn
{
  color: #70d4fb !important;
}
.nightmode .select2-container--default .select2-results__option[aria-selected="true"], .nightmode .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #353538 !important;
}
.nightmode .select2-results {
  background: #242426 !important;
}
.nightmode .select2-container--default .select2-search--dropdown .select2-search__field
{
  border-color:#404040 !important;
  background: #353539 !important;
  color: #ccc !important;
}
.nightmode .copytradefaq .accordion-item
{
  background-color: #07153D;
}
.nightmode .cardlistbox .panelcontentbox
{
  border-color: #404043;
}
.nightmode .usercount {
  background-color: #2c2c2f;
}
.nightmode .profileimg{
  background: #28282b;
  border-color: #28282b;
}
.nightmode .copytwotypetabsec .parentabsec .nav-tabs .nav-link
{
  background-color: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
}
.nightmode .balancesec .chooseusdiv, .nightmode .cpytradehistory .borderbg, .nightmode .perfrmborder>div, .nightmode .portfolioborder,
.nightmode .profiletopdtabox, .nightmode .profiletopdtabox .table-content>div:first-child, .nightmode .pairlistb>li>div,
.nightmode .histortrans .flexbox>div:first-child
{
  border-color:#36363a;
}
.nightmode .histortrans hr
{
  background-color: #36363a;
}
.nightmode .histortrans .panelcontentbox
{
  background: #1c1c1f;
}
.nightmode .cpytradibox  .chooseusdiv > div
{
  background: #07153D;
  border:1px solid #36363a !important;
}
.nightmode .profileimgs {
  background: #242426;
  border-color:#242426;
}
.nightmode .cardlistbox .maintablebox tr>td:first-child, .nightmode .perfrmborder table tr td
{
  color: #999999;
}
.nightmode .custom-file-upload
{
  border-color:#0c0b0b;
  color: #fff !important;
  background-color: #000000;
}
.nightmode .t-black {
  color: #e7e7e7;
}
.nightmode .copytradefaq .accordion-button::after
{
  filter: inherit;
}
.nightmode .copytradetopsection
{
  background-color: #081847;
}
.nightmode .borderline-box {
  border-color: #2b2b2f;
  background-color: #07153D;
  color: #fff !important;
}
.nightmode .linetabbanner li a.active, .nightmode .settingb .alinkt
{
  color: #fff !important;
}
.nightmode .highcharts-background
{
      fill: none;
}
.nightmode .pnlchartdesign .highcharts-xaxis-labels>text, .nightmode .pnlchartdesign .highcharts-axis-labels>text,
.nightmode .highcharts-legend-item>text
{
  color: #fff !important;
  fill: #fff !important;
}
.nightmode .copytradecntsection .lightgraybg {
  background-color: #081847 !important;
}
.nightmode .seemoretab img
{
  filter: grayscale(1) invert(1);
}
.nightmode .highcharts-yaxis-grid>path
{
  stroke:#36363a;
}
.nightmode .chartrghtcon>div {
  color: #a7a7a7;
}
.nightmode .pagination-tt .bg-white, .nightmode .pagination-tt .rounded-l-md.cursor-default
{
  background-color: #07153D !important;
  border-color: #414143 !important;
  color: #fff;
}
.nightmode .pagination-tt .cursor-default {
  background-color: #70d4fb !important;
  color: #fff;
  border-color: #414143 !important;
}
.nightmode .copydatatable tbody tr td,
.nightmode .pagination-tt {
  color: #ccc;
}
.nightmode .pagination
{
  border-color: #414143;
}
.nightmode .nodata img {
  filter: grayscale(1) invert(1);
}
.nightmode .cardnodatabox
{
  border-color: #404043;
}
.nightmode .portfoliotabbg .tabbanner li a.active {
color: #fff !important;
}
.nightmode .rulesnotes {
  background: #3b3b3f;
}
.nightmode .borderbg {
  border-color: #273c7e;
}
.nightmode .termspage strong {
  color: #fff;
}
.nightmode .chooseusbox img, .nightmode .needhelpbg .ourbox .ourimg, .nightmode .ourimg
{
  filter: grayscale(1) invert(1) brightness(2);
}
.nightmode .needhelpbg.fiatsection img
{
  filter: grayscale(1) invert(1)brightness(5);
}
.nightmode .footerbottombg section {
  background: #081847;
}
.nightmode .heading-title
{
  color: #fff;
}
.nightmode .btngray a, .nightmode .login-form .form-check a
{
  color: #7ea7ff;
}
.nightmode .subaccountinfo hr {
  background-color: #4d66b3;
}
.nightmode .t-gray {
  color: #99aadf !important;
}
.nightmode .coinselectlist li:hover {
  background-color: #1b2e68;
}
.nightmode .lightbgbox {
  background: #1e3478;
}
.nightmode .paymthdiv .heading-box, .nightmode .convertflex .deptitle
{
  color: #fff;
}
.nightmode .blueborder-btn, .blueborder-btn:hover, .blueborder-btn:focus {
  color: #a7c3ff;
}

.nightmode .termspage li {
  color: #c0cbe7;
}
.nightmode .heroimg::after
{
  background-image: url(../images/tradeicon1.png);
}

@media (max-width:1100px)
{
  .nightmode .depflex.flexbox >div:first-child
  {
    border-color: #242424;
  }
}

@media (max-width: 991px) 
{
  .nightmode .headbg 
  {
    background: #0a1c4f !important;
  }

  
  .nightmode .ourprodsflex .ourbox {
    border: 1px solid #243464 !important;
  }
  
  .nightmode .chooseus .chooseusdiv {
    border: none !important;
  }

  .nightmode .chooseus .chooseusdiv > div {
    border: 1px solid #243464 !important;
  }
  .nightmode .swaphowitworks .chooseusdiv>.chooseusbox, .nightmode .buysellfeat .chooseusdiv>.chooseusbox
  {
    border: 0px !important;
  }
}
@media (max-width: 767px) 
{
  .nightmode .table-responsive-stack tbody > tr:nth-child(odd) 
  {
    background: #081847;
  }
  .nightmode .table-responsive-stack tbody > tr:nth-child(even) 
  {
    background: #0f2157 !important;
  }
  .nightmode .table-responsive-stack .table-responsive-stack-thead 
  {
    color: #fff;
  }
  .nightmode .needhelpdiv > div 
  {
    border-color: #081847;
  }
  .nightmode .leadingplatform .panelcontentbox.fiatbg {
    background: #081847;
  }
  .nightmode .navsdep {
    border-bottom-color:#e6e6e617;
   }
}
@media (max-width:600px)
{
  .nightmode .translist {
    border-bottom-color:#cccccc24;
  }
}
@media (max-width:500px)
{
  .nightmode .markettabflex .nav
  {
    background: #081847;
  }
}
/*nightmode css end*/