nav {
	background-position: 10px;
	height: 70px;
	margin-top: 0px;
	background-color: #000;
/*	background-image: url(../images/menu/menu_bg.png);
	background-repeat: repeat-x;*/

 }

nav ul {
	list-style: none;
	width: 865px;
	margin: auto auto;
}

ul li a {
	color: #ccc;
	font-size: 16px;
}

ul {
list-style: none;
margin: 0px;
padding: 0px;
}

nav ul li {
	float: left;
}


@media (max-width: 991px){
	
nav {
	height: 57px;
	margin-top: 0px;
	width: auto;
 }

li a img {
	height: 57px;
	text-align: center;
	width: auto;
}

nav ul {
	list-style: none;
	width: 750px;
	margin: auto auto;
}
}


@media (max-width: 767px){
	
nav {
	height: 44px;
	margin-top: 0px;
	width: auto;
 }
	
li a img {
	height: 44px;
	text-align: center;
	width: auto;
}

nav ul {
	list-style: none;
	width: 550px;
	margin: auto auto;
}
}

/*600→*/
@media only screen and (max-width: 745px) {
	
nav {
	height: 200px;
	background-color: #000;
/*		background: repeating-linear-gradient(-45deg, #edf5f4, #edf5f4 10px, #f6faf9 0, #f6faf9 20px);
*/
 }

nav ul {
	width: 100%;
	border-top: 1px solid #999999;
  }

nav li {
    float: none;
    width: 50%;
  }

nav ul li img {
	display: none;
  }

nav li a {
	display: block;
	border-bottom: 1px solid #999999;
	padding: 21px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	text-align: center;
  }

nav li:nth-child(odd) a {
    border-right: solid 1px #999999;
  }

nav li a:before {
    content: attr(data-label);
  }
	
li a img {
	width: 120px;
	height: auto;
	text-align: center;
}
}


@media (max-width: 400px){

.menu {
	height: 192px;
}
	
.container-fluid .row > .col-md-8 {
	padding-left: 0px;
	padding-right: 0px;
}
.bg_sample_i .bg_posi {
	width: 100px;
	height: auto;
}

}
