/* Break 1390 */
    @media screen and (max-width: 1390px) {
        .Navbar-Container {
            width: 88%;
        }
        .HeroSection-Wrapper{
            width: 88%;
        }
    }
/* ................................. */

/* Break 1280 */
    @media screen and (max-width: 1280px) {
        /* Navbar */
            .Navbar-Container {
                width: 88%;
            }
            .Menu {
                display: none;
            }
            .Menu-Burger {
                display: block;
            }
        /* ....................... */
        
        /* HeroSection */
            .HeroSection-Wrapper{
                height: 100dvh;
                max-height: 732px;
            }
            .Hero-Tof1{
                width: 483px;
            }
            .Hero-Tof2{
                width: 288px;
            }
        /* ....................... */
    }
/* ................................ */

/* Break 1186 */
    @media screen and (max-width: 1186px) {
         /* HeroSection */
            .HeroGrp-Left{
                scale: 0.8;
                margin-left: -52px;
            }
            .Hero-Tof1{
                width: 430px;
            }
            .Hero-Tof2{
                width: 258px;
            }
        /* ............ */

        /* Section 3 */
            .Services-Box{
                flex-direction: column;
                align-items: center;
                gap: 0px;
            }
            .Services-Box-img{
               height: 476px;
            }
            .Services-TextBloc{
                border-top: 1px dashed var(--Black-01);
                border-left: 0px dashed var(--Black-01);
                padding-top: 20px;
                padding-left: 0;
            }
        /* ......... */

        /* Footer */
            .Footer-Wrapper{
                flex-direction: column;
                align-content: center;
                align-items: center;   
            }
            .Contacts{
                align-items: center;
            }
            .Contacts-Box{
                align-items: center;
            }
            .Contacts-Grp{
                align-items: center;
            }
        /* ...... */
    }
/* ................................ */

/* Break 998 */
    @media screen and (max-width: 998px) {
        /* HeroSection */
            .HeroSection-Wrapper{
                max-height: 576px;   
            }
            .HeroGrp-Left{
                padding-bottom: 0px;
                padding-top: 84px;
                margin-left: -35px;
            }
            
            .Hero-Tof1{
                width: 354px;
            }
            .Hero-Tof2{
                width: 210px;
                right: 193px;
            }
        /* ....................... */

        /* Section 2 */
            .Section2-Grp{
                width: 78%;
            }
        /* ....................... */
    }
/* ................................ */

/* Break 780 */
    @media screen and (max-width: 780px) {
        /* HeroSection */
            .HeroSection-Wrapper{
                max-height: 86dvh;   
            }
            .HeroGrp-Left{
                margin-left: 2px;
                /* padding-bottom: 400px; */
                scale: 1;
            }
            .HeroGrp-CTA{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
            }

            .Hero-Tof1{
                width: 464px;
                right: -150px;
            }
            .Hero-Tof2{
                width: 264px;
                right: 70px;
            }
        /* ....................... */
    }
/* ................................ */

/* Break 600 */
    @media screen and (max-width: 600px) {
        /* HeroSection */
            .HeroGrp-Left{
                margin-left: -26px;
                scale: 0.8;
            }

            .Hero-Tof1{
                width: 338px;
                right: -89px;
            }
            .Hero-Tof2{
                width: 202px;
                right: 88px;
            }
        /* ....................... */

        /* Section 2 */
            .Section2-Grp{
                width: 78%;
                align-items: flex-start;
                gap: 22px;
            }
            .Section2-Grp p{
                text-align: left;
                text-wrap: balance;
            }
        /* .................... */

        /* Section 3 */
            .Section3-Wrapper{
                gap: 26px;
            }
            .Sec3TitleGrp{
                width: 435px;
            }
            .Sec3-P {
                font-size: clamp(0.800rem, 0.97vw, 1rem);
            }
            .Grp-BtnServices{
                scale: 0.8;
            }
            .Services-TextBloc{
                scale: 0.8;
                margin-top: -70px;
                width: 410px;
            }
        /* ......... */

        /* Footer */
            .Contacts-RS{
                flex-direction: column;
            }
        /* ...... */
    }
/* ................................ */

/* Break 480 */
    @media screen and (max-width: 480px) {
        /* HeroSection */
            .HeroSection-Wrapper{
                max-height: 96dvh;   
            }
            .HeroGrp-Left{
                margin-left: -21px;
                scale: 0.7;
                padding-bottom: 182px;
            }

            .HeroGrp-Right{
                scale: 0.87;
            }

            .Hero-Tof1{
                width: 283px;
                right: -80px;
            }
            .Hero-Tof2{
                width: 166px;
                right: 66px;
            }
        /* ....................... */

        /* Section 2 */
            .Section2-Grp{
                width: 82%;
            }
        /* .......... */

        /* Section 3 */
            .Sec3-P {
                font-size: clamp(0.840rem, 0.97vw, 1rem);
                scale: 0.8;
            }
            .Services-Container{
                margin-top: -30px;
                gap: 2px;
            }
            .Grp-BtnServices{
                width: auto;
            }
        /* ......... */
    }
/* ................................ */

/* Break 375 */
    @media screen and (max-width: 375px) {
        /* HeroSection */
            .HeroGrp-Left{
                margin-left: -21px;
                scale: 0.7;
                padding-bottom: 216px;
            }
            .HeroGrp-CTA{
                scale: 1.09;
            }

            .HeroGrp-Right {
                scale: 1;
            }

            .Hero-Tof1{
                width: 243px;
            }
            .Hero-Tof2{
                width: 146px;
                right: 46px;
            }
        /* ............ */

        /* Section 2 */
            .Section2-Wrapper{
                padding: 54px 0px;
            }
        /* ......... */

        /* Section 3 */
            .Section3-Wrapper{
                padding-bottom: 30px;
            }
            .Sec3TitleGrp {
                width: 366px;
            }
            .Sec3-P {
                font-size: clamp(0.840rem, 0.97vw, 1rem);
            }
            .BtnServices-Container{
                padding-top: 0px;
            }
            .Services-Grp{
                justify-content: center;
            }
            .Service-view{
                margin-top: -98px;
            }
            .Services-Box-img {
                height: 326px;
            }
            .Services-TextBloc{
                width: 416px;
                scale: 0.7;
            }
            .Services-TextBloc>a{
                scale: 1.3;
                margin-left: 45px;
            }

        /* ......... */
    }
/* ................................ */