/*
Screen rules
*/
/* common screen rules ----------- */
@media only screen and (max-width: 3840px) and (min-width: 1980px) {
  #header-content {
    padding: 150px 20px 0 20px; }
  .bg1::after {
    background-image: url("../images/bg-xl_jet_press.jpg"); }
  .tweenPosition-h100v {
    top: 40%; }
  #SUCCESS #imgStraub {
    height: 575px; }
  #SUCCESS #imgGreenshires {
    height: 575px; }
  #SUCCESS #imgImpressed {
    height: 575px; }
  #SUCCESS #imgKingfisher {
    height: 575px; }
  #SUCCESS #imgOchoa {
    height: 575px; }
  #IMAGINE #imagine-footer .tweenPosition-h100v {
    top: 33%; } }

@media only screen and (max-width: 1559px) {
  #TECHNOLOGY #imgPower {
    background-image: url(../images/production-fullwidth_jet_press.jpg); }
  #TECHNOLOGY #imgGreen {
    background-image: url(../images/environment-fullwidth_jet_press.jpg); }
  #SUCCESS .quote {
    font-size: 1.3rem; } }

@media only screen and (max-width: 1440px) {
  .bg3::after {
    -webkit-clip-path: polygon(50% 7%, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 7%, 100% 0, 100% 100%, 0 100%, 0 0);
    margin-top: -85px; }
  .bg4::after {
    -webkit-clip-path: polygon(50% 7%, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 7%, 100% 0, 100% 100%, 0 100%, 0 0);
    margin-top: -90px; } }

@media only screen and (min-width: 1366px) and (max-width: 1366px) and (min-height: 1024px) and (max-height: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .bg1::after {
    background-attachment: scroll; }
  .bg3::after {
    background-attachment: scroll; }
  .bg4::after {
    background-attachment: scroll; } }

@media only screen and (max-width: 1200px) {
  .bg1::after {
    background-image: url("../images/bg-md_jet_press.jpg"); } }

@media only screen and (min-width: 1112px) and (max-width: 1112px) and (min-height: 834px) and (max-height: 834px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .bg1::after {
    background-attachment: scroll; }
  .bg3::after {
    background-attachment: scroll; }
  .bg4::after {
    background-attachment: scroll; } }

@media only screen and (max-width: 1079px) {
  .bg1::after {
    background-attachment: scroll; }
  .bg3::after {
    background-attachment: scroll;
    margin-top: -75px; }
  .bg4::after {
    background-attachment: scroll;
    -webkit-clip-path: polygon(50% 5%, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 5%, 100% 0, 100% 100%, 0 100%, 0 0);
    margin-top: -70px; }
  .sectionMOBILE {
    display: unset; }
  .sectionDESKTOP {
    display: none; }
  #TECHNOLOGY #imgPower {
    height: 420px; }
  #TECHNOLOGY #imgGreen {
    height: 420px; }
  #TECHNOLOGY #carousel h3 {
    font-size: 2rem; }
  #TECHNOLOGY #quality-carousel .carousel-overlay {
    height: 65px; }
  #TECHNOLOGY #quality-carousel .carousel-caption {
    padding-bottom: 9px; }
  #SUCCESS #casestudy-quote .fullwidth-content {
    padding: 0px 70px 90px 70px; }
  #SUCCESS #imgStraub {
    height: 445px; }
  #SUCCESS #imgGreenshires {
    height: 445px; }
  #SUCCESS #imgImpressed {
    height: 445px; }
  #SUCCESS #imgKingfisher {
    height: 445px; }
  #SUCCESS #imgOchoa {
    height: 455px; }
  #IMAGINE .imagepair-margin {
    margin-bottom: 50px; }
  #IMAGINE #applications .hovereffect .overlay {
    top: 2%; }
  #IMAGINE #imagine-footer .tweenPosition-h100v {
    top: 25%; } }

@media only screen and (max-width: 960px) and (orientation: landscape) {
  .head-section {
    height: 100%; }
  .mb-landH {
    padding-bottom: 450px; }
  #header-content {
    padding: 60px 20px 0 20px; }
  .display-2 {
    font-size: 3.5rem !important; }
  #IMAGINE section .container-fluid h1 {
    margin-bottom: 1.5rem; }
  #IMAGINE section .container-fluid p {
    font-size: 1.5rem; }
  #IMAGINE #imagine-footer p {
    font-size: 1.5rem; } }

@media only screen and (max-width: 812px) and (orientation: landscape) {
  .mb-landH {
    padding-bottom: 500px; }
  #IMAGINE #imagine-footer .tweenPosition-h100v {
    top: 15%; } }

@media only screen and (max-width: 768px) {
  .bg3::after {
    -webkit-clip-path: polygon(50% 5%, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 5%, 100% 0, 100% 100%, 0 100%, 0 0);
    margin-top: -60px; }
  .bg4::after {
    -webkit-clip-path: polygon(50% 4%, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 4%, 100% 0, 100% 100%, 0 100%, 0 0);
    margin-top: -60px; }
  #SUCCESS #imgStraub {
    height: 365px; }
  #SUCCESS #imgGreenshires {
    height: 365px; }
  #SUCCESS #imgImpressed {
    height: 365px; }
  #SUCCESS #imgKingfisher {
    height: 365px; }
  #SUCCESS #imgOchoa {
    height: 365px; } }

@media only screen and (max-width: 767px) {
  #lang-selector {
    display: none; }
  .nav-info {
    margin-top: 11px; }
  .sm-hide {
    display: none; }
  .hovereffect .overlay {
    top: -10%; }
  .section-description {
    margin-top: 40px;
    margin-bottom: 40px; }
  .display-2 {
    font-size: 4rem; }
  .h-100v {
    top: 38%; }
  #TECHNOLOGY #tech-header img {
    padding-top: 10px; }
  #TECHNOLOGY #imgPower {
    height: 290px; }
  #TECHNOLOGY #imgGreen {
    height: 290px; }
  #TECHNOLOGY #qulaity-icons .col-lft {
    padding-right: 10px; }
  #TECHNOLOGY #qulaity-icons .col-rgh {
    padding-left: 10px; }
  #TECHNOLOGY #carousel h3 {
    font-size: 1.3rem; }
  #TECHNOLOGY #quality-carousel .carousel-overlay {
    height: 55px; }
  #TECHNOLOGY #quality-carousel .carousel-caption {
    padding-bottom: 10px; }
  #SUCCESS #success-header img {
    padding-top: 10px; }
  #IMAGINE section .container-fluid p {
    font-size: 1.6rem; }
  #IMAGINE #imagine-footer p {
    font-size: 1.6rem; } }

@media only screen and (max-width: 667px) and (orientation: landscape) {
  .display-2 {
    font-size: 3rem !important; }
  #IMAGINE section .container-fluid h1 {
    margin-bottom: 1.5rem; }
  #IMAGINE section .container-fluid p {
    font-size: 1.3rem; }
  #IMAGINE #imagine-footer p {
    font-size: 1.3rem; }
  #IMAGINE #imagine-footer .tweenPosition-h100v {
    top: 20%; } }

@media only screen and (max-width: 568px) and (orientation: landscape) {
  #IMAGINE #imagine-footer .tweenPosition-h100v {
    top: 20% !important; } }

@media only screen and (max-width: 575px) {
  .container {
    padding-left: 15px;
    padding-right: 15px; }
  header {
    height: 45px;
    top: -45px;
    padding: 0 5px; }
  h1 {
    font-size: 3rem; }
  h2 {
    font-size: 2.5rem; }
  h3 {
    font-size: 2.2rem; }
  #header-content {
    padding: 50px 20px 0 20px; }
  footer .address-patch {
    text-align: center; }
  footer .fujifilm-logo-sm img {
    float: none; }
  .headline {
    padding-bottom: 1.5rem;
    padding-top: 2rem; }
  .fujifilm-logo img {
    height: 25px;
    margin-top: 10px; }
  .nav-info {
    margin-top: 4px; }
  .xs-hide {
    display: none; }
  .hovereffect .overlay {
    top: 25%; }
  .nav-email {
    display: none; }
  .gallery-spacing {
    padding: 5px; }
  .formcell-left {
    padding: 0 10px; }
  .formcell-right {
    padding: 0 10px; }
  .card {
    padding: 50px 0; }
  .fullwidth-content {
    padding: 50px 30px 35px 30px; }
  .feature-description {
    margin-top: 1.5rem; }
  .openNav {
    width: 100vw; }
  .closeNav {
    width: 0px; }
  .display-2 {
    font-size: 2.5rem; }
  .h-100v {
    top: 45%; }
  .bg1::after {
    background-attachment: scroll; }
  .bg3::after {
    background-attachment: scroll;
    background-image: url("../images/imagine-burst-sm_jet_press.jpg");
    margin-top: -55px;
    border-top: none; }
  .bg4::after {
    background-attachment: scroll;
    -webkit-clip-path: polygon(50% 3%, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 3%, 100% 0, 100% 100%, 0 100%, 0 0);
    margin-top: -55px;
    border-top: none; }
  #TECHNOLOGY #tech-header {
    padding-top: 50px; }
  #TECHNOLOGY #tech-innovation {
    padding: 50px 0 35px 0; }
  #TECHNOLOGY #quality {
    padding-top: 50px; }
  #TECHNOLOGY #qulaity-icons .feature-description {
    margin-bottom: 0.5rem; }
  #TECHNOLOGY #carousel {
    padding-top: 2rem; }
  #TECHNOLOGY .CTA-padding {
    margin: 150px 0; }
  #TECHNOLOGY #versatile {
    padding: 50px 0 65px 0; }
  #SUCCESS #success-header {
    padding-top: 50px; }
  #SUCCESS .content-section h4 {
    font-size: 1.2rem; }
  #SUCCESS #casestudy-header {
    padding: 50px 0 30px; }
  #SUCCESS #casestudy-quote .fullwidth-content {
    padding: 0px 30px 50px 30px; }
  #SUCCESS .quote-mark img {
    margin: -50px 0px 20px;
    max-width: 90px; }
  #IMAGINE #imagine-header {
    padding-top: 50px; }
  #IMAGINE .imagepair-margin {
    margin-bottom: 25px; }
  #IMAGINE #applications {
    padding: 50px 5px; }
  #IMAGINE #applications .hovereffect .overlay {
    top: 20%; }
  #IMAGINE section .container-fluid p {
    font-size: 1.4rem; }
  #IMAGINE #imagine-footer p {
    font-size: 1.4rem; }
  #IMAGINE #imagine-footer .tweenPosition-h100v {
    top: 35%; }
  #CONTACT #contact-header {
    padding-top: 50px; }
  #CONTACT .privacy {
    padding-bottom: 36px; } }

