@charset "utf-8";
/* CSS Document */

body
{
margin:0;
padding:0;	
}



::selection {
    color: #fff; 
    background:#52658c;
}

main
{
margin:0;
padding:0;
width:100%;	
}




.top-head {
    margin: 0 auto 0 5%;
    padding: 0.5% 0;
    width: 90%;
    float: left;
    border-bottom: 1px solid #52658c;
    position: relative;
    /* background-color: #069; */
}


.bot-line
{
border-top:1px solid #ccc;	
}

.bread {
    margin: 0 0 0% 0%;
    padding: 1% 0;
    height: 250px;
    width: 100%;
    float: left;
    background: url(../images/pro-ban.png);
}

.msb {
    margin: 0 0 0% 0%;
    padding: 1% 0;
    height: 250px;
    width: 100%;
    float: left;
    background: url(../images/machin-shop-banner.jpg);
}


.measure {
    margin: 0 0 0% 0%;
    padding: 1% 0;
    height: 250px;
    width: 100%;
    float: left;
    background: url(../images/measure-instrument.jpg);
}


.contct{
 
    height: 250px;
    width: 100%;

    background: url(../images/contact-us-banner.jpg);

}



.head-1
{
margin:0;
padding:0;
width:90%;	
float:left;
}

.head-1 p {
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    line-height: 150%;
    font-weight: 300;
    text-align: left;
    color: #52658c;
    -webkit-font-smoothing: antialiased;
    padding: 0% 0% 0% 0%;
    margin: 0;
}

.head-2
{
margin:0;
padding:0;
width:5%;	
float:right;
}


header
{
margin:0 0%;
padding:0.5% 0;
width:100%;	
float:left;

background:rgba(255, 255, 255, 0.9);
}


.logobox {
    margin: 0 0 0 5%;
    padding: 0.5% 0 0% 0;
    width: 25%;
    float: left;
  
}
.logobox img {
     margin: 0% 0 0 0;  
    padding: 0;
    width: 100%;
}

.navbox {
    margin: 0% 0% 0 0;
    padding: 0% 0;
    width: 70%;
    float: left;
}

.banner
{
margin:0 0 0 0%;
padding:0;
width:100%;
}

.container1
{
margin:0 0 0 0%;
padding:7% 10%;
width:100%;
/*background-color: #bbcbd4;*/
box-sizing:border-box;
background:url(../images/pnk2.jpg);
background-size:cover;
}

.abt1
{
margin:0 0 0 0%;
padding:0% 0;
width:50%;
float:left;
}

.abt1 img
{
width:100%;
}



.abt2 {
    margin: 0 0 0 0%;
    padding: 2% 0;
    width: 50%;
    float: left;
    background-color: rgba(82, 101, 140, 0.35);
}

.readbut {
    margin: 3% 0 0 10%;
    padding: 2% 0;
    width: 40%;
    float: left;
    color: #fff;
    text-align: center;
    background-color: #52658c;
}

.readbut a {
     
    color: #fff;
 
}

.readbut a:hover {
     
    color: #fff;
    background-color: rgba(82, 101, 140, 0.35);
 
}


.container1 h1 {
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    line-height: 31px;
    font-weight: 300;
    text-align: left;
    letter-spacing: 3px;
    color: #dee9ef;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    padding: 2% 10% 1% 10%;
    margin: 0;
}
.container1 p {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 150%;
    font-weight: 300;
    text-align: left;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    padding: 3% 10% 2% 10%;
    margin: 0;
}

.container2

{
margin:0 0 0 0%;
padding:2.5% 0;
width:100%;
background-color:#52658c;
}

.container2 h1
{
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    line-height: 31px;
    font-weight: 300;
	text-align:center;
    letter-spacing: 3px;
    color: #bbcbd4;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    margin: 0;
}

.container3 {
    margin: 0 0 0 0%;
    padding: 0% 0 3% 0;
    width: 100%;
    background-color: #52658c;
}

.box1
{
margin:0 0 0 0%;
padding:0% 0;
width:33.33%;
float:left;

}

.box2
{
margin:0 0 0 0%;
padding:0% 0;
width:33.33%;
float:left;

}


