@media(min-width:310px) and (max-width:600px) /*(orientation:landscape)*/{
	.header{
		height:auto;
	}
	.header1{
		
	}
	.logo{
		width:100%;
		height:auto;
		text-align:center;
	}
	img.logo-img{
	width:400px;
	
	}
	.menu{
		width:100%;
		height:auto;
	}
	ul.menu-list{
		margin-left:30px;
	}
	ul.menu-list li {
		list-style:none;
		display:inline-block;
		padding:10px;
	}
	ul.menu-list li a{
		text-decoration:none;
		font-size:14px;
		font-family:Arial Black;
	}
	.side-menu{
		width:40%;
		margin-top:5px;
	}
	.sub-menu{
		margin-right:25px;
	}
	.sub-menu li{
		padding:5px;
	} 
	.sub-menu li a{
		font-size:12px;
	}
	#banner{
		width:80px;
		height:auto;
	}
	.img-container{
		width:80px;
		height:auto;
	}
	.img{
		width:100px;
		height:auto;
	}
	.body{
		width:100%;
	}
}
@media(max-width:600px){
	.header{
		height:auto;
	}
	.logo-img{
	;
	}
	.menu{
		width:100%;
		height:auto;
	}
	ul.menu-list{
		margin-left:30px;
	}
	ul.menu-list li {
		list-style:none;
		display:inline-block;
		padding:10px;
	}
	ul.menu-list li a{
		text-decoration:none;
		font-size:18px;
		font-family:Arial Black;
	}
	.side-menu{
		width:51%;
		margin-top:5px;
	}
	.sub-menu{
		margin-right:25px;
	}
	.sub-menu li{
		padding:7px;
	} 
	.sub-menu li a{
		font-size:20px;
	}
	#banner{
		width:200px;
		height:auto;
	}
	.img-container{
		width:200px;
		height:auto;
	}
	.img{
		width:200px;
		height:auto;
	}
}
/*@media(max-width:768px){
	.header{
		height:auto;
	}
	#sub-btn{
		visibility:hidden;
	}
	.mobile-menu{
		display:none;
	}
	.side-menu{
		width:50%;
		margin-top:5px;
	}
	.sub-menu{
		margin-right:25px;
	}
	.sub-menu li{
		padding:5px;
	} 
	.sub-menu li a{
		font-size:18px;
	}
	.banner{
		width:150px;
		height:auto;
	}
	.img-container{
		width:150px;
		height:auto;
	}
	.img{
		width:150px;
		height:auto;
	}
}*/
@media(max-width:280px){
	.logo-img{
		width:20%;
	}
	.logo .logo-img{
	
	}
	.menu{
		width:100%;
		height:auto;
	}
	ul.menu-list{
		margin-left:30px;
	}
	ul.menu-list li {
		list-style:none;
		display:inline-block;
		padding:10px;
	}
	ul.menu-list li a{
		text-decoration:none;
		font-size:10px;
		font-family:Arial Black;
	}
	.mobile-menu{
		display:none;
	}
	.side-menu{
		width:50%;
		margin-top:5px;
	}
	.sub-menu{
		margin-right:25px;
	}
	.sub-menu li{
		padding:2px;
	} 
	.sub-menu li a{
		font-size:12px;
	}
	#banner{
		width:100px;
		height:auto;
		margin-top:28px;
	}
	.img-container{
		width:100px;
		height:auto;
	}
	.img{
		width:100px;
		height:auto;
	}	
}
@media(max-width:768px){
	.header{
		height:auto;
	}
	
	.mobile-menu{
		display:none;
	}
	.side-menu{
		width:50%;
		margin-top:5px;
	}
	.sub-menu{
		margin-right:25px;
	}
	.sub-menu li{
		padding:5px;
	} 
	.sub-menu li a{
		font-size:18px;
	}
	#banner{
		width:150px;
		height:auto;
	}
	.img-container{
		width:150px;
		height:auto;
	}
	.img{
		width:150px;
		height:auto;
	}
}
@media(max-width:1200px){
	.header{
		height:auto;
	}
	.mobile-menu{
		display:none;
	}
	.side-menu{
		width:30%;
		margin-top:5px;
	}
	.sub-menu{
		margin-right:25px;
	}
	.sub-menu li{
		padding:5px;
	} 
	.sub-menu li a{
		font-size:20px;
	}
	#banner{
		width:300px;
		height:auto;
		margin-left:20px;
	}
	.img-container{
		width:300px;
		height:auto;
	}
	.img{
		width:300px;
		height:auto;
	}
}
@media(max-width:360px){
	.header{
		height:auto;
	}
	.logo .logo-img{
	width:250px;
	}
	.menu{
		width:100%;
		height:auto;
	}
	ul.menu-list{
		margin-left:30px;
	}
	ul.menu-list li {
		list-style:none;
		display:inline-block;
		padding:10px;
	}
	ul.menu-list li a{
		text-decoration:none;
		font-size:18px;
		font-family:Arial Black;
	}
	.sub-menu{
		margin-right:25px;
	}
	.sub-menu li{
		padding:5px;
	} 
	.sub-menu li a{
		font-size:16px;
	}
	#banner{
		width:150px;
		height:auto;
	}
	.img-container{
		width:150px;
		height:auto;
	}
	.img{
		width:150px;
		height:auto;
	}
}
@media(max-width:900px){
		.header{
		height:auto;
	}
	.logo .logo-img{
	width:250px;
	}
	.menu{
		width:100%;
		height:auto;
	}
	ul.menu-list{
		margin-left:30px;
	}
	ul.menu-list li {
		list-style:none;
		display:inline-block;
		padding:10px;
	}
	ul.menu-list li a{
		text-decoration:none;
		font-size:25px;
		font-family:Arial Black;
	}
	.side-menu{
		width:37%;
		margin-top:5px;
	}
	.sub-menu{
		margin-right:25px;
	}
	.sub-menu li{
		padding:5px;
	} 
	.sub-menu li a{
		font-size:16px;
	}
	#banner{
		width:250px;
		height:auto;
		margin-left:20px;
	}
	.img-container{
		width:200px;
		height:auto;
	}
	.img{
		width:200px;
		height:auto;
	}
}
@media(max-width:900px){
		.header{
		height:auto;
	}
	.logo .logo-img{
	width:250px;
	}
	.menu{
		width:100%;
		height:auto;
	}
	ul.menu-list{
		margin-left:30px;
	}
	ul.menu-list li {
		list-style:none;
		display:inline-block;
		padding:10px;
	}
	ul.menu-list li a{
		text-decoration:none;
		font-size:25px;
		font-family:Arial Black;
	}
	.side-menu{
		width:37%;
		margin-top:5px;
	}
	.sub-menu{
		margin-right:25px;
	}
	.sub-menu li{
		padding:5px;
	} 
	.sub-menu li a{
		font-size:16px;
	}
	#banner{
		width:250px;
		height:auto;
		margin-left:20px;
	}
	.img-container{
		width:200px;
		height:auto;
	}
	.img{
		width:200px;
		height:auto;
	}
}@media(max-width:992px){
		.header{
		height:auto;
	}
	.logo .logo-img{
		width:250px;
		text-align:center;
	}
	.menu{
		width:100%;
		height:auto;
	}
	ul.menu-list{
		margin-left:30px;
	}
	ul.menu-list li {
		list-style:none;
		display:inline-block;
		padding:10px;
	}
	ul.menu-list li a{
		text-decoration:none;
		font-size:25px;
		font-family:Arial Black;
	}
	.side-menu{
		width:37%;
		margin-top:5px;
	}
	.sub-menu{
		margin-right:25px;
	}
	.sub-menu li{
		padding:5px;
	} 
	.sub-menu li a{
		font-size:16px;
	}
	#banner{
		width:250px;
		height:auto;
		margin-left:20px;
	}
	.img-container{
		width:200px;
		height:auto;
	}
	.img{
		width:200px;
		height:auto;
	}
}