@media screen and (min-width: 550px) and (max-width: 828px) {

  .div_tittle {
    font-size: calc(var(--font-base_sz) + 1.5vw);
  }


  #firstSec {
    flex-wrap: wrap;
  }


  #firstSec>*:nth-child(2) .div_tittle {
    font-size: calc(var(--font-base_sz) + 0.6vw );
  }


  
  #Event {
    animation-range: exit 100px;
    font-size: calc(var(--font-base_sz) + 1vw);
    word-break: break-all;
  }

  .wrapper svg text {
    font-size: 3vw;
    font-family: Arial, Helvetica, sans-serif;
  }



  #ThirdSec {
    flex-wrap: wrap;

  }

  #ThirdSec>*:nth-child(2) {
    margin-top: 4vw;

  }


}




@media screen and  (max-width: 549px)
{

 


  .div_tittle {
    font-size: calc(var(--font-base_sz) + 1.7vw);
  }


  #firstSec {
    display: block;
  }
  

  #firstSec>*:nth-child(1) {
    height: 55vw;
    
  }

  #firstSec>*:nth-child(2) {
    margin-top: 45px; /*svg hheight */
    height: 66vw;
  }


  .Notice_container {
  flex-wrap: wrap;
  gap:8%;
   } 

   .wrapper svg text {
    font-size: 3vw;
 /*   font-stretch: condensed; */
    font-family: Arial, Helvetica, sans-serif;

  }

.wrapper {
    transform: translateY(calc( -66vw - 45px));
  }

  #Event {
    animation-range: exit 100px; 
    font-size: calc(var(--font-base_sz) + 1.1vw);
     word-break:break-all;
  }
   
  #SecondSec  {
    margin-top: -2vw;
  }
  

  #ThirdSec {
    flex-wrap: wrap;
   
  }


  #ThirdSec > *:nth-child(2) {
    margin-top: 4vw;
 }
 
 

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

  #firstSec>*:nth-child(2) {
   height: 82vw;
  }


  .wrapper {
    transform: translateY(calc( -82vw - 45px));
  }

  #ThirdSec > *:nth-child(2) {
    flex-wrap: wrap;
  }


 #imp_links {
  margin-top: 4vw;
 }
  
 .map_location { 
  width: 40%; 
  height: 80px;
} 


#contact_frm input,textarea {
  padding: 5px 5px;
  font-size: 14px;
}


}

}