/* Medium Screen */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.box_two {
  margin-top: 85px;
}
.box_three {
  margin-top: -22px;
}
.single_item {
  width: 300px;
}  
    
}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
.box_one {
  margin-top: 124px;
}    
.box_two {
  margin-top: 43px;
}
.box_three {
  margin-top: -35px;
}
.single_item {
  width: 230px;
    padding-top: 170px;
}   
.get_out {
  margin-bottom: 5%;
  margin-top: 52%;
  width: 600px;
}     
.header_bottom {
  margin-top: 0px;
}    
div.empty_space {
  height: 0;
}    
.howitworks_area {
  padding: 250px 0 0;
}   
.wel_msg > h2 {
  font-size: 40px;
}    
    
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
.wel_msg > h2 {
  font-size: 45px;
}  
.header_left {
  margin-bottom: 50px;
    margin-top: 100px;
}  
.wel_msg > p {
  width: 90%;
}    
.howitworks_area {
  padding: 200px 0 0;
}
.single_item {
  width: 100%;
margin-left: auto;
margin-right: auto;
}
    .box_one {
  margin-top: 30px;
}
    .box_two {
  margin-top: -50px;
}
    .box_three {
  margin-top: -60px;
}
    .get_out {
  margin-bottom: 5%;
  margin-top: 130%;
        width: 100%
}
    .watch-demo > h2 {
  font-size: 40px;
}
    .header_bottom {
  margin-bottom: 60px;
margin-top: 50px;
} 
.howitworks_area h2.heading {
  font-size: 35px;
} 
    .get_out > h2 {
  font-size: 35px;
}
    .get_out > p {
  font-size: 22px;
}
.calltoaction > form > input[type="email"] {
  margin-bottom: 20px;
  width: 100%;
}
.calltoaction > form > input[type="submit"] {
  width: 100%;
} 
.smartphone > img {
  max-width: 100%;
}    
div.empty_space {
  height: 0px;
} 
.zigzag-bottom {
  width: 135%;
}    
.zigzag-bottom3 {
  width: 135%;
}
.header_right {
  float: none;
  left: 0;
  margin: -100px auto 0;
  top: 0;
  width: 100%;
}    
    
    
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.single_item {
  margin-left: auto;
  margin-right: auto;
  width: 350px;
}
.get_out {
  margin-bottom: 5%;
  margin-top: 80%;
  width: 100%;
}  
    .header_bottom {
  margin-bottom: 60px;
margin-top: 50px;
}     
    
    
}