@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: 10vh;
    padding-bottom: 6vh;
  }

  .homebannerbg {
    height: auto;
  }
}

@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: 9vh;
    padding-bottom: 10vh;
  }

  .homebannerbg {
    height: auto;
  }
}

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

  .homebannerbg {
    height: auto;
  }
}

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

  .homebannerbg {
    height: auto;
  }
}

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

  .homebannerbg {
    height: auto;
  }
}

@media (max-width: 1400px) {
  .aboutusbg .whychoose{
    margin-top: 50px;
  }
}

@media (max-width: 1300px) {
  /* .homebannerbg .h1 {
    font-size: 34px;
    line-height: 43px;
  } */
  .featuresbox::before {
    /* top: 50px; */
  }
  .howittable > div:first-child {
    width: 114px;
  }
}

@media (max-width: 1200px) {
  .headbg .container,
  .homebannerbg .container, .frequentlybg .container 
  {
    width: 100%;
    max-width: 100%;
  }

  .heading-title {
    font-size: 29px;
  }

  .howitbg .container,
  .testifeedbackbg .container,
  .appbanner .container {
    width: 100%;
    max-width: 100%;
  }

  .appbanner .container,
  .footerbottombg .container {
    width: 100%;
    max-width: 100%;
  }

  .subscribebanner .container {
    width: 100%;
    max-width: 100%;
  }

  .aboutusbg .container,
  .steps .container, .downloadbg .container {
    width: 100%;
    max-width: 100%;
  }

  .featuresbg .container,
  .innerpagebox .container, .topbannerbg .container {
    width: 100%;
    max-width: 100%;
  }

  .subscribebanner .h3 {
    font-size: 19px;
  }
  .homebannerbg .h2 {
    font-size: 31px;
    line-height: 46px;
  }
  .featuresbox::before {
    /* max-width: 488px; */
  }

  .howitbg .leftbanner {
    max-width: 331px;
  }
  .howitbg::before {
    height: 420px;
    max-width: 554px;
  }
  .featurescontent {
    margin: 0 auto;
    padding: 0px 0px;
    padding-bottom: 10px;
  }
  .featuresflex > div {
    margin: 0;
  }

  section.steps{
    padding-top: 30px;
  }

  .aboutusbg .whychoose{
    margin-top: 60px;
  }

  .carousel-indicators [data-bs-target]{
    margin-right: 25px;
  }
}

