@media (max-width: 1600px) {
    .container {
        padding: 0 3%;
    }

    .section-7 .box .col-2 img {
        width: 600px;
    }
}

@media (max-width: 1280px) {
    .contact-section-1 {
        padding-top: 20%;
    }

    /*End Contact*/
}

@media (max-width: 1025px) {
    .section-1 .box {
        flex-direction: column;
        text-align: center;
        padding-top: 5%;
    }

    .section-1 .box .col-2 img {
        padding-top: 10%;
    }

    /*End Section 1*/

    .section-5 .box .col-1 img {
        width: 450px;
    }

    /*End Section 5*/

    .section-7 .box .col-2 img {
        width: 500px;
    }

    /*End Section 7*/
}

@media (max-width: 768px) {
    .menu-items ul li {
        padding: 10px;
    }

    .header-section .header .logo img {
        width: 80%;
    }

    /*End Header*/

    .section-1 .box .col-1 {
        padding-top: 10%;
    }

    .section-1 .box .col-2 img {
        width: 650px;
    }

    /*End Section 1*/

    .section-3 .box {
        flex-direction: column;
    }

    .section-3 .box .col-1 {
        text-align: center;
    }

    .section-3 .box .col-1,
    .section-3 .box .col-2 {
        width: 100%;
    }

    .section-3 .box .col-2 {
        justify-content: center;
        padding-top: 10%;
    }

    /*End Section 3*/

    .section-5 .box {
        flex-direction: column-reverse;
    }

    .section-5 .box .col-2 {
        padding: 0;
    }

    .section-5 .box .col-1 img {
        width: 100%;
        height: auto;
    }

    /*End Section 5*/

    .section-6 .box h2 {
        padding: 0;
    }

    /*End Section 6*/

    .section-7 .box {
        flex-direction: column;
    }

    .section-7 .box .col-1,
    .section-7 .box .col-2 {
        width: 100%;
    }

    .section-7 .box .col-1 p,
    .section-7 .box .col-1 h2,
    .section-7 .box .col-1 .button {
        text-align: center;
    }

    .section-7 .box .col-2 img {
        width: 100%;
        padding-top: 15%;
    }

    /*End Section 7*/

    .section-8 .box {
        flex-direction: column;
    }

    .section-8 .box .col-1 {
        text-align: center;
    }

    .section-8 .box .col-1,
    .section-8 .box .col-2 {
        width: 100%;
    }

    .section-8 .box .wrapper {
        margin-left: 0;
        padding: 4%;
    }

    /*End Section 8*/

    .section-9 .box .col-2 {
        padding-top: 0;
    }

    /*End Section 9*/

    footer .section-10 .box .col-1 .button {
        padding-top: 8%;
    }

    footer .section-10 .box .col-1 {
        padding: 5% 5% 9% 5%;
    }

    /*End Footer*/

    .price-section-1 {
        padding-top: 25%;
    }

    /*Price Section 1*/

    .price-section-2 .box {
        margin: 0 auto;
        width: 100%;
        gap: 30px;
        padding-top: 5%;
    }

    /*End Price Section 2*/

    .contact-section-1 {
        padding-top: 25%;
    }

    /*End Contact*/
}

