@charset "utf-8";
/* 

Developed by: DharmaTechNet
Developer: Mohan K. Duwal
*/

.clearfix{
	*zoom: 1;	
}
.clearfix:before, .clearfix:after{
	display: table;
	line-height: 0;
	content:"";	
}
.clearfix:after{
	clear: both
}

html{-webkit-text-size-adjust:100%;}

.searchfoot .search{display: block}

@media screen and (max-width: 1024px){
	.wrapper{width:96%; padding:0 2%; }

.footer_con{width:96%; padding:0 2%}

}

@media screen and (max-width: 970px){
	ul#navmenu{width: 100%;}

.logo{
	width:100%;
	float:left;
	text-align:center;
}

.menu{
	width:100%;
	float:none;
}

}

@media screen and (max-width: 900px){
/*	.header{padding: 0 2% 10px 2%;}*/
.pro-box{
	margin:0 2.7% 0 0;
	height:450px;
}
}

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

.menu {
    float: left;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.career_list {
   	width: 90%;
	float:left;
	background:#f6f6f6 url(../images/acc_bg.png) no-repeat 10px 20px;
	padding:1% 5%;
}



}


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

.ft_lt{
	width:100%;
	float:left;
	text-align:center;
	padding:0 0 10px;
}

.ft_mid{
	width:100%;
	float:left;
	text-align:center;
	padding:0 0 10px;
}

.ft_rt{
	width:100%;
	float:left;
	text-align:center;
	padding: 0;
}

.ft_mid span{float: none; margin: 0}

}

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



}

@media screen and (max-width: 600px){
	
.intro_con table.mid{
	width:100%;
}

.intro_con table.small{
	width:100%;
}

.head-lt{
	width:100%;
	float:left;
	margin:0 0 10px 0;
}

.head-rt {
	width:100%;
	text-align:center;
	float:left;
}



.video-list {
	display:block;
    margin: 10px 0 0 0;
    padding: 0;
	float:none;
	width:auto;
    
}

.head-lt ul li {
    float: left;
    list-style: outside none none;
    text-align: center;
    width: 33%;
}

.head-lt ul li a {
	padding:3px 0;
	float: none
}

.head-rt {
	width:228px;
	margin: 0 auto;
	float: none
}

.pro-box{
	width:100%;
	margin:0;
	height:inherit;
	margin:0 0 10px 0;

}

.head-rt input{
    width:180px;
}

.lt-container{
    display: none
	
}

.rt-container{
    width: 100%;
    border-left:none;
    padding: 0 0 0 0;
}



}

@media screen and (max-width: 500px){
	.logo{width: 100%; text-align: center}
	



 .intro_con img{
	 width:100%;
 }

.con_lt, .con_rt{
	width:100%;
	float:left;
	padding:4% 0;
}

.career_list {
   	width: 80%;
	padding:1% 10%;
	background:url("../images/acc_bg.png") no-repeat scroll 10px 18px #f6f6f6;
}

.intro_con div.content {
	width: 100%
}

.intro_con div.centre{
    padding:0 0 20px;
	width: 100%;
}

.product-slider{display: none}


}

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


}