@media screen and (max-width: 1000px) {
    .nav-toggle {
        display: block;
    }

    ul.nav-links {
        display: none;
    }

    .dropdown {
        position: absolute;
        right: 6vw;
        padding: 12px 20px;
        display: block;
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(15px);
        border-radius: 10px;
        overflow: hidden;
        height: 0;
        opacity: 0;
    }

    .sec-right {
        grid-template-rows: 2fr 1fr;
    }

    .sl-achivelist .sl-achive::before {
        bottom: -8px;
    }

    .sr-image .sr-myimg {
        overflow: visible !important;
        aspect-ratio: 7/10;
    }

    .sec-right:hover .sr-image .sr-myimg a {
        bottom: -20%;
    }

    .sl-achivelist .sl-achive {
        aspect-ratio: 5/1;
    }

    .sl-largecard .sll-content {
        padding-left: 15px;
    }

    ::-webkit-scrollbar {
        display: none;
    }
}

@media screen and (min-width: 780px) and (max-width: 1000px) {
    .sec-title span::before {
        top: -10px !important;
    }

    .pd-buttons a {
        /*font-size: 1.4vw;*/
    }

    .pd-buttons a i {
        /*font-size: 1.8vw;*/
    }

    .project-time {
        /*font-size: 1.4vw;*/
    }
    
    .font-1 {
        font-size: 12px;
    }

    .font-2 {
        font-size: 14px;
    }

    .font-3 {
        font-size: 16px;
    }

    .font-4 {
        font-size: 18px;
    }

    .font-5 {
        font-size: 25px;
    }

    .font-6 {
        font-size: 27px;
    }

    .ex-sec2 .ex-btn {
        margin-top: 5px !important;
    }

    .ex-sec2 {
        bottom: 5%;
    }

}