@media (max-width: 430px) {
    /*Global for mobile*/
    h2 {
        font-size: 1.5em;
        line-height: 35px;
    }

    /*End Global for mobile*/

    .container {
        padding: 0 5%;
    }

    .header-section {
        padding-top: 7%;
    }
    .header-section .header {
        flex-direction: column;
    }

    .header-section .header .button {
        display: none;
    }

    .header-section .header .col-1,
    .header-section .header .col-2 {
        width: 100%;
    }

    .header-section .header .logo img {
        width: 65%;
        margin: 0 auto;
    }

    /*End Header*/

    .section-1 {
        margin-top: -190px;
    }

    .section-1 .box .col-1 {
        padding-top: 10%;
    }

    .section-1 {
        padding-top: 35%;
    }

    .section-1 .box .col-2 img {
        width: 350px;
        padding-top: 20%;
    }

    /*End Section 1*/

    .section-2 {
        padding: 8% 0;
    }

    .section-2 .box {
        flex-direction: column;
        gap: 40px;
    }

    /*End Section 2*/

    .section-3 {
        padding: 14% 0;
    }

    .section-3 .box .col-2 img {
        width: 80%;
    }

    /*End Section 3*/

    .section-4 .box {
        flex-direction: column;
        gap: 30px;
        padding: 8% 0;
    }

    /*End Section 4*/

    .section-5 .box {
        padding: 8% 0;
    }

    .section-5 .box .col-2 h2,
    .section-5 .box .col-2 p {
        text-align: center;
    }

    /*End Section 5*/

    .section-6 .box h2 {
        font-size: 2.5em;
        line-height: 50px;
    }

    /*End Section 6*/

    .section-7 {
        padding: 8% 0;
    }

    .section-7 .box .col-2 img {
        padding-top: 20%;
    }

    /*End Section 7*/

    .section-8 {
        padding-bottom: 15%;
    }

    .section-8 .box .wrapper {
        flex-direction: column;
        text-align: center;
        margin-top: 5%;
        padding: 9% 8% 5% 8%;
    }

    .section-8 .box .wrapper .icon-box-text {
        padding-top: 3%;
    }

    .section-8 .box .col-2 .icon-box img {
        padding: 4%;
    }

    /*End Section 8*/

    .section-9 {
        padding: 14% 0;
    }

    .section-9 .box {
        text-align: center;
    }

    .section-9 .box .col-2 {
        flex-direction: column;
        padding-top: 8%;
        gap: 0;
    }

    .section-9 .box .col-2 .faq {
        width: 100%;
    }

    .section-9 .box .col-2 .faq p {
        padding: 4% 0;
    }

    /*End Section 9*/

    footer .section-10 .box .col-1 {
        padding: 7% 5% 15% 5%;
    }

    footer .section-10 .box .col-1 h2 {
        font-size: 2em;
        line-height: 45px;
        padding: 0;
    }

    footer .section-10 .box .col-2 {
        flex-direction: column;
        padding-top: 8%;
    }

    footer .section-10 .box .col-2 .menu-items-footer ul li {
        padding: 10px;
    }

    footer .section-10 .box .col-3 {
        padding: 5% 10%;
    }

    footer .section-10 .box .col-3 p {
        font-size: 0.6em;
    }

    /*End Footer*/

    .price-section-1 {
        padding-top: 40%;
        margin-top: -180px;
    }

    .price-section-1 .box .hero-section {
        padding: 12% 0;
    }

    .price-section-1 .box .hero-section h1 {
        line-height: 65px;
    }

    /*End Price Section 1*/

    .price-section-2 .box {
        flex-direction: column;
    }

    .price-section-2 .box .col-1,
    .price-section-2 .box .col-2 {
        width: 100%;
    }

    /*End Price Section 2*/

    .price-section-3 .box {
        flex-direction: column;
        padding: 10% 0 13% 0;
    }

    .price-section-3 .box .col-2 table {
        width: 100%;
    }

    /*End Price Section 3*/

    .contact-section-1 {
        padding-top: 50%;
        margin-top: -180px;
    }

    .contact-section-1 .container {
        padding: 0;
    }

    .contact-section-1 .box .col-2-col-1,
    .contact-section-1 .box .col-2-col-2 {
        width: 100%;
    }

    .contact-section-1 .box .col-2 {
        flex-direction: column;
    }

    .contact-section-1 .box .col-2 .col-2-col-1 {
        padding: 7%;
    }

    .contact-section-1 .box .col-2 .col-2-col-1 h3 {
        font-size: 1.2em;
        text-align: center;
    }

    .contact-section-1 .box .col-2 .col-2-col-1 .phone-info-box .phone-info img {
        width: 50px;
    }

    .contact-section-1 .box .col-2 .col-2-col-1 .phone-info-box .phone-info h4 {
        font-size: 1em;
    }

    .contact-section-1 .box .col-2 .col-2-col-2 {
        padding: 5% 7% 9% 7%;
    }

    /*End Contact*/

    .sertificate-section-1 {
        margin-top: -175px;
    }

    .sertificate-section-2 .box .col-1,
    .sertificate-section-2 .box .col-2 {
        width: 100%;
    }

    .sertificate-section-1 .hero-video video {
        height: 520px;
    }

    .sertificate-section-1 .hero-video h2 {
        font-size: 2.5em;
    }

    .sertificate-section-2 .box {
        flex-direction: column;
        padding: 20% 0;
    }

    /*End Sertificate*/
}