@media(max-width: 1200px) {

    .container {

        max-width: 1140px;

    }

    .page-template-default.demo-02-cryptcon-dark main#primary,
    .page-template-default.demo-03-cryptcon-light main#primary {

        max-width: 1140px;

    }

    .elementor-section.elementor-section-boxed > .elementor-container {

        max-width: 1140px !important;

    }

}



@media(max-width: 1199px) {

    .container {

        max-width: 960px;

    }

    .page-template-default.demo-02-cryptcon-dark main#primary,
    .page-template-default.demo-03-cryptcon-light main#primary {

        max-width: 960px;

        margin-top: 80px;

        margin-bottom: 80px;

    }



    .ptb-100 {

        padding-top: 80px;

        padding-bottom: 80px;

    }



    .pb-65 {

        padding-bottom: 50px;

    }



    .pb-80 {

        padding-bottom: 50px;

    }



    .pt-100 {

        padding-top: 80px;

    }



    .pb-55 {

        padding-bottom: 35px;

    }



    .pb-100 {

        padding-bottom: 60px;

    }



    /*----- Home Page -----*/

    .menu ul li {

        padding: 0px 18px;

    }



    .menu ul li a {

        font-size: 14px;

    }



    .signin {

        margin-left: 20px;

    }



    .signin .btn {

        padding: 9px 20px;

    }



    .home-banner {

        padding: 190px 0px 110px 0px;

    }



    /*----- Home Page Tow -----*/

    .coins-counter-loop li {

        padding: 0px 15px;

    }



    .coins-counter-loop li span {

        width: 65px;

        height: 65px;

        line-height: 65px;

        font-size: 30px;

    }



    .coins-counter-loop li:before {

        top: 25px;

    }



    .coins-counter-loop li:after {

        top: 37px;

    }



    .feature-box-2 .frontend,

    .feature-box-2 .backend {

        padding: 30px;

    }



    .faq-part-2 .faq-tab {

        padding: 30px 30px;

    }



    .accordion-faq-title {

        padding: 10px 30px;

    }



    .accordion-faq-title:before {

        right: 30px;

    }



    .accordion-faq-title:after {

        right: 23px;

    }



    /*----- Roadmap Page -----*/



    .roadmap-main-content {

        max-width: 347px;

    }



    .roadmap-content-box {

        margin-bottom: 100px;

    }



    /*----- Token Sale Page -----*/

    .token-sale-counter .coins-counter-loop li {

        padding: 0px 15px;

    }



    .token-sale-counter .coins-counter-loop li span {

        font-size: 40px;

        line-height: 40px;

    }



    .token-sale-counter .coins-counter-loop li:after {

        top: 25px;

    }

    .elementor-widget-tabs .elementor-tabs-wrapper {

        padding-bottom: 35px;

    }

    .demo-02-cryptcon-dark .elementor-section.elementor-section-boxed > .elementor-container,
    .demo-03-cryptcon-light .elementor-section.elementor-section-boxed > .elementor-container {
            max-width: 960px !important;
    }

    header .crpy-site-logo img{
        max-width: 176px;
    }

}



@media only screen and (min-width: 1025px){
    .demo-01-cryptcon-dark .sub-menu-dropdown .crpy-nav-menu .crpy-has-submenu:before{font-size: 15px;line-height: 4px;right: -8px;}
    .demo-01-cryptcon-dark .sub-menu-dropdown .crpy-nav-menu .current-menu-item.crpy-has-submenu:before{color: var( --e-global-color-0fb0187 );}
    .demo-01-cryptcon-dark header.fixed .crpy-nav-menu > .menu-item > a.crpy-menu-item,
    .demo-01-cryptcon-dark header.fixed .crpy-nav-menu > .menu-item > .crpy-has-submenu-container > a.crpy-menu-item{padding-top: 32px;padding-bottom: 32px;}
    .demo-01-cryptcon-dark header .crpy-site-logo img{max-width: 256px;transition: all 0.4s ease 0s;}
    .demo-01-cryptcon-dark header.fixed .crpy-site-logo img{max-width: 200px;}
    .demo-01-cryptcon-dark .crpy-nav-menu ul ul{top: unset;box-shadow: unset;min-width: 226px;left: 0px;padding: 15px 0px;backdrop-filter: blur(10px);}
    .demo-01-cryptcon-dark .sub-menu-dropdown .crpy-nav-menu li:hover ul{top: unset;}
    .demo-01-cryptcon-dark .sub-menu-dropdown .crpy-nav-menu ul a:before{display: none;}
    .demo-01-cryptcon-dark .sub-menu-dropdown .crpy-nav-menu ul li:hover a{padding-left: 30px !important;}
} 


