/*

1440 x 900 px.  Desktop
1024 x 650 px. Tablet
480 x 300 px. Mobile


*/

/*global*/

.clearFloat{clear: both;}
.floatLeft{float: left;}
.floatRight{float: right;}
.alignCenter{margin: 0 auto;}
.row{clear: both; width: 100%;}
/*.row:after{content: " "; display: table; clear: both;}*/

/* max "1440" */

.gridContent{max-width: 1440px;}

.col1 {width: 8.333%;}
.col2 {width: 16.666%;}
.col3 {width: 25%;}
.col4 {width: 33.333%;}
.col5 {width: 41.666%;}
.col6 {width: 50%;}
.col7 {width: 58.333%;}
.col8 {width: 66.666%;}
.col9 {width: 75%;}
.col10 {width: 83.333%;}
.col11 {width: 91.666%;}
.col12 {width: 100%;}


.marginTopCol05{margin-top: 4.166%;}
.marginTopCol1{margin-top: 8.333%;}
.marginTopCol2{margin-top: 16.666%;}

.marginLeftCol05{margin-left: 4.166%;}
.marginLeftCol1{margin-left: 8.333%;}
.marginLeftCol2{margin-left: 16.666%;}
.marginLeftCol3{margin-left: 25%;}
.marginLeftCol4{margin-left: 33.333%;}
.marginLeftCol5{margin-left: 41.666%;}
.marginLeftCol6{margin-left: 50%;}

.marginBottomCol05{margin-bottom: 4.166%;}


.heightCol05{ height: 0; padding-bottom: 4.166%;}
.heightCol1{ height: 0; padding-bottom: 8.333%;}
.heightCol3{ height: 0; padding-bottom: 16.666%;}
.heightCol35{ height: 0; padding-bottom: 20.832%;}
.heightCol4{ height: 0; padding-bottom: 33.333%;}
.heightCol6{ height: 0; padding-bottom: 50%;}
.col12Height{ height: 0; padding-bottom: 100%;}

/**visibility*/

.hidden-desktop{
	display: none;
}

/* max 1024 */
@media only screen and (max-width: 1024px) {

	.gridContent{max-width: 1024px;}


	.col1-tab {width: 8.333%;}
	.col2-tab {width: 16.666%;}
	.col3-tab {width: 25%;}
	.col4-tab {width: 33.333%;}
	.col5-tab {width: 41.666%;}
	.col6-tab {width: 50%;}
	.col8-tab {width: 66.666%;}
	.col10-tab {width: 83.333%;}



	.marginTopCol05-tab{margin-top: 4.166%;}
	.marginTopCol1-tab{margin-top: 8.333%;}

	.marginLeftCol05-tab{margin-left: 4.166%;}
	.marginLeftCol1-tab{margin-left: 8.333%;}
	.marginLeftCol2-tab{margin-left: 16.666%;}
	.marginLeftCol3-tab{margin-left: 25%;}
	.marginLeftCol5-tab{margin-left: 41.666%;}




	.marginBottomCol1-tab{margin-bottom: 8.333%;}

	/**visibility*/

	.hidden-tab{
		display: none;
	}
}

/*max 480 */
@media only screen and (max-width: 480px) {

	.gridContent{max-width: 480px;}

	.col4-mob {width: 33.333%;}
	.col5-mob {width: 41.666%;}
	.col6-mob {width: 50%;}
	.col10-mob {width: 83.333%;}

	.col12-mob {width: 100%;}


	.marginTopCol05-mob{margin-top: 4.166%;}
	.marginTopCol1-mob{margin-top: 8.333%;}
	.marginTopCol2-mob{margin-top: 16.666%;}


	.marginLeftCol1-mob{margin-left: 8.333%;}
	.marginLeftCol4-mob{margin-left: 33.333%;}



	.marginBottomCol1-mob{margin-bottom: 8.333%;}

	/**visibility*/

	.hidden-mob{
		display: none;
	}

	.visible-mobile{
		display: block;
	}


}