.box3
{
margin:0 0 0 0%;
padding:0% 0;
width:33.33%;
float:left;

}

.container4
{
margin:0 0 0 0%;
padding:7% 0;
width:100%;

}


.container4 h1
{
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    line-height: 31px;
    font-weight: 300;
	text-align:center;
    letter-spacing: 3px;
    color: #575759;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    margin: 0;
}

.container4 p
{
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 150%;
    font-weight: 300;
	text-align:center;
 
    color: #696969;

    -webkit-font-smoothing: antialiased;
    padding: 2% 10% 0 10%;
    margin: 0;
}

.container5
{
margin:0 0 0 0%;
padding:0% 0;
width:100%;
background-image:url(../images/kitchen1.jpg);
background-size: cover;
min-height:400px;
background-attachment:fixed;
}

.container5 h2
{
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
	text-align:center;
    line-height: 31px;
    font-weight: 300;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    padding: 10% 0 0 0;
    margin: 0;
}

.container5 p {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 150%;
    font-weight: 300;
    text-align: center;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    padding: 2% 10% 0 10%;
    margin: 0;
}


.but
{
margin:3% 0 0 43%;
padding:1% 0;
width:15%;
text-align:center;
background-color:#52658c;
color:#fff;	
}

a
{
text-decoration:none;	
}


footer
{
margin:0 0 0 0%;
padding:3% 0;
width:100%;
float:left;
background-color:#2a2a2a;
}

.foot1
{
margin:0 0 0 0%;
padding:4% 0;
width:25%;
float:left;

}

.foot1 h1
{font-family: 'Raleway', sans-serif;
    font-size: 30px;
    line-height: 31px;
    font-weight: 300;
	text-align:left;
	padding:0 0 0 10%;
    letter-spacing: 3px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}


.foot2
{
margin:0 0 0 0%;
padding:0% 0;
width:25%;
float:left;
background-color:#2a2a2a;
 -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}

.foot2:hover {
  background-color: #52658c;
  cursor: pointer;

}
.foot2 h2
{
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 31px;
    font-weight: 300;
	text-align:left;

    color: #fff;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    padding: 5% 0% 0 15%;
    margin: 0;
}

.foot2 p
{
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
	line-height:140%;
text-align:left;
 color: #aaaaaa;
 -webkit-font-smoothing: antialiased;
    padding: 3% 0 10% 15%;
    margin: 0;
}

a:hover
{
color:#fff;	
}


.foot3
{
margin:0 0 0 0%;
padding:0% 0;
width:25%;
float:left;
background-color:#2a2a2a;
 -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}
.foot3:hover {
  background-color: #52658c;
  cursor: pointer;

}
.foot3 h2
{
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 31px;
    font-weight: 300;
	text-align:left;

    color: #fff;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    padding: 5% 0% 0 15%;
    margin: 0;
}

.foot3 p
{
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
	line-height:140%;
text-align:left;
 color: #aaaaaa;
 -webkit-font-smoothing: antialiased;
    padding: 3% 0 10% 15%;
    margin: 0;
}

.qualitybox
{
margin:1% 0 2% 0%;
padding:0;
width:100%;
}


.quality1
{
    margin: 0 1% 0 0%;
    padding: 2%;
    float: left;
    width: 32.66%;
    box-sizing: border-box;
}

.quality1:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.quality2
{
    margin: 0 1% 0 0%;
    padding: 2%;
    float: left;
    width: 32.66%;
    box-sizing: border-box;
}

.quality2:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}


.quality3
{
    margin: 0 0% 0 0%;
    padding: 2%;
    float: left;
    width: 32.66%;
    box-sizing: border-box;
}

.quality3:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}


.foot4
{
margin:0 0 0 0%;
padding:0% 0;
width:25%;
float:left;
}

.foot4 h2
{
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 31px;
    font-weight: 300;
	text-align:left;
    color: #fff;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    padding: 5% 0% 0 15%;
    margin: 0;
}

.social
{
margin:0 0 0 0%;
padding:0% 0;
width:80%;

}

.fb
{
width:100%;
margin:0% auto 0 0%;
padding:0;
-webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* Safari */
    transition: width 2s, height 2s, transform 2s;
	}
