/* большие мониторы */
@media (max-width: 1400px) {
    .aboutme-wrap {
        gap: clamp(25px, calc(2vw + 1.5vw), 130px);
    }
}

@media (max-width: 1300px) {
    .aboutme-wrap {
        gap: clamp(25px, 2vw, 130px);
    }

    .aboutme-title p {
        font-size: clamp(14px, 1.2vw, 16px);
    }
}












/* ноуты */
@media (max-width: 1200px) {}















@media (max-width: 1100px) {
    .aboutme-wrap {
        display: grid;
        grid-template-columns: 1fr;
        
        grid-template-areas:
        "two"
        "one";
    }
    .aboutme-title {
        grid-area: one;

        gap: 40px;
        margin-top: -153px;
    }

    .aboutme-person { 
        grid-area: two;

        justify-content: center;
    }

    .aboutme-line {
        position: absolute;
        height: 3px;
        width: 100%;
        background-color: black;

        top: 54.6%;
        bottom: 0%;
    }


    .title-information {
        align-items: center;
    }

    .aboutme-title p {
        text-align: center;
        font-size: 16px;
    }

    .aboutme-social-btns {
        justify-content: center;
    }

    .aboutme-social-btns {
        margin-top: 0;
    }












    .myskill {
        margin-top: 70px;
    }


    .myskill-blocks {
        grid-template-columns: repeat(auto-fit, minmax(160px, 180px));
    }






    .aboutme-inform {
        grid-template-columns: 1fr;

        justify-items: center;
    }



    .aboutme-inform {
        gap: clamp(10px, 4vw, 80px);
    }




    .myprojects-bl-crypto,
    .myprojects-bl-euphoria,
    .myprojects-bl-blog {
        flex-direction: column;
        align-items: center;
    }

    .myprojects-bl-euphoria {
        flex-direction: column-reverse;
    }
    

    .bl-crypto__img img,
    .bl-euphoria__img img,
    .bl-blog__img img {
        width: 100%;
    }








    
    

    .mytestiminial-bl-wrap {
        gap: clamp(10px, 1.5vw, 29px);
    }

    .mytestiminial-bl-wrap > div {
        padding: clamp(35px, 4vw, 60px) clamp(20px, 3.5vw, 40px);
    }



    .inp-talks {
        flex-direction: column;
        align-items: center;
    }



    .inp-talks-r {
        padding-top: clamp(10px, 4vw, 66px);
    }
}















/* планшет горизонтально */
@media (max-width: 1024px) {}

























@media (max-width: 900px) {

    .header-navigation {
        position: absolute;
        z-index: 3;
        width: 100%;

        top: 150%;
        left: 0%;
        transform: translateX(-150%);

        transition: transform 1s ease;
    }

    .header-navigation.is-open {
        transform: translateX(0%);
    }

    .header-navigation-list {
        flex-direction: column;
        gap: 10px;

        background-color: black;

        padding: 30px 20px;
        border-radius: 8px;
    }

    .header-navigation-list > li {
        padding: 20px 30px;
        border-radius: 4px;
    }

    .header-navigation-list > li:hover {
        background-color: #27272A;
        transform: translateY(0px);
    }

    .header-navigation-list > li > a {
        color: white;
    }

    .header-download-resume {
        position: absolute;
        z-index: 3;
        width: 100%;
        justify-content: center;

        background-color: #27272A;

        top: 0%;
        left: 0%;
        transform: translate(-150%, 700%);

        transition: transform 1s ease;
    }

    .header-download-resume.is-open {
        transform: translate(0%, 700%);
    }





    .header-navigation-burger {
        display: flex;
        flex-direction: column;
        gap: 7px;

        position: relative;

        width: 50px;
        height: 29px;
    }

    .header-navigation-burger > span {
        position: absolute;

        height: 4px;
        width: 50px;

        background-color: black;
        border-radius: 2px;

        transition: transform 1s ease;
    }

    .burg-l-one {
        top: 0;

        transform-origin: left center;
        transform: rotate(0deg) translate(0px, 0px)
    }

    .burg-l-one.is-open {
        top: 0;

        transform-origin: left center;
        transform: rotate(45deg) translate(0px, 0px)
    }

    .burg-l-two {
        top: 12.5px;
    }

    .burg-l-three {
        bottom: 0;
    }






    .bl-cont__wrap-l-one .l-one-sp__date {
        margin-left: 0;
    }

    .bl-cont__wrap-l-one svg {
        flex: 0 0 32px;
    }

    .bl-cont__wrap-l-one .l-one-sp__title {
        flex: 0 0 85%;
    }


    .bl-cont__wrap-l-one .l-one-sp__date {
        flex: 0 0 100%;
    }







    .mytestiminial {
        gap: clamp(25px, 8vw, 92px);
    }

    .mytestiminial-bl-wrap {
        flex-direction: column;
        align-items: center;

        gap: 29px;
    }
}






















