.mymodal.min{
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background:#262626 !important; 
          width: 250px; 
        height: 30px;
        overflow: hidden !important;
        padding: 0px !important;
        margin: 0px;    

        float: left;  
        position: static !important; 
      
      }

    .min .modal-dialog, .min .modal-content{
        height: 100%;
        width: 100%;
        margin: 0px !important;
        padding: 0px !important; 
      }

    .min .modal-header{
        height: 100%;
        width: 100%;
        margin: 1px !important;
        padding: 3px 30px !important;
        cursor: pointer;
      }
      
    .min .modal-content{
       width: 250px;
       border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background: #262626 !important; 
        overflow: hidden !important;
      }

    .display-none{display: none;}

    .mymodal button .fa{
        font-size: 16px;
        margin-left: 10px;
      }

     
  .min .close, .min .close .fa-clone{
    color: #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;}

    .min .fa{
        font-size: 14px; 
      }

    .min .menuTab{display: none;}

   .mymodal button:focus { outline: none; }

    .minmaxCon{
      bottom: 0px;
      /*left: 1px;*/
      position: fixed;
      right: 0px;
      z-index: 9999;
    }
    .min .modal-title{
    color: #ffffff !important;
    font-size: 1em !important;
    }
    .mymodal .modal-body{
      padding:15px 30px;
    }

    @media (min-width: 768px){
    .mymodal .modal-dialog {
    width: 700px !important;
}
}

    @media (max-width: 767px){
         .mymodal .modal-body,
         .mymodal .boxed{
        padding: 5px !important;
        }
      }