@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 900px) {
#wrapper
{
width:96%;
height:auto;
margin:0 2%;
}
/*top start*/
img
{
width:90%;
border:none;
}
/*top start*/
#top
{
width:100%;
margin-bottom:17px;
}

.logo
{
width:100%;
height:auto;
text-align:center;
padding-top:1%;
}

.top-right
{
width:100%;
height:auto;
float:none;
}

.top-right p
{
text-align:center;
font-size:14px;
margin:3% 0
}

.translator
{
width:100%;
height:auto;
text-align:center;
}

.top-right-btm
{
width:800px;
height:37px;
float:right;
margin-top:90px;
}
/* nav menu ul & select */

/*top end*/

/*banner start*/
#banner section
{
width:100%;
}

/*banner end*/

/*feature area start*/
#feature-area
{
width:100%;
height:auto;
}

#feature-area h1
{
text-align:center;
font-size:18px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
margin:30px 0 10px 0;
}

#feature-area p
{
text-align:center;
font-size:14px;
color:#FFFFFF;
font-weight:normal;
line-height:20px;
}
/*feature area end*/

/*footer start*/
#footer-left
{
width:100%;
height:auto;
}

#footer-right
{
width:100%;
height:auto;
}

#footer-right ul li
{
padding:2% 0;
line-height:50px;
}
/*footer end*/
}

@media screen and (max-width: 768px) {
#wrapper
{
width:96%;
height:auto;
margin:0 2%;
}
/*top start*/
img
{
width:40%;
border:none;
}
/*top start*/
#top
{
width:100%;
margin-bottom:17px;
}

.logo
{
width:100%;
height:auto;
text-align:center;
padding-top:1%;
}

.top-right
{
width:100%;
height:auto;
float:none;
}

.top-right p
{
text-align:center;
font-size:14px;
margin:2% 0
}

.translator
{
width:100%;
height:auto;
text-align:center;
}

.top-right-btm
{
width:80%;
margin-top:90px;
}

/*top end*/

/*banner start*/
#banner section
{
width:100%;
}

/*banner end*/
/*welcome text area start*/
#welcome-text-area
{
width:100%;
height:auto;
padding:1% 0;
}

#welcome-text-area h2
{
font-size:16px;
}

#welcome-text-area h3
{
font-size:12px;
font-weight:normal;
}

#welcome-text-area article
{
font-size:12px;
font-weight:normal;
}

/*welcome text area end*/
/*feature area start*/
#feature-area
{
width:100%;
height:auto;
}

#feature-area h1
{
text-align:center;
font-size:18px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
margin:30px 0 10px 0;
}

#feature-area p
{
text-align:center;
font-size:14px;
color:#FFFFFF;
font-weight:normal;
line-height:20px;
}
/*feature area end*/

/*footer start*/
#footer-left
{
width:100%;
height:auto;
}

#footer-left p img
{
width:20%;
}

#footer-right
{
width:auto;
height:auto;
}

#footer-right ul li
{
padding:2% 0;
float:none;
line-height:15px;
}
/*footer end*/
}

@media screen and (max-width: 430px) {

#wrapper
{
width:96%;
margin:0 2%;
}
img
{
width:35%;
border:none;
}
/*top start*/
#top
{
width:100%;
margin-bottom:17px;
}

.logo
{
width:100%;
height:auto;
text-align:center;
padding-top:1%;
}

.top-right
{
width:100%;
height:auto;
float:none;
}

.top-right p
{
text-align:center;
font-size:14px;
margin:1% 0
}

.translator
{
width:100%;
height:auto;
text-align:center;
}

.top-right-btm
{
width:100%;
height:auto;
}

/*top end*/

/*banner start*/
#banner section
{
width:100%;
}

/*banner end*/
/*products start*/
#products-area
{
width:100%;
padding:50px 0 0px 0;
background:url(images/down-arrow1.png) no-repeat center top;
}

#products
{
width:30%;
margin:0 5px;
}

.products-bg
{
width:30%;
background:url(images/products-bg.png) no-repeat;
}

.products-shadow
{
width:30%;
background:url(images/products-shadow.png) no-repeat;
}

#cable-lugs
{
width:279px;
height:193px;
float:left;
margin-left:5px;
}

#products-link
{
margin-top:30px;
float:left;
}

#products-link a
{
width:75px;
height:30px;
background-color:#014b91;
border:1px solid #FFFFFF;
text-align:center;
font-size:13px;
line-height:30px;
color:#FFFFFF;
text-decoration:none;
padding:5px 15px;
}

#products-link a:hover
{
background-color:#FFFFFF;
color:#005fae;
border:1px solid #014b91;
}
/*products end*/

/*welcome text area start*/
#welcome-text-area
{
width:100%;
height:auto;
padding:1% 0;
}

#welcome-text-area h2
{
font-size:16px;
}

#welcome-text-area h3
{
font-size:12px;
font-weight:normal;
}

#welcome-text-area article
{
font-size:12px;
font-weight:normal;
text-align:center;
}
/*welcome text area end*/
/*products start*/
#products-area
{
width:100%;
padding:50px 0 0px 0;
background:url(images/down-arrow1.png) no-repeat center top;
}

#products
{
width:348px;
height:193px;
margin:0 5px;
}

.products-bg
{
width:348px;
height:179px;
background:url(images/products-bg.png) no-repeat;
}

.products-shadow
{
width:348px;
height:14px;
background:url(images/products-shadow.png) no-repeat;
}

#cable-lugs
{
width:279px;
height:193px;
margin-left:5px;
}
/*products end*/
/*feature area start*/
#feature-area
{
width:100%;
height:auto;
}

#feature-area h1
{
text-align:center;
font-size:18px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
margin:30px 0 10px 0;
}

#feature-area p
{
text-align:center;
font-size:14px;
color:#FFFFFF;
font-weight:normal;
line-height:20px;
}
/*feature area end*/

/*footer start*/
#footer-left
{
width:100%;
height:auto;
}

#footer-right
{
width:100%;
height:auto;
}

#footer-right ul li
{
padding:2% 0;
float:none;
line-height:10px;
}
/*footer end*/
}