/* Grid  para resposivo  */


/* liinha content horizontal */
.grid-r::after{
	content: "";
	display: table;
	clear: both;
}


.grid-r::before{
	content: "";
	display: table;
	clear: both;
}

.grid-r>*::after{
	content: "";
	display: table;
	clear: both;
}


.grid-r>*::before{
	content: "";
	display: table;
	clear: both;
}

.grid-r{
	width:100%;
	position:relative;
	padding:0 0.43%;
}

/* espaços entre os blocos*/
.grid-r >*{
	float:left;
	min-height:1px;
	padding:0 1.31%;
}

[class*="g div"]{
	background: red;
}



/* grid duas linhas uma do lado da outra Ex: grid-r flutuando ao lado de outro grid-r */
.grid-r_grid-r  >*{
	padding:0 2.62%;
}



.grid-r .grid-r {

}

.grid-r .grid-r {
	padding:0 ;
}



/* separadores de conteúdo */

.grid-r .g1div{
	width:8.33%;
}

.grid-r .g2div{
	width:16.66%;
}

.grid-r .g3div{
	width:25%;
}

.grid-r .g4div{
	width:33.33%;
}

.grid-r .g5div{
	width:41.6%;
}

.grid-r .g6div{
	width:50%;
}

.grid-r .g7div{
	width:58.33%;
}

.grid-r .g8div{
	width:66.66%;
}

.grid-r .g9div{
	width:75%;
}

.grid-r .g10div{
	width:83.33%;
}

.grid-r .g11div{
	width:91.66%;
}

.grid-r .g12div{
	width:100%;
}

/* para usar grid dentro de grid, tem que remover o valor os paddings*/
.grid-overflow{
    overflow-y: inherit;
    overflow-x: initial;
}

.grid-overflow .grid-r{
    width:102.62% !important;
    margin-left:-1.31% !important;
}


/* resposivo  Orientação  equivalente  do grid   */

@media screen and (max-width: 1150px) {
	.grid-r{
		/* padding:0 10px; */
	}
}