@media(max-width: 1024px) {
    .demo-01-cryptcon-dark .blog-box .display-date-first .blog-title{padding-bottom: 16px;}
    .demo-01-cryptcon-dark .blog-list-box{padding-bottom: 55px;}
    .demo-01-cryptcon-dark .blog-list-box .blog-list-content .blog-list-title{font-size: 30px;line-height: 48px;}
    .demo-01-cryptcon-dark .crpy-nav-menu .crpy-nav-menu__toggle{margin: unset !important;margin-left: auto !important;}
    .demo-01-cryptcon-dark .sub-menu-dropdown > nav.crpy-nav-menu__layout-horizontal,
    .demo-01-cryptcon-dark header.fixed .sub-menu-dropdown > nav.crpy-nav-menu__layout-horizontal{height: calc(100vh - 79px) !important;top: 79px !important;box-shadow: none;overflow-y: auto;}
    .demo-01-cryptcon-dark .crpy-nav-menu__breakpoint-tablet.crpy-submenu-icon-arrow .crpy-nav-menu__layout-horizontal .menu-item-has-children a .sub-arrow i:before{content: '';}
    .demo-01-cryptcon-dark .crpy-nav-menu__breakpoint-tablet.crpy-submenu-icon-arrow .crpy-nav-menu__layout-horizontal .menu-item-has-children a .sub-arrow i{transform: translateY(-50%) rotate(180deg);transition: all 300ms ease;margin-top: 13px;}
    .demo-01-cryptcon-dark .crpy-nav-menu__breakpoint-tablet.crpy-submenu-icon-arrow .crpy-nav-menu__layout-horizontal .menu-item-has-children .sub-menu-active a .sub-arrow i{transform: translateY(-50%) rotate(0deg);}
    .demo-01-cryptcon-dark .crpy-nav-menu__breakpoint-tablet.crpy-submenu-icon-arrow .crpy-nav-menu__layout-horizontal .menu-item-has-children a .sub-arrow{padding: 0px !important;font-size: 16px;}
    .demo-01-cryptcon-dark .crpy-nav-menu-icon{padding: 0px;}
    .demo-01-cryptcon-dark .sub-menu-dropdown > nav.crpy-nav-menu__layout-horizontal > ul{padding-left: 40px;padding-right: 40px;max-width: 100%;}
    .demo-01-cryptcon-dark header .crpy-site-logo img{max-width: 200px;}
    .demo-01-cryptcon-dark .owl-carousel .owl-nav {padding-top: 50px;}
    .demo-01-cryptcon-dark .roadmap-main-cont .elementor-tabs-wrapper{
        padding-bottom: 30px;
        margin-top: 35px;
        justify-content: unset !important;
    }
    .demo-01-cryptcon-dark .roadmap-main-cont .elementor-tabs-wrapper .elementor-tab-title{
        margin: 0px 6px;
        margin-bottom: 6px;
    }
    .single-post.demo-01-cryptcon-dark .blog-home{
        padding-top: 130px;
        padding-bottom: 50px;
    }
    .single-post.demo-01-cryptcon-dark .blog-detail-header h2{
        font-size: 40px !important;
        line-height: 58px;
        padding-bottom: 40px !important;
    }
    .single-post.demo-01-cryptcon-dark .blog-detail-img{
        margin-bottom: 40px;
    }
    .single-post.demo-01-cryptcon-dark .blog-detail-tag-social{
        margin: 40px 0px;
    }
    .single-post.demo-01-cryptcon-dark .comment-reply-title, .single-post.demo-01-cryptcon-dark .blog-comment-heading{
        font-size: 30px;
        line-height: 40px;
        padding-bottom: 30px;
    }
    .single-post.demo-01-cryptcon-dark .related-blog{
        padding-top: 100px;
    }
    .single-post.demo-01-cryptcon-dark .comment-respond{
        margin-top: 40px;
    }
    .demo-01-cryptcon-dark .sub-page-banner .sub-banner-title{
        font-size: 60px !important;
        line-height: 80px !important;
    }
    .demo-01-cryptcon-dark .sub-page-banner{
        padding: 180px 20px 100px 20px;
    }

    .demo-01-cryptcon-dark .sub-page-banner::after{
        height: 310px;
    }
    .demo-01-cryptcon-dark .sub-page-banner::before{
        width: 50%;
        height: 280px;
    }
    .single-post.demo-01-cryptcon-dark .blog-comment-box li{
        margin-bottom: 30px;
    }
    .single-post.demo-01-cryptcon-dark .blog-comment-post-singel .blog-comment-box li{
        margin-bottom: 0px;
    }

    .demo-02-cryptcon-dark header .crpy-nav-menu__layout-horizontal .crpy-nav-menu li a:after{
        display: none;
    }
    header {
        padding: 17px 0px;

    }
    .demo-01-cryptcon-dark header {
        padding: 0px 0px;

    }
}



