@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 1199px) {
	table th, table td { padding: 12px 15px 8px; }
	
	.overview-box h4 { font-size: 22px; }
	.date-picker-box .form-control { width: 135px; font-size: 14px; }
	.firms-select { min-width: 110px; }
	.firms-select select { font-size: 14px; }
	.month-select { min-width: 100px; }
	.month-select select { font-size: 0.9rem; }
	.export-ico a { margin: 5px; }
	
}

@media only screen and (max-width: 991px) {
	.openmenu #main { margin-left: 0; }
	#footer, .openmenu #footer { left: 0; }
	#header .logo-box { width: auto; min-width: inherit; border: 0; padding: 0; margin-left: 0; margin-right: auto; background: transparent; }
	.openmenu .menu-trigger { margin-left: auto; }
	#header .container-fluid { padding: 0; }
	#header { padding: 10px 0; }
	.header-left { padding: 0 15px; }
	.header-right { border-top: 1px solid #dee2e6; padding-bottom: 0; margin-top: 15px; }
	.header-btn-box { margin-right: auto; }
	.header-top-ico.border-left { border-left: 0 !important; }
	.logo-box { padding: 13px 0; }
	
	.export-ico { margin-top: 15px; }
	
	.scroll-tab { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; }
	.scroll-tab.nav-tabs li.nav-item { margin-right: 0; }
	.scroll-tab.nav-tabs .nav-link { white-space: nowrap; }
	
}

@media only screen and (max-width: 767px) {
	.header-search { display: none; }
	.user-box { margin-right: 15px; margin-top: -2px; }
	.menu-trigger { margin-left: auto; }
	#main { padding: 15px 0; }
	.header-right { padding: 10px; }
	#logo { margin-left: 0; margin-right: auto; }
	.aside-menu { position: fixed; }
	.aside-menu li a { padding: 10px 20px; }
	.aside-menu li a figure { height: 15px; width: 15px; margin-right:10px; margin-top: -2px; }
	.header-right { position: relative; z-index: 5; }
	body { font-size: 14px; }
	
	
	.page-title { margin-bottom: 20px; }
	.amount-row span { margin: 3px 10px 3px 0; }
	.popup-main-box.action-popup { z-index: 2; }
	.action-popup .popup-box { left: 0; right: auto; }
	.nav-tabs .nav-item { margin-right: 25px; }
	.token-key { margin-left: 0; margin-right: auto; min-width: inherit; }
	.url-form-box { padding: 20px; padding-bottom: 0; }
	.table-responsive .table th, .table-responsive .table td { white-space: nowrap; }
}

@media only screen and (max-width: 575px) {
	.dashboard-graph-img { margin-top: 15px; }
	.dashboard-graph-img figure { margin: 0; }
	.aside-menu { width: 200px; }
	.logo-box { min-width: 200px; }
	.dashboard-transactions-box figure { margin: 0 0 5px 0; width: 45px; }
	.dashboard-transactions-box h5, .dashboard-transactions-box h6, .dashboard-transactions-box span { margin: 0 0 5px 0; display: block; }
	.dashboard-transactions-box h6 span { display: inline; }
	.user-info, .user-menu-box ul { padding: 15px; }
	.user-menu-box { width: 200px; }
	.login-box, .about-intro { padding: 30px; }
	.intro-box h4 { font-size: 24px; margin-bottom: 20px; }
	.carousel-indicators { margin-top: 30px; }
	.login-form-box h6 { margin-bottom: 15px; }
	.kipochi-title { margin-bottom: 20px; }
	.login-form-box .btn { margin-top: 0; }
	.btn-set .btn, .btn-set .button { margin-right: 15px; }
	
	.header-btn-box .btn { position: relative; padding: 0; height: 30px; width: 30px; line-height: 28px; font-size: 16px; }
	.header-btn-box .btn i { margin-right: 0; }
	.header-btn-box .btn span { position: absolute; background-color: #3469eb; white-space: nowrap; font-size: 12px; left: 100%; padding: 10px; line-height: 1; opacity: 0; visibility: hidden; transition: 0.35s all; z-index: 5; top: 50%; transform: translateY(-50%) translateX(10px); border-radius: 5px; }
	.header-btn-box .btn span:before { content: ""; position: absolute; right: 100%; top: 0; bottom: 0; margin: auto; height: 0; width: 0; border-right: 8px solid #3469eb; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }
	.header-btn-box .btn:hover span { opacity: 1; visibility: visible; }	
	.header-btn-box .btn.btn-secondary span { background: #d11233; }
	.header-btn-box .btn.btn-secondary span:before { border-right-color: #d11233; }
	.aside-menu ul, .sidebar-panel .sidenav-hold > ul { list-style: none; font-size: 13px; }
	.shadow-box-search { max-width: 100%; }
	
}

@media only screen and (max-width: 479px) {
	.login-box, .about-intro { padding:30px 20px; }
	.intro-box h4 { font-size: 22px; }
	.login-form-box .btn { font-size: 16px; }
	.action-popup .popup-box { left: auto; right: 0; }
	.filter-btn-box .popup-box { width: 290px; }
	.payment-method { padding: 15px 20px; padding-right: 70px; }
	.payment-method-box .switch-radio, .payment-method-box .switch-checkbox { right: 20px; height: 24px; }
	.payment-method-box .switch-radio input[type="radio"] + label, .payment-method-box .switch-checkbox input[type="checkbox"] + label { width: 40px; height: 24px; }
	.payment-method-box .switch-radio input[type="radio"] + label:before, .payment-method-box .switch-checkbox input[type="checkbox"] + label:before { width: 22px; height: 22px; }
	.payment-method-box .switch-radio input[type="radio"]:checked + label:before, .payment-method-box .switch-checkbox input[type="checkbox"]:checked + label:before { margin-left: 17px; }
}