@media only screen and (min-width: 3500px) {
    .nav-logo-link {
        transform: scale(3)!important;
    }

    .nav-links {
        transform: scale(3)!important;
        margin-left: 50px!important;
    }

    .nav-right {
        transform: scale(3)!important;
    }



    .welcome-text {
        margin-top: -300px!important;
        transform: scale(3) !important;
    }




    .welcome-circle {
        transform: translateY(-50%) rotate(-45deg) scale(3) !important;
        margin: -900px 500px 0 0!important;
    }




    .welcome-banners-all {
        margin-bottom: 600px!important;
        transform: scale(2.7)!important;
    }




    .servers {
        margin: -1300px 0 0 -2000px !important;
        transform: scale(2.5) !important;
    }

    .announcements {
        height: 1100px!important;
    }

    .adm-circle {
        margin: 1000px 300px 0 0;
        transform: rotate(-45deg) scale(1.8) !important;
    }


    .adm-admins-all {
        margin-top: 2000px!important;
        left: 50%;
        transform: translate(-77%) scale(2.6) !important;
    }


    footer p:nth-child(1) {
        transform: scale(3.0)!important;
    }

    footer p:nth-child(2) {
        transform: scale(3.0)!important;
    }


    .wave {
        transform: scale(2.7) !important;
        transform: translate(-20%) scale(2.7) !important;
    }



    .footer-top {
        transform: scale(2.7) !important;
        margin: -220px -150px 0 0 !important;
        transform: translate(15%) scale(2.7) !important;
    }


    footer {
        margin-top: 1800px!important;
    }
}


@media only screen and (min-width: 2200px) {
    .nav-logo-link {
        transform: scale(1.4);
        transform-origin: top left;
    }

    .nav-links {
        transform: scale(1.5);
        transform-origin: top left;
        z-index: 50;
    }

    .nav-right {
        transform: scale(1.5);
        transform-origin: top right;
        z-index: 20;
    }



    .welcome-text {
        margin-top: -100px;
        transform: scale(1.5);
        transform-origin: top left;
    }




    .welcome-circle {
        transform: scale(1.5) translateY(-50%) rotate(-45deg);
        transform-origin: top right;
        margin: -200px 300px 0 0;
    }




    .welcome-banners-all {
        margin-bottom: 200px;
        transform: scale(1.5);
        transform-origin: top left;
    }




    .servers {
        margin: 0 0 0 -1000px;
        transform: scale(1.4);
        transform-origin: top left;
    }




    .adm-admins-all {
        margin: 400px 0 0 -4800px;
        transform: scale(1.4);
        transform-origin: top left;
    }


    footer p:nth-child(1){
        transform: scale(1.5);
        transform-origin: bottom left;
    }
    footer p:nth-child(2) {
        transform: scale(1.5);
        transform-origin: bottom right;
    }


    .wave {
        transform: scale(1.4);
        transform-origin: bottom left;
    }



    .footer-top {
        transform: scale(1.4);
        transform-origin: bottom right;
        margin: -50px -150px 0 0;
    }
}




@media only screen and (max-width: 1400px) {
    header {
        height: 90px!important;
    }

    nav a {
        font-size: 25px;
    }

    .nav-shape .nav-text {
        height: 30px;
    }




    .welcome-circle {
        width: 300px;
        height: 300px;
    }



    .skin-image {
        height: auto !important;
        width: 500px !important;
        margin: -143px 0 0 -200px;
        z-index: 100;
    }



    .nav-logo-link {
        margin: 90px 0px 0 -50px;
    }




    .nav-logo-image {
        width: 120px !important;
        height: 120px !important;
    }


    .welcome-text h1 {
        font-size: 80px;
    }
    .welcome-text h3 {
        font-size: 30px;
    }

    .welcome-banner {
        height: 40px;
    }



    .welcome-banner-rombus {
        height: calc(20px* 1.41);
        width: calc(20px* 1.41);
        right: calc(-10px* 1.41);
    }


    .adm-admins-all {
        margin: 120px 0 60px 0;
    }


    .adm-admins-text-second {
        margin: 0 60px 0 400px;
    }

    .footer-socials a {
        font-size: 20px;
        margin: 0px 10px;
    }



    .footer-socials {
        width: 90%;
    }

}


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


    .welcome-circle {
        width: 200px;
        height: 200px;
    }
    .welcome-circle-second {
        width: 30px;
        height: 30px;
    }



    .skin-image {
        height: auto !important;
        width: 400px !important;
        margin: -133px 0 0 -178px;
        z-index: 100;
    }



    .nav-logo-link {
        margin: 90px 0px 0 -50px;
    }


    .nav-logo-image {
        width: 120px !important;
        height: 120px !important;
    }


    .welcome-text h1 {
        font-size: 60px;
    }

    .welcome-text h3 {
        font-size: 25px;
    }

    .welcome-banner {
        height: 40px;
    }

    .servers-circle img {
        width: 100px !important;
        height: 100px !important;
        border-radius: 17px;
    }

    .next-circle {
        margin-left: 180px;
    }

    .servers h1 {
        font-size: 30px;
        margin: 0;
    }

    .next-circle > h3 {
        margin: 10px 0 15px 0;
        font-size: 15px;
        font-weight: 400;
        width: 80%;
    }

    .adm-admins {
        width: 50%;
        margin-left: 300px;
    }


    .adm-admins-text-second {
        margin: 20px 60px 0 100px;
    }

    .footer-socials a {
        font-size: 15px;
        margin: 0px 7px;
        padding: 5px;
        line-height: 25px;
        height: 25px;
    }

    footer p {
        font-size: 13px;
    }


    .footer-socials {
        width: 98%;
        margin-top: -100px;
    }

    .footer-circle img {
        width: 100px !important;
        height: 100px !important;
        border-radius: 50%;
    }



    .footer-circle-second {
        padding: 0px;
    }

    .footer-circle {
        left: 5%;
        top: -10%;
    }
}



