@media (max-width:1199px) {
  
     /* *********************navbar section****************** */
     nav .cntnr {
        padding-inline: 5px 10px;
    }
    nav .nav-div-logo {
        width: 235px;
        height: 60px;
        min-width: 235px;
    }
    nav .nav-div-1flex {
        width: 1010px;
        max-width: 1010px;
    }
    nav .nav-div-menu {
        width: 700px;
    }
    nav a {
        padding: 0;
    }
    



       /* *********************DESIGN 9 from OJt****************** */
       #DESIGN9 .cntnr>div:nth-child(1), #DESIGN9 .cntnr>div:nth-child(2) {
        width: 485px;
    }



    
    /* *********************DESIGN 11 from  smart-ceos****************** */
    #DESIGN11 .cntnr {
        width: 970px;
    }
    #DESIGN11 .subsection_cntnr {
        width: 970px;
        height: 391.6px;
    }
    #DESIGN11 .subsection_img {
        width: 485px;
        height: 333.14px;
    }
    #DESIGN11 .subsection_txt {
        width: 485px;
        height: 391.6px;
    }

    
/* *****************************   PNB    ************************************* */

.PNBtitle{
    width:100%;
}


/* *****************************  JobSearch ************************************* */

.JobSerchtitle{
    width:100%;
}


    /* *********************DESIGN 10 clients****************** */
    #DESIGN10 .cntnr {
        width: 970px;
    }
    #DESIGN10 .cntnr>div:nth-child(2) {
        /* width=173.38*4;  to be enought to view 4 of the clients */
        width: 693.52px;
    }
    #DESIGN10 .items-track {
        /* width=173.38*5; to contain the 5 of the client */
        width: 866.9px;
    }
    #DESIGN10 .items-track>div {
        width: 173.38px;
        height: 124.55px;
    }
 
    /* *********************deg****************** */
    #degree .cntnr>div {
        width:50%;
    }
        #degree .cntnr>div:nth-child(2){
            order:3;
        }
    
    }
    
@media (max-width:991px) {
    .prnt::before{
        left: 6.2%;
    }
     .prntAR::before{
        right:   6.2%;
    }
     :root {
        --numClntTrackMoves: 2;
    }

     /* ***********************  NavBar Section  ************************** */
     nav {
        height: 60px;
    }
    nav .cntnr {
        position: static;
    }
    nav .nav-div-menu {
        display: none;
    }
    nav .nav-div-btn {
        display: flex;
    }    

       /* *********************DESIGN 9 from OJt****************** */
       #DESIGN9 .cntnr>div:nth-child(1), #DESIGN9 .cntnr>div:nth-child(2) {
        width: 375px;
    }




     /* *********************DESIGN 11 smart-ceos****************** */
     #DESIGN11 .cntnr {
        width: 750px;
    }
    #DESIGN11 .subsection_cntnr {
        width: 750px;
        height: 853.3px;
    }
    #DESIGN11 .subsection_img {
        width: 750px;
        height: 509.7px;
    }
    #DESIGN11 .subsection_txt {
        width: 750px;
        height: 343.6px;
    }

    /********************* about section  **************************************** */
    .aboutCntnr {
        flex-wrap: wrap;}
        
            .about-div-3item {
                width: 85%;
                min-width: auto;
                margin-bottom: 30px;
            }
            .about-div-4item {
                width: 85%;
                max-width: none;
                min-width: auto;
            }

    /* *********************DESIGN 10 Clients****************** */
    #DESIGN10 .cntnr {
        width: 750px;
    }
    #DESIGN10 .cntnr>div:first-child,
    #DESIGN10 .cntnr>div:nth-child(2) {
        width: 100%;
    }
    #DESIGN10 .cntnr>div:nth-child(2) {
        /* width=173.38*4;  to be enought to view 4 of the clients */
        width: 956px;
        height: 342.65px;
    }
    #DESIGN10 .items-track {
        /* width=173.38*5; to contain the 5 of the client */
        width: 1195px;
    }
    #DESIGN10 .items-track>div {
        width: 239px;
        height: 171.33px;
    }
  
    /* ************************** */
    .MsgCEO {
        padding-top: 60px !important;
    }

    .MsgCEO .cntnr {
        width: 100%;}

    .MsgCEO .cntnr>div:nth-child(1) {
        min-width: 430px;
    }

    .MsgCEO .cntnr img {
        width:320px;
        min-width: 320px;
        } 
   







    



