@media (max-width:1120px) {
    .header .toggle {
        display: block !important;
    }

    .header .nav-link {
        padding: 30px 20px;
        width: 100%;
        position: fixed;
        background-color: white;
        flex-direction: column;
        top: 0;
        right: 0;
        z-index: 99;
        height: 100vh;
        max-width: 330px;
        align-items: stretch !important;
        gap: 0 !important;
        overflow-y: auto;
        overflow-x: hidden;
        transform: translateX(100%);
        transition: transform cubic-bezier(.51, .92, .24, 1.15) 1s;
    }

    body.dark .header .nav-link {
        background-color: #313133;
    }

    .header .nav-linkContainer.show .nav-link {
        transform: translateX(0);
    }

    .header .nav-link li a {
        padding: 15px 15px !important;
    }

    .header .mobilelogo {
        display: flex !important;
    }

    body.dark .dashboard {
        color: white !important;
    }

    body.dark .callicon span {
        color: white !important;
    }

    body.dark .mailicone span {
        color: white !important;
    }

  
}


@media (max-width:992px) {
    .EducationBox {
        flex-wrap: wrap;
        gap: 20px;
    }
    .singalBlog-imgBox {
        height: 350px;
    }
}


@media (max-width:768px) {


    .mylogo .myCV,
    .dashboard {
        font-size: 20px;
    }

    .mylogo .bi {
        font-size: 25px;
    }

    .mylogo ul {
        gap: 10px !important;
    }

    .themeButton {
        gap: 10px !important;
    }

    .mainContent .content .iconsBox {
        gap: 8px;
    }

    .container-sm {
        padding-inline: 20px;
    }

    .card {
        padding: 25px 15px 25px 15px;
    }

    .mainContent .content .iconsBox li a {
        padding: 10px 15px;
    }

    .web-name {
        font-size: 16px;
    }

    h2 {
        font-size: 20px !important;
    }

    .Projects {
        flex-wrap: wrap;
        gap: 20px !important;
    }

    .Projects span {
        font-size: 30px;
    }

    .EducationBox {
        flex-wrap: wrap;
        gap: 20px;
    }

    .input-group {
        margin-bottom: 0px;
    }
    .sectionHeading{
        margin-bottom: 20px !important;
    }
    .blogsContent h4{
        font-size: 16px;
    }
    .blog-para{
        text-align: justify;
    }

}



@media (max-width:576px) {
    .mainContent .imgBox {
        height: 180px;
    }

    .Projects span {
        font-size: 20px;
    }

    marquee {
        font-size: 20px !important;
    }

    .serviceMainBox2 {
        display: block !important;
    }

    .serviceMainBox2 .servicehireBox {
        margin-top: 20px;
    }

    .touchBox {
        flex-direction: column;
    }

    .getintouch {
        padding: 20px;
    }

    .all-Projects .work-Img-box {
        height: 220px;
    }

    .siteVisit {
        flex-wrap: wrap;
        margin-top: 10px !important;
    }
    .ongoingprojetcs {
        padding: 10px;
    }
    .ongoingprojetcs .work-Img-box{
        height: 150px;
    }
    .my-work-content .more-up-icon {
        padding: 5px 10px;
    }
    .my-work-content .more-up-icon .bi{
      font-size: 15px;
    }
    .blogimg-box {
        height: 170px;
    }
    .singalBlog-imgBox {
        height: 200px;
    }
}