@media only screen and (min-width: 480px) {

  .navbar-socket {
    flex-flow: row;
    align-items: center
  }

  .navbar-right {
    margin: 0;
  }

  #navbar-main {
    padding-top: 120px;
  }

}

@media only screen and (min-width: 576px) {

  .site-header, .site-content, .site-footer {
      /* padding-left: calc( 1 * var(--spacer) );
      padding-right: calc( 1 * var(--spacer) ); */
  }

}


@media only screen and (max-width: 767px) {


}

@media only screen and (min-width: 480px) {

  .loop-directory-size-s {}

  .loop-directory-size-m {}

  .loop-directory-size-l .directory-item {
    flex-flow: row;
    text-align: left;
  }

    .loop-directory-size-l .directory-item .post-thumbnail {
      width: 96px;
      margin-bottom: 0;
    }

    .loop-directory-size-l .directory-item .post-entry {
      margin: 0 var(--spacer);
      width: calc(100% - 144px);
    }

    .loop-directory-size-l .directory-item .directory-name {
      margin-bottom: 0;
    }

    .loop-directory-size-l .directory-item .post-entry .meta-title {
      display: inline-block;
    }

}

@media only screen and (min-width: 576px) {

  #navbar-main {
    flex-flow: row;
  }

  #menu-primary {
    width: calc(100% - 180px);
  }

  #menu-secondary {
    width: 160px;
  }

  .col-sm-6 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: calc(50% - calc(1.5 * var(--spacer)));
    width: calc(50% - calc(1.5 * var(--spacer)));
  }

  .gallery-columns-3 .gallery-item {
    width: calc(50% - calc(1.5 * var(--spacer)));
    flex: 0 0 auto;
	}

  .gallery-columns-4 .gallery-item {
    width: calc(50% - calc(1.5 * var(--spacer)));
    flex: 0 0 auto;
	}




  /* ------------------ MailChimp  ------------------ */
  .mc-form .mc-field-group,
	.mc-form .mc-field-group-submit {
		display: inline-block;
	}

  .mc-form .mc-field-group-submit {
		position: relative;
		margin-left: -8px;
		top: 1px;
	}

}



@media only screen and (min-width: 768px) {

  .sow-widget-layout-two-columns {
  	column-count: 2;
  	column-gap: calc(1 * var(--spacer));
  }

  /* ------------------ navbar-socket ------------------ */

  /* ------------------ navbar-brand ------------------ */
  .navbar-brand {

  }

  .col-md-6 {
    max-width: calc(50% - calc(1 * var(--spacer)));
    width: calc(50% - calc(1 * var(--spacer)));
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

}



@media only screen and (min-width: 992px) {

  #navbar-main {
    padding: 120px calc(1.5 * var(--spacer)) calc(2 * var(--spacer));
  }

  /* #main-menu {
		margin-top: 0;
	} */

  /* .menu-1-container ul li {
    margin-left: 14px;
  }

    .menu-1-container ul li a {
      padding: 0 0 6px;
    } */

  .col-md-3 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: calc(25% - calc(1.5 * var(--spacer)));
    width: calc(25% - calc(1.5 * var(--spacer)));
  }

  .col-md-9 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: calc(75% - calc(0.5 * var(--spacer)));
    width: calc(75% - calc(0.5 * var(--spacer)));
  }

  .col-lg-3 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: calc(25% - calc(1.5 * var(--spacer)));
    width: calc(25% - calc(1.5 * var(--spacer)));
  }

  .col-lg-4 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: calc(33.3333% - calc(1.5 * var(--spacer)));
    width: calc(33.3333% - calc(1.5 * var(--spacer)));
  }

  .col-lg-6 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: calc(50% - calc(1 * var(--spacer)));
    width: calc(50% - calc(1 * var(--spacer)));
  }

  .loop-directory-size-s {}

  .loop-directory-size-m {}

  .loop-directory-size-l .directory-item {
    width: calc(50% - 12px);
    max-width: 50%;
  }

  .sow-image-grid-wrapper .sow-image-grid-image,
  .gallery-columns-4 .gallery-item {
    width: calc(25% - calc(1 * var(--spacer)));
    flex: 0 0 auto;
	}

  .gallery-columns-3 .gallery-item {
    width: calc(33.3333% - calc(1 * var(--spacer)));
    flex: 0 0 auto;
	}

  .gallery-columns-2 .gallery-item {
    width: calc(50% - calc(1 * var(--spacer)));
    flex: 0 0 auto;
	}

  .gallery-columns-1 .gallery-item {
		width: calc(100% - calc(1 * var(--spacer)));
    flex: 0 0 auto;
	}

  .studio-person { margin-right: 72px; }

}




@media only screen and (min-width: 1200px) {



}