/* #region -media queries */

@media(max-width: 1388px){

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


}

@media(min-width:1200px) and (orientation:landscape){

}

@media(max-width: 968px) and (min-width:400px){


/* #region about */
.about{
    height:auto; 
 }

 .about  .content-left{

    padding: 5rem 5rem 2rem 1rem;
   }



/* #endregion about */


/* #region services */
.services{

    height: auto;
    background-color:var(--KRGWhite);  
    margin-bottom: 30px;
    margin-top: -200px;

}
/* #endregion services */
  


}

@media(max-width: 400px) and (min-width:350px){
}


@media(max-width: 768px){


    header #menu{
        display: block;
    }
    header #menu1{
        display: block;
    }

    header .navbar{
        position: fixed;
        top:-120%; 
        left: 0;
        width: 100%;
        /* Below is hamburger dropdown */
        background: var(--orange);
        opacity: 1;
    }

    header .navbar ul{
        flex-flow: column;
        padding: 2rem;
    }

    header .navbar ul li{
        width: 100%;
        text-align: center;
    }

    header .navbar1 ul li{
        width: 100%;
        text-align: center;
        list-style-type: none;
    }

    header .navbar ul li a{
      display: block;
      background: var(--KRGWhite);
      margin: 1rem 0;
      padding: 1rem;
      font-size: 2.5rem;
      z-index: 0;
    }

    header .navbar1 ul li a{
        display: block;
        background: var(--KRGWhite);
        color: var(--orange);
        margin: 0rem 0;
        padding: 0rem;
        font-size: 1.5rem;
        z-index: 0;

      }

    header .navbar ul li a::before{
        height: 100%;
        bottom: 0;
        z-index: -1;
        background: var(--KRGLight);
    }

    .fa-times{
        transform: rotate(180deg);
    }

    header .navbar.nav-toggle{
        top: 7.4rem;
    }


/*     .material-text{
        display:grid;
        gap: 2rem;
        grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
       } */

}
/* 
@media(max-width: 550px){


}

@media(max-width:480px){

   
}
 */
/* #endregion -media queries */