@media screen and (max-width: 1500px) and (min-width : 1400px) {
    header .btn-card {
        width: 300px;
    }

    .section1 {
        height: 1000px;
    }

    .section1 .btn-simple-card {
        width: 200px;
    }

    .section1 .btn-simple-bottom {
        font-size: 17px;
    }

    .section1 .btn-logo {
        width: 200px;
    }

    .section1 .rectangle {
        width: 170px;
        height: 170px;
        margin-top: 80px;
    }

    .section1 .rectangle-down {
        width: 170px;
        height: 170px;
    }

    .section1 .img-group1 {
        width: 80px;
        height: 80px;
    }

    .section1 .text-group1 {
        font-size: 15px;
    }

    .section2 .img-row1 {
        width: 600px;
        height: 600px;
        margin-right: -50px;
    }

    .section2 .img-row2 {
        width: 600px;
        height: 600px;
    }

    .section2 .img-row3 {
        width: 600px;
        height: 600px;
        margin-right: -50px;
    }

    .img-back-about {
        width: 550px;
    }

    .img-back-privacy {
        width: 660px;
    }

    footer .textfield-complaint {
        width: 230px;
    }

    footer .textfield-down-complaint {
        width: 92%;
    }
}

@media screen and (max-width: 1401px) and (min-width : 1300px) {
    header .btn-card {
        width: 300px;
    }

    .section1 .headline2 {
        font-size: 30px;
    }

    .section1 .headline2 {
        font-size: 18px;
    }

    .section1 {
        height: 900px;
    }

    .section1 .btn-simple-card {
        width: 180px;
    }

    .section1 .btn-simple-bottom {
        font-size: 16px;
    }

    .section1 .btn-logo {
        width: 180px;
    }

    .img-btn-simple1 {
        width: 35px;
        height: 30px;
    }

    .section1 .rectangle {
        width: 150px;
        height: 150px;
        margin-top: 50px;
    }

    .section1 .rectangle-down {
        width: 150px;
        height: 150px;
    }

    .section1 .img-group1 {
        width: 80px;
        height: 80px;
    }

    .section1 .text-group1 {
        font-size: 15px;
    }

    .section2 .text-group-row1 {
        width: 450px;
    }

    .section2 .text-group-row2 {
        width: 450px;
    }

    .section2 .text-group-row3 {
        width: 450px;
    }

    .section2 .img-row1 {
        width: 550px;
        height: 550px;
        margin-right: -50px;
    }

    .section2 .img-row2 {
        width: 550px;
        height: 550px;
    }

    .section2 .img-row3 {
        width: 550px;
        height: 550px;
        margin-right: -50px;
    }

    .img-back-about {
        width: 520px;
    }

    .img-back-privacy {
        width: 620px;
        height: 550px;
    }

    .section1-privacy {
        height: 640px;
    }

    .section2-privacy {
        margin-right: 120px;
        margin-left: 120px;
    }

    .section1-about-right {
        width: 50%;
        margin-right: 70px;
    }

    .section1-privacy-right {
        margin-right: 80px;
    }

    footer .div-footer-top {
        width: 86%
    }

    footer .div-footer-bottom-right {
        margin-right: 80px;
    }

    footer .div-footer-bottom-left {
        margin-left: 80px;
    }

    footer .textfield-complaint {
        width: 230px;
    }

    footer .textfield-down-complaint {
        width: 92%;
    }
}

@media screen and (max-width: 1301px) and (min-width : 1200px) {
    header .btn-card {
        width: 320px;
    }

    .section3 {
        height: 500px;
    }

    .section4 {
        height: 600px;
    }

    .space-vertically {
        height: 20px;
    }

    .section1 .headline1 {
        font-size: 30px;
    }

    .section1 .headline2 {
        font-size: 18px;
    }

    .section1 {
        height: 900px;
    }

    .section1 .btn-simple-card {
        width: 180px;
        margin-top: 30px;
    }

    .section1 .btn-simple-bottom {
        font-size: 16px;
    }

    .section1 .btn-logo {
        width: 180px;
        margin-top: 30px;
    }

    .img-btn-simple1 {
        width: 35px;
        height: 30px;
    }

    .section1 .rectangle {
        width: 150px;
        height: 150px;
        margin-top: 45px;
    }

    .section1 .rectangle-down {
        width: 150px;
        height: 150px;
    }

    .section1 .img-group1 {
        width: 80px;
        height: 80px;
    }

    .section1 .text-group1 {
        font-size: 15px;
    }

    .section2 .text-group-row1 {
        width: 400px;
        margin: 200px 50px 100px 0px;
    }

    .section2 .text-group-row2 {
        width: 400px;
        margin: 40px 0px 0px 32px;
    }

    .section2 .text-group-row3 {
        width: 400px;
        margin: 70px 100px 0px 100px;
    }

    .section2 .img-row1 {
        width: 500px;
        height: 500px;
        margin: 0px;
    }

    .section2 .img-row2 {
        width: 500px;
        height: 500px;
        margin: 0px;
    }

    .section2 .img-row3 {
        width: 500px;
        height: 500px;
        margin: 0px;
    }

    .section1-about {
        height: 730px;
    }

    .img-back-about {
        width: 480px;
        height: 500px;

    }

    .img-back-privacy {
        width: 580px;
        height: 500px;
    }

    .section1-privacy {
        height: 640px;
    }

    .section2-privacy {
        margin-right: 120px;
        margin-left: 120px;
    }

    .section1-about-right {
        width: 50%;
        margin: 100px 70px 10px 0px;
    }


    .section1-privacy-right {
        margin-right: 80px;
    }

    footer {
        height: 800px;

    }

    footer .div-footer-top {
        width: 90%
    }

    footer .div-footer-bottom-right {
        margin-right: 40px;
    }

    footer .div-footer-bottom-left {
        margin-left: 40px;
    }

    footer .textfield-complaint {
        width: 220px;
    }

    footer .textfield-down-complaint {
        width: 93.5%;
    }

    footer .p-footer {
        font-size: 15px;
    }

    footer .card-complaint {
        width: 500px;
        height: 520px;
    }
}

