/*** responsive under 480px ***/

@media only screen and (max-width: 480px) and (min-width: 0px) {
    
.l-header .large-3.columns {
  width: 140px;
  float: right;
  padding: 0px;
  margin: 0px;
}

.l-header .large-9 {
  width: 56%;
  padding: 0 0 0 6px;
  z-index: 9991;
}

.l-header .large-12.columns {
  padding: 0px;
  margin-top: -3px;
}

}

/*** end responsive under 480px ***/



/*** responsive between 481 and 768px ***/

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

.large-4, .large-3 {
    width: 50%;
}

}

/*** end responsive between 481 and 768px ***/



/*** responsive between 769 and 938px ***/

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

.middle1-first.large-3.columns {
width: 100%;
}
    
.down-third.large-3.columns {
width: 100%;
float: left;
}

.down-third.large-3.columns {
float: left;
  width: 100%;
}

.middle1-second.large-9.columns {
  width: 100%;
}

.r-homepage-two-thirds.large-3, .down-first.large-3 {
  width: 100%;
}

.large-9.columns.r-homepage-one-thirds {
  width: 100%;
}

.down-second.large-9.columns {
  width: 100% !important;
}

}

/*** end responsive between 769 and 938px ***/