/* ****************** section Job Search and Find**************************** */
.prnt.row {
    justify-content: center;
}

.prnt .col-md-8{
 text-align: center;
}



.JobSerch .col-md-6 {
     padding-block-end: 50px;
 }


.JobSerch .col-md-6 h3{
 margin-block-end: 0;
}    }

@media (max-width:768px) {
    .prnt::before{
        left: 40%;
    }
    .prntAR::before{
        left:   40%;
        right: auto;
    }
     
    .btncrslRead,
.btncrslReg{  
    font-weight: 100;
    font-size: 1.0rem;
    padding: 1rem;
    opacity: 0;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
    line-height: 22px;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 11.5px;
    border-style: solid;
    border-width: 2px;
    margin: 0px;
    border-radius: 0px;
    padding: 7px 5px;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    width: 90px;
    text-align: center;
    padding-block: 7px;
    margin-inline: 15px;
}
    .crslh2{
        font-size: 16px;
    }
    
    :root {
        font-size: 15px;
    }
   
    /* section Slider
        *************************** */
    #DESIGN8 {
        height: 70vh;
    }
    #DESIGN8 .overTitle {
        min-width: 550px;
    }
    #DESIGN8 h5 {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 2px;
    }

    #DESIGN8 h1 span {
        font-size: 40px;
        line-height: 45px;
        font-weight: 600;
    }

    #DESIGN8 h2 span {
        font-size: 35px;
        line-height: 40px;
        font-weight: 600;
    }

    
    #DESIGN8 p {
        width: 580px;
    }
    


       /* *********************DESIGN 9 from OJt****************** */
       #DESIGN9 .cntnr>* {
        padding: 2.5em 0;
    }
    #DESIGN9 .cntnr>div:nth-child(1), #DESIGN9 .cntnr>div:nth-child(2) {
        width: 100%;
        min-width: auto;
    }

  
    #DESIGN9 h3 {       
        font-size: 4.6vw;
    }

 /* *********************DESIGN 11 from smart-ceos****************** */
 #DESIGN11 .cntnr {
    width: 100%;
}
#DESIGN11 .subsection_cntnr {
    width: 100%;
    height: auto;
}
#DESIGN11 .subsection_img {
    width: 100%;
    height: auto;
}
#DESIGN11 .subsection_txt {
    width: 100%;
    height: 343.6;
}




    /****************** DESIGN10  clients section ****************************/
    #DESIGN10 .cntnr {
        max-width: 100%;
    }
    #DESIGN10 .cntnr>div:nth-child(2) {
        /* width=173.38*4;  to be enought to view 4 of the clients */
        width: 90vw;
        height: 300px;
    }
    #DESIGN10 .items-track {
        /* width=173.38*5; to contain the 5 of the client */
        width: 150vw;
    }
    #DESIGN10 .items-track>div {
        width: 30vw;
        height: 150px;
    }
  
    
     /* *********************MSG CEO ****************** */

     .MsgCEO {
        height: auto;
    }

    .MsgCEO .cntnr {
        flex-wrap: wrap;
    }

    .MsgCEO .cntnr>div:nth-child(1) {
        width: 100%;
    }

    .MsgCEO .cntnr>div:nth-child(2) {
        width: 60%;
        max-width: 100%;
        height: auto;
    }
    
    .MsgCEO .crt{
        top:30%;
    }
  
    
    /* *********************deg****************** */
    #degree .cntnr>div {
        width:80%;
    }

    #degree .cntnr>div:nth-child(1){
        order:1;
    }
    #degree .cntnr>div:nth-child(2){
        order:2;
    }
    #degree .cntnr>div:nth-child(3){
        order:3;
    }
    

    /* OVERLAY */
    .popup-img img {
        width: 80%;
    }


}