#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {  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:after,
#cssmenu > ul:after {  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0; background-color:#000;}
#cssmenu #menu-button {  display: none;}
#cssmenu {     width: 59%;  line-height: 1;  margin: 30px 0 0 0;   z-index: 999;   position: absolute;   float: right;   right: 0;}
/*#menu-line{position:absolute;bottom:0;left:0;height:20px;background:url(../images/arrow.png) center bottom no-repeat;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
*/#cssmenu > ul > li { float: left;}
#cssmenu.align-center > ul {  font-size: 0;  text-align: center;}
#cssmenu.align-center > ul > li {  display: inline-block;  float: none;}
#cssmenu.align-center ul ul {  text-align: left;}
#cssmenu.align-right > ul > li {  float: right;}
#cssmenu.align-right ul ul {  text-align: right;}
#cssmenu > ul > li > a{ font-weight:normal;margin: 0 37px 0 0px;    padding: 15px 3px 4px 0px;font-size:18px;text-decoration:none;text-transform:uppercase;color:#000000;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease; -o-transition:color .2s ease;transition:color .2s ease;background-position:left bottom;}
#cssmenu > ul > li:hover > a ,
#cssmenu > ul > li.active > a {  color: #000000;  border-bottom: 9px solid #be2828;}
#last-child{padding: 20px 0px 40px 20px !important; }
#cssmenu > ul > li.has-sub > a {  /*padding-right: 25px;*/}
#cssmenu > ul > li.has-sub > a::after{position:absolute;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;}
#cssmenu > ul > li.has-sub:hover > a::after {  border-color: #009ae1;}
#cssmenu ul ul {  position: absolute;  left: -9999px;}
#cssmenu li:hover > ul {  left: auto;}
#cssmenu.align-right li:hover > ul {  right: 0;}
#cssmenu ul ul ul { /* margin-left: 100%;*/  top: 37px;  z-index:9;}
#cssmenu.align-right ul ul ul {  margin-left: 0;  margin-right: 100%;}
#cssmenu ul ul li {  height: 0;  -webkit-transition: height .2s ease;  -moz-transition: height .2s ease;  -ms-transition: height .2s ease;  -o-transition: height .2s ease;  transition: height .2s ease;}
#cssmenu ul li:hover > ul > li {  height: 32px;}
#cssmenu ul ul li a{padding:10px 20px;width: 280px ;font-size:18px; font-style:italic;background:#333333;text-decoration:none;color:#fff;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;}
#cssmenu ul ul li:hover > a,
#cssmenu > ul ul > li.active > a {color: #e0b45d; }
#cssmenu ul ul li.has-sub > a::after {position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition: border-color 0.2s ease;  -o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
#cssmenu.align-right ul ul li.has-sub > a::after {  right: auto;  left: 10px;  border-bottom: 0;  border-right: 0;  border-top: 1px solid #dddddd;  border-left: 1px solid #dddddd;}
#cssmenu ul ul li.has-sub:hover > a::after {  border-color: #ffffff;}
 
