@media(min-width:400px) { /*ถ้าหน้าจอใหญ่กว่า 400px หน้าจอใหญ่*/
.container {
	/*width: 100%;*/
    margin-left: auto;
    margin-right: auto;
	/*height: 100px;*/
	}
.topnav {
    top: 0;
    left: 0;
    /*height: 30px;*/
/*    background: #09612E;  */ 

 
	
   /* position: fixed;*/
    width: 100%;
    padding-top: 4px;
    /*z-index: 9999;*/
    /*border-bottom: 1px solid #ED008C;
		*/
	
   
    color: #fff;
	/*font-size: 12px;*/
    color: #777;
    font-weight: 300;
	
}


.topnav .container ul {
    list-style: none;
    color: rgb(218, 201, 201);
    margin: 0;
    margin: 0;
    padding: 5px;
	color: #fff;
	/*width:100%;*/

}
.topnav .container ul > li {
    float: left;
    /*line-height: 10px;*/
	margin-right: 10px;
}

.topnav .container ul > li a i {
    border-radius: 10px;
    font-size: 20px !important; 
    margin-top: -5px;
    width: 30px;
    /* height: 30px; */
    color: #fff;
	text-align: center;
}
.topnav .container .pull-right a {
    font-size: 20px;
    margin-top: -10px;
    width: 30px;
    height: 30px;
    color: #fff;
}
.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands";
    font-size: 25px !important;
}
.fa-solid, .fas {
    font-weight: 900;
    font-size: 25px !important;
}

}