@media screen and (max-width:1279px) {
	/*menu*/
	.menu-detail-box { left: -100%; }
	.page-wrapper { margin-left: 0; }
	.menu-open .menu-detail-box { left: 0; }
	footer { padding: 0; text-align: center;}
    .second-panel, .third-panel{width:100%;}
}
@media screen and (max-width:1023px) {
	/*change-pswd*/
	.change-pswd-box .change-pswd-inner-box { width: 60%; }
    .big-box-popup .modal-dialog, .medium-box-popup .modal-dialog { width: 92%; }
}
@media screen and (max-width:979px) {
    .jplist-panel.panel-top {
        text-align: center;
    }
    .pagination-label-box{margin-top:10px;}
}
@media screen and (max-width:767px) {
	/*header*/
	header .right-box { background: none; }
	header .navbar-nav > li > a { padding: 6px 10px; }
	header .navbar-nav > li > a img { width: 30px; }
	.logo { background: none; width: 150px; margin: 0 5px 0 0; height: 40px; }
	header .right-box { margin: 0; }
	.right-box .open .dropdown-menu { top: 43px; background: #fff; position: absolute; left: auto; right: 0; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
	.right-box .navbar-nav .open .dropdown-menu > li > a { padding: 5px 10px; }
	.page-wrapper { margin-top: 43px; }

	/*login*/
	.login-box { overflow-y: auto; padding: 0 30px; }
	.login-box .login-container { margin: 15px auto; width: 90%; }
	.login-box .login-container h2 { font-size: 20px; margin-bottom: 20px; }
	.login-box .logo-box { display: block; margin: 0 auto 20px; padding-right: 0; }
	.login-box .login-input-box { display: block; padding-left: 0; border-left: none; width: 100%; margin: 0 auto; }
	.login-btn-box .login-btn, .register-box .btn-box .btn { width: 250px; margin: 0 auto; }
	.modal-content { width: 95%; margin: 0 auto; }
	.modal-dialog { margin: 25px 15px; }

	/*change-pswd*/
	.change-pswd-box .change-pswd-inner-box { width: 70%; }
    .big-box-popup .modal-dialog, .medium-box-popup .modal-dialog, .modal-dialog{width:90%;}
}
@media screen and (max-width:639px) {
	.login-box { padding: 0 10px; }
	.login-box .login-container { width: 100%; }


	/*common*/
	.logo { width: 140px; }
	.breadcrumb { display: none; }
	.title-box h2 { float: none; margin: 0; font-size: 14px; }

	/*footer*/
	footer p { font-size: 12px; }

	/*change-pswd & voucher-box & purchase-box & change-service-box*/
	.change-pswd-box .change-pswd-inner-box, .voucher-box .voucher-inner-box, .purchase-box .purchase-inner-box, .change-service-box  .change-service-inner-box { width: 100%; }
}