/* lg */ 
@media (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }
  .navbar-nav > li {margin-left:2px;}
  .navbar-inverse .navbar-nav > li > a{ padding:0 15px;}
  .navbar-collapse {padding-left: 0; padding-right: 0;}
  #main-slider .text{ left:6%;}
  #main-slider .carousel h1{ font-size:45px;}
  #feature .features .feat-list h2 span{ font-size:16px; line-height:20px;}
  #pro-info .list4 li span{ max-width:90%; margin:0 auto; display:block; min-height:72px;}
  
  #service .list1,#service .list2{ padding-top:70px; overflow:hidden;}
  #service .list1 li,#service .list2 li{ width:150px; height:210px; float:left; text-align:center;}
  #service .list1 li.bg,#service .list2 li.bg{ width:100px; background-position:50% 70px;}
  #service .list1 li span,#service .list2 li span{ font-size:16px;}
  #service .list2{ width:650px;}

}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  .container > .navbar-header, .container > .navbar-collapse{ margin-left: 0;}
  .navbar-header,.navbar-right{ width:100%; float:none;}
  .navbar-inverse .navbar-nav > li > a { padding:0 12px; line-height:40px;}
  #main-slider .carousel h1 {font-size: 25px;}

  #main-slider .carousel h2 {font-size: 20px;}
  #feature .features{ padding:40px 0;}
  #feature .features .feat-img{ padding-top:60px;}
  #feature .features .feat-list h2 span{ display:block; font-size:14px; line-height:20px;}
  #feature .features .feat-list li i{ max-width:80%;}
  #feature .features .feat-list li span{ text-align:center; line-height:20px; font-size:14px; display:block; padding:15px 0;}
  #home-case li{ width:50%;}
  #pro-info .list4 li span{ max-width:90%; margin:0 auto; display:block; min-height:72px;}
  #service .list1,#service .list2{ padding-top:70px; overflow:hidden;}
  #service .list1 li,#service .list2 li{ width:170px; height:230px; float:left; text-align:center;}
  #service .list1 li.bg,#service .list2 li.bg{ width:80px; background-position:50% 70px;}
  #service .list1 li span,#service .list2 li span{ font-size:16px;}
  #service .list1,#service .list2{ width:670px; margin:0 auto;}
}

