@media screen and (max-width: 1024px) {
 #header .header-content {
 width: 90%;
 padding: 40px 0;
}
 #header.fixed a {
 color: #353535;
}
 .nav-toggle {
 display: block;
}
 .navigation {
 position: fixed;
 background-color: #313131;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 99999;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
 transition: opacity 0.5s, visibility 0s 0.5s;
}
 .navigation .primary-nav {
 position: relative;
 top: 25%;
 -moz-transform: translateY(-45%);
 -ms-transform: translateY(-45%);
 -webkit-transform: translateY(-45%);
 transform: translateY(-45%);
}
 .navigation li {
 display: block;
 margin-bottom: 1px;
}
 .navigation a {
 display: block;
 font-size: 18px;
 margin: 0;
 text-align: center;
 padding: 17px 0;
 color: #fff;
}
 .person {
 margin: 0 auto 50px;
}
 .person-content {
 text-align: center;
}
 .person .social-icons li {
 display: inline-block;
 float: none;
 margin-bottom: 5px;
}
 .testimonials blockquote {
 padding: 20px 5% 0;
}
 .testimonials p {
 font-size: 12px;
}
 .flex-control-nav {
 bottom: 20px;
}

#header .el-menu-item {
  color: #ffffff;
}
#header .el-submenu .el-submenu__title {
  color: #ffffff;
} 

/* .el-menu--horizontal>.el-menu-item.is-active {
  border-bottom: 2px solid #409EFF;
  color: #fff !important;
} */
/* .el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
  border-bottom: 2px solid #409EFF;
  color: #fff !important;
} */
.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover, .el-menu--horizontal>.el-submenu .el-submenu__title:hover {
  background-color: transparent;
  /* color: #fff !important; */
}
}

@media screen and (max-width: 768px) { 
.solution-btn .button{
  height: 30px !important;
}
#main-slider .item {
  height: 500px;
  background-repeat: no-repeat;
  background-position: 60% 0%;
  background-size: cover;
}
.carousel-content {
    margin-top: 20%;
    width: 84%;
}
#header.fixed a {
    color: #fff;
}
#header.fixed a.logo{
	 color: #000;
}
 .banner-text {
 padding-top: 30%;
}
 .banner-text h1 {
 font-size: 42px;
}
 .banner-text p {
 font-size: 18px;
}
 .flexslider {
 padding-bottom: 80px;
}
 .flex-control-nav {
 width: 100%;
}
 .footer .footer-col {
 margin-bottom: 50px;
}
.msp_jia_item_split {
    display: none;
}
}

@media screen and (max-width: 640px) {
 .banner-text {
 padding-top: 57%;
}
 .testimonials p {
 font-size: 12px;
}
#main-slider .btn-sm{
  font-size: 1rem !important;
}
}
@media screen and (max-width: 480px) {
 .banner-text {
 padding-top: 45%;
}
 .banner-text h1 {
 font-size: 32px;
}
 .testimonials p {
 font-size: 12px;
}
#main-slider .btn-sm{
  font-size: 1rem !important;
}
}
@media screen and (max-width: 320px) {
 .banner-text {
 padding-top: 55%;
}
 .testimonials blockquote {
 padding: 20px 5% 0;
}
 .testimonials p {
 font-size: 12px;
}
#main-slider .btn-sm{
  font-size: 1rem !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
}