* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 83.333333%;
    position: relative;
}
.row {
    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; position: relative;}
.container::after, .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) {




}

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

}