^^&&^^

Edit File: column.css

.container,

.container-fluid {

height: 100%;

padding-right: 12px;

padding-left: 12px;

margin-right: auto;

margin-left: auto;

}

.container {

max-width: 1320px !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;

}

aside.jet-sidebar,

.jet-footer-col,

.related-item,

.author-img-area,

.author-text-area,

#jet-home-main,

.jet-pm-item,

.jet-single-author-box-text,

.jet-mega-menu-item {

position: relative;

width: 100%;

padding-right: 12px;

padding-left: 12px;

}

.row.jet-grid {

margin-left: 0;

margin-right: 0;

}

#jet-home-main {

-ms-flex: 0 0 66.6667%;

flex: 0 0 66.6667%;

width: 66.6667%;

max-width: calc(66.6667% - (0.33333333333333 * 30px ));

}

.jet-sidebar {

-ms-flex: 0 0 33.3333%;

flex: 0 0 33.3333%;

max-width: calc(33.3333% - ( 0.66666666666667 * 30px ) );

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-p30 {

-ms-flex: 0 0 30%;

flex: 0 0 30%;

max-width: 30%;

}

.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-p70 {

-ms-flex: 0 0 70%;

flex: 0 0 70%;

max-width: 70%;

}

.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%;

}