.modal_pop {display: none;position: fixed;z-index: 9999!important;padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal-content { background-color: #f0f8ff00; margin: auto; /* width: 1024px; */ /* height:768px; */ width: 320px; /* height:480px; */ -webkit-box-shadow: none!important; box-shadow: none!important; border: 0;}
.modal-content .close_pop { color: #ff0808; float: right; font-size: 28px; font-weight: bold; opacity: 1; text-shadow: none;}
.close_pop:hover,.close_pop:focus { color: #ff0808; text-decoration: none; cursor: pointer;}
/* org .modal_pop{display:block!important;} */
/* org .modal-content{display:none!important;} */
@media (max-width:4000px) and (min-width:700px) { 	.modal_pop{display:block!important;}	.modal-content{display:block!important;}}
@media (max-width:719px) and (min-width:10px) {	.modal_pop{display:none!important;}	.modal-content{display:none!important;}}	
/* mobile */
.modal_mob { display: none; position: fixed; z-index: 9999!important; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal-content_mob { background-color: #f0f8ff00; margin: auto; width: 320px;}
.modal-content_mob .close_mob { color: #ff0808; float: right; font-size: 28px; font-weight: bold; opacity: 1; text-shadow: none;}
.close_mob:hover,.close_mob:focus { color: #ff0808; text-decoration: none; cursor: pointer;}
@media (max-width:4000px) and (min-width:700px) {.modal_mob{display:none!important;}	.modal-content_mob{display:none!important;}}
@media (max-width:719px) and (min-width:10px) {	.modal_mob{display:block!important;}	.modal-content_mob{display:block!important;}}