/* *********************************************************************************************************************
 * Main container for all
 */
.container-900, .container-1000, .container-1200, .container-1600, .container-fluid {
	margin: 0 auto;
	padding: 0; 
}

.container-fluid{ width: 100%; }
.container-1600 { max-width: 1620px; }
.container-1200 { max-width: 1220px; }
.container-1000 { max-width: 1020px; }
.container-900 { max-width: 920px; }

.row { clear: both; padding: 0 10px; }
.row.no-padding{ padding: 0; }



/* *********************************************************************************************************************
 * Common columns definitions
 */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11{ float: left; }
.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, 
.col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 { margin-right: 0; }
 
.col1  { width: 5.583%; }		.offset1  { margin-left: 8.583%; }
.col2  { width: 12.5%; }		.offset2  { margin-left: 17.16%; }
.col3  { width: 18.75%; }		.offset3  { margin-left: 25.75%; }
.col4  { width: 31.33%; }		.offset4  { margin-left: 34.33%; }
.col5  { width: 39.91%; }		.offset5  { margin-left: 42.91%; }
.col6  { width: 48.5%;  }		.offset6  { margin-left: 51.5%   }
.col7  { width: 57.08%; }		.offset7  { margin-left: 60.08%; }
.col8  { width: 65.66%; }		.offset8  { margin-left: 68.66%; }
.col9  { width: 74.25%; }		.offset9  { margin-left: 77.25%; }
.col10 { width: 82.83%; }		.offset10 { margin-left: 85.83%; }
.col11 { width: 91.41%; }		.offset11 { margin-left: 94.41%; }
.col12 { width: 100%;   } 

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-right: auto;
	margin-left: auto;
}





/* *********************************************************************************************************************
 * Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math
 */
/* @media all and (min-width: 1024px) {
	.container-1000 {
		max-width: 1000px;
	}

	.container-1000 .row {
		padding: 0;
	}
} */





/* *********************************************************************************************************************
 * Small devices
 */


@media screen and (max-width: 768px) {
	.row { }
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
		float: none;
		width: 100%;
	}

	.offset1, .offset2, .offset3, .offset4, .offset5, .offset6, .offset7, .offset8, .offset9, .offset10, .offset11{
		margin-left: auto;
	}


.asagi1 {    margin: 3px 0 !important;   padding: 8px 0 !important;}
.asagi1 img{    display:none;}
.asagi2 {    margin: 3px 0 !important;   padding: 8px 0 !important;}

}







/* --- ALWAYS FIXED WIDTH ---*/
.container-1600.fixed { width: 1620px; }
.container-1200.fixed { width: 1220px; }
.container-1000.fixed { width: 1020px; }
.container-900.fixed { width: 920px; }

.fixed .col1, .fixed .col2, .fixed .col3, .fixed .col4, .fixed .col5, .fixed .col6, .fixed .col7, .fixed .col8, .fixed .col9, .fixed .col10, .fixed .col11, .fixed .col12 {
	float: left;
	margin: 0 3% 0 0;
}

.fixed .col1.last, .fixed .col2.last, .fixed .col3.last, .fixed .col4.last, .fixed .col5.last, .fixed .col6.last, .fixed .col7.last, .fixed .col8.last, .fixed .col9.last, .fixed .col10.last, .fixed .col11.last, .fixed .col12 {
	margin: 0;
}

.fixed .col1 { width: 5.583%; }
.fixed .col2 { width: 14.16%; }
.fixed .col3 { width: 22.75%; }
.fixed .col4 { width: 31.33%; }
.fixed .col5 { width: 39.91%; }
.fixed .col6 { width: 48.5%; }
.fixed .col7 { width: 57.08%; }
.fixed .col8 { width: 65.66%; }
.fixed .col9 { width: 74.25%; }
.fixed .col10 { width: 82.83%; }
.fixed .col11 { width: 91.41%; }
.fixed .col12 { width: 100%; margin: 0; }



/* screen specific visibility */
@media screen and (min-width: 769px) {
	.phone-only{display: none !important;}
	.hide-desktop{ display: none !important; }
}

@media screen and (max-width: 768px) {
	.desktop-only{ display: none !important; }
	.hide-phone{ display: none !important; }
}