html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body { 
  margin: 0;
  padding: 0 20px;
  background: #1a212b;
  height: 100%;
  text-align: center;
  font: 20px/1.6 'Roboto', sans-serif; 
  color: #818891; 
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  color: #e8eff8; 
}

.container {
  margin: auto;
  padding: 60px 0 48px;
  max-width: 1280px;
}

.site-title {
  display: block;
  background-size: contain;
  max-width: 580px;
  margin: 0 auto;
  padding: 0;
  line-height: 1;
}

img {
  max-width: 100%;
  height: auto;
}

.portfolio a,
.portfolio a img {
  display: block;
}

.social-icons {
  display: block;
  margin: 48px auto;
  text-align: center;
  overflow: hidden;
}

.social-icons a {
  margin: 0 3.2%;
}

.social-icons a,
.portfolio a {
  opacity: .75;
  transition: all .3s;
}

.social-icons a:hover,
.social-icons a:focus,
.portfolio a:hover,
.portfolio a:focus{
  opacity: 1;
}

.badge {
  padding: 0 20px;
}

.portfolio {
  margin: 0 0 48px;
}

.form:before, .form:after,
.message:before, .message:after {
  content: " ";
  display: table;
}

.form:after,
.message:after {
  clear: both;
}

.page-title {
 font-size: 20px;
 font-weight: 400;
 text-transform: uppercase;
 letter-spacing: 3px;
 color: #fff;
}

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

  .page-title {
    font-size: 30px;
  }

}


/* Forms
---------------------------------------------------------------------------------------------------- */

#contact-form {
  margin: 0 auto;
  max-width: 580px;
  text-align: left;
}

label {
  display: block;
  margin: 12px 0 3px;
}

.required {
  color: #ce3b3b;
}

input,
select,
textarea {
  background-color: #e8eff8;
  border: 2px solid #818891;
  border-radius: 2px;
  color: #333;
  font-size: 24px;
  padding: 6px;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
}

input[type="number"] {
  background-color: #fff;
  border: 1px solid #333;
  padding: 7px;
  -webkit-appearance: none;
}

.footer-widgets input,
.footer-widgets input:focus {
  background-color: #fff;
  border: 1px solid #fff;
}

input:focus,
textarea:focus {
  background-color: #f4fbff;
  border: 2px solid #ce3b3b;
  outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
  width: auto;
  -webkit-appearance: none;
}

::-moz-placeholder {
  color: #999;
  font-weight: 300;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
}

::-webkit-input-placeholder {
  color: #999;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
}

