@media (max-width:430px){


header{height:50vh;}
#nav{display: none;}
#nav2{display: block;}
.navbar2{display: flex;
flex-direction: column;background-color: transparent;}
.burger2,.social2,.menu2{font-size:6vw;justify-items: center;}
.navbar2 .upmenu:hover .submenu{display:flex;}
.navbar2 .upmenu:hover .submenu li a{background-color: transparent;}
.navbar2 .m1:hover ~.m2{margin-top:40px}

.hungs{width:60%;font-size:6vw;margin:20px;font-weight:lighter;display:block;}
.hungp{width:40%;font-size:6vw;margin:20px;font-weight:bold;line-height:36px;}
.hunga{width:40%;font-size:5vw;margin:20px;text-align:center;}
.catbox{display:grid;grid-template-columns: repeat(2,1fr);width: 50%;}
.catitem{border:2px solid #A23BEC;border-radius:5px;padding:10px;margin:10px}

.meet .content{display: flex;flex-direction: column;}
.meetbox{width: 100%;border-radius: 10px;}
.ma1{padding: 10px 0;margin-bottom:8px ;}
.mb1 .p1{font-size: 7vw; width: 100%;}
.mb1 .p2{font-size: 3.2vw; width: 100%;}
.mb1 span{font-size: 6vw; width: 20%;}
.mb1 .meeta{width:30%;font-size:4.5vw; padding:3px;border-radius:10px;}

.ma2 {display: grid;gap:15px} 
.ma2 .item{border-radius: 10px;margin-bottom: -14px;}
.ma2 .p1{font-size: 4vw; width: 50%;}
.ma2 .p2{font-size: 2.9vw; width: 100%;}
.ma2 span{font-size: 4.5vw; width: 20%;display:block;text-align: center;}
.ma2 .meeta{width:30%;font-size:4vw;text-align:center;padding:3px;
  height: 30px;margin-left: 10px;margin-bottom: 10px;}



}








@media (min-width:1200px) {
}
@media (min-width:576px) and (max-width:991px) {
}