@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px ipad pro
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px microsoft Lomia 550
11. 539px
12. 479px
13. 400px

******************************/

@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1380px) {}

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 1100px) {}

@media only screen and (max-width: 1024px) {
    /****sec1****/
    .home {
        width: 100%;
        height: 60vh;
    }
    /****sec1****/
    /****sec4****/
    .sec4 {
        padding: 15px 10px;
    }
    .content_plan {
        border: 2px solid #999999;
        border-left: 2px solid #999999;
        border-right: 2px solid #999999;
        margin-top: 0px;
        text-align: center;
        max-height: 500px;
    }
    .content_plan_act {
        margin: 20px 0px;
    }
    /****sec4****/
}

@media only screen and (max-width: 991px) {}

@media only screen and (max-width: 959px) {}

@media only screen and (max-width: 880px) {
    /****sec1****/
    .home {
        width: 100%;
        height: 70vh;
    }
    .nav_bar_ {
        background-color: #200E35;
    }
    /****sec1****/
    /****sec5****/
    .part_1 {
        padding: 50px 20px;
    }
    /****sec5****/
    /****footer****/
    .icons_footer, footer .par p {
        text-align: center;
    }
    /****footer****/
}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 767px) {
    /****sec1****/
    .nav_bar_ {
        background-color: #200E35;
    }
    .home {
        width: 100%;
        height: 100vh;
    }
    .home_container {
        top: 40vh;
    }
    .home_title {
        font-size: 35px;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 1;
    }
    .home_text {
        max-width: 750px;
        color: #FFFFFF;
        line-height: 2.14;
        margin-left: auto;
        margin-right: auto;
        margin-top: 9px;
        font-size: 15px;
    }
    /****sec1****/
}

@media only screen and (max-width: 575px) {
    /*****sec2****/
    .div_allsec2 h2 {
        font-size: 30px;
    }
    /*****sec2****/
}

@media only screen and (max-width: 539px) {
    /****sec5****/
    .min_part {
        text-align: center;
        margin: 8px;
    }
    /****sec5****/
}

@media only screen and (max-width: 480px) {}

@media only screen and (max-width: 479px) {}

@media only screen and (max-width: 400px) {
    footer .par p {
        font-size: 10px;
    }
}