/*<>PHONE (pp)
---------------------------------------------------------------------------------------------*/
@media (max-width: 479px) {


  }
@media (min-width: 480px) {
  html {
    font-size: 14px;
  }

  button, .button{
    font-size: 0.85rem;
  }

  .hero .head {
      font-size: 4rem;
    }

  .hero .subhead {
    font-size: 1.75rem;
  }

  .helpdesk {
    
    font-size: 0.85rem;
      
  }

  .footer .content .element {
    width:49%;
  }


}
/*<> WIDE PHONE (wp) 
---------------------------------------------------------------------------------------------*/
@media (max-width: 639px) {


    .option .item .background {
      display: none;
    }

    .panel .wrapper .block {
      margin-bottom: 2rem;
    }

    .panel .wrapper .block:last-of-type {
      margin-bottom: 0;
    }

  }
@media (min-width: 640px) {

html {
    font-size: 16px;
  }


  .site-mast .site-intro h2 {
    font-size: 4.5rem;
  }


    .cards .card{
      width:49%;
    }

     .highlight .cols-2 .column{
      width:47.5%;
     }

     .highlight .cols-3 .column{
      width:30%;
     }


  
}
/* <>TABLET (tt) 
---------------------------------------------------------------------------------------------*/
@media (max-width: 759px) {
    
  }
@media (min-width: 760px) {
  html {
    font-size: 18px;
  }


   .home .panel .services {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: top;
  }


  .home .services .element {
    width: 31%;
    margin-left: 2%;
  }
  

  footer .site-links .wrapper > div {
    flex:1;
    flex-grow: 1;
    margin-right: 3%;
    padding-left:4%;
   
  }

  footer .site-links .wrapper > div:first-of-type {
    padding-left:0;
    border-left: 0;
  }

  footer .site-links .wrapper > div:last-of-type {
    margin-right: 0;
  }


  .site-branding .wrapper {
    justify-content: left;
  }

  .site-branding .wrapper > div {
    width:50%;
    display: flex;
  }

  .site-branding .wrapper > div.site-phones {
    justify-content: flex-end;
  }

   .site-branding .wrapper > div.site-logo {
    justify-content: flex-start;
  }


   .site-navigation .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
   }


   .partners .partner {
      width:49%;
    }


    .helpdesk .block {
    width: fit-content;
    
    }


    .panel .sector {
      width: 50%;
      max-width: 720px;
    }

    .panel .sector.bgimage {
      padding-top: 0;
      margin-bottom: 0;
    }

     .panel.split {
      overflow: visible;
      position: relative;
      justify-content: unset;
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap;
     }

     .panel.split .sector {
      width:49%;
      overflow: visible;
     }


      .panel.split .sector.background:before {
        content: '';
        display: block;
        padding-top:80%;
      }

     .panel.split { 
      justify-content: center;
     }

     .panel.split .main .wrapper {
      padding-top: 6rem;
     }


    .panel.split:nth-child(odd) .content {
      padding-right:4rem;
    }


    .panel.split:nth-child(even) .content {
      padding-left:4rem;
    }


    .panel.split .bgimage {
      background-position: center 100%;
    }

    .panel.split:nth-child(even) .wrapper {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row-reverse;
    }

    .footer .content .element {
      width:revert;
      flex: 1;
    }

    .hero .content strong{
      font-size: 2rem;
    }



}


@media (min-width: 960px) { 


  html {
    font-size: 16px;
  }



  .points {
    column-gap: 2%;
  }

   .info .point {
    flex:1;
    width: 49%;
    max-width:49%;
    padding:2rem;
    padding-bottom:0;
    margin-bottom: 2rem;
    box-shadow: var(--box-shadow);
  }

  .points br {
    display: none;
  }

  .panel {
    display: flex;
    flex-wrap: wrap;
  }


  .panel.default {
    display: flex;
  }


  .members .member {
    width: 31.3%;
  }


  .experiences {
    display: flex;
    flex-wrap: wrap;
  }

  .experiences .experience {
    width:46%;
  }

  .wrapper {
    width:96%;
  }

  .home .news .main, .home .news .list {
    width: 50%;
  }

  .home .news .list {
    padding-top:2rem;
    padding-left: none;
  }

  .home .news .release {
    border-bottom: none;
  }

    .contact-details {
      display: flex;
      flex-wrap: wrap;
      column-gap: 2%;
     }

    .contact-details > div {
      width:65%;
      flex: revert;
     }

     .contact-details .contact-list {
      width:33%;
     }


     .hero.background:after {
        padding-top: 50%;
      }

     .hero .content {
        max-width: 75%;
     }

     .hero .content strong{
      font-size: 2.5rem;
    }




}



/* <>WIDE TABLET (wt) 
---------------------------------------------------------------------------------------------*/
@media (max-width: 1079px) {

    }

@media (min-width: 1080px) {


  html {
    font-size: 16px;
  }
  
 

  .site-mast .site-intro h2 {
    font-size: 5.5rem;
  }




  .about-us .capital .block .content {
    display: flex;
    flex-wrap: wrap;
  }

  .about-us .capital .block .content .element {
    margin:0;
    margin-left:2%;
    margin-bottom: 4rem;
    width:31%;
  }



  .project .info .about{
    width: 70%;
    padding-left:5%;
    margin: 0; 
  }

  .project .info .meta {
    width:30%;
    margin: 0; 

  }


  .single .post .row > div {
    width:50%;
  }

  .single .post .row:nth-child(odd) .content{
    padding-left: 2rem;
  }

   .list .listing {
    display: flex;
    flex-wrap: wrap;
  }

  .list .listing .set {
    width: 50%;
    position: relative;
  }


  .list .section:nth-child(even)  .listing .set.content {
    
  }

  .list .section:nth-child(odd)  .listing .set.content {
    
  }

  .primary ul li.homepage {
    display: inline-block;
  }


  .directors .members .member {
    width: 50%;
    margin: 0;
  }


   .site-mast h2 {
      font-size: 3rem;
  }


   .cells .cell {
      width:33%;
      
    }

    .cards .card{
      width:32%;

    }


}
/*<>DESKTOP (dd) 
---------------------------------------------------------------------------------------------*/
@media (max-width: 1199px) {


  }
@media (min-width:1200px ) {


 
  html {
    font-size: 18px;
  }


  .site-navigation .wrapper {
    border-bottom: 1px solid rgba(var(--dark), 0.1);
  }

 

  .services .service .wrapper >div {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
  }


  .site-mast .wrapper, .slide-content .wrapper {
    width: 96%;
  }



  



}
/* <>WIDESCREEN (wd) 
---------------------------------------------------------------------------------------------*/
@media (max-width: 1439px) {


  
@media (min-width: 1440px) {


    html {
      font-size: 20px;
    }


    .site-mast .site-intro h2 {
      font-size: 6.75rem;
    } 

    .list .item {
      width:23%;
    }

    .partners .partner {
      width:32%;
    }


    .cards .publication.card{
      width:23%;

    }

    
}

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


@media (min-width: 1600px) {

    html {
      font-size: 24px;
    }


    .panel.split .main {
      display: flex;
    }


    .panel.split:nth-child(even) .main {
      justify-content: right;
    }


    .panel.split:nth-child(odd) .main {
      justify-content: left;
    }



    .panel.split .main .wrapper {
      max-width: 720px;
      margin: 0;
    }

   

}

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


@media (min-width: 1920px) {

  

}

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


@media (min-width: 2320px) {


}

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


@media (min-width: 2600px) {


}

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



@media (min-width: 2880px) {

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

  
@media (min-width: 3200px) {



}