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

}

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

}

@media only screen and (max-width:1199px){
  .how-its-work .owl-theme .item{width:60%;}
  /*****cms page****/
  .information .content-info .info-list ul li::before{margin-right:7px;}
.information .content-info .info-list ul li{padding: 5px 16px;
    text-indent: -15px;}
}
@media only screen and (max-width:991px){
  
    .how-its-work .owl-theme .item{width:70%;}
    .timeline{width:85%;}
    .timeline-time h3{font-size:20px;}
    .footer-left{margin-bottom:20px;}
    .no-background .navbar-brand > img.logo{display:none;}
    .no-background .logo-title{display:inline-block;}
     .navbar{padding:0;}
     .navbar-right,nav.navbar.bootsnav .navbar-nav {width:100%;padding:0;margin:0;}
     nav.navbar.bootsnav ul.nav > li{padding:0;}
     nav.navbar.bootsnav ul.nav > li > a{padding:15px 0;}
     nav.navbar.bootsnav ul.nav > li > a.cta{margin:10px 0;}
     .mac h2{font-size:70px;}
     
      /*****cms page****/
.cms-page{margin-top:100px;}
}
@media only screen and (max-width:767px){
     .timeline {
    padding: 15px 10px; }
    .timeline:after {
      left: 28px; }
    .timeline .timeline-row {
      padding-left: 0;
      margin-bottom: 16px; }
      .timeline .timeline-row .timeline-time {
        position: relative;
        right: auto;
        top: 0;
        text-align: left;
        margin: 0 0 6px 56px; }
        .timeline .timeline-row .timeline-time strong {
          display: inline-block;
          margin-right: 10px; }
      .timeline .timeline-row .timeline-icon {
        top: 52px;
        left: -2px;
        margin-left: 0; }
      .timeline .timeline-row .timeline-content {
        margin-left: 56px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        position: relative; }
        .timeline .timeline-row .timeline-content:after {
          right: auto !important;
          left: -20px !important;
          top: 32px; }
      .timeline .timeline-row:nth-child(odd) {
        padding-right: 0; }
        .timeline .timeline-row:nth-child(odd) .timeline-time {
          position: relative;
          right: auto;
          left: auto;
          top: 0;
          text-align: left;
          margin: 0 0 6px 56px; }
        .timeline .timeline-row:nth-child(odd) .timeline-content {
          margin-right: 0;
          margin-left: 55px; }
    .timeline.animated .timeline-row:nth-child(odd) .timeline-content {
      left: 20px; }
    .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
      left: 0; } 
  .how-its-work .owl-theme .item{width:100%;padding:0 10px;}
  .how-its-work .owl-theme .item{font-size:18px;}
  .how-its-work .owl-prev, .how-its-work .owl-next{font-size:16px;}
   .monitor h2,.how-its-work h2,.request-a-demo h2,.slider-content h2{font-size:26px;}
   .slider-content h2{padding:0 10px;}
   .how-its-work{min-height:560px;}
   .monitor{padding:20px 0 0;margin:0;}
   .process{margin:20px 0 0;}
   .request-a-demo{padding:20px 0 30px;}
   .slider-content p{font-size:30px;}
   .slider-content a{margin:20px 0 0;}
   .default-btn{height:55px;line-height:55px;width:200px}
   .timeline .timeline-row .timeline-time,.timeline .timeline-row .timeline-content {margin-bottom:20px !important;}
   .copyright{display:block;margin:20px 0 0;}
   .form-field{margin:20px 0;}
   .fields{margin:0 0 10px;display:block;}
   .request-a-demo input[type="text"], .request-a-demo input[type="email"]{margin:0;}
   nav.no-background{padding:0;}

 /*****cms page****/
 .sub-page header nav{padding:0;}
.cms-page{margin-top:80px;}
.information{margin:0;}
.information .content-info .info-list{padding: 0 7px;}
.cms-bottom .bottom-info{padding: 20px 15px;}
}
@media only screen and (max-width:639px){
  .timeline-time h3{font-size:16px;}
  .form-field{padding:0 30px;font-size:18px;}
    .request-a-demo input[type="text"], .request-a-demo input[type="email"]{width:100%;margin:0;font-size:26px;}
    .copyright{float:left !important;}
    /*****cms page****/
.information .content-info p, .cms-bottom p{font-size: 14px;}
}
@media only screen and (max-width:479px){
 
   }
    @media only screen and (max-width:360px){
     /*****cms page****/
     .cms-bottom .bottom-btn{text-align: center;}
     .information h4{font-size:16px;}
     .information h5,.information span{font-size:13px;}
    }