.fb:hover {
 -webkit-transform: rotateX(360deg); /* Safari */
    transform: rotateX(360deg);
  cursor: pointer;
 }

.fb img
{
width:15%;
margin:0% auto 0 30%;
padding:0;	
}


.twit
{
width:100%;
margin:2% auto 0 0%;
padding:0;	
-webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* Safari */
    transition: width 2s, height 2s, transform 2s;

}
.twit:hover {
 -webkit-transform: rotateX(360deg); /* Safari */
    transform: rotateX(360deg);
  cursor: pointer;
 }

.twit img
{
width:15%;
margin:0% auto 0 30%;
padding:0;	
}


.google
{
width:100%;
margin:2% auto 0 0%;
padding:0;	
-webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* Safari */
    transition: width 2s, height 2s, transform 2s;

}

.google:hover {
 -webkit-transform: rotateX(360deg); /* Safari */
    transform: rotateX(360deg);
  cursor: pointer;
 }

.google img
{
width:15%;
margin:0% auto 0 30%;
padding:0;	
}


.lastfoot
{
margin:0 0 0 0%;
padding:0% 0;
width:100%;
float:left;
background-color:#222;
}

.lastfoot1
{
margin:0 0 0 0%;
padding:0% 0;
width:50%;
float:left;

}

.lastfoot1 p
{
    font-family: 'Raleway', sans-serif;
    font-size: 13px;

text-align:center;
color: #fff;
 -webkit-font-smoothing: antialiased;
    padding:3% 0 3% 0%;
    margin: 0;
}



.lastfoot2
{
margin:0 0 0 0%;
padding:0% 0;
width:50%;
float:left;

}

.lastfoot2 p
{
    font-family: 'Raleway', sans-serif;
          font-size: 13px;
text-align:center;
color: #fff;
 -webkit-font-smoothing: antialiased;
    padding:3% 0 3% 0%;
    margin: 0;
}




.clear
{
clear:both;	
}


.mesurewrap
{
margin:2% 0 0 0;
padding:0;
width:100%;
float:left;
 }


.mesure1{
margin:0;
padding:0;
float:left;
width:50%;
 
}

 
.mesure1 img

{
    margin: 0 0 0 15%;
    padding: 0;
    float: left;
    width: 45%;
}





.about-container1
{
margin:0 auto;
padding:0;
width:100%;
background-image:url(../../localhost_35243/pnkengitech/dot.png);
}

.infra-container1
{
margin:0 auto;
padding:0;
width:100%;
background-image:url(../../localhost_35243/pnkengitech/dot.png);
}


.about-container1 ul {
    margin: 0% 0 0 0%;
    padding: 0px 13px;
    float:left;
    list-style-type: square;
}


.about-container1 ul li {
    color: #666;
    font-family: 'Open Sans', sans-serif;
    float: left;
    width: 100%;
    line-height: 22px;
    padding: 3px 0 6px;
    font-size: 14px;
}

.about-banner
{
margin:0 auto;
padding:0;
width:100%;

}

.about-banner img
{
margin:0 auto;
padding:0;
width:100%;
}


.about-content
{
margin:0 auto;
padding:3% 0;
width:80%;

}

.about-content h1
{
margin:0 auto;
padding:2% 0% 0% 0%;
font-family: 'Exo 2', sans-serif;
font-size:28px;
color:#6546bd;
letter-spacing:8px;
text-align:center;
}

.about-content p
{
margin:0 auto;
padding:2% 0% 1% 0%;
font-family: 'Roboto', sans-serif;
font-size:16px;
color:#666;
text-align:justify;
line-height:140%;
}




.quality-container1 p
{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 140%;
    font-weight: normal;
    text-align: center;
    font-size: 15px;
    color: #696969;
    -webkit-font-smoothing: antialiased;
    padding: 3% 5% 1% 5%;
    margin: 0;

}


.quality-container1 h4
{
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
		text-align:center;
    line-height: 31px;
    font-weight: bold;
    letter-spacing: 3px;
    color:#202020; 
    -webkit-font-smoothing: antialiased;
    padding: 2% 0 0 0%;
    margin: 0;
}

/********************* About us page close *******************/



