*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

.container-fluid{
	widows: 100%;
}

.container {
	width: 780px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
}

.container:after, .container:before {
	content: " ";
	display: table;
}

.container:after {
	clear: both;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.div_right{
	float: right;
}

.row{
	margin-left: -10px;
	margin-right: -10px;
}


.grid-1 	{width: 8.333333333333332%;}
.grid-2 	{width: 16.666666666666664%;}
.grid-3 	{width: 25%;}
.grid-4 	{width: 33.33333333333333%;}
.grid-5 	{width: 41.66666666666667%;}
.grid-6 	{width: 50%;}
.grid-7 	{width: 58.333333333333336%;}
.grid-8 	{width: 66.66666666666666%;}
.grid-9 	{width: 75%;}
.grid-10 	{width: 83.33333333333334%;}
.grid-11 	{width: 91.66666666666666%;}
.grid-12 	{width: 100%;}


@media only screen and (min-width: 992px) and (max-width: 1199px) {

.container {
	width: 780px;
}

}


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

.container {
	width: 750px;
}

}

@media only screen and (max-width: 767px) {
.container {
	width: 100%;
}

.row{
	margin: 0px;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{
	float: none;
	width: 100%;
}

.div_right{
	float: none;
}

}