@charset "UTF-8";
/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
.front-about .container { width: 98%; }
.bookall-box { float: left; width: 33.333333%; }	
}
/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
.menuzord-menu > li > a {padding: 10px 10px; font-size: 20px; line-height: 22px; }	
.menuzord-menu > li > a > i { line-height:16px; }	
.menuzord-menu ul.dropdown {font-size: 20px; line-height: 22px; }	
.container { width:95%; margin: 0 auto; }	
.togglerecent { display: block; position: absolute; width: 100%; height: 100%; color:#fff; cursor: pointer; text-align: right; padding-right: 20px; top: 10px; z-index: 9;}
.wrapItem {  display: none;}
.side-newsroom { margin-bottom:30px; }
/*header*/
.header-container .v-align-children{display:-webkit-block; display:-moz-block; display:-ms-flexbox; display:block; align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center; flex-direction:row; -webkit-flex-direction:row}	
	
/*front*/
.front-about .container { width: 98%; max-width: 680px; }
.front-about-login { margin-bottom:30px;}	
.front-about-login img{ display: none;}	
.front-about-login .caption { text-shadow: 0px 0px 13px #000000; position:relative; left: auto; right: auto; padding-top: 50px; padding-bottom: 50px; padding-left: 20px; padding-right: 20px; background: url(../images/login-box.jpg) no-repeat center center; background-size: cover; top: auto; -webkit-transform: translateY(0%); transform: translateY(0%) }	
.about-boxtext h3 {  font-size: 22px; line-height: 24px; margin-bottom: 0;}	
/**/
.member-wrapper { margin-left:0; }	
.member-aside { display:none; }	
.menumobile { display:block; }	
.list-salary li { width:50%; }
/*book*/
.book-search-box { display:block; }	
.bookall-box { float: left; width: 33.333333%; }	
}


 /*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
.container { max-width: inherit; width: 100%; }	
	
.header-logo { padding-top:30px; }	
.header-logo .logo { height:60px; }	
.header-logo h2 {  font-size: 24px; line-height: 26px;    margin-top: 5px; }
.header-logo h2 span {  font-size: 16px; line-height: 18px; }	
.header-search { position: absolute; left: 0;top: 1px;}
.header-search .form-control{ min-width: 250px !important;}
.header-login{ background: #FC842D; position: absolute; left: 0;top: 0px; width: 100%;} 
.header-login .login-link { margin-bottom:0; }	
.header-login .login-link-list { }
.header-login .login-link-list li {  display: inline-block; margin-top: 0px; padding: 3px 5px;  }
.header-login .login-link-list li a{ font-size: 18px; color:#fff; }
.header-login .login-link-list li .btn-main { color:#fff; padding: 0; margin: 0;  background: none;}
.header-login .login-link-list li:last-child {  display: inline-block;}	
.header-login .login-user-list li {  display: inline-block; margin-top: 0px; padding: 3px 3px; margin-left: 5px;  }
.header-login .login-user-list li a{ font-size: 18px; color:#fff; }
.header-login .login-user-list li .btn-secondary { color:#fff; padding: 0; margin: 0;  background: none;}
.header-login .login-user-list li .btn-secondary span{ display: none;}
.header-login .login-user-list li .btn-secondary i{ display: block;}
.header-login .login-user-list li:last-child {  display: inline-block;}		
.side-newsroom .mobile-click-newsroom{ display: block;  }
.panel.collapse  {  }	
h1{ font-size: 45px; line-height: 45px;}
.content {padding-left: 5px;  padding-right: 5px; }	
	.newsroom-box .owl-nav { width:320px; }
	.newsroom-box .owl-dots	{ width: 300;}
/*main*/
.member-inner { padding:20px; }	.tab-title-content { margin-bottom: 20px;}
.tab-title-content .nav-tabs>li>a { margin: 0; }
/*book*/
.book-search-box .form-group{ display: inline-block;}

/*member*/	
.member-information .tab-pane .title-member { padding: 5px 15px;}	
.member-name {  }
.member-wrapper .mem-img { text-align:center; margin-bottom: 10px;  }
.member-name .v-align-children { display: block; }
.member-name .mem-text { text-align:center;  }
.member-name-detail .mem-detail-list {padding-top: 5px; padding-bottom: 5px;}	
.member-name-detail .mem-title, .member-name-detail .mem-text { font-size:20px; line-height: 22px; }
.time-test .time { margin-left: 10px; }	
.title-member {font-size: 24px;line-height: 26px;}	
.time-test {font-size: 20px;line-height: 22px;}	
.test-inner .content { padding:15px; }	
.question-list{ list-style: none; font-size: 22px; line-height: 24px; padding: 0 0 0 5px;  }	
.seminar-row { padding-top:25px; }	
.question-list li { margin: 5px 0;}	
/*boox*/
.bookall-box { float: left; width: 50%; }	
.book-search .grid-full { width:100%; }	
.data-seminar .seminar { float: left; width: 100%; padding: 10px; }
.data-seminar .activities { font-size: 24px;line-height: 26px; float: left; width: 100%; padding: 10px 10px 0 10px;font-weight: 600;}
.data-seminar .detail { float: left; width: 100%; padding: 10px;}
.data-seminar-title { font-size: 24px; line-height: 26px; }
.data-seminar-title	.activities , .data-seminar-title	.detail{ display:none }

.data-seminar .date	 { display: inline-block;}
.data-seminar-inner .seminar{ position: absolute; right: 0; top: 0; width: auto; }	
}




 /*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
.content {padding-left: 0px;padding-right: 0px;}
.activities-row { width:100%; }
.about-box { width:100%; }
.bookall-box { width:100%; }
.list-salary li { width:100%; }	
.test-order { float:left;}	
	
.boxinner { padding-top: 30px; padding-bottom: 30px; }		
.grid-full { width:100%; }	
}