@media screen and (max-width: 1201px) and (min-width: 1100px) {
    header .btn-card {
        width: 340px;
    }

    header .button {
        font-size: 15px;
    }

    header .logo {
        width: 80px;
        height: 40px;
        margin-top: 15px;
    }

    .section3 {
        height: 500px;
    }

    .section4 {
        height: 600px;
    }

    .space-vertically {
        height: 20px;
    }

    .section1 .headline1 {
        font-size: 30px;
    }

    .section1 .headline2 {
        font-size: 18px;
    }

    .section1 {
        height: 900px;
    }

    .section1 .btn-simple-card {
        width: 185px;
        padding: 9px 5px 9px 10px;
        margin: 20px 10px 0 30px;
    }

    .section1 .btn-simple-bottom {
        font-size: 16px;
    }

    .section1 .btn-logo {
        width: 160px;
        margin: 20px 10px 0 30px;
    }

    .img-btn-simple1 {
        width: 35px;
        height: 30px;
    }

    .section1 .rectangle {
        width: 145px;
        height: 145px;
        padding: 20px;
        margin: 15px 15.5px 0px 28px;
    }

    .section1 .rectangle-down {
        width: 145px;
        height: 145px;
        padding: 20px;
        margin: 30px 15.5px 0px 28px;
    }

    .section1 .img-group1 {
        width: 70px;
        height: 70px;
    }

    .section1 .text-group1 {
        font-size: 15px;
        margin: 5px 0 0;
    }

    .section2 .text-group-row1 {
        width: 400px;
        margin: 200px 50px 100px 0px;
    }

    .section2 .text-group-row2 {
        width: 400px;
        margin: 40px 0px 0px 32px;
    }

    .section2 .text-group-row3 {
        width: 400px;
        margin: 70px 100px 0px 100px;
    }

    .section2 .img-row1 {
        width: 480px;
        height: 500px;
        margin: 0px;
    }

    .section2 .img-row2 {
        width: 480px;
        height: 500px;
        margin: 0px;
    }

    .section2 .img-row3 {
        width: 480px;
        height: 500px;
        margin: 0px;
    }

    .section1-about {
        height: 760px;
    }

    .img-back-about {
        width: 440px;
        height: 490px;
    }

    .img-back-privacy {
        width: 540px;
        height: 490px;
    }

    .section1-privacy {
        height: 640px;
    }

    .section2-privacy {
        margin-right: 120px;
        margin-left: 120px;
    }

    .section1-about-right {
        width: 50%;
        margin: 100px 70px 10px 0px;
    }


    .section1-privacy-right {
        margin-right: 80px;
    }

    .section5 .border-rectangle {
        width: 150px;
        height: 150px;
    }

    .section5 .box-shadow {
        width: 100px;
        height: 100px;
    }

    .section5 .text {
        font-size: 22px;
    }

    footer {
        height: 800px;

    }

    footer .div-footer-top {
        width: 90%
    }

    footer .img-footer {
        width: 160px;
        height: 50px;
    }

    footer .div-footer-bottom-right {
        margin-right: 40px;
    }

    footer .div-footer-bottom-left {
        margin-left: 40px;
    }

    footer .text-footer {
        font-size: 15px;
    }

    footer .row-service-right {
        margin-left: 60px;
    }

    footer .row-service-left {
        width: 260px;
    }

    footer .textfield-complaint {
        width: 220px;
    }

    footer .textfield-down-complaint {
        width: 94%;
    }

    footer .p-footer {
        font-size: 15px;
    }

    footer .card-complaint {
        width: 500px;
        height: 520px;
    }
}

@media screen and (max-width: 1101px) and (min-width: 1000px) {
    header .btn-card {
        width: 360px;
    }

    header .button {
        font-size: 15px;
    }

    header .logo {
        width: 80px;
        height: 40px;
        margin-top: 15px;
    }

    .section3 {
        height: 400px;
    }

    .section4 {
        height: 500px;
    }

    .space-vertically {
        height: 20px;
    }

    .section1 .headline1 {
        font-size: 30px;
    }

    .section1 .headline2 {
        font-size: 18px;
        margin: 50px 150px 0px 180px;
    }

    .section1 {
        height: 750px;
    }

    .section1 .btn-simple-card {
        width: 165px;
        height: 45px;
        padding: 9px 5px 9px 10px;
        margin: 20px 10px 0 20px;
    }

    .section1 .btn-simple-bottom {
        font-size: 16px;
    }

    .section1 .btn-logo {
        width: 140px;
        height: 42px;
        margin: 20px 10px 0 20px;
    }

    .section1 .img-btn-simple1 {
        width: 32px;
        height: 30px;
        padding-left: 10px;
    }

    .section1 .img-btn-simple2 {
        width: 35px;
        height: 15px;
        padding-left: 10px;
    }

    .section1 .rectangle {
        width: 145px;
        height: 145px;
        padding: 20px;
        margin: 10px 15.5px 0px 28px;
    }

    .section1 .rectangle-down {
        width: 145px;
        height: 145px;
        padding: 20px;
        margin: 30px 15.5px 0px 28px;
    }

    .section1 .img-group1 {
        width: 70px;
        height: 70px;
    }

    .section1 .text-group1 {
        font-size: 15px;
        margin: 5px 0 0;
    }

    .section2 .text-group-row1 {
        width: 350px;
        font-size: 16px;
        margin: 200px 50px 100px 0px;
    }

    .section2 .text-group-row2 {
        width: 350px;
        font-size: 16px;
        margin: 40px 0px 0px 32px;
    }

    .section2 .text-group-row3 {
        width: 350px;
        font-size: 16px;
        margin: 70px 100px 0px 100px;
    }

    .section2 .img-row1 {
        width: 450px;
        height: 500px;
        margin: 0px;
    }

    .section2 .img-row2 {
        width: 450px;
        height: 500px;
        margin: 0px;
    }

    .section2 .img-row3 {
        width: 450px;
        height: 500px;
        margin: 0px;
    }

    .section1-about {
        height: 760px;
    }

    .img-back-about {
        width: 400px;
        height: 490px;
    }

    .img-back-privacy {
        width: 500px;
        height: 490px;
    }

    .section1-privacy {
        height: 640px;
    }

    .section2-privacy {
        margin-right: 100px;
        margin-left: 100px;
    }

    .section1-about-right {
        width: 50%;
        margin: 100px 70px 10px 0px;
    }


    .section1-privacy-right {
        margin-right: 80px;
    }

    .section5 .border-rectangle {
        width: 140px;
        height: 140px;
    }

    .section5 .box-shadow {
        width: 90px;
        height: 90px;
    }

    .section5 .text {
        font-size: 22px;
    }

    .section5 .img-rectangle1 {
        width: 70px;
        height: 70px;
    }

    .section5 .img-rectangle2 {
        width: 61px;
        height: 69px;
    }

    .section5 .img-rectangle3 {
        width: 76px;
        height: 85px;
    }

    .section5 .img-rectangle4 {
        width: 79px;
        height: 45px;
    }

    footer {
        height: 800px;
    }

    footer .div-footer-top {
        width: 90%
    }

    footer .div-footer-bottom-right {
        margin-right: 40px;
    }

    footer .div-footer-bottom-left {
        margin-left: 40px;
    }

    footer .text-footer {
        font-size: 16px;
    }

    footer .row-service-right {
        margin-left: 30px;
    }

    footer .row-service-left {
        width: 220px;
    }

    footer .textfield-complaint {
        width: 220px;
    }

    footer .textfield-down-complaint {
        width: 94%;
    }

    footer .p-footer {
        font-size: 15px;
    }

    footer .card-complaint {
        width: 500px;
        height: 520px;
    }
}