.submit-button {
  margin-top: 39px;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.content .widget .textwidget a.button,
.entry-content a.button,
.entry-content a.more-link {
  background-color: #ce3b3b;
  border: 1px solid #ce3b3b;
  border-radius: 2px;
  color: #e8eff8;
  cursor: pointer;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  padding: 12px 24px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal;
  width: 100%;
  max-width: 580px;
  transition: all .3s;
  -webkit-appearance: none;
}

button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small,
.button.small {
  padding: 6px 12px;
}

a.more-link {
  display: inline-block;
}

.archive a.more-link,
.page.page-template-page_blog a.more-link {
  margin-bottom: 30px;
}

button:hover,
button:focus,
input:hover[type="button"],
input:focus[type="button"],
input:hover[type="reset"],
input:focus[type="reset"],
input:hover[type="submit"],
input:focus[type="submit"],
.button:hover,
.button:focus {
  background-color: #b52222;
  border: 1px solid #b52222;
  color: #fff;
  text-decoration: none;
}

button:disabled,
button:disabled:hover,
input:disabled,
input:disabled:hover,
input[type="button"]:disabled,
input[type="button"]:disabled:hover,
input[type="reset"]:disabled,
input[type="reset"]:disabled:hover,
input[type="submit"]:disabled,
input[type="submit"]:disabled:hover {
  background-color: #ddd;
  border-width: 0;
  color: #777;
  cursor: not-allowed;
}

.button {
  display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
  display: none;
}

.error404 .entry-content input[type="search"],
.post-password-form input[type="password"] {
  margin-bottom: 15px;
}


/* Responsive Columns
---------------------------------------------------------------------------------------------------- */

/* Structural Layout Grid
-------------------------------------------------------------- */

.row {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.collapse > .columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  float: left;
}
.collapse .row {
  margin-left: 0;
  margin-right: 0;
}
.row .row {
  margin-left: -1.5625%;
  margin-right: -1.5625%;
  width: auto;
}
.columns {
  position: relative;
  float: left;
  padding: 1.5625%;
  width: 100%;
}
.columns:last-child {
  float: right;
}
.row .end {float: left;}
.columns.centered {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
[class*="push-"] {right: auto;}
[class*="pull-"] {left: auto;}

.flatten {
  padding-top: 0;
  padding-bottom: 0;
}

/* X-Small Screen Layout Media Query */
@media only screen {

  .x-small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .x-small-1 {width: 8.33333%;}
  .x-small-2 {width: 16.66667%;}
  .x-small-3 {width: 25%;}
  .x-small-4 {width: 33.33333%;}
  .x-small-5 {width: 41.66667%;}
  .x-small-6 {width: 50%;}
  .x-small-7 {width: 58.33333%;}
  .x-small-8 {width: 66.66667%;}
  .x-small-9 {width: 75%;}
  .x-small-10 {width: 83.33333%;}
  .x-small-11 {width: 91.66667%;}
  .x-small-12 {width: 100%;}

  .x-small-push-1 {left: 8.33333%;}
  .x-small-pull-1 {right: 8.33333%;}
  .x-small-push-2 {left: 16.66667%;}
  .x-small-pull-2 {right: 16.66667%;}
  .x-small-push-3 {left: 25%;}
  .x-small-pull-3 {right: 25%;}
  .x-small-push-4 {left: 33.33333%;}
  .x-small-pull-4 {right: 33.33333%;}
  .x-small-push-5 {left: 41.66667%;}
  .x-small-pull-5 {right: 41.66667%;}
  .x-small-push-6 {left: 50%;}
  .x-small-pull-6 {right: 50%;}
  .x-small-push-7 {left: 58.33333%;}
  .x-small-pull-7 {right: 58.33333%;}
  .x-small-push-8 {left: 66.66667%;}
  .x-small-pull-8 {right: 66.66667%;}
  .x-small-push-9 {left: 75%;}
  .x-small-pull-9 {right: 75%;}
  .x-small-push-10 {left: 83.33333%;}
  .x-small-pull-10 {right: 83.33333%;}
  .x-small-push-11 {left: 91.66667%;}
  .x-small-pull-11 {right: 91.66667%;}

  .x-small-offset-1 {margin-left: 8.33333%;}
  .x-small-offset-2 {margin-left: 16.66667%;}
  .x-small-offset-3 {margin-left: 25%;}
  .x-small-offset-4 {margin-left: 33.33333%;}
  .x-small-offset-5 {margin-left: 41.66667%;}
  .x-small-offset-6 {margin-left: 50%;}
  .x-small-offset-7 {margin-left: 58.33333%;}
  .x-small-offset-8 {margin-left: 66.66667%;}
  .x-small-offset-9 {margin-left: 75%;}
  .x-small-offset-10 {margin-left: 83.33333%;}
  .x-small-offset-11 {margin-left: 91.66667%;}

} /* END X-Small Screen Layout Media Query */

/* Small Screen Layout Media Query */
@media only screen and (min-width: 640px) {

  .small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .small-1 {width: 8.33333%;}
  .small-2 {width: 16.66667%;}
  .small-3 {width: 25%;}
  .small-4 {width: 33.33333%;}
  .small-5 {width: 41.66667%;}
  .small-6 {width: 50%;}
  .small-7 {width: 58.33333%;}
  .small-8 {width: 66.66667%;}
  .small-9 {width: 75%;}
  .small-10 {width: 83.33333%;}
  .small-11 {width: 91.66667%;}
  .small-12 {width: 100%;}

  .small-push-1 {left: 8.33333%;}
  .small-pull-1 {right: 8.33333%;}
  .small-push-2 {left: 16.66667%;}
  .small-pull-2 {right: 16.66667%;}
  .small-push-3 {left: 25%;}
  .small-pull-3 {right: 25%;}
  .small-push-4 {left: 33.33333%;}
  .small-pull-4 {right: 33.33333%;}
  .small-push-5 {left: 41.66667%;}
  .small-pull-5 {right: 41.66667%;}
  .small-push-6 {left: 50%;}
  .small-pull-6 {right: 50%;}
  .small-push-7 {left: 58.33333%;}
  .small-pull-7 {right: 58.33333%;}
  .small-push-8 {left: 66.66667%;}
  .small-pull-8 {right: 66.66667%;}
  .small-push-9 {left: 75%;}
  .small-pull-9 {right: 75%;}
  .small-push-10 {left: 83.33333%;}
  .small-pull-10 {right: 83.33333%;}
  .small-push-11 {left: 91.66667%;}
  .small-pull-11 {right: 91.66667%;}

  .small-offset-1 {margin-left: 8.33333%;}
  .small-offset-2 {margin-left: 16.66667%;}
  .small-offset-3 {margin-left: 25%;}
  .small-offset-4 {margin-left: 33.33333%;}
  .small-offset-5 {margin-left: 41.66667%;}
  .small-offset-6 {margin-left: 50%;}
  .small-offset-7 {margin-left: 58.33333%;}
  .small-offset-8 {margin-left: 66.66667%;}
  .small-offset-9 {margin-left: 75%;}
  .small-offset-10 {margin-left: 83.33333%;}
  .small-offset-11 {margin-left: 91.66667%;}

} /* END Small Screen Layout Media Query */

/* Medium Screen Layout Media Query */
@media only screen and (min-width: 768px) {

  .medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .medium-1 {width: 8.33333%;}
  .medium-2 {width: 16.66667%;}
  .medium-3 {width: 25%;}
  .medium-4 {width: 33.33333%;}
  .medium-5 {width: 41.66667%;}
  .medium-6 {width: 50%;}
  .medium-7 {width: 58.33333%;}
  .medium-8 {width: 66.66667%;}
  .medium-9 {width: 75%;}
  .medium-10 {width: 83.33333%;}
  .medium-11 {width: 91.66667%;}
  .medium-12 {width: 100%;}

  .medium-push-1 {left: 8.33333%;}
  .medium-pull-1 {right: 8.33333%;}
  .medium-push-2 {left: 16.66667%;}
  .medium-pull-2 {right: 16.66667%;}
  .medium-push-3 {left: 25%;}
  .medium-pull-3 {right: 25%;}
  .medium-push-4 {left: 33.33333%;}
  .medium-pull-4 {right: 33.33333%;}
  .medium-push-5 {left: 41.66667%;}
  .medium-pull-5 {right: 41.66667%;}
  .medium-push-6 {left: 50%;}
  .medium-pull-6 {right: 50%;}
  .medium-push-7 {left: 58.33333%;}
  .medium-pull-7 {right: 58.33333%;}
  .medium-push-8 {left: 66.66667%;}
  .medium-pull-8 {right: 66.66667%;}
  .medium-push-9 {left: 75%;}
  .medium-pull-9 {right: 75%;}
  .medium-push-10 {left: 83.33333%;}
  .medium-pull-10 {right: 83.33333%;}
  .medium-push-11 {left: 91.66667%;}
  .medium-pull-11 {right: 91.66667%;}

  .medium-offset-1 {margin-left: 8.33333%;}
  .medium-offset-2 {margin-left: 16.66667%;}
  .medium-offset-3 {margin-left: 25%;}
  .medium-offset-4 {margin-left: 33.33333%;}
  .medium-offset-5 {margin-left: 41.66667%;}
  .medium-offset-6 {margin-left: 50%;}
  .medium-offset-7 {margin-left: 58.33333%;}
  .medium-offset-8 {margin-left: 66.66667%;}
  .medium-offset-9 {margin-left: 75%;}
  .medium-offset-10 {margin-left: 83.33333%;}
  .medium-offset-11 {margin-left: 91.66667%;}

} /* END Medium Screen Layout Media Query */

/* Large Screen Layout Media Query */
@media only screen and (min-width: 1024px) {

  .large-1 {width: 8.33333%;}
  .large-2 {width: 16.66667%;}
  .large-3 {width: 25%;}
  .large-4 {width: 33.33333%;}
  .large-5 {width: 41.66667%;}
  .large-6 {width: 50%;}
  .large-7 {width: 58.33333%;}
  .large-8 {width: 66.66667%;}
  .large-9 {width: 75%;}
  .large-10 {width: 83.33333%;}
  .large-11 {width: 91.66667%;}
  .large-12 {width: 100%;}

  .large-offset-1 {margin-left: 8.33333%;}
  .large-offset-2 {margin-left: 16.66667%;}
  .large-offset-3 {margin-left: 25%;}
  .large-offset-4 {margin-left: 33.33333%;}
  .large-offset-5 {margin-left: 41.66667%;}
  .large-offset-6 {margin-left: 50%;}
  .large-offset-7 {margin-left: 58.33333%;}
  .large-offset-8 {margin-left: 66.66667%;}
  .large-offset-9 {margin-left: 75%;}
  .large-offset-10 {margin-left: 83.33333%;}
  .large-offset-11 {margin-left: 91.66667%;}

  .push-1 {left: 8.33333%;}
  .pull-1 {right: 8.33333%;}
  .push-2 {left: 16.66667%;}
  .pull-2 {right: 16.66667%;}
  .push-3 {left: 25%;}
  .pull-3 {right: 25%;}
  .push-4 {left: 33.33333%;}
  .pull-4 {right: 33.33333%;}
  .push-5 {left: 41.66667%;}
  .pull-5 {right: 41.66667%;}
  .push-6 {left: 50%;}
  .pull-6 {right: 50%;}
  .push-7 {left: 58.33333%;}
  .pull-7 {right: 58.33333%;}
  .push-8 {left: 66.66667%;}
  .pull-8 {right: 66.66667%;}
  .push-9 {left: 75%;}
  .pull-9 {right: 75%;}
  .push-10 {left: 83.33333%;}
  .pull-10 {right: 83.33333%;}
  .push-11 {left: 91.66667%;}
  .pull-11 {right: 91.66667%;}

} /* END Large Screen Layout Media Query */

/* X-Large Screen Layout Media Query */
@media only screen and (min-width: 1200px) {

  .x-large-1 {width: 8.33333%;}
  .x-large-2 {width: 16.66667%;}
  .x-large-3 {width: 25%;}
  .x-large-4 {width: 33.33333%;}
  .x-large-5 {width: 41.66667%;}
  .x-large-6 {width: 50%;}
  .x-large-7 {width: 58.33333%;}
  .x-large-8 {width: 66.66667%;}
  .x-large-9 {width: 75%;}
  .x-large-10 {width: 83.33333%;}
  .x-large-11 {width: 91.66667%;}
  .x-large-12 {width: 100%;}

  .x-large-offset-1 {margin-left: 8.33333%;}
  .x-large-offset-2 {margin-left: 16.66667%;}
  .x-large-offset-3 {margin-left: 25%;}
  .x-large-offset-4 {margin-left: 33.33333%;}
  .x-large-offset-5 {margin-left: 41.66667%;}
  .x-large-offset-6 {margin-left: 50%;}
  .x-large-offset-7 {margin-left: 58.33333%;}
  .x-large-offset-8 {margin-left: 66.66667%;}
  .x-large-offset-9 {margin-left: 75%;}
  .x-large-offset-10 {margin-left: 83.33333%;}
  .x-large-offset-11 {margin-left: 91.66667%;}

  .push-1 {left: 8.33333%;}
  .pull-1 {right: 8.33333%;}
  .push-2 {left: 16.66667%;}
  .pull-2 {right: 16.66667%;}
  .push-3 {left: 25%;}
  .pull-3 {right: 25%;}
  .push-4 {left: 33.33333%;}
  .pull-4 {right: 33.33333%;}
  .push-5 {left: 41.66667%;}
  .pull-5 {right: 41.66667%;}
  .push-6 {left: 50%;}
  .pull-6 {right: 50%;}
  .push-7 {left: 58.33333%;}
  .pull-7 {right: 58.33333%;}
  .push-8 {left: 66.66667%;}
  .pull-8 {right: 66.66667%;}
  .push-9 {left: 75%;}
  .pull-9 {right: 75%;}
  .push-10 {left: 83.33333%;}
  .pull-10 {right: 83.33333%;}
  .push-11 {left: 91.66667%;}
  .pull-11 {right: 91.66667%;}

} /* END X-Large Screen Layout Media Query */

/* Unordered List Block Grid
-------------------------------------------------------------- */

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -1.5625%;
  *zoom: 1;
}
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
  content: " ";
  display: table;
}
[class*="block-grid-"]:after {
  clear: both;
}
[class*="block-grid-"] > li {
  position: relative;
  display: inline-block;
  height: auto;
  float: left;
  padding: 1.5625%;
  list-style: none;
}

