﻿
  /* #ALL
================================================== */

    @media only screen and (min-width: 1025px) {

		#column_menu 		{position:inherit;top:inherit; left:inherit;}

    }
	
	@media only screen and (max-width: 1025px) {

		a#scrollup 			{right:0;margin-left:inherit;}

    }
	
	
  /* #Portable
================================================== */

    @media only screen and (min-width: 1441px) and (max-width: 1540px) {
	
		#wrapper 			{width:1400px;}
		#column_menu 		{width:180px}
		#column_content		{width:1160px; margin-left:60px;}
		.content_width		{width:1400px;}
		.content_width2		{width:1160px;}
		
    }
	
	@media only screen and (min-width: 1281px) and (max-width: 1440px) {
	
		#wrapper 			{width:1240px;}
		#column_menu 		{width:180px}
		#column_content		{width:1020px; margin-left:40px;}
		.content_width		{width:1240px;}
		.content_width2		{width:1020px;}

    }
	
	@media only screen and (min-width: 1025px) and (max-width: 1280px) {
	
		#wrapper 			{width:1000px;}
		#column_menu 		{width:180px}
		#column_content		{width:800px; margin-left:20px;}
		.content_width		{width:1000px;}
		.content_width2		{width:800px;}
		.api-pos-right		 {width:360px;}
		.api-pos-left		 {width:360px;}
		.api-imgWidth		{width:100%}

    }

/* #Tablet (Portrait)
================================================== */

    @media only screen and (min-width: 320px) and (max-width: 1024px) {
     
		#wrapper 			{width:100%; padding:0 20px}
		#column_menu 		{position:fixed;top:0; left:-180px; padding: 44px 0 0 0; z-index:998; border-right:1px #000 solid}
		#column_content		{width:100%; margin-left:inherit;}
		.content_width		{width:100%; padding:0 20px}
		.content_width2		{width:100%;}
		#top button			{display:inherit !important;}
		.api-pos-right,		 
		.api-pos-left,		 
		.api-pos-top,
		.api-pos-bottom		 {width:320px;}
		.api-imgWidth,
		.api-imgFull		{width:100%}
		
		


    }
	
	@media only screen and (min-width: 320px) and (max-width: 700px) {
     
		#column_width		{width:100%}
		#column_width2		{width:100%;}
		#intro				{font-size:30px;}
		.bottom_nav li	 	{font-size:10px;}
		#bottom_col1,
		#bottom_col1 a 		{padding-left:2px}
		.api-pos-right		 {width:320px;float:inherit; margin:0 !important}
		.api-pos-left		 {width:320px;float:inherit; margin:0 !important}
		.api-pos-top,
		.api-pos-bottom		 {width:320px;}
		.api-imgWidth,
		.api-imgFull		{width:100%}



    }




	

    


    
    