/* xs */
@media (max-width: 767px) {
  .container > .navbar-header, .container > .navbar-collapse{margin-left: 0; }
  .top-number{font-size: 14px;}
  input.search-form:hover {width: 120px;} 
  .navbar-inverse{ padding-top:10px;}
  .navbar-nav > li {padding-bottom: 0;margin-bottom:10px;}
  .navbar-inverse .navbar-nav > li > a{ line-height:36px;}
  .navbar-inverse .navbar-brand{float:left;padding:0 15px 15px 0px; font-size:18px; line-height:20px; } 
  #main-slider .carousel h1 {font-size: 25px;}
  #main-slider .carousel h2 { font-size: 16px;}
  #main-slider .text{ top:6%; line-height:100%;}
  #main-slider .col-sm-6{ width:96%; position:absolute; left:0; bottom:60%;}
  #main-slider .carousel .slider-img{ text-align:center; position:inherit;}
  .nav-tabs > li.active > a:after{display: none;}
  #feature .features{ padding:20px;}
  #feature .features .feat-img,#feature .features .feat-list{ width:100%; float:none;}
  #feature .features .feat-img{ padding:0 0 20px 0;}
  #feature .features .feat-list li{ width:50%;}
  #feature .features .feat-list h2{ font-size:24px; margin-bottom:20px;}
  #feature .features .feat-list h2 span{ font-size:16px; line-height:24px;}
  #home-case li{ width:50%;}
  #customers{ padding:30px 0;}
  #customers li{ width:33.3%; margin-bottom:20px;}
  #info-wrap,#service{ padding:30px 0;}
  #pro-menu{ width:100%; border:1px solid #e1e1e1; padding:35px 0 0 0;}
  #pro-menu li{margin-right:20px;}
  #pro-info h1,#service h1{ font-size:28px;}
  #pro-info h2,#service h2{ font-size:20px; padding-top:20px;}
  #pro-info .list1{ width:100%;}
  #pro-info .list1 li,#pro-info .list4 li{ width:50%; padding:10px 0;}
  #pro-info .list1 li i{ max-width:90%;}
  #pro-info .list2{ margin:0;}
  #pro-info .list2 li,#pro-info .list3 li{ width:100%; float:none; margin:0; padding:15px 0;}
  #pro-info .list2 li span,#pro-info .list3 li span{ display:block; line-height:50px; font-size:18px;}
  #pro-info .list4 li span{ max-width:95%; margin:0 auto; display:block; min-height:90px;}  
  #pro-info,#case{ padding:30px 0;}
  #case li{ width:47.4%;}
  #case li .name{ padding:10px 0; font-size:14px;}
  .case-txt1{ margin-bottom:50px;}
  .case-txt1 .pic-box{ width:295px; height:200px;}
  .case-txt1 .text-box{ margin-left:295px; padding:15px 20px;}
  .case-txt1 .text-box h2{ line-height:30px; margin-bottom:5px; font-size:20px; overflow:hidden;}
  .case-txt1 .text-box dl{ height:82px; margin-bottom:10px; overflow:hidden;}
  .case-detail h2{ font-size:26px; margin-bottom:30px;}

 
  .news-wrap ul{width:83%; max-height:180px; overflow:hidden;}
  .news-wrap ul li{ width:100%; margin:0; float:none;} 
  .nview{ line-height:160%; font-size:14px; overflow:hidden; padding:30px 0;}
  .nview .detail{ margin-right:0; margin-bottom:20px;}
  .nview .aside{ width:100%; float:none;}
  .related{ border-top:1px solid #ebebeb; padding:20px; overflow:hidden;}
  .related a{ display:block; max-width:inherit;}
  .related a.pre,.related a.next{ float:none; background:none; padding:0;}
  
  #service .list1,#service .list2{ padding-top:40px; overflow:hidden;}
  #service .list1 li,#service .list2 li{ width:140px; height:200px; float:left; text-align:center;}
  #service .list1 li.bg,#service .list2 li.bg{ width:60px; background-position:50% 60px;}
  #service .list1 li span,#service .list2 li span{font-size:14px;}
  #service .list1,#service .list2{ width:540px; margin:0 auto;}

}

/* XS Portrait */
@media (max-width: 580px) {
	/*.col-xs-6{ text-align:center;}
	.col-xs-6 .small img{ max-height:60%;}
	.top-bar .col-xs-8{ width:100%;}*/
	.top-bar .col-xs-4{ width:45%;}
	.top-bar .col-xs-8{width:55%;}
	.navbar-inverse .navbar-brand{ max-width:70%;}
	.navbar-inverse .navbar-brand img{ max-width:100%;}
	#main-slider .carousel .item{ height:500px; background-size:cover;}
	#home-case{ padding-bottom:50px;}
	#home-case h2,#customers h2{ margin-bottom:30px; font-size:26px;}
    #home-case li{ width:100%;}
	#home-case li .bg-box{ margin-right:0;}
    #customers li{ width:50%;}
	#pro-menu{ width:100%; border:0; padding:0;}
    #pro-menu li{ width:100%; float:none; margin:0;border-bottom:1px solid #e1e1e1;}
	#pro-info .plist{ margin:0; padding:30px 0;}
	#pro-info .plist li{ width:100%; float:none; margin:0 0 20px 0;}
	.case-txt1{ margin-bottom:30px;}
	.case-txt1 .pic-box{ width:100%; height:auto; float:none;}
	.case-txt1 .pic-box img{ width:100%;}
    .case-txt1 .text-box{ margin-left:0; padding:15px 20px;}
    .case-txt1 .text-box h2{ line-height:30px; margin-bottom:5px; font-size:20px; overflow:hidden;}
    .case-txt1 .text-box dl{ height:auto; margin-bottom:10px; overflow:hidden;}

	#footer .copyright{ width:100%; float:none; margin-bottom:20px;}
	
	.nlist .text{ margin-left:0;}
	.nlist .text .ntitle a{ font-size:16px; margin-right:0;}
	.nlist .text .ntitle span{ width:auto; display:block; float:none;}
	.nlist .text .detail,.nlist .text .ntitle{ height:auto;}
	.npic{ width:100%; height:auto; line-height:inherit; float:none; margin-bottom:10px;}
	.npic img{ width:100%; max-width:none; max-height:none;}
	#new{ margin:0; padding:0 0 20px 0;}
	.detail{ padding:0;}
    .detail h1{ font-size:20px; margin-top:0;}
	#contact{ padding:0;}
	.contact h3{ font-size:20px;}
	.contact li{ float:none; margin:0;}
	.contact li p{ padding-left:25px;}
	
	#service .list1 li,#service .list2 li{ width:100%; height:auto; float:none;}
    #service .list1 li.bg,#service .list2 li.bg{ width:100%; background:url(/html/data/template/jeatech/images/service/sicon2.png) 50% 50% no-repeat; height:50px;}
    #service .list1 li span,#service .list2 li span{font-size:16px;}
    #service .list1,#service .list2{ width:auto;}

}