@media (min-width: 320px) {
.ribbon{
	margin-top: -53px;
}
}
@media (min-width: 375px) {
.ribbon{
	margin-top: -53px;
}
}
@media (min-width: 412px) {
.ribbon{
	margin-top: -53px;
}
}
@media (min-width: 667px) {
.ribbon{
	margin-top: -53px;
}
}
@media (min-width: 767px) {
.ribbon{
	margin-top: 5px;
}
.ribbon img{
	width: 80%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.ribbon{
	top: 5px !important;
	vertical-align: middle;
}
.ribbon img{
	width: 6% !important;
	vertical-align: middle;
}
}
@media (min-width: 1024px){
.ribbon{
	margin-top: 20px;
}
.ribbon img{
	width: 3.6% !important;
	top: 0px !important;
}
}
@media (min-width: 1200px){
.ribbon{
	top: 20px;
	width: 70px;
}
.ribbon img{
	width: 1.8%;
}
}
.ribbon{
	z-index: 10;
	top: 8px;
}
.ribbon:hover{
	opacity: 0.65;
}
.ribbon img{
	width: 60%;
    top: 30px;
}
.box-logo a{
	padding: 2px !important;
}
.ribbon-xs{
	vertical-align: middle;
}
.ribbon-xs img {
    width: 25px;
    padding: 0;
}
@media (min-width: 320px) {
.ribbon-xs img{
	width: 7%;
	margin-top: 3px;
}
}
@media (min-width: 360px) {
.ribbon-xs img{
	width: 7%;
}
}
@media (min-width: 375px) {
.ribbon-xs img{
	width: 7%;
}
}
@media (min-width: 412px) {
.ribbon-xs img{
	width: 7%;
}
}
@media (min-width: 414px) {
.ribbon-xs img{
	width: 7%;
}
}
@media (min-width: 568px) and (max-width: 666px) {
.ribbon-xs img{
	width: 7%;
}
}
@media (min-width: 640px) {
.ribbon-xs img {
    width: 7%;
}
}
@media (min-width: 667px) {
.ribbon-xs img{
	width: 7%;
}
}
@media (min-width: 736px) {
.ribbon-xs img{
	width: 7%;
}
}
@media (min-width: 767px) {
.ribbon-xs img{
	width: 7%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.ribbon-xs img{
	width: 7%;
}
}
.header-desktop-kingbhumibol{
	background-color: #000000;
}

@media (max-width: 767px){
	.identity{
		margin-top: 10px;
	}
	.header-kingbhumibol{
		margin-top: -20px;
	}
	#page{
		margin-top: 21%;
	}
	.wrapper-navigation{
		margin-top: -20px;
	}
}
.logo-xs {
    text-align: center;
}
.logo-xs img {
    width: 23%;
    margin-top: 6px;
}
.box-logo {
    text-align: center;
}
@media (min-width: 768px){
.box-logo {
    padding-top: 25px;
}
}
@media (min-width: 1024px){
.box-logo {
    padding-top: 25px;
}
}
a.logo_lg{
	width: 80px;
}