/* Large devices (laptops/desktops, 1200px and up) */
    @media only screen and (max-width: 1460px) {/* display image */
  
    .ft_logo{
        width: 88%;
    }
    .sommet_studio {
        font-size: 137px;
    }
    .menu-box .menu-links li a, .menu-box .menu-links li a:hover, .menu-box .menu-links li a:focus {
        font-size: 24.8pt;
    }
    .rotat {
        color: red;
     }
     .display{
        display: none;
    }
    .display_fc{
        display: contents;
    }
    .text_rotation {
        font-size: 180px;
        margin-left: 149px;
        margin-top: 79px;
        margin-bottom: 60px;
    }
    .padding_contact {
        padding-left: 0;
        padding-right: 0;
    }

   

    }

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

        .col_mob{
            text-align: center;
        }
        .title_h1_studio {
            font-size: 259px !important;
        }
        .project-area {
            padding: 50px 50px 50px 50px;
        }

         /* intro */
         #logo {
            width: 86%;
        }
        .text_rotation {
            margin-left: 30px;
        }
        .padding_services {
            padding-left: 0 !important; 
           padding-right: 5.5% !important;
       }

     }

     @media only screen and (max-width:992px){
        .ft_logo {
            width: 40%;
        }
    .footer_section{
        text-align: center;
    }
    .title_h1_studio {
        font-size: 244px !important;
    }
    .menu-box .menu-links li a, .menu-box .menu-links li a:hover, .menu-box .menu-links li a:focus {
        font-size: 13.8pt;
    }
     /* intro */
     #logo {
        width: 86%;
    }
     }



     @media only screen and (max-width:775px){
        .project-area {
         text-align: center;
        }
        .title_h1_studio {
            font-size: 177px !important;
        }
        .padding_services {
            padding-left: 0 !important; 
             padding-right: 0 !important; 
        }
        .sommet_studio {
            font-size: 64px;
        }
        .padding_services .text_desc {
            font-size: 36px;
        }

        .menu-box .menu-links li a, .menu-box .menu-links li a:hover, .menu-box .menu-links li a:focus {
            font-size: 7.8pt;
        }
        .phone_section {
            padding: 70px 75px;
        }
        .padding_contact {
            padding-left: 0;
            padding-right: 0;
        }

         /* intro */
         #logo {
            width: 86%;
        }
     }

     @media only screen and (max-width:600px){
        .pad_120 {
            padding: 32px;
        }
        .text_rotation {
            font-size: 165px;
            margin-left: 11px;
        }
        .title_h1_studio {
            margin-bottom: 5pc;
            margin-top: 12pc;
            font-size: 136px !important;
        }
        .menu-box .menu-links {
            display: inline-block;
        }
        .menu-box .menu-links li a, .menu-box .menu-links li a:hover, .menu-box .menu-links li a:focus {
            font-size: 11.8pt;
            padding: 0; 
            border-right: 0;
            line-height: 39pt;
        }
        .lancer_video {
            font-size: 70px;
        }
        .sommet_studio {
            font-size: 48px;
        }

        /* intro */
        #logo {
            width: 86%;
        }

        /* LOGO */
        .menu-icon, .menu-close-icon {
            left: 26px;
        }
        .menu-logo-studio {
            right: 25px;
        }
        .lancer_video img{
            display: none;
        }
     }

     @media only screen and (max-width:414px){
       .ic_plus{
           width: 28px;
       }
       .title_h1_studio {
        font-size: 87px !important;
        }
        .button-group{
            font-size: 12px;
            text-align: start;
        }
        .project-area {
            padding: 50px 10px 50px 10px;
        }
        .project-area .button-group button + button {
            padding-left: 1rem;
        }
        .footer_section {
            padding: 20px;
        }
        .lancer_video {
            font-size: 39px;
        }
        .lancer_video img{
            display: none;
        }
        .padding_services .text_desc {
            font-size: 26px;
        }
        .numer {
            font-size: 150px;
        }
        .num{
            display: none;
        }
        .hide{
            display: none;
        }
        .padding_services {
            padding-left: 23px !important;
            padding-right: 23px !important;
        }
        .margin_top_bottom{
            margin-top: 0;
            margin-bottom: 0;
        }
        .section_studio_services {
            padding: 34px 0px;
        }
        .sommet_studio {
            font-size: 36px;
        }
        .ft_logo {
            width: 52%;
        }
        .phone_section {
            padding: 70px 55px;
        }
        .section_studio_contact {
            padding: 48px;
        }
        .cf_div {
            padding: 0 40px 55px;
        }
        .cf_div h1{
            font-size: 30px;
        }
        .display{
            display: none;
        }
        .display_fc{
            display: contents;
        }
        .text_rotation {
            line-height: 60px;
            font-size: 74px;
            letter-spacing: -0.03em;
            text-align: left;
            margin-left: 0px;
            margin-top: 56px;
        }
        .phone_section a {
            font-size: 49px;
        }
        /* home */
        .bottom-links {
            bottom: 0;
        }
        .big_one {
            font-size: 36px;
        }
        

        /* intro */
        #logo {
            width: 85%;
        }
     }

     @media only screen and (max-width:375px){
        .lancer_video {
            font-size: 43px;
        }
        .title_services {
            font-size: 34px;
        }
        .text_rotation {
            font-size: 71px;
        }
        .cf_div h1 {
            font-size: 26px;
        }
        .studio_svg h1 {
            font-size: 59px;
            line-height: 55px;
        }

        .bottomtext {
            bottom: 1px;
            padding: 40px 6px;
            width: 100%;
            align-items: center;
        }
        .bottomtext li {
            padding: 0px 23px;
        }
        .bottom-links li label, .menu-links li a, .menu-links li a:hover {
            font-size: 11.2pt;
        }
        .phone_section {
            padding: 45px 33px;
        }
        /* home */
        .bottom-links {
            bottom: 0;
        }
        .big_one {
            font-size: 30px;
        }


        /* intro */
        #logo {
            width: 85%;
        }
        .lancer_video img{
            display: none;
        }

      }