.modal11-body-no-scroll {
  overflow: hidden!important;
   }
.modal11 {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
  
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  overflow: hidden;
	padding-top: 2rem;
	padding-right: 2rem;
	padding-left: 2rem;  
  -webkit-margin-after:-25%;!important;
  z-index: 9999;
  }

.modal11--is-visible {
  pointer-events: initial;
  opacity: 1; }

.modal11__dialog {
  background:#EEE;
  margin: 0 auto;
  width: 100%;
  
  margin-left:70%!important;
    margin-top:-14%!important;
  -webkit-margin-after:22%;!important;
  width: 21%;
  max-width: 40rem;
  border-radius: 0.3rem;
  overflow: hidden; 
  z-index: 1000;
  }

.modal11__body {
 padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem; }

.modal11__close {
  float: right; }
.whiteMark{
	font-size:36px!important;
	 vertical-align:top!important;
	  margin-top:-10px!important;
}
.whiteMark1{
	font-size:36px!important;
	 color:#FFF!important;
}

.textSize{
	font-size:12px!important;
	text-decoration:none!important;
	color:#000;
	
}

.divStyle{
width:33%!important;	
	
}
.divStyle1{
width:33%!important;
float:right!important;
	
}
.divStyle2{
width:30%!important;
float:left!important;
	
}

.topviewMode{
	padding-top:7px!important;
}


@media only screen and (min-width: 320px) and (max-width: 360px){

.modal11__dialog {
  background:#EEE;
  margin: 0 auto;
  margin-left:5%!important;
    margin-top:22%!important;
  width: 100%;
  max-width: 100%;
  border-radius: 0.3rem;
  overflow: hidden; }
  
.viewmode{
	padding-right:25px!important;
	padding-left:5px!important;
	padding-top:15px!important;
		
}

.topviewMode{
	padding-top:20px!important;
}

}

@media only screen and (min-width: 0px) and (max-width: 319px){

.modal11__dialog {
  background: white;
  margin: 0 auto;
  margin-left:20%!important;
    margin-top:0%!important;
  width: 70%;
  max-width: 70%;
  border-radius: 0.3rem;
  overflow: hidden; }
  
  
  
}
 
@media only screen and (min-width: 360px) and (max-width: 767px){

.modal11__dialog {
  background:#EEE;
  margin: 0 auto;
  margin-left:8%!important;
    margin-top:10%!important;
  width: 92%;
  max-width: 92%;
  border-radius: 0.3rem;
  overflow: hidden; }
  
.topviewMode{
	padding-top:20px!important;
}
  
}

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

.modal11__dialog {
  background:#EEE;
  margin: 0 auto;
  margin-left:59%!important;
    margin-top:-35%!important;
  width: 40%;
  max-width: 40%;
  border-radius: 0.3rem;
  overflow: hidden; }
  
  
  
}

@media only screen and (min-width: 769px) and (max-width: 800px){

.modal11__dialog {
  background: white;
  margin: 0 auto;
  margin-left:72%!important;
    margin-top:-69%!important;
  width: 28%;
  max-width: 28%;
  border-radius: 0.3rem;
  overflow: hidden; }
  
  
  
}
@media only screen and (min-width: 800px) and (max-width: 979px){

.modal11__dialog {
  background:#EEE;
  margin: 0 auto;
  margin-left:65%!important;
    margin-top:-49%!important;
  width: 38%;
  max-width: 48%;
  border-radius: 0.3rem;
  overflow: hidden; }
  
  
  
}
@media only screen and (min-width: 980px) and (max-width: 1279px){

.modal11__dialog {
  background:#EEE;
  margin: 0 auto;
  margin-left:75%!important;
    margin-top:-59%!important;
  width: 28%;
  max-width: 48%;
  border-radius: 0.3rem;
  overflow: hidden; }
  
  
  
}


@media only screen and (min-width: 1920px){

.modal11__dialog {
  background:#EEE;
  margin: 0 auto;
  margin-left:65%!important;
    margin-top:-40%!important;
  width: 15%;
  max-width: 28%;
  border-radius: 0.3rem;
  overflow: hidden; 
  
  }
  
}

@media only screen and (min-width: 1281px)and (max-width: 1309px){

.modal11__dialog {
  background:white;
  margin-left:74%!important;
    margin-top:-28%!important;
  width: 20%;
  max-width: 28%;
  border-radius: 0.3rem;
  overflow: hidden; 
  
  -webkit-margin-after:10%;!important;  }
  
}

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

.modal11__dialog {
  background:#EEE;
  margin-left:74%!important;
    margin-top:-8%!important;
  width: 20%;
  max-width: 28%;
  border-radius: 0.3rem;
  overflow: hidden; 
  
  -webkit-margin-after:10%;!important;  }
  
}



@media only screen and (min-width: 1409px)and (max-width: 1919px){

.modal11__dialog {
  background:#EEE;
  margin-left:70%!important;
    margin-top:-45%!important;
  width: 15%;
  max-width: 28%;
  border-radius: 0.3rem;
  overflow: hidden; 
   -webkit-margin-after:5%;!important; 
  
}


/*# sourceMappingURL=style.min.css.map */