.about-content1
{
margin:0 auto;
padding:0% 0;
width:80%;

}


.con-container1
{
margin:0 auto;
padding:0;
width:100%;
background-color:#f7f7f7;
float:left;
}
.contactbox1
{
margin:0% 0 0 5%;
padding:0% 0;
width:90%;
float:left;
}

.con1
{
margin:0 auto;
padding:0% 0;
width:25%;
float:left;

}

.con1 img
{
margin:0 0 0 45%;
padding:0% 0;
width:10%;
}
.con1 p{
font-size: 15px;
    text-align: center;
    color: #202020;
    line-height: 25px;
    font-weight: normal;
	
	padding:5% 0;

   font-family: 'Open Sans', sans-serif; 
}



.con2
{
margin:0 auto;
padding:0% 0;
width:50%;
float:left;

}

.con2 img
{
margin:0 0 0 46%;
padding:0% 0;
width:5%;
}
.con2 p{
font-size: 15px;
    text-align: center;
    color: #202020;
    line-height: 25px;
    font-weight: normal;
	
	padding:2% 0;

    font-family: 'Open Sans', sans-serif; 
}

.con3
{
margin:0 auto;
padding:0% 0;
width:25%;
float:left;

}

.con3 img
{
margin:0 0 0 45%;
padding:0% 0;
width:10%;
}
.con3 p{
font-size: 15px;
    text-align: center;
    color: #202020;
    line-height: 25px;
    font-weight: normal;
	
	padding:5% 0;
font-family: 'Open Sans', sans-serif; 
}

.mapwrap
{
margin:2% auto 3% 0; 
padding:0;
width:100%;
float:left;
}

.map1
{
margin:2% auto 3% 0; 
padding:0;
width:40%;
float:left;
}

.map2
{
margin:2% auto 3% 0; 
padding:0;
width:60%;
float:left;
}




.tbwrap1 {
    width: 90%;
    margin: 0 0% 0 5%;
    float: left;
}
 


.tbwrap2
{
width:70%;
margin:0 0% 0 2%;	
float:left;
}
.tb
{
    width:90%;
    margin:0 5%;
	 
border:1px solid #ccc;
font-family: 'Open Sans', sans-serif; 
}

.tbtr
{
 
border:1px solid #ccc;
}



/**************************  About Us Page Start *********************************/

.inner-banner
{
margin:0 0 0 0%;
padding:3% 0;
width:100%;
background:url(../images/bg-1.jpg) 50% 0 no-repeat fixed;
    padding-top: 200px;
    padding-bottom: 200px;
    background-size: cover;}

.inner-banner h2
{
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    line-height: 31px;
    font-weight: 300;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    margin: 0;
}
.quality-container1
{
margin:0 0 0 5%;
padding:1% 0 4% 0;
width:90%;
    float: left;
}

.about-container1
{
margin:0 0 0 0%;
padding:1% 0 4% 0;
width:100%;

    float: left;
}
.about-container1 h2
{
font-family: 'Raleway', sans-serif;
    font-size: 25px;
    line-height: 31px;
    font-weight: 300;
	text-align:left;
    letter-spacing: 3px;
    color: #696969;
	
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    padding: 0 0 0 5%;
    margin: 0;

}


.about-container1 p
{
font-family: 'Open Sans', sans-serif;    font-size: 16px;
    line-height: 140%;
    font-weight: normal;
	text-align:justify;
font-size:15px;
    color: #696969;

    -webkit-font-smoothing: antialiased;
    padding: 3% 10% 0 5%;
    margin: 0;

}




.about-container2
{
margin:0 0 0 0%;
padding:3% 0;
width:100%;

}
.about-container2 h2
{
font-family: 'Raleway', sans-serif;
    font-size: 25px;
    line-height: 31px;
    font-weight: 300;
	text-align:left;
    letter-spacing: 3px;
    color: #696969;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    padding: 0 0 0 5%;
    margin: 0;

}


.about-container2 p
{
font-family: 'Open Sans', sans-serif;      font-size: 16px;
    line-height: 140%;
    font-weight: normal;
	text-align:justify;
font-size:15px;
    color: #696969;

    -webkit-font-smoothing: antialiased;
    padding: 3% 10% 0 5%;
    margin: 0;

}