@media(min-width: 992px) {

    /*----- Menu Hover -----*/

    .menu>ul>li:hover>a:before {

        width: 100%;

    }



    .menu ul li:hover.mega-menu:before {

        transform: rotate(180deg);

    }



    .menu ul li:hover>ul {

        top: 48px;

        visibility: visible;

        opacity: 1;

    }



    .menu ul li:hover>ul ul {

        top: 31px;

        visibility: hidden;

        opacity: 0;

    }



    .menu ul ul li:hover ul {

        top: 0px;

        visibility: visible;

        opacity: 1;

    }



    .menu ul ul li:hover>a {

        padding-left: 30px;

    }



    .menu ul ul li:hover>a:before {

        width: 5px;

    }



    /*----- Menu Hover End-----*/





    /*----- Mega Menu -----*/

    .menu ul ul {

        position: absolute;

        left: 6px;

        min-width: 250px;

        text-align: left;

        z-index: 1;

        top: 70px;

        visibility: hidden;

        opacity: 0;

        box-shadow: 0px 0px 10px 1px rgb(58, 7, 152, .95);

        border-radius: 5px;

    }



    .menu ul ul li {

        display: block;

        padding: 0;

    }



    .menu ul ul li a {

        display: block;

        padding: 8px 20px;

        border-bottom: 1px solid;

        text-transform: unset;

        font-size: 15px;

    }



    .menu ul ul li a:before {

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        width: 0px;

        height: 100%;

        transition: all 400ms ease;

    }



    .menu ul li:last-child a {

        border-bottom: 0;

    }



    .menu ul ul ul {

        left: 100%;

        top: 0;

    }



    .mega-menu:before {

        content: "\f107";

        position: absolute;

        font-family: fontawesome;

        right: 1px;

        transition: all 400ms ease;

        font-size: 20px;

    }



    .menu ul ul li.mega-menu:before {

        top: 8px;

    }



    /*----- Mega Menu End-----*/



}



