.container{
	
	width: 1024px;
}
.row_custom {
	margin-left: -15px;
	margin-right: -15px;
}

.grid_1 {
    width: 8.33333333333%; }

.grid_2 {
width: 16.6666666667%; }

.grid_3 {
width: 25%; }

.grid_4 {
width: 33.3333333333%; }

.grid_5 {
width: 41.6666666667%; }

.grid_6 {
width: 50%; }

.grid_7 {
width: 58.3333333333%; }

.grid_8 {
width: 66.6666666667%; }

.grid_9 {
width: 75%; }

.grid_10 {
width: 83.3333333333%; }

.grid_11 {
width: 91.6666666667%; }

.grid_12 {
width: 100%; }

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{ padding: 0 15px; float: left;}

.grid{margin: 0px auto !important; position: relative;}
.grid::after{ content:""; display:block; clear:both}

.left_f{ float: left;}
.right_f{ float: right;}

.pd50-r{ padding-right: 50px}
.pd50-l{ padding-left: 50px}
.pd50-t{ padding-top: 50px}
.pd50-b{ padding-bottom: 50px}


@media (max-width: 1024px) {

#main_wrapper .grid_6{ width:100%}
#main_wrapper .grid_8{ width:100%}
#main_wrapper .grid_4{ width:100%}


}

@media (max-width: 768px) {
.pd50-r,
.pd50-l,
.pd50-t, 
.pd50-b { padding:0}


.grid_1 {
width: 100%; }

.grid_2 {
width: 100%; }

.grid_3 {
width: 100%; }

.grid_4 {
width: 100%; }

.grid_5 {
width: 100%; }

.grid_6 {
width: 100%; }

.grid_7 {
width: 100%; }

.grid_8 {
width: 100%; }

.grid_9 {
width: 100%; }

.grid_10 {
width: 100%; }

.grid_11 {
width: 100%; }

.grid_12 {
width: 100%; }


}

@media (max-width: 600px) {

}

@media (max-width: 480px) {

.pd50-r,
.pd50-l,
.pd50-t, 
.pd50-b { padding:0}


.grid_1 {
width: 100%; }

.grid_2 {
width: 100%; }

.grid_3 {
width: 100%; }

.grid_4 {
width: 100%; }

.grid_5 {
width: 100%; }

.grid_6 {
width: 100%; }

.grid_7 {
width: 100%; }

.grid_8 {
width: 100%; }

.grid_9 {
width: 100%; }

.grid_10 {
width: 100%; }

.grid_11 {
width: 100%; }

.grid_12 {
width: 100%; }

}