/* This Css is for small mobile */
@media (max-width: 767px) {
  .contact{
    width: 100%;
    margin: 0px
  }
  .howto h1{
    font-size: 26px;
  }
  .howto ul{
    margin: 0px;
  }
   .form-group{
    margin-bottom: 0px;
  }
  .contact .form-control{
     margin-bottom: 0px;
  }
  .pull-right{
    float: none !important;
  }
  .box-blue{margin-top: 30px;}
  .form-content{
    margin: 0px;
  }
  .form-content .header h1{
    font-size: 44px;
  }
  .form-content .header h4{
    font-size: 40px;
    line-height: 10px;
  }
  .dollar{
    font-size: 60px;
    line-height: 35px;
  }
  .nums{
    font-size: 120px;
    line-height: 80px;
  }
  .header-content2 h1{
    margin: 3px 30px 0px 30px;
    line-height: 20px;
  }
  h2{
    font-size: 16px;
  }
  .section1-bg{
    background: url('../images/copaybg.png');
    background-position: bottom;
    background-repeat: no-repeat;
  }
}
@media (max-width: 375px) {
  .contact{
    width: 100%;
    margin: 0px
  }
 .howto h1{
    font-size: 26px;
  }
  .howto ul{
    margin: 0px;
  }
  .form-group{
    margin-bottom: 0px;
  }
  .contact .form-control{
     margin-bottom: 0px;
  }
  .pull-right{
    float: none !important;
  }
  .box-blue{margin-top: 30px;}
  .form-content{
    margin: 0px;
  }
  .form-content .header h1{
    font-size: 44px;
  }
  .form-content .header h4{
    font-size: 40px;
    line-height: 10px;
  }
  .dollar{
    font-size: 60px;
    line-height: 35px;
  }
  .nums{
    font-size: 120px;
    line-height: 80px;
  }
  .header-content2 h1{
    margin: 3px 30px 0px 30px;
    line-height: 20px;
  }
   h2{
    font-size: 16px;
  }
   .section1-bg{
    background: url('../images/copaybg.png');
    background-position: bottom;
    background-repeat: no-repeat;
  }
}

@media (max-width: 320px) {
  .contact{
    width: 100%;
    margin: 0px
  }
 .howto h1{
    font-size: 24px;
  }
  .howto ul{
    margin: 0px;
  }
  .form-group{
    margin-bottom: 0px;
  }
  .contact .form-control{
     margin-bottom: 0px;
  }
  .pull-right{
    float: none !important;
  }
  .box-blue{margin-top: 30px;}
  .form-content{
    margin: 0px;
  }
  .form-content .header h1{
    font-size: 35px;
  }
  .form-content .header h4{
    font-size: 21px;
    line-height: 10px;
  }
  .dollar{
    font-size: 60px;
    line-height: 35px;
  }
  .nums{
    font-size: 120px;
    line-height: 80px;
  }
  .header-content2 h1{
    margin: 3px 30px 0px 30px;
    line-height: 20px;
  }
   h2{
    font-size: 16px;
  }
  .section1-bg{
    background: url('assets/images/copaybg.png');
    background-position: bottom;
    background-repeat: no-repeat;
  }
}


/* This Css is for tablet */

@media (min-width: 760px) {
    .single_store {
        border-left: 0px;
    }
    .last {
        border-right: 0px;
    }
    .iphone {
        float: none;
        text-align: center;
    }
    .about_phone {
        text-align: center;
    }
    .call_to_action .col-md-3 {
        text-align: center;
        padding-top: 50px;
    }
    .video-button {
        text-align: center;
    }
    .single_fun_facts {
        padding-bottom: 60px;
    }
    .video {
        padding-top: 50px;
    }
}
/* This Css is for Medium Deviced */

@media (min-width: 992px) {
    .last {
        border-right: 1px solid #0F1217;
    }
    .single_store {
        border-left: 1px solid #0F1217;
    }
    .iphone {
        float: right;
    }
    .video-button {
        text-align: left;
    }
    .call_to_action .col-md-3 {
        text-align: right;
        padding-top: 0px;
    }
    .single_fun_facts {
        padding-bottom: 0px;
    }
    .video {
        padding-top: 00px;
    }
}
/* This Css is for large Deviced */

@media (min-width: 1200px) {
    .last {
        border-right: 1px solid #0F1217;
    }
    .single_store {
        border-left: 1px solid #0F1217;
    }
    .iphone {
        float: right;
    }
    .video-button {
        text-align: left;
    }
    .call_to_action .col-md-3 {
        text-align: right;
        padding-top: 0px;
    }
    .video {
        padding-top: 0px;
    }
}