/* Mega Grid System */ .row > .column.left { margin-left: 30px; } .row > .column.right { margin-right: 30px; } .col-1-12 { width: calc((100% + 30px) * 0.0833 - 30px); } .col-2-12 { width: calc((100% + 30px) * 0.1666 - 30px); } .col-12-12 { width: 100%; } @media only screen and (min-width: 1022px) { .row.m-0 > .column.left { margin-left: 0; } .row.m-0 > .column.right { margin-right: 0; } .row.m-0 > .col-1-12 { width: 8.33%; } .row.m-0 > .col-2-12 { width: 16.66%; } .row.m-0 > .col-3-12 { width: 25%; } .row.m-0 > .col-3-33-12 { width: calc(100% * (3.33 / 12)); } .row.m-0 > .col-4-12 { width: 33.33%; } .row.m-0 > .col-5-12 { width: 41.66%; } .row.m-0 > .col-6-12 { width: 50%; } .row.m-0 > .col-7-12 { width: 58.33%; } .row.m-0 > .col-8-12 { width: 66.66%; } .row.m-0 > .col-8-66-12 { width: calc(100% * (8.66 / 12)); } .row.m-0 > .col-9-12 { width: 75%; } .row.m-0 > .col-10-12 { width: 83.33%; } .row.m-0 > .col-11-12 { width: 91.66%; } .col-3-12 { width: calc((100% + 30px) * 0.25 - 30px); } .col-3-33-12 { width: calc((100% + 30px) * (3.33 / 12) - 30px); } .col-4-12 { width: calc((100% + 30px) * 0.3333 - 30px); } .col-5-12 { width: calc((100% + 30px) * 0.4166 - 30px); } .col-6-12 { width: calc((100% + 30px) * 0.5 - 30px); } .col-7-12 { width: calc((100% + 30px) * 0.5833 - 30px); } .col-8-12 { width: calc((100% + 30px) * 0.6666 - 30px); } .col-8-66-12 { width: calc((100% + 30px) * (8.66 / 12) - 30px); } .col-9-12 { width: calc((100% + 30px) * 0.75 - 30px); } .col-10-12 { width: calc((100% + 30px) * 0.8333 - 30px); } .col-11-12 { width: calc((100% + 30px) * 0.9166 - 30px); } } @media only screen and (min-width: 1279px) { .row.m-40 > .column.left { margin-left: 40px; } .row.m-50 > .column.left { margin-left: 50px; } .row.m-60 > .column.left { margin-left: 60px; } .row.m-70 > .column.left { margin-left: 50px; } .row.m-40 > .column.right { margin-right: 40px; } .row.m-50 > .column.right { margin-right: 50px; } .row.m-60 > .column.right { margin-right: 60px; } .row.m-70 > .column.right { margin-right: 50px; } .row.m-40 > .col-1-12 { width: calc((100% + 40px) * 0.0833 - 40px); } .row.m-50 > .col-1-12 { width: calc((100% + 50px) * 0.0833 - 50px); } .row.m-60 > .col-1-12 { width: calc((100% + 60px) * 0.0833 - 60px); } .row.m-70 > .col-1-12 { width: calc((100% + 50px) * 0.0833 - 50px); } .row.m-40 > .col-2-12 { width: calc((100% + 40px) * 0.1666 - 40px); } .row.m-50 > .col-2-12 { width: calc((100% + 50px) * 0.1666 - 50px); } .row.m-60 > .col-2-12 { width: calc((100% + 60px) * 0.1666 - 60px); } .row.m-70 > .col-2-12 { width: calc((100% + 50px) * 0.1666 - 50px); } .row.m-40 > .col-3-12 { width: calc((100% + 40px) * 0.25 - 40px); } .row.m-50 > .col-3-12 { width: calc((100% + 50px) * 0.25 - 50px); } .row.m-60 > .col-3-12 { width: calc((100% + 60px) * 0.25 - 60px); } .row.m-70 > .col-3-12 { width: calc((100% + 50px) * 0.25 - 50px); } .row.m-40 > .col-3-33-12 { width: calc((100% + 40px) * (3.33 / 12) - 40px); } .row.m-50 > .col-3-33-12 { width: calc((100% + 50px) * (3.33 / 12) - 50px); } .row.m-60 > .col-3-33-12 { width: calc((100% + 60px) * (3.33 / 12) - 60px); } .row.m-70 > .col-3-33-12 { width: calc((100% + 50px) * (3.33 / 12) - 50px); } .row.m-40 > .col-4-12 { width: calc((100% + 40px) * 0.3333 - 40px); } .row.m-50 > .col-4-12 { width: calc((100% + 50px) * 0.3333 - 50px); } .row.m-60 > .col-4-12 { width: calc((100% + 60px) * 0.3333 - 60px); } .row.m-70 > .col-4-12 { width: calc((100% + 50px) * 0.3333 - 50px); } .row.m-40 > .col-5-12 { width: calc((100% + 40px) * 0.4166 - 40px); } .row.m-50 > .col-5-12 { width: calc((100% + 50px) * 0.4166 - 50px); } .row.m-60 > .col-5-12 { width: calc((100% + 60px) * 0.4166 - 60px); } .row.m-70 > .col-5-12 { width: calc((100% + 50px) * 0.4166 - 50px); } .row.m-40 > .col-6-12 { width: calc((100% + 40px) * 0.5 - 40px); } .row.m-50 > .col-6-12 { width: calc((100% + 50px) * 0.5 - 50px); } .row.m-60 > .col-6-12 { width: calc((100% + 60px) * 0.5 - 60px); } .row.m-70 > .col-6-12 { width: calc((100% + 50px) * 0.5 - 50px); } .row.m-40 > .col-7-12 { width: calc((100% + 40px) * 0.5833 - 40px); } .row.m-50 > .col-7-12 { width: calc((100% + 50px) * 0.5833 - 50px); } .row.m-60 > .col-7-12 { width: calc((100% + 60px) * 0.5833 - 60px); } .row.m-70 > .col-7-12 { width: calc((100% + 50px) * 0.5833 - 50px); } .row.m-40 > .col-8-12 { width: calc((100% + 40px) * 0.6666 - 40px); } .row.m-50 > .col-8-12 { width: calc((100% + 50px) * 0.6666 - 50px); } .row.m-60 > .col-8-12 { width: calc((100% + 60px) * 0.6666 - 60px); } .row.m-70 > .col-8-12 { width: calc((100% + 50px) * 0.6666 - 50px); } .row.m-40 > .col-8-66-12 { width: calc((100% + 40px) * (8.66 / 12) - 40px); } .row.m-50 > .col-8-66-12 { width: calc((100% + 50px) * (8.66 / 12) - 50px); } .row.m-60 > .col-8-66-12 { width: calc((100% + 60px) * (8.66 / 12) - 60px); } .row.m-70 > .col-8-66-12 { width: calc((100% + 50px) * (8.66 / 12) - 50px); } .row.m-40 > .col-9-12 { width: calc((100% + 40px) * 0.75 - 40px); } .row.m-50 > .col-9-12 { width: calc((100% + 50px) * 0.75 - 50px); } .row.m-60 > .col-9-12 { width: calc((100% + 60px) * 0.75 - 60px); } .row.m-70 > .col-9-12 { width: calc((100% + 50px) * 0.75 - 50px); } .row.m-40 > .col-10-12 { width: calc((100% + 40px) * 0.8333 - 40px); } .row.m-50 > .col-10-12 { width: calc((100% + 50px) * 0.8333 - 50px); } .row.m-60 > .col-10-12 { width: calc((100% + 60px) * 0.8333 - 60px); } .row.m-70 > .col-10-12 { width: calc((100% + 50px) * 0.8333 - 50px); } .row.m-40 > .col-11-12 { width: calc((100% + 40px) * 0.9166 - 40px); } .row.m-50 > .col-11-12 { width: calc((100% + 50px) * 0.9166 - 50px); } .row.m-60 > .col-11-12 { width: calc((100% + 60px) * 0.9166 - 60px); } .row.m-70 > .col-11-12 { width: calc((100% + 50px) * 0.9166 - 50px); } } @media only screen and (min-width: 1399px) { .row.m-70 > .column.left { margin-left: 70px; } .row.m-70 > .column.right { margin-right: 70px; } .row.m-70 > .col-1-12 { width: calc((100% + 70px) * 0.0833 - 70px); } .row.m-70 > .col-2-12 { width: calc((100% + 70px) * 0.1666 - 70px); } .row.m-70 > .col-3-12 { width: calc((100% + 70px) * 0.25 - 70px); } .row.m-70 > .col-3-33-12 { width: calc((100% + 70px) * (3.33 / 12) - 70px); } .row.m-70 > .col-4-12 { width: calc((100% + 70px) * 0.3333 - 70px); } .row.m-70 > .col-5-12 { width: calc((100% + 70px) * 0.4166 - 70px); } .row.m-70 > .col-6-12 { width: calc((100% + 70px) * 0.5 - 70px); } .row.m-70 > .col-7-12 { width: calc((100% + 70px) * 0.5833 - 70px); } .row.m-70 > .col-8-12 { width: calc((100% + 70px) * 0.6666 - 70px); } .row.m-70 > .col-8-66-12 { width: calc((100% + 70px) * (8.66 / 12) - 70px); } .row.m-70 > .col-9-12 { width: calc((100% + 70px) * 0.75 - 70px); } .row.m-70 > .col-10-12 { width: calc((100% + 70px) * 0.8333 - 70px); } .row.m-70 > .col-11-12 { width: calc((100% + 70px) * 0.9166 - 70px); } } @media only screen and (max-width: 766px) { .row:not(.mobile-ex) > .columnx:not(.col-s):not(.col-xs) { float: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 25px; } } @media only screen and (min-width: 766px) and (max-width: 1022px) { .responsive.tablet .row > .column { float: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 25px; } .responsive.tablet .row > .column:last-child { margin-bottom: 0; } } @media only screen and (min-width: 1022px) and (max-width: 1024px) { .responsive.tablet-l .row > .column { float: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 25px; } .responsive.tablet-l .row > .column:last-child { margin-bottom: 0; } } @media only screen and (max-width: 1024px) { .responsive[class*="clamp-"] .clamp { display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .row .column[class*="col-"] .responsive.clamp-3 .clamp { -webkit-line-clamp: 3; } .row.col-sm .column[class*="col-"] .responsive.clamp-3 .clamp, .row.col-md .column[class*="col-"] .responsive.clamp-3 .clamp { -webkit-line-clamp: 2; } } @media only screen and (max-width: 766px) { .row.col-sm .col-1-12 .responsive.clamp-3 .clamp, .row.col-sm .col-2-12 .responsive.clamp-3 .clamp { -webkit-line-clamp: 2; } .row.col-md .col-3-12 .responsive.clamp-3 .clamp { -webkit-line-clamp: 3; } } .column { box-sizing: border-box; } .column .widget:last-child { margin-bottom: 0 !important; } @media only screen and (max-width: 768px) { /* .row > .column, .column > * .row > .column:last-child, .column > *:last-child { margin-bottom: 0 !important; } structure.css line 153 */ .row > * { float: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 25px; } .row > *:last-child { margin-bottom: 0 !important; } } @media only screen and (min-width: 1022px) {/* .responsive.tablet */ .column[class*='col-3'] .column[class*='col-1'], .column[class*='col-3'] .column[class*='col-2'], .column[class*='col-3'] .column[class*='col-3'] { float: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 25px; } .column[class*='col-3'] .column[class*='col-3']:last-child { margin-bottom: 0; } }