@media (max-width: 600px) {
     :root {
        font-size: 12px;
        --numClntTrackMoves: 3;
        --numVideosTrackMoves:4;
    }
  
   

    /******************** section Slider *****************/
    #DESIGN8 {
        height: 60vh;
    }
    
    #DESIGN8 .overTitle {
        top:40%;
        width: 85%;
        min-width: 300px;
    }
   

    #DESIGN8 h1 {
        min-width: auto;
        text-align: center;
        margin: auto;
    }
    
    
    
    #DESIGN8 .slide h2 {
        min-width: 250px;
        width: 51vw;
        margin-bottom: 2rem;
        margin: auto;
    }
     
    #DESIGN8 .slide h2 span {
        font-size: 16px;
    }


   #DESIGN8 h1 span {
        font-size: 22px;
        line-height: 30px;
    }


     .crslh2{
        font-size: 16px;
    }

    #DESIGN8 p {
        font-size: 11px;
        line-height: 20px;
        width: inherit;
    }
    
    #DESIGN8 .slide4h5 span{
    font-size: 16px;
    }
    
    .btncrslRead,
    .btncrslReg{
        font-size: 0.9rem;
        width:100px;
        margin-inline: 5px;
        padding-block: 2px;
        padding-inline: initial;
            padding-block:3px;
    }

    #static {
    top:74%;
} 

    .btncrslRead a{
        font-size: 0.9rem;
    }




/* ************* section DESIGN11********************** */
#DESIGN11 .subsection_txt{
    height:auto;
}



    /************************section about *************/
     .about-div-3item {
        width: 95%;
    }
    .about-div-4item {
        width: 95%;
    }

    .half{
        width:100% !important;
    }
    /*************************** section clients *****************************/
    #DESIGN10 .cntnr>div:nth-child(2) {
        /* width=173.38*4;  to be enought to view 4 of the clients */
        width: 80vw;
    }
    #DESIGN10 .items-track {
        /* width=173.38*5; to contain the 5 of the client */
        width: 200vw;
    }
    #DESIGN10 .items-track>div {
        width: 40vw;
    }
    
    
  
    /* *******************Section MsgCEO  ****************************** */
    .MsgCEO .cntnr>div:nth-child(1) {
        min-width: 300px;
    }  

    .MsgCEO .crt{
        top:47%;
    }

    .MsgCEO .cntnr img {
        width: 70%;
        min-width: 50%;
        max-width: 300px;
        height: auto;
    }


    /* ******************* section Video for Responsive  ****************************** */
  
    .video .itemsContainer {
        width: 80vw;
    }
    .video .items-track{
        width:400vw;
    }  

    .video .items-track>div 
    {
        width: 80vw;
    }
    

        /***************************** Degree ***********************/
        #degree .cntnr>div {
            width:90%;
        }
    
        
        /******************************* POPUP *************************************/
        .popup-img img {
            position: fixed;
            z-index: 9999999999999;
            padding: 30px;

            
            width: 100vw !important;
            height: auto !important;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
        }

    }