@media (max-width: 1450px) {
    .content-section-body {
        display: flex;
        flex-direction: column;
        gap: 0;
        align-items: center;
    }

    .write-me-btn {
        display: none;
    }

    .write-me-btn-resp {
        display: flex;
        margin-top: 35px;
    }

    .content-skills-right {
        display: none;
    }

    .content-skills-resp {
        display: flex;
        padding: 0 13px;
    }

    .content-about-right {
        text-align: center;
    }

    .new-skill p {
        margin-top: 10px;
    }
}

@media (max-width: 1330px) {
    h1 {
        font-size: clamp(2.5rem, -2.23rem + 9.3vw, 5.5rem);
    }

    .title p {
        font-size: clamp(1.5rem, 0.86rem + 1.72vw, 2.5rem);
    }

    h2 {
        font-size: clamp(2rem, 0.86rem + 3.01vw, 3.75rem);
    }

    .hero {
        height: auto;
    }

    .wrapper-arrow-down {
        margin-top: 20px;
    }

    .main-image-container {
        max-width: unset;
        margin: 0;
    }

    .single-quote {
        padding: 60px 80px 60px 80px;
    }

    .quote-section {
        justify-content: flex-start;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: thin;
        scrollbar-color: #89BCD9 transparent;
    }

    .quote-section::-webkit-scrollbar {
        height: 6px;
    }

    .quote-section::-webkit-scrollbar-track {
        background: transparent;
    }

    .quote-section::-webkit-scrollbar-thumb {
        background: #89BCD9;
        border-radius: 999px;
    }

    .quote-section::-webkit-scrollbar-thumb:hover {
        background: #6aaac8;
    }
}


@media (max-width: 1150px) {
    .navbar-language {
        gap: 20px;
        padding: 20px 20px 20px 0;
    }

    .navbar-logo {
        padding: 0 0 0 20px;
    }

    .wrapper-navbar {
        margin-top: 100px;
    }

    .navbar-language a {
        font-size: 18px;
    }

    .nav-menu-content {
        gap: 25px;
        margin-top: 40px;
    }

    section {
        scroll-margin-top: 10px;
    }

    .info-hero-section {
        margin-top: clamp(16px, -171.2px + 20.8vw, 68px);
    }

    .profil-img {
        height: 93%;
        transform: translate(-50%, -13%);
        mask-image: url('../assets/img/heroBackground.png');
        mask-size: 116% auto;
        mask-repeat: no-repeat;
        mask-position: bottom;
    }

    .img-background-default,
    .img-background-hover {
        height: 80%;
        transform: translate(-50%, -16%) rotate(0deg);
    }

    .main-image-container:hover .img-background-default {
        opacity: 1;
    }

    .main-image-container:hover .img-background-hover {
        opacity: 0;
    }

    .team-title {
        display: flex;
        flex-direction: column;
        text-align: left;
    }

    .team-title-sub {
        color: #F8F5EC;
        font-size: 18px;
        margin-top: 5px;
    }

    .contact-section {
        padding: 0 20px;
    }
}

@media (max-width: 700px) {
    h1 {
        margin: 0 auto 16px auto;
    }

    .content-headlines {
        font-size: 32px;
        margin-top: 70px;
    }

    .wrapper-navbar {
        display: none;
    }

    .hero {
        flex-direction: column;
    }

    .info-hero-section {
        margin: 8px 0 0 0;
        padding: 0;
    }

    .main-image-container {
        aspect-ratio: 1/1;
    }

    .social-media-wrapper {
        display: none;
    }

    .profil-img {
        height: 110%;
        transform: translate(-50%, 0%);
    }

    .img-background-default,
    .img-background-hover {
        height: 95%;
        transform: translate(-50%, 0%);
    }

    .header-resp.d-none,
    .hero.d-none {
        display: flex;
        justify-content: space-between;
    }

    .logo-hero {
        flex: unset;
    }

    .nav-menu-container.is-active {
        opacity: 1;
    }

    .nav-menu-container img {
        transform: translate(-50%, 0%);
        height: 100%;
    }

    .navbar-language {
        padding: 0px 0px 0px 0;
    }

    .navbar-language p {
        margin: 0;
    }

    .social-media a:active .social-media-default,
    .social-media a:hover .social-media-hover {
        opacity: 0;
    }

    .social-media a:active .social-media-hover,
    .social-media a:hover .social-media-default {
        opacity: 1;
    }

    .content-wrapper {
        margin-top: 150px;
    }

    .info-left img {
        height: 45px;
        width: 50px;
    }

    .resp-location-icon {
        display: flex;
    }

    .location-icon {
        display: none;
    }

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

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

    .content-skills-left {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 35px;
    }

    .content-skills-left img {
        height: 50px;
        width: auto;
    }

    .skill-icon-small {
        display: flex;
    }

    .skill-icon-big {
        display: none;
    }

    .skills-icons-resp {
        gap: 10px;
    }

    .quote-section {

        padding: 0 0px;
        justify-content: flex-start;
    }

    .single-quote {
        height: 230px;
        padding: 60px 35px 34px 46px;
        text-align: left;
        align-items: start;
        overflow-y: clip;
    }

    .margin-team-link {
        margin-top: 5px;
    }

    .single-quote::before,
    .single-quote::after {
        width: 85%;
        transition: none;
        inset: 12px 0px 0px 0px;
        background-image: url('../assets/icons/references/referenceResp.svg');
    }

    .margin-team {
        margin: 5px 0 5px 0;
        max-width: 205px;
    }

    .contact-section {
        padding: 0 10px;
    }

    .content-contact-body {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .content-contact-right {
        flex-direction: column-reverse;
        width: 100%;
    }

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

    .contact-section-mail {
        gap: 10px;
    }

    .content-contact-left {
        width: 100%;
    }

    .contact-section-phone {
        gap: 10px;
    }

    .wrapper-arrow-up {
        margin: 80px 0 0 -20px;
        bottom: 0;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .row-name-mail {
        flex-direction: column;
        gap: 0px;
    }

    .form-wrapper {
        margin-top: 10px;
    }

    .send-btn-pos {
        margin: 35px 0 0 0;
    }

    .content-wrapper-footer {
        height: 200px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 5px;
    }

    .content-wrapper-footer> :nth-child(1) {
        order: 3;
    }

    .content-wrapper-footer> :nth-child(2) {
        order: 1;
    }

    .content-wrapper-footer> :nth-child(3) {
        order: 2;
    }

    .footer-legal {
        padding-top: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

    .wrapper-logo-footer {
        margin-top: 20px;
    }

    .wrapper-social-media-footer {
        display: flex;
        gap: 40px;
        height: 20px;
        justify-content: center;
        margin-left: -40px;
    }

    .wrapper-footer {
        margin-top: 250px;
    }
}

@media (max-width: 440px) {
    .hero {
        padding: 40px 20px 0 20px;
    }

    .title p {
        font-size: 20px;
    }

    .resp-menu-content {
        gap: 24px;
    }
}