/* X-Small Screen Block Grid Media Query */
@media only screen {
  .x-small-block-grid-1 > li {width: 100%;}
  .x-small-block-grid-1 > li:nth-of-type(n) {clear: none;}
  .x-small-block-grid-1 > li:nth-of-type(1n+1) {clear: both;}

  .x-small-block-grid-2 > li {width: 50%;}
  .x-small-block-grid-2 > li:nth-of-type(n) {clear: none;}
  .x-small-block-grid-2 > li:nth-of-type(2n+1) {clear: both;}

  .x-small-block-grid-3 > li {width: 33.33333%;}
  .x-small-block-grid-3 > li:nth-of-type(n) {clear: none;}
  .x-small-block-grid-3 > li:nth-of-type(3n+1) {clear: both;}

  .x-small-block-grid-4 > li {width: 25%;}
  .x-small-block-grid-4 > li:nth-of-type(n) {clear: none;}
  .x-small-block-grid-4 > li:nth-of-type(4n+1) {clear: both;}

  .x-small-block-grid-5 > li {width: 20%;}
  .x-small-block-grid-5 > li:nth-of-type(n) {clear: none;}
  .x-small-block-grid-5 > li:nth-of-type(5n+1) {clear: both;}

  .x-small-block-grid-6 > li {width: 16.66667%;}
  .x-small-block-grid-6 > li:nth-of-type(n) {clear: none;}
  .x-small-block-grid-6 > li:nth-of-type(6n+1) {clear: both;}

  .x-small-block-grid-7 > li {width: 14.28571%;}
  .x-small-block-grid-7 > li:nth-of-type(n) {clear: none;}
  .x-small-block-grid-7 > li:nth-of-type(7n+1) {clear: both;}

  .x-small-block-grid-8 > li {width: 12.5%;}
  .x-small-block-grid-8 > li:nth-of-type(n) {clear: none;}
  .x-small-block-grid-8 > li:nth-of-type(8n+1) {clear: both;}

  .x-small-block-grid-9 > li {width: 11.11111%;}
  .x-small-block-grid-9 > li:nth-of-type(n) {clear: none;}
  .x-small-block-grid-9 > li:nth-of-type(9n+1) {clear: both;}

  .x-small-block-grid-10 > li {width: 10%;}
  .x-small-block-grid-10 > li:nth-of-type(n) {clear: none;}
  .x-small-block-grid-10 > li:nth-of-type(10n+1) {clear: both;}

  .x-small-block-grid-11 > li {width: 9.09091%;}
  .x-small-block-grid-11 > li:nth-of-type(n) {clear: none;}
  .x-small-block-grid-11 > li:nth-of-type(11n+1) {clear: both;}

  .x-small-block-grid-12 > li {width: 8.33333%;}
  .x-small-block-grid-12 > li:nth-of-type(n) {clear: none;}
  .x-small-block-grid-12 > li:nth-of-type(12n+1) {clear: both;}
 }
