@media screen and (max-width: 992px){
	#nav-bar .show-menu { display: block; }
	#nav-bar #menu { width: 100%; display: none; text-align: center; background: rgba(24, 54, 80, 0.3); border-top: 1px solid rgba(255, 255, 255, 0.35); }
	#nav-bar #menu li { width: 100%; display: block; padding: 0; height: 50px; line-height: 50px; }
	#nav-bar #menu li:hover { border: 0; }
	
	#features .item { width: 100%; }
	
	#content .container .item { display: block; width: 100%; text-align: center; float: none; }
	#content .container .item .content { display: block; width: 100%; text-align: center; float: none; max-width: 100%; }
	#content .container .item .content hr.divider { text-align: center; margin: 0 auto; }
	#content .container .thumbnail { display: block; width: 100%; height: 300px; }
}

@media screen and (max-width: 792px){
	#features .item .thumbnail { height: 150px; width: 100px; }
	#features .item .content { width: calc(100% - 100px); }
	
	#slideshow .container { background-position: 75% center; }
	
	#trademark .container .title { border-right: 0; border-bottom: 3px solid #03A48E; display: block; width: 100%; text-align: center; padding: 0 0 20px; }
	#trademark .container .content { display: block; text-align: center; padding: 10px 0 10px 0; color: #52687C; }
}

@media screen and (max-width : 592px){
	#slideshow .container .content-box .content h2.title { font-size: 40px; }
}

@media screen and (max-width : 480px){
	#top-bar ul li a { font-size: 2.2vw; }
	#top-bar ul li img { width: 10px; height: 10px; margin: 15px 5px 0 0; }
	
	#slideshow .container .content-box .content h2.title { font-size: 30px; }
	#slideshow .container .content-box .content span.content { font-size: 15px; }

	#features .container .item .image { width: 120px; }
	#features .container .item .image img { margin-left: -100px; }
	#features .container .item .content { width: calc(100% - 120px); }
	
	#sitemap { padding: 15px 25px; }

	#footer ul { text-align: left; }
}