/* Computer */
.gr1 { width: 5.5%; } 
.gr2 { width: 14%; } 
.gr3 { width: 22.5%; } 
.gr4 { width: 31%; } 

.gr7 { width: 57.5%;} 
.gr8 { width: 66%; } 
.gr9 { width: 74.5%; } 
.gr10 { width: 83%; } 
.gr11 { width: 91.5%; } 
.gr12 { width: 100%; } 

.gr5 { width: 44%}
.gr6 { width: 52%} 
.gr13{width: 48%}

.gr14{width: 57%;}

.gr1,
.gr2,
.gr3,
.gr4,
.gr5,
.gr6,
.gr7,
.gr8,
.gr9,
.gr10,
.gr11,
.gr12,
.gr13

 {
	margin: 0% 1% 0% 1%;
	float: left;
	display: block;
}

.gr14

 {
	margin-left:-2.8%!important;
	float: left;
	display: block;
}


.mleft{margin-left:0;}
.mright{margin-right:0;}



.container{
	width: 100%; /*width: 1000px;*/
	max-width: 950px;
	margin:0 auto;
    overflow:hidden
        }

.cat{
	width: 100%; /*width: 1000px;*/
	max-width: 950px;
	margin:0 auto;
    overflow:hidden
        }

.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}








/* Mobile */
@media screen and (max-width :980px) {

.container{
	width: 100%; /*width: 1000px;*/
	max-width: 980px;
	margin:0 auto;
    }
    
    .cat{
	width: 100%; /*width: 1000px;*/
	margin:0 auto;
    overflow:hidden
        }
    
    
.gr1 { width: 5.5%; } 
.gr2 { width: 14%; } 
.gr3 { width: 22.5%; } 
.gr4 { width: 31%; } 

.gr7 { width: 57.5%;} 
.gr8 { width: 66%; } 
.gr9 { width: 74.5%; } 
.gr10 { width: 83%; } 
.gr11 { width: 91.5%; } 
.gr12 { width: 100%; } 

.gr5 { width: 97%;}
.gr6 { width: 97%;} 

.gr13 { width: 48%;} 
.gr14 { width: 97%;} 


.gr1,
.gr2,
.gr3,
.gr4,
.gr5,
.gr6,
.gr7,
.gr8,
.gr9,
.gr10,
.gr11,
.gr12,
.gr13,
.gr14
 {
	margin: 0 1% 1% 1%!important;
	float: left;
	display: block;

}




.mleft{margin-left:0;}
.mright{margin-right:0;}

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

.container{
	width: 94%; /*width: 1000px;*/
	max-width: 480px;
	margin:0 auto;
    }
    
 .cat img{
	width:120%; /*width: 1000px;*/
	margin:0;
    overflow:hidden
        }
    

.gr1,
.gr2,
.gr3,
.gr4,
.gr5,
.gr6,
.gr7,
.gr8,
.gr9,
.gr10,
.gr11,
.gr12,
.gr13,
.gr14
{
	width:98%!important;
	height:auto;
	display: block;
}


.gr14
 {
	margin: 0 1% 1% 1%!important;
	float: left;
	display: block;

}

}