/************************Notice background path*********************************************/
/************************Notice background path*********************************************/
@media(max-width: 1920px){
	/*-------------------       content1    ---------------------------*/
	.content1{position:relative; margin: 0 auto; overflow: hidden; width:100%; height:auto; background:#D2D2D2;}
	.content-div{width: 92.2916666%;margin: 5.85416% auto;overflow: hidden;}
	.content-right-in{margin: 3.3147208% auto;}
	.content-right-title{font-size: 23px;}
	/*-------------------       content2    ---------------------------*/
	.content2{position:relative; margin: 0 auto; overflow: hidden; width:100%; height:auto; background:#313131;}
	.product-img{width: 92.1875%;margin: 3.90625% auto;overflow: hidden;}
	.product-img li{float:left;width: 24.5%;margin: 0px 0.25%;transition:all 1s;}
	.product-img li:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
	/*-------------------       footer    ---------------------------*/
	.footer{position:relative; margin: 0 auto; overflow: hidden; width:100%; height:auto; background:#DC0203;}
	.footer-info{width: 81.25%;margin: 3.6458333% auto 4.6875%;overflow: hidden;}
	/********************     frame      ***************************/
	.frame-img img{
		position: relative;
        width: 100%;
        height: 394px;
        object-fit: cover;
	}
	.aboutus-frameway{margin-top: 5.45833333%}
}
@media(max-width: 1040px){
	/*-------------------       headmenu      ---------------------------*/
	#menu-header{width:100%;}
	#menu-header li{ float:left;margin: 0;width: 14%;}
	/*-------------------       content1    ---------------------------*/
	.content-left{width: 100%;margin:10px auto;height: auto;background: #ffffff;float: left;}
	.content-left-title{width: 308px;margin: 12.820512% auto 0px; font:bold 57px/57px 'Arial';color: #88000F;}
	.btn{width: 318px;margin: 4.0792540% auto 12.820512%;}

	.content-right{width: 100%;margin:10px auto;height: 591px;background: #232323;float: right;z-index: 2;}
	.product-img{width: 92.1875%;margin: 3.90625% auto;overflow: hidden;}
	.product-img li{float:left;width: 49.5%;margin: 5px 0.25%;}

	/********************     frame      ***************************/
	.frame-img{display: block;width: 100%;height: 100%;}
	.frame-img img{position: relative; width: 100%;height: 200px; }
	.aboutus-frameway{position: absolute;top: 0px;width: 200px; margin-top: 4.45833333%;margin-left: 11.04166666%; font-size: 30px;font-family: 'Arial';font-weight: bold;}
	.frame-arrows{width: 30px;height: auto;margin-top: 5px;transition:all 1s;cursor: pointer;}
	.frame-arrows:hover{margin-top: 10px;}

	.bottom_loop_div{width: 48%;margin: 1%;float: left;min-width: 200px;} /*bottom product box*/

	/************************** aboutus page *************************************/
	.aboutus{width: 100%;margin: 20px auto;line-height: 20px;}
}
@media(max-width: 770px){
	/************************** paroduct-list page *************************************/
	.product-list-left{float:left;width:100%;text-align:center;margin: 5px 0px;}
	.show_photo{width:60%;margin: 0 auto;}/*width of m_photo box*/
	.product-list-middle{float:left;width:100%;text-align:center;margin: 5px 0px;}
	.show_photo_detail{margin-left:0px; margin-right:0px;}/*width of m_photo detaile box*/
	.product-list-right{float:left;width:100%;text-align:right;}
	.product-list-right li{float:left;width:50%;text-align: center;margin: 5px 0px;}
	.footer-info-left{width: 100%;text-align: center;}
	.footer-info-right{width: 100%;text-align: center;} 
	.footer-info-right li{float: none;margin-right: 0px;} 
	.footer-info-right-li{font-size:  14px;margin-top: 5px;margin-bottom: 15px;}
}
@media(max-width: 640px){
	/*-------------------       headmenu      ---------------------------*/
	.headmenu{position:relative; margin: 0 auto; overflow: hidden;  width:100%; height:auto; background:#E10102;}
	.headmenu-head{display: block;position: relative; width: 98%;height: 35px;margin: 2% 1%;border: 1px solid #EBFCF6;cursor: pointer;}
	.headmenu-head span{display: block;_display:inline-block;line-height: 35px;padding: 0px 15px;color:#ffffff; font-size: 14px;text-transform: uppercase;font-weight: bold; }
	.headmenu-head:before{position: absolute;top: 15px;right: 10px;display: block;overflow: hidden;margin-left: -3px;width: 0px;height: 0px;border-color: #fff transparent transparent transparent;border-style:solid;border-width:6px 5px 0 5px;content: ' '; }
	#menu-header{display: none; position: relative; width:98%; margin: 1%; font-size: 15px; font-family: Calibri; font-weight: bold; text-transform: uppercase;z-index: 999;float: left;}
	#menu-header li{ clear:left; width: 100%;}
	#menu-header li a,#menu-header li a:visited {display: block;_display:inline-block;width: auto;height: 35px; color:#ffffff;text-decoration:none;line-height: 35px;text-align: left;transition:all 1s;padding: 0px 15px; }
	#menu-header li a:hover{ color:#ffffff;background: url(../images/headmenu-bg.jpg) repeat; }

	#menu-header li ul.sub-menu{position: relative;top: 0px;left: 0px;overflow: hidden;background: #950101; display: block;z-index: 999; font-size: 12px;font-family: Calibri;font-weight: bormal;text-transform: none;}
	#menu-header li ul.sub-menu li{position: relative; float:left;margin: 0 1px;width:100%;}
	#menu-header li ul.sub-menu li a,#menu-header li ul.sub-menu li a:visited{ display: block;_display:inline-block;width: 100%; margin: 0 auto; height: 40px; color:#ffffff;text-decoration:none;line-height: 40px;text-align: left;transition:all 1s;background: url(../images/headmenu-bg.jpg) repeat; }
	#menu-header li ul.sub-menu li a:hover{background: none;}

	/*-------------------       content1    ---------------------------*/
	.content-div{width:  88.2916666%;}
	.content-right-info{height: 280px;}
	.content-right-profile{float: none;text-align: center; width: 99%;margin: 1%;}
	.content-right-iso{float: none; width: 30%;margin: 1% auto;}
	.content-right-btn{position: relative; left: 0px; margin: 0 auto;transition:all 1s;} 
	.content-right-btn:hover{position: relative;left: 0px; bottom: -5px;}
	/*-------------------     prodcat page  ---------------------------*/
	.content_box{width: 60%;height: auto;overflow: hidden;margin: 0 auto;}
	.bottom_loop_div{width: 98%;margin: 1%;float: left;min-width: 200px;} /*bottom product box*/
	.catimg{width:100%;margin: 0 auto; text-align:center;}
	.catimg img{width: 100%;height: auto;}
	/*-------------------     product-list    ---------------------------*/
	.total-product{float:left; width:50%; text-align:center;margin:2px 0px; }
	.page-list{float:left; width:50%; text-align:center;margin:2px 0px;}
	.enquiry-btn{float:left; width:100%; text-align:center;margin:2px 0px;}
	/*-------------------     global product page title    ---------------------------*/
	.righttitle-left{float:left; width:100%;text-align:left;}
	.righttitle-right{float:right; width:100%;text-align:left; padding-right:0;}
}
@media(max-width: 480px){
	/*-------------------       content1    ---------------------------*/
	.content-right-info{height: 320px;}
	.product-img{width: 82.1875%;margin: 3.90625% auto;overflow: hidden;}
	.product-img li{float:left;width: 99.5%;margin: 5px 0.25%;}
	.content-right-p{margin: 10px auto;}
	.content-left-title{width: 100%;margin: 12.820512% auto 0px; font:bold 25px/25px 'Arial';color: #88000F;text-align: center;}
	/*-------------------      prodcat page    ---------------------------*/
	.content_box{width: 80%;}
	.show_photo{width:80%;margin: 0 auto;}/*width of m_photo box*/
	/*-------------------      Machinery page & Capabilities page  ---------------------------*/
	.Machinery-content li{width: 98%;margin:1%;float: left;}
	.Capabilities-content li{width: 98%;margin:1%;float: left;}
}