/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet 
   480-less    - phone landscape & smaller
--------------------------------------------*/
@media all and (max-width: 1024px) { 

}

@media all and (max-width: 1100px) { 
  .landing-image-cell{
    display: none;
  }
  .insights-container{
    margin: 0 auto;
  }
  .more-than-an-app-features-text{
    margin-top: 80px;
  }
 .forget-lost-claims-container{
  padding: 0px !important;
 }
 .no-more-lost-claim-tickets-pitch{
    width: 100% !important;
    display: block;
 }
 .no-more-lost-claim-tickets-text{
  width: 100%;
 }
 .coatchex-to-chexology-text{
  width: 100%;
 }

 .automated-ticketing-system-icon-container{
   margin-top: 25px;
 }
}

@media all and (max-width: 500px) { 
  .testimonials-contact-form{
    display: none !important;
  }
}

@media all and (max-width: 600px) { 
  .grid-margin-x{
    width: 100%;
  }
  .introductory-header-text{
    font-size: 2em !important;
    margin-top: 50px !important;    
    margin-bottom: 0px !important;   
  }

  .logo{
    margin-left: 0 !important;
  }

  .navigation-logo{
    margin-left: 0 !important;
  }

  .navigation{
    margin-top: 15px;
  }
  .sales-pitch-phone-number-replacing-ticket{
    margin: 0 auto !important;
  }
}

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

  .home-contact-field{
    width: 80%;
  }
  .sales-pitch-phone-number-replacing-ticket{
    /*height: 250px;*/
  }
  .request-demo-button{
    display: none !important;
  }
  .learn-more-text{
    display: none !important;
  }
  .mobile-landing-bg{
    display: block !important;
  }
  .request-demo-button{

  }
  .mobile-learn-more-text{
    display: block;
  }

  .track-staff-efficiency,
  .more-than-an-app-features-header,
  .real-time-itemized-reporting{
    width: 100% !important;
    margin-top: 20px;
  }

  .more-than-an-app-features-header{
    margin-top: 25px;
  }

}

@media all and (max-width: 830px) {
  .personalized-messaging-image-item{
    max-width: 90%;
  }
  .home-contact-field{
    width: 80%;
    height: 60px;
    border-radius: 6px;
    border: solid 2px #dfdfdf;
    background-color: #ffffff;
  }

  .mobile-request-demo-button{
    margin-top: 50px;
    display: block;
  }

  .social-navigation-footer{
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
  }
  .linkedin{
    margin-left: 0px;
  }
  .terms-and-services{
    float: none;
    padding-left: 0px !important;
  }
  .home-page-contact-submit-btn{
    display: block;
    float: none;
    width: 80%;
    margin: 15px auto 15px auto;
  }
  .testimonial-logo-container img{
    margin: 0 auto;
  }
  .testimonials-contact-form{
    width: 100%;
    margin: 0 auto !important;
    float: none;
    margin-bottom: 150px;
  }
  .home-page-contact-form{
    padding: 0px 10px;
  }
  .form-last-name-container, .form-first-name-container{
    width: 50%;
    margin: 0 auto;
  }
  .contact-form-home-page{
    width: 100%;
    margin: 0 auto !important;
  }
  .home-contact-field{
    width: 80% !important;
  }
  .home-contact-text-first-name{
    display: block;
    width: 100% !important;
  }
  
  .home-contact-text-last-name{
    display: block;
    width: 100% !important; 
  }
  .form-container{
    padding: 0 56px;
    float: left;
    width: 100%;
  }

  .form-name-container{
    width: 80%;
  }

  .lets-talk-header,
  .lets-talk-and-chat-pitch{
    width: 100%;
  }

  .build-customer-loyalty-features-header{
    margin-top: 50px;
    width: 100%;
  }
  .personalized-messaging-pitch{
   width: 100%; 
  }
  .customizable-app-screens{
    margin-top: 20px; 
  }
  .personalized-messaging-image-container{
    margin: 0 auto;
  }
  .more-than-an-app-features-text{
    margin-top: 50px !important;
    clear: both;
    display: block !important;
  }
  .insights-container{
    width: 100%;
  }

  .build-customer-loyalty-header-container{
    margin-bottom: 0px;
    margin-left: 47px;
  }
  .build-customer-loyalty-features-text{
    margin-top: 0px;
    margin-left: 47px;
  }
  .report-insights-image{
    width: 90%;
    margin: 0 auto;
    margin: 40px auto 0 auto !important;
  }
  .real-time-insights-explanation{
    width: 100%;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: center;
    color: #464646;
    margin-bottom: 55px;
  }
  .features-icon-container{
    margin-bottom: 0px !important;
  }
  .more-than-an-app-text{
    margin-top: 55px !important;
  }
  .medium-screen-client-icons{
    display: block;
  }
  .mobile-landing-bg{
    display: block;
  } 
  .sales-pitch-phone-number-replacing-ticket{
    max-width: 100%;
    text-align: center;
    margin: 0 auto !important;
  }

  .navigation-logo{
  }  

  .navigation-link{
    display: none;
  }

  .sales-pitch-container{
    width: 100%;
    text-align: center;
    padding: 0 !important;
  }
  .introductory-header-text{
    padding-left: 46px;
    padding-right: 46px;
    margin: 0 auto;
    width: 100% !important;
    margin-top: 110px;
    margin-bottom: 0px !important;
    max-width: 100%;
    min-height: 50px !important;
    font-size: 50px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.04;
    letter-spacing: 0.8px;
    text-align: center;
    color: #464646;
  }

  .trusted-clients-container{
    padding: 10px;
    display: none;
  }
  .logo{
    margin-left: 0px;
    width: 215px;
    height: 34px;
  }
  .navigation{
    margin-left: 40px;
  }
  .sales-pitch-phone-number-replacing-ticket{
    margin-top: 50px !important;
  }
  .forget-lost-claims-container{
    padding: 0px 10px;
  }
 .coatchex-to-chexology-text, .no-more-lost-claim-tickets-pitch, .no-more-lost-claim-tickets-text{
    padding: 0 40px;
 }
  .no-more-lost-claim-tickets-text{ 
   font-size: 18px;
  }
  .coatchex-to-chexology-text{
  max-width: 640px;
  font-family: OpenSans;
  font-size: 25px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.9px;
  text-align: center;
  }
  .more-than-an-app-text{
    margin-top: 110px !important;
  }
}


