@media only screen and (min-width: 1000px) and (max-width: 1290px) {
.content-row {
width: 100%;
}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
.intro {
width: 60%;
}

.login {
width: 40%;
}
}

@media only screen and (max-width: 767px) {
    .footer {display:none;}
    .intro-inr .logo {
        padding-bottom: 20px;
    }

.intro h1 {
font-size: 30px;
line-height: 33px;
padding-bottom: 30px;
}

.main {
display: inherit;
}

.intro {
width: 100%;
height: auto;
display: inherit;
}

.login {
width: 100%;
padding: 0px 0px;
height: auto;
display: inherit;
border-top-left-radius: 0px;
}

.login-box {
width: auto;
padding: 20px 15px;
}

.sel-thronav ul li a {
height: 46px;
line-height: 46px;
padding: 0 14px;
font-size: 15px;
}

.format-btn a {
font-size: 14px;
}

.train-tbl ul {
flex-direction: column;
}

.train-tbl ul li {
    width: 100%;
}

.train-strinr {
width: 100%;
}

.trnrwpr .leftsidepnl {
width: 100%;
padding-right: 0;
max-width: 100%;
border-right: none;
border-radius: 0;
border-bottom: solid 1px #bdbdbd;
}

.trnrwpr .sighdrightpnl {
padding: 20px;
width: 100%;
}

.trnrwpr .sighdrightpnl ul {
    font-size: 14px;
}

body.LoginClass .main{width: 100%; display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; padding-bottom: 0;}
body.LoginClass .main .login{width: 100%; background: #fff; border-top-left-radius: 20px; padding-bottom: 60px; padding-right: 24px; padding-left: 24px; padding-top: 16px;}
body.LoginClass .main .login .login-box{position: static; transform: none}
body.LoginClass .main .intro-inr .login-img img{width: 100%;}
body.LoginClass .footer{display: block; height: auto; position: static}
body.LoginClass .footer-container{display: flex; width: 100%; flex-direction: column;}
body.LoginClass .footer-container .ftr-lft{width: 100%; order: 2; padding: 8px 0;}
body.LoginClass .footer-container .ftr-link{order: 1; width: 100%;}
body.LoginClass .footer-container .ftr-link ul{display: block; width: 100%;}
body.LoginClass .footer-container .ftr-link ul li {width: 100%; padding: 6px 0; border-bottom: 1px solid #ccc;}
body.LoginClass .footer-container .ftr-link ul li a {width: 100%; padding: 0; margin: 0; display: block;}
	
	
}
