/* Max Width 1500px
------------------------------------------------- */

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

  .marquee-content {
    width: 430px;
  }

  .marquee-content h1 {
    font-size: 2.1875em;
  }

  .marquee-content h2 {
    font-size: 1.25em;
  }

  .marquee-content h3 {
    font-size: 1.125em;
  }

  .marquee.animate-text .h3-container h3:before{
  	top: 7px;
  }

  .layout-4-header-secondary h3 {
    font-size: 1.5em;
  }

}

/* Max Width 1350px
------------------------------------------------- */

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

  .layout-6 .cta-buttons-list li {
    margin-left: 20px;
    max-width: 265px;
  }

}

/* Min Width 1024px
------------------------------------------------- */

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

  /*.parallax-window {
    background: transparent !important;
  }*/

}

/* Max Width 1023px
------------------------------------------------- */

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

  .btn {
    font-size: 0.75em;
  }

  .marquee-content-wrapper{
  	min-height: 280px;
  }

  .marquee-content {
    width: 320px;
  }

  .marquee-content h1 {
    font-size: 1.75em;
    margin-bottom: 1.363636363636364em;
  }

  .marquee-content h2 {
    display: none;
  }

  .marquee-content h3 {
    display: none;
  }

  .marquee .h3-container {
    display: none;
  }

  .layout-1 .global-width {
    padding: 50px 0 125px;
  }

  .three-box-container .box {
    width: auto;
    margin-left: 0;
    margin-bottom: 50px;
    float: none;
  }

  .three-box-container .box:last-child {
    margin-bottom: 0;
  }

  .layout-1-footer-secondary {
    float: none;
    width: auto;
    margin-bottom: 50px;
  }

  .layout-1-footer-primary {
    float: none;
    width: auto;
  }

  .layout-2.cta .global-width {
    padding: 100px 0;
  }

  .layout-2-content h3 {
    font-size: 1.875em;
  }

  .layout-2-content blockquote p {
    font-size: 0.875em;
  }

  .layout-2-content blockquote cite {
    font-size: 0.875em;
  }

  .layout-4-header-secondary {
    float: none;
    width: auto;
    padding: 0;
    text-align: center;
    margin-bottom: 25px;
  }

  .layout-4-header-secondary h3 {
    font-size: 2.25em;
  }

  .layout-4-header-primary {
    float: none;
    width: auto;
    padding: 0;
  }

  .four-box-container {
    margin: 85px auto 60px;
    max-width: 606px;
  }

  .four-box-container .box:nth-child(3n) {
    clear: left;
    margin-left: 0;
  }

  .four-box-container .box {
    width: 49.33993399339934%;
    margin-left: 01.32013201320132%;
  }

  .four-box-container .box:nth-child(n+3) {
    margin-top: 8px;
  }

  .layout-5-top-primary {
    float: none;
    width: auto;
  }

  .layout-5-top-secondary {
    float: none;
    width: auto;
    height: 340px;
  }

  .layout-3-header-secondary {
    float: none;
    width: auto;
    margin-bottom: 50px;
    text-align: center;
    padding: 0;
  }

  .layout-3-header-primary {
    float: none;
    width: auto;
    text-align: center;
    padding: 0;
  }

  .layout-3-footer-content {
    width: auto;
    display: block;
    text-align: center;
    margin: 0 0 20px;
    padding: 0;
  }

  .layout-3-footer-cta {
    width: auto;
    display: block;
    margin: 0;
  }

  .layout-3-footer-cta .btn {
    margin: 0 auto;
  }

  .two-box-container .box {
    width: auto;
    float: none;
  }

  .two-box-container .box:nth-child(-n+2) {
    margin-top: inherit;
  }

  .layout-6 .img-content-secondary {
    float: none;
    width: auto;
    height: 340px;
  }

  .layout-6 .img-content-primary {
    float: none;
    width: auto;
  }

  .layout-6 .cta-buttons-list li {
    float: none;
    margin: 0 0 10px;
  }

  .layout-7-list-content .primary {
    float: none;
    width: auto;
  }

  .layout-7-list-content .primary .img {
    float: none;
    width: 466px;
    height: 420px;
    background-size: contain;
    background-clip: initial;
    margin: 0 auto 5px;
  }

  .layout-7-list-content .primary .content {
    float: none;
    width: 466px;
    margin: 0 auto;
    padding-bottom: 0;
    overflow: hidden;
  }

  .layout-7-list-content .secondary {
    float: none;
    width: auto;
    max-width: 466px;
    margin: 0 auto;
    padding-top: 0;
  }

  .layout-7-list-content .primary li:last-child {
    margin-bottom: 0.8333333333333333em;
  }

  .layout-7 .cta-buttons-list li {
    float: none;
    margin: 0 0 10px;
  }

  .layout-7 .cta-buttons-list li:last-child {
    margin-bottom: 0;
  }

  .parallax-window{
    background-position: 0 0 !important;
    background-attachment: initial;
  }

}

