@media (min-width: 1200px) {
	.products-table td {
        /* Behave like a "row" */
      
        border-bottom: 1px solid #eee;
        position: relative;
        white-space: normal;
      padding-bottom: 5px;
	  padding-top: 5px;
	  
		/*background:#f8f8f8!important;*/
    }
	.navbar-nav>li:last-child {
  border-right: none;
  box-shadow: none;
  width: 127px;
	}
}
@media (min-width: 768px)

}
 @media (min-width: 768px) and (max-width: 979px) {

}


   @media (max-width: 992px) {
    .navbar-header {
        float: none!important;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block!important;
    }
    .navbar-collapse {
        border-top: 1px solid transparent!important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1)!important;
    }
    .navbar-fixed-top {
		top: 0!important;
		border-width: 0 0 1px!important;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px!important;
	}
	.navbar-nav>li {
        float: none!important;
    }
    .navbar-nav>li>a {
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }
    .collapse.in{
  		display:block !important;
	}
	.navbar-nav>li{
		border-right:none!important;
  box-shadow:none!important;
  border-bottom:1px solid #e0e0e0; box-shadow:0px 2px 0px 0px #fff;}
  .navbar-nav>li:last-child{border-bottom:none; box-shadow:none;}
  .dropdown-menu{ width:100%; text-align:center; border-radius:0px;}
  .dropdown-menu li a{text-align:center; background:#666!important; color:#fff!important; border-bottom:1px solid #fff;}
  .dropdown-menu li a:hover{ background:#ccc!important; color:#666!important;}

}
 @media (min-width: 768px) and (max-width: 1024px) {
	 #banner{ height:400px;}
	 .banner-bg{ position:relative; top:57%;}
	 .middle-box span{margin: 30px 80px;}
	 .middle-box h1{ margin:30px 0px 10px 0px; text-align:center;}
	 .middle-box p{ width:100%; padding:0px 0px;}
	 .bx-wrapper .bxslider .text{ width:100%!important; display:block; overflow:hidden; height:auto!important;position: relative; top: -44px; float:none; margin:0px 0px 0px 0px!important;}
	 .bx-wrapper .bxslider .text p{width:100%!important;}
	 .bx-wrapper .bx-prev{ left:170px!important; bottom:17px!important;}
	 .bx-controls-direction{ position:relative; top:0px;}
	 .footer-left{margin:0px 0px 0px 20px!important;}
	 .footer-right{margin:0px 20px 0px 0px!important;}
	 #sub-banner{ height:150px;}
	 .sub-bg{ top:60px; height:60px;}
	 .sub-cont .mils-cl{ width:100%; margin:0 auto; text-align:center;}
	 
}
 @media only screen and (max-width: 767px) {
	 #banner{ height:300px;}
	 .banner-bg{ position:relative; top:57%;}
	 .bx-wrapper .bx-prev{ left:655px!important;}
	 .bx-controls-direction{}
	 .footer-left{margin:0px 0px 0px 20px;}
	 .footer-right{margin:0px 20px 0px 0px!important;}
	 .pro{text-align:center; margin:10px 0 0 0;}
	 .sendinquiry{float:none !important; text-align:center}
	 .right-pro .sb-img{ float:none; text-align:center; border:none; width:100%;}
}

@media only screen and (max-width: 480px) {
    /* Force table to not be like tables anymore */
    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
		
    }
	

 	/* Force table to not be like tables anymore */
	.no-more-tables table,  .no-more-tables thead,  .no-more-tables tbody,  .no-more-tables th,  .no-more-tables td,  .no-more-tables tr {
 display: block;
}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.no-more-tables thead tr {
 position: absolute;
 top: -9999px;
 left: -9999px;
}
 .no-more-tables tr {
border-bottom: 7px solid #fff; background:#F8F8F8
}
 .no-more-tables td {
		/* Behave  like a "row" */
		border: none;
 border-bottom: 1px solid #eee;
 position: relative;
 padding-left: 65%;
 white-space: normal;
 text-align:right;
 padding-top:4%;
 padding-bottom:5%;
 padding-right:6%
}
 .no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 15px;
 left: 6px;
 width: 100%;
 padding-right: 0px;
 white-space: wrap;
 text-align:left;
 font-weight: normal;
 line-height:16px;
 bottom:10px;
}
 
	/*
	Label the data
	*/
	.no-more-tables td:before {
content: attr(data-title);

}
}

