#cssmenu,

#cssmenu ul,

#cssmenu ul li,

#cssmenu ul li a {

  margin: 0;

  padding: 0;

  border: 0;

  list-style: none;

  line-height: 1;

  display: block;

  position: relative;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

#cssmenu {

  width: 100%;

  margin: 50px 0 0;

  padding: 0 14% 0 14%;

  font-family: Raleway, sans-serif;

  color: #ffffff;

}

#cssmenu ul ul {

  display: none;

}

#cssmenu > ul > li.active > ul {

  display: block;

}

.align-right {

  float: right;

}

#cssmenu > ul > li > a {

  padding: 18px 0 18px;

  cursor: pointer;

  z-index: 2;

  font-size: 20px; 

  color: #ffffff;

  letter-spacing:0.4px;

  text-transform: uppercase;

  text-decoration: none;

  -webkit-transition: color .2s ease;

  -o-transition: color .2s ease;

  transition: color .2s ease;

}

#cssmenu > ul > li > a:hover {

  color:#c79216;

}

#cssmenu ul ul li a {

  padding:10px 0;

  cursor: pointer;

  z-index: 2;

  font-size: 16px;

  text-decoration: none;

  color: #c79216; 

  -webkit-transition: color .2s ease;

  -o-transition: color .2s ease;

  transition: color .2s ease;

}

#cssmenu ul ul ul li a {

  padding-left: 0;

}

#cssmenu ul ul li a:hover {

  color:#cbcbcb;

}

#cssmenu ul ul > li.has-sub > a:after {

  top: 16px;

  right: 26px;

  background: #dddddd;

}

#cssmenu ul ul > li.has-sub > a:before {

  top: 20px;

  background: #dddddd;

}



/*Smartphone css*/

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

#cssmenu { width:100%; text-align:center; margin:80px 0 0;}

#cssmenu > ul > li > a { font-size:16px; padding:14px ​0 14px;}

}



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

#cssmenu { width:100%; text-align:center; margin:80px 0 0;}

#cssmenu > ul > li > a { font-size:16px; padding:14px ​0 14px;}

}



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

#cssmenu { width:100%; text-align:center; margin:80px 0 0;}

#cssmenu > ul > li > a { font-size:16px; padding:14px ​0 14px;}

}



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

#cssmenu { margin:80px 0 0;}

#cssmenu > ul > li > a { font-size:16px; padding:14px 0 14px;}

}



@media screen and (min-width:901px) and (max-width:1024px) {

#cssmenu { margin:175px 0 0;}

#cssmenu > ul > li > a { font-size:18px; padding:16px 0 16px;}

}



@media screen and (min-width:1025px) and (max-width:1240px) {



}



@media screen and (min-width:1241px) and (max-width:1340px) {

#cssmenu {margin: 80px 0 0;}

}

@media screen and (min-width:1341px) and (max-width:1740px){

#cssmenu {margin: 110px 0 0;}

}

@media screen and (min-width:1741px) {

#cssmenu {margin: 140px 0 0;}

}

@media (max-height: 550px) { 

#cssmenu {margin: 50px 0 0;}
}