@media screen and (max-width: 900px){
    nav{
        order: 3;
        visibility: hidden;;
    }
    .logoimgcontainer{
        order: 2;
    }
    

    #T-M-S-S{
        display:flex;
    }
    #T-M-S-S-indicators{
        display: block;
    }
    nav p{
        font-size: 13px;
    }
    .burger{
        display: block;
        position: absolute;
        right: 3%;
        top: 0%;
        margin-top: 10px;
        width: 80px;
        height: 80px;
        border-radius: 40px;
        
        z-index: 6;
    }
    .burger .menu-stick{
        position: absolute;
        width: 40px;
        height: 3px;
        margin-left: 25px;
        margin-top: 33px;
        background-color: white;
    }
    .burger .menu-stick::after{
        position: absolute;
        content: "";
        width: 40px;
        height: 3px;
        margin-top: 8px;
        background-color: white;
    }
    .burger .menu-stick::before{
        position: absolute;
        content: "";
        width: 40px;
        height: 3px;
        margin-top: 16px;
        background-color: white;
    }

    .burger-menu {
        position:fixed;
        height: 100vh;
        width: 100vw;
        top: 0%;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 5;
    }
    .br-menu-inactive{
        display: none;
    }

    .br-menu-active{
        display: flex;
    }

    .burger-menu .br-nav{
        position: fixed;
        display: flex;
        z-index: 6;
        visibility: visible;
        flex-direction: column;
        width: 100%;
    }
    .burger-menu .br-nav a{
        width: 61px;
        height: 47px;
        left: 339px;
        top: 36px;
        margin-top: 5%;
        font-family: 'Sofia Pro';
        font-style: normal;
        /* font-weight: 800; */
        font-size: 40px;
        line-height: 47px;
        color: #FFFFFF;
    }

    .burger-menu .links-container{
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        width: 33%;
        margin-left: 5%;
    }

    .burger-menu .links-container .burger-link{
        text-decoration:none;
        font-family: 'Sofia Pro';
        font-style: normal;
        font-weight: 800;
        font-size: 44px;
        /* identical to box height, or 196% */
        color: #FFFFFF;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    }

    .Roadmap .RoadmapImgContainer .roadmapcontainer{
        opacity: 0;
    }
    
    .Roadmap .RoadmapImgContainer .Roadmap-media-bgcolor{
        position: absolute;
        width: 81%;
        height: 88.5%;
        top: 4.5%;
        border-radius: 15px;
        background-color: black;
        opacity: 0;
        z-index: 0;
    }

    .Roadmap .RoadmapImgContainer .roadmapcontainer{
        left: 9.5%;
        top: 65%;
        width: 81%;

    }
    .Roadmap .RoadmapImgContainer .roadmapcontainer p{
        padding: 4%;
    }
    .Roadmap .RoadmapImgContainer .top{
        top: 18%;
    }

  


    #l1:hover~#media-bg{
        opacity: 0.5;
    }

    #l2:hover~#media-bg{
        opacity: 0.5;
    }
    #l3:hover~#media-bg{
        opacity: 0.5;
    }
    #l4:hover~#media-bg{
        opacity: 0.5;
    }
    #l5:hover~#media-bg{
        opacity: 0.5;
    }

    body .T .cardsContainer {
        display: none;
    }


    .Team .team-cardcontainer .teamcard .teamimgcontainer .team-img{
        width: 287px;
        bottom: 2%;
        left: -7%;
    }


    .Team .team-cardcontainer .teamcard .teamimgcontainer .team-img2{
        width: 252px;
        bottom: -5.35%;
        left: -2%;
    }

    .Team .team-cardcontainer .teamcard .teamimgcontainer .team-img3{
        width: 264px;
        bottom: -4%;
        left: 1%;
    }

    .Team .team-cardcontainer .teamcard .teamimgcontainer .team-bg{
        width: 260px;
        height: 260px;
    }

    .Team .team-cardcontainer .teamcard .teamtextcontainer{
        position: relative;
        margin-right: 10%;
        width: 40%;
    }
    .Team .team-cardcontainer .teamcard .teamimgcontainer .team-message p{
        font-size: 18px;
    }


    .Team .team-cardcontainer .teamcard .teamtextcontainer h3{
        margin-top: 45%;
        font-size: 26px;
    }

    .Team .team-cardcontainer .teamcard .teamtextcontainer .description{
        font-size: 14px;
    }


    .Team .team-cardcontainer .teamcard .teamtextcontainer .info{
        font-size: 18px;
        width: auto;

    }

    .Team .team-cardcontainer .teamcard .teamimgcontainer .team-message{
        width: 54%;
        height: 89px;
        top: 6%;
        left: 45%;
    }

    .mainImg-titletext{
        font-size: 20px;
    }
    .mainImg-titleSupporttext{
        font-size: 12px;
    }

    .mainImg-part2-titleSupporttext{
        font-size: 12px;
    }
    .mainImg-part2-titletext{
        font-size: 30px;
    }
    .media-team-bg-container{
        margin: 0 10% 0 10%;
    }
/*     .team-media-card .carousel .carousel-inner .item {
        height: 80%;
    }
    .team-media-card{
        height: 1000px;
    } */
}