/**************************************************
 *  grid.css [12col Grid Layout]
 *  @author FineSystem SN
 *
 *  MASTER DEVELOPER
 *	URL : http://responsive.gs
 *	VERSION : 3.0
 *	LICENSE : GPL & MIT 
 *************************************************/
 
/* PC LAYOUT 
**************************************************/
.grid1 { width: 6.5%; } 
.grid2 { width: 15%; } 
.grid3 { width: 23.5%; } 
.grid4 { width: 32%; } 
.grid5 { width: 40.5%; }
.grid6 { width: 49%; } 
.grid7 { width: 57.5%; } 
.grid8 { width: 66%; } 
.grid9 { width: 74.5%; } 
.grid10 { width: 83%; } 
.grid11 { width: 91.5%; } 
.grid12 { width: 100%; } 

.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10,
.grid11,
.grid12 {
	margin: 0 2% 0 0;
	float: left;
	display: block;
}

.ccm-layout-wrapper .ccm-layout-col{
	/*margin: 0 2% 0 0;*/
}
.fixSpacing{
	margin: 0 2% 0 0;
}
.ccm-layout-wrapper .ccm-layout-col.last{
	margin: 0 !important;
}

.alpha{margin-left:0;}
.omega{margin-right:0;}

.container{
	width: 100%; 
        max-width: 1200px;
	/*max-width: 1000px;*/
	margin: auto;
}


/* SMART PHONE LAYOUT 
**************************************************/
@media screen and (max-width : 480px) {

.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10,
.grid11,
.grid12 {
	width:100%;
}
.ccm-layout-wrapper .ccm-layout-col{
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

.removal{ display: none !important;}

}


.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}

.gridN1 {
    width: 8.33%;
    width: -webkit-calc((100% / 12) * 1);
    width: -moz-calc((100% / 12) * 1);
    width: calc((100% / 12) * 1); 
} 
.gridN2 {
    width: 16.66%;
    width: -webkit-calc((100% / 12) * 2);
    width: -moz-calc((100% / 12) * 2);
    width: calc((100% / 12) * 2);  
} 
.gridN3 {
    width: 25%;
    width: -webkit-calc((100% / 12) * 3);
    width: -moz-calc((100% / 12) * 3);
    width: calc((100% / 12) * 3); 
} 
.gridN4 {
    width: 33.33%;
    width: -webkit-calc((100% / 12) * 4);
    width: -moz-calc((100% / 12) * 4);
    width: calc((100% / 12) * 4); 
} 
.gridN5 {
    width: 41.66%;
    width: -webkit-calc((100% / 12) * 5);
    width: -moz-calc((100% / 12) * 5);
    width: calc((100% / 12) * 5); 
}
.gridN6 {
    width: 50%;
    width: -webkit-calc((100% / 12) * 6);
    width: -moz-calc((100% / 12) * 6);
    width: calc((100% / 12) * 6); 
} 
.gridN7 {
    width: 58.33%;
    width: -webkit-calc((100% / 12) * 7);
    width: -moz-calc((100% / 12) * 7);
    width: calc((100% / 12) * 7); 
} 
.gridN8 {
    width: 66.66%;
    width: -webkit-calc((100% / 12) * 8);
    width: -moz-calc((100% / 12) * 8);
    width: calc((100% / 12) * 8); 
} 
.gridN9 {
    width: 75%;
    width: -webkit-calc((100% / 12) * 9);
    width: -moz-calc((100% / 12) * 9);
    width: calc((100% / 12) * 9);  
} 
.gridN10 {
    width: 83.33%;
    width: -webkit-calc((100% / 12) * 10);
    width: -moz-calc((100% / 12) * 10);
    width: calc((100% / 12) * 10); 
} 
.gridN11 {
    width: 91.66%;
    width: -webkit-calc((100% / 12) * 11);
    width: -moz-calc((100% / 12) * 11);
    width: calc((100% / 12) * 11); 
} 
.gridN12 {
    width: 100%;
    width: -webkit-calc((100% / 12) * 12);
    width: -moz-calc((100% / 12) * 12);
    width: calc((100% / 12) * 12); 
} 

.gridN1,
.gridN2,
.gridN3,
.gridN4,
.gridN5,
.gridN6,
.gridN7,
.gridN8,
.gridN9,
.gridN10,
.gridN11,
.gridN12 {
	margin: 0;
	float: left;
	display: block;
}

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

.gridN1,
.gridN2,
.gridN3,
.gridN4,
.gridN5,
.gridN6,
.gridN7,
.gridN8,
.gridN9,
.gridN10,
.gridN11,
.gridN12 {
	width:100%;
}

}