/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/*body {
  font-family: "Open Sans", sans-serif;
  color: #444;
}

a {
  color: #4fa6d5;
}

a:hover {
  color: #45beff;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .font-primary {
  font-family: "Roboto", sans-serif;
}*/

@media screen and (max-width: 767px) {

	.index-banner .shade-text li{
		display:-webkit-flex; 
		display:-webkit-box; 
		display:-ms-flexbox; 
		display:-moz-flex; 
		display:flex;
		-webkit-align-items:center;
		-webkit-box-align:center;
		-moz-align-items:center;
		align-items:center;
		-ms-flex-align:center;
		height: 40px;
		background-color: rgba(66,138,123,0.8);
	}

	.index-banner .shade-text li:hover, 
	.index-banner .shade-text li.active{
		background-color: rgba(66,138,123,1);
	}

	.index-banner .shade-text a{
		line-height: 1.3 !important;
		overflow: hidden;
		width: 100%;
		background-color: transparent;
		font-size: 12px !important;
	}

	.index-banner .shade-text a:hover, 
	.index-banner .shade-text li.active a{
		background-color: transparent;
	}

}

/*--------------------------------------------------------------
# css content
--------------------------------------------------------------*/