@media screen and (max-width: 1001px) and (min-width: 900px) {

    .menu1 {
        display: none;
    }

    .menu2 {
        display: block;
    }

    header .btn-card {
        width: 500px;
    }

    header .button {
        font-size: 15px;
    }

    header .logo {
        width: 80px;
        height: 40px;
        margin-top: 15px;
    }

    .section3 {
        height: 350px;
    }

    .section4 {
        height: 450px;
    }

    .space-vertically {
        height: 10px;
    }

    .section1 .headline1 {
        font-size: 27px;
    }

    .section1 .headline2 {
        font-size: 17px;
        margin: 50px 130px 0px 150px;
    }

    .section1 {
        height: 950px;
    }

    .section1 .btn-simple-card {
        width: 150px;
        height: 45px;
        padding: 9px 5px 9px 10px;
        margin: 20px 10px 0 10px;
    }

    .section1 .btn-simple-bottom {
        font-size: 15px;
    }

    .section1 .btn-logo {
        width: 130px;
        height: 42px;
        margin: 20px 10px 0 10px;
    }

    .section1 .img-btn-simple1 {
        width: 32px;
        height: 30px;
        padding-left: 10px;
    }

    .section1 .img-btn-simple2 {
        width: 35px;
        height: 15px;
        padding-left: 10px;
    }

    .section1 .rectangle {
        width: 145px;
        height: 145px;
        padding: 20px;
        margin: 20px 15.5px 0px 28px;
    }

    .section1 .rectangle-down {
        width: 145px;
        height: 145px;
        padding: 20px;
        margin: 30px 15.5px 0px 28px;
    }

    .section1 .img-group1 {
        width: 70px;
        height: 70px;
    }

    .section1 .text-group1 {
        font-size: 15px;
        margin: 5px 0 0;
    }

    .section2 .text-group-row1 {
        width: 300px;
        font-size: 16px;
        margin: 150px 20px 100px 0px;
    }

    .section2 .text-group-row2 {
        width: 300px;
        font-size: 16px;
        margin: 70px 0px 0px 32px;
    }

    .section2 .text-group-row3 {
        width: 300px;
        font-size: 16px;
        margin: 70px 100px 0px 50px;
    }

    .section2 .img-row1 {
        width: 400px;
        height: 500px;
        margin: 0px;
    }

    .section2 .img-row2 {
        width: 400px;
        height: 500px;
        margin: 0px;
    }

    .section2 .img-row3 {
        width: 400px;
        height: 500px;
        margin-top: 90px;
    }

    .section1-about {
        height: 850px;
    }

    .section2-about {
        padding: 40px 70px;
    }


    .img-back-about {
        width: 360px;
        height: 580px;
        margin-right: 0px;
        padding-right: 0px;
    }

    .img-back-privacy {
        width: 460px;
        height: 450px;
    }

    .section1-privacy {
        height: 500px;
    }

    .section2-privacy {
        margin-right: 70px;
        margin-left: 70px;
    }

    .section1-about-right {
        width: 50%;
        margin: 100px 20px 10px 0px;
    }

    .section1-privacy-right {
        margin-right: 40px;
    }

    .section5 {
        height: 290px;
    }

    .section5 .border-rectangle {
        width: 120px;
        height: 120px;
    }

    .section5 .box-shadow {
        width: 70px;
        height: 70px;
    }

    .section5 .text {
        font-size: 20px;
    }

    .section5 .img-rectangle1 {
        padding-top: 5px;
        width: 60px;
        height: 60px;
    }

    .section5 .img-rectangle2 {
        padding-top: 10px;
        width: 51px;
        height: 59px;
    }

    .section5 .img-rectangle3 {
        padding-top: 5px;
        width: 66px;
        height: 75px;
    }

    .section5 .img-rectangle4 {
        padding-top: 20px;
        width: 69px;
        height: 35px;
    }

    footer {
        height: 1600px;
        text-align: start;
    }

    footer .div-footer-bottom-right {
        margin-right: 40px;
        height: 600px;
    }

    footer .text-footer {
        display: none;
    }

    footer .div-footer-bottom-complaint {
        margin-top: 600px;
    }

    footer .p-footer {
        font-size: 15px;
    }

    footer .card-complaint {
        width: 90%;
        height: 600px;
        margin: 0 auto;
    }

    footer .title-complaint {
        text-align: start;
    }

    footer .textfield-complaint {
        width: 96%;
        margin: 0px 10px;
    }

    footer .textfield-down-complaint {
        width: 94.5%;
        margin: 0px 10px;
    }

    footer .labal-complaint {
        padding-right: 12px;
    }

    footer .row-service {
        width: 100%;
    }

    footer .div-footer-bottom {
        display: none;
    }

    footer .btn-footer {
        width: 350px;
    }

    footer .div-footer-bottom2 {
        display: block;
    }

    footer .footer-main {
        display: none;
    }

    footer .footer-second {
        display: block;
    }

    footer .row-service-right {
        margin-left: 200px;
    }

    footer .img-namad {
        width: 130px;
        height: 130px;
    }

    footer .div-footer-top-mobile {
        height: 165px;
    }

}

@media screen and (max-width: 901px) and (min-width: 800px) {

    .menu1 {
        display: none;
    }

    .menu2 {
        display: block;
    }

    header .btn-card {
        width: 700px;
    }

    header .button {
        font-size: 15px;
    }

    header .logo {
        width: 80px;
        height: 40px;
        margin-top: 15px;
    }

    .section3 {
        height: 350px;
    }

    .section4 {
        height: 450px;
    }

    .space-vertically {
        height: 5px;
    }

    .section1 .headline1 {
        font-size: 27px;
    }

    .section1 .headline2 {
        font-size: 17px;
        margin: 50px 130px 0px 150px;
    }

    .section1 {
        height: 1000px;
    }

    .section1 .btn-simple-card {
        width: 130px;
        height: 45px;
        padding: 9px 5px 9px 10px;
        margin: 20px 10px 0 10px;
    }

    .section1 .btn-simple-bottom {
        font-size: 15px;
    }

    .section1 .btn-logo {
        width: 110px;
        height: 42px;
        margin: 20px 10px 0 10px;
    }

    .section1 .img-btn-simple1 {
        width: 25px;
        height: 25px;
        padding-left: 10px;
    }

    .section1 .img-btn-simple2 {
        width: 30px;
        height: 15px;
        padding-left: 10px;
    }

    .section1 .rectangle {
        width: 145px;
        height: 145px;
        padding: 20px;
        margin: 60px 15.5px 0px 28px;
    }

    .section1 .rectangle-down {
        width: 145px;
        height: 145px;
        padding: 20px;
        margin: 30px 15.5px 0px 28px;
    }

    .section1 .img-group1 {
        width: 70px;
        height: 70px;
    }

    .section1 .text-group1 {
        font-size: 15px;
        margin: 5px 0 0;
    }

    .section2 .text-group-row1-mobile {
        font-size: 17px;
        margin: 40px 0 40px 0;
    }

    .section2 .text-group-row2-mobile {
        font-size: 17px;
        margin: 40px 0 40px 0;
    }

    .section2 .text-group-row3-mobile {
        font-size: 17px;
        margin: 40px 0 40px 0;
    }

    .section2 .img-row1-mobile {
        width: 500px;
        height: 500px;
        margin: 0px;
    }

    .section2 .img-row2-mobile {
        width: 500px;
        height: 500px;
        margin: 0px;
    }

    .section2 .img-row3-mobile {
        width: 500px;
        height: 500px;
        margin-top: 90px;
    }

    .section1-about {
        height: 800px;
    }

    .section2-about {
        padding: 40px 70px;
    }

    .section3-title {
        padding-right: 70px;
    }

    .img-back-about {
        width: 320px;
        height: 450px;
        margin-right: 0px;
        padding-right: 0px;
    }

    .img-back-privacy {
        width: 420px;
        height: 420px;
    }

    .section1-privacy {
        height: 480px;
    }

    .section2-privacy {
        margin-right: 70px;
        margin-left: 70px;
    }

    .section1-about-right {
        width: 55%;
        margin: 50px 20px 10px 0px;
    }

    .section1-privacy-right {
        margin-right: 40px;
    }

    .section5 .border-rectangle {
        width: 90px;
        height: 90px;
    }

    .section5 .box-shadow {
        width: 60px;
        height: 60px;
        padding: 17px 17px 20px 20px;
    }

    .section5 .text {
        font-size: 20px;
    }

    .section5 .img-rectangle1 {
        padding-top: 0px;
        width: 50px;
        height: 50px;
    }

    .section5 .img-rectangle2 {
        padding-top: 0px;
        width: 41px;
        height: 49px;
    }

    .section5 .img-rectangle3 {
        padding-top: 0px;
        width: 56px;
        height: 65px;
    }

    .section5 .img-rectangle4 {
        padding-top: 8px;
        padding-right: 0px;
        width: 59px;
        height: 25px;
    }

    footer {
        height: 1600px;
        text-align: start;
    }

    footer .div-footer-bottom-right {
        margin-right: 40px;
        height: 600px;
    }

    footer .text-footer {
        display: none;
    }

    footer .div-footer-bottom-complaint {
        margin-top: 600px;
    }

    footer .p-footer {
        font-size: 15px;
    }

    footer .card-complaint {
        width: 90%;
        height: 600px;
        margin: 0 auto;
    }

    footer .title-complaint {
        text-align: start;
    }

    footer .textfield-complaint {
        width: 96%;
        margin: 0px 10px;
    }

    footer .textfield-down-complaint {
        width: 94.5%;
        margin: 0px 10px;
    }

    footer .labal-complaint {
        padding-right: 12px;
    }

    footer .row-service {
        width: 100%;
    }

    footer .div-footer-bottom {
        display: none;
    }

    footer .btn-footer {
        width: 320px;
    }

    footer .div-footer-bottom2 {
        display: block;
    }

    footer .footer-main {
        display: none;
    }

    footer .footer-second {
        display: block;
    }

    footer .row-service-right {
        margin-left: 200px;
    }

    footer .img-namad {
        width: 130px;
        height: 130px;
    }

    footer .div-footer-top-mobile {
        height: 165px;
    }

    .section2-mobile {
        display: block;
    }

    .section2-desktop {
        display: none;
    }
}

