@media (max-width: 1022px) {


  /* Header */
body {
  background: #1a1a1a ;
  color:#8CC919;
}

header h1 {
  color: #0f76ce;
  font-weight: 500;
  margin-top: 100px;
}


 header .search-form {
    padding: 0;
  }

 header .search-form .input-group {
    width: 70%;
  }

 * header .navbar-toggle {
    margin: 0;
    padding-right: 0;
  }


  /* Nav */

 nav.navbar {
  background: rgba(100%,100%,100%,0) ;
  margin-top:0px;
  z-index: 3;
  margin: -20px 0 20px 0;
  padding-top: 5px;
}

nav.navbar .navbar-nav a {
  /*color: #8f5308;*/
  background-color: #333;
  font-size: 15px;
  font-weight:500;
  padding: 5px 0;
}

nav.navbar .navbar-nav li {
  font-size: 13px;
  font-weight:500;
  text-align: center;
  padding: 5px 50px 0px 60px;
}

  nav.navbar .navbar-nav a, nav.navbar .navbar-nav li:last-child a {
    border: 0;
  }

  nav.navbar .navbar-nav li:hover > .dropdown-menu {
    position: relative;
    width: 100%;
  }

  nav.navbar .navbar-nav li .dropdown-menu .dropdown-menu {
    background-color: #aaa;
    box-shadow: none;
    left: 0;
  }

  nav.navbar .navbar-nav li.current:after {
    display: none;
  }

  .follow-us, .share {
    width: 100%;
  }

  /*.follow-us-btns li {
    margin-right: 20px;
  }*/



  /* Home */
  main.home section {
    min-height: initial;
  }
  
  main.home section {
  /*border-top: 15px solid #00A0E9;
  border-left: 1px solid #00A0E9;
  border-right: 1px solid #00A0E9;
  border-bottom: 1px solid #00A0E9; */
  border-radius: 10px;
  margin-bottom: 20px;
  min-height: 410px;
}

  main.home .video .btn {
    margin-bottom: 20px;
  }

  /* Footer */

  footer .sitemap {
    display: block;
    margin: 0;
    line-height: initial;
  }

  /* About Us */
  main .content-header {
  background-color: #00A0E9;
  color: #fff;
  min-height: 200px;
  font-size:18px;
  padding-top: 15px; 
}

  main .content-header .title {
    margin-top: 0;
    padding-top: 30px;
  }
  
  main .content-header .sub-title {
    margin: 0;
    text-align: left;
  }

  main .content article {
	border: 0;
  }
  
  /* Quick add */
  
header .search-form .input-group {
  width: 100%;
}


header .search-form .input-group .search-input {
  background-color: rgb(139, 203, 240);
  border: 0;
  border-radius: 5px;
  font-size: 14px;
  height: 35px;
  padding: 5px;
}

.form-control, .form-control2 {
  height: 40px;
  width: 100%;
  border-radius: 5px;
}

.form-control3 {
  height: 70px;
  width: 100%;
  border-radius: 5px;
}

}

@media (max-width: 989px) {

header {
  background: url("../img/horch-design.jpg") center top no-repeat;
  width: 100%;
  height: auto;
}

header .brand img {
  width: 180px;
  height: auto;
  margin: 44px 0 15px 20px;
}

header h1 {
  color: #0f76ce;
  font-size: 23px;
  font-weight: 500;
  margin-top: 80px;
}

  /*.follow-us-btns li {
    margin-right: 20px;
  }*/

  /* Home */
  main.home section {
    min-height: initial;
  }
  
  main.home section {
  /*border-top: 15px solid;  #00A0E9
  border-left: 1px solid #00A0E9;
  border-right: 1px solid #00A0E9;
  border-bottom: 1px solid #00A0E9; */
  border-radius: 10px;
  margin-left: 15px;
  margin-right:15px;
  margin-bottom: 20px;
}
  

  main.home [class|=col] section:first-child {
    
    margin-top: 40px;
  }

  main.home .video .btn {
    margin-bottom: 20px;
  }

  /* About Us */


  main .content-header .title {
    margin-top: 0;
    padding-top: 30px;
  }
  
  main .content-header .sub-title {
    margin: 0;
    text-align: left;
  }

  main .content article {
	border: 0;
  }
  
 nav.navbar {
  background: rgba(100%,100%,100%,0) url("../img/horch-banner.jpg") center top no-repeat;
  margin-top:0px;
  z-index: 3;
}

  ifocus {
    width: 360px; height: 338px; backcolor: #FFF;
  }

  ifocus_pic {
    position: relative; margin-top: 10px; width: 100%; height: 100%; overflow: hidden}

}

@media (max-width: 766px) {

footer p {
    margin: 0;
    font-size: 13px;
}
header {
  background: url("../img/micsys-mobile.jpg") center top no-repeat;
  background-size: 100% auto;
  width: auto;
  height: 220px;
}

/* 瀑流式*/
.mansory_item {
   padding:5px;
   margin: 5px auto;
   background-color:#1a1a1a;
   -webkit-transition:all .2s ease-in-out;
   -o-transition:all .2s ease-in-out;
   transition:all .2s ease-in-out;
   display:inline-block;
   max-width:100%;
   height:220px
}

.mansory_item:hover {
  opacity: 0.8;
}

.thumbnail {
  background-color: rgba(254, 254, 254, 0.0);
  padding: 0 5px 0 5px;
}
.thumbnail-1 {
  background-color: rgba(254, 254, 254, 0.0);
  padding: 0 20px 0 20px;
}


}