@media (min-width: 1200px){
	.container {
    max-width: 1200px;}
}
@media (min-width: 992px){
	.bot-img img{ margin-top:80px; }
}
	
@media (min-width:992px) and (max-width:1199px){
		span.bg p{
			padding-bottom: 0;
		}
		span.bg .pmore {
    		padding: 5px 20px;}
    	.navbar-nav > li > a {
		    padding: 0 12px;}
		.about-info {
		 margin-top: 45px;}
		.sy-news .nav>li>a {
    		padding: 9px 15px;}

}	
	
@media (max-width: 991px){
	.navbar-nav > li > a {
    padding:0px 12px;
	line-height:36px;
	}	
	.navbar-brand{
		padding:25px 0;
	}
	.navbar-brand img {
	    max-height: 40px;
	}
	span.bg p{
	padding-bottom:8px;
	}
	.about-info {
		background-color: #fff;
		padding:0px;
		position:static;
		left:0;
		top: 0;
		margin:0px;}
		.series {
	    margin: 10px 0 15px;}
}

@media (min-width:768px) and (max-width:991px){
	.sy-about, .sy-products {
    padding: 0px;}
    .pro-list {
    padding: 0px;}
}
@media (max-width:767px){
	.navbar-brand {
    padding: 15px;}
	.navbar-brand img{
		max-height:45px;}
	.navbar-toggle {
   	 	background-color:#eee;
		margin:20px 10px 20px 0;}
	.navbar-toggle .icon-bar {
		background-color: #555;}
	.navbar-nav>li>a{
		font-size:15px;
		color:#555;
		padding:5px 10px;
		margin:0;}
	.dropdown-menu > li > a {
    color: #555;}
    .pro-list {
    padding: 0px;}
	.about-info h5{
		margin-top:20px;}
	.sy-about, .sy-products, .sy-news {
    	margin: 0px;
    	padding:0;}
	.copy .pull-left{
		padding-left:60px;}
	.news .media-heading a {
    	font-size: 16px;}
	.about-tit h2 {
    	font-size: 24px;}
	span.bg {
    padding: 5px;}
    .about-info {
    	margin-bottom: 20px;
    }
    .ser-tit {
    margin-top: 36px;
	margin-bottom: 20px;}
    .ser-tit h2 {
    font-size: 21px;}
    figure.effect-goliath h2{
    	font-size: 14px;
    }
}