@media all and (max-width: 1280px) { 
  .color-factory-logo-grey{}
  .mobile-landing-bg{
    display: none;
  }
  .sales-pitch-phone-number-replacing-ticket {
      margin-top: 50px !important; */
      width: 450px;
  }
  .introductory-header-text {
    width: 508px;
    margin-bottom: 50px;
  }
}

@media all and (max-width: 1280px) { 
  .landing-image-tablet {
    display: none;
  }

  .landing-image-cell{
    max-height: 900px !important;
    max-width: 600px !important;
    width: 600px !important;
  }


  .landing-image-background {
    display: none;
  }
}


@media all and (max-width: 1280px) { 
  .landing-image-tablet {
    max-width: 32% !important;;
  }

  .landing-image-cell{
/*    max-width: 22% !important;*/
  }


  .landing-image-background {
    margin-right: 0 !important;
    max-width: 62% !important;
  }
}


@media all and (max-width: 1360px) {
  .report-insights-image{
    max-width: 580px;
  }
}
@media all and (max-width: 1450px) { 
  .trusted-clients-container{
    padding: 0px !important;
  }

  .landing-image-tablet {
    max-width: 42%;
    float: right;
  }

  .landing-image-cell{
    max-width: 680px;
    float: right;
  }


  .landing-image-background {
    margin-right: 0 !important;
  }
  .testimonials-contact-form{
    height: 550px;
  }

  .footer-navigation{
    margin-right: 0px;
  }

  .footer-logo{
    margin-left: 0px;
    padding-left: 50px;
  }

  .terms-and-services{
    margin-left: 0px;
    padding-left: 50px;
  }
}




@media all and (max-width: 721px) { 
  .desktop-footer-container{
    display: none !important;
  }
}


@media all and (min-width: 1024px) and (max-width: 1280px) { }
 
@media all and (min-width: 768px) and (max-width: 1024px) { 

}
 
@media all and (min-width: 480px) and (max-width: 768px) { }
 
@media all and (max-width: 480px) { }
 
/*------------------------------------------
  Foundation Media Queries 
   http://foundation.zurb.com/docs/media-queries.html
--------------------------------------------*/
 
/* Small screens - MOBILE */
@media only screen { } /* Define mobile styles - Mobile First */
 
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
 
/* Medium screens - TABLET */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
 
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
 
/* Large screens - DESKTOP */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
 
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
 
/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
 
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
 
/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xlarge screens */
 
/*------------------------------------------*/
 
 
 
/* Portrait */
@media screen and (orientation:portrait) { /* Portrait styles here */ }
/* Landscape */
@media screen and (orientation:landscape) { /* Landscape styles here */ }
 
 
/* CSS for iPhone, iPad, and Retina Displays */
 
/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}
 
/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}
 
/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
} 
 
/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
}
 
/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
}
 
/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
}
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />


/*------------------------------------------
  Live demo samples
   - http://andrelion.github.io/mediaquery/livedemo.html
--------------------------------------------*/