@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body{ margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; }
img { border:0xpx;  }
.outerbody{ width:100%; margin:0px; padding:0px; max-width:1280px; margin:0px auto; background-color:#fff; }
#top-header{  width:100%; height:2px; background-color:#fff;  font-size:14px; color:#fff; line-height:1.5;}
.top-left{ width:45%; display:inline-block; box-sizing:border-box; margin:12px; margin-left:50px; }
.head-left{  padding-top:12px; }
#bottom-header{ height:135px; background-color:#fff; box-shadow:0px 0px 0px #333;}	
#logoimg{max-width: 40%; height: auto; margin:5px 0px 0px 50px;}
.bottom-left{float:left; }  
.bottom-left1{float:left; margin-left:5px; font-size:45px; color:#000;}   
.bottom-left2{ clear:both; font-size:17px; color:red; margin-top:-13px;} 
.head-right{margin-right:50px; float:right;}
.bottom-right1{ height:60px; }
.bottom-right2{ width:100%;  }
IMG.displayed{display:block;margin-top:0px;margin-left:auto;margin-right:auto; max-width:100%; height:auto;}
.img2{max-width:100%;height:auto;float:right;margin-right:15px;margin-left:15px;margin-top:5px;}
.pdficon{max-width:16%; height: auto;}
input{width:100%;border:solid #d5d5d5 1px;border-radius:5px 5px 5px 5px;height:25px;}
input:hover{border:solid 1px #f5f5f5;box-shadow:0px 0px 4px #03677E;}
textarea{width:100%;border:solid #d5d5d5 1px;border-radius:5px 5px 5px 5px;}
textarea:hover{border:solid 1px #f5f5f5;box-shadow:0px 0px 4px #03677E;}
.feedback{font-family:Helvetica, Arial, sans-serif;font-size:13px;color:black;text-decoration:none; text-align: left;}
#submenu{ z-index:1000; position:absolute; margin-top:0px; margin-left:13px; min-width:210px;  min-height:100px; background-color:#fff; display:none; }
#nav{float:right;  }
#nav ul{list-style: none;
	 	    margin:0px;
		padding:0px; }
#nav ul li{ float:left; list-style:none;  height:25px; margin:1px;}
#nav ul li a {  color:#333; font-size:14px; padding:15px; text-transform:uppercase; text-decoration:none; font-family: 'Open Sans', sans-serif; font-weight:400;}
#nav ul li ul{ padding:0px;}
#nav ul li ul li{clear:both; margin:0px; padding-top:5px; text-transform: uppercase; margin-left:10px; margin-top:5px; color:#333; font-size:13px; padding-bottom:5px;}
#nav ul li:hover >a{color:#fff;}
#nav ul li:hover  {background-color:green;}
#nav ul li:hover >#submenu{display:block;}
#icon{display:none;}
.about{ margin-top:-30px; background-color:#519872; padding-left:50px; padding-right:50px; padding-bottom:20px; padding-top:10px; color:white; font-size:13px;}
.texts{ font-size:16px; line-height:1.5; text-align:justify;   }
.texts2{ font-size:17px; color:#333; line-height:1.4; text-align:justify; text-spacing:1;   }

.part2{  margin-left:50px; margin-right:50px; margin-top:25px;   }
.subpart{ float:left; width:30%;   box-sizing: border-box; height:260px; background-color:#f5f5f5; margin:57px 17px auto; opacity:0; }
.subpart p{text-align: center; padding:20px; color:#33333; }
.subpart h2{text-align: center; width:100%;  color:#000; font-size:16px; }
.icons { margin-top:-50px;   }
IMG.icons{ display:block;  max-width:100%; height:auto; margin-top:-50px; margin-left:auto; margin-right:auto; }
#pr{ background-image: url("../images/harvester-parts-background.jpg"); background-attachment: fixed;    min-width:100%;  }
#part3{    margin-left:50px; margin-right:50px; margin-top:20px;   }

.headings{ font-size:52px; color:green; text-align:center; width:100%; line-height: .6; padding-top:60px;}
.p1{ width:12.6%; box-shadow:0px 0px 2px gray;  margin:1%; padding:1%; text-align:center; color:#333;  float:left; height:250px; opacity:0.8;  }
.p1 a {text-decoration:none;}
.p1 IMG {display:block; margin:0px auto;}
.p2{ width:21%; margin:2%; float:left; height:250px; background-color:#eee; visibility:hidden;  }
.enquiry{ float:right; margin:2px auto; width:180px; height:25px; box-shadow:1px 1px 2px #333; padding:10px; cursor:pointer; background-color:#272727; color:white; font-size:20px; font-weight:400; text-align:center }
.enquiry:hover{box-shadow:0px 0px 0px #333;}
.viewbutton{ margin:2px auto; width:100px; text-align:center; height:30px; padding:5px; cursor:pointer; background-color:#3db3fa; color:white; font-size:14px; font-weight:600; }
.viewbutton:hover{ background-color:#028984;}
.p1:hover{ background-color:#f5f5f5; box-shadow:1px 1px 2px #333; }
.viewbutton2{  width:160px; margin-top:40px; text-align:center; height:30px; padding:6px; cursor:pointer; background-color:#272727; color:white; font-size:14px; font-weight:600; }
.viewbutton2:hover{ background-color:#000;}

.innerproduct{ box-sizing:border-box;  height:280px; background-color:#f5f5f5; padding-top:5px; float:left; width:18%; margin:1%;  }
.innerproduct2{ box-sizing:border-box;  height:380px; background-color:#f5f5f5; padding-top:5px; float:left; width:18%; margin:1%;  }
.innerproduct3{ box-sizing:border-box;  height:auto; background-color:#f5f5f5; padding-top:5px; float:left; width:18%; margin:1%;  }

.productdetail{ text-align:center; color:gray; font-size:14px;  }
.productdetail h3{ font-size:15px; color:#000; font-weight:600; }

.product1{ height:200px; width:40%;  float:left; padding:1%; padding-top:30px; background-color:#f5f5f5; }
.product2{ height:200px; width:54%; float:left; padding-left:2%; background-color:#fff;}
.product2 h1 {padding:0px; margin:0px; color:#519872; }
.product2 a{ text-decoration:none;}
.subtext{ font-size:14px; color:gray;}

.rasp{box-sizing:border-box;margin-left:1%;margin-right:1%;float:left;width:48%;text-align:center;}
.innerproductcu{box-sizing:border-box;width:50%;float:left;padding:5px;margin:10px auto;}
.primg{max-width:100%;height:auto;}
.productss{text-decoration:none; color:black; font-size:14px;}
#part4{width:100%; height:auto; background-color:black; background-repeat: repeat;}
#bottom1{float:left; width:30%; text-align: left; margin-left:50px; color:#fff; font-size: 14px; font-weight:400; }
#bottom2{float:left; width:18%; text-align: left; color:#fff; font-size: 14px; font-weight:400; }
#bottom3{float:right; width:25%; text-align: center; margin-right:50px; }
#bottom4{float:left; width:18%; text-align: left; color:#fff; font-size: 14px; font-weight:400; }
#bottom5{float:left; width:18%; text-align: left; color:#fff; font-size: 14px; font-weight:400; }
.headings2{ font-size:18px; text-transform:uppercase; color:gray;}
.bline{ margin-right:30px; background-color:gray;}
.catution{ width:100%; text-align:center; font-size:12px; color:#333;  }
#footer{ background-color:#333; color:#fff; text-align: center; font-size:16px; padding-top:10px; height:40px; width:100%; }


.pagination{  background:#f2f2f2;padding:5px;margin-bottom:2px;margin-top:2px;float:right;margin-right:15px;}
.page{display:inline-block;padding:0px 9px;margin-right:4px;border-radius:3px;border:solid 1px #c0c0c0;background:#e9e9e9;box-shadow:inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);font-size:.875em;font-weight:bold;text-decoration:none;color:#717171;text-shadow:0px 1px 0px rgba(255,255,255, 1);}
.page:hover, .page.gradient:hover{background:#fefefe;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));background:-moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);}
.page.active{border:none;background:#616161;box-shadow:inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);color:#f0f0f0;text-shadow:0px 0px 3px rgba(0,0,0, .5);}
.contact{ width:49%; font-size:14px; letter-spacing:1.5;  float:left;}
.contactpart1{width:39%; background-color:#f5f5f5; margin-bottom:10px;  float:left;}
.contactpart2{width:60%; float:left; margin-bottom:10px; margin-left:1%;}
.pdficon{ max-width:2%; height:auto; float:left;}
.pdficon1{ font-size:18px;  }
.pdficon1 a{text-decoration:none; color:#fff;}






@media screen and (max-width:1024px){
.subpart{ width:28%; }
.summery{ }
    .viewbutton{width:110px;}
.innerproduct{ width:22%;}
	
	
	
	
	
	
	

}

@media screen and (max-width:820px){
	
.subpart{ width:28%; min-height:250px; font-size:14px;}
.summery{ width:120px; margin-left:20%;  font-size:14px;}
    .viewbutton{width:120px;}

	
	
	#bottom1{width:80%; padding-left:20px;}
        #bottom2{width:80%; padding-left:65px;}
        #bottom3{width:80%; padding-left:65px;}
	#bottom4{width:80%; padding-left:65px;}
	#bottom5{width:80%; padding-left:65px;}




/* mobile view style for resulation 768px   */
@media screen and (max-width:768px){
#top-header{ height:30px;}
.top-left{width:100%; text-align:center; margin:0px; margin-top:4px; }
#bottom-header{height:120px;}
#logoimg{ max-width:55%; margin-left:10px; margin:0px auto; }
.bottom-left1{font-size:35px; margin-left:0px;}
.bottom-left2{ font-size:13px; margin-top:-5px;}
.head-right{ margin:0px; margin-right:10px; width:40%; float:right; }
.pdficon{max-width:15%;}
.enquiry{ width:130px; height:23px; font-size:16px; font-weight:500;}
#nav ul li a {font-size:12px; padding:8px;}
.bx-wrapper .bx-caption{font-size:.75em;}
.about{margin:0px; padding:10px; margin-top:-55px;}
.part2{margin:10px;}
	.subpart{ margin:25px 5px auto; width:31%; min-height:210px;}
	.summery{ margin:0px;  margin-top:-10px; margin-left:22%; width:100px;  font-size:14px;}
    .subpart p{padding:2px; font-size:13px;}
    #part3{margin:10px;}
    .p1{width:28%;}
    .p2{ width:28%; visibility:visible; display: none; }
       .innerproduct{ width:31%;}
   .contactpart2{ width:100%;}
   .contactpart1{ width:100%;  }
	
	
	
	
	#bottom1{width:80%; padding-left:20px;}
    #bottom2{width:80%; padding-left:20px;}
    #bottom3{width:80%; padding-left:20px;}
	#bottom4{width:80%; padding-left:20px;}
	#bottom5{width:80%; padding-left:20px;}
   #part4{width:100%; height:auto; background-color:black;}
	
	
	
	
}



/* mobile view style for resulation 480px   */
@media screen and (max-width:480px){

	.top-left{ font-size:14px; margin-top:4px;  }
	#bottom-header{height:100px; margin:0px; padding:0px;}
	#logoimg{ margin-left:5px; margin-top:3px; max-width:55%; }
	.bottom-left1{font-size:30px; margin-left:0px; float: left;}
	.bottom-left3{font-size:30px; margin-left:0px; float: left;}
	.bottom-left2{ font-size:11px; margin-top:-5px; }
	.head-right{ margin:0px; width:40%; float:right; }
	.enquiry{ width:100px; height:16px; font-size:15px; font-weight:400;}
	.bottom-right2{position:fixed; margin-top:-35px; z-index: 5000;  }
	#submenu{min-height:321px; margin-left:50px; box-shadow: 1px 1px 2px #ccc; }
	#nav{  background-color:#000; z-index: 5000; display:none; }
	#nav ul li{ clear:both; height:100%;  }
	#nav ul li a{color:#fff;}
	#nav ul li ul{ background-color:#333; margin:0px; padding:0px; position:relative; width:auto; }
	#nav ul li ul li {  padding:1px; margin:0px; margin-left:30px; }
	#icon{display:block; float:right; margin-right:-10px; cursor:pointer;}
	.bx-wrapper .bx-caption{font-size:.55em;}
	.about{margin:0px; padding:10px; margin-top:-55px;}
	.texts{font-size:14px;}
	.about h2{text-align:center;}
	.part2{margin:0px;}
	.subpart{ margin:25px 5px auto; width:30%; min-height:210px;}
	.summery{ margin:0px; margin-left:18px; margin-top:-10px; height:22px; width:90px; font-size:12px;}
    .subpart p{padding:2px; font-size:13px;}
    #part3{margin:0px;}
    .p1{width:45%;}
    .innerproduct{ width:45%;}
    .product1{height:270px; background-color:#fff;}
    .product2{height:270px; background-color:#f5f5f5; }
    .viewbutton{width:140px;}
    
    #bottom1{width:80%;}
    #bottom2{width:80%; padding-left:10px;}
    #bottom3{width:80%; padding-left:10px;}
	#bottom4{width:80%; padding-left:10px;}
	#bottom5{width:80%; padding-left:10px;}
        #part4{width:100%; height:auto; background-color:black;}
  
    .innerproductcu{width:100%;}
    .rasp{width:98%;}
	
}


@media screen and (max-width:320px){
	.top-left{ font-size:12px; margin-top:4px;  }
	.bottom-left1{font-size:25px; margin-left:0px;  }
	.bottom-left2{ font-size:10px; margin-top:-5px; }
	.head-right{ display:none;}
	
#bottom1{width:80%;}
    #bottom2{width:80%; padding-left:10px;}
    #bottom3{width:80%; padding-left:10px;}
	#bottom4{width:80%; padding-left:10px;}
	#bottom5{width:80%; padding-left:10px;}
  #part4{width:100%; height:auto; background-color:black;}
}

