@media (min-width: 1500px) {
  .banner-v2 .banner-item {
    height: 1100px;
  }
  .banner-v2 .banner-v2-img .banner-ico.banner-ico-1 {
    width: 94px;
  }
  .featured-area:before {
    width: 36%;
    height: 100%;
  }
  .featured-area:after {
    width: 40%;
    height: 69%;
  }
  .how-work-and-token-area:before {
    width: 39%;
    height: 80%;
  }
  .how-work-and-token-area:after {
    width: 39%;
    height: 66%;
  }
  .document-and-team-area:before {
    width: 31%;
    height: 100%;
  }
  .document-and-team-area:after {
    width: 37%;
    height: 69%;
  }
  .blog-and-social-area:before {
    width: 38%;
    height: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .roadmap-timeline img {
    max-width: 1150px;
    display: block;
    margin: auto;
    height: 105px;
  }
  .roadmap-timeline-item .xs-roadmap:before {
    display: none;
  }
  .roadmap-timeline-item .xs-roadmap:nth-of-type(1) {
    margin-top: -12px;
  }
  .roadmap-timeline-item .xs-roadmap:nth-of-type(2) {
    margin-top: -14px;
  }
  .roadmap-timeline-item .xs-roadmap:nth-of-type(3) {
    margin-top: -47px;
  }
  .roadmap-timeline-item .xs-roadmap:nth-of-type(4) {
    margin-top: -42px;
  }
  .roadmap-timeline-item .xs-roadmap:nth-of-type(5) {
    margin-top: 15px;
  }
  .chart-label li img {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .banner-content .banner-title {
    font-size: 60px;
  }
  .banner-v2 .banner-item {
    height: 660px;
  }
  .banner-v2 .banner-title {
    font-size: 40px;
    margin-bottom: 22px;
  }
  .banner-v2-img .banner-ico {
    max-width: 52px;
  }
  .xs-tabs-menu a {
    padding: 30px 6px;
  }
  .hidden-title {
    font-size: 140px;
  }
  .roadmap-timeline img {
    max-width: 950px;
    display: block;
    margin: auto;
    height: 105px;
  }
  .roadmap-timeline-item .xs-roadmap:before {
    display: none;
  }
  .roadmap-timeline-item .xs-roadmap:nth-of-type(1) {
    margin-top: -12px;
  }
  .roadmap-timeline-item .xs-roadmap:nth-of-type(2) {
    margin-top: -14px;
  }
  .roadmap-timeline-item .xs-roadmap:nth-of-type(3) {
    margin-top: -47px;
  }
  .roadmap-timeline-item .xs-roadmap:nth-of-type(4) {
    margin-top: -42px;
  }
  .roadmap-timeline-item .xs-roadmap:nth-of-type(5) {
    margin-top: 15px;
  }
  .chart-label li img,
  .single-roadmap-timeline b {
    display: none;
  }
}
@media (max-width: 991px) {
  .mobileusdt {
    visibility: visible !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-p-120 {
    padding: 80px 0;
  }
  /*-------------- menu ------------*/
  .navigation-portrait .nav-menus-wrapper {
    background-color: #010029;
  }
  .nav-toggle:before {
    background-color: #f5f5f5;
    box-shadow: 0 0.5em 0 0 #e4e4e4, 0 1em 0 0 #ffffff;
  }
  .navigation-portrait .nav-menu > li {
    border-color: #000;
  }
  /*------------------- banner ---------------*/
  .banner-item {
    min-height: inherit;
  }
  .banner-content .banner-title {
    font-size: 55px;
    margin-bottom: 26px;
  }
  .banner-img-item .banner-ico {
    max-width: 45px;
  }

  .banner-v2 .banner-item {
    height: 500px;
  }
  .banner-v2 .banner-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .banner-v2 .banner-v2-img .banner-ico.banner-ico-1 {
    max-width: 40px;
  }
  /*-------------- blockcain -----------*/
  .blockcain-top {
    padding-right: 0;
  }
  .blockcain-img {
    margin-bottom: 50px;
  }
  .column-title {
    font-size: 30px;
  }
  .section-title-item .section-title {
    font-size: 30px;
    margin-bottom: 60px;
    line-height: 35px;
  }
  .main-fetured-item {
    padding: 80px 15px;
  }
  .main-fetured-item .single-feaured-item {
    padding: 0 0px;
  }
  .feature-title {
    font-size: 17px;
  }
  .hidden-title {
    font-size: 114px;
  }
  .blockcain-v3 {
    padding: 70px 0 70px;
  }
  /*------------- featured ---------*/
  .featured-sec {
    padding-bottom: 80px;
  }
  .blockcain-business-sec {
    padding: 72px 0 52px;
  }
  .section-padding {
    padding: 78px 0;
  }
  .work-video {
    margin-top: 50px;
  }
  /*----------- how work ----*/
  .chart-label li img {
    display: none;
  }
  .chart-gap [class*="col-"] {
    margin-bottom: 50px;
  }
  .chart-gap [class*="col-"]:last-of-type {
    margin-bottom: 0;
  }
  /*------------- token -----*/
  .token-distribution-sec {
    padding-bottom: 0;
  }

  /*------------- roadmap ------*/

  .roadmap-timeline-item .xs-roadmap:before,
  .roadmap-timeline img {
    display: none;
  }
  .roadmap-timeline-item,
  .single-roadmap-timeline p {
    padding: 0;
  }
  .roadmap-timeline-item .xs-roadmap:nth-of-type(1),
  .roadmap-timeline-item .xs-roadmap:nth-of-type(2),
  .roadmap-timeline-item .xs-roadmap:nth-of-type(3),
  .roadmap-timeline-item .xs-roadmap:nth-of-type(4),
  .roadmap-timeline-item .xs-roadmap:nth-of-type(5),
  .single-roadmap-timeline {
    margin-top: 0px;
  }
  .blog-featured-post {
    margin-bottom: 50px;
  }
  .single-social-list {
    margin-bottom: 30px;
  }
  .footer-widget {
    margin-bottom: 40px;
  }
  .chart-label {
    margin-top: 50px;
  }
  .single-roadmap-timeline b {
    display: none;
  }
  /*------------ client logo -------*/
  .client-logo-v3 .client-logo-item {
    padding: 60px 0;
  }
  /*--------------- team ------------*/
  .single-team {
    margin-bottom: 40px;
  }
  .team-sec {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding {
    padding: 60px 0 0;
  }
  .section-p-120 {
    padding: 60px 0;
  }
  /*---------- display none opt ----*/
  .featured-area:before,
  .featured-poligonal-img,
  .how-work-and-token-area:before,
  .how-work-and-token-area:after,
  .chart-label li img,
  .roadmap-timeline img,
  .roadmap-timeline-item .xs-roadmap:before,
  .single-roadmap-timeline:after,
  .single-roadmap-timeline:before,
  .document-and-team-area:before,
  .document-and-team-area:after,
  .blockcain-top:before,
  .single-roadmap-timeline b {
    display: none;
  }

  /*---------- section title -------*/
  .xs-section-title {
    margin-bottom: 10px;
  }
  .section-title-item .section-title {
    font-size: 26px;
    margin-bottom: 40px;
    line-height: 36px;
  }
  /*--------------- menu ----------*/
  .navigation-portrait .nav-menus-wrapper {
    background-color: #010029;
  }
  .navigation-portrait .nav-menu > li {
    border-top: solid 1px #0f183a;
    border-bottom: 1px solid #000;
  }
  .nav-toggle:before {
    background-color: #f5f5f5;
    box-shadow: 0 0.5em 0 0 #e4e4e4, 0 1em 0 0 #ffffff;
  }
  /*---------- banner area ------*/
  .banner-item {
    min-height: 0;
    padding-top: 131px;
  }
  .banner-content .banner-title {
    font-size: 26px;
    margin-bottom: 17px;
    line-height: 45px;
  }
  .banner-content p,
  .blockcain-top {
    padding: 0;
  }
  .banner-img-item {
    margin: 20px 0 0;
  }
  .banner-img-item .banner-img {
    width: 100%;
  }
  .banner-img-item .banner-ico {
    max-width: 28px;
    animation: bounce 1s ease-in-out 0s alternate;
  }
  .banner-v2 .banner-item {
    height: 550px;
    padding-top: 100px;
  }
  .banner-v2 .banner-v2-img .banner-ico.banner-ico-1 {
    right: 26%;
    top: 31%;
    max-width: 38px;
    animation: bounce 1s ease-in-out 0s alternate;
  }
  .banner-v3 {
    padding-bottom: 50px;
  }
  /*------------- blockcain -----*/
  .main-fetured-item {
    padding: 50px 0;
  }
  .blockcain-top-sec {
    padding: 50px 0;
  }
  .column-title {
    font-size: 26px;
    line-height: 42px;
  }
  .blockcain-top-content p:last-child {
    margin-bottom: 0;
  }
  .main-fetured-item .single-feaured-item img {
    margin-bottom: 30px;
  }
  .main-fetured-item .single-feaured-item {
    padding: 0 80px;
    margin-bottom: 40px;
  }

  .main-fetured-item [class*="col-"]:last-of-type .single-feaured-item,
  .client-logo-item [class*="col-"]:last-of-type .client-logo {
    margin-bottom: 0;
  }
  .blockcain-business-sec {
    padding: 76px 0px 0;
  }
  .blockcain-img,
  .xs-count-down {
    margin-bottom: 40px;
  }
  /*------------- blockcain v3 ------------*/
  .hidden-title {
    font-size: 90px;
  }
  .blockcain-business-v3 {
    padding-bottom: 60px;
  }
  /*------ client logo ---*/
  .client-logo-item {
    padding: 50px 0;
  }
  .client-logo-item .client-logo {
    margin-bottom: 10px;
  }
  /*------------- how work ---------*/
  .xs-count-down .xs-counter-list li {
    padding: 7px;
  }
  .xs-count-down .xs-counter-list li strong {
    font-size: 20px;
  }
  .xs-count-down .xs-counter-list li span {
    font-size: 12px;
  }
  /*------------- token --------*/

  .chart-gap .xs-single-title {
    margin-bottom: 30px;
  }
  .chart-label li:last-child {
    margin-bottom: 0;
  }
  .roadmap-timeline-item {
    padding: 0;
  }
  .roadmap-timeline-item .xs-roadmap:nth-of-type(1),
  .roadmap-timeline-item .xs-roadmap:nth-of-type(2),
  .roadmap-timeline-item .xs-roadmap:nth-of-type(3),
  .roadmap-timeline-item .xs-roadmap:nth-of-type(4),
  .roadmap-timeline-item .xs-roadmap:nth-of-type(5) {
    margin-top: 0;
    margin-bottom: 40px;
  }
  .roadmap-timeline-item .xs-roadmap:nth-of-type(5) {
    margin-bottom: 0;
  }
  /*------------ document area ----*/
  .xs-tabs-menu,
  .xs-tabs-content,
  .xs-tabs-img {
    margin-bottom: 50px;
  }
  .tab_item_1 .xs-tabs-img {
    margin-bottom: 0;
  }
  .xs-tabs-menu a {
    margin-bottom: 15px;
  }
  .ico-table table tr td {
    padding: 12px 20px;
  }
  .documentaion-shap-img img.d-shap-img-1 {
    -webkit-animation-iteration-count: unset;
    animation-iteration-count: unset;
  }
  /*---------- team -----*/
  .single-team,
  .blog-featured-post {
    margin-bottom: 40px;
  }
  .team-sec [class*="col"]:last-of-type .single-team {
    margin-bottom: 0;
  }

  /*---------- blog ----*/
  .xs-blog-title {
    font-size: 22px;
  }
  .blog-featured-post .blog-featured-content {
    padding: 0 27px 20px;
  }
  .single-blog-post .xs-post-title {
    font-size: 16px;
  }
  /*--------- social list ----*/
  .social-list-sec {
    padding-bottom: 40px;
  }
  .single-social-list {
    margin-bottom: 30px;
  }
  /*------------- footer area -----*/
  .footer-area {
    padding: 50px 0;
  }
  .footer-widget {
    margin-bottom: 40px;
  }
  .footer-widget.support {
    margin-left: 0;
  }
  .footer-widget .widget-title {
    font-size: 20px;
    margin-bottom: 18px;
  }
  .widget-subscibe .subscribe-email {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 567px) {
  /*----------- banner animation -----*/
  .banner-img-item .banner-ico {
    max-width: 22px;
  }
  .banner-ico.banner-ico-1 {
    left: 19.8%;
    top: 32%;
  }
  .banner-ico.banner-ico-2 {
    left: 29%;
    top: 0;
  }
  .banner-ico.banner-ico-4 {
    right: 31.2%;
    top: 7%;
  }
  .banner-ico.banner-ico-3 {
    top: 22%;
    left: 50%;
  }
  .banner-ico.banner-ico-5 {
    right: 14.8%;
    top: 28%;
  }
  .banner-v2 .banner-item {
    height: 670px;
  }

  .banner-v2-img {
    display: none;
  }

  /*-------------- token and distrubution -------*/
  .chart-label {
    margin-bottom: 30px;
  }
  /*---- featured area -----------*/
  .main-fetured-item .single-feaured-item {
    padding: 0 20px;
    margin-bottom: 40px;
  }
  /*----------- footer area ------*/
  .footer-area [class*="col-"]:last-of-type .footer-widget {
    margin-bottom: 0;
  }
  .client-logo-item .client-logo {
    margin-bottom: 30px;
  }

  .flag-lists li {
    display: block;
    text-align: left;
    margin-bottom: 18px;
  }
}
body {
  position: relative !important;
}