@media only screen and (min-width: 1276px){
body{min-width:1260px;}

.nested{margin:0 !important;}

/* container */
.container{width:1260px; height:auto; display:block; margin:auto;}

/* grids */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{display:inline; float:left;}

/* push */
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11{position:relative;}

/* pull */
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11{position:relative;}

/* base grid 960px */
.container .grid-1{width:105px; margin:0px 0px;}
.container .grid-2{width:210px; margin:0px 0px;}
.container .grid-3{width:315px; margin:0px 0px;}
.container .grid-4{width:420px; margin:0px 0px;}
.container .grid-5{width:525px; margin:0px 0px;}
.container .grid-6{width:630px; margin:0px 0px;}
.container .grid-7{width:735px; margin:0px 0px;}
.container .grid-8{width:840px; margin:0px 0px;}
.container .grid-9{width:945px; margin:0px 0px;}
.container .grid-10{width:1050px; margin:0px 0px;}
.container .grid-11{width:1155px; margin:0px 0px;}
.container .grid-12{width:1260px; margin:0px 0px;}

/* first */
.first{margin:0px 10px 0px 0px !important;}
.last{margin:0px 0px 0px 10px !important;}

/* prefix */
.container .prefix-1{padding-left:105px;}
.container .prefix-2{padding-left:210px;}
.container .prefix-3{padding-left:315px;}
.container .prefix-4{padding-left:420px;}
.container .prefix-5{padding-left:525px;}
.container .prefix-6{padding-left:630px;}
.container .prefix-7{padding-left:735px;}
.container .prefix-8{padding-left:840px;}
.container .prefix-9{padding-left:945px;}
.container .prefix-10{padding-left:1050px;}
.container .prefix-11{padding-left:1155px;}

/* suffix */
.container .suffix-1{padding-right:105px;}
.container .suffix-2{padding-right:210px;}
.container .suffix-3{padding-right:315px;}
.container .suffix-4{padding-right:420px;}
.container .suffix-5{padding-right:525px;}
.container .suffix-6{padding-right:630px;}
.container .suffix-7{padding-right:735px;}
.container .suffix-8{padding-right:840px;}
.container .suffix-9{padding-right:945px;}
.container .suffix-10{padding-right:1050px;}
.container .suffix-11{padding-right:1155px;}

/* push */
.container .push-1{left:105px;}
.container .push-2{left:210px;}
.container .push-3{left:315px;}
.container .push-4{left:420px;}
.container .push-5{left:525px;}
.container .push-6{left:630px;}
.container .push-7{left:735px;}
.container .push-8{left:840px;}
.container .push-9{left:945px;}
.container .push-10{left:1050px;}
.container .push-11{left:1155px;}

/* pull */
.container .pull-1{left:-105px;}
.container .pull-2{left:-210px;}
.container .pull-3{left:-315px;}
.container .pull-4{left:-420px;}
.container .pull-5{left:-525px;}
.container .pull-6{left:-630px;}
.container .pull-7{left:-735px;}
.container .pull-8{left:-840px;}
.container .pull-9{left:-945px;}
.container .pull-10{left:-1050px;}
.container .pull-11{left:-1155px;}
}

