@media(max-width:549.98px){
    .notai-card.flex-2 {
        flex-wrap: wrap;
    }
}

@media(max-width:767px) {
    .gateway-details {
        padding: 0 15px 15px;
    }
    .cta_box .inbox{
        padding: 20px;
    }
    .footer-sctn.flex-2 {
        flex-direction: column-reverse;
        gap: 15px;
    }   
    section.closed-project ul{
        flex-wrap: nowrap;
        overflow: scroll;
        justify-content: flex-start !important; 
        
    } 
    .article-block {
        padding-left: 15px !important;
        padding-right: 20px !important;
      }
      .token-sale-right .time-list li {
        width: 75px;
        height: 63px;
        font-size: 18px !important;
      }
      .project-details .outline-box .closed-img video, .project-details .outline-box .closed-img img{
        height: auto !important;
    }
}

@media (max-width: 991.98px) {
    .outline.token-sale-right {
      margin-top: 30px !important;
    }
    .cta-video::after{
        display: none;
    }
  }
  
@media(max-width:1199.98px){
    header.header-section{
        animation: unset !important;
    }
    .close-menu.text-end{
        display: block !important;;
      }
      .header-rht-icons i {
        color: #fff;
    }    
    .header-btn.flex-1{
        flex-direction: column;
    }
    div#navbarSupportedContent {
        position: fixed;
        background: #000;
        z-index: 999;
        transition: .5s;
        height: 100%;
        width: 100%;
        top: 0;
        left: -100%;
        overflow-y: scroll;
        padding: 14px 15px 0;
        min-height: 100vh;
    }
    .navbar-collapse.collapse.show {
        left: 0% !important;
        transition: .5s;
    }
    section.header-section div#navbarSupportedContent {
        height: 850px !important;
    }
    .project-details .outline-box .closed-img video, .project-details .outline-box .closed-img img{
        height: auto !important;
    }
}

@media(min-width:549.98px) and (max-width:1199.98px){
    section.closed-project.closed-live .clipbox{
        height: 88px !important;
    }
    .notai-card.flex-2 {
        gap: 15px !important;
    }
    .nex-details.project-raise p, .nex-details.project-raise span{
        font-size: 14px !important;
    }
}