/* Max Width 768px
------------------------------------------------- */

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

  nav {
    display: none;
  }

  .nav-logo {
    display: none;
  }

  /* Start Mobile Nav */

  .nav-mobile-logo {
    width: 85px;
  }

  .nav-mobile {
    display: block;
    width: 100%;
    height: 35px;
    position: fixed;
    z-index: 1000;
    background-color: #000;
  	background-color: rgba(0,0,0, 0.8);
  }

  .sidenav-open {
  	position: absolute;
  	top: 8px;
  	color: #fff;
  	right: 10px;
  	cursor: pointer;
  	font-size: 1.125em;
  }

  .sidenav.sidenav-width {
  	width: 250px;
  }

  .sidenav {
  	height: 100%;
  	width: 0;
  	position: fixed;
  	z-index: 1001;
  	top: 0;
  	right: 0;
    background-color: #fff;
  	background-color: rgba(255,255,255, 0.9);
  	overflow-x: hidden;
  	padding-top: 52px;
  	transition: 0.5s;
  }

  .sidenav-overlay.sidenav-overlay-open {
  	width: 100%;
  	opacity: 0.8;
  }

  .sidenav .closebtn {
  	position: absolute;
  	top: 8px;
  	right: 10px;
  	font-size: 1.125em;
  	color: #000;
  }

  /* Nav Clone */

  .nav-clone {
  	width: 250px;
  }

  .nav-clone li {
  	padding: 0 2.5em;
    font-size: .75em;
  	font-weight: 300;
  }

  .nav-clone a {
  	padding: 1.666666666666667em 0;
    color: #000;
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    text-decoration: none;
  }

  .sidenav-overlay {
  	height: 100%;
  	width: 0;
  	position: fixed;
  	z-index: 1000;
  	top: 0;
  	left: 0;
  	background-color: rgba(0,0,0, 0.9);
  	overflow-y: auto;
  	overflow-x: hidden;
  	text-align: center;
  	opacity: 0;
  	transition: opacity 1s;
  }

  /* End Mobile Nav */

  .marquee video {
    display: none;
  }

  .marquee {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
  }

  .marquee-content-wrapper {
    top: 50%;
  }

  .marquee-content {
    width: 100%;
    text-align: center;
  }

  .marquee-content .btn {
    margin: 0 auto;
  }

  .marquee-scroll {
    color: #672c82;
  }

  .layout-1 .global-width {
    padding: 50px 0;
  }

  .layout-1 .global-width.pb-65 {
    padding: 50px 0;
  }

  .layout-1-header h2 {
    font-size: 2.25em;
  }

  .layout-1-header p {
    font-size: 1.125em;
  }

  .layout-1-footer-primary p {
    font-size: 1em;
  }

  .layout-1.no-bg-img .three-box-container {
    margin-bottom: 0;
  }

  .layout-2 .global-width {
    padding: 50px 0;
  }

  .layout-2.cta .global-width {
    padding: 50px 0;
  }

  .layout-2-content {
    float: none;
    width: auto;
    background-color: #000;
    background-color: rgba(0,0,0, 0.8);
    padding: 35px;
  }

  .layout-3 .global-width {
    padding: 50px 0;
  }

  .layout-3-footer-content p {
    font-size: 1.125em;
  }

  .two-box-container {
    margin: 50px 0;
  }

  .layout-5 .global-width {
    padding: 50px 0;
  }

  .layout-5-header h2 {
    font-size: 2.25em;
  }

  .layout-5-top-primary h3 {
    font-size: 1.125em;
  }

  .layout-5-top-primary p {
    font-size: 1em;
  }

  .one-box-container .box {
    padding: 0;
  }

  .one-box-container .box:last-child {
    margin-bottom: 0;
  }

  .one-box-container .box-icon {
    position: static;
    text-align: center;
    margin-bottom: 25px;
  }

  .one-box-container .box h3 {
    text-align: center;
  }

  .one-box-container .box h4 {
    text-align: center;
  }

  .one-box-container .box li {
    font-size: 1em;
  }

  .layout-2-content {
    text-align: center;
  }

  .layout-2-content .btn {
    margin: 0 auto;
  }

  .layout-2.cta .layout-2-content h3 {
    font-size: 1.25em;
  }

  .layout-2.cta .layout-2-content h4 {
    font-size: 1.5em;
  }

  .layout-2.cta .layout-2-content p {
    font-size: 1em;
  }

  .two-box-container .box {
    padding: 0;
  }

  .two-box-container .box-icon {
    position: static;
    text-align: center;
    margin-bottom: 50px;
  }

  .two-box-container .box li {
    font-size: 1em;
  }

  .layout-3-header-primary p {
    font-size: 1em;
  }

  .layout-4 .global-width {
    padding: 50px 0;
  }

  .layout-4-header-primary p {
    font-size: 1em;
  }

  .four-box-container {
    margin: 50px auto 0;
  }

  .four-box-container .box {
    max-width: 299px;
    width: auto;
    margin: 0 auto 50px;
    float: none;
  }

  .four-box-container .box:last-child {
    margin-bottom: 0;
  }

  .four-box-container .box:first-child {
    margin-left: auto;
  }

  .four-box-container .box:nth-child(n+3) {
    margin-top: 0;
  }

  .four-box-container .box:nth-child(3n) {
    clear: none;
    margin-left: auto;
  }

  .layout-6 .cta {
    margin: 50px 0 0;
  }

  .layout-6-header {
    margin: 0 0 50px;
  }

  .layout-6-header h2 {
    font-size: 2.25em;
  }

  .layout-6-header p {
    font-size: 1.25em;
  }

  .layout-6 .img-content-primary li {
    font-size: 1em;
  }

  .layout-6 .cta-content p {
    font-size: 1em;
  }

  .layout-7-header h2 {
    font-size: 2.25em;
  }

  .layout-7-header p {
    font-size: 1.25em;
  }

  .layout-7 .cta-content p {
    font-size: 1em;
  }

}

/* Min Width 769px
------------------------------------------------- */

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

  .marquee {
    background-image: none !important;
  }

}

/* Max Width 600px
------------------------------------------------- */

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

  .layout-7-list-content .primary .img {
    width: 364px;
    height: 328px;
  }

  .layout-7-list-content .primary .content {
    width: 364px;
  }

  .layout-7-list-content .secondary {
    max-width: 364px;
  }

}

/* Max Width 480px
------------------------------------------------- */

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

  .marquee {
    height: 480px;
  }

  .copyright-rights {
    display: block;
    line-height: 1.5;
  }

  .back-to-top-button {
    bottom: 26px;
  }

  .layout-7-list-content .primary .img {
    width: 273px;
    height: 246px;

  }

  .layout-7-list-content .primary .content {
    width: 273px;
  }

  .layout-7-list-content .secondary {
    max-width: 273px;
  }

  .layout-7 .cta-buttons-list li {
    max-width: 265px;
  }

}