/* END X-Small Screen Block Grid Media Query */

/* Small Screen Block Grid Media Query */
@media only screen and (min-width: 640px) {
  .small-block-grid-1 > li {width: 100%;}
  .small-block-grid-1 > li:nth-of-type(n) {clear: none;}
  .small-block-grid-1 > li:nth-of-type(1n+1) {clear: both;}

  .small-block-grid-2 > li {width: 50%;}
  .small-block-grid-2 > li:nth-of-type(n) {clear: none;}
  .small-block-grid-2 > li:nth-of-type(2n+1) {clear: both;}

  .small-block-grid-3 > li {width: 33.33333%;}
  .small-block-grid-3 > li:nth-of-type(n) {clear: none;}
  .small-block-grid-3 > li:nth-of-type(3n+1) {clear: both;}

  .small-block-grid-4 > li {width: 25%;}
  .small-block-grid-4 > li:nth-of-type(n) {clear: none;}
  .small-block-grid-4 > li:nth-of-type(4n+1) {clear: both;}

  .small-block-grid-5 > li {width: 20%;}
  .small-block-grid-5 > li:nth-of-type(n) {clear: none;}
  .small-block-grid-5 > li:nth-of-type(5n+1) {clear: both;}

  .small-block-grid-6 > li {width: 16.66667%;}
  .small-block-grid-6 > li:nth-of-type(n) {clear: none;}
  .small-block-grid-6 > li:nth-of-type(6n+1) {clear: both;}

  .small-block-grid-7 > li {width: 14.28571%;}
  .small-block-grid-7 > li:nth-of-type(n) {clear: none;}
  .small-block-grid-7 > li:nth-of-type(7n+1) {clear: both;}

  .small-block-grid-8 > li {width: 12.5%;}
  .small-block-grid-8 > li:nth-of-type(n) {clear: none;}
  .small-block-grid-8 > li:nth-of-type(8n+1) {clear: both;}

  .small-block-grid-9 > li {width: 11.11111%;}
  .small-block-grid-9 > li:nth-of-type(n) {clear: none;}
  .small-block-grid-9 > li:nth-of-type(9n+1) {clear: both;}

  .small-block-grid-10 > li {width: 10%;}
  .small-block-grid-10 > li:nth-of-type(n) {clear: none;}
  .small-block-grid-10 > li:nth-of-type(10n+1) {clear: both;}

  .small-block-grid-11 > li {width: 9.09091%;}
  .small-block-grid-11 > li:nth-of-type(n) {clear: none;}
  .small-block-grid-11 > li:nth-of-type(11n+1) {clear: both;}

  .small-block-grid-12 > li {width: 8.33333%;}
  .small-block-grid-12 > li:nth-of-type(n) {clear: none;}
  .small-block-grid-12 > li:nth-of-type(12n+1) {clear: both;}
 }
/* END Small Screen Block Grid Media Query */

/* Medium Screen Block Grid Media Query */
@media only screen and (min-width: 768px) {
  .medium-block-grid-1 > li {width: 100%;}
  .medium-block-grid-1 > li:nth-of-type(n) {clear: none;}
  .medium-block-grid-1 > li:nth-of-type(1n+1) {clear: both;}

  .medium-block-grid-2 > li {width: 50%;}
  .medium-block-grid-2 > li:nth-of-type(n) {clear: none;}
  .medium-block-grid-2 > li:nth-of-type(2n+1) {clear: both;}

  .medium-block-grid-3 > li {width: 33.33333%;}
  .medium-block-grid-3 > li:nth-of-type(n) {clear: none;}
  .medium-block-grid-3 > li:nth-of-type(3n+1) {clear: both;}

  .medium-block-grid-4 > li {width: 25%;}
  .medium-block-grid-4 > li:nth-of-type(n) {clear: none;}
  .medium-block-grid-4 > li:nth-of-type(4n+1) {clear: both;}

  .medium-block-grid-5 > li {width: 20%;}
  .medium-block-grid-5 > li:nth-of-type(n) {clear: none;}
  .medium-block-grid-5 > li:nth-of-type(5n+1) {clear: both;}

  .medium-block-grid-6 > li {width: 16.66667%;}
  .medium-block-grid-6 > li:nth-of-type(n) {clear: none;}
  .medium-block-grid-6 > li:nth-of-type(6n+1) {clear: both;}

  .medium-block-grid-7 > li {width: 14.28571%;}
  .medium-block-grid-7 > li:nth-of-type(n) {clear: none;}
  .medium-block-grid-7 > li:nth-of-type(7n+1) {clear: both;}

  .medium-block-grid-8 > li {width: 12.5%;}
  .medium-block-grid-8 > li:nth-of-type(n) {clear: none;}
  .medium-block-grid-8 > li:nth-of-type(8n+1) {clear: both;}

  .medium-block-grid-9 > li {width: 11.11111%;}
  .medium-block-grid-9 > li:nth-of-type(n) {clear: none;}
  .medium-block-grid-9 > li:nth-of-type(9n+1) {clear: both;}

  .medium-block-grid-10 > li {width: 10%;}
  .medium-block-grid-10 > li:nth-of-type(n) {clear: none;}
  .medium-block-grid-10 > li:nth-of-type(10n+1) {clear: both;}

  .medium-block-grid-11 > li {width: 9.09091%;}
  .medium-block-grid-11 > li:nth-of-type(n) {clear: none;}
  .medium-block-grid-11 > li:nth-of-type(11n+1) {clear: both;}

  .medium-block-grid-12 > li {width: 8.33333%;}
  .medium-block-grid-12 > li:nth-of-type(n) {clear: none;}
  .medium-block-grid-12 > li:nth-of-type(12n+1) {clear: both;}
}
/* END Medium Screen Block Grid Media Query */

/* Large Screen Block Grid Media Query */
@media only screen and (min-width: 1024px) {
  .large-block-grid-1 > li {width: 100%;}
  .large-block-grid-1 > li:nth-of-type(n) {clear: none;}
  .large-block-grid-1 > li:nth-of-type(1n+1) {clear: both;}

  .large-block-grid-2 > li {width: 50%;}
  .large-block-grid-2 > li:nth-of-type(n) {clear: none;}
  .large-block-grid-2 > li:nth-of-type(2n+1) {clear: both;}

  .large-block-grid-3 > li {width: 33.33333%;}
  .large-block-grid-3 > li:nth-of-type(n) {clear: none;}
  .large-block-grid-3 > li:nth-of-type(3n+1) {clear: both;}

  .large-block-grid-4 > li {width: 25%;}
  .large-block-grid-4 > li:nth-of-type(n) {clear: none;}
  .large-block-grid-4 > li:nth-of-type(4n+1) {clear: both;}

  .large-block-grid-5 > li {width: 20%;}
  .large-block-grid-5 > li:nth-of-type(n) {clear: none;}
  .large-block-grid-5 > li:nth-of-type(5n+1) {clear: both;}

  .large-block-grid-6 > li {width: 16.66667%;}
  .large-block-grid-6 > li:nth-of-type(n) {clear: none;}
  .large-block-grid-6 > li:nth-of-type(6n+1) {clear: both;}

  .large-block-grid-7 > li {width: 14.28571%;}
  .large-block-grid-7 > li:nth-of-type(n) {clear: none;}
  .large-block-grid-7 > li:nth-of-type(7n+1) {clear: both;}

  .large-block-grid-8 > li {width: 12.5%;}
  .large-block-grid-8 > li:nth-of-type(n) {clear: none;}
  .large-block-grid-8 > li:nth-of-type(8n+1) {clear: both;}

  .large-block-grid-9 > li {width: 11.11111%;}
  .large-block-grid-9 > li:nth-of-type(n) {clear: none;}
  .large-block-grid-9 > li:nth-of-type(9n+1) {clear: both;}

  .large-block-grid-10 > li {width: 10%;}
  .large-block-grid-10 > li:nth-of-type(n) {clear: none;}
  .large-block-grid-10 > li:nth-of-type(10n+1) {clear: both;}

  .large-block-grid-11 > li {width: 9.09091%;}
  .large-block-grid-11 > li:nth-of-type(n) {clear: none;}
  .large-block-grid-11 > li:nth-of-type(11n+1) {clear: both;}

  .large-block-grid-12 > li {width: 8.33333%;}
  .large-block-grid-12 > li:nth-of-type(n) {clear: none;}
  .large-block-grid-12 > li:nth-of-type(12n+1) {clear: both;}
}
/* END Large Screen Block Grid Media Query */


/* X-Large Screen Block Grid Media Query */
@media only screen and (min-width: 1200px) {
  .x-large-block-grid-1 > li {width: 100%;}
  .x-large-block-grid-1 > li:nth-of-type(n) {clear: none;}
  .x-large-block-grid-1 > li:nth-of-type(1n+1) {clear: both;}

  .x-large-block-grid-2 > li {width: 50%;}
  .x-large-block-grid-2 > li:nth-of-type(n) {clear: none;}
  .x-large-block-grid-2 > li:nth-of-type(2n+1) {clear: both;}

  .x-large-block-grid-3 > li {width: 33.33333%;}
  .x-large-block-grid-3 > li:nth-of-type(n) {clear: none;}
  .x-large-block-grid-3 > li:nth-of-type(3n+1) {clear: both;}

  .x-large-block-grid-4 > li {width: 25%;}
  .x-large-block-grid-4 > li:nth-of-type(n) {clear: none;}
  .x-large-block-grid-4 > li:nth-of-type(4n+1) {clear: both;}

  .x-large-block-grid-5 > li {width: 20%;}
  .x-large-block-grid-5 > li:nth-of-type(n) {clear: none;}
  .x-large-block-grid-5 > li:nth-of-type(5n+1) {clear: both;}

  .x-large-block-grid-6 > li {width: 16.66667%;}
  .x-large-block-grid-6 > li:nth-of-type(n) {clear: none;}
  .x-large-block-grid-6 > li:nth-of-type(6n+1) {clear: both;}

  .x-large-block-grid-7 > li {width: 14.28571%;}
  .x-large-block-grid-7 > li:nth-of-type(n) {clear: none;}
  .x-large-block-grid-7 > li:nth-of-type(7n+1) {clear: both;}

  .x-large-block-grid-8 > li {width: 12.5%;}
  .x-large-block-grid-8 > li:nth-of-type(n) {clear: none;}
  .x-large-block-grid-8 > li:nth-of-type(8n+1) {clear: both;}

  .x-large-block-grid-9 > li {width: 11.11111%;}
  .x-large-block-grid-9 > li:nth-of-type(n) {clear: none;}
  .x-large-block-grid-9 > li:nth-of-type(9n+1) {clear: both;}

  .x-large-block-grid-10 > li {width: 10%;}
  .x-large-block-grid-10 > li:nth-of-type(n) {clear: none;}
  .x-large-block-grid-10 > li:nth-of-type(10n+1) {clear: both;}

  .x-large-block-grid-11 > li {width: 9.09091%;}
  .x-large-block-grid-11 > li:nth-of-type(n) {clear: none;}
  .x-large-block-grid-11 > li:nth-of-type(11n+1) {clear: both;}

  .x-large-block-grid-12 > li {width: 8.33333%;}
  .x-large-block-grid-12 > li:nth-of-type(n) {clear: none;}
  .x-large-block-grid-12 > li:nth-of-type(12n+1) {clear: both;}
}
/* END X-Large Screen Block Grid Media Query */