@media (min-width: 576px) and (max-width: 767px) {
	
}

@media (max-width: 576px) {
    header.main-header {
        padding: 15px 0;
    }

    .login-section .ls-form {
        padding: 15px;
    }

    .login-section .ls-form .lsf-inner .ls-options {
        flex-direction: column;
        text-align: center;
    }

    .login-section .ls-form .lsf-inner .ls-err {
        line-height: 20px;
    }

    .login-success {
        padding-top: 150px;
    }

    .login-success .ls-inner {
        padding-top: 50px;
        padding-bottom: 50px;
    }

}
 
@media (max-width: 767px) {

    .performance-section .ps-inner h1 {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 40px;
    }

    .performance-section .ps-inner .ps-graph {
        padding: 25px 25px;
    }

    .performance-section .ps-inner .ps-graph h4 {
        font-size: 20px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .ps-graph .psg-box .psgb-process .psgbp-block strong {
        right: -40px;
        width: 60px;
        word-break: break-all;
    }

    .ps-graph .psg-box .psgb-process .psgbp-block:last-child span {
        right: 0;
    }

    .ps-graph .psg-box .psgb-process .psgbp-block:last-child strong {
        right: 0;
    }

    .ps-graph .psg-box {
        overflow-x: auto;
        overflow-y: hidden;
		padding-bottom: 100px;
    }

    .ps-graph .psg-box .psgb-process {
        width: 1100px;
    }

    .ps-table table thead th,
    .ps-table table tbody td,
    .ps-table table tfoot th {
        font-size: 14px;
        line-height: 24px;
        padding: 15px 10px;
    }
	  
	header.main-header {
		padding: 10px 0; 
	}
	
	.header-logo { 
		flex-wrap: wrap;
	}
	
	.header-logo a img {
		max-width: 260px; 
	}
	
	.header-logo .header-option {
		position: relative;
		width: 100%;
		justify-content: center;
		top: 0;
		padding-top: 10px;
		gap: 10px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
    .performance-section .ps-inner h1 {
        font-size: 34px;
        line-height: 44px;
        margin-bottom: 40px;
    }

    .performance-section .ps-inner .ps-graph {
        padding: 25px 25px;
    }

    .performance-section .ps-inner .ps-graph h4 {
        font-size: 20px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .ps-graph .psg-box .psgb-process .psgbp-block:last-child span {
        right: 0;
    }

    .ps-graph .psg-box .psgb-process .psgbp-block:last-child strong {
        right: 0;
    }

    .ps-graph .psg-box .psgb-process .psgbp-block strong {
        right: -40px;
        width: 60px;
        word-break: break-all;
    }

    .ps-graph .psg-box {
        overflow-x: auto;
        overflow-y: hidden;
		padding-bottom: 100px;
    }

    .ps-graph .psg-box .psgb-process {
        width: 1100px;
    }

    .ps-table table thead th,
    .ps-table table tbody td,
    .ps-table table tfoot th {
        font-size: 14px;
        line-height: 24px;
        padding: 15px 10px;
    }
	
	.header-logo {
		justify-content: flex-start;
	}
}

@media (min-width: 992px) and (max-width: 1280px) {}

@media (max-width:1280px) {
	.ps-table table thead th, 
	.ps-table table tbody td, 
	.ps-table table tfoot th { 
		font-size: 18px; 
		line-height: 24px; 
		padding: 10px 10px; 
	}
}

@media (min-width: 1200px) {}