@media (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1300px;
    }
}

@media (max-width: 767px){
    .footer-logo {
        width: 250px;
        margin-bottom: 15px;
    }
    .tm-logo-link .tm-logo {
        width: 130px;
        padding: 7px 0px;
    }
    .tm-social-btn-wrap.tm-style2 ul { 
        grid-template-columns: 1fr 1fr; 
    }
    .about-item {
        display: block;
        margin-top: 25px;
    }
    .about-item .icon { 
        margin-bottom: 10px;
    }
    .flx-wrap{
       flex-direction: column-reverse;
    }
    .about-left {
        margin-top: 30px;
    }
    .about-content {
        margin-top: 0px;
    }
    .tm-Benifits .col-lg-4 {
        margin-top: 25px;
    }
    .tm-year-box { 
        margin-left: 22%;
    }
    .tm-roadmap-text { 
        padding: 20px 20px 20px; 
    }
    .tm-about-wrap {
        padding: 70px 0px 70px;
    }
    .tm-projects { 
        padding: 70px 0px 70px; 
    }
    .tm-Benifits {
        padding: 70px 0px 70px; 
    }
    .How-Works { 
        padding: 70px 0px 70px; 
    }
    .tm-roadmap-wrap { 
        padding: 70px 0px 70px;
    }
    .pricing-area { 
        padding: 70px 0px 70px; 
    }
    .tm-faq-wrap {
        padding: 70px 0px 70px; 
    }
    .tm-subscribe-wrap { 
        padding: 70px 0px 70px; 
    }
    .tm-bg {
        padding: 70px 0px 70px;
    }
    .sub-heading {
        font-size: 30px;
    }
    .all-sub-heading {
        font-size: 20px; 
    }
    .footer-nav-list {
        display: grid ; 
        gap: 10px;
        grid-template-columns: 1fr 1fr;
    }
    .main-footer { 
        padding: 50px 0px 0px;
    }
    .main-mission {
        display: block;
        margin-top: 30px;
    }
    .community-bg {
        padding: 30px 15px;
    }
}