@media screen and (max-width:1600px) {
}
@media screen and (max-width:1366px) {
	.container { max-width:100%; padding:0 15px; }	
}
@media screen and (max-width:1280px) {
	.main-bg { min-height:900px; background-size:cover; }
}
@media screen and (max-width:1024px) {
	.main-bg { min-height:800px; }
}

@media screen and (max-width:979px) {
	.main-bg { min-height:750px; }
	.action-wrapper .date { padding:10px 15px; font-size:25px; min-width:auto; }
	.action-wrapper .col-left,
	.action-wrapper .col-right { width:100%; }
	.action-wrapper .col-right { margin:10px 0; }
	.action-wrapper .btn { margin-right:15px; }
	.customize-section .action-wrapper .btn { margin-bottom:10px; }
		
	.pvide .data .eq-list li { width:calc(50% - 15px); }

}
@media screen and (max-width:850px) {
	.main-bg { min-height:700px; }
}
@media screen and (max-width:768px) {
	.main-bg { min-height:650px; }
	.logo { width:100px; }
	.logo a { padding:15px; }
	.logo.inner { width:100px; display:inline-block; }
	.logo.inner a { padding:15px; }
	.login-btn { top:70px; }
	.login-btn a { padding:0 40px; line-height:45px; }
}
@media screen and (max-width:767px) {
	h2 { font-size:25px; }
	.main-bg { min-height:600px; }
	.user-menu { width:40px; top:15px; }
	.user-dropdown { font-size:14px; }
	.user-dropdown.open { top:55px; }
	.user-dropdown:before { right:10px; }
	.copyright { padding:15px 0; line-height:26px; }
	.copyright .lpart,
	.copyright .rpart { width:100%; text-align:center; }
	.popup-wrapper .popup-content { min-width:90%; }
	#u_login .tabs-left ul li a { font-size:16px; padding:15px 0; }
	.ui-corner-bottom, .mobile-tabs { padding:20px; }
	.form .input { line-height:40px; margin-bottom:20px; }
	.form .input + i,
	.form .btn { line-height:40px; }
	.form .btn { margin-top:20px; }
	.loginarea .register, .loginarea .forgetpw { margin-top:20px; }
	.register .box-01 .s01 { padding:10px 0 0 20px; }
	
	.btn { font-size:14px; padding:10px 15px; }
	.data-contaner { padding:50px 0 20px 0; }
	.session-section { padding:20px 0 0 0; }
	.session-section .action-wrapper { margin-bottom:20px; }
	.plan-calendar .item { padding:10px 15px; }
	.plan-calendar .data { font-size:20px; }
	.plan-calendar .day { font-size:14px; }
	
	.activity-list li { width:50%; }
	.s-plan .ui-accordion .ui-accordion-content { padding:15px; }
	.s-plan h3, .s-plan .ui-accordion h3,
	.s-plan .ui-accordion .ui-accordion-header { padding:15px 125px 15px 20px; }
	.s-plan .ui-icon,
	.s-plan .ui-accordion h3 .time { top:15px; }
	.s-plan .ui-accordion h3 .time { right: 50px; }
	.s-plan .ui-icon { right:10px; }
	.white-box .head { padding:15px 20px; }
	
	.s-plan h3, .s-plan .ui-accordion h3,
	.s-plan .ui-accordion .ui-accordion-header,
	.white-box .head h4,
	.white-box .head .number,
	.white-box .head .edit,
	.white-box .head .remove { font-size:18px; margin-right:10px; }
	.s-plan h3, .s-plan .ui-accordion h3,
	.s-plan .ui-accordion .ui-accordion-header { margin-right:0; }
	
	.action-wrapper .date { font-size:20px; }	
	.action-wrapper .btn { margin-right:10px; }
	.customize-section-edit-list .left-block { width:100%; }
	.customize-section-edit-list .right-block { width:100%; margin-bottom:20px; }
	.customize-section-edit-list .right-block { order:1; }
	.customize-section-edit-list .left-block { order:2; }
	.search-box .input { padding:10px 60px 10px 15px; }
	.search-box button { line-height:44px; height:44px; width:40px; font-size:20px; }
	
	.pvide .video,
	.pvide .data { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding:20px 0 0 0; }
}
@media screen and (max-width:667px) {
	.activity-list li { width:100%; }
	.plan-calendar .item { margin: 0 20px; }

}
@media screen and (max-width:567px) {
	.main-bg { min-height:450px; }
	.logo { width:80px; /*margin:auto; display:inline-block;*/ }
	.login-btn { top:30px; font-size:14px; }
	.login-btn a { padding:0 30px; line-height:40px; }	
	.copyright { font-size:13px; line-height:20px; }
	.plan-calendar .item { padding:10px; }
	
	.pvide .data .eq-list li { width:calc(100% - 15px); }
}
@media screen and (max-width:480px) {
	.main-bg { min-height:350px; }
	.customize-section-edit-list .left-block .col-left { width:100%; }
	.customize-section-edit-list .left-block .col-right { width:100%; margin-top:5px; }
	
	.team_selector { float: none; text-align: right; margin-top: 10px; max-width: 100%; }
	.team_selector form { display: inline-block; }
	
}
@media screen and (max-width:360px) {
	.main-bg { min-height:300px; }	
	
}