@media screen and (max-width: 801px) and (min-width: 700px) {
    header .header-desktop-sub-page {
        display: none;
    }

    header .button {
        font-size: 15px;
    }

    header .logo {
        width: 80px;
        height: 40px;
        margin-top: 15px;
        margin-left: 10px;
    }

    .section3 {
        height: 300px;
    }

    .section4 {
        height: 400px;
    }

    .space-vertically {
        height: 2px;
    }

    .section1 .headline1 {
        font-size: 25px;
    }

    .section1 .headline2 {
        font-size: 15px;
        margin: 10px 70px 0px 90px;
    }

    .section1 {
        height: 1000px;
    }

    .section1 .btn-simple-card {
        width: 220px;
        height: 45px;
        padding: 9px 5px 9px 10px;
        margin: 20px 10px 0 10px;
    }

    .section1 .btn-simple-bottom {
        font-size: 15px;
    }

    .section1 .btn-logo {
        width: 200px;
        height: 42px;
        margin: 20px 10px 0 10px;
    }

    .section1 .img-btn-simple1 {
        width: 25px;
        height: 25px;
        padding-left: 10px;
    }

    .section1 .img-btn-simple2 {
        width: 30px;
        height: 15px;
        padding-left: 10px;
    }

    .section1 .rectangle {
        width: 145px;
        height: 145px;
        padding: 20px;
        margin: 60px 15.5px 0px 28px;
    }

    .section1 .rectangle-down {
        width: 145px;
        height: 145px;
        padding: 20px;
        margin: 30px 15.5px 0px 28px;
    }

    .section1 .img-group1 {
        width: 70px;
        height: 70px;
    }

    .section1 .text-group1 {
        font-size: 15px;
        margin: 5px 0 0;
    }

    .section2 .text-group-row1-mobile {
        font-size: 17px;
        margin: 40px 0 40px 0;
    }

    .section2 .text-group-row2-mobile {
        font-size: 17px;
        margin: 40px 0 40px 0;
    }

    .section2 .text-group-row3-mobile {
        font-size: 17px;
        margin: 40px 0 40px 0;
    }

    .section2 .img-row1-mobile {
        width: 500px;
        height: 500px;
        margin: 0px;
    }

    .section2 .img-row2-mobile {
        width: 500px;
        height: 500px;
        margin: 0px;
    }

    .section2 .img-row3-mobile {
        width: 500px;
        height: 500px;
        margin-top: 90px;
    }

    .section1-about {
        height: 850px;
    }

    .section2-about {
        padding: 40px;
    }

 
    .section3-img-admin {
        width: 110px;
        height: 110px;
    }

    .img-back-about {
        width: 360px;
        height: 580px;
        margin-right: 0px;
        padding-right: 0px;
    }


    .img-back-privacy {
        width: 450px;
        height: 470px;
    }

    .section1-privacy {
        display: none;
    }

    .section2-privacy {
        margin-right: 40px;
        margin-left: 40px;
        margin-top: 50px;
    }

    .section1-about-right {
        width: 50%;
        margin: 100px 20px 10px 0px;
    }

    .section1-privacy-right {
        margin-right: 40px;
    }

    .section5 .text {
        font-size: 20px;
    }

    .menu1 {
        display: none;
    }

    .menu2 {
        display: block;
    }

    .section2-mobile {
        display: block;
    }

    .section2-desktop {
        display: none;
    }

    .btn-row {
        display: none;
    }

    .btn-column {
        display: block;
    }

    .header-desktop {
        display: none;
    }

    .header-mobile {
        display: block;
    }

    .course2 {
        display: block;
    }

    .course1 {
        display: none;
    }

    .header-mobile-sub-page {
        display: block;
    }

    .section1-about {
        display: none;
    }

    .section1-about-mobile {
        display: block;
    }

    .section3-title {
        padding-right: 30px;
    }

    .section1-privacy-mobile {
        display: block;
    }

    footer {
        height: 1600px;
        text-align: start;
    }

    footer .div-footer-bottom-right {
        margin-right: 40px;
        height: 600px;
    }

    footer .text-footer {
        display: none;
    }

    footer .div-footer-bottom-complaint {
        margin-top: 600px;
    }

    footer .p-footer {
        font-size: 15px;
    }

    footer .card-complaint {
        width: 90%;
        height: 600px;
        margin: 0 auto;
    }

    footer .title-complaint {
        text-align: start;
    }

    footer .textfield-complaint {
        width: 96%;
        margin: 0px 10px;
    }

    footer .textfield-down-complaint {
        width: 94.5%;
        margin: 0px 10px;
    }

    footer .labal-complaint {
        padding-right: 12px;
    }

    footer .row-service {
        width: 100%;
    }

    footer .div-footer-bottom {
        display: none;
    }

    footer .btn-footer {
        width: 280px;
    }

    footer .div-footer-bottom2 {
        display: block;
    }

    footer .footer-main {
        display: none;
    }

    footer .footer-second {
        display: block;
    }

    footer .row-service-right {
        margin-left: 150px;
    }

    footer .img-namad {
        width: 130px;
        height: 130px;
    }

    footer .div-footer-top-mobile {
        height: 165px;
    }
}

