@media ( min-width:1161px ) and ( max-width:1300px ) {

}

@media ( min-width:1301px ) and ( max-width:1715px ){

}
@media ( min-width:1025px ) and ( max-width:1649px ){

}

@media ( min-width:1301px ) and ( max-width:1884px ){

}

@media ( min-width:1301px ) and ( max-width:1330px ){

}

@media ( min-width:1025px ){

}

@media ( min-width:1331px ) and ( max-width:1670px ){

}

@media ( min-width:1161px ) and ( max-width:1729px ){
	
}

@media ( min-width:1504px ){

}

@media ( min-width:1025px ) and ( max-width:1420px ){
.col-20bfb{
	width: 20%;
	}
}

@media ( min-width:1301px ) and ( max-width:1500px ){

}
@media ( max-width:1235px ){
.menu-right{
	width: 53%;
}
.menus ul li{
	margin-left: 32px;
}
}
@media ( max-width:1200px ){
.menu-right{
	width: 52%;
}
.menus ul li{
	margin-left: 22px;
	font-size: 15px;
}
}
@media ( min-width:1025px ) and ( max-width:1199px ){
.menus .logotext{
	width: 30%;
}
}
@media ( min-width:1025px ) and ( max-width:1081px ){
.menu-right{
	width: 52%;
}
.menus ul li{
	margin-left: 22px;
}	
}
@media ( min-width:1025px ) and ( max-width:1045px ){
.menu-right{
	width: 55%;
}
.menus .logotext{
	width: 30%;
}
.menus .logo{
	width: 13%;
}
.menus li a{
	line-height: 30px;
}

}
@media ( max-width:1045px ){
	#jswbox{
	height: auto;
	width: 100%;
}
#jswbox ul{
	display: flex;
	flex-direction: row;
	justify-content: center;
	height: auto;
	flex-wrap: wrap;
}
#jswbox ul li{
	position: relative;
	top: none;
	left: none;
	width: 20%;
	padding: 0 10px;
	height:inherit;
	float: left;
	margin-bottom: 10px;
}
}
@media ( max-width:768px ){
	#jswbox{
		margin-top: 20px;
	}
#jswbox ul li{
	position: relative;
	top: none;
	left: none;
	width: 30%;
	padding: 0 10px;
	height:inherit;
	float: left;
	margin-bottom: 10px;
}
}
@media ( max-width:375px ){
#jswbox ul li{
	position: relative;
	top: none;
	left: none;
	width: 45%;
	padding: 0 10px;
	height:inherit;
	float: left;
	margin-bottom: 10px;
}
}