@media screen and (max-width: 6.35in) {

    /* dark mode css starts  */

    :root {
        --primary-color: #fff;
        --secondry-color: #000106;
    }

    .dark-theme1 {
        --primary-color: #000106;
        --secondry-color: #fff;
    }

    body {
        background-color: var(--primary-color);
    }

    .placements h1 {
        color: var(--secondry-color);
    }

    .roadmap-div1-content h2 {
        color: var(--secondry-color);
    }

    .cheatsheets h1 {
        color: var(--secondry-color);
    }

    .platform p {
        color: var(--secondry-color);
    }

    .platform {
        box-shadow: 0 0 10px var(--secondry-color);
    }

    .project-idea h1 {
        text-align: center;
        color: var(--secondry-color);
    }

    .subjects-heading {
        color: var(--secondry-color);
    }

    /* header starts  */
    #dark-icon {
        width: 30px;
    }

    /* header media query starts  */
    .header {
        display: block;
    }


    /* dark theme section starts  */


    :root {
        --primary-color: #fff;
        --secondry-color: #000106;
    }

    .dark-theme1 {
        --primary-color: #000106;
        --secondry-color: #fff;
    }

    body {
        background-color: var(--primary-color);
        -webkit-user-select: none; /* Disable text selection */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

    #dark-icon {
        margin: 50px 0px 0px 50%;
        width: 40px;
        cursor: pointer;
    }

    .bar {
        margin-right: 40px;
    }

    /* header media query starts  */

    .nav-button a {
        font-size: 16px;

    }

    .logo-img {
        height: 60px;
        width: 100px;
    }

    .nav-logo {
        width: 30%;
        align-items: center;
        display: flex;
    }

    /* roadmaps media query starts  */
    .placements {
        /* height: 2100px; */
    }

    .placements h1 {
        /* margin-top: 6rem; */
        text-align: center;
        /* margin-bottom: 2rem; */
        color: #800080;
        font-size: 22px;
        font-weight: bold;
        font-weight: 800;
        text-decoration: double;
    }

    .roadmap-div1-content h2 {
        font-size: 20px;
        color: black;
    }

    .roadmap-div1-content button {
        background-color: blue;
        font-size: 16px;

    }
    .roadmap-div1-content {
        width: 350px;
    }
    .roadmap {
        flex-direction: column;
        grid-template-columns: repeat(1, 1fr);
    }
    .load{
        grid-template-columns: repeat(1, 1fr);
    }
    #load2,#load3,#load4{
       flex-direction: column;
    }
    #load2,#load3,#load4{
        margin-left: 1px;
        width: fit-content;
    }
    
    
    .loadMoreBtn{
        margin-left: 30%;
        
    }
    .cheatsheet {
        grid-template-columns: repeat(1, 1fr);
        border: 3px solid blue;
    }

    .cheatsheets h1 {
        font-size: 20px;
    }

    .cheatsheet-div1-content button {
        font-size: 16px;
        border-radius: 100px;
    }

    .code {
        height: 1200px;
        margin-top: 0px;
    }

    .coding {
        flex-direction: column;
        grid-template-columns: repeat(1, 1fr);
        /* height: 1000px; */
        height: 1000px;
        margin-top: 0px;
        justify-content: space-around;


    }

    .projects {
        grid-template-columns: repeat(1, 1fr);
        border: 3px solid darkmagenta;
    }

    #project1 {
        margin-left: 20px;
    }

    #project1 ul li {
        margin-bottom: 10px;
    }

    #project1 h2 {
        font-size: 20px;
    }

    .project-idea h1 {
        text-align: center;
        font-size: 20px;
    }

    .theory-sub {
        height: auto;
        margin-top: 50px;
    }

    .subjects-heading {
        font-size: 20px;
        font-weight: 800;
    }

    .underline {
        height: 2px;
        margin-left: 35%;
    }

    .subject {
        margin-left: 24%;

    }

    .other-resource {
        margin-left: 24%;
    }

    #other-resource-heading {
        font-size: 20px;
    }

    .subjects {
        grid-template-columns: repeat(1, 1fr);
    }

    .other-resources {
        grid-template-columns: repeat(1, 1fr);
    }

    .other-resource button {
        margin-bottom: 20px;
    }

    /* footer css starts  */

    /* footer section starts  */
    #contact-us {
        display: none;
    }

    #mobile-contact-us {
        display: block;
    }

    .mobile-footer-home a {
        background-color: #37475a;
        color: white;
        height: 50px;
        justify-content: center;
        align-items: center;
        display: flex;
        font-size: 1rem;
        text-decoration: none;
    }

    .mobilefooter {
        background-color: #222f3d;
        color: white;
        height: 425px;
        align-items: center;
        justify-content: space-evenly;
    }

    .applink {
        height: 100px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .otherlinks {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        height: 50px;
        width: 100%;
    }

    .links {
        align-items: center;
        justify-content: center;
        display: flex;
        border: 2px solid white;
        border-radius: 50%;
        width: 35px;
        height: 35px;
    }

    .quicklinkss {
        height: 175px;
        width: 100%;
        text-decoration: none;
        align-items: center;
        justify-content: space-evenly;
        text-align: center;
    }

    .quicklinkss a {
        margin-right: 10px;
        text-decoration: none;
        color: white;
    }

    .quicklinkss h4 {
        text-align: center;
        text-decoration: underline;
    }

    .copyright {
        height: 50px;
        width: 100%;
        background-color: #37475a;
        color: white;
        font-weight: bold;
        font-size: large;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .copyright a{
        color: white;
        text-decoration: none;
    }

    /* mobile footer end */
}