@media screen and (max-width: 701px) and (min-width: 600px) {

    header .btn-card {
        width: 300px;
    }

    header .header-desktop-sub-page {
        display: none;
    }

    header .button {
        font-size: 13px;
    }

    header .logo {
        width: 80px;
        height: 40px;
        margin-top: 15px;
        margin-left: 10px;
    }

    .section3 {
        height: 280px;
    }

    .section4 {
        height: 380px;
    }

    .space-vertically {
        height: 10px;
    }

    .section1 .headline1 {
        font-size: 25px;
    }

    .section1 .headline2 {
        font-size: 15px;
        margin: 10px 70px 0px 90px;
    }

    .section1 {
        height: 1300px;
    }

    .section1 .btn-simple-card {
        width: 220px;
        height: 45px;
        border: 1px solid;
        padding: 9px 5px 9px 10px;
        margin: 20px 10px 0 10px;
    }

    .img-btn1 {
        width: 22px;
        height: 22px;
    }

    .section1 .btn-simple-bottom {
        font-size: 15px;
    }

    .section1 .btn-logo {
        width: 200px;
        height: 42px;
        border: 1px solid;
        margin: 20px 10px 0 10px;
    }

    .section1 .img-btn-simple1 {
        width: 25px;
        height: 25px;
        padding-left: 10px;
    }

    .section1 .img-btn-simple2 {
        width: 30px;
        height: 15px;
        padding-left: 10px;
    }

    .section1 .rectangle {
        width: 160px;
        height: 160px;
        padding: 20px;
        margin: 60px 15.5px 0px 28px;
    }

    .section1 .rectangle-down {
        width: 160px;
        height: 160px;
        padding: 20px;
        margin: 30px 15.5px 0px 28px;
    }


    .section1 .text-group1 {
        font-size: 15px;
        margin: 5px 0 0;
    }

    .section2 .text-group-row1-mobile {
        font-size: 17px;
        margin: 40px 0 40px 0;
    }

    .section2 .text-group-row2-mobile {
        font-size: 17px;
        margin: 40px 0 40px 0;
    }

    .section2 .text-group-row3-mobile {
        font-size: 17px;
        margin: 40px 0 40px 0;
    }

    .section2 .img-row1-mobile {
        width: 500px;
        height: 500px;
        margin: 0px;
    }

    .section2 .img-row2-mobile {
        width: 500px;
        height: 500px;
        margin: 0px;
    }

    .section2 .img-row3-mobile {
        width: 500px;
        height: 500px;
        margin-top: 90px;
    }

    .section1-about-mobile {
        height: 1200px;
    }

    .section2-about {
        padding: 40px;
        line-height: 2.0;
    }


    .section3-img-admin {
        width: 170px;
        height: 170px;
    }

    .img-back-about {
        width: 360px;
        height: 580px;
        margin-right: 0px;
        padding-right: 0px;
    }

    .img-back-privacy {
        width: 450px;
        height: 470px;
    }

    .section1-privacy {
        display: none;
    }

    .section2-privacy {
        margin-right: 40px;
        margin-left: 40px;
        margin-top: 50px;
    }

    .section1-about-right {
        width: 50%;
        margin: 100px 20px 10px 0px;
    }

    .section1-privacy-right {
        margin-right: 40px;
    }

    .section5 .text {
        font-size: 20px;
    }

    .menu1 {
        display: none;
    }

    .menu2 {
        display: block;
    }

    .section2-mobile {
        display: block;
    }

    .section2-desktop {
        display: none;
    }

    .btn-row {
        display: none;
    }

    .btn-column {
        display: block;
    }

    .header-desktop {
        display: none;
    }

    .header-mobile {
        display: block;
    }

    .course2 {
        display: block;
    }

    .course1 {
        display: none;
    }

    .header-mobile-sub-page {
        display: block;
    }

    .section1-about {
        display: none;
    }

    .section1-about-mobile {
        display: block;
    }

    .section3-title {
        padding-right: 40px;
    }

    .section1-privacy-mobile {
        display: block;
    }

    .menu2 {
        display: none;
    }

    .menu3 {
        display: block;
    }

    .div-footer-top {
        display: none;
    }

    .section3-about-mobile {
        display: block;
    }

    .section3-about {
        display: none;
    }

    .section1-title-header-sub-page {
margin-top:50px;
        font-size: 26px;
    }

    .font-size-privacy {
        line-height: 1.7;
        font-size: 17px;
    }

    footer {
        height: 1600px;
        text-align: start;
    }

    footer .div-footer-bottom-right {
        margin-right: 40px;
        height: 600px;
    }

    footer .text-footer {
        display: none;
    }

    footer .div-footer-bottom-complaint {
        margin-top: 600px;
    }

    footer .p-footer {
        font-size: 15px;
    }

    footer .card-complaint {
        width: 90%;
        height: 600px;
        margin: 0 auto;
    }

    footer .title-complaint {
        text-align: start;
    }

    footer .textfield-complaint {
        width: 94%;
        margin: 0px 10px;
    }

    footer .textfield-down-complaint {
        width: 92.5%;
        margin: 0px 10px;
    }

    footer .labal-complaint {
        padding-right: 12px;
    }

    footer .row-service {
        width: 100%;
    }

    footer .div-footer-bottom {
        display: none;
    }

    footer .btn-footer {
        width: 230px;
    }

    footer .div-footer-bottom2 {
        display: block;
    }

    footer .footer-main {
        display: none;
    }

    footer .footer-second {
        display: block;
    }

    footer .row-service-right {
        margin-left: 100px;
    }

    footer .img-namad {
        width: 130px;
        height: 130px;
    }

    footer .div-footer-top-mobile {
        height: 165px;
    }
}

