/* Global variables */
:root {
  --containerWidth: 1080px; /* This will depend on the project */
  --headerWidth: 1280px;
}
/** 
 * For achieving the desired layout width 
 */
.kt-row-column-wrap:not(.kt-row-column-wrap .kt-row-column-wrap) {
  width: 90%;
  margin: 0 auto;
}
/* Header and Footer Layout */
.site-footer-wrap .site-container,
.entry-header.page-title {
  max-width: var(--containerWidth);
  width: 90%;
  margin: 0 auto;
  padding: 0;
}
.site-main-header-wrap .site-container {
  max-width: var(--headerWidth);
  width: 90%;
  margin: 0 auto;
  padding: 0;
}
/* Tablets & Mobile Devices */
@media screen and (max-width: 1024px) {
  .kt-row-column-wrap:not(.kt-row-column-wrap .kt-row-column-wrap),
  .site-footer-wrap .site-container,
  .site-main-header-wrap .site-container,
  .entry-header.page-title {
    width: 85%;
  }
}
/**
 * Utils
*/
@media only screen and (max-width: 767px) {
  .aligncenter-mobile {
    margin-left: auto;
    margin-right: auto;
  }
  .dnone-mobile {
	display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .aligncenter-tablet {
    margin-left: auto;
    margin-right: auto;
  }
}