@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');
#mobile_header{display: none;}
.img-logo-mobile{display: none; max-width: 33px;}
.img-logo-mobile img {width: 100%; margin: auto;}
.img-logo-desktop{max-width: 200px;}
.img-logo-desktop img{width: 100%; margin: auto;}
div#header{background: #E04E27; padding: 1em; position: fixed; width: 100%; z-index: 11; top: 0;}
div#header>.inner{width:99%; display: flex; justify-content: space-between; align-items: center;}
div#header .inner .img-logo{max-width: 200px;}
div#header .inner .img-logo img{width: 100%; margin: auto;}
/*div#header span{font-weight: 900; color: #FFDE59; font-size: 1.8em; text-shadow: 1px 1px 1px #000}*/
div#header .btn{padding-right:  40px;}
/*div#header button{background: transparent; color: yellow; border:none; border-radius: 2em; padding: 0 1em; font-size: 0.9em; font-family: 'Montserrat', sans-serif; font-weight: 600; margin-left: 15px;}*/
div#header i {font-size: 1.2em;}
div#header a {color: white; text-decoration: none;}
div#header a:hover {color:#DDDB00 }
div#desktop ul{font-size: 0.8em;}

@media (max-width: 768px){
	#mobile_header{display: block;}
	#desktop{display: none;}
	
	div#header{ padding-top: 2em;   transition: top 0.3s; position: sticky; top: auto;}
	div#header span{font-size: 1.4em; margin: auto; text-align: center;}
	div#header .inner .img-logo{max-width: 130px;}
	.img-logo-desktop{max-width: 130px;}
	div#header .btn{padding-right: 0;}
	
	div#header form{position: relative; width: 210px; margin: auto;}
	div#header form input{width: 100%; padding: 0.7em; border-radius: 1.5em; border: none;}
	div#header form button {position: absolute; top: 0; right: 0; color: gray; border: none; top: 2px;}
	div#header form div#form_Guide_name_searcher_mobile{margin-top: 6px;}
		/*div#header button{ padding: 0.5em; font-size: 0.6em;}*/
	div#header button{background: transparent; color: #DDDB00; border:1px solid #DDDB00; border-radius: 50%; padding:0.5em;width: 2.3em; height: 2.3em;}
}