.modal{display:none;position:fixed;z-index:11111111;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}#mybtn{cursor:pointer}#myModal h3,#myModal-1 h3{font-size:130%;color:#000}.modal-header i{color:#000;font-size:25px;font-weight:700;height:100%;position:absolute;right:16px;top:10px;opacity:1;cursor:pointer}.popup{position:fixed;left:50%;top:10%}.popup .wrapper{position:relative;left:-50%;background-color:#fff}.wrapper .closes-1{position:absolute;float:right;top:0;right:0;margin:10px;background-color:#f5f5f5;border-radius:2px;padding:5px;opacity:.8;cursor:pointer}.wrapper .closes-1 i{font-size:29px}.popup .wrapper img{border:2px double #f5f5f5}.modal-header{padding:5px 16px;background-color:#f93;color:#fff}.modal-body{padding:5%;height:80%}.modal-footer{padding:2px 16px;background-color:#f93;color:#fff}.modal-contentss{position:absolute;background-color:#fefefe;left:0;right:0;top:0;bottom:0;margin:auto;padding:0;height:220px;border:0 solid #f93;width:35%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}.modal-contentss-1{position:relative;background-color:#fefefe;padding:0;border:0 solid #f93;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s;display:inline-block;max-width:80%;max-height:80%;min-width:40%;min-height:40%}.modal-contentss-1 .modal-body{padding:0;margin:0;width:100%;height:auto;float:left;background-color:#fff}.modal-contentss-1 .modal-body img{float:left}@media(min-width:768px){}@media(min-width:420px){}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}