/* media */
    
    

    @media(min-width: 1441.98px){

        .container{

            max-width: 80%;

        }

        .faq_section .container{

            max-width: 1170px;

        }

        .banner_heading {

            max-width: 500px;

        }

        .nft .block_left {

            width: 80%;

        }

        .token_table{

            max-width: 1200px;

            margin: 0 auto;

        }

        .newsletter_section .news_flex{

            justify-content: space-between;

        }

        .ways_right img {

           left: 30%;

        }

        .roadmapSlider{

            padding-left: 10%;

            padding-right: 10%;

        }

        .roadmapSlider .swiper-wrapper{

            /* padding-left: 10%; */

            padding-right: 10%;

        }

        .team-content{

           left: 37%;

        }

        .team2 .team-content {

            left: 23%;

        }

        .team3 .team-content {

            left: 35%;

        }

        .team3 .team-content {

            left: 31%;

        }

    }



    @media(min-width: 1920.98px){

        .container{

            max-width: 1900px;

        }

    }

    @media screen and (max-width:1440px) {

        .pomerdoge_section {

            background-size: auto 100%;

        }

        .team_flex .paraDesc {

            font-size: 1.6rem;

        }
        .banner_right {
            margin: 0px 0 280px;
        }

    }

    @media(max-width: 1370.98px){

        .banner_left .banner_img {

            margin-left: -68px;

        }

        .main_heading {

            font-size: 3.6rem;

        }

        .banner_right {

            margin: 0px 0 130px;

        }

        .main_heading span {

           font-size: 3.6rem;

        }

        .container {

            max-width: 1140px;

        }

        .about_section p{

            margin: 0 30px 42px 0;

        }



    }

    @media(max-width: 1279.98px){

        .container {

            max-width: 960px;

        }

        .navbar-collapse {

            gap: 20px;

        }

        .navbar-collapse .navbar-nav {

            gap: 25px;

        }

        .nav-right {

            gap: 8px;

        }

        .nav-right li a{

            padding: 11px 28px;

        }

        .acc__card{

            margin: 0 0 30px;

            padding: 0 0 30px;

        }

        .howit-work-block {

            gap: 24px;

        }

        .roadmap_content{

            padding: 20px;

        }

        .heading{

            font-size: 4.0rem;

            line-height: 53px;

        }

        .roadmap_slider .roadmap_content:before{

            top: -4px;

        }

        .pomerdoge_section {

            min-height: unset;

        }

        .roadmap_content .smallDesc {

            margin: 0 0 10px;

        }

        .banner_flex{

            flex-wrap: wrap;

            gap: 0;

            justify-content: center;

        }

        .section {

            padding: 70px 0 0;

        }

        .section.tokenmics_section{

            padding-bottom: 70px;

        }

    

        .pomerdoge_section.section {

            padding: 70px 0;

        }

    

        .heading {

            font-size: 3.1rem;

            margin-bottom: 30px;

        }

    

        .ways_left {

            max-width: 470px;

            padding: 0px 0 50px;

        }

    

        .ways_right {

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

        }

    

        .ways_row_btn {

            gap: 24px;

            margin: 35px 0 40px;

        }

    

        .ways_left .heading {

            margin: 0 0 22px;

        }

    

        .weekly {

            padding: 26px 26px 26px 45px;

        }

        /* .block_right img{

            max-width: 40%;

            object-fit: contain;

        } */

        .btn,

        .whiteBtn,

        .eco_block .coming_btn {

            padding: 12px 25px;

            font-size: 16px;

        }

    

        .weekly .smallDesc,

        .weekly h4 {

            margin: 0 0 15px;

        }

    

        .faq_section.section {

            padding: 50px 0;

        }

    

        .acc__card {

            margin: 0 0 20px;

            padding: 0 0 20px;

        }

    

        .acc {

            padding: 20px;

        }

    

        .acc__title img {

            margin: 0 18px 0 0;

            width: 28px;

        }

    

        .acc__panel {

            padding: 0 24px 0 47px;

        }

    

        .table_block {

            padding: 20px 15px;

        }

    

        .logos_list.flex-row {

            justify-content: center;

            gap: 30px 50px;

        }

    

        .newsletter_right {

            max-width: 562px;

            width: 100%;

        }

    

        .section.newsletter_section {

            padding-top: 50px;

        }

    

        .email_block {

            padding: 30px 40px 30px 25px;

        }

    

        .ecosystem_flex {

            gap: 40px;

            margin: 0 0 30px;

        }

    

        .ecosystem_flex .eco_block {

            width: calc(50% - 20px);

        }

    

        .eco_block {

            padding: 25px 30px;

        }

    

        .eco_block h3 {

            font-size: 2.2rem;

            margin-bottom: 15px;

        }

        .roadmap{

            padding-bottom: 70px;

        }

        .team-content{

            left: 25%;

        }

        .team2 .team-content {

            top: 70%;

            left: 16%;

        }

        .team3 .team-content {

            top: 70%;

            left: 23%;

        }

        .team4 .team-content {

            top: 56%;

            left: 26%;

        }

        .banner_flex {

            flex-wrap: wrap;

            gap: 70px;

            /* justify-content: space-between; */

            align-items: center;

        }

        .banner_left .banner_img {

            margin-left: 0;

            position: absolute;

            bottom: 0;

            width: auto;

            left: -40px;

        }

        .banner_left .banner_img img{

            width: 34%

        }

        .banner_heading{

            padding-bottom:85px;

        }

        .clovInner .time {

            font-size: 2.2rem;

        }

        .progress_banner .desc{

            font-size: 1.3rem;

        }

        .banner_bottom,

        .banner_top {

            padding: 18px;

        }

        .clovInner .smalltext{

            margin-bottom: 3px;

        }

        .buy_now_btn{

            padding: 5px 25px;

        }

        .about_left {

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

        }

        .about_right{

            max-width: 325px;

        }

        .banner_right{

            max-width: 415px;

        }

        .roadmap_head:after{

            left: 47.6%;

        }
        .methods {
           gap: 6px;
        }
        .methods li button{
            min-width: 71px;
            padding: 4px;
        }
        .banner_heading .smallDesc {
            padding-left: 60px;
        }

    }
    
       @media(max-width: 1180px){
            .banner_right {
            margin: 0px 0 100px;
        }
    }

    @media(max-width: 991.98px){
    

        .container {

            max-width: 100%;

            padding: 0 20px;

        }

        .navbar-toggler:focus{

            outline: none;

            -webkit-box-shadow: none;

                    box-shadow: none;

        }

        .navbar-toggler-icon {

            position: relative;

            border-bottom: 2px solid var(--whiteColor);

        }

        

        .navbar-toggler-icon:before,

        .navbar-toggler-icon:after {

            position: absolute;

            content: '';

            left: 0;

            width: 40%;

            background: var(--whiteColor);

            height: 2px;

            top: 0;

            border-radius: 4px;

        }

        .navbar-toggler.active .navbar-toggler-icon {

            -webkit-transform: rotate(45deg);

            -ms-transform: rotate(45deg);

            transform: rotate(45deg);

            border: 0;

        }

        .navbar-toggler.active .navbar-toggler-icon:before {

            -webkit-transform: rotate(-90deg);

            -ms-transform: rotate(-90deg);

            transform: rotate(-90deg);

            width: 100%;

        }

        .navbar-toggler.active .navbar-toggler-icon:after {

            -webkit-transform: rotate(-180deg);

            -ms-transform: rotate(-180deg);

            transform: rotate(-180deg);

            top: 50%;

            width: 100%;

        }

        .navbar-collapse.active {

            display: block;

            position: absolute;

            top: 100%;

            width: 100%;

            left: 0;

        }

        .navbar-toggler-icon:before {

            top: 50%;

            width: 70%;

        }

        .nav-item{

            margin: 0 0 10px;

        }

        [aria-expanded="true"] .navbar-toggler-icon {

            -webkit-transform: rotate(45deg);

            -ms-transform: rotate(45deg);

            transform: rotate(45deg);

            border: 0;

        }

        [aria-expanded="true"] .navbar-toggler-icon:before {

            -webkit-transform: rotate(-90deg);

            -ms-transform: rotate(-90deg);

            transform: rotate(-90deg);

            width: 100%;

        }

        

        [aria-expanded="true"] .navbar-toggler-icon:after {

            -webkit-transform: rotate(-180deg);

            -ms-transform: rotate(-180deg);

            transform: rotate(-180deg);

            top: 50%;

            width: 100%;

        }

        .navbar-toggler-icon{

            padding: 0;

            width: 34px;

            height: 20px;

        }

        .navbar-collapse {

            border: 1px solid var(--borderColor);

            padding: 20px;

            margin: 0;

            background: var(--secondaryColor);

            -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.8);

                    box-shadow: 0 0 6px 0 rgba(0,0,0,0.8);

        }

        .navbar-toggler{

            transition: box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out

        }

        .flex-row{

            -ms-flex-wrap: wrap;

                flex-wrap: wrap;

        }

        .paraDesc {

            font-size: 2.0rem;

            line-height: 25px;

        }

        .title_up {

            font-size: 2.0rem;

            line-height: 25px;

        }

        .section{

            padding: 50px 0 0;

        }

        .section.tokenmics_section{

            padding-bottom: 50px;

        }

        .logos_section_inner {

            padding: 34px 37px;

            border-radius: 30px;

            gap: 40px;

        }

        .logos_list.flex-row{

            gap: 30px;

        }

        .logos_section_inner li img{

            width: 90px;

        }

        .heading {

            font-size: 3.0rem;

            line-height: 40px;

        }

        .headDesc {

            font-size: 1.8rem;

            line-height: 24px;

        }

        .pomerdoge_section.section {

            min-height: unset;

            padding: 50px 0;

        }

    

        .pomerdoge_section .heading {

            font-size: 32px;

        }

    

        .pomerdoge_section .action_wrap .btn {

            padding: 13px 0;

            min-height: unset;

            font-size: 16px;

        }

        .banner_left .banner_img {

            margin-left: 0;

            width: 30%;

            display: none;

        }

        .banner_heading{

            padding: 0;

            /* max-width: calc(70% - 40px); */

            max-width: 100%;

            text-align: left;

        }

        .banner_flex{

            gap: 10px;

        }

        .banner_flex_row{

            gap: 30px;

        }

        .banner_heading .smallDesc{

            padding-left: 0;

        }

        .roadmapSlider {

            padding-left: 20px;

            padding-right: 20px;

        }

        .roadmap{

            padding-bottom: 50px;

        }

        .about_right {

            max-width: 40%;

            padding-top: 0;

            margin: 0 auto -40px;

        }

        .newsletter_section .news_flex {

            gap: 50px;

            justify-content: center;

        }

        .kyc_section::before{

            display: none;

        }

        .newsletter_right .heading {

            text-align: center;

        }

        .newsletter_right {

            order: -1;

        }

    

        .heading {

            font-size: 2.6rem;

            margin-bottom: 25px !important;

        }

    

        .ways_desc {

            margin: 0 0 15px;

        }

    

        .ways_row_btn {

            margin: 25px 0;

        }

    

        .ways_left {

            max-width: 396px;

        }

    

        .ways_right {

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

        }

    

        .token_table {

            flex-flow: wrap;

            justify-content: flex-start;

        }

    

        .table_block {

            width: 33.33%;

            height: 102px;

        }

    

        .table_block:nth-child(3n) {

            border-right: 0px;

        }

        .table_block:last-child{

            border-right: 2px solid rgba(28, 29, 32, 1);

        }

        .table_block:nth-child(1),

        .table_block:nth-child(2),

        .table_block:nth-child(3){

            border-bottom: 2px solid rgba(28, 29, 32, 1);

        }

        .ecosystem_flex .eco_block {

            width: 100%;

        }

        .block_right img,

        .metaverse .block_right img {

            position: relative;

            right: 0;

            bottom: 0;

        }

        .block_right{

            margin: 0 auto 20px;

            width: 20%;

        }

        .nft .block_right img{

            margin-bottom: 0;

        }

        .about_left {

            max-width: 60%;

        }

        .email_block:after{

            background-size: 100% 100%;

        }

        .block_left {

            width: 60%;

        }

        .team_flex{

            justify-content: space-around;

        }

        .team_block {

            width: 37%;

        }

        .team_inner {

           text-align: center;

        }

        .team-content {

            left: 28.5%;

        }

        .team2 .team-content {

            top: 73%;

            left: 25%;

        }

        .team3 .team-content {

           left: 31%;

        }

        .team4 .team-content {

           left: 27%;

        }

        .about_section{

            padding-bottom: 50px;

        }

        .banner_right {

            max-width: 495px;

        }

        .contract h3 {

            font-size: 2.4rem;

        }

        .eco_block h3 {

            font-size: 2.0rem;

        }

        .roadmapSlider .roadmap_slide:last-child{

            display: none;

        }

        .roadmapSlider .roadmap_slide::before{

            width: calc(100% + 24px);

        }
        .email_block .email_box form p{
            flex-wrap: wrap;
        }

            .banner_right {
            margin: 29px 0 70px;
        }
    }

    @media(max-width: 767.98px){

        .title_up{

            font-size: 1.8rem;

        }

        .heading {

            font-size: 2.5rem;

            line-height: 32px !important;

        }

        .footer {

            padding: 50px 0;

        }

    

        .footer_content_wrapper,

        .footer_content {

            row-gap: 40px;

        }

    

        .footer_title {

            margin-bottom: 18px;

        }

    

        .footer_listing {

            row-gap: 10px;

        }

    

        .footer_listing li {

            flex-flow: column;

            align-items: start;

        }

        .main_heading ,

        .main_heading span{

            font-size: 3.0rem;

        }

        .clovInner{

            justify-content: center;

        }

        .clovInner .time{

            padding: 0;

        }

        .clovInner .smalltext{

            width: 100%;

            text-align: center;

        }

        .progress_banner .desc{

            font-size: 1.2rem;

        }

        .banner_top .smallDesc{

            font-size: 1.2rem;

        }

        .banner_right {

            margin: 29px 0 55px;

        }

        .banner_left .flex-row{

            justify-content: center;

            gap: 20px;

        }

        .banner_heading {

           max-width: 100%;

           text-align: center;

        }

        .banner_heading .smallDesc{

            padding: 0;

        }

        .banner_input_inner {

            width: 100%;

        }

        .clovInner .time {

            font-size: 1.8rem;

        }

        .heading{

            margin-bottom: 25px !important;

        }

        .balance{

            flex-wrap: nowrap;

            overflow: hidden;

        }

        .top_img{

            display: none;

        }

        .topbar-right,

        .topbar_flex{

            justify-content: space-between;

            width: 100%;

        }

        .btn {

            padding: 7px 24px;

        }

        .about_left {

            max-width: 100%;

        }

        .about_right {

            max-width: 50%;

            padding-top: 40px;

        }

        .about_section p {

            margin: 0 0 42px 0;

        }

        .ways_left {

            max-width: 100%;

        }

    

        .ways_right img {

            position: static;

        }

    

        .ways_section {

            background-position: right bottom !important;

            background: #EEEEF0;

        }

    

        .ways_right {

            max-width: 350px;

            margin-left: auto;

            margin-right: auto;

        }

        .nft .block_right {

            width: 57%;

        }

        .block_right{

            width: 47%;

            text-align: center;

            margin: -71px -15px 0 auto;

        }

        .block_left {

            width: 100%;

        }   

        .contract .code{

            word-break: break-all;

            font-size: 1.4rem;

        }

        .contract h3 {

            font-size: 2.4rem;

        }

        .table_block {

            width: 100%;

            border-right: 0;

            border-bottom: 2px solid rgba(28, 29, 32, 1);

        }

        .table_block:last-child {

            border-bottom: none;

            border-right: none;

        }

        .acc__title img {

            margin: 0 7px 0 0;

        }

        .acc {

            padding: 12px;

        }

        .acc__panel {

            padding: 0 24px 0 37px;

        }

        .acc__title{

            display: flex;

            align-items: center;

        }

        .contract:after, .contract:before{

            background-size: 100% 100%;

        }

        .roadmap_head:after{

            left: 47.6%;

        }

        .contract {

            margin: 34px 0 0;

        }

        .newsletter_section .newsletter_left {

            max-width: 50%;

            margin: 0 0 20px;

        }

        .newsletter_section .news_flex {

            gap: 30px;

        }

        .nft .block_left{

            width: 100%;

        }

        /* .team_block {

            width: 100%;

        } */

        .team-content {

            left: 28%;

            width: 84px;

        }

        .team_flex .paraDesc {

            font-size: 1.0rem;

            line-height: 16px;

        }

        .team-content .smallDesc{

            font-size: 1.0rem;

        }

        .team2 .team-content {

           left: 23%;

        }

        .team3 .team-content {

            left: 28%;

        }

        .team4 .team-content {

            left: 20%;

        }

        .roadmap_content{

            padding: 20px;

        }

        .roadmap_start{

            width: 60px;

            height: 60px;

            top: 30px;

            left: 20px;

        }

        .roadmap_slide .roadmap_slider_inner {

            padding-left: 20px;

        }

        .roadmapSlider .roadmap_slide:last-child{

            display: none;

        }

        .roadmap_slider .roadmap_content:before{

            top: -2px;

        }

        .contract_inner {

            padding: 23px 40px;

        }

        .team_block {

            width: 50%;

        }

    }