@media (max-width:510px) {
    header {
        padding: 20px;
        width: 89.6%;
    }

    .links {
        gap: 8px;
        font-size: 14px;

    }

    .voit {
        font-size: 14px;
    }

    .underheader {
        padding: 20px;
        width: 88%;
    }

    .herosection {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 99%;
    }

    .imghero {
        width: 90%;
    }

    .left {
        width: 99%;
        height: 250px;
        align-items: center;
    }

    .left h1 {
        font-size: 36px;
    }

    .left p {
        font-size: 14px;
        line-height: 21px;
    }

    .left button {
        width: 86%;
        text-align: center;
    }

    .sect1 {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 20px;
        margin-top: 10px;
        width: 99%;
    }

    .card1 {
        width: 75%;
    }

    .txt h2 {
        font-size: 25px;
    }

    .txt p {
        font-size: 18px;
    }

    .zag {
        font-size: 15px;
        width: 95%;
        text-align: center;
        margin: auto;
        margin-top: 50px;
        margin-bottom: 40px;
    }

    .sect2 {
        gap: 30px;
        width: 99%;
    }

    .card2 {
        width: 85%;
        height: 200px;
        padding: 15px;
    }

    .card2 h2 {
        font-size: 26px;
    }

    .card2 p {
        font-size: 15px;
        line-height: 21px;
    }

    .plat {
        display: none;
    }

    .plat2 {
        display: block;
        margin-left: 8px;
        margin-top: 20px;
        width: 95%;
    }

    .sect3 {
        flex-direction: column;
        padding: 10px;
        margin: 0;
        height: 800px;
        align-items: center;
        justify-content: space-evenly;
        width: 94%;
    }

    .left3 h1 {
        font-size: 38px;
        line-height: 39px;
        font-weight: 700;
        margin-bottom: 30px;
    }

    .left3 p {
        font-size: 19px;
        line-height: 29px;
        text-align: left;
    }

    .left3 {
        width: 99%;
    }

    .imghero2 {
        width: 98%;
    }

    .sect4 {
        width: 99%;
    }

    .card4 {
        flex-direction: column;
        width: 89%;
        height: 230px;
        padding: 20px;
        margin-top: 10px;
    }

    .txt4 {
        width: 100%;
    }

    .txt4 h2 {
        font-size: 24.6px;
    }

    .sect5 {
        flex-direction: column-reverse;
        align-items: center;
        padding: 0;
        margin: 0;
        height: 800px;
        padding-top: 50px;
        width: 99%;
    }

    .left5 {
        width: 100%;
    }

    .left5 h1 {
        font-size: 32px;
        line-height: 40px;
        padding: 20px;
        font-weight: 700;
    }

    .left5 p {
        font-size: 23px;
        line-height: 30px;
        padding: 20px;
        text-align: left;
    }

    .imghero5 {
        width: 90%;
        text-align: center;
        padding: 20px;
    }

    .zag2 {
        font-size: 15px;
        width: 95%;
        text-align: center;
        margin: auto;
        margin-top: 50px;
        margin-bottom: 40px;
    }

    .card6 {
        width: 30%;
        height: 100px;
        justify-content: center;
        row-gap: 10px;
    }

    .card6 h2 {
        font-size: 21px;
    }

    .sect7 {
        flex-direction: column-reverse;
        align-items: center;
        padding: 0;
        margin: 0;
        height: 1100px;
        padding-top: 50px;
        width: 99%;
        justify-content: space-evenly;
    }

    .left7 {
        width: 100%;
        height: 900px;
    }

    .left7 h1 {
        font-size: 32px;
        line-height: 40px;
        padding: 20px;
        font-weight: 700;
    }

    .left7 p {
        font-size: 23px;
        line-height: 30px;
        padding: 20px;
        text-align: left;
    }

    .imghero7 {
        width: 90%;
        text-align: center;
        padding: 20px;
    }

    .sect33 {
        flex-direction: column;
        padding: 10px;
        margin: 0;
        height: 700px;
        align-items: center;
        justify-content: space-evenly;
        width: 94%;
        margin-top: 80px;
    }

    .left33 h1 {
        font-size: 38px;
        line-height: 39px;
        font-weight: 400;
        margin-bottom: 30px;
    }

    .left33 p {
        font-size: 19px;
        line-height: 29px;
        text-align: left;
    }

    .left33 {
        width: 99%;
        height: 330px;
    }

    .incard2 {
        align-items: start;
    }

    .sect333 {
        flex-direction: column;
        padding: 10px;
        margin: 0;
        height: 700px;
        align-items: center;
        justify-content: space-evenly;
        width: 94%;
        margin-top: 80px;
    }

    .left333 h1 {
        font-size: 30px;
        line-height: 39px;
        font-weight: 400;
        margin-bottom: 30px;
        font-weight: 700;
    }

    .left333 p {
        font-size: 19px;
        line-height: 29px;
        text-align: left;
    }

    .left333 {
        width: 99%;
        height: 330px;
    }
    .sect11 {
        flex-direction: column-reverse;
        align-items: center;
        padding: 0;
        margin: 0;
        height: 700px;
        padding-top: 50px;
        width: 99%;
        justify-content: space-evenly;
    }

    .left11 {
        width: 100%;
        height: 900px;
    }

    .left11 h1 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 700;
        padding-left: 20px;
    }

    .left11 p {
        font-size: 23px;
        line-height: 30px;
        text-align: left;
        margin-top: 15px;
        padding-left: 30px;

    }

    .imghero11 {
        width: 90%;
        text-align: center;
        margin-left: 20px;
    }
    .zag3{
        font-size: 35px;
        line-height: 40px;
    }
    .but2{
        width: 80%;
    }
    .leftft{
        display: none;
    }
    .menu{
        display: block;
        color: #8c8c8c;
        font-size: 25px;
    }
    .line{
        display: none;
    }
    footer{
        flex-direction: column;
        text-align: center;
        align-items: center;
        justify-content: space-evenly;
    }
    .bottom{
        margin-left: 75px;
    }
}