/*Responsive*/
@media only screen and (max-width: 1140px) {
	.flexslider .BannerText{
		top: 30px;
	}
	
.flexslider .BannerText p {
    font-size: 20px;
    line-height: 30px;
}
}


/* Mobile */

@media handheld, only screen and (max-width: 959px) {
	.HeaderCont .logo h1{
		font-size: 24px;
	}
	.HeaderCont .logo h1 small{
		font-size: 18px;
	}
	.HeaderCont .rightpanel{
		padding-top: 0px;
	}
	.BannerCont{
		padding-top: 0px;
	}
	.flexslider .BannerText heading{
		font-size: 30px; margin-top: 15px; 
	}
	.flexslider .BannerText p {
    font-size: 15px;
}
	.flexslider .BannerText .banner-more a{
		font-size: 14px;
	}
	.flexslider .BannerText .articale{
		padding-left: 40px;
		max-width: 350px;
	}
	.flex-direction-nav a::before{
		font-size: 28px;
	}
	.flex-direction-nav a{
		height: 30px;
	}
	.Welcome h2, .ProductsSection h2, .IndexBodyMiddleRight h2, .IndexBrands h2, .IndexBodyServe h2, .IndexContact h2, .InnerPagesCont h2{
		font-size: 24px;
		text-align: center; 
		
	}
	.ProductsSection h2 small, .IndexBodyMiddleRight h2 small, .IndexBrands h2 small, .IndexBodyServe h2 small, .IndexContact h2 small{
		font-size: 15px;
	}
	.Welcome p{
		font-size: 14px;
		line-height: 26px;
	}
	.ProductsSection ul li{
		width: 85px;
	}
	.ProductsSection ul li p{
		font-size: 12px;
	}
	.IndexBodyMiddleRight ul li, .IndexBrands ul li, .IndexBodyServe ul li{
		font-size: 12px;
		line-height: normal;
	}
	.products-more a{
		font-size: 14px;
	}
	.BodyBottomComtent{
		padding-bottom: 0px;
	}
	.FooterCont .FooterNavigation ul li{
		font-size: 14px;
		letter-spacing: 0px;
	}
	.FooterBottomLeft, .FooterBottomRight, .Copyright, .TopPanel .left-link ul li{
		font-size: 12px;
	}
    
    .HeaderCont .rightpanel ul li {
        margin-left: 0px;
    }
    
    .social-link {
        width: auto;
        float: none;
    }
    
    .social-link ul {
        text-align: center !important;
    }
    
    .Welcome p {
        text-align: center;
    }
	
}

@media handheld, only screen and (max-width: 750px) {
	.TopPanel .left-link ul{
		text-align: center;
	}
	.TopPanel .social-link ul{
		text-align: center;
	}
	.HeaderCont .logo h1{
		text-align: center;
	}
	.HeaderCont .rightpanel ul{
		text-align: left;
	}
	
	.flexslider .BannerText{
		position: absolute;
		bottom: 0px;
		top: 0px;
	}
	.flexslider .BannerText .articale{
		padding-right: 40px;
	}
    
	.ProductsSection ul li{
		
		width: 20%;
		display: inline-block;
        margin-bottom: 15px;
        margin-left: 0%;
        margin: 2%;
        text-align: center;
        vertical-align: top;	
	}
    
	.ProductsSection, .IndexBrands, .IndexBodyServe{
		margin-bottom: 30px;
	}
	.FooterCont .FooterNavigation ul li{
		font-size: 12px;
	}
	.FooterBottomRight{
		text-align: left;
	}
	.mean-container .mean-nav ul li a{
		font-size: 12px;
	}
	.logo {
		margin-bottom: 20px;
		text-align: center;
	}
	.logo img{
/*		max-width: 150px;*/
		margin-left: auto;
		margin-right: auto;
	}
	
	.welcome-img
	{margin-left: 135px;  }
	
	.Adj1 {
    border: 1px solid #ccc;
    margin: 28px 0 28px 4%;
    padding: 0 10px;
    text-align: center;
	width: 25% !important; 
}
	.shafts-img
	{ width: 30% !important; }
	
	.TopPanel {
    background: #38bdfe none repeat scroll 0 0;
    color: #fff;
    padding-top: 10px;
}
	
	.social-media
{ float: left !important;
    height: 30px !important;
    width: 100% !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	}
	.adjust-img
	{border: 1px solid #ccc;
    margin: 28px 0 28px 4%;
    padding: 0 10px;
    text-align: center;
    width: 39% !important;
	
	}
	
	.HeaderCont .rightpanel ul li.call {
    background: rgba(0, 0, 0, 0) url("../images/phone-icon.jpg") no-repeat scroll left top;
    color: #38bdfe;
    float: left !important;
    padding-left: 40px;
}
	
	.HeaderCont .rightpanel ul li.email {
    background: rgba(0, 0, 0, 0) url("../images/at.jpg") no-repeat scroll left top;
    color: #38bdfe;
    float: right ;
    margin-right: 5px !important;
    padding-left: 40px;
}
.weblink {
    color: #fff;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
}
    
    .HeaderCont .rightpanel {
        float: none;
    }
    
    .ProductsSection {
        width: 98% !important;
        padding: 0 0 45px !important;
        margin: 0px auto !important;
    }
    
    .ProductsSection ul {
        margin-left: 0px;
        margin-right: 0px;
        text-align: center;
    }
    
    .products-more {
        text-align: center;
    }
    
    .weblink {
        float: none;
        text-align: center;
    }
    
    .copyright-span {
        float: none;
    }
    
    .FooterBottomLeft {
        text-align: center;
    }
    
    .FooterBottomRight {
        text-align: center;
    }
    
    #scrollbar1 {
        margin: 0 0 50px !important;
    }
    
    .IndexContact input[type="submit"] {
        float: none;
        text-align: center;
        display: block;
        margin: 0 auto;
    }
	
}


