@media only screen and ( max-width: 1860px ){
    h3{
        font-size: 32px;
    }
    p{
        font-size: 22px;
    }
    .glass_h3{
        padding: 24px 0px;
    }

    /* <header>-------------------------------------------------------------------------------- */

    nav{
        padding: 19px 0px;
    }
    .nav_a{
        height: 18px;
        font-size: 16px;
    }

    /* </header>------------------------------------------------------------------------------- */


    /* <main>---------------------------------------------------------------------------------- */
    main{
        /* gap: 84px; */
        margin-bottom: 84px;
    }

    .main_margin{
        margin-bottom: 84px;
    }

    /* <home> */
    .home{
        gap: 40px;
    }
    .logo{
        padding: 208px 220px;
    }
    .home_text{
        gap: 20px;
    }
    h1{display: none;}
    h2{
        max-width: 594px;
        font-size: 24px;
    }
    .btn{
        font-size: 16px;
        padding: 19px 20px;
        /* background-color: radial-gradient(77.45% 95.95% at 12.72% 79.68%, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.25) 100%); */
    }
    /* </home> */

    /* <services> */
    .services{
        gap: 40px;
    }
    .services_group{
        max-width: 926px;
        gap: 10px;
    }
    .services_card{
        width: 302px;
        height: 226px;
    }
    .services_p{
        width: 262px;
        height: 186px;
    }
    .services_p_back{
        font-size: 11px;
    }
    /* </services> */

    /* <company> */
    .company_text{
        gap: 22px;
        margin: 40px 0px;
    }
    .company_text_one{
        max-width: 966px;
    }
    .company_text_two{
        max-width: 628px;
    }
    /* </company> */

    /* <stages> */
    .stages{
        gap: 40px;
    }
    .stages_group{
        max-width: 1238px;
        gap: 10px;
    }
    .stages_card{
        width: 302px;
        height: 228px;
    }
    .stages_number{
        font-size: 80px;
    }
    .stages_p{
        width: 268px;
        height: 100%;
        font-size: 32px;
    }
    .stages_p_back{
        font-size: 16px;
    }
    /* </stages> */

    /* <why> */
    .why_text{
        max-width: 1070px;
        gap: 22px;
        margin: 22px 0;
    }
    .why_p{
        width: 342px;
        height: 100px;
    }
    /* </why> */


    /* </main>--------------------------------------------------------------------------------- */


    /* <footer>-------------------------------------------------------------------------------- */

    .footer_div{
        gap: 0;
        width: 90vw;
        justify-content: space-between;
    }

    /* </footer>------------------------------------------------------------------------------- */
}
@media only screen and ( max-width: 1050px ){
    
    h3{
        font-size: 30px;
    }

    /* <header>-------------------------------------------------------------------------------- */

    nav{
        gap: 24px;
    }

    /* </header>------------------------------------------------------------------------------- */


    /* <main>---------------------------------------------------------------------------------- */
    main{
        /* gap: 64px; */
        margin-bottom: 64px;
    }

    .main_margin{
        margin-bottom: 64px;
    }

    /* <home> */
    .home{
        flex-direction: column;
        gap: 64px;
    }
    /* </home> */

    /* <services> */
    .services{
        gap: 32px;
    }
    .services_group{
        gap: 16px;
    }
    .arrow{
        display: none;
    }
    .services_pointer{
        background: #00000000;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        backface-visibility: hidden;
        position: relative;
        border-radius: 8px;

    }
    .pointer{
        display: block;
        background: center / cover no-repeat url("../PNG_SVG/vector/pointer.svg");
        padding: 32px 24px;
        position: absolute;
        top: 66%;
        left: 80%;
        z-index: 5;
    }
    /* </services> */

    /* <company> */
    .company_text{
        gap: 16px;
        margin: 32px 0px;
    }
    .company_text_one{
        max-width: 658px;
    }
    /* </company> */

    /* <stages> */
    .stages{
        gap: 32px;
    }
    .stages_group{
        gap: 16px;
    }
    /* </stages> */

    /* <why> */
    .why_text{
        max-width: 706px;
        gap: 16px;
        margin: 32px 0;
    }
    /* </why> */


    /* </main>--------------------------------------------------------------------------------- */


    /* <footer>-------------------------------------------------------------------------------- */
    .footer_one{
        height: 96px;
    }

    /* </footer>------------------------------------------------------------------------------- */
}
@media only screen and ( max-width: 1050px ) and (min-height: 1080px){

    /* <main>---------------------------------------------------------------------------------- */

    /* <home> */
    .home{
        flex-direction: column;
        gap: 64px;
        background: center / cover no-repeat url("../PNG_SVG/home/iPad_Pro_11_image.png");
    }
    /* </home> */

    /* </main>--------------------------------------------------------------------------------- */

}
@media only screen and ( max-width: 600px ) {
    h3{
        font-size: 28px;
    }
    
    /* <header>-------------------------------------------------------------------------------------------------------------- */
    header{
        justify-content: flex-end;
    }
    .nav_a{
        height: auto;
        font-size: 18px;
        font-weight: 400;
    }
    .nav_a:nth-child(1){
        margin-top: 64px;
    }
    /* <burger>-------------------------------------------------------------------------------------------------------------- */
    .android{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        width: 50vw;
        height: 100vh;
        background: linear-gradient(61deg, #000 0%, #6E6E6E 100%);
        position: absolute;
        top: 0;
        right: 0;
        transform: translateX(100%);
    }
    .hadb{
        transition: 0.5s cubic-bezier(0.5, 0.44, 0.54, 0.68) 0.1s transform;
    }
    .menu{
        transform: translateX(0);
        transition: 0.5s cubic-bezier(0.5, 0.44, 0.54, 0.68) 0.1s;
    }
    /* <burger_menu>--------------------------------------------------------------------------------------------------------- */
    .burger{
        width: 70px;
        z-index: 3;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        padding: 19px 0;
    }
    .burger span{
        max-width: 32px;
        width: 100%;
        padding: 2px;
        background: #ffffff;
        border-radius: 14px;
        transition: 0.5s cubic-bezier(0.5, 0.44, 0.54, 0.68) 0.1s background-color, 0.5s cubic-bezier(0.5, 0.44, 0.54, 0.68) 0.1s transform;
    }
    .burger_close span:nth-of-type(1) {
        transition: 0.25s cubic-bezier(0.5, 0.44, 0.54, 0.68) 0.1s background-color, 0.5s cubic-bezier(0.5, 0.44, 0.54, 0.68) 0.1s transform;
        transform: translateY(8px);
        background-color: rgba(0, 0, 0, 0);
    }
    .burger_close span:nth-of-type(2) {
        transition: 0.5s cubic-bezier(0.5, 0.44, 0.54, 0.68) 0.1s;
        transform: translateY(0) rotate(-45deg);  
    }
    .burger_close span:nth-of-type(3) {
        transition: 0.5s cubic-bezier(0.5, 0.44, 0.54, 0.68) 0.1s;
        transform: translateY(-8px) rotate(45deg);
    }
    /* </burger_menu>-------------------------------------------------------------------------------------------------------- */
    /* </burger>------------------------------------------------------------------------------------------------------------- */
    
    /* </header>------------------------------------------------------------------------------------------------------------- */
    /* <main>---------------------------------------------------------------------------------- */
    main{
        /* gap: 32px; */
        margin-bottom: 32px;
    }

    /* .main_margin{
        margin-bottom: 32px;
    } */

    /* <home> */
    .home{
        gap: 16px;
        background: center / cover no-repeat url("../PNG_SVG/home/Android_Large_image.png");
        height: 100vh;
    }
    .logo{
        padding: 112px 118px;
    }
    .home_text{
        gap: 16px;
    }
    h2{
        font-size: 22px;
        width: 288px;
    }
    /* </home> */
    /* </main>--------------------------------------------------------------------------------- */
    
    
    /* <footer>-------------------------------------------------------------------------------- */
    .footer_div{
        width: 96vw;
    }

    /* <info> */
    .info{
        gap: 4px;
    }
    .info_div{
        gap: 2px;
    }
    .info_div>a{
        font-size: 16px;
    }
    .info_svg{
        padding: 9px;
    }
    /* </info> */

    /* <soc_net> */
    .soc_net_svg{
        padding: 15px;
    }
    /* </soc_net> */

    /* </footer>------------------------------------------------------------------------------- */
}