@media (min-width: 0px) and (max-width: 990px) {
#cssmenu {width: 100%;     margin: 52px 0 0 0;}
#cssmenu ul {width: 100%;  display: none; }
#cssmenu.align-center > ul,
#cssmenu.align-right ul ul {   text-align: left;}
#cssmenu ul li,
#cssmenu ul ul li,
#cssmenu ul li:hover > ul > li {   width: 100%;    height: auto;    border-top: 1px solid rgba(120, 120, 120, 0.15); background:#fff;  }
#cssmenu ul li a,
#cssmenu ul ul li a {  width: 100%;	text-align: left; height: 60px;font-size: 16px;padding: 25px 0px 0px 50px;  background: #fff; } 
#cssmenu > ul > li,
#cssmenu.align-center > ul > li,
#cssmenu.align-right > ul > li {  float: none;   display: block; }
#cssmenu ul ul li a { padding: 20px 20px 20px 60px;    font-size: 16px;    color: #000000;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {color: #000000;}
#cssmenu ul ul ul li a { padding-left: 90px;}
#cssmenu ul ul,
#cssmenu ul ul ul { position: relative;    left: 0;    right: auto;  top:0;   width: 100%;    margin: 0;} 
#cssmenu > ul > li.has-sub > a::after,  
#cssmenu ul ul li.has-sub > a::after { display: none;}
#menu-line {   display: none;}
#cssmenu #menu-button {display: block; padding: 30px 50px 28px 50px;color: #fff;    background: url(../images/mobMenu.png) #015288 no-repeat 97% 50%;  text-align: right; cursor: pointer; font-size: 18px; text-transform: uppercase;}
#cssmenu #menu-button::after { background-image:url(../images/mobMenu.png);    position: absolute;    top: 20px;    right: 20px;    display: block;    width: 15px;    height: 2px;  }
#cssmenu #menu-button::before {    position: absolute;    top: 25px;    right: 20px;    display: block;    width: 15px;    height: 3px;   }
#cssmenu .submenu-button { position: absolute; z-index: 10;    right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.15);background-color:#fff; height: 60px;    width: 60px;    cursor: pointer;  }
#cssmenu .submenu-button::after {    content: '';    position: absolute;    top: 21px;    left: 26px;    display: block;    width: 1px;    height: 11px;    background: #000000;   z-index: 99;}  
#cssmenu .submenu-button::before {    content: '';    position: absolute;left: 21px;    top: 26px;    display: block;    width: 11px;    height: 1px;    background: #000000;    z-index: 99; }
#cssmenu .submenu-button.submenu-opened:after { display: none;}
}

@media (min-width: 991px) and (max-width: 1024px) {
#cssmenu > ul > li > a { font-size: 12px;    margin: 0 15px 0 0px;}
#last-child{ padding:20px 0 40px 6px !important ;}
#cssmenu {    width: 68%;  margin: 10px 0 0 0;}
#cssmenu ul ul li a{    font-size: 12px; padding: 10px 10px;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {   border-bottom: 5px solid #be2828;}
#cssmenu ul ul ul{top: 30px;}
#cssmenu ul ul li a{ width:180px;}	
}

@media (min-width: 1025px) and (max-width: 1152px) {
#cssmenu > ul > li > a{font-size:12px;  margin: 0 15px 0 0px;}
#cssmenu {    width: 66%;  margin: 21px 0 0 0;}
#cssmenu ul ul li a{   font-size: 12px; padding: 10px 10px;     line-height: normal;}
}

@media (min-width: 1153px) and (max-width: 1280px) {
#cssmenu > ul > li > a{font-size:14px;  margin: 0 15px 0 0px;}
#cssmenu {   width: 66%;  margin:14px 0 0 0;}
#cssmenu ul ul li a{   font-size: 12px; padding: 10px 10px;}
}

@media (min-width: 1281px) and (max-width: 1366px){
#cssmenu > ul > li > a{font-size:14px;  margin: 0 30px 0 0px; }
#cssmenu { width: 890px;  margin: 14px 0 0 0;}
#cssmenu ul ul li a{   font-size: 12px; width:200px;}
 
}


@media (min-width: 1367px) and (max-width: 1440px) {
#cssmenu > ul > li > a{font-size:14px;  margin: 0 30px 0 0px; }
#cssmenu { width: 890px;  margin: 34px 0 0 0;}
#cssmenu ul ul li a{   font-size: 12px;width:200px; }
}


@media (min-width: 1441px) and (max-width: 1600px) {
#cssmenu > ul > li > a{font-size:16px;  margin: 0 30px 0 0px;}
#cssmenu {    width: 985px; margin: 7px 0 0 0;}

}

@media (min-width: 1601px) and (max-width: 1680px) {
#cssmenu{ width:1020px; margin:31px 0 0 0;}
#cssmenu > ul > li > a {  margin: 0 30px 0 0px;  font-size: 17px;}

}
@media (min-width: 1921px) and (max-width: 2560px) {
#cssmenu { width: 58.5%;}
}