/*** Responsive Styles Large Desktop ***/

@media all and (max-width: 1405px) {



}





/*** Responsive Styles Standard Desktop ***/

@media all and (max-width: 1100px) {



}



/*** Responsive Styles Tablet ***/

@media all and (max-width: 980px) {



}



/*** Responsive Styles Smartphone Landscape ***/

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

  body {

    font-size: 14px;

    line-height: 140%;

  }

  body.ci_form-template-default {

    font-size: 16px;

    line-height: 150%;

  }

  .ci-btn {

    padding-left: 10px !important;

    padding-right: 10px !important;

  }

  .ci-langswitch,

  .ci-menu-desktop {

    display: none;

  }

  .ci-mobilemenu {

    display: block;

  }

  .ci-menu-mobile {

    position: absolute;

    top: 50px;

    left: 50px;

    width: calc(100% - 50px);

    height: calc(100vh - 50px);

    background: rgba(0,0,0, 0.5);

    z-index: 9999;

    background: #313131;

    padding: 30px;

  }

  .ci-menu-mobile::after {

    content: '';

    position: absolute;

    top: 0;

    left: -50px;

    width: 50px;

    height: 100%;

    background: red url(../images/menu-pattern.png) repeat-y left top;

    background-size: 50px auto;

  }

  .ci-menu-mobile .menu-primary-container ul {

    margin-left: 0;
    flex-direction:column;
  }

  .ci-menu-mobile .menu-primary-container ul li {

    border-bottom: 1px solid rgba(255,255,255, 0.2);

    margin-bottom: 15px;

    padding-bottom: 15px;

  }

  .ci-menu-mobile .menu-primary-container ul li a {

    display: block;

    font-size: 16px;

    font-weight: 500;

  }

}



/*** Responsive Styles Smartphone Portrait ***/

@media all and (max-width: 479px) {

  body.ci_form-template-default {

    font-size: 14px;

    line-height: 140%;

  }

  body.ci_form-template-default h1 {

    font-size: 2.2em !important;

  }
}

/*! Masthead Split */
.masthead-wrapper {
  display:flex;
}
@media (max-width:1023px) {
  .masthead-wrapper {
    flex-direction:column-reverse !important;
  }
  .masthead-wrapper .right-content {
    display: block !important;
  }
}
@media (max-width:720px) {
  .masthead-wrapper .right-content {
    min-height:40vh !important;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  .masthead-wrapper .right-content {
    min-height:50vh !important;
  }
}