/*---------------------
All responsive css rule
----------------------*/
@media (max-width: 1199px) {


  .screenshot-wrap {
    margin: 0px 0px 0;
  }

  .screen-mock {
    height: 379px;
    width: 202px;
    margin: 0;
  }
}
@media (max-width: 991px) {


  .screen-mock {
    height: 509px;
    width: 340px;
  }

  .screenshot-wrap {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 69px;
  }


}
@media (max-width: 767px) {

  .mock .back-mock {
    position: relative;
    left: 0;
    margin-right: -110px;
  }

  .screen-mock {
    height: 650px;
    width: 590px;
  }

  .screenshot-wrap {
    max-width: 308px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 88px;
  }
}
@media (max-width: 479px) {

  .screen-mock {
    height: 480px;
    width: 260px;
  }

  .screenshot-wrap {
    width: 238px;
    margin-top: 68px;
  }
}