@media print, screen and (max-width: 1200px){
	header{
		width: 100%;
	}
	header .box{
		padding: 10px 4%;
		padding-top: 20px;
	}
	
	#top_icon{
		z-index: 200;
		width: 30%;
		padding-top: 8%;
		position: relative;
	}
	header #menu-box{
		z-index: 100;
		width: 100%;
		bottom: 15%;
		position: absolute;
		right: 0;
	}
	#toggle{
		float: right;
		display: block;
		margin-right: 5%;
	}
	#toggle a{
		float: right;
		width: 30px;
		height: 20px;
		background-color: #627a86;
		text-align: center;
	}
	#toggle span{
		display: block;
		width: 30px;
		height: 7px;
		margin-top: 2px;
		background-color: #fff;
	}

	.dropmenu{
		width: 100%;
		z-index: 9999;
		display: none;
		top: 35px;
		right: 0;
		position: absolute;
		font-size: 1.6em;
	}
	.dropmenu li{
		width: 100%;
		padding: 0;
		text-align: center !important;
		background-color: #004DA0;
		border: none;
		border-bottom: 1px solid #fff;
	}
	.dropmenu>li>a{
		float: left;
		width: 100%;
		padding: 3% 0;
		color: #fff!important;
	}
	.dropmenu>li:last-child>ul{
		right: 0;
	}
	.dropmenu .caret{
		display: none;
	}

	.dropmenu li:hover ul{
		display: none;
	}
	.dropmenu>li>ul{
		float: left;
		width: 100%;
		top: 0;
		position: relative;
	}
	.dropmenu>li>ul>li{
		border: none;
		border-bottom: 1px solid #fff;
	}
	.dropmenu>li>ul>li>a{
		width: 100%;
		padding: 3% 0;
		text-align: center;
	}

	#search_box{
		display: none;
	}
}
@media print, screen and (max-width: 620px){
	header .box{
		padding-bottom: 5px;
	}
	#top_icon{
		z-index: 200;
		width: 40%;
		padding-top: 12%;
		position: relative;
	}
	header #menu-box{
		bottom: 20%;
	}
	.dropmenu{
		z-index: 100;
		top: 30px;
	}
	.dropmenu>li>a, .dropmenu>li>ul>li>a{
		font-size: 0.8em;
		padding: 2% 0;
	}
}
@media print, screen and (max-width: 480px){
	header .box{
		padding-top: 15px;
		padding-bottom: 10px;
	}
	header #menu-box{
		bottom: 25%;
	}
	#toggle a{
		width: 20px;
		height: 16px;
	}
	#toggle span{
		width: 20px;
		height: 5px;
		margin-top: 2px;
	}
}