@media (min-width: 1440px) {
.wrap {
width: 80%;
}
}
@media (max-width: 1080px) {
.logo {
width: 60px;
height: 60px;
}
.courseprogressWrap{
width: 90%;
}
.tips {
text-align: center;
}
.questionWrap {
margin-bottom: 80px;
}
.startBtn{
width: 100%;
}
.loginWrap {
width: 50%;
}
.videoControl {
gap: 20px;
flex-direction: column;
justify-content: center;
}
.bodyWrap {
height: auto;
}
.main {
gap: 20px;
flex-direction: column;
}
.wrap,
.titleWrap,
.questionHeader,
.title {
width: 95%;
min-height: auto;
}
.titleWrap {
text-align: center;
width: 100%;
margin-left: auto;
}
.qustionWrap {
width: 94%;
margin-right: auto;
}
}
@media (max-width: 768px) {
.bodyBg::before {
height: 310px;
}
.smsContentDetail{
padding: 20px;
}
.mainTitle{
font-size: 2rem;
}
.questionHeader .title{
margin-bottom: 20px;
width: 100%;
}
.questionHeader{
flex-direction: column;
padding-bottom: 0px;
}
.courseprogressText{
text-align: center;
}
.courseContentDetail {
padding: 20px;
}
.loginWrap {
width: 90%;
}
.formList li {
font-size: 1.2rem;
}
.btn {
font-size: 1.2rem;
}
.btnControl {
gap: 20px;
align-items: center;
flex-direction: column;
justify-content: center;
}
.submitBtn {
width: 100%;
}
.h1,
h1 {
font-size: 1.8rem;
}
.wrap
{
width: 95%;
min-height: auto;
}
}