.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,

.orun-related-posts {

   margin-left: -12px;

   margin-right: -12px;

}



.row,

.orun-related-posts,

.comment-item,

.orun-single-author-box {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -ms-flex-wrap: wrap;

   flex-wrap: wrap;

}



aside.orun-sidebar,

.orun-footer-col,

.related-item,

.author-img-area,

.author-text-area,

#orun-home-main,

.orun-pm-item,

.orun-single-author-box-text,

.orun-mega-menu-item {

  position: relative;

  width: 100%;

  padding-right: 12px;

  padding-left: 12px;

}

.row.orun-grid {

  margin-left: 0;

  margin-right: 0;

}

#orun-home-main {

  -ms-flex: 0 0 66.6667%;

  flex: 0 0 66.6667%;

  width: 66.6667%;

  max-width: calc(66.6667% - (0.33333333333333 * 30px ));

}



.orun-sidebar {

  -ms-flex: 0 0 33.3333%;

  flex: 0 0 33.3333%;

  max-width: calc(33.3333% - ( 0.66666666666667 * 30px ) );

  margin-left: auto;

}



.orun-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 #orun-home-main {

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

}



.center-sidebar #orun-home-main {

  margin: auto;

  -ms-flex: 0 0 75%;

  flex: 0 0 75%;

  max-width: 75%;

}



.comment-author-img,

.orun-single-author-box-image {

  -ms-flex: 0 0 15%;

  flex: 0 0 15%;

  max-width: 15%;

}



.comment-text,

.orun-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 */



.orun-mega-menu-item {

  -ms-flex: 0 0 20%;

  flex: 0 0 20%;

  max-width: 20%;

}





/* Column Percent(x) - .orun-col-p(%x) */



.orun-col-p25 {

  -ms-flex: 0 0 25%;

  flex: 0 0 25%;

  max-width: 25%;

}

.orun-col-p30 {

  -ms-flex: 0 0 30%;

  flex: 0 0 30%;

  max-width: 30%;

}



.orun-col-p33 {

  -ms-flex: 0 0 33.3333%;

  flex: 0 0 33.3333%;

  max-width: 33.3333%;

}



.orun-col-p40 {

  -ms-flex: 0 0 40%;

  flex: 0 0 40%;

  max-width: 40%;

}



.orun-col-p50 {

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

}



.orun-col-p60 {

  -ms-flex: 0 0 60%;

  flex: 0 0 60%;

  max-width: 60%;

}



.orun-col-p70 {

  -ms-flex: 0 0 70%;

  flex: 0 0 70%;

  max-width: 70%;

}



.orun-col-p100 {

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

}



/* Column Percent in Sidebar & Footer (One Column) */



.orun-sidebar .orun-col-p33-oc,

.orun-main-footer .orun-col-p33-oc {

  -ms-flex: 0 0 33.3333%;

  flex: 0 0 33.3333%;

  max-width: 33.3333%;

}



.orun-sidebar .orun-col-p50-oc,

.orun-main-footer .orun-col-p50-oc {

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

}



.orun-sidebar .orun-col-p66-oc,

.orun-main-footer .orun-col-p66-oc {

  -ms-flex: 0 0 66.6667%;

  flex: 0 0 66.6667%;

  max-width: 66.6667%;

}



.orun-sidebar .orun-col-p100-oc,

.orun-main-footer .orun-col-p100-oc {

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

}



/* Column Percent (Three Column) */



.orun-fw-widgets .orun-col-p25-fw {

  -ms-flex: 0 0 25%;

  flex: 0 0 25%;

  max-width: 25%;

}



.orun-fw-widgets .orun-col-p33-fw {

  -ms-flex: 0 0 33.3333%;

  flex: 0 0 33.3333%;

  max-width: 33%;

}



.orun-fw-widgets .orun-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) {

  .orun-col-p100-sm {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .orun-col-p50-sm {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

}