/*
Author: XpeedStudio
Author URI: http://themeforest.net/user/XpeedStudio/portfolio
*/

@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 (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: 34px;
        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: 30px;
        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: 470px;
    }
    .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;
    }
}