/*#########################################################
        RESOLUTIONS ABOVE 1200PX
#########################################################*/
@media (min-width: 1280px) {
  /* Gris Responsive */
  .container{width:1170px;padding:0;}
  .row{width:100%;*zoom: 1;}
  .row:before,
  .row:after{display: table;line-height: 0;content: "";}
  .row:after{clear:both;}
  .row [class*="col"]{display: block;float: left;width: 100%;min-height: 30px;margin-left: 2.564102564102564%;*margin-left: 2.5109110747408616%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .row [class*="col"]:first-child{margin-left: 0;}
  .row .controls-row [class*="col"] + [class*="col"] {margin-left: 2.564102564102564%;}
  /* columns */
  .row .col12{width:100%;*width: 99.94680851063829%;}
  .row .col11{width: 91.45299145299145%;*width: 91.39979996362975%;}
  .row .col10{width:82.90598290598291%;*width: 82.8527914166212%;}
  .row .col9{width:74.35897435897436%;*width:74.30578286961266%;}
  .row .col8{width:65.81196581196582%;*width: 65.75877432260411%;}
  .row .col7{width:57.26495726495726%;*width:57.21176577559556%;}
  .row .col6{width: 48.717948717948715%;*width: 48.664757228587014%;}
  .row .col5{width:40.17094017094017%;*width: 40.11774868157847%;}
  .row .col4{width: 31.623931623931625%;*width:31.570740134569924%;}
  .row .col3{width: 23.076923076923077%;*width:23.023731587561375%;}
  .row .col2{width: 14.52991452991453%;*width: 14.476723040552828%;}
  .row .col1{width: 5.982905982905983%;*width:5.929714493544281%;}
  body > header nav ul.nav > li:nth-child(1) > ul { background-position:85px top; }
  body > header nav ul.nav > li:nth-child(2) > ul { background-position:75px top; }
  body > header nav ul.nav > li:nth-child(3) > ul { background-position:60px top; }
  body > header nav ul.nav > li:nth-child(4) > ul { background-position:60px top; }
  body > header nav ul.nav > li:nth-child(5) > ul { background-position:195px top; }
}
/*#########################################################
        RESOLUTIONS FROM 1024PX TO 1200PX
#########################################################*/
@media (min-width:980px) and (max-width:1279px){
  .container{width:940px;padding:0;}
  .navbar .nav > li > a {float: none;padding: 10px 8px 10px;}
  body > header nav ul.nav > li:nth-child(1) > ul { background-position:65px top; }
  body > header nav ul.nav > li:nth-child(2) > ul { background-position:55px top; }
  body > header nav ul.nav > li:nth-child(3) > ul { background-position:45px top; }
  body > header nav ul.nav > li:nth-child(4) > ul { background-position:45px top; }
  body > header nav ul.nav > li:nth-child(5) > ul { background-position:150px top; }
}