/* The mobile-first pre-defined media queries: ......................... */
/* xs */
/* @media (min-width: 475px) {} */

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

/* md */
/* @media (min-width: 768px) {} */

/* lg */
/* @media (min-width: 1024px) {} */

/* xl */
/* @media (min-width: 1280px) {} */

/* 2xl */
/* @media (min-width: 1536px) {} */



/* The desktop-first pre-defined media queries:  ......................... */
/* 2xl */
@media (max-width: 1536px) {}

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

/* lg */
@media (max-width: 1024px) {

  
}

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

/* sm */
@media (max-width: 640px) {

  .grid02-1 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 100%;
 
}

.grid03-1 {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 100%;
}

.grid03-1 .gd03 {
  margin: 20px auto;
  width: 100%;
  
}

.grid04-1 {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  margin-top: 20px;

}


.grid04-1 .gd04 {
  margin: 20px auto;
  width: 100%;
  
}


.grid04-1 h4 {
  margin: 10px auto; 
  
}

#section01 .section01-in {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 100%;
   
}


.grid40-60 {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns:100% ;
 
}

/*FOOTER START */
@media screen and (max-width: 360px) {
  .api-whatapp-chat-bottom { display:inline !important; position:fixed;   z-index:999; bottom:8px; right:8px; width:30px; height:30px; float:right; }
  .api-whatapp-chat-bottom img { width:80%;}
   .socialmedia li { 
    list-style: none;
    display: initial;
    margin-right: 19px; }                        
  .web-whatapp-chat-bottom { display: none !important;}

  
    }
    /*


/*MEDIA QUERY START MAX 480  -------------------------------- */

@media screen and (max-width: 480px) {
    .api-whatapp-chat-bottom { display:inline !important; position:fixed;   z-index:999; bottom:8px; right:8px; width:40px; height:40px; float:right; }
    .api-whatapp-chat-bottom img { width:80%;}
                             
    .web-whatapp-chat-bottom { display: none !important;}
  
    
      }
      /*


.right-center {
  text-align: center;
}
.left-center {
  text-align: center;
}


#section01 .section01-in {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 100%; 

} 
}



/* xs */
@media (max-width: 475px) {
    
.grid04-2 { display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49.5% 49.5%;
    gap: 1%; 
}

}/*media 475*/




/* Mobile container utility class:  ......................... */
.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* xs */
@media (min-width: 475px) {
  .container {
    max-width: 475px;
  }
}

/* sm */
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

/* md */
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

/* lg */
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

/* xl */
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

/* 2xl */
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

/* Desktop container utility class:  ......................... */
.container {
  max-width: 1536px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* 2xl */
@media (max-width: 1536px) {
  .container {
    max-width: 1280px;
  }
}

/* xl */
@media (max-width: 1280px) {
  .container {
    max-width: 1024px;
  }
}

/* lg */
@media (max-width: 1024px) {
  .container {
    max-width: 768px;
  }
}

/* md */
@media (max-width: 768px) {
  .container {
    max-width: 640px;
  }
}

/* sm */
@media (max-width: 640px) {
  .container {
    max-width: 475px;
  }
}

/* xs */
@media (max-width: 475px) {
  .container {
    width: 100%;
  }