@media only screen and (min-width:320px) and (max-width:991px) {
h1 {
 font-size:26px!important;
}
 h2 {
 font-size:21px!important;
}
 h3 {
 font-size:19px!important;
}
 h4 {
 font-size:15px!important;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.no-padding-left {
 padding-left: 15px !important;
}
header .social-nav {
display:none
}
 .main-head {
 line-height: 32px !important;
margin-top:20px !important;
}
.home-abt-bar {
 background:#fff;
padding:20px 0px 30px 0px!important;
}
.home-abt-bar .home-left {
padding-right:15px!important
}
.home-abt-bar .home-left .col-center {
 width:150px;
 height:150px;
 -webkit-transform:translate(-50%, -50%);
 -moz-transform:translate(-50%, -50%);
 transform:translate(-50%, -50%);
}
.home-abt-bar .home-left .col-arrow {
display:none
}
.home-abt-bar .mr-bottom {
margin-bottom:25px;
}
.product-bar {
 background:#fff;
}
.product-bar .product-left {
 padding-top: 10px !important;
 padding-bottom: 20px !important;
 padding-right: 15px !important;
}
.product-bar .product-right {
 padding-top: 20px !important;
 padding-bottom: 20px !important;
}
.product-bar .main-head {
 text-align: left
}
.product-bar .main-head span {
float: none;
}
.product-bar .main-head span.brdr {
 margin: 22px 0 22px 0;
}
.product-bar .btn-more {
 float:left
}
.product-bar .col-arrow {
display:none
}
 .home-abt-bar-1 {
 padding:20px 0px 30px 0px!important;
 background-size:cover
}
.home-abt-bar-1 .main-head {
 line-height:35px!important;
}
.banner-bar {
 background-size:cover;
 padding:60px 0;
}
.abt-bar .home-abt-bar .col-left {
display:none
}
.abt-bar .home-abt-bar-2 {
background:#fff;
padding:20px 0px 30px 0px!important;
}
.abt-bar .home-abt-bar-2 .home-right .col-arrow, .abt-bar .home-abt-bar-2 .col-right {
 display:none
}
.abt-bar .home-abt-bar-2 .home-right {
padding-left:15px!important;
}
.contact-bar {
	padding:10px 0;
}
.contact-bar .cont-nav { 
	padding: 25px; 
}
.contact-bar .cont-nav ul a span { 
	width: 70%;
}
.pro-bar {
	padding:25px 0!important;
}
.qy-bar{
	 padding:20px 0!important;
	 
}
.ga-bar{ padding:20px 0 5px!important;}
 footer .footer-bar-bottom .designer {
 text-align:left;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
 .home-abt-bar {
padding:50px 15px 50px 15px!important;
}
.home-abt-bar .home-left .col-arrow {
right:5px;
}
 .home-abt-bar-1 {
 background-size:cover
}
.home-abt-bar-1 .main-head {
 line-height:35px!important;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
header .logo-bar {
 background: linear-gradient(90deg, #f88532 26%, #4b4748 26%);
 background: linear-gradient(90deg, #fce8a1 26%, #fff 26%);
}
header .social-nav li a .fa {
 width: 25px;
 height: 25px;
 line-height: 25px;
}
 .home-abt-bar-1 {
 background-size:cover
}
}
