@media only screen and (max-width: 1919px) {
    :root {
        --small: 16px;
        --normal: 20px;
        --medium: 32px;
        --big: 32px;
        --bigger: 48px;
        --large: 72px;
    }

    section {
        padding: 100px 200px;
    }

    nav {
        padding: 0 200px;
    }

    .home {
        padding-top: 120px;
    }



    .bg {
        height: 100vh;
    }

    .home {
        height: 100vh;
    }

    .phones {
        object-fit:fill;
        width: 100vw;
        height: 60vw;
        max-width: none;
        bottom: 0;
    }

    .fade {
        position: absolute;
        width: 100vw;
        bottom: 0;
        object-fit: contain;
        z-index: 100;
    }

    .s2 {
        display: none;
    }

    footer .s1 img:is(:not(img:nth-of-type(2), img:nth-of-type(1), img:nth-of-type(3), img:nth-of-type(4))) {
        display: none;
    }
    
}

@media only screen and (max-width: 1366px) {
    :root {
        --small: 16px;
        --normal: 20px;
        --medium: 32px;
        --big: 32px;
        --bigger: 36px;
        --large: 64px;
    }

    section {
        padding: 100px 100px;
    }

    nav {
        padding: 0 100px;
    }

    .nav-center ul {
        gap: 40px;
    }



    .home-buttons button {
        scale: 1.2;
    }


    .slides {
        width: 300px;
        height: 450px;
    }
    
    .slides-container {
        transition: .5s;
    }
    
    .slide {
        width: 300px;
        height: 450px;
    }
    
    .slide img {
        width: 300px;
        height: 375px;
    }
    
    .slide:nth-of-type(2) img {
        width: 300px;
    }
    
    .slide:nth-of-type(3) img {
        width: 270px;
    }

    .contact-right img {
        width: 400px;
        height: auto;
    }

    .contact-lists {
        max-width: 500px;
    }

    .contact-list {
        height: 50px;
    }

    
    

}

@media only screen and (max-width: 1023px) {

    :root {
        --small: 16px;
        --normal: 20px;
        --medium: 32px;
        --big: 32px;
        --bigger: 42px;
        --large: 72px;
    }

    section {
        padding: 100px 50px;
    }

    nav {
        padding: 0 50px;
        width: 100%;
        height: 15vw;

        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 100;
    }

    .nav-left img {
        width: 6vw;
        height: auto;
    }

    .nav-center {
        display: none;
    }

    .nav-right {
        display: none;
    }

    .ham {
        display: flex;
    }

    .ham svg {
        width: 4vw;
        height: auto;
    }


    .home {
        overflow: hidden;
    }

    .desktop-title {
        display: none;
    }
    .phone-title {
        display: block;
        width: 60vw;
    }


    .phones {
        display: none;
    }

    .phone {
        display:block;
        position: absolute;
        width: 70vw;
        height: auto;
        max-width: none;
        top: 50%;
        object-fit: contain;
    };

    .about {
        
    }
    .about {
        flex-direction: column;
    }

    .about-left h4 {
        letter-spacing: 4px;
    }
    
    .about-left ul {
        list-style-type: none;   
    }

    .slider {
        margin-top: 6vw;
    }
    
    .contact {
        flex-direction: column;
    }

    .contact-left {
        width: auto;
    }

    .contact-right {
        transform: translateY(10vw) translateX(3vw);
    }

    .contact-lists {
        max-width: 100%;
    }

    .contact h4 {
        letter-spacing: 4px;
    }

   
    footer {
        margin-top: 100px;
        height: auto;
    }

    footer .content {
        flex-direction: column;
        gap: 50px;
        height: auto;
        padding: 100px 0;
    }

    footer .line {
        display: none;
    }

    footer .links {
        gap: 12vw;
    }

    footer .s1 img:is(:not(img:nth-of-type(2), img:nth-of-type(1))) {
        display: none;
    }

    footer .s1 img:nth-of-type(2) {
        left: 65vw;
    }
    footer .s1 img:nth-of-type(1) {
        width: 100px;
        left: 12vw;
        animation: weeds infinite 8s ease-in-out;
        animation-delay: -5s;
    }
    

}

