/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media (max-width: 480px) and (min-width : 320px) {
  .proj-inner{
    padding: 0 !important;
  }
  .pro-box1{
    width: auto !important;
    margin-right: 2%;
  }
  .single-media{
    width: 49% !important;
    margin-left: 0.7px !important;
    margin-right: 2.5px;
  }
  .single-media-inner{
    margin-top: 28% !important;
  }
  .single-media-inner>p{
    margin-bottom: 11px !important;
  }
  .modal-content{
    width: auto !important;
  }
  .modal-open .modal{
  }
  .modal .modal-text{
    padding-right: 0 !important;
    width: auto !important;
    height: 100px !important;
    overflow-y: auto !important;
  }
  .footer-video{
    margin: 0 !important;
    float: none;
    width: 100%;
    height: 245px !important;
  }
  .modal-footer i{
    padding: 7px !important;
    margin-right: 1px !important;
  }
  .video .modal-btn-p{
    margin: 0px 30px !important;
  }
  .modal-footer .modal-btn{
    margin: 25px 10px 0 70px !important;
  }
  .modal-content .btn-media{
    margin: 0 !important;
  }
}

/* Extra Small Devices, Phones */
@media (max-width : 570px) and (min-width : 320px) {

}