@media( max-width: 3000px )
{
	#small_logo
	{
		display: none;
	}
}

@media( max-width: 800px )
{
	html, body { width:100%; }
	/* Side Navbar */
	#SideNavBar, #breadcrumb, nav {	display:none !important; }
	#header a.logo {
		left:30px;
	}
	
	.menu { display:block; }
	
	#wrapper section {
		position:relative;
		width:100%; height:100%;
		margin:0;
		width:auto;
	}
	#wrapper #portfolio span.head ,#wrapper #contact span.head,#wrapper #index .b03 span.head {
	    font-size: 1.6em;
	}
	#wrapper #index .b05 span.head{
		font-size: 1.4em;
	} 
	#wrapper #portfolio span.text ,#wrapper #contact span.text ,#wrapper #index span.text{
	    font-size: 14px;
	}
	#wrapper #portfolio .unitIMG span {
		top:22%;
		left:0;
	}
	#wrapper #index .item.b03 span {
		width: auto;
		top:92%;
		left:0;
	}
	#wrapper #index .item.b05 span {
		width: auto;
		top:78%;
		left:0;
	}
	#wrapper #index .item.b05 {
	    background-position: 16% 0%;
	}
	#wrapper #index .item.b10 span {
		width: auto;
		top:88%;
		left:0;
	}
	#wrapper #index .item.b10 {
	    background-position: 75% 0%;
	}
	#wrapper section#index.item {
		background-size:200% 200%;
	}
	
	
	.bl-content h2, div.bl-panel-items > div h3 { font-size:1.5em; }
	.bl-content .text { font-size:1em; }
	.bl-content ul.bl-work-items { text-align:center; }
	.bl-content ul.bl-work-items li { float:none; display:inline-block; }
	div.bl-panel-items > div > div img { max-height:250px; }
	
	
	#wrapper #us .unitIMG span {
		top:55%;
	}
	
	
	
	
	.idx_sqr_wrapper
	{
		display: none;
		text-align: right;
	}
	
	.idx_sqr_wrapper_mobile
	{
		display: block;
		text-align: left;
	}
	
	
	
	#menuh-container
	{
		display: none;
	}
	
	
	
	#small_logo
	{
		display: block;
	}
	
	
	#big_logo
	{
		display: none;
	}
	
	
	
	.page_top_banner
	{
		width: 100%;
		/*height: 200px;*/
	}
	
	
	
	.page_title
	{
		padding-bottom: 25px;
		
		font-size: 25px;
	}
	
	
	
	
	.image_holder
	{
		width: 100%;
	}
	
	.image
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
	}
	
	
	
	
	.article_title_rows
	{
		width: 100%;
	}
	
	
	
	.image_2
	{
		width: 100%;
		margin-bottom: 20px;
	}
	
	
	
	.sb-site.index
	{
		height: 270px;
	}
	
	
	.article_main_image
	{
		width: 80%;
	}
	
	
	.article_images_2
	{
		width: 100%;
	}
	
	
	.article_images_3
	{
		width: 100%;
	}
	
	
	
	.files_wrapper
	{
		width: 95%;
	}
	
	
	.content_width_80
	{
		width: 95%;
		text-align: left;
		
		margin: 0 auto;
	}
	
	
	
	.ct_col_left
	{
		width: 95%;
		text-align: left;
		vertical-align: top;
		line-height: 30px;
		padding-left: 10px;
	}

	.ct_col_right
	{
		width: 100%;
		text-align: center;
		line-height: 30px;
	}
	
	.ct_col_right_secucode
	{
		width: 100%;
		text-align: center;
	}
	
	.ct_input
	{
		padding: 3px;
		width: 90%
	}
	
	.ct_input.message
	{
		width: 90%;
		height: 150px;
	}
	
	.ct_input.subject
	{
		width: 90%;
	}

	
	
	.hs-responsive-embed-youtube 
	{
		position: relative;
		padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
		padding-top: 0px;
		
		text-align: left;
	}
	
	.hs-responsive-embed-youtube iframe 
	{
		position: absolute;
		width: 100%!important;
		height: 100%!important;
	}
		
	
}


@media( max-width: 680px )
{


	.orange-text{
	
		width: 470px;
		padding-top: 75px;
		margin: 0 auto;
	}
	.orange-container{
		height: 200px;
	}
	
	.slogan-l,.slogan-r{
		width: 50px;
		font-size: 5.3em;
		margin-top: -45px;
	
	}
	
	.slogan, .trend-slogan{
		width: 370px;
	}
	.main-text, .trend-main{
		font-size: 2.5em;
	}
	
	.up-text{
		display: none;
	}
	.down-text, .trend-down-text{
		font-size: 1.3em;
		line-height: 22px;
	}
	#wrapper #us .unitIMG span {
		top:80%;
		left:0;
	}
	#wrapper #trend .unitIMG span {
		right: -4%;
	    top: 35%;
	}
	#trend .unitIMG {
		background-position:20% 30%;
	
	}
	#wrapper #us .unitIMG span {
		top: 70%;
	    right: 0%;
	
	}
	
	#wrapper #contact .unitIMG span {
		top:65%;
	}

}

@media ( max-width: 479px )
{
	#wrapper #index .item.b03 { background-image:url(images/IndexIMG-03s.jpg) !important; }
	#wrapper #index .item.b05 { background-image:url(images/IndexIMG-15s.jpg) !important; }
	#footer_img1{
		padding-right:3px;
	}
	#footer_img2{
		padding-right: 0px;
	}
	
	.footer_img{
		height: 24px;
	    width: auto;
	}
	
	#wrapper #trend .unitIMG span {
		right:0%;
		top:42%;
	}
	#trend .unitIMG {
		background-position:20% 30%;
	
	}
	
	
	
	.down-text, .trend-down-text{
		font-size: 0.63em;
		letter-spacing: -0.1px;
		line-height: 10px;
	}
	.slogan-l,.slogan-r{
		width: 25px;
		font-size: 3em;
		margin-top: -7px;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.slogan, .trend-slogan{
		padding-top: 0px;
		width: 250px;
	}
	.main-text, .trend-main-text{
		font-size: 1.5em;
	}
	
	.orange-text{
		width: 300px;
		padding-top: 60px;
	}
	.orange-container{
		line-height: 0.9em;
		height: 130px;
	}
	#wrapper #us .unitIMG span {
		top: 43%;
	    right: 0%;
	
	}
	
	#wrapper #contact .unitIMG span {
		top: 59%;
	}
	
	#us .unitIMG {
	    background-position: 100% 0%;
	}
	
	.yt_frame
	{
		position: relative; padding-bottom:56.25%; width:100%; height:0;
	}
	
}