@media only screen and (max-width: 455px) {
    :root {
        --small: 14px;
        --normal: 16px;
        --medium: 20px;
        --big: 24px;
        --bigger: 24px;
        --large: 24px;
    }


    section {
        padding: 100px 30px;
    }

    nav {
        padding: 0 30px;
        height: 25vw;
    }

    .ham svg {
        width: 6vw;
        height: auto;
    }

    .nav-left img {
        width: 8vw;
        height: auto;
    }

    aside {
        padding-top: 10vw;
    }

    .aside-m svg {
        width: 10px;
        height: auto;
    }


    .home-buttons {
        gap: 30px;
    }
    
    .home-buttons button {
        scale: 1;
    }
    .applications img {
        width: 100px;
        height: auto;
    }

    .glow {
        width: 150px;
        height: 150px;
        filter:blur(100px);
    }


    .about-left h1 {
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .about-left h4 {
        letter-spacing: 3px;
        font-size: var(--small);
    }
    

    .slides {
        width: 70vw;
        height: 100vw;
    }
    
    .slides-container {
        transition: .5s;
    }
    
    .slide {
        width: 70vw;
        height: 100vw;
    }
    
    .slide img {
        width: 70vw;
        height: 100vw;
    }
    
    .slide:nth-of-type(2) img {
        width: 70vw;
    }
    
    .slide:nth-of-type(3) img {
        width: 63vw;
    }

    .about-buttons {
        gap: 20px;
        margin-top: 40px;
    }

    .about-buttons button {
        width: 3vw;
        height: 3vw;
    }





    .contact-right img {
        width: 70vw;
        height: auto;
    }

    .contact-lists {
        gap: 10px;
    }

    .contact h1 {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .contact svg {
        scale: .7;
    }

    .contact h4 {
        letter-spacing: 3px;
        font-size: var(--small);
    }



    footer .s1 img:nth-of-type(2) {
        left: 65vw;
        width: 100px;
    }
    footer .s1 img:nth-of-type(1) {
        width: 50px;
        left: 10vw;
        animation: weeds infinite 8s ease-in-out;
        animation-delay: -5s;
    }

    footer .links {
        flex-direction: column;
        gap: 30px;
    }

    footer .links > div > * {
        text-align: center;
    }

    footer .logo-container img {
        width: 20vw;
    }
}



/*

@media only screen and (max-width: 500px) {


    nav {
        width: 100%;
        height: 26vw;

        display: flex;
        justify-content: space-between;
        align-items: center;

        position: static;
        z-index: 100;

        padding: 0 10vw;
    }

    .nav-left img {
        width: 10vw;
        height: auto;
    }

    .nav-center {
        display: none;
    }

    .nav-right {
        display: none;
    }

    .ham {
        display: flex;
    }

    .ham svg {
        width: 6vw;
        height: auto;
    }


    .home {
        justify-content: center;
        flex-direction: column-reverse;
        text-align: center;
        padding: 0;
    }

    .home-text {
        transform: translateY(-10vw);
        align-items: center;
    }

    .home-text h1 {
        margin-top: 2vw;
        max-width: 90vw;
        font-size: 7vw;
        line-height: 10vw;
    }

    
    .home-buttons {
        margin-top: 2.5vw;
        align-items: center;
        flex-direction: column;
        gap: 2vw;
    }

    .home-buttons button {
        width: 50vw;
        height: 12vw;

        background: linear-gradient(180deg, #C1E05E 0%, #DCE05E 100%);
        border-radius: 6vw;
        gap: 3vw;

        font-size: 3.5vw;
    }

    .home-buttons button svg {
        width: 4vw;
        height: auto;
    }

    .applications {
        margin-top: 4vw;
        gap: 2vw;
    }

    .applications img {
        width: 30vw;
        height: auto;
    }

    .home-images {
        justify-content: center;
        transform: translateX(-9vw) translateY(-18vw);
    }




    .about {
        width: 100%;
        height: 100vh;

        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;

        padding: 0;
    }

    .about-left {
        display: flex;
        align-items: center;
        flex-direction: column;
        transform: translateY(2vw);
    }

    .about-left h4 {
        font-size: 4vw;
    }

    .about-left h1 {
        margin-top: 2vw;
        max-width: 90vw;
        font-size: 7vw;
        line-height: 10vw;
    }

    .about-left h1 span {
        color: #E4FF3F;
    }

    .about-left p {
        margin-top: 3vw;
        max-width: 90vw;
        font-size: 4vw;
        line-height: 8vw;
    }

    .about-left ul {
        max-width: 80vw;
        list-style-type: none;
        height: 30vw;
        overflow: auto;
        padding: 0 1vw;
    }
    
    .about-left ul li a {
        font-size: 3vw;
        font-weight: 400;
        color: #7B738A;
    }

    .slides {
        margin-top: 3vw;
        width: 80vw;
        height: 80vw;
    }

    .slide {
        width: 80vw;
        height: 80vw;
    }

    .slide img {
        width: 60vw;
        height: 75vw;
    }

    .slide:nth-of-type(2) img {
        opacity: 0;
        width: 55vw;
        height: 70vw;
        transform: translateY(3vw);
    }
    
    .slide:nth-of-type(3) img {
        opacity: 0;
        width: 50vw;
        height: 70vw;
        transform: translateY(3vw);
    }
    

    .about-buttons {
        gap: 2vw;
    }

    .about-buttons button {
        width: 3vw;
        height: 3vw;
    }


    .contact {
        justify-content: center;
        text-align: center;
        flex-direction: column;

        padding: 0;
    }

    .contact-left {
        align-items: center;
        transform: translateY(0vw);
    }

    .contact-left h4 {
        font-size: 4vw;
    }

    .contact-left h1 {
        margin-top: 2vw;
        max-width: 90vw;
        font-size: 7vw;
        line-height: 10vw;
    }

    .contact-left h1 span {
        color: #E4FF3F;
    }

    .contact-left p {
        margin-top: 1vw;
        max-width: 90vw;
        height: 24vw;
        font-size: 4vw;
        line-height: 8vw;
    }

    .contact-lists {
        margin-top: 4vw;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4vw;
    }

    .contact-list {
        height: 6vw;
        gap: 4vw;
    }

    .contact-list:nth-of-type(1) svg {
        width: 7.5vw;
        height: auto;
    }
    .contact-list:nth-of-type(3) svg {
        width: 4vw;
        height: auto;
    }
    .contact-list:nth-of-type(5) svg {
        width: 5vw;
        height: auto;
    }

    .contact-svg {
        width: 2vw;
        height: auto;
    }

    .contact-line {
        width: 80vw;
        border: 1px solid #7B738A;
    }

    .contact-list p {
        margin-top: 0;
        font-size: 4vw;
        line-height: auto;
        height: max-content;
    }

    .contact-list h5 {
        font-size: 4vw;
        line-height: auto;
        height: max-content;
    }

    .contact-right {
        transform: translateY(10vw) translateX(-2vw);
    }

    .contact-right img {
        width: 55vw;
        height: auto;
    }


    footer {
        width: 100%;
        height: 40vh;

        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;

        background-image: url('footer-resp.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

    footer img {
        width: 13vw;
    }

    footer ul {
        margin-top: 5vw;
        gap: 2vw;
        flex-direction: column;
    }

    footer ul li a {
        font-size: 4vw;
    }

    footer p {
        margin-top: 3vw;
        font-size: 3vw;
        max-width: 90vw;
        color: #7B738A;
    }

    .footer-socials {
        margin-top: 3vw;
        gap: 3vw;
    }

    .footer-social {
        width: 8vw;
        height: 8vw;
    }

    .footer-social svg {
        width: 4.5vw;
        height: auto;
    }

    .footer-social:nth-of-type(1) svg {
        width: 2vw;
        height: auto;
    }

}

*/