@media handheld, only screen and (max-width: 480px) {
    
    .flexslider .BannerText {
        width: 65%;
    }
    
    .flexslider .BannerText heading {
        line-height: 20px;
        font-size: 20px;
    }
    
    .flexslider .BannerText p {
        font-size: 12px;
        line-height: 20px;
    }
    
    .HeaderCont .rightpanel ul li.call {
        float: none;
    }
    
    .HeaderCont .rightpanel ul li.email {
        float: none;
    }
    
    .FooterCont .FooterNavigation ul li {
        display: block;
    }
    
    .Welcome {
        text-align: center;
    }
    
    .welcome-img {
        margin-left: 0px;
    }
    
    .InnerPagesCont {
        padding: 20px 0 0;
        margin: 0px auto;
        text-align: center;
        padding-left: 0px;
    }
    
    .alignleft {
        display: block;
        float: none;
        margin-right: 0px;
        margin: 0px auto;
    }
    
    .InnerContact input[type="submit"] {
        float: none;
    }
    
    
}




@media handheld, only screen and (max-width: 360px) {
	
	.navigation container
	{display: block; }
	
	
	#primary_nav_wrap{
		
		display: none; 
		
	}
	
/*
.InnerPagesCont {
    margin-bottom: 30px;
    padding-bottom: 0;
    padding-top: 0;
    width: 95% !important;
	padding-left: 15px; 
}
*/
	
.Adj1 {
    border: 1px solid #ccc;
    margin: 10px 20px 10px 0;
    padding: 0 83px;
    text-align: center;
	width: 46% !important; 
}
	
/*
	.alignleft {
    border: 1px solid #ccc;
    display: inline;
    float: left;
    width: 95%; 
}
*/
	
	
	
	.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: #38bdfe;
	padding: 0px 0;
	min-height: 42px;
	z-index: 999999;
}
	
	.HeaderCont .rightpanel ul li.email{
	background: url(../images/at.jpg) no-repeat left top;
	color: #38bdfe;
	padding-left: 40px;
		float: none !important; 
	
}
	
	.products-more {
    text-align: center;
}
	
img
	{border: none; float: none !important;}
	
	.IndexContact input[type="submit"] {
    background: #39c36e none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 0.08em;
/*    padding: 8px 132px;*/
    text-align: center;
    text-transform: uppercase;
}
	.flexslider .BannerText heading {
    font-size: 15px;
    margin-top: 5px;
		margin-bottom: 5px; 
}
	
	
.flexslider .BannerText p {
    font-size: 10px;
    line-height: 15px;
}
	
	.flexslider .BannerText .banner-more a {
    font-size: 8px;
}
	
	.InnerContact input[type="submit"] {
    background: #39c36e none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    float: none;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-bottom: 20px;
/*    padding: 8px 122px;*/
    text-transform: uppercase;
}
	
	.ProductsSection ul li{
		width: 39% !important;
	}
	.ProductsSection ul li{
		
		width: 116px;
		display: inline-block;
    margin-bottom: 15px;
    margin-left: 6px;
/*    margin-right: 25px;*/
    text-align: center;
    vertical-align: top;
	}
	.welcome-img
	{margin-left: 0px; }
	
	.products-more a {
    background: #38bdfe none repeat scroll 0 0;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 0.08em;
/*    padding: 8px 131px;*/
    text-transform: uppercase;
}
	
	.shafts-img
	{ width: 90% !important; float: left; }
	
	.TopPanel {
    background: #38bdfe none repeat scroll 0 0;
    color: #fff;
    padding-top: 10px;
		height: auto;
		overflow: hidden; 
}
	
.social-media
{ float: left !important;
    height: 30px !important;
    width: 100% !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	}
	.Welcome h2, .ProductsSection h2, .IndexBodyMiddleRight h2, .IndexBrands h2, .IndexBodyServe h2, .IndexContact h2, .InnerPagesCont h2{
		font-size: 24px;
		text-align: center; 
		margin-top: 10px; 
		
	}
	
	.weblink {
    color: #fff;
    float: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
    
    .HeaderCont .logo {
        width: 100%;
        padding: 0px;
    }
    
    .HeaderCont .rightpanel ul li a {
        font-size: 14px;
    }
    
    .flexslider .BannerText .articale {
        padding-right: 0px;
    }
    
	
}