/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

	/* pagewrap */
	.pagewrap {
		width: 90%;
	}
}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {

	/* header */
	#header {
	height: auto;
	}
	/* site logo */
	#site-logo {
		background:url(../images/logo-s.png) no-repeat;
	width:127px;
	height:40px;
	}
	
.textfield{
	width:96%;
	padding:10px 2%;
}
.textarea{
	width:96%;
	height:130px;
	padding:10px 2%;
}
.btn_g {
  font-size: 14px;
  padding: 20px 0px 20px 0px;
  width:100%;
}
.btn_r {
  font-size: 14px;
  padding: 20px 0px 20px 0px;
  width:100%;
}
.btn_l-blu {
  font-size: 14px;
  padding: 20px 0px 20px 0px;
  width:100%;
}
.btn_orange {
  font-size: 14px;
  padding: 20px 0px 20px 0px;
  width:100%;
}
.btn_violet {
  font-size: 14px;
  padding: 20px 0px 20px 0px;
  width:100%;
}
.btn_l-green {
  font-size: 14px;
  padding: 20px 0px 20px 0px;
  width:100%;
}
.btn_d-blue{
  font-size: 14px;
  padding: 20px 0px 20px 0px;
  width:100%;
}
.btn_log {
  font-size: 14px;
  width:100%;
}
.tab_content .left{
	width:100%;
	margin-right:0px;
}
.tab_content .left ul{
	width:100%;
	margin-right:0px;
}
.tab_content .right{
	display:none;
}
.tab_content .left ul li{margin-bottom:10px;width:100%;}
.overlay {
    float:left;
    padding:20px 7%;
    width:70%;
    font-size:12px;
      
}
.textfield2{
	width:90%;
	padding:5px 2%;
	
}
/*update as on 02.12.2016*/

.login_content{
	width:90%;
	padding: 20px 5% 20px;
}
.login_content .left{
	width:100%;
	margin-right:0;
}
.login_content .right{
	width:100%;
}
.login_content .right .myAct{
	height:228px;
	background:url(../images/login_r_mob.jpg) no-repeat top;
	background-size:contain;
	margin-bottom:40px;
}
.login_content .left .help{
	height:540px;
	background:url(../images/login_b_mob.jpg) no-repeat top;
	background-size:contain;
}


}


/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	body{line-height:130%;}
	/*update on 15.09.17*/
	
	.formRow .col1{
	width:100%;
	margin-bottom:8px;
}
.formRow .col2{
	width:100%;
}
.textbox{
	width:90%;
}	
.textarea{
	width:90%;
}

}