/* ========= Mobile Style START ========= */
.pf-mob {
    width: 100%;
    height: 100%;
    overflow-y: scroll; /* Add the ability to scroll */
    margin: auto;
    border-top: 0px;
    border-bottom: 0px;
  }
  /* Hide scrollbar for Chrome, Safari and Opera */
.pf-mob::-webkit-scrollbar {
      display: none;
  }
  /* Hide scrollbar for IE and Edge */
.pf-mob {
      -ms-overflow-style: none;
  }
.pf-mob img {
  width: 100%;
  max-width:300px;
  padding: 0;
  margin: auto;
  display: block;
  }

.portfolio-mobile {
  margin: auto;
  padding: 0;  
  width: 100%;
  max-width: 350px;
  height: 580px;  
  border-radius: 8px;  
  border: 25px solid rgba(78, 205, 196, 1%);
  -webkit-box-shadow: 0px 10px 30px -10px rgba(136,136,136,1);
  -moz-box-shadow: 0px 10px 30px -10px rgba(136,136,136,1);
  box-shadow: 0px 10px 30px -10px rgba(136,136,136,1);

  }
.portfolio-mobile img {
  display: block;
  padding: 0;
  margin: auto;
  width: 100%;
  }

/* ========= Mobile Style END ========= */





.pf-web {
  width: 100%;
  height: 100%;
  overflow-y: scroll; /* Add the ability to scroll */
  margin: auto;
  border-top: 0px;
  border-bottom: 0px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.pf-web::-webkit-scrollbar {
    display: none;
}
/* Hide scrollbar for IE and Edge */
.pf-web {
    -ms-overflow-style: none;
}
.pf-web img {
  width: 100%;
  max-width:700px;
  padding: 0;
  margin: auto;
  display: block;
}

.portfolio-desktop {
  margin: auto;
  padding: 0;  
  width: 100%;
  max-width: 730px;
  height: 580px;  
  border-radius: 8px;  
  border: 25px solid rgba(78, 205, 196, 1%);
  -webkit-box-shadow: 0px 10px 30px -10px rgba(136,136,136,1);
  -moz-box-shadow: 0px 10px 30px -10px rgba(136,136,136,1);
  box-shadow: 0px 10px 30px -10px rgba(136,136,136,1);

}
.portfolio-desktop img {
  display: block;
  padding: 0;
  margin: auto;
  width: 100%;
}
/* ========= Mobile Style END ========= */