@media(max-width: 991px) {



    .container {

        max-width: 720px;

    }

    .page-template-default.demo-02-cryptcon-dark main#primary,
    .page-template-default.demo-03-cryptcon-light main#primary {

        max-width: 720px;

        margin-top: 60px;

        margin-bottom: 60px;

    }

    .sub-banner-title {

        font-size: 50px !important;

    }

    .work-box.text-center {

        display: flex;

        justify-content: center;

    }



    .page-template-default h2 {

        font-size: 35px !important;

    }



    .ptb-100 {

        padding-top: 60px;

        padding-bottom: 60px;

    }



    .pb-65 {

        padding-bottom: 35px;

    }



    .pt-100 {

        padding-top: 60px;

    }



    .pb-80 {

        padding-bottom: 30px;

    }



    .pr-75 {

        padding-right: 25px;

    }



    .mb-r-30 {

        margin-bottom: 30px;

    }



    .justify-center-r {

        justify-content: center;

        display: flex;

    }



    .owl-dots {

        padding-top: 30px;

    }



    .order-r-1 {

        order: 1 !important;

    }



    .order-r-2 {

        order: 2 !important;

    }



    .heading-title {

        font-size: 35px;

        padding-bottom: 10px;

    }



    .heading-title-2 {

        font-size: 35px;

    }



    .sub-heading-2 {

        font-size: 20px;

    }







    /*----- Home Page -----*/



    .menu {

        display: none;

        position: fixed;

        top: 65px;

        left: 0;

        width: 100%;

        height: 100%;

        box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 30%);

        overflow-y: auto;

        padding-bottom: 70px;

    }



    header.fixed .menu {

        top: 49px;

    }



    .header-menu-right-menu {

        width: 100%;

        margin-top: 10px;

        padding: 8px 15px;

    }



    .menu>ul {

        display: block !important;

        text-align: left;

        padding-top: 10px;

        max-width: 720px;

        margin: 0 auto;

        padding-left: 15px;

        padding-right: 15px;

    }



    .menu ul li {

        display: block;

        padding: 0;

    }

    .header-menu-right-menu .wp-block-button__link:hover {

        color: var(--theme-button-background);

        top: 0;

    }

    .header-menu-right-menu .wp-block-button__link:before {

        content: unset;

    }

    .header-menu-right-menu .wp-block-buttons {

        justify-content: flex-start !important;

    }

    .header-menu-right-menu .wp-block-button__link {

        padding: 0;

        border-radius: unset !important;

        background: unset;

        border: unset;

        font-size: 14px;

    }



    .opener {

        display: block;

    }



    .menu-toggle {

        display: block;

        right: 15px;

    }



    .mega-menu:before {

        content: unset;

    }



    .menu ul li a {

        padding: 8px 0px;

        display: block;

    }



    .signin {

        display: block !important;

        text-align: left;

        max-width: 720px;

        margin: 0 auto;

    }



    .signin .btn {

        border: 0;

        padding: 8px 15px;

        display: block;

        text-align: left;

        border-radius: 0;

        font-size: 14px;

    }



    .menu ul ul {

        padding-top: 0;

        padding-left: 20px;

        display: none;

        transition: unset;

    }



    .menu ul ul li {

        border: 0;

    }



    .menu ul ul li a {

        border-bottom: 0 !important;

        text-transform: unset;

    }



    .home-banner {

        padding: 160px 0px 100px 0px;

    }



    .banner-heading {

        font-size: 35px;

    }



    .work-process-title {

        font-size: 25px;

    }



    .feature-part {

        padding-bottom: 30px;

    }



    .feature-contain {

        padding-top: 10px;

    }



    .feature-title {

        font-size: 20px;

    }



    .team-part {

        padding-bottom: 15px;

    }



    .team-img {

        width: 125px;

        height: 125px;

    }



    .team-des {

        width: calc(100% - 125px);

    }



    .token-sale .heading-des {

        max-width: unset;

    }



    .token-graph-right {

        float: unset;

    }



    .ico-apps .heading-des {

        max-width: 100%;

    }







    /*----- Home Page Tow -----*/



    .banner-heading-tow {

        font-size: 35px;

    }



    .counter-main-box .elementor-inner-section>.elementor-container {

        justify-content: center;

    }



    .coin-counter {

        border-radius: 40px;

        padding: 20px;

    }



    .coins-counter-loop li {

        padding: 0px 12px;

    }



    .coins-counter-loop li span {

        width: 48px;

        height: 48px;

        line-height: 48px;

        font-size: 24px;

    }



    .coins-counter-loop li .coin-day {

        font-size: 12px;

    }



    .coins-counter-loop li:before {

        top: 17px;

    }



    .coins-counter-loop li:after {

        top: 27px;

    }



    .coins-progress {

        margin-bottom: 30px;

    }



    .roadmap-des {

        padding: 0px 10px;

    }



    .feature-box-2 .frontend,

    .feature-box-2 .backend {

        padding: 15px;

    }



    .feature-icon-2 {

        width: 30px;

    }



    .feature-content {

        width: calc(100% - 30px);

        padding-left: 15px;

    }



    .team-member-name {

        padding: 15px 10px;

    }



    .ico-apps-2 .heading-des {

        max-width: 100%;

    }



    .ico-apps-2 .ico-apps-img {

        margin-top: 30px;

    }



    .accordion-faq-title:before {

        right: 20px;

    }



    .accordion-faq-title:after {

        right: 13px;

    }







    /*----- About Page -----*/



    .sub-page-banner {

        padding-top: 120px;

        padding-bottom: 80px;

    }



    .about-main .work-process-title {

        max-width: 100%;

    }



    .about-main .work-des {

        max-width: 100%;

    }







    /*----- Blog List Page -----*/



    .blog-search {

        margin-top: 50px;

    }

    .blog-sidebar-default .widget_search {

        margin-top: 45px;

    }

   

    .demo-01-cryptcon-dark .blog-sidebar-default .widget{margin-bottom: 40px !important;}





    /*----- Blog Detail Page -----*/



    .blog-detail-tag ul li a {

        padding: 8px 20px;

    }







    /*----- Roadmap Page -----*/



    .roadmap-main-content {

        max-width: 300px;

        padding: 10px 15px;

    }



    .roadmap-main-content:before {

        width: 60px;

        left: -45px;

    }



    .roadmap-content-box:nth-child(2n + 0) .roadmap-main-content:before {

        right: -45px;

    }



    .roadmap-small-round {

        width: 24px;

        height: 24px;

        left: -57px;

    }



    .roadmap-small-round:before {

        width: 13px;

        height: 13px;

    }



    .roadmap-content-box:nth-child(2n + 0) .roadmap-small-round {

        right: -57px;

    }







    /*----- Contact Page -----*/



    .contact-form .blog-comment-heading {

        font-size: 25px;

    }



    .contact-map #map {

        width: 100%;

        height: 350px;

    }



    /*----- Footer -----*/



    footer.bg-pattern {

        padding-bottom: 30px;

    }



    .footer {

        padding-bottom: 30px;

    }



    .subscribe {

        padding-top: 30px;

    }



    .copyright {

        padding-top: 30px;

    }



    .copyright p {

        text-align: center;

    }



    .copyright ul {

        text-align: center;

        margin-top: 20px;

    }


    .demo-01-cryptcon-dark header{
        padding: 0px;
    }

    .demo-02-cryptcon-dark .elementor-section.elementor-section-boxed > .elementor-container,
    .demo-03-cryptcon-light .elementor-section.elementor-section-boxed > .elementor-container {
            max-width: 720px !important;
    }

    .single-post.demo-01-cryptcon-dark .blog-comment-box > ol.children, .single-post.demo-01-cryptcon-dark .blog-comment-box > ol.children > ol.children{
        margin-left: 80px;
    }
}


