@media screen and (max-width: 765px) { 
    .offer-last-container {
        padding: 30px;
    }
    .offer-last-container p {
        font-size: 14px;
    }
    .feedback-text p {
        font-size: 16px;
    }
    .feedback-header-right {
        flex-direction: column;
        justify-content: start;
        gap: 10px;
    }
    .feedback-card {
        flex-direction: column;
    }
    .feedback-header {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 20px;
    }
    #feedback-img {
        width: 50px;
        height: 50px;

    }
    .feedback-img-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .feedback-text {
        text-align: left;
    }
    #contact-home {
        margin-top: 80px;
    }
    .contact-home-title {
        justify-content: left;
        align-items: start;
    
        padding: 20px 0;
    }
    .contact-home-title h3 {
        font-size: 20px;
        font-weight: 800;
    }
    .contact-home-title-p {
        font-size: 14px;
    
        text-align: left;
        padding: 20px 0;
        max-width: 290px;
    }
    .contact-home-content {
        flex-direction: column;
        gap: 30px;
    }
    #contact-home {
        margin-bottom: 0;
    }
    #heroBG {
        display: none;
    }
    #heroBGMobile {
        position: absolute;
        top: -180px;
        left: 0;
        z-index: -1;
        width: 100vw;
        max-height: 1000px;
        overflow: hidden;
    
        display: flex;
        justify-content: center;
    }
    #hero-container-new {
        flex-direction: column;
        gap: 150px;
    }
    #sikeres-img, #sikertelen-img {
        width: 150px;
        height: 150px;
    }
    #sikeres-hivas h3, #sikertelen-hivas h3 {
        font-size: 20px;
    }
    #sikeres-hivas p, #sikertelen-hivas p {
        font-size: 16px;
    }
    #shooting-stars-container {
        top: -300px;
        left: -240px;
        width: 700px;
    }


}
@media screen and (max-width: 600px) { 
    .h-style {
        font-size: 20px;
    }
    .design-h2 {
        font-size: 20px;
    }
    #redesign p {
        font-size: 16px;
    }
    .form-foot {
        align-items: flex-start;
        flex-direction: column-reverse;
    }

    #main-title {
        font-size: 40px;
        font-weight: 800;
    }

}
/* Mobil kinézet lelke itt van */
@media screen and (max-width: 720px) { 
    #hero-container {
        display: flex;
        justify-content: left;
        text-align: left;
        align-items: flex-start;
        padding: 20px;
    }
    #main-title {
        font-weight: 900;
        font-size: 34px;
    }
    #main-h2 {
        padding: 0;
        font-size: 18px;
    }
    #ati-hero {
        display: none;
    }
    #ati-hero-text {
        display: none;
    }
    #home {
        margin-top: 90px;
    }
    #offer {
        margin-top: 50px;
    }
    #mobilBg { 
        display: flex;
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: auto;
        opacity: 0.5;
    }
    #mobilBgImg {
        width: 100%;
    }
    #pattern-bg4 {
        display: none;
    }
    .button-2 {
        border: 2px solid var(--textColor);    
    }
    #copyButton {
        width: 40px;
    }
    #heroBG {
        display: none;
    }
    .redesign {
        height: auto;
    }

    .first-container-text h2, .second-container-text h2, .third-container-text h2, .offer-last-container h4 {
        font-size: 35px;
        font-weight: 800;
    }
    .first-container-text h3, .second-container-text h3, .third-container-text h3 {
        font-size: 20px;
        font-weight: 800;
    }
    .first-container-text p, .second-container-text p, .third-container-text p, .offer-last-container p {
        font-size: 18px;
        font-weight: 400;
    
        max-width: 455px;
    }
    .first-container-img-container {
        display: none;
    }
    .magnifier-container {
        display: none;
    }
    #magnifier {
        display: none;
    }

    .sun-light {
        display: none;
    }

    #contact-home {
        overflow: none;
    }
    #contact {
        overflow: hidden;
    }
    #home {
        overflow: hidden;
    }

    .offer-first-container  {
        min-height: auto;
    }


    .offer-third-container {
        min-height: 500px;
        position: relative;
        left: 0;
    }
    .third-container-text {
        margin: 0;

        position: relative;
        top: 280px;
    }

    .mobile-offer-bg-1 {
        display: block;
        position: absolute;
        top: -30px;
        left: 30px;
    }
    .mobile-offer-bg-2 {
        display: block;
        position: absolute;
        top: 120px;
        left: -258px;
    }
    .mobile-offer-bg-3 {
        display: block;
        position: absolute;
        top: 260px;
        left: 40px;
    }

    .offer-container {
        margin-top: 0;
        gap: 100px;
    }
    .first-container-text {
        margin-top: 0;
    }
    #home-job-mobile-content {
        justify-content: center;
        align-items: center;
    }
    #home-job-mobile {
        border: none;
        border-radius: 0;
    }
    #home-job-mobile-img {
        border: 1px solid var(--divBorderBg);
        border-radius: 15px;
    }
    .touchImg {
        min-height: auto;
        height: auto;
        min-width: auto;
        width: 100%;
    }
    #home-job-mobile-images {
        margin: 0;
        width: 100%;
        height: 100%;
    }
    .mobile-magnify-img {
        display: flex;

        width: 550px;
        position: absolute;
    }
    #hero-container-new {
        margin-bottom: 0;
    }
    .redesign {
        padding: 30px 20px;
        align-items: flex-start;
        gap: 20px;
    }
    .feedback-name {
        font-size: 20px;
        margin-top: 0;
    }
    #feedback-domain {
        font-size: 16px;
    }
    #redesign-container {
        padding-bottom: 40px;
    }
    #redesign {

    }
    #redesign p {
        font-style: italic;
    }
    .butterfly-container {
        height: auto;
        min-height: 500px;

        position: relative;
    }
    .butterfly-left {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;

    }
    .butterfly-right {
        padding: 0;
        text-align: right;

        display: flex;
        justify-content: right;
        align-items: flex-end;

        margin-top: 250px;
    }
    .butterfly-right p {
        font-size: 18px;
        max-width: 320px;
    }
    #butterfly-h {
        font-size: 35px;
    }
    #butterfly-img {
        position: relative;
        top: -150px;
        left: -400px;
        rotate: 12deg;
    }
    .div-back-light-2 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 300px;
        height: 300px;
    }
    #contact {
        margin-top: 80px;
    }
    #touch {
        flex-direction: column;
        gap: 50px;
    }
    .touch-left {
        padding: 0;

        text-align: left;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .touch-left h2 {
        font-size: 35px;
    }
    .touch-left p {
        font-size: 18px;
        line-height: 27px;
    }
    #jobs {
        margin-top: 100px;
    }
    #about {
        margin-top: 100px;
    }
    .main-header {
        font-size: 35px;
        text-align: left;
        font-weight: 800;
    }
    .m-nav-body li {
        font-size: 22px;
    }
    .m-nav-call-us h4 {
        font-size: 20px;
        font-weight: 400;
    }
    .rolam-div {
        padding: 30px;
    }
    .rolam-name {
        font-size: 30px;
    }
    .rolam-desc {
        font-size: 18px;
    }
    .second-container-text p {
        width: auto;
        max-width: 380px;
    }

}
@media screen and (max-width: 720px) and (min-width: 580px) {
    #offer-second-img {
        height: 540px;
    }
    .second-container-text {
        margin-top: 550px;

    }
    .second-container-text p {
        font-size: 18px;
        width: 380px;
    }
    .first-container-text-title h2, .offer-last-container h4 {
        font-size: 45px;
    }
    .offer-container {
        gap: 160px;
    }
    .mobile-magnify-img {
        width: 700px;
        left: 70px;
    }
    .third-container-text {
        top: 320px;
        left: 80px;
    }
    .third-container-text p {
        width: 400px;
    }
    #redesign p {
        font-size: 18px;
    }
    #butterfly-img {
        left: -300px;
    }
    .butterfly-right {
        margin-top: 240px;
        margin-right: 80px;
    }
    .div-back-light-3 {
        top: 400px;
        left: 100px;
    }
}

@media screen and (max-width: 415px) { 
    #design-h {
        text-align: left;
    }
    #redesign p {
        text-align: left;
    }
    
    
}
@media screen and (max-width: 380px) { 
    .feedback-header-right {
        padding: 0;
    }
    #hero-container-new h1 {
        font-size: 40px;
        font-weight: 800;
    }
    #hero-container-new h2, #hero-container-new h3 {
        font-size: 22px;
        font-weight: 800;
    }
}