/* планшет вертикально */
/* планшет вертикально */
/* планшет вертикально */
/* планшет вертикально */
@media (max-width: 768px) {

    .aboutme-title {
        margin-top: 0px;
    }

    .title-information {
        font-size: clamp(24px, 7vw, 48px);
        line-height: clamp(24px, 7vw, 48px);
        gap: clamp(16px, 4.5vw, 32px);
    }

    .title-information__line-two {
        height: clamp(24px, 7vw, 48px);
        gap: clamp(6px, 3vw, 21px);
    }

    .inf-l-two__sp > svg {
        height: clamp(24px, 7vw, 51px);
        width: clamp(122px, 33vw, 254px);

        min-height: 24px;
        min-width: 122px;

        max-height: 51px;
        max-width: 254px;
    }





    .aboutme-person {
        container-type: inline-size;
    }

    .person-wrap {
        max-width: 270px;
        max-height: 350px;

        transform: translateX(clamp(13cqw, 13cqw, 15cqw));
    }

    .person-wrap .person-head {
        width: 11%;

        transform: translate(238%, 0.5%);
    }

    .person-wrap .person-body {
        width: 32%;

        transform: translate(54%, -45%);
    }

    .person-wrap .person-body-el__one {
        height: 22%;

        left: 50.5%;
        top: 51%;
    }

    .person-wrap .person-body-el__two {
        width: 32%;
        height: 40%;

        transform: translate(-46%, -67%);
    }

    .person-wrap .person-hand {
        width: 38%;
        height: 42%;

        transform: translate(-30%, -59%);
    }

    .person-wrap .person-laptop {
        width: 54%;
        height: 19%;

        transform: translate(-77%, -21%);
    }

    .person-wrap .person-legs {
        width: 50%;
    }

    .aboutme-line {
        top: 315px;;
    }






    .aboutme-inform-bl-left__person {
        height: 100%;

        min-width: 295px;
        min-height: 366px;
    }




    

    .aboutme-inform-bl-right__inform {
        gap: clamp(40px, 4vw, 50px);
    }


    .inp-talks-r h1 {
        font-size: clamp(28px, 5.5vw, 48px);
        line-height: clamp(28px, 5.5vw, 48px);
        gap: clamp(12px, 3.5vw, 28px);
    }

    .inp-talks-r h1 span > svg  {
        height: clamp(28px, 4.5vw, 38px);
        width: clamp(70px, 4.5vw, 103px);
    }
}







@media (max-width: 666px) {

    .myskill {
        gap: clamp(46px, 12vw, 90px);
    }
    .myskill h1,
    .myskill-sp-eb {
        font-size: clamp(28px, 7vw, 48px);
        line-height: clamp(28px, 7vw, 48px);
    }

    .myexpirience {
        gap: clamp(46px, 12vw, 81px);
    }

    .myexpirience h1,
    .myexpirience-sp-eb {
        font-size: clamp(28px, 7vw, 48px);
        line-height: clamp(28px, 7vw, 48px);
    }

    .bl-cont__wrap-l-one .l-one-sp__title {
        font-size: clamp(20px, 7vw, 24px);
    }




    .aboutme-inform {
        padding: clamp(0px, 7vw, 60px) 0px 60px 0px;
    }


    .myprojects-bl-crypto,
    .myprojects-bl-euphoria,
    .myprojects-bl-blog {
        display: flex;
        gap: clamp(30px, 10vw, 71px);
    }
}

















@media (max-width: 570px) {
    .bl-cont__wrap-l-one .l-one-sp__title {
        flex: 0 0 73%;
    }


    .aboutme-inform-bl-left__person {
        max-height: clamp(516px, calc(50vw + 300px), 572px);
    }



    .inp-talks-l > .wrap-inp-name > label {
        left: 25px;

        transform: translate(0%, -50%);
    }

    .inp-talks-l > .wrap-inp-email > label {
        left: 25px;

        transform: translate(0%, -50%);
    }

    .inp-talks-l > .wrap-inp-site > label {
        left: 25px;

        transform: translate(0%, -50%);
    }

    .inp-talks-l > .wrap-inp-message > label {
        left: 25px;

        transform: translate(0%, -255%);
    }


    .wrap-talks-btn {
        flex-direction: column;
    }

    .wrap-talks-btn button {
        align-self: flex-start;
        height: 56px;
    }
}






/* телефоны */
/* телефоны */
/* телефоны */
/* телефоны */
/* телефоны */
/* телефоны */
@media (max-width: 480px) {

    .aboutme-social-btns {
        gap: clamp(10px, 5vw, 32px);
    }

    .myskill-blocks {
        grid-template-columns: repeat(auto-fit, minmax(135px, 180fr));
    }

    

    .mytestiminial h1 {
        font-size: clamp(28px, 10vw, 48px);
        line-height: clamp(28px, 10vw, 48px);
    }



    .footer-logotype {
        gap: clamp(10px, 3vw, 20px);
    }

    .footer-copyright {
        font-size: clamp(12px, 3vw, 16px);
        line-height: clamp(12px, 3vw, 16px);
    }

    .footer-logotype__text {
        font-size: clamp(14px, 3vw, 20px);
        line-height: clamp(14px, 3vw, 20px);
    }
}















@media (max-width: 360px) {}