@media screen and (max-width: 601px) and (min-width: 500px) {
    header .btn-card {
        width: 180px;
    }

    header .button {
        padding-top: 0px;
        font-size: 13px;
    }

    header .logo {
        width: 80px;
        height: 40px;
        margin-top: 15px;
        margin-left: 10px;
    }

    header .header-desktop-sub-page {
        display: none;
    }

    .green-background {
        background-image: url("../img/bg_top_mobile.png");
    }

    .section3 {
        height: 900px;
        background-image: url("../img/bg_section3_mobile.png");
    }

    .section4 {
        height: 750px;
        background-image: url("../img/bg_section4_mobile.png");
    }

    .space-vertically {
        height: 15px;
    }

    .section1 .headline1 {
        line-height: 3.0;
        font-size: 25px;
    }

    .section1 .headline2 {
        font-size: 16px;
        line-height: 2.5;
        margin: 10px 30px 0px 30px;
    }

    .section1 {
        height: 1400px;
    }

    .section5 .border-rectangle {
        width: 120px;
        height: 120px;
    }

    .section5 .box-shadow {
        width: 60px;
        height: 60px;
    }

    .section5 .img-rectangle1 {
        padding-top: 0px;
        width: 54px;
        height: 54px;
    }

    .section5 .img-rectangle2 {
        padding-top: 0px;
        width: 46px;
        height: 54px;
    }

    .section5 .img-rectangle3 {
        padding-top: 0px;
        width: 61px;
        height: 70px;
    }

    .section5 .img-rectangle4 {
        padding-top: 10px;
        width: 64px;
        height: 30px;
    }

    .section1 .btn-simple-card {
        width: 205px;
        height: 45px;
        border: 1px solid;
        padding: 9px 5px 9px 10px;
        margin: 20px 10px 0 10px;
    }

    .img-btn1 {
        width: 22px;
        height: 22px;
    }

    .section1 .btn-simple-bottom {
        font-size: 15px;
    }

    .section1 .btn-logo {
        width: 180px;
        height: 42px;
        border: 1px solid;
        margin: 20px 10px 0 10px;
    }

    .section1 .img-btn-simple1 {
        width: 25px;
        height: 25px;
        padding-left: 10px;
    }

    .section1 .img-btn-simple2 {
        width: 30px;
        height: 15px;
        padding-left: 10px;
    }

    .section1 .rectangle {
        width: 160px;
        height: 160px;
        padding: 20px;
        margin: 60px 15.5px 0px 28px;
    }

    .section1 .rectangle-down {
        width: 160px;
        height: 160px;
        padding: 20px;
        margin: 30px 15.5px 0px 28px;
    }


    .section1 .text-group1 {
        font-size: 15px;
        margin: 5px 0 0;
    }

    .section2 {
        text-align: center;
        margin: 0 auto;
    }

    .section2 .text-group-row1-mobile {
        width: 90%;
        text-align: justify;
        font-size: 16px;
        margin: 40px 15px 40px 15px;
    }

    .section2 .text-group-row2-mobile {
        width: 90%;
        text-align: justify;
        font-size: 16px;
        margin: 40px 15px 40px 15px;
    }

    .section2 .text-group-row3-mobile {
        width: 90%;
        text-align: justify;
        font-size: 16px;
        margin: 40px 15px 40px 15px;
    }

    .section2 .img-row1-mobile {
        width: 400px;
        height: 400px;
        margin-right: 10px;
    }

    .section2 .img-row2-mobile {
        width: 400px;
        height: 400px;
        margin: 0px;
    }

    .section2 .img-row3-mobile {
        width: 400px;
        height: 400px;
        margin-top: 90px;
        margin-right: 10px;
    }

    .menu1 {
        display: none;
    }

    .menu2 {
        display: block;
    }

    .section2-mobile {
        display: block;
    }

    .section2-desktop {
        display: none;
    }

    .btn-row {
        display: none;
    }

    .btn-column {
        display: block;
    }

    .header-desktop {
        display: none;
    }

    .header-mobile {
        display: block;
    }

    .course2 {
        display: block;
    }

    .course1 {
        display: none;
    }

    .header-mobile-sub-page {
        display: block;
    }

    .section1-about {
        display: none;
    }

    .section1-about-mobile {
        display: block;
    }

    .section3-title {
        padding-right: 40px;
        padding-top: 40px;
    }

    .section1-privacy-mobile {
        display: block;
    }

    .menu2 {
        display: none;
    }

    .menu3 {
        display: block;
    }

    .div-footer-top {
        display: none;
    }


    .section3-about-mobile {
        display: block;
    }

    .section3-about {
        display: none;
    }

    .section1-title-header-sub-page {
        font-size: 26px;
    }

    .font-size-privacy {
        line-height: 1.7;
        font-size: 17px;
    }

    .section1-about-mobile {
        height: 1300px;
    }

    .section2-about {
        padding: 20px;
        line-height: 2.0;
    }


    .section3-img-admin {
        width: 170px;
        height: 170px;
    }

    .img-back-about {
        width: 360px;
        height: 580px;
        margin-right: 0px;
        padding-right: 0px;
    }

    .img-back-privacy {
        width: 450px;
        height: 470px;
    }

    .section1-privacy {
        display: none;
    }


    .section2-privacy {
        margin-right: 40px;
        margin-left: 40px;
        margin-top: 50px;
    }

    .section1-about-right {
        width: 50%;
        margin: 100px 20px 10px 0px;
    }

    .section1-privacy-right {
        margin-right: 40px;
    }

    .section5 .text {
        font-size: 20px;
    }

    .img-back-privacy-mobile {
        height: 500px;
    }

    footer {
        height: 1600px;
        text-align: start;
    }

    footer .div-footer-bottom-right {
        margin-right: 40px;
        height: 600px;
    }

    footer .text-footer {
        display: none;
    }

    footer .div-footer-bottom-complaint {
        margin-top: 600px;
    }

    footer .p-footer {
        font-size: 15px;
    }

    footer .card-complaint {
        width: 90%;
        height: 600px;
        margin: 0 auto;
    }

    footer .title-complaint {
        text-align: start;
    }

    footer .textfield-complaint {
        width: 93%;
        margin: 0px 10px;
    }

    footer .textfield-down-complaint {
        width: 91.5%;
        margin: 0px 10px;
    }

    footer .labal-complaint {
        padding-right: 12px;
    }

    footer .row-service {
        width: 100%;
    }

    footer .div-footer-bottom {
        display: none;
    }

    footer .btn-footer {
        width: 190px;
    }

    footer .div-footer-bottom2 {
        display: block;
    }

    footer .footer-main {
        display: none;
    }

    footer .footer-second {
        display: block;
    }

    footer .row-service-right {
        margin-left: 10px;
    }

    footer .row-service-left {
        width: 260px;
    }

    footer .img-namad {
        width: 130px;
        height: 130px;
    }

    footer .div-footer-top-mobile {
        height: 165px;
    }
}

@media screen and (max-width: 501px) and (min-width: 400px) {
    header .btn-card {
        width: 180px;
        margin: 10px 5px 0px 0px;
    }

    header .button {
        padding-top: 0px;
        font-size: 13px;
        text-align: start;
    }

    header .logo {
        width: 60px;
        height: 30px;
        margin-top: 20px;
        margin-left: 10px;
    }

    header .header-desktop-sub-page {
        display: none;
    }

    .green-background {
        background-image: url("../img/bg_top_mobile.png");
    }

    .section3 {
        height: 650px;
        background-image: url("../img/bg_section3_mobile.png");
    }

    .section4 {
        height: 550px;
        background-image: url("../img/bg_section4_mobile.png");
    }

    .space-vertically {
        height: 0px;
    }

    .section1 .headline1 {
        line-height: 2.5;
        font-size: 20px;
    }

    .section1 .headline2 {
        font-size: 16px;
        line-height: 2.5;
        margin: 10px 30px 0px 30px;
    }

    .section1 {
        height: 1150px;
    }

    .section5 .border-rectangle {
        width: 100px;
        height: 100px;
        margin-right: 10px;
    }

    .section5 .box-shadow {
        width: 40px;
        height: 40px;
    }

    .section5 .img-rectangle1 {
        padding: 0px;
        width: 40px;
        height: 40px;
    }

    .section5 .img-rectangle2 {
        padding: 0px;
        width: 40px;
        height: 40px;
    }

    .section5 .img-rectangle3 {
        padding: 0px;
        width: 40px;
        height: 40px;
    }

    .section5 .img-rectangle4 {
        padding: 0px;
        width: 40px;
        height: 40px;
    }

    .section1 .btn-simple-card {
        width: 150px;
        height: 36px;
        border: 1px solid;
        padding: 9px 5px 9px 10px;
        margin: 5px 10px 30px 0px;
    }

    .section1 .btn-simple-top {
        font-size: 14px;
        padding-bottom: 5px;
    }

    .section1 .btn-simple-bottom {
        font-size: 16px;
    }

    header .img-btn1 {
        margin-top: 5px;
        width: 20px;
        height: 20px;
    }

    header .img-btn2 {
        margin-top: 10px;
        width: 30px;
        height: 12px;
    }

    .section1 .btn-logo {
        width: 125px;
        height: 38px;
        border: 1px solid;
        margin: 10px 10px 0 0px;
    }

    .section1 .img-btn-simple1 {
        width: 22px;
        height: 22px;
        padding-left: 10px;
    }

    .section1 .img-btn-simple2 {
        margin-top: 0px;
        width: 30px;
        height: 15px;
        padding-left: 10px;
    }

    .section1 .rectangle-down {
        width: 130px;
        height: 130px;
        padding: 20px;
        margin: 10px 5px 0px 5px;
    }

    .section1 .img-group1 {
        width: 70px;
        height: 70px;
        margin: 5px auto;
    }

    .section1 .text-group1 {
        font-size: 14px;
        margin: 0px auto;
    }

    .section2 .text-group-row1-mobile {
        width: 90%;
        text-align: justify;
        font-size: 16px;
        margin: 40px 15px 40px 15px;
    }

    .section2 .text-group-row2-mobile {
        width: 90%;
        text-align: justify;
        font-size: 16px;
        margin: 40px 15px 40px 15px;
    }

    .section2 .text-group-row3-mobile {
        width: 90%;
        text-align: justify;
        font-size: 16px;
        margin: 40px 15px 40px 15px;
    }

    .section2 .img-row1-mobile {
        width: 380px;
        height: 400px;
        margin-right: 10px;
    }

    .section2 .img-row2-mobile {
        width: 380px;
        height: 400px;
        margin: 0px;
    }

    .section2 .img-row3-mobile {
        width: 390px;
        height: 400px;
        margin-top: 90px;
        margin-right: 10px;
    }

    .section1-about-mobile {
        height: 1450px;
    }

    .section2-about {
        padding: 20px;
        line-height: 2.0;
    }

    .section3-about-mobile {
        display: block;
    }

    .img-back-about {
        width: 360px;
        height: 580px;
        margin-right: 0px;
        padding-right: 0px;
    }

    .img-back-privacy {
        width: 450px;
        height: 470px;
    }

    .section1-privacy {
        display: none;
    }

    .section2-privacy {
        margin-right: 40px;
        margin-left: 40px;
        margin-top: 50px;
    }

    .section1-about-right {
        width: 50%;
        margin: 100px 20px 10px 0px;
    }

    .section1-privacy-right {
        margin-right: 40px;
    }

    .section5 .text {
        font-size: 20px;
    }

    .menu1 {
        display: none;
    }

    .menu2 {
        display: block;
    }

    .img-back-privacy-mobile {
        height: 500px;
    }

    .section2-mobile {
        display: block;
        text-align: center;
    }

    .section2-desktop {
        display: none;
    }

    .btn-row {
        display: none;
    }

    .btn-column {
        display: block;
    }

    .header-desktop {
        display: none;
    }

    .header-mobile {
        display: block;
    }

    .course2 {
        display: block;
    }

    .course1 {
        display: none;
    }

    .header-mobile-sub-page {
        display: block;
    }

    .section1-about {
        display: none;
    }

    .section1-about-mobile {
        display: block;
    }

    .section3-title {
        padding-right: 30px;
        padding-top: 40px;
    }

    .section1-privacy-mobile {
        display: block;
    }

    .menu2 {
        display: none;
    }

    .menu3 {
        display: block;
    }

    .div-footer-top {
        display: none;
    }

    .section3-about {
        display: none;
    }

    .section1-title-header-sub-page {
        font-size: 28px;
    }

    .section1-title-sub-header-sub-page {
        font-size: 26px;
    }

    .font-size-privacy {
        line-height: 1.7;
        font-size: 17px;
    }

    .header-about-mobile-top {
        margin-right: 30px;
    }

    footer {
        height: 1600px;
        text-align: start;
    }

    footer .btn-complaint {
        width: 70%;
    }

    footer .div-footer-bottom-right {
        margin-right: 40px;
        height: 600px;
    }

    footer .text-footer {
        display: none;
    }

    footer .div-footer-bottom-complaint {
        margin-top: 600px;
    }

    footer .p-footer {
        font-size: 15px;
    }

    footer .card-complaint {
        width: 90%;
        height: 600px;
        margin: 0 auto;
    }

    footer .title-complaint {
        text-align: start;
    }

    footer .textfield-complaint {
        width: 91%;
        margin: 0px 10px;
    }

    footer .textfield-down-complaint {
        width: 88.5%;
        margin: 0px 10px;
    }

    footer .labal-complaint {
        padding-right: 12px;
    }

    footer .row-service {
        width: 100%;
    }

    footer .div-footer-bottom {
        display: none;
    }

    footer .btn-footer {
        width: 150px;
    }

    footer .img-footer {
        width: 150px;
    }

    footer .img-footer-android {
        margin-top: 10px;
    }

    footer .div-footer-bottom2 {
        display: block;
    }

    footer .footer-main {
        display: none;
    }

    footer .footer-second {
        display: block;
    }

    footer .row-service-right {
        margin-left: 0px;
    }

    footer .row-service-left {
        width: 200px;
    }

    footer .img-namad {
        width: 100px;
        height: 100px;
        margin: 8px;
    }

    footer .div-footer-top-mobile {
        height: 165px;
    }
}