.infra-container1 p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 140%;
    font-weight: normal;
    text-align: justify;
    font-size: 15px;
    float:left;
    color: #696969;
    -webkit-font-smoothing: antialiased;
    padding: 3% 10% 0 5%;
    margin: 0;
}
.about-container3
{
margin:0 0 0 0%;
padding:5% 0;
width:100%;

}
.about-container3 h2
{
font-family: 'Raleway', sans-serif;
    font-size: 25px;
    line-height: 31px;
    font-weight: 300;
	text-align:left;
    letter-spacing: 3px;
    color: #696969;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    padding: 0 0 0 5%;
    margin: 0;

}


.about-container3 p
{
font-family: 'Open Sans', sans-serif;      font-size: 16px;
    line-height: 140%;
    font-weight: normal;
	text-align:justify;
font-size:15px;
    color: #696969;

    -webkit-font-smoothing: antialiased;
    padding: 3% 10% 0 5%;
    margin: 0;

}

.about-container3 ul
{
margin:0;
padding: 2% 0% 3% 8%;
list-style-image:url(../images/bulletnn.gif);	
}

.about-container3 ul li
{
margin: 0;
    padding: 1% 11% 0% 0%;
font-family: 'Open Sans', sans-serif;  
    font-weight: normal;
 font-size: 14px;
    color: #696969;
	font-size:14px;
    text-align: left;
    line-height: 150%;	
}


.sp
{
color:#0191c8;	
}
/**************************  About Us Page end *********************************/





/*************************** service page start***************************************/



.service-container1
{
margin:0 0 0 0%;
padding:5% 0;
width:100%;

}
.service-container1 h2
{
font-family: 'Raleway', sans-serif;
    font-size: 25px;
    line-height: 31px;
    font-weight: 300;
	text-align:left;
    letter-spacing: 3px;
    color: #696969;
	
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    padding: 0 0 0 5%;
    margin: 0;

}


.service-container1 p
{
font-family: 'Open Sans', sans-serif;    font-size: 16px;
    line-height: 140%;
    font-weight: normal;
	text-align:justify;
font-size:15px;
    color: #696969;

    -webkit-font-smoothing: antialiased;
    padding: 3% 10% 0 5%;
    margin: 0;

}


.service-container1 ul
{
margin:0;
padding: 2% 0% 3% 8%;
list-style-image:url(../images/bulletnn.gif);	
}

.service-container1 ul li
{
margin: 0;
    padding: 1% 11% 0% 0%;
font-family: 'Open Sans', sans-serif;  
    font-weight: normal;
 font-size: 14px;
    color: #696969;
	font-size:14px;
    text-align: left;
    line-height: 150%;	
}


.bread p {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 150%;
    font-weight: 300;
    text-align: left;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    padding: 5% 0% 0% 5%;
    margin: 0;
}

.innerwrapper
{
margin:0;
padding:0;
width:100%;
float:left;
background-color:#f7f7f7;	
}



/********************* Product page open *******************/


.product-container1
{
margin:0 auto;
padding:0;
width:100%;
}

.product-banner
{
margin:0 auto;
padding:0;
width:100%;

}

.product-banner img
{
margin:0 auto;
padding:0;
width:100%;
}


.product-content
{
margin:0 auto;
padding:2% 0;
width:95%;
}

.product-sidebar
{
margin:0 2% 0 0;
padding:0% 0;
width:22%;
float:left;
    
}

.s-height
{
min-height: 2100px;
}
.r-height
{
min-height: 3000px;
}

.b-height
{
min-height:2400px;
}

.g-height
{
min-height:1000px;
}



.category_col {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #e1e0e0;
	margin-top: 0%;
}

.category_col h4 {
    padding: 11px 10px 10px 12px;
    font-size: 16px;
    color: #fff;
    background: url(../images/up_arrow_column.html) no-repeat scroll 10px bottom #52658c;
    text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
    margin-bottom: 5px;
}


.category_col ul {
    margin: 0px;
    padding: 0px 13px;
}


