@media only screen and (max-width: 980px) {
	.containerfix{
		width: 100%;
	}
	#main .containerfix{
		width: 100%;
	}
	#wapper{
		width: 100%;
		clear: both;
		background: #fff;
	}
	#header{
		min-width: 100px
	}
	.header-top{
		padding-left:10px;
		padding-right: 10px;
	}
	.col-logo{
		width: 15%;
	}
	.col-slogan{
		width: 40%;
	}
	.col-call{
		width: 45%;
	}
	.col-slogan h2 {
    margin-top: 18px;
    text-align: left;
    line-height: 20px;
	}
	.menumain>ul>li>a {
		padding: 0px 2px;
		    font-size: 9px;
	}
	.menumain>ul>li{
		padding-right: 0px !important;
		border-right: 1px solid #D53621
	}
	.menumain>ul>li>a{
		    background: url(../images/bg_bg.gif) repeat-x center top;
	}
	.con_left{
		width: 20%;
		margin-right: 2%;
	}
	.con_slide {
    float: left;
    width: 78%;
	}
	.content_content {
    width: 100%;
	}
	.con_content {
    float: left;
    width: 63%;
    margin-right: 2%;
	}
	.con_right{
	width: 35%;
	margin-left: 0px
	}
	.footer_nav {
		width: 100%;
    min-width: 100px;
	}
	.footer {
    width: 100%;
	}
	.footer_1_1{
		width: 70%;
	}
	.footer_1_face{
		width: 30%;
	}
	.menu_111 {
    width: 100%;
	}
	.product1{
		width: 48%;
		margin-left: 1% !important;
		margin-right: 1% !important
	}
	.product1.ends{
	width: 48%;
		margin-left: 1% !important;
		margin-right: 1% !important
	}
	.product1_image a{
		height: 120px
	}
	.product1_image a img {
		height: 110px;
	}
}


@media only screen and (max-width: 767px) {
	#cssmenu{
    display: block;
    background: #333333 !important;
        float: left;
    width: 100%;
    z-index: 99999;
	}
	#cssmenu ul ul li a{

	}
	.con_content{
		width: 100%;
		margin-right: 0px !important
	}
	.product1_image a img{
		width: 100%;
	}
	.bx-wrapper img{
		margin: 0 auto;
		width: 100%;
	}
	.con_slide{
		width: 100%;
	}
	.product1_image a {
    height: 170px;
        width: 100%;
    display: block;

	}
	.product1_image a img {
    height: 160px;
}
	.con_left{
		display: none;
	}
	#cssmenu > ul > li > a{
		
	}
	#cssmenu #menu-button.menu-opened:before{
	
	}
	#cssmenu #menu-button.menu-opened:after{
	
	}
	#cssmenu .submenu-button:after {
		
	}
	#cssmenu .submenu-button:before{
	
	}
	.menumain{
		display: none;
	}
	#cssmenu #menu-button{
	
	padding: 14px;
	}
	#cssmenu #menu-button:before{

	}
		#cssmenu #menu-button:after{
	  
	}
	.con_right{
		display: none;
	}
	.product_gif {
    width: 100%;}
    .right_news_des {
    width: 68%;margin-left: 2%}
    .right_news_images {
    	margin-right: 0px !important;
    width:30%;}
    .right_news_images img{
    	width: 100%;
    }
	.col-slogan{
		width:85%;
		padding-left:10px;
	}
	.col-slogan h2{
		margin-top:0px
	}
	.header-top {
		height:105px;
	}
	#header{
		height:140px;
	}
	.col-call {
    width: 82%;
	}
	.col-call .tuvan {
		    margin-top: 4px;
    margin-bottom: 1px;
		font-size:12px;
		display:none !important
	}
	.con_con,.con_con2{
    padding: 12px;}
	.productfix{
		padding-left:12px;
		padding-right:12px;
	}
	.footer{
		padding-left:12px;
		padding-right:12px;
	}
	.footer_nav {
		border-top:7px solid #D53621;
   height: auto;
    background: #f3f3f3;
	}
}

@media only screen and (max-width: 639px) {
	
}

@media only screen and (max-width: 567px) {
	
}


@media only screen and (max-width: 479px) {

}
@media only screen and (max-width: 380px) {
		
}