@media only screen and (max-width: 950px) {
    html, body {
        transform-origin: top left;
        transform: scale(1);
        width: 100vw;
        height: 100vh;
        overflow-x: hidden !important;
    }

    .nav-menu {
        display: block;
    }


    .nav-right > a > div:nth-child(2) {
        display: none;
    }



    .nav-links {
        display: none;
    }


    #nav-links {
        position: fixed;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: flex-start;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


        #nav-links a {
            color: #fff !important;
            transform: unset;
            padding: 20px;
            margin: 10px;
            transition: ease-in-out 100ms;
        }

            #nav-links a:hover {
                color: var(--main-color) !important;
            }

    .hide {
        display: none;
    }


    .nav-link, #nav-links {
        z-index: 330;
    }






    .welcome-circle {
        margin-top: -20px;
        width: 100px;
        height: 100px;
    }

    .circle {
        transform: scale(0.7) !important;
    }

    .welcome-circle-second {
        left: -40% !important;
    }



    .welcome-banners-all {
        bottom: -20% !important;
    }

    .skin-image {
        height: auto !important;
        width: 300px !important;
        margin: -103px 0 0 -140px;
        z-index: 100;
    }

    .welcome-text {
        margin-top: -100px
    }

        .welcome-text h1 {
            font-size: 40px;
        }

        .welcome-text h3 {
            font-size: 16px;
        }





    .welcome-banner {
        height: 30px !important;
    }


        .welcome-banner h3 {
            font-size: 15px !important;
        }

    .welcome-banner-rombus {
        height: calc(15px* 1.41);
        width: calc(15px* 1.41);
        right: calc(-7.5px* 1.41);
    }





    .servers {
        margin-left: -210px !important;
        transform: scale(0.7) !important;
        transform-origin: top left;
    }


    .announcements {
        height: 550px !important;
        margin-left: 50px;
        margin-top: 10px;
    }

    .next-circle {
        margin-left: 100px;
        width: max-content;
    }


    .adm-admins-all {
        top: 0;
        left: 50%;
        transform: translate(-57%) scale(0.5) !important;
        transform-origin: top center;
    }


    .adm-circle {
        width: 50px;
        height: 50px;
        padding: 180px;
        right: -400px;
        top: -60%;
    }


    .adm-admins-text-second {
        margin-left: -160px;
        margin-top: 50px;
    }


    .adm {
        height: min-content;
        top: -200px;
    }


    footer {
        margin-bottom: -200px;
    }

    footer p {
        font-size: 10px;
    }


    .wave {
        /*border-bottom: 20px solid var(--main-color);*/
    }



    .footer-top {
        display: none !important;
    }

    .footer-socials {
        display: none!important;
    }

    .footer-socials a {
        width: 100px;
        margin: 10px;
    }



    .footer-bottom {
        margin-top: -50px;
        flex-direction: row;
        flex-wrap: nowrap;
        margin-bottom: -135px;
    }



    .adm-admins:nth-child(2n+2) > .circle {
        margin-top: 55px;
    }


    .circle-all-servers-fourth {
        width: 30px;
        height: 30px;
        right: -150%;
        top: -50%;
        z-index: 0;
    }



    .adm-circle-second {
        margin-top: -40px;
        width: 5px;
        height: 5px;
    }


    .servers h1 {
        font-size: 24px;
        margin: 0;        
        max-width: 400px!important;
    }
    .servers h3 {  
        max-width: 400px!important;
    }


    .regulations {
        width: 70%;
        margin: 0px;
        margin-top: 200px;
    }
}