/* 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%;
}

.grid-r >*{
	float:left;
	min-height:1px;

	padding:0 1.31%;
}

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











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

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

	.grid-r > *{
		/* padding:5px 5px!important; */
		 padding-top: 5px!important;
		 padding-bottom: 5px!important;
	}
}





/* .g3div resposivo */

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


}





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






}