.container, .container-fluid { height: 100%; padding-right: 12px; padding-left: 12px; margin-right: auto; margin-left: auto; } .container { max-width: 1200px !important; } @media screen and (max-width:1320px) { .container { max-width: 1170px !important; } } @media screen and (max-width:1200px) { .container { max-width: 970px !important; } } @media screen and (max-width:992px) { .container { max-width: 800px !important; } } @media screen and (max-width:768px) { .container { max-width: 100% !important; } } .row, .jet-related-posts { margin-left: -12px; margin-right: -12px; } .row, .jet-related-posts, .comment-item, .jet-single-author-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .jet-grid-start, .jet-grid-end, aside.jet-sidebar, .jet-footer-col, .related-item, .author-img-area, .author-text-area, #jet-home-main, .jet-pm-item, .jet-single-author-box-image, .jet-single-author-box-text, .jet-mega-menu-item { position: relative; width: 100%; padding-right: 12px; padding-left: 12px; } #jet-home-main { -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; } .jet-sidebar { -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; margin-left: auto; } .jet-footer-col, .related-item { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } div.no-sidebar #jet-home-main { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .center-sidebar #jet-home-main { margin: auto; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .comment-author-img, .jet-single-author-box-image { -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; } .comment-text, .jet-single-author-box-text { -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; } .author-img-area { -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; } .author-text-area { -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; } .page-404 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; margin: 100px 0; } /* Mega Menu */ .jet-mega-menu-item { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } /* Column Percent(x) - .jet-col-p(%x) */ .jet-col-p25 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .jet-col-p33 { -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; } .jet-col-p40 { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } .jet-col-p50 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .jet-col-p60 { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } .jet-col-p100 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } /* Column Percent in Sidebar & Footer (One Column) */ .jet-sidebar .jet-col-p33-oc, .jet-main-footer .jet-col-p33-oc { -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; } .jet-sidebar .jet-col-p50-oc, .jet-main-footer .jet-col-p50-oc { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .jet-sidebar .jet-col-p66-oc, .jet-main-footer .jet-col-p66-oc { -ms-flex: 0 0 66.6667%; flex: 0 0 66.6667%; max-width: 66.6667%; } .jet-sidebar .jet-col-p100-oc, .jet-main-footer .jet-col-p100-oc { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } /* Column Percent (Three Column) */ .jet-fw-widgets .jet-col-p25-fw { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .jet-fw-widgets .jet-col-p33-fw { -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33%; } .jet-fw-widgets .jet-col-p50-fw { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } /* Column Percent (Max-width: 768px) */ @media screen and (max-width:768px) { .jet-col-p100-sm { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .jet-col-p50-sm { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }