/* The Modal (background) */
.cmodalpop {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit absolutely on top some elements have z-index>=999 */
    padding-top: 6%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
    
  }
  @media screen and (max-width: 1920px){
      .cmodalpop {
      padding-top: 5%
      }
  }
  @media screen and (max-width: 1000px){
      .cmodalpop {
      padding-top: 20%
      }
  }
  @media screen and (max-width: 480px){
      .cmodalpop {
      padding-top: 20%
      }
  }
  
  /* Modal Content */
  .modal-popper {
    /*background-color: #fefefe;*/
    margin: 0 auto;
   /* border: 1px solid #888;*/
    width: 50%;
    max-width:70%;
    display: block;
    
  }
  @media screen and (max-width: 1920px){
    .modal-popper {
    margin: 0 auto;
    width: 35% !important;
    display: block;
    max-width:35%;
    }
      
  }
  @media screen and (max-width: 1000px){
    .modal-popper {
    margin: 0 auto;
    width: 50% !important;
    display: block;
    max-width:50%;
    }
      
  }
  @media screen and (max-width: 480px){
    .modal-popper {
    margin: 0 auto;
    width: 70% !important;
    display: block;
    max-width:70%;
    }
      
  }
  .modalimg{
      border-radius: .45rem;
      width:100%;
      margin:0 auto;
      display: flex;
  }
  
  /* The Close Button */
  .closeme {
    color: #aaaaaa;
    vertical-align: middle;
    border:none;
    font-size: 3rem;
    font-weight: bold;
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
  }
 
  .closeme:hover,
  .closeme:focus {
    color: rgb(211, 38, 105);
    text-decoration: none;
    cursor: pointer;
  }
  
  .mvtopright {
    right: 0;
    top: 0
  }
  
  .phide {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}

  .rotatexbtn {
    transform: rotate(45deg);
    /* Legacy vendor prefixes that you probably don't need... */
    /* Safari */
    -webkit-transform: rotate(45deg);
    /* Firefox */
    -moz-transform: rotate(45deg);
    /* IE */
    -ms-transform: rotate(-45deg);
    /* Opera */
    -o-transform: rotate(-45deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  }