@media screen and (min-width:1100px) {

    #second_nav{
        width: 30%;
        height: auto;
        display: grid;
        align-items: center;
        justify-content: center;
        grid-template-columns: 50% 50%;
        grid-template-rows: 100%;
        font-size: 1rem;
        background-color: #fff;
        overflow: hidden;
        border-radius: .5em;
    }


    .second_nav_div{
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 100%;
        width: 100%;
        padding: 1%;
    }

    .second_nav_div:hover{
        background-color: #0A0044;
        color: #fff;
        font-weight: 800;
        transition: .3s;
        cursor: pointer;
    }

    .currect_second_nav_background{
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 100%;
        width: 100%;
        padding: 1%;
        background-color: #0A0044;
        color: #fff;
        font-weight: 800;
    }



    #about_top_bigfont{
        margin-top: 2em;
        font-size: 2.7rem;
        font-weight: 800;
        color: #0A0044;
    }

    #about_top_smallfont{
        margin-top: 1em;
        font-size: 1rem;
    }

    #about_us_timeline{
        margin-top: 2em;
        width: 70%;
        letter-spacing: .15em;
    }

    .about_us_div{
        width: 100%;
        height: 10em;
        display: grid;
        grid-template-columns: 25% 75%;
        grid-template-rows: auto;
    }

    #ultimheat2{
        display: none;
    }

    .about_us_timeline_start{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        font-weight: 800;
        color: #0A0044;
    }

    .about_us_timeline_end{
        font-size: 1.2rem;
        display: flex;
        align-items: center;
    }

    .about_us_end_div{
        width: 100%;
        height: 10em;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #about_us_end_div_bigfont{
        font-size: 3rem;
        color:#0A0044;
        font-weight: 800;
    }

    #about_us_end_div_smallfont{
        width: 30%;
        height: auto;
        font-size: 1rem;
        text-align: center;
    }

    #about_us_intrduce_com{
        margin-top: 10em;
        width: 80%;
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: 30em 30em;
    }

    .about_us_intrduce_com_div{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .about_us_intrduce_com_div2{
        width: 95%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .about_us_intrduce_com_div2_bigfont{
        font-size: 1.7rem;
        font-weight: 800;
        color: #0A0044;
    }

    .about_us_intrduce_com_div2_smallfont{
        font-size: .95rem;
        width: 100%;
        letter-spacing: .1em;
    }

    .about_us_intrduce_com_div2_smallfont1{
        margin-top: 1em;
    }

    #product_content_power{
        margin-top: 10em;
        width: 100%;
        height: auto;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction: column;
    }

    #product_content_power_div{
        border-radius: 1em;
        padding: 1%;
        width: 80%;
        height: 5em;
        color: #F5F8FF;
        background: #0A0044;
        font-size: 2rem;
        display:flex;
        align-items:center;
        justify-content:center;
        letter-spacing: .2em;
        font-weight: 800;
    }

    #product_content_power_div2{
        border-radius: 1em;
        padding: 1%;
        margin-top: 6em;
        width: 80%;

    }

    #product_content_power_div2_div{
        display: grid;
        justify-content:center;
        grid-template-columns: 45% 45%;
        grid-template-rows: auto;
        grid-column-gap: 5%;
    }

    .product_content_power_div2_div_same{
        font-size: 1.6rem;
        color: #0A0044;
        letter-spacing: .1em;
    }

    .product_content_power_div2_div_div{
        font-weight: 800;
        width: 50%;
        border-bottom: .2em solid #0A0044;
    }

    .product_content_power_div2_div_div1_2{
        margin-top: .5em;
        width: 100%;
        font-size: 1.2rem;
        text-indent: 3.5rem;

    }

    #product_content_power_div2_div2{
        margin-top: 5em;
        width: 100%;
        color: #0A0044;
        display: grid;
        justify-content:center;
        grid-template-columns: 95%;
        grid-template-rows: auto;
        letter-spacing: .1em;
    }

    #product_content_power_div2_div2_div{
        font-size: 1.6rem;
        font-weight: 800;
        width: 80%;
        border-bottom: .2em solid #0A0044;
    }

    #product_content_power_div2_div2_div2{
        margin-top: 2em;
        font-size: 1.2rem;
        width: 100%;
        text-align: center;
    }

    #product_content_power_div2_div2_div3{
        margin-top: 6em;
        display: grid;
        justify-content:center;
        grid-template-columns: 45% 45%;
        grid-template-rows: auto;
        grid-column-gap: 5%;
    }


    .product_content_power_div2_div2_div3_div{
        font-size: 1.2rem;
        width: 100%;
        display: grid;
        align-items:center;
        grid-template-columns: 3.8em auto;
        grid-template-rows: auto;
        grid-column-gap: 5%;
    }

    .product_content_power_div2_div2_div3_div_div{
        border-radius: 5em;
        padding-left: .7em;
        padding-top: 1.2em;
        padding-bottom: 1.2em;
        padding-right: .7em;
        background-image:linear-gradient(#4255ffab 30%,#4255ff 100%);
        color: #F5F8FF;
    }

    .product_content_power_div2_div2_div3_div_div2{
        width: auto;
    }

    #product_content_power_div2_div2_div3_div_div1{
        border-radius: 5em;
        padding-left: .32em;
        padding-top: 1.2em;
        padding-bottom: 1.2em;
        padding-right: .32em;
        background-image:linear-gradient(#4255ffab 30%,#4255ff 100%);
        color: #F5F8FF;
    }

    #product_content_power_div2_div2_div4{
        margin-top: 3em;
        display: grid;
        justify-content:center;
        grid-template-columns: 30% 30% 30%;
        grid-template-rows: auto;
        grid-column-gap: 5%;
    }

    .product_content_power_div2_div2_div4_div_same{
        margin-top: 5em;
        color: #0A0044;
        display: grid;
        justify-content:center;
        grid-template-columns: 15% 70%;
        grid-template-rows: auto;
        grid-column-gap: 5%;

    }

    .product_content_power_div2_div2_div4_div_same_div{
        width: 100%;
        height: 100%;
        display: flex;
        align-items:center;
        justify-content:center;
        color: #4255FF;
    }

    .product_content_power_div2_div2_div4_div_same_div2{
        font-size: 1.2rem;
        display: grid;
        align-items:center;
        /* justify-content: center; */
        /* letter-spacing: .1em; */
    }

    #product_content_power_div2_div2_div5{
        margin-top: 5em;
        font-size: 1.5rem;
        width: 100%;
        text-align: center;
        font-weight:800;
    }







}
























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

    #second_nav{
        margin-top: 1em;
        width: 80%;
        height: 40rem;
        display: grid;
        align-items: center;
        justify-content: center;
        grid-template-columns: 100%;
        grid-template-rows: 50%;
        font-size: 4rem;
        background-color: #fff;
        overflow: hidden;
        border-radius: .5em;
    }


    .second_nav_div{
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 100%;
        width: 100%;
        padding: 1%;
    }

    .second_nav_div:hover{
        background-color: #0A0044;
        color: #fff;
        font-weight: 800;
        transition: .3s;
        cursor: pointer;
    }

    .currect_second_nav_background{
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 100%;
        width: 100%;
        padding: 1%;
        background-color: #0A0044;
        color: #fff;
        font-weight: 800;
    }


    #about_top_bigfont{
        margin-top: 3em;
        font-size: 10rem;
        font-weight: 800;
        color: #0A0044;
    }

    #about_top_smallfont{
        margin-top: 1em;
        font-size: 5rem;
    }

    #about_us_timeline{
        margin-top: 10em;
        width: 90%;
        letter-spacing: .15em;
    }

    .about_us_div{
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 15em auto;
    }

    .about_us_timeline_start{
        width: 100%;
        height: 100%;

        display: flex;
        /* align-items: center; */
        justify-content: center;
        font-size: 8rem;
        font-weight: 800;
        color: #0A0044;
    }

    .about_us_timeline_end{
        font-size: 5rem;
        margin-bottom: 5em;
        text-align: center;
    }

    .about_us_end_div{
        width: 100%;
        height: 30em;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #about_us_end_div_bigfont{
        font-size: 8rem;
        color:#0A0044;
        font-weight: 800;
    }

    #about_us_end_div_smallfont{
        width: 80%;
        height: auto;
        font-size: 5rem;
        text-align: center;
    }

    #about_us_intrduce_com{
        margin-top: 20em;
        width: 80%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 30em 120em 30em 94em;
    }

    .about_us_intrduce_com_div{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #ultimheat{
        display: none;
    }

    .about_us_intrduce_com_div2{
        width: 95%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .about_us_intrduce_com_div2_bigfont{
        font-size: 5rem;
        font-weight: 800;
        color: #0A0044;
    }

    .about_us_intrduce_com_div2_smallfont{
        font-size: 3rem;
        width: 100%;
        letter-spacing: .1em;
    }

    .about_us_intrduce_com_div2_smallfont1{
        margin-top: 1em;
    }

    #product_content_power{
        margin-top: 10em;
        width: 100%;
        height: auto;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction: column;
    }

    #product_content_power_div{
        border-radius: 1em;
        padding: 1%;
        width: 80%;
        height: 5em;
        color: #F5F8FF;
        background: #0A0044;
        font-size: 5rem;
        display:flex;
        align-items:center;
        justify-content:center;
        letter-spacing: .2em;
        font-weight: 800;
    }

    #product_content_power_div2{
        border-radius: 1em;
        padding: 1%;
        margin-top: 6em;
        width: 80%;

    }

    #product_content_power_div2_div{
        display: grid;
        justify-content:center;
        grid-template-columns: 100%;
        grid-template-rows: 50% 50%;
        grid-column-gap: 5%;
    }

    .product_content_power_div2_div_same{
        font-size: 1.6rem;
        color: #0A0044;
        letter-spacing: .1em;
    }

    .product_content_power_div2_div_div{
        font-weight: 800;
        width: 50%;
        border-bottom: .2em solid #0A0044;
        font-size: 4rem;
    }

    .product_content_power_div2_div_div1_2{
        margin-top: .5em;
        width: 100%;
        height: 10em;
        font-size: 3rem;
        text-indent: 3.5rem;

    }

    #product_content_power_div2_div2{
        margin-top: 5em;
        width: 100%;
        color: #0A0044;
        display: grid;
        justify-content:center;
        grid-template-columns: 95%;
        grid-template-rows: auto;
        letter-spacing: .1em;
    }

    #product_content_power_div2_div2_div{
        font-size: 4rem;
        font-weight: 800;
        width: 100%;
        border-bottom: .2em solid #0A0044;
    }

    #product_content_power_div2_div2_div2{
        margin-top: 2em;
        font-size: 3rem;
        width: 100%;
        text-align: center;
    }

    #product_content_power_div2_div2_div3{
        margin-top: 6em;
        display: grid;
        height: 30em;
        justify-content:center;
        grid-template-columns: 100%;
        grid-template-rows: 45% 45%;
        grid-row-gap: 10%;
    }


    .product_content_power_div2_div2_div3_div{
        font-size: 1.2rem;
        width: 100%;
        display: grid;
        align-items:center;
        grid-template-columns: 9.5em auto;
        grid-template-rows: auto;
        grid-column-gap: 5%;
    }

    .product_content_power_div2_div2_div3_div_div{
        border-radius: 5em;
        padding-left: .7em;
        padding-top: 1.2em;
        padding-bottom: 1.2em;
        padding-right: .7em;
        font-size: 3rem;
        background-image:linear-gradient(#4255ffab 30%,#4255ff 100%);
        color: #F5F8FF;
    }

    .product_content_power_div2_div2_div3_div_div2{
        width: auto;
        font-size: 3rem;
    }

    #product_content_power_div2_div2_div3_div_div1{
        border-radius: 5em;
        padding-left: .32em;
        padding-top: 1.2em;
        padding-bottom: 1.2em;
        padding-right: .32em;
        background-image:linear-gradient(#4255ffab 30%,#4255ff 100%);
        color: #F5F8FF;
        font-size: 3rem;
    }

    #product_content_power_div2_div2_div4{
        margin-top: 3em;
        display: grid;
        justify-content:center;
        grid-template-columns: 100%;
        grid-template-rows: auto;
    }

    .product_content_power_div2_div2_div4_div_same{
        width: 100%;
        height: 25em;
        margin-top: 5em;
        color: #0A0044;
        display: grid;
        justify-content:center;
        grid-template-columns: 15% 70%;
        grid-template-rows: auto;
        grid-column-gap: 5%;

    }

    .product_content_power_div2_div2_div4_div_same_div{
        width: 100%;
        height: 100%;
        display: flex;
        align-items:center;
        justify-content:center;
        color: #4255FF;
    }

    .product_content_power_div2_div2_div4_div_same_div2{
        font-size: 4rem;
        display: grid;
        align-items:center;
        /* justify-content: center; */
        /* letter-spacing: .1em; */
    }

    #product_content_power_div2_div2_div5{
        margin-top: 5em;
        font-size: 4rem;
        width: 100%;
        text-align: center;
        font-weight:800;
    }

}