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

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

.area{width:80%;}

.area_left{width:100%; float:none; margin-bottom:15px;}
.area_right{width:100%; float:none;}

.welcome_boardarea{min-height:inherit !important;}

.headerarea{padding-top:50px;}
.header_top{padding:5% 0px;}

.twocolumn_inputarea{text-align:center;}
.twocolumn_inputblock{margin-bottom:20px; padding:0px; font-size:16px; line-height:20px;}
.twocolumn_inputblock span{position:inherit !important; width:inherit!important; text-align:center; display:block; padding-bottom:10px;}
.twocolumn_inputblock1{position:relative; margin-bottom:20px; padding:0px; font-size:16px; line-height:20px;}
.twocolumn_inputblock1 span{position:inherit !important; width:inherit!important; text-align:center; display:block;}
.input1{text-align:center;}

}

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

.welcome_board_left{width:100%; position:inherit !important; text-align:center; padding-bottom:15px;}
.welcome_board_right{padding:0px; text-align:center;}

.page_heading span{display:block;}

}

@media only screen and (max-width:639px) {
	
.logo{width:100%; max-width:490px; margin:auto; font-family:'roboto_slabregular'; font-size:14px; line-height:24px; text-align:center;}
.logo img{float:none; margin:0px;}
.style2{font-size:25px; line-height:28px;}

}

@media only screen and (max-width:479px) {
	
.footer_area{font-size:12px;}

}