@media (max-width: 939px) {

ul.nav a {
  padding: 0.85em 0.85em;
}
 
ul.nav i {
    font-size: 1.2em;
    box-shadow: 0 0 0 10px transparent;
    text-align: center;
	} 
  
ul.nav {
  float: right;
}      

ul.nav li span {
  display: block;
  margin-top: 0.4em;
  font-size: 0.9em;
}  
  
ul.nav li span.icon {
  font-size: 1.2em;
}  

}

@media (max-width: 768px) {

.color-picker {
  display:none !important;  
}

.parallax .parallax-text-container {
  width: 100%;
  height:500px;
}

ul.nav a {
  padding: 0.95em 0.5em;
}
ul.nav {
  font-weight: 400;
  padding: 0px;
}
 
ul.nav i {
    font-size: 1.2em;
    box-shadow: 0 0 0 10px transparent;
    text-align: center;
}

ul.nav li span {
  display: block;
  margin-top: 0.32em;
  font-size: 0.9em;
}  
  
ul.nav li span.icon {
  font-size: 1.2em;
}

} 

@media (max-width: 599px) {

.navigation .nav{
  display:none !important;
}

.ext {
  max-height: 50px;
  line-height:50px;
  width:auto;
  margin-top:5px;
  margin-bottom: 5px;
  float: none;
  left: auto;
  right: auto;
  padding-left: 0px;
  display:block;
}

.slogan, .top-social{
  display:none !important;
}

.navigation {
  padding-bottom: 10px;
  height:150px;
}

.select-menu {
  font-family: 'Caudex', sans-serif;
  font-size: 13px;
  height:30px;
  width:90%;
  display:block;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding:5px 5px;
  line-height: 30px;
  margin:0px auto;
  border:0px solid;
  background:rgba(249, 249, 249, 0.95);
  color: rgba(0, 0, 0, 0.95);
  margin-top:10px; 
}


}