.category_col ul li:first-child {
    border: 0px;
}
.category_col ul li {
    list-style: none;
    float: left;
    width: 100%;
    line-height: 22px;
    padding: 7px 0 6px;
	
    border-top: 1px solid #ccc;
    font-size: 13px;
}


.category_col ul li ul li {
    list-style: none;
    float: left;
    width: 100%;
    line-height: 22px;
    padding: 7px 0 6px;
    border-top: 1px solid #ccc;
    font-size: 13px;
}


.category_col ul li a {
    color: #666;
 font-family: 'Open Sans', sans-serif;
}


.product-maincont
{
    margin: 0 auto 2% 0;
padding:0% 0;
width:76%;
float:left;

}
.shaft
{
    margin: 0 auto 5% 5%;
padding:0% 0;
width:90%;
float:left;

}

.head_wdt {
    width: 100%;
    float: left;
}

.head_wdt h5 {
    text-transform: uppercase;
    font-size: 22px;
    color: #0064ac;
    margin: 11px 0px 21px;
 font-family: 'Open Sans', sans-serif;
    border-bottom: 1px solid #d5d5d5;
    position: relative;
    padding: 0px 60px 10px 0px;
    float: left;
	letter-spacing:1px;
}

.head_wdt h5 span {
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0px;
    bottom: -4px;
    border: 1px solid #d5d5d5;
    background: #F0F0F0;
}

.rght_cnt {
    width: 100%;
    float: left;
 
    background: #fff;
    border: 1px solid #e1e0e0;
    padding: 20px;
}


.feachbox1{
    width: 60%;
    float: left;
 margin:0;
 padding:0;

   
}

.feachbox2{
    width: 40%;
    float: left;
 margin:0;
 padding:0;
   
position: relative;
   overflow: hidden;
   
}
.feachbox2 img{
    width:50%;
 margin:0;
 padding:0;
   -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
            transition: 0.5s ease-out;
    outline: 1px rgba(255,255,255,0.5) solid;
    outline-offset: -15px;
}
.feachbox2:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
         opacity: 0.5;
 }
  
.pdfbut{
    width: 40%;
   background-color:#1171bc;
 margin:2% 0 0 15%;
 padding:0% 0;
}

.pdfbut p {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    font-size: 15px;
	text-align:center;
	padding:3% 0;
    margin-bottom: 20px;
}



.rght_cnt p {
    color: #666;
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 20px;
}
.rght_cnt h2 {
font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 31px;
    font-weight: 300;
    text-align: left;
    letter-spacing: 2px;
    color: #00aceb;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    padding: 0% 0 0% 0%;
    margin: 0;
}



.rght_cnt ul {
    margin:2% 0 0 2%;
    padding: 0px 13px;
	list-style-type:square;
}



.rght_cnt ul li {
    color: #666;
    font-family: 'Open Sans', sans-serif;
    float: left;
    width: 100%;
    line-height: 22px;
    padding: 3px 0 6px;
    font-size: 14px;
}

.hvtable1
{
width:100%;
margin:2% auto;
padding:0;
float:left;

}

table
{
	margin:0;
	padding:0;
border:1px;

border-collapse: collapse;	
}

td {
    text-align: center;
    padding: 1% 0;
	font-size:13px;
    font-family: 'Open Sans', sans-serif;
    color: #4e4e4e;
}


.supplybox
{
margin:0;
padding:1%;
width:100%;
 border: 1px solid #e1e0e0;
 box-sizing:border-box;
}

.supplybox h2 {
font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 31px;
    font-weight: normal;
    text-align: left;
    letter-spacing: 0px;

	color:#666;	
    text-transform:capitalize;
    -webkit-font-smoothing: antialiased;
    padding: 0% 0 0% 0%;
    margin: 0;
}

.black
{
    color: #00aceb;
	 letter-spacing: 1px;
	 font-size: 14px;
	  
}

.oiltable
{
width:100%;
margin:2% auto;
padding:0;
float:left;

}

.hvtable1 h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    line-height: 31px;
    font-weight: normal;
    text-align: left;
    letter-spacing: 0px;
    color: #1171bc;
    text-transform: capitalize;
    -webkit-font-smoothing: antialiased;
    padding: 0% 0 0% 0%;
    margin: 0;
}

/********************* About us page close *******************/







