@media screen and (min-width:1200px) {
  #newsFrame .col:nth-of-type(3n+2) {/*margin: 25px 30px 25px 30px;*/margin: 0 30px 30px 30px;}
  /*#newsFrame .col:nth-last-of-type(1),#newsFrame .col:nth-last-of-type(2),#newsFrame .col:nth-last-of-type(3) {margin-bottom:0;}*/

  #clientsFrame .col:nth-of-type(5n) {margin-right:0;}

  .photoFrame A {width: 225px; float:left;margin: 0 15px 15px 0;}
  #festivalContent .photoFrame A {width:185px;}
  /*.photoFrame A:nth-of-type(4n) {margin-right:0;}*/
}
/** Inherit rules through conditions */
@media screen and (max-width:1200px) {
  BODY {padding: 45px 0 0 0;}
  .wrapper {width:100%;}
  #overlay {position: fixed; display:none; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.79);}
  #pager {position: fixed; right: 15px; bottom: 15px; border: 1px solid #181445; text-align:center;background: rgba(255, 255, 255, 0.68); width: 50px; height: 50px;}
  #pager:after {content:"\2193";font-size: 32px;color: #802D71;color: #181445;font-weight: 900;}
  #topBar {position:fixed;z-index: 1000; background: #181445; color:#fff; text-align:right; box-shadow: 0 0 3px 1px #000;padding:10px;height: 45px;width: 100%;top: 0;}
  #topBar IMG {width:50px;}
  #topBarButton {left:0; top:0; bottom:0; width:45px; position: absolute;background-image:url(/images/menu.png); background-repeat:no-repeat; background-position:center;}
  #topBarButton.active {background-color:rgba(0, 0, 0, 0.26);}
  #topBar #menuWrapper {position: fixed; top: 45px;box-shadow: 0 5px 13px 2px rgba(0, 0, 0, 0.72);bottom: 0;overflow-y: auto; overflow-x:hidden;width: 80%;left: 0;background: #fff;color: #181445;text-align: left;transform: translateX(-102%);-webkit-transform: translateX(-102%);-moz-transform: translateX(-102%);transition:0.5s; transition-timing-function: cubic-bezier(0.25, 0.46, 0.39, 0.98)}
  #topBar #menuWrapper.opened {transform:initial;-webkit-transform:initial;-moz-transform:initial;}
  #topBar #menu, #topBar #sideMenu {display:block; width:100%;}
  #topBar #menu UL {}
  #topBar #menu UL LI {width:100%; border-bottom: 1px solid #F6F6F6;}
  #topBar #menu UL LI A {border-top:none; width:100%; padding:20px; margin:0;}
  #topBar #menu UL LI A.active {background:#E5E5E5;}

  #topBar #menu .submenu {display:block; z-index:0;background: #fff; position:relative; top:0;padding-left: 10px;margin: initial;left: initial;}
  #topBar #menu .submenu LI {width:100%;padding: 15px 10px;border-bottom: 1px solid #ccc;}
  #topBar #menu .submenu LI:before {width: 15px; height: 15px; background: #181445; color:#fff; display: block; float: left; content: "+"; border-radius: 2px; text-align: center; margin: 0 10px 0 0; line-height: 15px;}
  #topBar #menu .submenu LI.rolled:before {background:#C0C0C0;}
  #topBar #menu .submenu LI:last-child {border-bottom:none;}
  #topBar #menu .submenu LI.rolled-static > .submenu {display:block;}
  #topBar #menu .submenu .submenu {display:none; margin: 8px 0 0 0;}
  #topBar #menu .submenu LI A {border-top:none; width:100%; padding:0; margin:0; text-transform:none;}
  #topBar #menu .submenu LI.active {color: #999;}
  #topBar #menu .submenu LI A:before {content:""; width:15px; height:15px; position:absolute; display:block;background: #fff;}
  
  /*#topBar #sideMenu {}
  #topBar #sideMenu UL LI {border-bottom: 1px solid #D4D4D4;}
  #topBar #sideMenu UL LI A {padding:15px; font-size:15px;background: #E1E1E1; color: #929292;}
  #topBar #sideMenu UL.submenu LI A.active {background-color:#693761; color:#fff;}
  #topBar #sideMenu UL.submenu LI {border-bottom: 1px solid #EDEDED;}
  #topBar #sideMenu UL.submenu LI:last-child {border-bottom:none;}
  #topBar #sideMenu UL.submenu LI A {background:#fff; color:inherit;}*/
}

@media screen and (max-width:768px) {
  #header {display:none;}

  #purpleFrame {height:auto;padding: 15px;}
  #purpleFrame.menu {padding:15px 0 0 0;}

  #content {padding:15px; padding-bottom: 0;}

  #festivalContent {width:100%;}

  /*#siteNav {padding: 0 15px 0 15px;}*/

  #sideMenu {display:none; width:100%;}

  #newsFrame {padding:30px 15px;}
  #newsFrame .col IMG {width:100%;}
  #newsFrame .col {min-height:0;}

  #footer {text-align:center;}
  #footer {padding:15px;}
  #footer UL LI {float:left; width: 49%; margin: 0 0 10px 0; text-align:right;}
  #footer UL LI:nth-child(even) {float:right; text-align:left}
  #footer .left {width:100%;}
  #footer .right {width:100%;}
  
  #topBar #menu .submenu li:not(:first-child) {display: none;}
  #topBar #menu .submenu li .submenu li:not(:first-child) {display: block;}
}