@media (max-width: 1090px) {
  .howittable > div:first-child {
    width: 105px;
  }
  .carousel-caption img {
    max-width: 444px;
  }
  .sitebannercontent img {
    max-width: 389px;
  }
  .tradeboxicon {
    max-width: 320px !important;
  }
  .featuresbox::before {
    /* max-width: 867px; */
  }
  .howitbg::before {
    max-width: 738px;
  }
  
  .howitbg .leftbanner {
    max-width: 300px;
  }
  .howitbg::before {
    height: 354px;

    max-width: 504px;
    top: 145px;
  }
  .featuresflex {
    display: block;
  }

  .carousel-banner .container {
    height: auto;
    padding-top: 12vh;
    padding-bottom: 6vh;
  }
  .carousel-caption > div:first-child {
    margin-top: 121px;
  }
  .featuresflex {
    display: inline-block;
    width: 100%;
  }
  .featuresflex {
    width: 50%;
    padding: 10px 45px;
    float: left;
    height: auto;
    /* min-height: 200px; */
    max-width: 100%;
    margin: 0;
  }
  /* .featuresflex {
    display: inline-block;
    width: 100%;
  } */
  /* .featuresflex > div {
    width: 50%;
    padding: 10px 55px;
    float: left;
    height: auto;
    min-height: 200px;
    max-width: 100%;
    margin: 0;
  } */
  .featuresflex::before {
    display: none;
  }
  .featuresbox::after {
    display: none;
  }
  .featuresflex::after {
    content: "";
    background-image: url(../images/vertical.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    width: 2px;
    position: absolute;
    right: 0;

    height: 100%;
  }
  .featuresbox::before {
    content: "";
    background-image: url(../images/horizontal.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;

    height: 1px;
    width: 200%;
    margin-top: -10px;
    left: 0px;
    position: absolute;
  }
  .featuresflex:last-child::after {
    display: none !important;
  }
  .featuresflex:last-child .featuresbox::before {
    display: none;
  }
  .featuresbox:first-child::before {
    display: none;
  }

  .carousel-indicators [data-bs-target]{
    margin-right: 15px;
  }

  .aboutusbg .whychoose{
    margin-top: 35px;
  }

  .foot-list li:first-child a{
    padding-left: 15px;
  }

}

@media (max-width: 991px) {
  .headermenu .headbg .navbar-nav li a.sitebtn{
    margin-right: 5px !important;
  }
  .featuresflex::after {
  }
  .subscribebanner {
    min-height: inherit !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 100% !important;
    margin-bottom: 15px;
  }
  .footerflex > div {
    float: left;
  }
  .footerflex > div {
    width: 50%;
    max-width: 50%;
    flex: 50%;
  }
  .carousel-banner .container > div {
    display: block;
    width: 100%;
  }
  .carousel-banner .container {
    padding-top: 7vh !important;
    height: auto;
  }
  .carousel-caption > div:first-child {
    margin-top: 36px;
    text-align: center !important;
  }
  .carousel-caption > div:last-child {
    text-align: center !important;
    margin-top: 20px;
  }
  .carousel-caption img {
    max-width: 264px;
  }
  .howitbg::before {
    height: 362px;
    max-width: 572px;
    top: 40px;
  }
  .featuresbox {
    padding: 20px 24px;
  }
  .foot-list li {
    margin-bottom: 10px;    
  }
  .subscribebanner .h3 {
    text-align: left;
  }
  .innerpagecontent .container,
  .loginfoot .container {
    width: 100%;
    max-width: 100%;
  }
  .playbg {
    text-align: center;
  }
  .appbg {
    text-align: center;
  }
  .mobileappbg::before {
    display: none;
  }
  .aboutusbg::before {
    display: none;
  }
  .featuresbox::before {
    /* max-width: 818px; */
  }
  .footrightbox {
    padding-right: 30px;
  }

  .headermenu .headbg .navbar-nav li a {
    font-size: 15px;
    padding: 9px 14px;
    margin-top: 12px;
  }
  .headbg .langmenu a.dropdown-toggle {
    margin-top: 6px !important;
  }
  .headermenu .headbg .navbar-nav li a.btn {
    margin-top: 10px !important;
  }
  .homebannerbg .h2 {
    font-size: 29px;
  }

  .homebannerbg .h1 {
    font-size: 33px;
    line-height: 38px;
  }

  .heading-title {
    font-size: 24px !important;
    line-height: 28px;
  }

  .faqbanner .container {
    width: 100%;
    max-width: 100%;
  }

  .appbanner {
    text-align: center;
  }

  .appbuyicon {
    max-width: 343px;
    margin-top: 23px;
  }

  .tabbanner li a.nav-link {
    font-size: 12px;
    padding: 18px 13px;
  }

  .footer-gray-bg .content {
    padding-right: 0px;
  }

  .logo {
    max-width: 133px;
    margin-top: 8px;
  }

  .table-content {
    display: block;
    width: 100%;
  }

  .table-content > div {
    display: block;
    width: 100%;
  }
  .bannercontent {
    text-align: center;
  }

  .featuresbg .container {
    max-width: 100%;
  }

  .mobileappbg .row {
    display: flex;
    flex-flow: column;
  }

  .mobileappbg .row > div:first-child {
    order: 1;
  }

  .mobileappbg .row > div:last-child {
    order: 2;
  }

  .howitbox > div {
    width: 50%;
    padding: 14px 17px;
    float: left;
    background: none;
    height: auto;
    box-shadow: none;
    margin: 0px 0px;
  }

  .featureboxb {
    padding: 0;
    text-align: center;
    background: #fff;
    padding: 0;
    border-radius: 9px;
  }

  .featureboxb .circleicon {
    text-align: center;
  }

  .featurebox img {
    max-width: 44px;
  }

  .circleshape img {
    max-width: 372px;
    display: block;
    margin: 0px auto;
  }

  .homebannerbg {
    height: auto;
  }

  .howitbox {
    display: inline-block;
    max-width: 100%;
    margin-top: 0;
    padding: 0px 0px;
  }

  
  .marketpriceflex {
    display: inline-block;
    width: 100%;
  }

  .marketpriceflex > div {
    margin: 6px 0px;
    width: 50%;
    float: left;
    background: none;
    border-radius: 0px;
    padding: 0px 5px;
    box-shadow: none;
  }

  .marketpricebox {
    background: #fff;
    padding: 15px 15px;
    border-radius: 7px;
  }

  .pricelistbox {
    padding: 0;
  }

  .pricebannerbox .container {
    width: 100%;
    max-width: 100%;
  }

  .footerflex {
    display: flex !important;
    width: 100%;
  }

  .footerflex > div {
    float: left;
  }

  .footer-gray-bg .flogo {
    max-width: 106px;
  }

  .subscribebanner {
    /* min-height: inherit !important; */
    /* width: 50% !important; */
    /* max-width: 100% !important; */
    /* flex: 100% !important; */
    /* margin-bottom: 29px; */
  }

  .formboxbg > div:first-child h4 {
    font-size: 16px;
  }

  .leftslider {
    max-width: 293px;
  }

  .formlogo {
    max-width: 185px;
    margin-bottom: 25px;
  }

  .formboxbg p {
    line-height: 22px;
  }

  .formboxbg > div:first-child h3 {
    font-size: 21px !important;
  }

  .tradeboxicon {
    max-width: 309px !important;
  }

  .tradeflex .h4 {
    font-size: 25px !important;
  }

  .tradeflex p {
    font-size: 16px !important;
  }

  .starttradebox .container {
    width: 100%;
    max-width: 100%;
  }
  .howitbox::before {
    display: none;
  }

  .homebannerbg .h3 {
    font-size: 24px;
  }
  .secondabout,
  .referbg {
    text-align: center;
  }
  #pwd_strength_wrap {
    right: inherit;
    max-width: 100%;
    position: relative;
    top: inherit;
    margin-top: 10px;
  }

  .homebannerbg .table-content>div:first-child, .aboutusbg .table-content>div:first-child{
    text-align: center;
  }

  .homebannerbg .table-content>div:last-child{
    margin-top: 30px;
  }

  .steps .table-content>div:last-child{
    text-align: center;
  }

  .aboutusbg .about-img{
    max-width: 280px;
  }

  section.aboutusbg{
    padding: 50px 0px;
  }

  .carousel-indicators{
    margin-left: auto;
    width: 100%;
  }

  .carousel-control-next, .carousel-control-prev{
    /* width: 100%; */
    justify-content: center;
    transform: translate(-6%, -9%);
    bottom: auto;
  }

  .carousel-control-next {
    left: auto !important;
  }

  .carousel .content{
    padding: 0px 60px;
  }

  .downloadbg .table-content, .aboutusbg .table-content{
    display: flex;
    flex-direction: column;
  }

  .downloadbg .table-content>div:first-child, .aboutusbg .table-content>div:first-child{
    order: 2;
    text-align: center;
    margin-top: 20px;
  }

  .downloadbg .table-content>div:last-child, .aboutusbg .table-content>div:last-child{
    order: 1;
    text-align: center;
  }

  .aboutusbg .table-content>div:first-child{
    margin-top: 50px;
  }

  section.downloadbg, section.steps{
    padding-top: 50px;
  }
  
}
@media (max-width: 850px) {
  .howittable > div:first-child {
    width: 87px;
  }
}
@media (max-width: 767px) {
  .frequentlybg .container {
    width: 100%;
    max-width: 100%;
  }
  .heading-title {
    font-size: 24px;
  }
  .headermenu .headbg .navbar-nav li a {
    padding: 9px 10px;
    margin: 0px;
    font-size: 15px;
  }
  .howitbgcontent {
    text-align: center;
  }
  .howitbg .x-line {
    margin: 0 auto;
  }
  .headbg {
    position: fixed;
    padding: 8px 0px;
    background: #111111 !important;
    border: 0px !important;
  }

  .pricelistbox {
    padding: 0;
  }

  .table-content {
    display: block;
    width: 100%;
  }

  .table-content > div {
    display: block;
    width: 100%;
    max-width: 100%;
    flex: 100%;
  }
  .howitcontent {
    padding: 5px 12px;
  }

  .sitebannercontent h1,
  .sitebannercontent .h2 {
    text-align: center;
  }

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

  .sitebannercontent .h1 br {
    display: none;
  }
  .navbar-toggler-icon i {
    color: #ffffff;
  }

  .navbar-toggler {
    border: none;
    line-height: none;
    padding-top: none;
  }

  .navbar-toggler-icon {
    width: auto;
    height: auto;
  }

  .headermenu .headbg .navbar-nav li a.btn {
    width: 100%;
    max-width: 117px;
    text-align: center;
    padding: 5px 10px;
    font-size: 14px;
    margin: 0px;
    margin-bottom: 5px !important;
  }

  .howitbg .table-content > div:first-child {
    padding-right: 0;
  }

  .headbg .sidebtntoggle {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .howittable {
    padding: 16px 14px;
  }

  .howitbox {
    width: 100%;
  }

  .howiticon .h1 {
    margin-left: 0;
    margin: 0px auto;
    margin-bottom: 16px;
    background: #ff4ea3;
    width: 50px;
    height: 50px;
    padding-top: 2px;
    color: #fff;
  }

  .howiticon .h1 > span {
    padding: 0px;
    font-size: 21px;
  }

  .langmenu a.dropdown-toggle {
    width: 100%;
    max-width: 114px !important;
  }

  .featureflex {
    display: inline-block;
  }

  .featureflex > div {
    text-align: left;
  }

  .footrightbox {
    padding-right: 0px;
    padding-top: 0px;
  }

  .subscibe .content {
    color: #fff;
  }

  .social-bg {
    margin-top: 10px;
  }

  .listrightbox {
    text-align: center !important;
  }

  .subscibe {
    margin-top: 15px;
    max-width: 100%;
  }

  .testibox {
    padding: 0;
  }

  .footer-gray-bg .flogo {
    max-width: 138px;
  }

  .testibox {
    margin-bottom: 0;
  }

  .heading-title {
    line-height: 38px;
    font-size: 24px !important;
  }

  .homebannerbg .h2 {
    font-size: 31px;
    line-height: 40px;
    margin-bottom: 25px;
  }

  .logo {
    max-width: 120px !important;
    margin: 0px;
    padding: 10px 0px;
  }

  .tabbanner li a.nav-link {
    font-size: 14px;
    padding: 5px 25px !important;
  }

  section {
    padding: 30px 0px;
  }

  section.aboutusbg{
    padding: 30px 0px;
  }

  section.downloadbg, section.steps{
    padding-top: 30px;
  }

  .frequentlybg{
    padding: 30px 0px;
  }

  .footer-gray-bg{
    padding-bottom: 30px;
  }

  .topbannerbg
  {
    padding-top:80px !important;
  }

  .headbg .navbar-collapse {
    border-top: 1px solid #212121;
    margin-top: 13px;
  }

  .testibox {
    display: inline-block;
  }

  .testibox > div {
    display: inline-block;
    width: 100% !important;
    text-align: center;
    margin: 0px auto;
    padding: 0px;
    margin-bottom: 26px;
  }

  .cicon img {
    margin: 0px auto;
    float: none;
    margin-bottom: 16px;
  }

  .howitbox::before {
    left: 18px;
    display: none;
  }

  .trustbanner .container,
  .subscribebanner .container {
    width: 100%;
    max-width: 100%;
  }

  .subscibe .form-group {
    background: none !important;
  }

  .subscibe .form-control {
    /* background: #ffffff !important; */
    /* border-radius: 5px !important; */
    height: 44px !important;
  }

  .subscribebanner p {
    margin-bottom: 0px;
    padding: 0px !important;
  }

  .footer-gray-bg .content {
    padding-right: 0px;
  }

  .headbg .navbar-nav.ms-auto li {
    padding: 0px 2px;
  }

  .subscibefrm .btn-default {
    margin-left: 0px;
    margin-top: 4px;
  }

  .footer-gray-bg .flogo {
    float: none;
  }

  .subscibe .input-group-text {
    padding: 0px 0px;
    text-align: center;
    /* width: 100%;
    max-width: 100%; */
    justify-content: center;
  }

  .navbar-toggler-icon {
    padding-top: 4px;
  }

  .featureflex > div {
    width: 100%;
    padding: 24px 14px;
    margin: 0px;
    min-height: auto;
  }

  .sitebannercontent {
    text-align: center;
    padding-top: 12vh;
    padding-bottom: 5vh;
  }

  .homebannerbg .text-end {
    text-align: center !important;
  }

  .sitebannercontent h1 br {
    display: none;
  }

  .homebannerbg .h1 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 0px;
  }

  .howitbox > div {
    width: 100%;
    min-height: inherit;
    margin: 0px;
    text-align: left;
  }

  .bannercontent {
    display: inline-block;
    width: 100%;
    text-align: center;
  }

  .bannercontent > div {
    display: inline-block;
    width: 100%;
  }

  /* .footerflex {
    display: flex;
    flex-flow: column;
  } */

  /* .footerflex > div:first-child {
    order: 4;
    margin-bottom: 0px;
  }

  .footerflex > div:last-child {
    order: 1;
  }

  .footerflex > div:nth-child(2) {
    order: 2;
  }

  .footerflex > div:nth-child(3) {
    order: 3;
  }

  .footerflex > div:nth-child(4) {
    order: 3;
  } */

  .howitcontent h4 {
    font-size: 16px;
  }

  .formboxbg {
    display: block;
  }

  .formboxbg > div {
    display: block;
    width: 100%;
    height: auto;
  }

  .leftslider {
    max-width: 232px;
  }

  .formlogo {
    max-width: 147px;
  }

  .formboxbg p {
    font-size: 16px !important;
    line-height: 21px !important;
    padding-top: 3px !important;
  }

  .formboxbg > div:first-child h4 {
    font-size: 16px;
  }

  ul.tabbanner {
    margin-bottom: 0;
    max-width: 179px;
  }
  .loginformbox {
    padding: 24px;
  }
  .tradeflex .h4 {
    font-size: 28px !important;
  }

  .tradeflex p {
    font-size: 16px !important;
  }
  .loginbanner {
  }

  .tradeboxicon {
    max-width: 241px !important;
    margin-top: 9px;
  }

  .formboxbg > div:first-child {
    padding-bottom: 10px;
  }

  .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: 8px 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 {
    border-color: #e0e0e0;
  }

  .table-responsive-stack .table-responsive-stack-thead {
    float: left;
    text-align: left;
    padding-right: 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #fff;
  }

  .table-responsive-stack tbody > tr:nth-child(odd) {
    background: #181a20;
  }

  .table-responsive-stack tbody > tr:nth-child(even) {
    background: #2e3037;
  }
  table tr.marketviewt {
    background: none !important;
  }
  .marketviewt .table-responsive-stack-thead {
    display: none !important;
  }
  .marketviewt .btn {
    margin-top: 10px;
  }

  .innerpagebox h3 {
    font-size: 17px;
  }

  .innerpagebox h4 {
    font-size: 14px;
  }

  .loginfoot .foot-list li a {
    font-size: 13px;
  }

  .coinicon,
  .coinlisticon {
    width: 22px;
    margin-right: 1px;
  }

  .tradicon img {
    max-width: 47px;
  }

  .homebannerbg .h3 {
    font-size: 21px;
  }
  .accordion .panel-title a {
    font-size: 16px;
  }
  .accordion .card-body {
    font-size: 14px;
  }
  .formboxbg > div:first-child h3 {
    margin-top: 0;
    font-size: 24px !important;
    padding-bottom: 0px;
  }
  .featuresbox::before {
    max-width: 603px;
  }
  .featuresbox > div:first-child {
    width: 124px;
  }
  .featimg img {
    max-width: 68px;
  }
  .howitbg::before {
    height: 329px;
    bottom: 0;
    top: inherit;
  }
  .howitbg .leftbanner {
    max-width: 267px;
  }
  .howitbgcontent {
    text-align: center;
  }
  .howitbg .table-content {
    display: flex;
    flex-flow: column;
  }
  .howitbg .table-content > div:first-child {
    /* order: 2; */
    /* margin-top: 20px; */
    text-align: center;
  }
  .howitbg .table-content > div:last-child {
    /* order: 1; */
  }
  .submitbtn {
    padding: 11px 24px;
    border-radius: 8px;
  }
  .featuresflex {
    width: 100%;
  padding: 10px 15px;}
  .featuresflex > div {
    width: 100%;
    min-height: inherit;
    padding: 8px 0px;
    float: none;
  }
  .featuresbox h2 {
    font-size: 18px;
  }
  .howitbox h4 {
    font-size: 18px;
  }
  .buytrade .sitebtn {
    padding: 9px 26px;
    font-size: 14px;
  }
  .featuresflex::after {
    display: none;
  }
  .featuresbox::before {
    display: none;
  }
  .market .flexbox{
    display: inline-block;
    width: 100%;
  }
  .market .flexbox>div{
    margin: 15px 0px;
  }  

  .headermenu .headbg .navbar-nav li a.sitebtn{
    max-width: 90px;
    text-align: center;
  }

  .headermenu .headbg .navbar-nav li:nth-child(5) a.sitebtn{
    margin-top: 10px;
  }

  section.downloadbg, section.steps{
    padding-bottom: 0px !important;
  }

  .sociallist{
    justify-content: start;
    margin-bottom: 30px;
  }

  .footerflex{
    flex-wrap: wrap-reverse;
  }

  .aboutusbg{
    padding-bottom: 70px !important;
  }

  .foot-list li a{
    padding: 0px;
    border-right: 0px;
  }

  .foot-list li:first-child a{
    padding-left: 0px;
  }

  .foot-list li{
    width: 33.33%;
    margin-bottom: 8px;
  }
  
  .aboutusbg .about-img{
    display: none;
  }

  .aboutusbg .table-content>div:last-child{
    margin-top: 0px;
  }
}
@media (max-width: 650px) {
  .homebannerbg {
    height: auto;
  }

  .sitebannercontent {
    padding-top: 10vh;
    padding-bottom: 0vh;
  }
  .featuresbox::before {
    max-width: 533px;
  }
  .footer-gray-bg .flogo {
    max-width: 100px;
  }
  .featimg img {
    max-width: 68px;
  }
}

@media (max-width: 630px) {
  .heading-title {
    font-size: 23px !important;
    line-height: 32px;
  }

  .appbtnbg img {
    max-width: 120px !important;
    margin-bottom: 0px;
  }

  .footerlistbox {
    display: block;
    margin-top: 19px;
  }

  .subscibe .input-group {
    display: block;
  }

  .subscibe .form-control {
    width: 100%;
    /* border-radius: 50px !important; */
  }

  .subscibe .input-group-btn {
    margin-top: 10px;
  }
  .innerpagecontent {
    padding: 20px 20px;
  }
  .foot-list {
    display: block;
  }
  .submitbtn {
    margin-top: 10px;
    padding: 12px 20px;
    border-radius: 25px;
  }
  .bannercontent .sitebtn {
    font-size: 16px;
    padding: 9px 20px;
  }
  .carousel-banner .container {
    padding-top: 13vh !important;
  }
  .howitbg .leftbanner {
    max-width: 208px;
  }
  .howitcontent {
    /* padding: 11px; */
  }
  .buytrade .sitebtn {
    padding: 9px 25px;
    font-size: 15px;
  }
  .frequentlybg h4 {
    font-size: 18px;
    font-weight: 500;
  }

  .accordion-button{
    padding: 20px 0px;
  }

  .content, p{
    font-size: 16px;
    line-height: 33px;
  }

  .accordion-button:not(.collapsed){
    padding: 15px 0px 5px 0px;
  }
}

@media (max-width: 600px) {
  .marketpriceflex > div {
    width: 100%;
    padding: 0px;
  }
  .featurescontent {
    padding: 0px 10px;
  }

  .howittable img {
    max-width: 66px;
    margin: 0;
  }
  .featuresbox::before {
    display: none;
  }
  .featuresbox {
    display: inline-grid;
    text-align: center;
  }
  .featuresbox > div:first-child {
    /* width: 100%; */
    text-align: center;
    /* margin-bottom: 5px; */
  }
  .howittable > div {
    display: block;
    text-align: center;
  }
  .howittable > div:first-child {
    width: 100%;
    text-align: center;
    /* margin-bottom: 0px; */
  }
  .subscribebanner .h3 {
    text-align: center;
  }
  .carousel-caption img {
    padding: 10px;
    max-width: 200px;
  }
  .homebannerbg .h2 {
    font-size: 22px;
  }
  .whitebtn {
    padding: 9px 18px;
  }
}

@media (max-width: 550px) {
  .historytab .tabbanner li a {
    text-align: center;
    border-bottom: 0px !important;
  }

  .featureboxb > div {
    display: block;
    width: 100% !important;
    text-align: center;
  }

  .featureboxb > div:first-child span {
    margin: 0px auto;
    margin-bottom: 15px;
  }
  .loginfoot .foot-list {
    display: inline-block;
    width: 100%;
  }

  .loginfoot .foot-list li a {
    text-align: center;
  }

  .loginfoot .foot-list li {
    width: 100%;
    padding: 4px 0px;
    border-right: 0px;
  }

  .login-form {
    padding: 0;
  }

  .tradeflex {
    display: inline-block;
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .tradeflex > div {
    width: 100%;
    text-align: center;
    margin: 19px auto;
    display: flex;
    justify-content: center;
  }

  .carousel-indicators [data-bs-target]{
    width: 50px;
    height: 50px;
  }

  .carousel-indicators button img{
    max-width: 25px;
  }

  .carousel-indicators button.active{
    width: 50px;
    height: 30px;
  }

  .carousel-indicators [data-bs-target]{
    margin-right: 7px;
  }

  .aboutusbg .whychoose .heading-title{
    margin-bottom: 100px;
  }

  .carousel-indicators{
    margin-top: -85px;
  }

  .carousel-item .h4{
    font-size: 22px;
    margin-bottom: 0px;
  }

  .aboutusbg .whychoose{
    margin-top: 30px;
  }

  .steps .three-steps button{
    font-size: 24px;
  }

  .carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon{
    width: 30px;
  }

  .carousel .carousel-control-next{
    left: 50px;
  }

  .carousel-control-next, .carousel-control-prev{
    transform: translate(-8%, -9%);
  }

  .foot-list li{
    width: 50%;
  }

  .ftext{
    font-size: 13px;
    text-align: center;
  }

  .footerflex{
    margin-top: 20px;
  }

  .text-logo{
    margin-bottom: 20px;
  }

  .logo{
    max-width: 100px !important;
  }

  .steps .three-steps .content{
    padding-right: 0px;
  }

  .foot-list li a{
    font-size: 16px;
  }
}

@media (max-width: 500px) {
  .heading-title {
    padding: 0;
    font-size: 21px !important;
    line-height: 28px !important;
  }
  .footer-gray-bg .flogo {
    max-width: 81px;
  }

  .tabbanner li a.nav-link {
    font-size: 14px;
  }

  .footer-gray-bg .row > div {
    max-width: 100% !important;
  }

  .sociallist {
    margin-top: 0px;
  }

  .social-bg {
    float: none;
  }

  .searchboxbg .siteformbg {
    display: block;
    padding: 5px 0px;
  }
  .searchboxbg .siteformbg > div {
    margin-bottom: 5px;
  }
  .tabrightbox
  {
    position:relative;
    top:inherit;
    right:inherit;
    padding-top:20px;
  }
  .topbannerbg
  {
    padding-bottom:0px !important;
  }

  .sitebtn{
    font-size: 14px;
    padding: 8px 12px;
    line-height: 18px;
  }

  .homebannerbg .h1{
    padding-bottom: 10px;
  }

  .subscibefrm .form-control{
    height: 50px !important;
    font-size: 16px;
    padding-left: 18px;
  }

  .subscibefrm input.form-control::placeholder{
    font-size: 16px;
  }

  .carousel .content{
    padding: 0px 20px;
  }

  .sociallist li a img, .sociallist li:first-child a img{
    max-width: 25px;
  }

  .sociallist li{
    margin-right: 20px;
  }
}

@media (max-width: 450px) {
  #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;
  }
}

@media (max-width: 400px) {
  .headermenu .headbg .navbar-nav li a.btn {
    padding: 7px 7px;
    margin-top: 4px;
  }
  .featuresbox {
    padding: 10px 14px;
  }

  .homebannerbg .h1 {
    font-size: 20px !important;
    line-height: 31px !important;
  }
  .howitbg::before {
    height: 243px;
  }
  .g-recaptcha > div > div {
    transform: scale(0.75);
    webkit-transform: scale(0.75);
  }

  .sitebannercontent{
    padding-top: 8vh;
  }
}

@media (max-width: 350px) {
  .g-recaptcha > div > div {
    transform: scale(0.65);
    webkit-transform: scale(0.65);
  }
}

@media (max-width: 320px) {
  .g-recaptcha > div > div {
    transform: scale(0.6);
    webkit-transform: scale(0.6);
  }
}

@media (max-height: 650px) {
  .homebannerbg {
    height: auto;
  }
}