.service-container1
{
margin:0 0 0 0%;
padding:5% 0;
width:60%;
float:left;
}

.enquirybox
{
margin:0 0 0 0%;
padding:0% 5%;
width:100%;
float:left;
box-sizing:border-box;
}

.enquirybox p {
    font-size: 17px;
    text-align: left;
    color: #202020;
    line-height: 25px;
    font-weight: normal;
    padding: 0% 0 4% 0;
    font-family: 'Open Sans', sans-serif;
}

.field1 {
    height: 40px;
    width: 100%;
    padding: 1%;
    margin-right: 2.5%;
    margin-bottom: 3%;
    float: left;
    border: 1px solid #ccc;
}

.field2 {
    height: 70px;
    width: 100%;
    padding: 1%;
    margin-bottom: 3%;
    float: left;
    border: 1px solid #ccc;
}


.button1 {
    margin: 0;
    float: left;
    padding: 2% 0;
    width: 40%;
    text-align: center;
    color: #fff;
    background-color: #52658c;
}

section.about-container1 p.wid--30
{
    width:30%;
    float:left;
    padding-right:5%;
    padding-left:0;
    
}
.map1 .con2 {
    width: 100%;
}

ul#menu {
    display: none;
}

/************************ Media query start *************************/


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


	
}



@media only screen and (max-width:768px)
{
	
	
.logobox {
    margin: 0 0 0 0%;
    padding: 0.5% 0 1% 0;
    width: 100%;
    float: left;
}

.logobox img {
    margin: 2% 0 0 35%;
    padding: 0;
    width: 25%;
}

	

.foot1
{
width:100%;
}

.foot1 h1
{
text-align:center;
padding:0 0 0 0%;
}

.foot2
{
width:33.33%;
}

.foot3
{
width:33.33%;
}

.foot4
{
width:33.33%;
}

.lastfoot1
{
width:100%;
}

.lastfoot1 p
{
padding:3% 0 0% 0%;
}

.lastfoot2
{
width:100%;
}

.lastfoot2 p
{
padding:2% 0 2% 0%;
margin: 0;
}.navbox
{
margin:1% 0% 0 0%;
padding:0;
width:100%;
 
}
section.about-container1 p.wid--30 {
    width: 45%;
    float: left;
    padding-right: 0%;
    padding-left: 5%;
}
}
@media only screen and (max-width:767px)
{
 section.about-container1 p.wid--30 {
    width: 100%;
    float: left;
    padding-right: 0%;
    padding-left: 2%;
}
}

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