@media only screen and (max-width: 485px) and (orientation: portrait) {
  .head-section {
    height: 100%; }
  .mb-landH {
    padding-bottom: 325px; }
  .bg1::after {
    background-image: url("../images/bg-smV_jet_press.jpg"); } }

@media only screen and (max-width: 485px) {
  .hovereffect .overlay {
    top: 8%; }
  .bg3::after {
    margin-top: -50px; }
  .bg4::after {
    -webkit-clip-path: polygon(50% 2%, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 2%, 100% 0, 100% 100%, 0 100%, 0 0);
    margin-top: -50px; }
  #TECHNOLOGY #imgPower {
    height: 180px; }
  #TECHNOLOGY #imgGreen {
    height: 180px; }
  #TECHNOLOGY #quality-carousel .carousel-overlay {
    height: 45px; }
  #TECHNOLOGY #quality-carousel .carousel-caption {
    padding-bottom: 5px; }
  #IMAGINE #applications .hovereffect .overlay {
    top: 14%; } }

@media only screen and (max-width: 420px) {
  .bg3::after {
    -webkit-clip-path: polygon(50% 3%, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 3%, 100% 0, 100% 100%, 0 100%, 0 0);
    margin-top: -45px; }
  .bg4::after {
    -webkit-clip-path: polygon(50% 1.5%, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 1.5%, 100% 0, 100% 100%, 0 100%, 0 0);
    margin-top: -45px; }
  #SUCCESS #imgStraub {
    height: 205px; }
  #SUCCESS #imgGreenshires {
    height: 205px; }
  #SUCCESS #imgImpressed {
    height: 205px; }
  #SUCCESS #imgKingfisher {
    height: 205px; }
  #SUCCESS #imgOchoa {
    height: 205px; }
  #IMAGINE #imagine-footer .tweenPosition-h100v {
    top: 30%; } }

@media only screen and (max-width: 375px) {
  h1 {
    font-size: 2.5rem; }
  .bg3::after {
    -webkit-clip-path: polygon(50% 3%, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 3%, 100% 0, 100% 100%, 0 100%, 0 0); }
  #IMAGINE #applications .hovereffect .overlay {
    top: 5px; } }

@media only screen and (max-width: 374px) {
  #TECHNOLOGY #carousel h3 {
    font-size: 0.875rem; }
  #TECHNOLOGY #quality-carousel .carousel-overlay {
    height: 40px; } }

@media only screen and (max-width: 320px) {
  #IMAGINE #applications .hovereffect .overlay {
    top: -9px; }
  #IMAGINE #imagine-footer .tweenPosition-h100v {
    top: 22%; } }

    /* opt in */
.mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList{
  width: 100% !important;
}

.mktoCheckboxList input {
    opacity: 0;
    position: absolute;   
}
 
.mktoCheckboxList input, .mktoCheckboxList label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
    color: #ffffff;
    font-size: 17px;
}
 
.mktoCheckboxList label {
    position: relative;
}
 
/* Edit the properties below to change the colors of the un-checked checkbox */
.mktoCheckboxList input + label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 23px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}
/* Edit the properties below to change the colors of the checked checkbox */
.mktoCheckboxList input:checked + label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #56CFD2;
    color: #fff;
    border-color:#3eb9bc;
    padding: 0;
}
 
body .mktoForm .mktoCheckboxList > label {
  margin-left:0;
  padding-bottom: 10px;
  width: 100%;
}
.mktoHtmlText {
    width: 100% !important;
    vertical-align: middle;
    color: #ffffff;
    font-size: 17px;
    padding-left: 10px;
}
/* opt in ends*/ 


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

/* opt in */
.mktoCheckboxList input, .mktoCheckboxList label {
    width: 100% !important;
  }
/* opt in ends*/
}