@media screen and (min-width:769px) and (max-width:1200px){

}

@media screen and (min-width:601px) and (max-width:768px){

  #purpleFrame .col {width:32%;padding: 20px;border-bottom: 1px solid #5D1A51;height: 157px;background-image: none;}
  #purpleFrame .col:nth-of-type(3n+1) {border-right:1px solid #5D1A51;}
  #purpleFrame .col:nth-of-type(3n+2) {width: 36%;}
  #purpleFrame .col:nth-of-type(3n) {border-left:1px solid #5D1A51;}
  #purpleFrame .col:nth-last-of-type(1), #purpleFrame .col:nth-last-of-type(2), #purpleFrame .col:nth-last-of-type(3) {border-bottom:none;}

  #newsFrame .col {width:32%; margin: 0 0 30px 0;}
  #newsFrame .col:nth-of-type(3n+2) {margin:0 2% 30px 2%;}

  #clientsFrame .col {width:32%; margin: 0 0 15px 0;}
  #clientsFrame .col:nth-of-type(3n+2) {margin:0 2% 15px 2%;}

  .photoFrame A {width: 32%; margin:0 0 15px 0;background-color: #ccc; float: left;}
  .photoFrame A:nth-of-type(3n+2) {margin:0 2% 15px 2%;}
  .photoFrame A:nth-last-of-type(1), .photoFrame A:nth-last-of-type(2), .photoFrame A:nth-last-of-type(3) {margin-bottom:0;}
}

@media screen and (min-width:481px) and (max-width:600px) {

  #purpleFrame .col {width:50%;padding: 20px;border-bottom: 1px solid #5D1A51;height: 157px;background-image: none;}
  #purpleFrame .col:nth-of-type(2n+1) {border-right:1px solid #5D1A51;}
  #purpleFrame .col:nth-of-type(2n) {float:left;}
  #purpleFrame .col:nth-last-of-type(1), #purpleFrame .col:nth-last-of-type(2) {border-bottom:none;}

  #newsFrame .col {width:49%; margin: 0 0 15px 0;}
  /*#newsFrame .col:nth-of-type(3n+2) {margin:0 0 15px 0;}*/
  #newsFrame .col:nth-of-type(2n) {float:right; margin:0 0 15px 0;}
  #newsFrame .col:nth-last-of-type(1), #newsFrame .col:nth-last-of-type(2) {margin:0;}

  #clientsFrame .col {width:32%; margin: 0 0 15px 0;}
  #clientsFrame .col:nth-of-type(3n+2) {margin:0 2% 15px 2%;}

  .photoFrame A {width: 49%; margin:0 0 11px 0;background-color: #ccc; float: left;}
  .photoFrame A:nth-of-type(2n) {float:right;}
  .photoFrame A:nth-last-of-type(1), .photoFrame A:nth-last-of-type(2) {margin:0;}

}

@media screen and (min-width:381px) and (max-width:480px){
  .photoFrame A {width: 49%; margin:0 0 15px 0;background-color: #ccc; float: left;}
  .photoFrame A:nth-of-type(2n) {float:right;}
  .photoFrame A:nth-last-of-type(1), .photoFrame A:nth-last-of-type(2) {margin:0;}
}

@media only screen and (max-width: 400px)
{
  #purpleFrame {display: none;}
}

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

 #banner {display:none;}

 #siteNav {text-align:center;}
 #siteNav A {float:none; }

 #purpleFrame.menu {padding-bottom:0;}
 #purpleFrame .col {width:50%; height: 70px; line-height: 50px;padding: 10px;border-bottom: 1px solid #5D1A51;background-position: center right 19px;text-align: left;}
 #purpleFrame .col:nth-of-type(2n) {border-left:1px solid #5D1A51;}
 #purpleFrame .col:nth-last-of-type(1), #purpleFrame .col:nth-last-of-type(2) {border-bottom:none;}
 #purpleFrame .col IMG {display:none;}

 #newsFrame .col {width:100%; margin: 0 0 30px 0;}
 #newsFrame .col H2 {margin-bottom:0;}
 /*#newsFrame .col:nth-of-type(3n+2) {margin:0 0 20px 0;}*/
 #newsFrame .col:nth-last-of-type(1){margin:0;}

 #clientsFrame .col {width:49%; margin: 0 0 15px 0;}
 #clientsFrame .col:nth-of-type(2n) {float:right;}

 .photoFrame A {max-width:100%; margin:0 0 15px 0;float: left;}
 .photoFrame A:nth-last-of-type(1) {margin:0;}
}