@media(max-width: 767px) {



    .page-template-default.demo-02-cryptcon-dark main#primary,
    .page-template-default.demo-03-cryptcon-light main#primary {

        margin-top: 40px;

        margin-bottom: 40px;

    }



    .page-template-default h2 {

        font-size: 25px !important;

    }

    .sub-banner-title {

        font-size: 30px !important;

    }

    .page-banner ul li {

        font-size: 14px;

        padding: 0px 15px;

    }



    .btn {

        padding: 6px 15px;

    }



    .video-play {

        height: 350px;

    }



    .ptb-100 {

        padding-top: 40px;

        padding-bottom: 40px;

    }



    .pt-100 {

        padding-top: 40px;

    }



    .pb-45 {

        padding-bottom: 40px;

    }



    .heading-title {

        font-size: 25px;

    }



    .section-heading {

        display: block;

    }



    .heading-title-2 {

        font-size: 30px;

        padding-bottom: 10px;

    }



    .sub-heading-2 {

        font-size: 18px;

    }



    .owl-dots {

        padding-top: 10px;

    }



    .owl-dot {

        width: 8px;

        height: 8px;

    }

    .page-template-default h2 {

        font-size: 25px;

    }







    /*----- Home Page -----*/



    .logo {

        max-width: 120px;

    }



    .menu-toggle {

        right: 15px;

    }



    .home-banner {

        padding: 120px 0px 50px 0px;

    }

    .elementor-section-height-full {

        height: 100vh;

        display: flex;

        align-items: center;

        min-height: 710px;

    }



    .banner-contain {

        text-align: center;

        margin-bottom: 30px;

    }



    .banner-heading {

        font-size: 30px;

    }



    .work-process-title {

        font-size: 20px;

    }



    .work-process-title {

        margin-top: 30px;

    }



    .feature-part {

        padding-bottom: 10px;

    }



    .feature-box {

        max-width: 100%;

        text-align: center;

    }



    figure.elementor-image-box-img a img {

        margin-left: auto;

        margin-right: auto;

    }



    .team-part {

        padding-bottom: 0px;

    }



    .team-box {

        display: inline-block;

        width: 100%;

        text-align: center;

    }



    .team-img {

        margin: 0 auto;

        float: unset;

        margin-bottom: 10px;

    }



    .team-des {

        width: 100%;

        padding-left: 0;

    }



    .faq-part .nav-tabs li {

        margin-bottom: 20px;

    }



    .work-box img {

        max-width: 90%;

    }



    .comment-reply-title{

        padding-bottom: 12px;

    }









    /*----- Home Page Tow -----*/



    .home-banner-2 {

        padding-top: 30px;

        min-height: 710px;

    }



    .banner-tow-content {

        text-align: center;

        margin-bottom: 30px;

    }



    .coin-counter {

        float: unset;

    }



    .banner-heading-tow {

        font-size: 30px;

    }



    .coins-counter-loop li {

        padding: 0px 9px;

    }



    .coins-counter-loop li span {

        width: 45px;

        height: 45px;

        line-height: 45px;

        font-size: 20px;

    }



    .coins-counter-loop li .coin-day {

        font-size: 11px;

    }



    .coin-start {

        font-size: 18px;

        padding-bottom: 10px;

    }



    .coin-head {

        margin-bottom: 15px;

    }



    .feature-icon-2 {

        width: 40px;

    }



    .feature-content {

        width: calc(100% - 40px);

        padding-left: 20px;

    }



    .coins-progress {

        height: 20px;

    }



    .about-img {

        margin-bottom: 15px;

    }



    .feature-box-2 .frontend,

    .feature-box-2 .backend {

        padding: 15px;

    }



    .roadmap-part .main-roadmap {

        margin-top: 40px;

    }



    .token-sale-2 .token-graphic-detail {

        padding-left: 0;

    }



    .graph-logo img {

        max-width: 120px;

    }



    .faq-part-2 .Frequently-tabs li {

        padding: 0px 5px;

        margin-bottom: 10px;

    }



    .faq-part-2 .Frequently-tabs li a {

        padding: 5px 10px;

    }



    .Frequently-tabs {

        padding-bottom: 20px;

    }



    .faq-part-2 .faq-tab {

        padding: 15px 15px;

    }



    .accordion-faq-title {

        padding: 10px 30px 10px 15px;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        font-size: 16px;

    }



    .accordion-faq-title:before {

        right: 17px;

    }



    .accordion-faq-title:after {

        right: 10px;

    }







    /*----- About Page -----*/



    .sub-page-banner {

        padding-top: 100px;

        padding-bottom: 60px;

    }



    .sub-banner-title {

        font-size: 30px;

    }



    .sub-page-banner ul li {

        font-size: 14px;

        padding: 0px 15px;

    }



    .play-icon span {

        width: 70px;

        height: 70px;

        line-height: 50px;

        border: 10px solid;

        font-size: 25px;

        padding-left: 4px;

    }



    .about-main .work-process-title {

        margin-top: 0;

    }







    /*----- Blog List Page -----*/



    .blog-list-title {

        font-size: 20px;

    }



    .blog-search-btn {

        padding: 13px 16px 13px 16px !important;

    }

    .demo-01-cryptcon-dark .blog-list-img{margin-bottom: 35px;}
    .demo-01-cryptcon-dark .blog-list-box .blog-list-content .blog-date li{
        font-size: 16px;
        padding: 0px 15px;
    }

    .demo-01-cryptcon-dark .blog-list-box .blog-list-content .blog-date li:first-child{
        padding-left: 0;
    }

    .demo-01-cryptcon-dark .blog-list-box .blog-list-content .blog-list-title{
        font-size: 24px;
        line-height: 38px;
    }

    .demo-01-cryptcon-dark .blog-list-box{padding-bottom: 45px;}


    /*----- Blog Detail Page -----*/



    body:not(.elementor-page) .blog-detail-content h2 {

        font-size: 22px;

    }



    .blog-detail-content blockquote {

        padding: 20px 20px;

    }



    .blog-detail-tag ul {

        display: block;

        padding-left: 0;

        margin-top: 5px;

    }



    .blog-detail-tag ul li a {

        padding: 8px 18px;

    }



    .blog-detail-social {

        text-align: left !important;

        margin-top: 20px;

    }



    .blog-comment-box li {

        display: inline-block;

    }



    .comment-user {

        width: 50px;

    }



    .blog-comment-content {

        width: calc(100% - 50px);

    }



    .blog-detail-tag-social {

        padding-bottom: 20px;

        margin-bottom: 20px;

    }



    .blog-comment-post-singel {

        padding-bottom: 0px;

        margin-bottom: 20px;

    }



    .blog-comment-post-singel .blog-comment-box li {

        margin-bottom: 20px;

    }



    .blog-comment-heading {

        font-size: 20px;

    }



    .commenter {

        font-size: 16px;

    }



    .comment-reply-link {

        position: unset;

        margin-top: 10px;

    }







    /*----- Roadmap Page -----*/



    .roadmap-main-graph {

        display: none;

    }



    .roadmap-main .main-roadmap {

        display: block;

    }







    /*----- Contact Page -----*/



    .contact-form .blog-comment-heading {

        padding-top: 30px;

    }







    /*----- Token Sale Page -----*/



    .distribution-title {

        padding-bottom: 20px;

    }



    .token-distribut {

        padding-bottom: 40px;

    }



    .col-md-6:last-child .token-distribut {

        padding-bottom: 0;

    }







    /*----- Footer -----*/



    .footer-icon {

        margin-bottom: 30px;

    }



    .footer-link {

        margin-bottom: 20px;

    }



    .subscribe {

        padding-top: 0;

    }



    .footer-link ul li {

        width: 50%;

    }



    /*----- wp-css -----*/

    .elementor-widget-tabs .elementor-tabs-wrapper {

        flex-wrap: wrap;

        padding-bottom: 20px;

    }



    .elementor-widget-tabs .elementor-tab-desktop-title {

        margin-bottom: 10px;

        padding: 5px 10px !important;

    }

    .elementor-tabs .elementor-tabs-wrapper {

        display: flex !important;

        justify-content: center;

    }

    .elementor-tabs-content-wrapper .elementor-tab-mobile-title {

        display: none;

    }

    .demo-01-cryptcon-dark .sub-menu-dropdown > nav.crpy-nav-menu__layout-horizontal > ul {
        padding-left: 20px;
        padding-right: 20px;
    }

    .demo-01-cryptcon-dark .owl-carousel .owl-nav {padding-top: 35px;}
    .demo-01-cryptcon-dark .testimonial-author{padding-top: 50px;}

    .demo-01-cryptcon-dark .form-group .form-control{font-size: 16px !important;min-height: 54px;padding: 14px 20px !important;}
    .demo-01-cryptcon-dark .subscribe .form-group{flex-wrap: wrap;flex-direction: column;width: 100%;}
    .demo-01-cryptcon-dark .subscribe .form-group .submit{margin-left: 0px;margin-top: 24px;padding-top: 10px;padding-bottom: 10px;width: fit-content;margin-left: auto;margin-right: auto;font-size: 16px;min-height: 54px;}

    .demo-01-cryptcon-dark .roadmap-content .elementor-widget-wrap .elementor-section .elementor-widget-container .elementor-image-box-wrapper{display: flex;align-items: center;text-align: left;}
    .demo-01-cryptcon-dark .roadmap-content .elementor-widget-wrap .elementor-section .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-img{margin-right: 14px !important;}

    .demo-01-cryptcon-dark .roadmap-list .elementor-image-box-wrapper{display: flex;align-items: center;text-align: left;}
    .demo-01-cryptcon-dark .roadmap-list .elementor-image-box-wrapper .elementor-image-box-img{margin-right: 14px !important;}
    .demo-01-cryptcon-dark .coins-counter-loop li:before,.demo-01-cryptcon-dark .coins-counter-loop li:after{width: 4px;height: 4px;}
    .demo-01-cryptcon-dark .coins-counter-loop li span{width: auto;height: auto;}
    .demo-01-cryptcon-dark .coins-counter-loop li:after{top: 21px;}
    .demo-01-cryptcon-dark .coins-counter-loop li:before {top: 10px;}
    .demo-01-cryptcon-dark .form-group{margin-bottom: 20px;}
    .demo-01-cryptcon-dark .contact-submit .wpcf7-submit{font-size: 16px;padding: 12px 26px;}
    .single-post.demo-01-cryptcon-dark .blog-home .container,
    .single-post.demo-01-cryptcon-dark .blog-detail-main .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    .single-post.demo-01-cryptcon-dark .blog-home{
        padding-bottom: 40px;
    }
    .single-post.demo-01-cryptcon-dark .blog-detail-content ul li{
        font-size: 16px;
        padding: 0px 14px;
    }

    .single-post.demo-01-cryptcon-dark .blog-detail-content ul li:first-child{
        padding-left: 0;
    }
    .single-post.demo-01-cryptcon-dark .blog-detail-header h2 {
        font-size: 28px !important;
        line-height: 42px;
    }
    .single-post.demo-01-cryptcon-dark .blog-detail-tag-social .blog-detail-tag ul{
        text-align: center;
        margin: 0px;
        margin-bottom: 20px;
    }
    .blog-detail-tag-social .share-tooltip .share-btn{
        display: none;
    }
    .blog-detail-tag-social .share-tooltip .share-option-link{
        text-align: center;
        padding: 0px;
        position: unset;
        opacity: 1;
        visibility: visible;
    }
    .single-post.demo-01-cryptcon-dark .blog-comment-post-singel .comment-user{
        width: 120px;
        float: none;
        margin: auto;
    }
    .single-post.demo-01-cryptcon-dark .blog-comment-post-singel .blog-comment-content{
        width: 100%;
        padding-left: 0px;
        text-align: center;
        float: none;
        padding-top: 20px;
    }

    .single-post.demo-01-cryptcon-dark .blog-comment-post-singel{
        margin-bottom: 40px;
    }

    .single-post.demo-01-cryptcon-dark .comment-reply-title, .single-post.demo-01-cryptcon-dark .blog-comment-heading{
        font-size: 28px;
        line-height: 36px;
        padding-bottom: 20px;
    }

    .single-post.demo-01-cryptcon-dark .comment-user{
        width: 70px;
    }

    .single-post.demo-01-cryptcon-dark .blog-comment-content{
        width: calc(100% - 70px);
        padding-left: 30px;
    }

    .single-post.demo-01-cryptcon-dark .comment-reply-link{
        padding: 5px 23px;
        margin-top: 14px;
    }

    .single-post.demo-01-cryptcon-dark .comment-respond{
        margin-top: 10px;
    }

    .single-post.demo-01-cryptcon-dark .form-submit .btn{
        font-size: 16px;
        padding: 10px 32px;
    }

    .single-post.demo-01-cryptcon-dark .related-blog{
        padding-top: 70px;
    }
    .single-post.demo-01-cryptcon-dark .blog-box .display-date-first .blog-title{
        font-size: 22px;
        line-height: 34px;
        padding: 10px 0px 16px 0px;
    }
    .blog-detail-tag-social .blog-detail-social.share-tooltip .share-btn{
        display: none;
    }

    .demo-01-cryptcon-dark .sub-page-banner .sub-banner-title{
        font-size: 40px !important;
        line-height: 50px !important;
    }
    .demo-01-cryptcon-dark .sub-page-banner{
        padding: 150px 0px 70px 0px;
    }
    .demo-01-cryptcon-dark .sub-page-banner::after{
        height: 275px;
    }
    .demo-01-cryptcon-dark .sub-page-banner::before{
        width: 47%;
        height: 200px;
    }
    .single-post.demo-01-cryptcon-dark .blog-comment-box > ol.children,
    .single-post.demo-01-cryptcon-dark .blog-comment-box > ol.children > ol.children{
        margin-left: 0px;
    }
    .single-post.demo-01-cryptcon-dark .commenter{
        padding-right: 0px;
    }

    .top-scroll{
        display: none;
    }
    .blog-detail-tag-social .share-tooltip .share-option-link{
        position: static;
        transform: none;
        padding-right: 0px;
        padding-left: 0px;
        visibility: visible;
        opacity: 1;
    }
}