@media screen and (max-width: 401px) and (min-width: 200px) {
    header {
        height: 50px;
    }

    header .btn-card {
        width: 150px;
        height: 30px;
        padding: 5px;
        margin: 10px 5px 0px 0px;
    }

    header .button {
        padding: 0px;
        font-size: 12px;
        font-weight: 400;
        text-align: start;
    }

    header .logo {
        width: 40px;
        height: 30px;
        margin-top: 15px;
        margin-left: 0px;
    }

    header .header-desktop-sub-page {
        display: none;
    }

    .green-background {
        background-image: url("../img/bg_top_mobile.png");
        background-size: 100% 530px;

    }

    .section3 {
        height: 600px;
        object-fit: fill;
        background-image: url("../img/bg_section3_mobile.png");
    }

    .section4 {
        height: 500px;
        background-image: url("../img/bg_section4_mobile.png");
    }

    .space-vertically {
        height: 0px;
    }

    .section1 .headline1 {
        line-height: 2.5;
        font-size: 17px;
    }

    .section1 .headline2 {
        font-size: 15px;
        font-weight: 300;
        line-height: 2.5;
        margin: 10px 25px 0px 25px;
    }

    .section1 {
        height: 1150px;
    }

    .section3-img-admin {
        width: 110px;
        height: 110px;
    }

    .section3-name-admin {
        font-size: 15px;
        font-weight: 700;
    }

    .section3-job-admin {
        font-size: 13px;
    }

    .section5 .border-rectangle {
        width: 80px;
        height: 80px;
        margin-right: 10px;
        padding: 20px;
    }

    .section5 .box-shadow {
        width: 30px;
        height: 30px;
        padding: 25px 24px 24px 25px;
    }

    .section5 .img-rectangle1 {
        padding: 0px;
        width: 30px;
        height: 30px;
    }

    .section5 .img-rectangle2 {
        padding: 0px;
        width: 30px;
        height: 30px;
    }

    .section5 .img-rectangle3 {
        padding: 0px;
        width: 30px;
        height: 30px;
    }

    .section5 .img-rectangle4 {
        padding: 0px;
        width: 30px;
        height: 30px;
    }

    .section1 .btn-simple-card {
        width: 120px;
        height: 36px;
        border: 1px solid;
        padding: 5px;
        margin: 5px 10px 30px 0px;
    }

    .section1 .btn-simple-top {
        font-size: 12px;
        padding-bottom: 5px;
    }

    .section1 .btn-simple-bottom {
        font-size: 13px;
        padding: 0px;
        font-weight: 700;
    }

    .section5 .text {
        font-size: 17px;
        margin-right: 20px;
    }

    header .img-btn1 {
        margin-top: 5px;
        width: 15px;
        height: 15px;
        margin-left: 6px;

    }

    header .img-btn2 {
        margin-top: 10px;
        width: 20px;
        height: 12px;
        margin-left: 10px;
    }

    .section1 .btn-logo {
        width: 90px;
        height: 28px;
        border: 1px solid;
        margin: 30px 10px 0 0px;
    }

    .section1 .img-btn-simple1 {
        width: 18px;
        height: 20px;
        padding-top: 7px;
        padding-left: 5px;
    }

    .section1 .img-btn-simple2 {
        margin-top: 0px;
        width: 20px;
        height: 10px;
        padding-right: 0px;
        padding-left: 5px;
    }

    .section1 .rectangle-down {
        width: 100px;
        height: 120px;
        padding: 20px;
        margin: 15px 5px 0px 5px;
    }

    .section1 .rectangle {
        width: 100px;
        height: 120px;
        padding: 20px;
        margin: 10px 5px 0px 5px;
    }

    .section1 .img-group1 {
        width: 40px;
        height: 40px;

    }

    .section1 .text-group1 {
        font-size: 12px;
        font-weight: 600;
        margin: 0px auto;
        padding: 0px;
    }

    .section2 .text-group-row1-mobile {
        width: 90%;
        text-align: justify;
        font-size: 14px;
        margin: 40px 10px 40px 5px;
    }

    .menu1 {
        display: none;
    }

    .menu2 {
        display: none;
    }

    .menu3 {
        display: block;
    }

    .section2 .img-row1-mobile {
        width: 280px;
        height: 350px;
        margin-right: 20px;
    }

    .section2 .img-row3-mobile {
        width: 280px;
        height: 350px;
        margin-top: 90px;
        margin-right: 10px;
    }

    .section1-about-mobile {
        height: 1600px;
    }

    .section2-about {
        padding: 12px;
        line-height: 2.0;
    }


    .img-back-about {
        width: 360px;
        height: 580px;
        margin-right: 0px;
        padding-right: 0px;
    }

    .img-back-privacy {
        width: 450px;
        height: 470px;
    }

    .section1-privacy {
        display: none;
    }

    .section2-privacy {
        margin-right: 15px;
        margin-left: 15px;
        margin-top: 50px;
    }

    .section1-about-right {
        width: 50%;
        margin: 100px 20px 10px 0px;
    }

    .section1-privacy-right {
        margin-right: 40px;
    }

    .section5 .text {
        font-size: 20px;
    }

    .img-back-privacy-mobile {
        height: 550px;
    }

    .section2-mobile {
        display: block;
        text-align: center;
    }

    .section2-desktop {
        display: none;
    }

    .btn-row {
        display: none;
    }

    .btn-column {
        display: block;
    }

    .header-desktop {
        display: none;
    }

    .header-mobile {
        display: block;
    }

    .course2 {
        display: block;
    }

    .course1 {
        display: none;
    }

    .section1-our-story-mobile {
        margin: 20px;
    }

    .header-mobile-sub-page {
        display: block;
    }

    .section1-about {
        display: none;
    }

    .section1-about-mobile {
        display: block;
    }

    .section3-title {
        padding-right: 40px;
    }

    .section1-privacy-mobile {
        display: block;
    }

    .menu2 {
        display: none;
    }

    .menu3 {
        display: block;
    }

    .div-footer-top {
        display: none;
    }

    .section3-about-mobile {
        display: block;
    }

    .section3-about {
        display: none;
    }

    .section1-title-header-sub-page {
        font-size: 21px;
    }

    .section1-title-sub-header-sub-page {
        font-size: 18px;
    }

    .font-size-privacy {
        line-height: 1.7;
        font-size: 17px;
    }

    .header-about-mobile-top {
        margin-right: 30px;
    }

    footer {
        height: 1450px;
        text-align: start;
    }

    footer .logo {
        height: 50px;
        width: 70px;
    }

    footer .div-footer-bottom-right {
        margin-right: 40px;
        height: 600px;
    }

    footer .text-footer {
        display: none;
    }

    footer .p-footer {
        font-size: 15px;
        margin-top: 10px;
    }

    footer .btn-complaint {
        width: 80%;
    }

    footer .card-complaint {
        width: 90%;
        height: 600px;
        margin: 0 auto;
    }

    footer .title-complaint {
        text-align: start;
    }

    footer .textfield-complaint {
        width: 91%;
        margin: 0px 10px;
    }

    footer .textfield-down-complaint {
        width: 88.5%;
        margin: 0px 10px;
    }

    footer .labal-complaint {
        padding-right: 12px;
    }

    footer .row-service {
        width: 100%;
    }

    footer .div-footer-bottom {
        display: none;
    }

    footer .btn-footer {
        width: 120px;
        margin: 2px;
    }

    footer .img-footer {
        width: 120px;
    }

    footer .img-footer-android {
        margin-top: 15px;
        width: 20px;
        height: 20px;
    }

    footer .img-footer-pwa {
        margin-top: 18px;
        width: 30px;
        height: 12px;
        margin-left: 10px;
    }

    footer .div-footer-bottom2 {
        display: block;
    }

    footer .footer-main {
        display: none;
    }

    footer .footer-second {
        display: block;
    }

    footer .row-service-right {
        margin-left: 0px;
    }

    footer .row-service-left {
        width: 170px;
    }

    footer .title-service {
        font-size: 17px;
    }

    footer .subtitle-service {
        font-size: 15px;
    }

    footer .img-namad {
        width: 80px;
        height: 80px;
        margin: 8px;
    }

    footer .icon-footer {
        width: 15px;
        height: 15px;
    }

    footer .card-icon-footer {
        padding: 5px 5px 2px 0px;
    }

    footer .div-footer-top-mobile {
        height: 136px;
    }

    footer .div-footer-middle-mobile {
        margin: 10px
    }

    footer .div-namad {
        margin-top: 10px;
    }
}