@media (min-width: 480px) and (max-width: 767px) {
	.navigation{ padding:0px 15px!important;}
	.banner-bg{ position:relative; top:50%;}
	.top-right{float:none; width:100%; margin:10px auto;}
	 .social{ width:100%; text-align:center;}
	 #banner{ height:350px;}
	 .top-right span{ border:none; box-shadow:none; text-align:center; width:100%;}
	 .middle-box{ width:100%; border-right:none; border-bottom:1px solid #ccc; box-shadow:0px 2px 0px 0px #fff;}
	 .middle-box p{ width:100%; float:none; padding:0px 0px;}
	 .bx-wrapper{ margin:0px 0px!important;}
	 .bx-wrapper .bx-prev{ left:495px!important;}
	 .bx-viewport{ margin:0px 0px; height:auto!important; overflow:hidden; width:100%!important;}
	 .bx-viewport ul{ width:100%; margin:20px 0px 0px 0px;}
	 .bx-wrapper .bxslider .text{ display:block; overflow:hidden; height:auto!important;position: relative; top: -30px;}
	 .footer-left{margin:0px 0px 0px 20px!important;}
	 .footer-right{margin:0px 20px 0px 0px!important;}
	 .slide-out-div{ display:none;}
	 #sub-banner{ height:120px;}
	 .sub-bg{ top:50px; height:60px;}
	 .sub-cont .map{ width:100%; margin:10px auto;}
	.sub-cont address{ margin:20px 0px 20px 0px; text-align:center;}
	.sub-cont .mils-cl{ width:100%; margin:0 auto; text-align:center;}
	.sub-cont .product-sb{ margin:10px 0px; text-align:center;}
	.p-top{ padding-top:10px;}
.p-bottom{ padding-bottom:0px;}

}
 @media (max-width: 479px)  {
	 .navigation{ padding:0px 15px!important;}
	.top-right{float:none; width:100%; margin:10px auto;}
	.banner-bg{ position:relative; top:25%;}
	 .social{ width:100%; text-align:center;}
	 .top-right span{ border:none; box-shadow:none; text-align:center; width:100%;}
	 .middle-box{ width:100%; border-right:none; border-bottom:1px solid #ccc; box-shadow:0px 2px 0px 0px #fff;}
	 .middle-box span{ width:100%; float:none; text-align:center; margin:5px auto;}
	 .middle-box h1{ float:none; width:100%; text-align:center; margin:20px auto;}
	 .middle-box p{ width:100%; float:none;}
	 #banner{ height:300px;}
	 .bx-wrapper{ margin:0px 0px!important;}
	 .bx-wrapper .bx-prev{ left:225px!important;}
	 .bx-viewport{ margin:30px 0px 0px 0px; height:auto!important; overflow:hidden; width:100%;}
	 .bx-viewport ul{ margin:20px 0px 0px 0px;}
	 .bx-wrapper .bxslider .text{ display:block; overflow:hidden; height:auto!important;position: relative; top: -36px;}
	 .bx-wrapper .bxslider .text p{width:100%;}
	 #sub-banner{ height:120px;}
	 .sub-bg{ top:45px; height:60px;}
	 .sub-cont address{ margin:20px 0px;}
	 .sub-cont .product{ text-align:center; float:none; margin:10px auto; width:auto;}
	/* .pro{text-align:center;}
		 .sendinquiry{float:none !important; text-align:center}*/

 }
 
 @media only screen and (max-width: 360px) {
	 .middle-box{ width:100%; text-align:center; margin:0px 0px!important;}
	 .middle-box .btn{ float:none; text-align:center;}
	 .bx-wrapper .bx-prev{ left:250px!important; top:0px;}
	 .slide-out-div{ display:none;}
	 .sub-cont .form h3{ margin:0px 0px 10px 0px; text-align:center;}
	 .right-pro .sb-img{ float:none; text-align:center; border:none; width:100%;}
	 }
 
 @media (min-width: 320px) and (max-width: 360px) {
	 .logo{ margin:10px auto 0px auto;}
	 .navigation{ padding:0px 15px!important;}
	 .banner-bg{ position:relative; top:25%;}
	 .middle-box{ width:100%; text-align:center;}
	 .middle-box p{ padding:0px;}
	 .middle-box h1{ margin:30px 0px 10px 0px;}
	 .bx-viewport{ margin:0px 0px 0px 0px; height:auto!important; overflow:hidden; width:100%!important; float:none}
	 .bx-wrapper .bx-prev{ left:210px; top:0px;}
	 .bx-wrapper .bxslider .text{ width:100%!important; display:block; overflow:hidden; height:auto!important;position: relative; top: 0px; float:none; margin:0px 0px 0px 0px!important; }
	 .bx-viewport ul{ float:none; width:100%;}
	 .bx-wrapper .bxslider .text p{width:100%;}
	 .bx-controls-direction{ position:relative; bottom:35px;}
	 .middle-box .btn{ float:none; text-align:center; margin:0px 0px!important;}
	 .bx-wrapper .text h5{ text-align:left;}
	 .footer-left{ width:100%; float:none; text-align:center;}
	 .footer-right{ width:100%; float:none; text-align:center;}
	 .slide-out-div{ display:none;}
	 #sub-banner{ height:90px;}
	 .sub-bg{ top:36px; height:60px;}
	 .sub-bg h1{ text-align:center;}
	 .sub-cont p{ text-align:center;}
	 .sub-cont h1{ width:100%; padding:5px 0px; text-align:center; border-bottom:1px solid #2384C2; border-left:none; line-height:25px;}
	 .sub-cont .quality-img{ margin:10px 0px 10px 0px!important}
	 .sub-cont .quality-img h3{margin:0px 0px 10px 0px!important}
	 .sub-cont .map{ width:100%; margin:10px auto;}
	 .sub-cont address{ margin:20px 0px;}
	 .sub-cont .form{ background:none;}
	 .sub-cont .form li{ margin:0px 0px 10px 0px;}
	 .sub-cont .form li .submit{ float:none; text-align:center; margin:0 auto; width:100%;}
	 .dropdown-menu li a{ width:100%; text-align:center; padding:5px 0px!important;}
	 .bx-wrapper .bx-controls-direction a{ top:0px!important;}
	 .sub-cont .mils-cl{ width:100%; margin:0 auto; text-align:center;}
	 .sub-cont .product{ text-align:center; float:none;}
	 .sub-cont .product-sb{ margin:10px 0px; text-align:center;}
	 .p-top{ padding-top:10px;}
.p-bottom{ padding-bottom:0px;}
	.right-pro p{ text-align:left;}
	.finished{ margin:0px 0px 20px 0px;}
	.iso{ border:none; box-shadow:none; text-align:center;}
	.request{ float:none; margin:10px 0px; text-align:center; width:100%;}
	 }
	 
	 @media (max-width: 320px){
		 
		 .bx-wrapper .bx-prev{ left:212px!important; top:0px;}
		 .sub-cont .map{ width:100%; margin:10px auto;}
		 .sub-cont address{ margin:20px 0px;}
		 .sub-cont .form{ background:none;}
		 .sub-cont .form h3{ margin:0px 0px 10px 0px;}
		 .sub-cont .form li{ margin:0px 0px 10px 0px;}
		 .sub-cont .product{ text-align:center; float:none; margin:10px auto; width:auto;}
		 .right-pro .sb-img{ float:none; text-align:center; border:none; width:100%;}
		 .iso{ border:none; box-shadow:none; text-align:center;}
		 }