{
	.r-height {
    min-height: 0px;
}
	.b-height {
    min-height: 0px;
}

.g-height {
    min-height: 0px;
}
.map1 {
    margin: 2% auto 3% 0;
    padding: 0;
    width: 100%;
    float: left;
}

.map2 {
    margin: 2% auto 3% 0;
    padding: 0;
    width: 100%;
    float: left;
}



	.top-head {
   
    display: none;
    /* background-color: #069; */
}
	.logobox
{
margin:0 0 0 0%;
padding:0;
width:100%;
float:left;	
}

.logobox img {
   margin: 1% 0 2% 15%;
    padding: 0;
    width: 70%;
}

.navbox
{
margin:1% 0% 0 0%;
padding:0;
width:100%;
background-color: #52658c;
}

.mesure1 {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}

 .mesure1 img {
    margin: 5% 0 0 10%;
    padding: 0;
    float: left;
    width: 80%;
}

 .quality1 {
    margin: 0 1% 0 0%;
    padding: 2%;
    float: left;
    width: 100%;
    box-sizing: border-box;
}


    .quality2
    {
        margin: 0 1% 0 0%;
        padding: 2%;
        float: left;
        width: 100%;
        box-sizing: border-box;
    }

    .quality3 {
    margin: 0 1% 0 0%;
    padding: 2%;
    float: left;
    width: 100%;
    box-sizing: border-box;
}


.container1 h1
{
padding: 5% 0 3% 0;
margin: 0;
}

.container1 p
{
 text-align:center;
 padding: 2% 2% 5% 2%;
 font-size:14px;
 }
 
 .readbut {
    margin: 0% 0 0 25%;
    padding: 3% 0;
    width: 50%;
    float: left;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: #52658c;
}
 
 
.container2 h1
{
padding:5% 0;
    margin: 0;
}

.box1
{
margin:0 10%;
width:80%;
}

.box2
{
margin:0 10%;
width:80%;
}


.box3
{
margin:0 10%;
width:80%;
}

.container4 h1
{

    padding: 5% 0;
    margin: 0;
}

.container4 p
{

    padding: 2% 5% 5% 5%;
    margin: 0;
}
.feachbox1 {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.feachbox2 {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}


.container5 h2
{

    padding: 20% 0 0 0;
    margin: 0;
}

.but
{
margin:10% 0 0 35%;
padding:2% 0;
width:35%;
}

.foot2
{
width:80%;
}
.foot2 h2
{
text-align:center;
padding: 0% 0% 0 15%;

}

.foot2 p
{
text-align:center;
 padding: 3% 0 10% 15%;
 
}

.foot3
{
width:80%;
}
.foot3 h2
{
text-align:center;
padding: 0% 0% 0 15%;

}

.foot3 p
{
text-align:center;
 padding: 3% 0 10% 15%;
 
}

.foot4
{
width:80%;
}


.foot4 h2
{
text-align:center;
padding: 0% 0% 0 15%;

}

.fb img
{

margin:2% auto 0 60%;
padding:0;	
}

.twit img
{

margin:2% auto 0 60%;
padding:0;	
}


.google img
{

margin:2% auto 0 60%;
padding:0;	
}


.product-sidebar {
    margin: 0 2% 0 0;
    padding: 0% 0;
    width: 100%;
    float: left;
}

.s-height {
    min-height: auto;
}

.product-maincont {
    margin: 0 auto 2% 0;
    padding: 0% 0;
    width: 100%;
    float: left;
}

.bread {
    margin: 0 0 0% 0%;
    padding: 1% 0;
    height: 70px;
      background-size: cover;
    
}


.tbwrap2 {
    width: 100%;
    margin: 0 0% 0 2%;
    float: left;
}


.con1 {
    margin: 0 auto;
    padding: 0% 0;
    width: 100%;
    float: left;
}

.con2 {
    margin: 0 auto;
    padding: 0% 0;
    width: 100%;
    float: left;
}



.con3 {
    margin: 0 auto;
    padding: 0% 0;
    width: 100%;
    float: left;
}
/******************************* about us   *******************************/

.about-container1 h2
{
padding: 8% 0 0 0%;
text-align:center;
font-size:22px;
margin: 0;
}


.about-container1 p
{
line-height: 140%;
text-align:center;
font-size:14px;
  }
  
  
  
 .about-container2 h2
{
padding: 8% 0 0 0%;
text-align:center;
font-size:22px;
margin: 0;
}


.about-container2 p
{
line-height: 140%;
text-align:center;
font-size:14px;
  } 
  
  .container1 h1 {
  
    text-align: center;
 
}
  
 .abt2 {
    margin: 0 0 0 0%;
    padding: 5% 0;
    width: 100%;
    float: left;
    background-color: rgba(82, 101, 140, 0.35);
}
 
 .about-container3 h2
{
padding: 8% 0 0 0%;
text-align:center;
font-size:22px;
margin: 0;
}


.about-container3 p
{
line-height: 140%;
text-align:center;
font-size:14px;
  }
 
  
  
  
.about-container3 ul
{
margin:0;
padding: 5% 0% 3% 10%;
}

.about-container3 ul li
{

    padding: 1% 10% 0% 0%;
}


/************************** about us close********************************/





/*************************** serve page open **************************/
.service-container1 h2
{
padding: 8% 0 0 0%;
text-align:center;
font-size:22px;
margin: 0;
}


.service-container1 p
{
line-height: 140%;
text-align:center;
font-size:14px;
  }


.service-container1 ul
{
margin:0;
padding: 5% 0% 3% 10%;
}

.service-container1 ul li
{

    padding: 1% 10% 0% 0%;
}

.head-1 {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}
/*************************** serve page close **************************/
.head-2 {
    margin: 0;
    padding: 0;
    width: 100%;
    float: right;
}
}