update 08/10
This commit is contained in:
@@ -318,6 +318,30 @@ html {
|
||||
.box-tamnhin .content-tamnhin .title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.page-pricing .page-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.page-pricing .container-tinhnang {
|
||||
width: 100%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.page-pricing .container-faq {
|
||||
width: 100%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.page-pricing .container-dieukhoan {
|
||||
width: 100%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.page-pricing .box-xstore .title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.page-pricing .box-xstore .btn {
|
||||
width: 200px;
|
||||
}
|
||||
.page-pricing .box-faq .title {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1000px) {
|
||||
body {
|
||||
@@ -334,10 +358,23 @@ html {
|
||||
.box-tamnhin .content-tamnhin {
|
||||
width: 100%;
|
||||
}
|
||||
.item-features {
|
||||
padding: 20px 0 !important;
|
||||
margin-bottom: 30px !important;
|
||||
}
|
||||
.item-features .title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.item-features .note {
|
||||
font-size: 14px;
|
||||
}
|
||||
.item-features .content {
|
||||
width: 100%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.item-features .list {
|
||||
margin: 20px 0 !important;
|
||||
}
|
||||
.box-chuyendoi {
|
||||
width: 100% !important;
|
||||
}
|
||||
@@ -347,19 +384,77 @@ html {
|
||||
.page-features .page-note {
|
||||
font-size: 18px;
|
||||
}
|
||||
.page-features .content-tammoi {
|
||||
padding-top: 50px;
|
||||
}
|
||||
.page-features .content-tammoi .title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.page-features .content-tammoi .list {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.page-features .content-tammoi .list span {
|
||||
font-size: 14px;
|
||||
}
|
||||
.page-features .user-xstore .title {
|
||||
font-size: 24px;
|
||||
padding: 30px 0;
|
||||
}
|
||||
.page-features .user-xstore .btn {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.page-features .user-xstore .box-link {
|
||||
padding: 20px;
|
||||
}
|
||||
.page-pricing .list-pricing {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
.page-pricing .box-faq {
|
||||
margin-top: 50px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 834px) {
|
||||
.homepage .tieuchi .item p {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.footer-pc .grid-cols-4 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
.page-features .breadcrumb {
|
||||
padding: 20px 0;
|
||||
}
|
||||
.page-features .page-name {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.page-features .content-tammoi .list {
|
||||
margin-bottom: 50px;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
.page-features .content-tammoi .list span {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.homepage .tieuchi {
|
||||
width: 100%;
|
||||
}
|
||||
.page-features .content-tammoi .list {
|
||||
margin-bottom: 50px;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
.page-features .content-tammoi .list span {
|
||||
font-size: 14px;
|
||||
}
|
||||
.page-free-trial .container-faq {
|
||||
width: 100%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.page-free-trial .content-from-trial {
|
||||
padding: 0 15px;
|
||||
}
|
||||
.page-free-trial .page-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 680px) {
|
||||
.homepage .tieuchi {
|
||||
@@ -382,6 +477,53 @@ html {
|
||||
.footer-pc {
|
||||
display: none;
|
||||
}
|
||||
.page-features .content-tammoi .w-\[calc\(100\%\/4\)\],
|
||||
.page-features .content-tammoi .w-\[calc\(100\%\/5\)\] {
|
||||
width: 100%;
|
||||
}
|
||||
.page-free-trial .content-from-trial .list {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
padding: 30px 0;
|
||||
}
|
||||
.page-pricing .page-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.page-pricing .box-tinhnang {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.page-pricing .box-tinhnang h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.page-pricing .box-tinhnang .content-faq {
|
||||
overflow: auto;
|
||||
}
|
||||
.page-pricing .box-tinhnang .table tr {
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
}
|
||||
.page-pricing .box-tinhnang .table td {
|
||||
white-space: nowrap;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.page-pricing .box-tinhnang .table th {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.page-pricing .box-tinhnang .table p {
|
||||
width: 100%;
|
||||
}
|
||||
.page-pricing .box-xstore {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.page-pricing .box-xstore .title {
|
||||
font-size: 20px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.page-pricing .box-faq .title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.page-login .content-login {
|
||||
width: 96%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.homepage .banner .title {
|
||||
@@ -439,4 +581,222 @@ html {
|
||||
.box-tamnhin .box-faq .item-faq .title {
|
||||
font-size: 16px;
|
||||
}
|
||||
.page-features .page-name {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.page-features .page-title {
|
||||
font-size: 20px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.page-features .page-note {
|
||||
font-size: 16px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.page-features .content-tammoi {
|
||||
padding-top: 20px;
|
||||
}
|
||||
.page-features .content-tammoi .title {
|
||||
font-size: 20px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.page-features .content-tammoi .list {
|
||||
margin-bottom: 50px;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
.page-features .content-tammoi .list a {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.page-features .content-tammoi .list span {
|
||||
font-size: 13px;
|
||||
}
|
||||
.page-features .content-chuyendoi {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
}
|
||||
.page-features .content-chuyendoi .name-chuyendoi {
|
||||
font-size: 14px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.page-features .content-chuyendoi .note-chuyendoi {
|
||||
font-size: 14px;
|
||||
}
|
||||
.page-features .content-top-features {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.page-features .user-xstore .title {
|
||||
font-size: 20px;
|
||||
padding: 30px 0;
|
||||
}
|
||||
.page-features .user-xstore .btn {
|
||||
margin-bottom: 40px;
|
||||
font-size: 14px;
|
||||
width: 200px;
|
||||
}
|
||||
.page-features .user-xstore .box-link {
|
||||
padding: 20px;
|
||||
}
|
||||
.page-features .user-xstore .list-xstore {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
.page-features .list.list-tab a {
|
||||
width: 100%;
|
||||
}
|
||||
.item-features .box-image {
|
||||
margin-top: 20px;
|
||||
padding: 10px !important;
|
||||
}
|
||||
.item-features .box-image img {
|
||||
display: block;
|
||||
height: auto;
|
||||
}
|
||||
.item-features .list-faq {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.box-tamnhin .box-faq .btn {
|
||||
width: 150px;
|
||||
}
|
||||
.box-tamnhin .box-faq .btn p {
|
||||
font-size: 16px;
|
||||
}
|
||||
.box-tamnhin .box-faq .btn i {
|
||||
margin-top: 0;
|
||||
}
|
||||
.page-free-trial .breadcrumb {
|
||||
padding: 20px 0;
|
||||
}
|
||||
.page-free-trial .page-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.page-free-trial .page-name {
|
||||
margin: 30px 0;
|
||||
}
|
||||
.page-free-trial .from-trial {
|
||||
margin-top: -345px;
|
||||
}
|
||||
.page-free-trial .content-from-trial .list {
|
||||
padding: 15px 0;
|
||||
}
|
||||
.page-free-trial .content-from-trial .left b {
|
||||
font-size: 15px;
|
||||
}
|
||||
.page-free-trial .content-from-trial .left p {
|
||||
font-size: 14px;
|
||||
}
|
||||
.page-free-trial .content-from-trial .box-form {
|
||||
padding: 15px;
|
||||
}
|
||||
.page-free-trial .content-from-trial .box-form .title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.page-free-trial .box-faq {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.page-free-trial .box-faq .title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.page-free-trial .box-faq .title-faq b {
|
||||
font-size: 14px;
|
||||
}
|
||||
.page-pricing .page-title {
|
||||
font-size: 18px;
|
||||
}
|
||||
.page-pricing .list-pricing {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
@media (max-width: 435px) {
|
||||
.homepage .banner .title {
|
||||
font-size: 18px;
|
||||
line-height: 28px;
|
||||
}
|
||||
.homepage .banner .btn {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.box-benefit .title {
|
||||
font-size: 18px;
|
||||
}
|
||||
.icon_2025.checkbox {
|
||||
width: 35px;
|
||||
height: 40px;
|
||||
background-position: 0 0;
|
||||
background-size: 185px 165px;
|
||||
}
|
||||
.icon_2025.boxreview {
|
||||
width: 35px;
|
||||
height: 43px;
|
||||
background-position: -69px 0;
|
||||
background-size: 185px 165px;
|
||||
}
|
||||
.icon_2025.cart {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background-position: -141px 0;
|
||||
background-size: 185px 165px;
|
||||
}
|
||||
.homepage .tieuchi p {
|
||||
font-size: 16px !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
.box-benefit .item .title {
|
||||
font-size: 15px;
|
||||
}
|
||||
.box-platforms .box-item h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
.box-platforms .box-item ul {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.box-product-sell .content h2 {
|
||||
font-size: 16px;
|
||||
}
|
||||
.box-product-sell .content p {
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.box-tamnhin .title {
|
||||
font-size: 18px;
|
||||
}
|
||||
.box-platforms .box-item {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.box-tamnhin .item-tamnhin img {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.box-tamnhin .item-tamnhin b {
|
||||
font-size: 16px;
|
||||
}
|
||||
.box-tamnhin .item-tamnhin p {
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.box-tamnhin .box-faq h2 {
|
||||
font-size: 16px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.box-tamnhin .item-faq b {
|
||||
font-size: 14px;
|
||||
}
|
||||
.page-features .content-tammoi .title {
|
||||
font-size: 18px;
|
||||
}
|
||||
.item-features .note {
|
||||
padding: 0 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.item-features .item-faq b {
|
||||
font-size: 14px;
|
||||
}
|
||||
.item-features .item-faq .title-faq {
|
||||
padding: 15px 10px 0 10px;
|
||||
}
|
||||
.page-features .user-xstore .btn {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.page-features .list-xstore span {
|
||||
font-size: 14px;
|
||||
}
|
||||
}/*# sourceMappingURL=style.css.map */
|
||||
Reference in New Issue
Block a user