add responsive
This commit is contained in:
@@ -821,5 +821,70 @@ html body a:hover {
|
||||
bottom: 344px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.slider.email-marketing .s-left h1 {
|
||||
font-size: 40px;
|
||||
}
|
||||
.slider.email-marketing .s-left {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
.main-section.email-marketing .effect-one {
|
||||
filter: blur(0px);
|
||||
}
|
||||
.slider.email-marketing .s-left .sb-email-marketing {
|
||||
display: none;
|
||||
}
|
||||
.op-setion {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.op-setion .op-section-title h3 {
|
||||
font-size: 28px;
|
||||
}
|
||||
.op-setion .op-section-inner {
|
||||
flex-direction: column;
|
||||
padding: 45px 0;
|
||||
}
|
||||
.op-setion .op-section-inner .op-item {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.op-setion.sec .op-section-inner .op-item {
|
||||
width: 100%;
|
||||
}
|
||||
.opplens {
|
||||
padding: 0;
|
||||
}
|
||||
.opplens .opplens-title h2 {
|
||||
font-size: 28px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.opplens .opplens-inner {
|
||||
flex-direction: column;
|
||||
border-radius: 24px;
|
||||
}
|
||||
.opplens .opplens-inner .opplens-item {
|
||||
width: 100%;
|
||||
padding: 24px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 24px;
|
||||
}
|
||||
.opplens .opplens-inner .opplens-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.opplens .opplens-inner .opplens-item > div::before {
|
||||
width: 100%;
|
||||
}
|
||||
.marketing-register .marketing-register-title h2 {
|
||||
font-size: 28px;
|
||||
}
|
||||
.marketing-register .marketing-register-inner .marketing-register-box {
|
||||
width: 100%;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 0;
|
||||
padding: 35px 15px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
|
||||
Reference in New Issue
Block a user