@media only screen and (min-width: 995px) and (max-width: 1275px) {
body{min-width:960px;}

.nested{margin:0 !important;}

/* container */
.container{width:960px; height:auto; display:block; margin:auto;}

/* grids */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{display:inline; float:left;}

/* push */
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11{position:relative;}

/* pull */
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11{position:relative;}

/* base grid 960px */
.container .grid-1{width:80px; margin:0px 0px;}
.container .grid-2{width:160px; margin:0px 0px;}
.container .grid-3{width:240px; margin:0px 0px;}
.container .grid-4{width:320px; margin:0px 0px;}
.container .grid-5{width:400px; margin:0px 0px;}
.container .grid-6{width:480px; margin:0px 0px;}
.container .grid-7{width:560px; margin:0px 0px;}
.container .grid-8{width:640px; margin:0px 0px;}
.container .grid-9{width:720px; margin:0px 0px;}
.container .grid-10{width:800px; margin:0px 0px;}
.container .grid-11{width:880px; margin:0px 0px;}
.container .grid-12{width:960px; margin:0px 0px;}

/* first */
.first{margin:0px 10px 0px 0px !important;}
.last{margin:0px 0px 0px 10px !important;}

/* prefix */
.container .prefix-1{padding-left:80px;}
.container .prefix-2{padding-left:160px;}
.container .prefix-3{padding-left:240px;}
.container .prefix-4{padding-left:320px;}
.container .prefix-5{padding-left:400px;}
.container .prefix-6{padding-left:480px;}
.container .prefix-7{padding-left:560px;}
.container .prefix-8{padding-left:640px;}
.container .prefix-9{padding-left:720px;}
.container .prefix-10{padding-left:800px;}
.container .prefix-11{padding-left:880px;}

/* suffix */
.container .suffix-1{padding-right:80px;}
.container .suffix-2{padding-right:160px;}
.container .suffix-3{padding-right:240px;}
.container .suffix-4{padding-right:320px;}
.container .suffix-5{padding-right:400px;}
.container .suffix-6{padding-right:480px;}
.container .suffix-7{padding-right:560px;}
.container .suffix-8{padding-right:640px;}
.container .suffix-9{padding-right:720px;}
.container .suffix-10{padding-right:800px;}
.container .suffix-11{padding-right:880px;}

/* push */
.container .push-1{left:80px;}
.container .push-2{left:160px;}
.container .push-3{left:240px;}
.container .push-4{left:320px;}
.container .push-5{left:400px;}
.container .push-6{left:480px;}
.container .push-7{left:560px;}
.container .push-8{left:640px;}
.container .push-9{left:720px;}
.container .push-10{left:800px;}
.container .push-11{left:880px;}

/* pull */
.container .pull-1{left:-80px;}
.container .pull-2{left:-160px;}
.container .pull-3{left:-240px;}
.container .pull-4{left:-320px;}
.container .pull-5{left:-400px;}
.container .pull-6{left:-480px;}
.container .pull-7{left:-560px;}
.container .pull-8{left:-640px;}
.container .pull-9{left:-720px;}
.container .pull-10{left:-800px;}
.container .pull-11{left:-880px;}
}

@media only screen and (min-width: 785px) and (max-width: 994px) {
.container{width:100% !important;}

/* container */
.container{width:100% !important;}

/* grids */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{display:inline; float:left;}

/* base grid 960px */
.container .grid-1{width:8.333333333333333%; margin:0px 0px;}
.container .grid-2{width:16.66666666666667%; margin:0px 0px;}
.container .grid-3{width:25%; margin:0px 0px;}
.container .grid-4{width:33.33333333333333%; margin:0px 0px;}
.container .grid-5{width:41.66666666666667%; margin:0px 0px;}
.container .grid-6{width:50%; margin:0px 0px;}
.container .grid-7{width:58.33333333333333%; margin:0px 0px;}
.container .grid-8{width:66.66666666666667%; margin:0px 0px;}
.container .grid-9{width:75%; margin:0px 0px;}
.container .grid-10{width:83.33333333333333%; margin:0px 0px;}
.container .grid-11{width:91.66666666666667%; margin:0px 0px;}
.container .grid-12{width:100%; margin:0px 0px;}

/* first */
.first{margin:0px 5px 0px 0px !important;}
.last{margin:0px 0px 0px 5px !important;}

/* prefix */
.container .prefix-1{padding-left:64px;}
.container .prefix-2{padding-left:128px;}
.container .prefix-3{padding-left:192px;}
.container .prefix-4{padding-left:256px;}
.container .prefix-5{padding-left:320px;}
.container .prefix-6{padding-left:384px;}
.container .prefix-7{padding-left:448px;}
.container .prefix-8{padding-left:512px;}
.container .prefix-9{padding-left:576px;}
.container .prefix-10{padding-left:640px;}
.container .prefix-11{padding-left:704px;}

/* suffix */
.container .suffix-1{padding-right:64px;}
.container .suffix-2{padding-right:128px;}
.container .suffix-3{padding-right:192px;}
.container .suffix-4{padding-right:256px;}
.container .suffix-5{padding-right:320px;}
.container .suffix-6{padding-right:384px;}
.container .suffix-7{padding-right:448px;}
.container .suffix-8{padding-right:512px;}
.container .suffix-9{padding-right:576px;}
.container .suffix-10{padding-right:640px;}
.container .suffix-11{padding-right:704px;}

/* push */
.container .push-1{left:64px;}
.container .push-2{left:128px;}
.container .push-3{left:192px;}
.container .push-4{left:256px;}
.container .push-5{left:320px;}
.container .push-6{left:384px;}
.container .push-7{left:448px;}
.container .push-8{left:512px;}
.container .push-9{left:576px;}
.container .push-10{left:640px;}
.container .push-11{left:704px;}

/* pull */
.container .pull-1{left:-64px;}
.container .pull-2{left:-128px;}
.container .pull-3{left:-192px;}
.container .pull-4{left:-256px;}
.container .pull-5{left:-320px;}
.container .pull-6{left:-384px;}
.container .pull-7{left:-448px;}
.container .pull-8{left:-512px;}
.container .pull-9{left:-576px;}
.container .pull-10{left:-640px;}
.container .pull-11{left:-704px;}
}

