/*img*/

.img-xs {
  width: 15%;
}

.img-sm {
  width: 30%;
}

.img-md {
  width: 40%;
}

.img-lg {
  width: 70%;
}



img.alignleft,
  .wp-caption.alignleft {
    float: left;
    margin-right:24px;
    margin-top:8px;

  }
  img.alignright,
  .wp-caption.alignright {
    float: right;
    margin-left:24px;
    margin-top:8px;
  }


@media screen and (max-width: 480px) {

  img.alignleft,
  .wp-caption.alignleft {
    float: none;
     margin-right:auto;
      margin-left:auto;
    margin-top:0;
    display: block;
  }
  img.alignright,
  .wp-caption.alignright {
    float: none;
     margin-left:auto;
     margin-right:auto;
    margin-top:0;
    display: block;
  }


}





@media only screen and (max-width: 767px) {

.mobi-img-xs {
  width: 15% !important;
}

.mobi-img-s {
  width: 25% !important;
}

.mobi-img-m {
  width: 50% !important;
  margin-left: auto;
  margin-right: auto;
  display: inherit;
}

.mobi-img-l {
  width: 75% !important;
  margin-left: auto;
  margin-right: auto;
  display: inherit;
}

.mobi-img-full {
  width: 100% !important;
  margin-left: auto;
  margin-right: auto;
  display: inherit;
}


}