@media(max-width: 575px) {

    .modal-dialog {

        max-width: calc(100% - 30px);

        width: 100%;

        margin-left: auto;

        margin-right: auto;

    }

    .video-play {max-height: 300px;}

}



@media(max-width: 480px) {



    /*----- Token Sale Page -----*/



    .token-sale-counter .coins-counter-loop li {

        padding: 0px 6px;

    }

    .token-sale-counter .coins-counter-loop li:before {

        top: 3px;

    }



    .token-sale-counter .coins-counter-loop li:after {

        top: 13px;

    }



    .token-sale-counter .coins-counter-loop li span {

        font-size: 20px;

        line-height: 20px;

    }



    .token-sale-counter .coins-counter-loop li .coin-day {

        font-size: 14px;

        padding-top: 3px;

    }



    .information-token li {

        margin: 15px 0px;

        text-align: center;

    }



    .information-token li label {

        width: 100%;

    }



    .information-token li span {

        float: unset;

        width: 100%;

    }



    .token-graph {

        max-width: 280px;

        height: 280px;

    }



    .graph-logo {

        max-width: 80px;

    }



    .list-content-between .elementor-icon-list-item .elementor-icon-list-text {

        display: block;

        text-align: center;

    }



    .list-content-between .elementor-icon-list-item .elementor-icon-list-text span {

        display: block;

    }





    



}



@media(max-width: 374px) {

    /*----- Home Page -----*/

    .listtopie-svg {

        width: 280px;

        height: 280px;

    }



    .token-graph-right {

        height: 300px;

    }



    .listtopie-initialized {

        display: flex;

        justify-content: center;



    }

}