@media only screen and (max-width: 784px){
body{min-width:0;}

.nested{margin:0 !important;}

/* container */
.container{width:100% !important;}

/* grids */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{width:100%; clear:both; float:none; margin:auto; display:inline-block; zoom:1; *display:inline;}

/* nested grids */
.grid_1 .grid_1,
.grid_2 .grid_1, .grid_2 .grid_2,
.grid_3 .grid_1, .grid_3 .grid_2, .grid_3 .grid_3,
.grid_4 .grid_1, .grid_4 .grid_2, .grid_4 .grid_3, .grid_4 .grid_4,
.grid_5 .grid_1, .grid_5 .grid_2, .grid_5 .grid_3, .grid_5 .grid_4, .grid_5 .grid_5,
.grid_6 .grid_1, .grid_6 .grid_2, .grid_6 .grid_3, .grid_6 .grid_4, .grid_6 .grid_5, .grid_6 .grid_6,
.grid_7 .grid_1, .grid_7 .grid_2, .grid_7 .grid_3, .grid_7 .grid_4, .grid_7 .grid_5, .grid_7 .grid_6, .grid_7 .grid_7,
.grid_8 .grid_1, .grid_8 .grid_2, .grid_8 .grid_3, .grid_8 .grid_4, .grid_8 .grid_5, .grid_8 .grid_6, .grid_8 .grid_7, .grid_8 .grid_8,
.grid_9 .grid_1, .grid_9 .grid_2, .grid_9 .grid_3, .grid_9 .grid_4, .grid_9 .grid_5, .grid_9 .grid_6, .grid_9 .grid_7, .grid_9 .grid_8, .grid_9 .grid_9,
.grid_10 .grid_1, .grid_10 .grid_2, .grid_10 .grid_3, .grid_10 .grid_4, .grid_10 .grid_5, .grid_10 .grid_6, .grid_10 .grid_7, .grid_10 .grid_8, .grid_10 .grid_9, .grid_10 .grid_10,
.grid_11 .grid_1, .grid_11 .grid_2, .grid_11 .grid_3, .grid_11 .grid_4, .grid_11 .grid_5, .grid_11 .grid_6, .grid_11 .grid_7, .grid_11 .grid_8, .grid_11 .grid_9, .grid_11 .grid_10, .grid_11 .grid_11,
.grid_12 .grid_1, .grid_12 .grid_2, .grid_12 .grid_3, .grid_12 .grid_4, .grid_12 .grid_5, .grid_12 .grid_6, .grid_12 .grid_7, .grid_12 .grid_8, .grid_12 .grid_9, .grid_12 .grid_10, .grid_12 .grid_11, .grid_12 .grid_12{padding-left:0px; padding-right:0px;}
.container .push_1, .container .push_2, .container .push_3, .container .push_4, .container .push_5, .container .push_6, .container .push_7, .container .push_8, .container .push_9, .container .push_10, .container .push_11{left:0;}
.container .pull_1, .container .pull_2, .container .pull_3, .container .pull_4, .container .pull_5, .container .pull_6, .container .pull_7, .container .pull_8, .container .pull_9, .container .pull_10, .container .pull_11{left:0;}	
}
@media only screen and (max-width: 479px){
/*container*/

.container{width:100% !important;}

.nested{margin:0 !important;}

/* grids */
.container .grid_1, .container .grid_2, .container .grid_3, .container .grid_4, .container .grid_5, .container .grid_6, .container .grid_7, .container .grid_8, .container .grid_9, .container .grid_10, .container .grid_11, .container .grid_12{width:260px;}
}