@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) {
.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;
}
}